/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
body {
	background-color: #0b2f3a;
}

::-moz-selection {
	background: none repeat scroll 0 0 #000;
	color: #fff;
}

/*masthead - navigation container margins to reduce height */
#masthead .site-branding {
	margin: 10px 20px 10px 0;
}

#masthead .main-navigation {
	margin: 10px 20px 10px 0;
}

/*masthead end */
/* Navigation bar tweaks (mainly for search/subscribe box and link font/sizing and alignment) */
#masthead, #masthead .main-navigation a {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: normal;
	background-color: #0b2f3a;
}

#site-navigation {
	height: 55px;
}

#masthead input[type="text"], #masthead input[type="email"], #masthead input[type="url"], #masthead input[type="password"], #masthead input[type="search"], #masthead input[type="submit"], #masthead label {
	line-height: 24px;
	height: 24px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 14px;
	vertical-align: baseline;
	font-weight: normal;
}

#masthead input[type="submit"] {
	line-height: 22px;
}

#masthead .main-navigation li {
	padding: 17px 0;
}

#masthead .main-navigation li.bop-nav-search {
	padding: 9px 25px;
}

#masthead .bop-nav-search li {
	height: 55px;
}

#masthead label {
	display: inline-block;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

#masthead ::-moz-selection {
	color: #fff;
}

#masthead ::selection {
	color: #fff;
}

/*end navigation tweaks */
/* Navigation bar social icon tweaks */
#masthead .header-controls {
	margin: 5px 0;
	font-size: 40px;
}

#masthead .social-list .menu-items {
	margin: 0 18px 0 0;
	padding: 5px 18px 0 0;
	border-right: 0;
}

#masthead #header-search-button {
	line-height: 1.3;
	padding: 5px 0;
	color: #9C9FA0;
	font-size: .778em;
}

#header-search-button a {
	color: #fff;
}

/*Navigation bar social icon tweaks end */
/*Full screen search box - z index fix for sticky menu (makes the search box appear in front if page has scrolled down to the point where sticky menu appears - old behaviour: sticky menu appears above full screen search making it cover the close icon top right */
#search-container {
	z-index: 1000003;
}

/*end fix */
.featherlight {
	z-index: 10;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: normal;
}

/*style the side explore bar */
.otw-show-label,.otw-show-man-label,.uform_title {
	display: none;
}

#uwpqsf_id {
	border: 0;
}

#otw-sticky-content {
	background-color: #ff0000;
}

#otw-overlay-1 {
	z-index: 1000002;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: normal;
	font-size: 14px;
}

.uwpqsf_class > span[class*="taxolabel-"], .uwpqsf_class > span[class*="cmflabel-"] {
	float: left;
	padding: 5px;
	clear: both;
	width: 100%;
	font-weight: normal !important;
	font-size: 14px;
	color: #fff;
}

.widgettitle {
	color: #fff;
}

.uwpqsf_class {
	padding: 15px 0 0;
	width: 100%;
	margin-bottom: 5px;
	clear: both;
}

.otw-sticky.otw-full-bar.otw-left-sticky .otw-hide-label, .otw-sticky.otw-full-bar.otw-left-sticky .otw-show-label, .otw-sticky.otw-full-bar.otw-right-sticky .otw-hide-label, .otw-sticky.otw-full-bar.otw-right-sticky .otw-show-label {
	top: 0;
	right: auto;
}

#otw-overlay-1 input[type="submit"] {
	line-height: 22px;
	height: 24px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 14px;
	vertical-align: baseline;
	font-weight: normal;
	background-color: #0b2f3a;
}

/*end side explore mods */
/*footer */
#colophon {
	background-color: #0b2f3a;
	border-top: 0;
	border-bottom: 0;
}

#colophon .site-footer-bottom {
	background: none repeat scroll 0 0 #0b2f3a;
	font-size: 13px;
	border-bottom: 0;
}

/*header section (search results text etc below the nav menu div) tweaks */
.page-header {
	border-top: 2px solid #0c0c0e;
	padding-bottom: 20px;
	margin: 0;
	padding: 20px 30px 18px;
	border-bottom: 0;
}

/*end header section tweaks */
/*responsive css tweaks */
.site-branding img {
	height: 55px;
}

@media only screen and (max-width:1140px) {
	.bop-nav-search {
		display: none;
	}
	
	.site-branding img {
		height: 55px;
	}
}

