/*
Theme Name: Notable
Theme URI: http://themesforbloggers.com/themes/notable/
Author: Themes for Bloggers
Author URI: http://themesforbloggers.com/
Description: Notable is a big bold travel blog theme, designed to feature your beautiful travel photos and stories. The home page has an optional posts slider which let's you set up a specific slider category for those posts you want to feature there. On the home page you can also choose to (optionally) feature some static pages right below the slider too. Of course you can set colors, social media links, and logo through the Customizer so you can make it your own without any coding required. Happy trails.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: notable
Tags: custom-menu, full-width-template, post-formats, right-sidebar, featured-images

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Notable is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Head
# Navigation
	## Links
	## Menus
# Slide
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Footer
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

a img:hover{
	-webkit-filter: sepia(50%);
	filter: sepia(50%);
}

.img-hover{
	-webkit-filter: sepia(50%);
	filter: sepia(50%);
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 18px;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	background: #01c59f;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
	border: none;
	transition: all .2s ease-in-out;
}

input[type="submit"]:hover{
	background: #434a53;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
	font-size: 18px;
    padding: 5px;
    width: 100%;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

label{
	display: block;	
}

.search-field{
	width: 93% !important;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 18px;
	line-height: 1.5;
	font-family: 'Raleway', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Raleway', sans-serif;
}

p {
	margin-bottom: 1.5em;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color:#707070
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 18px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #f4f4f4; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight: 300;
}

ul li,
ol li{
	margin-bottom: 15px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	width:auto;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	font-size: 18px;
}

dl,
table,
address,
pre{
	font-weight: 300;
	line-height: 30px;
	font-size: 18px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"],
textarea {
    padding: 8px;
    width: 100%;
    font-size: 18px;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder{
	font-style:italic;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 8px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

.comment-list{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.comment-list .children{
	list-style-type: none;
}

.comment-author a{
	color: #01c59f;
    margin-left: 5px;
	font-size: 16px;
}

.comment-author a:hover, .comment-metadata a:hover{
	color: #434a53;
	text-decoration:none;
}

.comment-list .comment-metadata {
    line-height: 24px;
    font-size: 14px;
    padding-left: 40px;
}

.comment-content{
	padding-left: 40px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #434a53;
}

a:hover,
a:focus,
a:active {
	color: #01c59f;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active ,
a:focus,
.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus, a{
	outline: 0;
	box-shadow:none;
	transition: all .2s ease-in-out;
}

/*--------------------------------------------------------------
# Head
--------------------------------------------------------------*/	
.site-branding{
	margin: 30px 0;
	float:left;
}

.site-title{
	font-size: 46px;
	font-weight: 900;
	text-transform:uppercase;
	margin: 0;
}

.site-title a{
	color: #434a54;
}

.site-title a:hover{
	color:#01c59f;
	text-decoration:none;
}

.site-description{
	font-size: 20px;
	font-weight: 400;
	margin: 0;
}

.site-header{
	box-shadow: 0 -45px 115px 7px;
	background: #fff;
}

/*--------------------------------------------------------------
# Slide
--------------------------------------------------------------*/
.flexslider.carousel .slides{
	margin: 0;
    padding: 0;
}

.carousel li{
	margin:0;
}

.flexslider {
    margin: 0;
	border: none;
	background: transparent;
}

.flex-direction-nav a{
	height: 47px;	
	top: 45%;
}

.flex-direction-nav .flex-next {
	right: 20px;
}

.flex-direction-nav .flex-prev {
	left: 20px;
}

.flex-direction-nav a:before{
	color: rgba(255, 255, 255, 0.5);
}

html, body, #page, .flexslider.carousel,
.flex-viewport, .flexslider.carousel .slides {
	height:98%;
    height: calc(100% - 27px);
}

.flexslider .slides > li{
	max-height: inherit;
	height:98%;
	height: calc(100% - 5px);
	cursor:pointer;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	display: flex !important;
}

.slide-desc{
	text-align: center;
	width: 100%;
	align-self: flex-end;
	display:none;
}

.desc-container{
	padding: 20px;
	background: #01c59f;
}

.slide-desc a, .slide-desc h1{
	color: #fff;	
}