@media only screen and (max-width:992px) {
	.site-branding img {
		height: 120px;
	}
	
	#masthead .header-controls {
		margin: 0;
		font-size: 20px;
	}
	
	.footer-navigation {
		display: none;
	}
	
	#colophon .pull-right {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 700px) {
	.site-branding img {
		height: 120px;
	}
	
	#masthead .header-controls {
		margin: 0;
		font-size: 20px;
	}
	
	.footer-navigation {
		display: none;
	}
	
	#colophon .pull-right {
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width:500px) {
	.site-branding img {
		height: 120px;
	}
	
	#masthead .header-controls {
		margin: 0;
		font-size: 20px;
	}
	
	.footer-navigation {
		display: none;
	}
	
	#colophon .pull-right {
		width: 100%;
		text-align: center;
	}
}

/*end responsive tweaks*/
/*form elements css styling */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea {
	border: 1px solid rgba(0,0,0,0.04);
	background: none repeat scroll 0 0 #ffffff;
	color: #333;
	text-transform: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline: 0;
	outline: 1px solid #000;
	border-color: rgba(0,0,0,0.1);
	background: none repeat scroll 0 0 #ffffff;
}

#search-container input[type="text"]:focus {
	outline: 0;
	outline: 0;
	color: #fff;
}

/*form elements end*/
/*footer menu formatting*/
#colophon .footer-navigation ul {
	list-style: outside none none;
	margin: 0;
	padding-left: 0;
}

#colophon .footer-navigation li {
	float: left;
	position: relative;
	height: 19px;
}

#colophon, #colophon .footer-navigation a {
	text-transform: uppercase;
	font-family: "Montserrat";
	font-size: 14px;
	font-weight: 400;
	background-color: #0B2F3A;
}

#colophon .footer-navigation a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
	font-size: 13px;
	margin-right: 20px;
	margin-bottom: -2px;
	color: #9C9FA0;
	font-weight: normal;
}

#colophon .footer-navigation li:hover > a {
	color: #ffffff;
	border-color: #ffffff;
}

/*end footer menu formatting */
/*social button tweaks */
#header-search-button a:hover {
	border-color: #fff;
}

/*social button tweaks end */
/*general content font stuff */
.page-header .page-title {
	color: #fff;
}

#masthead .main-navigation .current_page_item > a, #masthead .main-navigation .current-menu-item > a, #masthead .main-navigation .current_page_ancestor > a, #masthead .main-navigation li:hover > a {
	color: #FFF;
	border-color: #fff;
}

#search-container #close-search-container {
	color: #fff;
}

.hentry-grid .hentry-col .hentry .entry-cats a {
	border-bottom: 2px solid #fff;
}

#primary-header .entry-meta:before {
	border-bottom: 2px solid #fff;
}

/*fix explore safari bug*/
.otw-sticky.otw-slide-animation .otw-sticky-content,
.otw-sticky.otw-slide-animation .otw-show-label,
.otw-sticky.otw-slide-animation .otw-hide-label {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.otw-sticky.otw-fade-animation .otw-sticky-content,
.otw-sticky.otw-fade-animation .otw-show-label,
.otw-sticky.otw-fade-animation .otw-hide-label {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

/*mobile sidebar tweaks */
#toggle-sidebar .social-list .menu-items a {
	width: 50px;
	background: none repeat scroll 0 0 #5ea9dd;
	border-radius: 50%;
	margin: 10px 7px 0 0;
	color: fff;
}

#toggle-sidebar .social-list li a::before {
	content: "Test content";
	font-size: 34px;
	color: fff;
	line-height: 50px;
}

#toggle-sidebar {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: normal;
	outline: 0 none;
}

#toggle-sidebar .social-list li a::before {
	content: '\f0c1';
	color: #fff;
}

#toggle-sidebar .social-list li a[href*="twitter.com"]::before {
	content: '\f099';
}

#toggle-sidebar .social-list li a[href*="facebook.com"]::before {
	content: '\f09a';
}

#toggle-sidebar .primary-font, input[type="submit"], label, #page div#jp-relatedposts h3.jp-relatedposts-headline, .posts-navigation {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: normal;
}

#toggle-sidebar .mobile-navigation ul li {
	border-top: none;
	border-bottom: none;
	margin-top: 8px;
	padding-top: 8px;
}

div:focus {
	outline: none;
}

#infinite-footer {
	display: none;
}

.site-branding img {
	width: auto;
}