.slide-desc a:hover{
	text-decoration: none;
}

.slide-desc h1{
	font-weight: 600;	
}

.post-data a{
	margin-right: 10px;
	font-weight: normal;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	line-height: 15px;
	text-align: right;
}

.main-navigation li {
	position: relative;
	margin-bottom: 10px;
}

.main-navigation li:last-child{
	border-right: none;
	padding-right:0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	font-size:16px;
	color: #434a54;
	text-transform: uppercase;
	font-weight: 600;
}

.main-navigation a:hover{
	color: #01c59f;
	transition: all .3s ease-in-out;
}

.main-navigation ul ul {
	top: 15px;
	left: -999em;
	z-index: 99999;
	padding-top: 10px;
	line-height: 22px;
	text-align: left;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {
	border-right: none;
}

.main-navigation ul ul li:last-child{
	border-bottom: none;
    padding-bottom: 0;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color:#01c59f;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin:3.5em 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	width: 100%;
	font-size:18px;
	padding: 5px;
}

.widget_recent_entries ul li:before{
	content: "\f07b";
	font-family: FontAwesome;
	margin-right: 5px;
	position:absolute;
	left:0;
}

.widget_recent_entries ul li:hover:before{
	content: "\f07c";
	font-family: FontAwesome;
	margin-right: 3px;
}
.widget_recent_entries ul li{
	padding-left:20px;
}
.widget_recent_entries ul li a:hover,
.widget_archive ul li a:hover,
.widget_categories ul li a:hover{
	margin-left: 5px;	
}

.widget_archive ul li a:before, .widget_categories ul li a:before{
	content: "\f105";
	font-family: FontAwesome;
	margin-right: 5px;
}

.widget_search input[type="submit"], .sidebar-wrapper input[type="submit"]{
	width: 100%;
}
.widget_recent_comments ul li{
	padding-left:20px;
}
.widget_recent_comments ul li:before{
	content: "\f086";
	font-family: FontAwesome;
	margin-right: 3px;
	position:absolute;
	left:0;
}

.site-footer caption,
.site-footer p{
	color: #fff;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.site-content, .post-details,
.page-details{
	margin-top: 50px;
}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
	border: solid 1px #e1e1e1;
    margin-bottom: 100px;
    padding-bottom: 40px;
    background: #fff;
	position: relative;
	margin-top: 40px;
}

.single-post .hentry,
.page .hentry{
	background: none;
	border: none;
}

.page .hentry{
	margin-top: 0;
}

.hentry:last-child{
	border-bottom: none !important;
}

.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-details .entry-content{
	margin: 0;
}

.post-edit-link{
	font-size: 18px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.single-post .entry-title{
	margin-top: 0;
	border-bottom: solid 1px #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 23px;
}

.entry-title{
	font-size: 26px;
	font-weight: 600;
}
.page .entry-title{
	padding-top: 30px;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 23px;
}
.search-results .entry-title{
	background: transparent;
}
.search-results .page-header,
.archive .page-header{
	margin: 0;
}

.page-heading .page-title{
	margin: 0;
}

.search-results .page-heading,
.archive .page-heading{
	padding-bottom: 30px;
    margin: 0 0 80px;
    border-bottom: 1px solid #eee;
}

.header-image{
	width: 100%;
}
.entry-title a:hover{
	color: #01c59f;	
	text-decoration:none;
}

.entry-meta{
	position: absolute;
    width: 100%;
    top: -50px;
}

.single-post .entry-meta{
	position:inherit;
	margin-bottom: 15px;
}

.entry-meta a{
	font-size: 16px;
	display: block;
	color:#ccc;	
	color: #959595;
    font-weight: 100;
    font-style: italic;
}

.entry-meta .fa-user, .entry-meta .avatar{
	float: left;
    font-size: 28px;
    background: #01c59f;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    padding: 2px;
    border-radius: 100%;
	margin-right: 6px;
}

.posted-on, .byline{
	line-height: 20px;	
}

.entry-meta a:hover{
	color:#01c59f;	
	text-decoration: none;
}


.posted-on a:hover{
	color:#434a53 !important;	
}

.read_more{
	background: #1bbc9b;
    color: #fff;
    padding: 12px 10px;
    text-transform: uppercase;
    font-size: 14px;
	float: right;
}

.read_more:hover{
	background: #434a53;
	color:#fff;
	text-decoration: none;
}

.pagination {
    font-size: 24px;
    color: #01c59f;
    font-weight: 600;
	text-align: center;
	display: block;
}

.img-container{
	background: #fff;
	overflow:hidden;
}

.img-container img{
	width: 100%;
}

.img-container a{
	position:relative;
}

.img-container a:hover:before{
	content: '';
	background: #1bbc9b;
	width: 100%;
	height:800px;
	position:absolute;
	display:block;
	z-index:9;
	opacity: 0.5
}

.pagination a {
    margin: 0 5px;
	color: #707070;
}

.fa-chevron-right, .fa-chevron-left {
    background: #01c59f;
    color: #fff;
    font-size: 18px;
    padding: 2px 5px 1px 6px;
}

.post-navigation a, .posts-navigation a{
	font-size: 16px;
	color: #434a53;
}

.post-navigation a:hover, .posts-navigation a:hover{
	color: #01c59f;
	text-decoration:none;
}

.nav-previous a:before{
	content: "\f0d9";
	font-family: FontAwesome;
	margin-right:5px;
}

.nav-next a:after{
	content: "\f0da";
	font-family: FontAwesome;
	margin-left:5px;
}

.featured-container{
	margin-bottom: 50px;
}

.featured-article h2{
	font-size: 28px;
    font-weight: 900;
    text-align: center;
    background: #434a53;
    color: #fff;
    padding: 20px 0;
    margin: 0;
}

.archive-wrapper{
	padding: 20px 40px 0;
}

.featured-container h2:hover, .featured-container a:hover{
	color: #01c59f;
	text-decoration:none !important;
}

.featured-image{
	max-height: 230px;
	overflow: hidden;
	max-width: 720px;
	margin-bottom: 20px;
}

.featured-image img{
	width: 100%;	
}
.inner-wrapper{
    margin-bottom: 30px;
	background: #fff;
	padding: 5px 25px;
}
.about-entry{
	background: #fff;
	padding: 1px 20px 20px;	
}
.infinite-scroll .pagination {
	display: none;
}

.copy-right, #menu-social{
	text-align:center;
}

#menu-social ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#menu-social ul li {
	display:  inline-block;
	position: relative;
	margin-right: 3px;
	margin-bottom:0;
	width: 30px;
    height: 30px;
    background: #13191e;
    border-radius: 100%;
}

#menu-social ul li:hover {
	background: #01c59f;
}

#menu-social li a{
    display: block;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 3px;
}

#menu-social li a::before {
	display:        inline-block;
	padding:        0 5px;
	font-family:    'FontAwesome';
	font-size:      14px;
	-webkit-font-smoothing: antialiased;
}

#menu-social li a[href*="facebook.com"]::before {
	content: '\f09a';
}
#menu-social li a[href*="twitter.com"]::before {
	content: '\f099';
}
#menu-social li a[href*="plus.google.com"]::before {
	content: '\f0d5';
}
#menu-social li a[href*="pinterest.com"]::before {
	content: '\f0d2';
}
#menu-social li a[href*="tumblr.com"]::before {
	content: '\f173';
}
#menu-social li a[href*="youtube.com"]::before {
	content: '\f167';
}
#menu-social li a[href*="vimeo.com"]::before {
	content: '\f194';
}
#menu-social li a[href*="instagram.com"]::before {
	content: '\f16d';
}
#menu-social li a[href*="linkedin.com"]::before {
	content: '\f0e1';
}
#menu-social li a[href*="mailto:"]::before {
	content: '\f0e0';
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.archive .format-aside .entry-title {
	display: none;
}

.sidebar-wrapper .widget:first-child{
	margin-top: 50px;
}

.sidebar-wrapper .widget{
	margin: 35px 0;
}

.sidebar-wrapper ul{
	padding: 0;
	list-style-type: none;
	line-height: 20px;
	position:relative;
}

.sidebar-wrapper ul ul{
	padding-left: 10px;
    margin-left: 10px;
}