/*
	CSS Migrated from Jetpack:
*/

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
body {
	background-color: #0b2f3a;
}

::-moz-selection {
	background: none repeat scroll 0 0 #000;
	color: #fff;
}

/*masthead - navigation container margins to reduce height */
#masthead .site-branding {
	margin: 10px 20px 10px 0;
}

#masthead .main-navigation {
	margin: 10px 20px 10px 0;
}

/*masthead end */
/* Navigation bar tweaks (mainly for search/subscribe box and link font/sizing and alignment) */
#masthead, #masthead .main-navigation a {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: normal;
	background-color: #0b2f3a;
}

#site-navigation {
	height: 55px;
}

#masthead input[type="text"], #masthead input[type="email"], #masthead input[type="url"], #masthead input[type="password"], #masthead input[type="search"], #masthead input[type="submit"], #masthead label {
	line-height: 24px;
	height: 24px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 14px;
	vertical-align: baseline;
	font-weight: normal;
}

#masthead input[type="submit"] {
	line-height: 22px;
}

#masthead .main-navigation li {
	padding: 17px 0;
}

#masthead .main-navigation li.bop-nav-search {
	padding: 9px 25px;
}

#masthead .bop-nav-search li {
	height: 55px;
}

#masthead label {
	display: inline-block;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

#masthead ::-moz-selection {
	color: #fff;
}

#masthead ::selection {
	color: #fff;
}

/*end navigation tweaks */
/* Navigation bar social icon tweaks */
#masthead .header-controls {
	margin: 5px 0;
	font-size: 40px;
}

#masthead .social-list .menu-items {
	margin: 0 18px 0 0;
	padding: 5px 18px 0 0;
	border-right: 0;
}

#masthead #header-search-button {
	line-height: 1.3;
	padding: 5px 0;
	color: #9C9FA0;
	font-size: .778em;
}

#header-search-button a {
	color: #fff;
}

/*Navigation bar social icon tweaks end */
/*Full screen search box - z index fix for sticky menu (makes the search box appear in front if page has scrolled down to the point where sticky menu appears - old behaviour: sticky menu appears above full screen search making it cover the close icon top right */
#search-container {
	z-index: 1000003;
}

/*end fix */
.featherlight {
	z-index: 10;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: normal;
}

/*style the side explore bar */
.otw-show-label,.otw-show-man-label,.uform_title {
	display: none;
}

#uwpqsf_id {
	border: 0;
}

#otw-sticky-content {
	background-color: #ff0000;
}

#otw-overlay-1 {
	z-index: 1000002;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: normal;
	font-size: 14px;
}

.uwpqsf_class > span[class*="taxolabel-"], .uwpqsf_class > span[class*="cmflabel-"] {
	float: left;
	padding: 5px;
	clear: both;
	width: 100%;
	font-weight: normal !important;
	font-size: 14px;
	color: #fff;
}

.widgettitle {
	color: #fff;
}

.uwpqsf_class {
	padding: 15px 0 0;
	width: 100%;
	margin-bottom: 5px;
	clear: both;
}

.otw-sticky.otw-full-bar.otw-left-sticky .otw-hide-label, .otw-sticky.otw-full-bar.otw-left-sticky .otw-show-label, .otw-sticky.otw-full-bar.otw-right-sticky .otw-hide-label, .otw-sticky.otw-full-bar.otw-right-sticky .otw-show-label {
	top: 0;
	right: auto;
}

#otw-overlay-1 input[type="submit"] {
	line-height: 22px;
	height: 24px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 14px;
	vertical-align: baseline;
	font-weight: normal;
	background-color: #0b2f3a;
}

/*end side explore mods */
/*footer */
#colophon {
	background-color: #0b2f3a;
	border-top: 0;
	border-bottom: 0;
}

#colophon .site-footer-bottom {
	background: none repeat scroll 0 0 #0b2f3a;
	font-size: 13px;
	border-bottom: 0;
}

/*header section (search results text etc below the nav menu div) tweaks */
.page-header {
	border-top: 2px solid #0c0c0e;
	padding-bottom: 20px;
	margin: 0;
	padding: 20px 30px 18px;
	border-bottom: 0;
}

/*end header section tweaks */
/*responsive css tweaks */
.site-branding img {
	height: 55px;
}

@media only screen and (max-width:1140px) {
	.bop-nav-search {
		display: none;
	}
	
	.site-branding img {
		height: 55px;
	}
}