.sidebar-wrapper .widget-title{
	font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #293e51;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 23px;
    margin-bottom: 23px;
}

.sidebar-wrapper a{
	font-size: 16px;
	font-weight: normal;
	color: #434a53;
}

.sidebar-wrapper a:hover{
	color: #01c59f;
	text-decoration: none;
}

.widget_notable_recent_posts ul li h5 {
    margin-bottom: 5px;
    display: inline;
}

.widget_notable_recent_posts .meta-info{
	line-height: 10px;
}

.widget_notable_recent_posts ul li{
	margin-bottom: 20px;
}
.meta-info-date{
	font-size: 14px;
	color: #999999;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer{
	background: #283a50;
	color: #999999;
	font-size: 18px;
	font-weight: 300;
}

.site-footer .widget ul{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.site-footer .widget ul ul{
	margin-left: 10px;
	padding-left: 10px;
}
.site-footer .widget_recent_comments ul li:before{
	left: 13px;
}

.footer-widget .widget-title{
	font-size: 28px;
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: dotted 1px #555555;
    padding-bottom: 20px;
    margin-top: 0;
    color: #edf1f2;
}

.site-footer a{
	color: #fff;
	font-weight: 100;
}

.site-footer a:hover{
	color: #01c59f;
	text-decoration: none;	
}

.site-info{
	font-size: 14px;
    font-weight: normal;
    border-top: solid 1px #666;
    padding: 10px;
    background: #172736;
}

.site-info a{
	color: #01c59f;
}

.site-footer .widget_notable_recent_posts h5 a{
	font-size: 18px;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	margin-left: -13px;
    margin-right: -13px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 13px;
}

.gallery-item img{
	width: 100%;
}

.gallery-icon{
	position:relative;
	overflow:hidden;
}

.gallery-item:hover .gallery-icon a:before{
	content:'';
	background:#00bcd5;
	height:400px;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	opacity: 0.6;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
	background: #f1f1f1;
    font-size: 12px;
    padding: 3px;
}

/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/
@media only screen and (min-width:645px){
	.post-format:before{
		position: absolute;
	}
}
@media only screen and (min-width:600px){
	.main-navigation {
		float: right;
		margin-top: 45px;
		margin-bottom: 40px;
		max-width: 870px;
	}
	.main-navigation li{
		display: inline-block;
		border-right: solid 1px;
		padding: 0 15px;
	}
	.main-navigation ul ul{
		 background: #fff;
		 float: left; 
		 position: absolute;
	}
	.main-navigation ul ul li{
		border-bottom: dashed 1px #ebebeb;
		padding-bottom: 10px;
	}
}
@media only screen and (min-width:767px){
	#menu-social{
		float: right;
	}
	.copy-right{
		float:left;
	    padding-top: 5px;
	}
	.img-container{
		height: 530px;
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-right: 30px;
    	padding-left: 30px;
	}
	.no-results .inner-wrapper{
		padding: 40px 50px 50px;
	}
}
@media only screen and (max-width:990px){
	.site-title{
		font-size: 36px;
		text-align:center;
	}
	.main-navigation{
		max-width:100%;
		margin-top: 0;
	}
	.main-navigation ul, .site-description{
		text-align:center;
	}
	.site-branding{
		float:none;
	}
}
@media only screen and (max-width:599px){
	.main-navigation ul{
		text-align:left;
	}
	.main-navigation li a{
		border-bottom: dashed 1px #ebebeb;
		width: 100% !important;
		padding: 10px 0;
	}
	.menu-toggle{
		border: none;
		background: none;
	}
	.menu-toggle .fa-bars{
		font-size: 24px;
	}
	#site-navigation{
		margin-bottom: 10px;
	}
	.entry-meta a{
		border-right: none;
	}
}
@media only screen and (max-width:480px){
	.main-navigation.toggled {
		margin-top: 15px;
	}
	.entry-meta .posted-on{
		background: #01c59f;
	}
	.slide-desc{
		display:none;
	}
	.gallery-columns-3 .gallery-item {
		max-width: 100%;
	}
}
@media only screen and (max-width:320px){
	.desktop{
		display:none;
	}
}