@media only screen and (max-width:992px) {
	.site-branding img {
		height: 120px;
	}
	
	#masthead .header-controls {
		margin: 0;
		font-size: 20px;
	}
	
	.footer-navigation {
		display: none;
	}
	
	#colophon .pull-right {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 700px) {
	.site-branding img {
		height: 120px;
	}
	
	#masthead .header-controls {
		margin: 0;
		font-size: 20px;
	}
	
	.footer-navigation {
		display: none;
	}
	
	#colophon .pull-right {
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width:500px) {
	.site-branding img {
		height: 120px;
	}
	
	#masthead .header-controls {
		margin: 0;
		font-size: 20px;
	}
	
	.footer-navigation {
		display: none;
	}
	
	#colophon .pull-right {
		width: 100%;
		text-align: center;
	}
}

/*end responsive tweaks*/
/*form elements css styling */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea {
	border: 1px solid rgba(0,0,0,0.04);
	background: none repeat scroll 0 0 #ffffff;
	color: #333;
	text-transform: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline: 0;
	outline: 1px solid #000;
	border-color: rgba(0,0,0,0.1);
	background: none repeat scroll 0 0 #ffffff;
}

#search-container input[type="text"]:focus {
	outline: 0;
	outline: 0;
	color: #fff;
}

/*form elements end*/
/*footer menu formatting*/
#colophon .footer-navigation ul {
	list-style: outside none none;
	margin: 0;
	padding-left: 0;
}

#colophon .footer-navigation li {
	float: left;
	position: relative;
	height: 19px;
}

#colophon, #colophon .footer-navigation a {
	text-transform: uppercase;
	font-family: "Montserrat";
	font-size: 14px;
	font-weight: 400;
	background-color: #0B2F3A;
}

#colophon .footer-navigation a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
	font-size: 13px;
	margin-right: 20px;
	margin-bottom: -2px;
	color: #9C9FA0;
	font-weight: normal;
}

#colophon .footer-navigation li:hover > a {
	color: #ffffff;
	border-color: #ffffff;
}

/*end footer menu formatting */
/*social button tweaks */
#header-search-button a:hover {
	border-color: #fff;
}

/*social button tweaks end */
/*general content font stuff */
.page-header .page-title {
	color: #fff;
}

#masthead .main-navigation .current_page_item > a, #masthead .main-navigation .current-menu-item > a, #masthead .main-navigation .current_page_ancestor > a, #masthead .main-navigation li:hover > a {
	color: #FFF;
	border-color: #fff;
}

#search-container #close-search-container {
	color: #fff;
}

.hentry-grid .hentry-col .hentry .entry-cats a {
	border-bottom: 2px solid #fff;
}

#primary-header .entry-meta:before {
	border-bottom: 2px solid #fff;
}

/*fix explore safari bug*/
.otw-sticky.otw-slide-animation .otw-sticky-content,
.otw-sticky.otw-slide-animation .otw-show-label,
.otw-sticky.otw-slide-animation .otw-hide-label {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.otw-sticky.otw-fade-animation .otw-sticky-content,
.otw-sticky.otw-fade-animation .otw-show-label,
.otw-sticky.otw-fade-animation .otw-hide-label {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

/*mobile sidebar tweaks */
#toggle-sidebar .social-list .menu-items a {
	width: 50px;
	background: none repeat scroll 0 0 #5ea9dd;
	border-radius: 50%;
	margin: 10px 7px 0 0;
	color: fff;
}

#toggle-sidebar .social-list li a::before {
	content: "Test content";
	font-size: 34px;
	color: fff;
	line-height: 50px;
}

#toggle-sidebar {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: normal;
	outline: 0 none;
}

#toggle-sidebar .social-list li a::before {
	content: '\f0c1';
	color: #fff;
}

#toggle-sidebar .social-list li a[href*="twitter.com"]::before {
	content: '\f099';
}

#toggle-sidebar .social-list li a[href*="facebook.com"]::before {
	content: '\f09a';
}

#toggle-sidebar .primary-font, input[type="submit"], label, #page div#jp-relatedposts h3.jp-relatedposts-headline, .posts-navigation {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: normal;
}

#toggle-sidebar .mobile-navigation ul li {
	border-top: none;
	border-bottom: none;
	margin-top: 8px;
	padding-top: 8px;
}

div:focus {
	outline: none;
}

#infinite-footer {
	display: none;
}

.site-branding img {
	width: auto;
}