/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
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.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700);
@font-face {
	font-family: 'Social';
	font-weight: normal;
	font-style: normal;
	src: url('fonts/social.eot');
	src: url('fonts/social.eot?#iefix') format('embedded-opentype'), url('fonts/social.woff') format('woff'), url('fonts/social.ttf') format('truetype'), url('fonts/social.svg#woo-social') format('svg');
}
* {
	outline: none !important;
}
body {
	background-color: #ededed;
	color: #000;
}
@media (min-width: 768px) {
	.storefront-secondary-navigation .site-header .site-branding {
		max-width: 40%;
		float: left;
		margin-right: auto;
		margin-bottom: 0 !important;
	}
}
@media (min-width: 768px) {
	.site-header .site-branding img {
		height: auto;
		max-width: 440px;
		max-height: none;
	}
}
h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif !important;
}
body, p, .entry p, li {
	font-family: 'Lato', sans-serif !important;
}
#main a, h1, h3,.post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited, .widget-title {
	color: #2a3589 !important;
	text-decoration: none !important;
}
#main a:hover, #footer-widgets a:hover, .site-footer a:not(.button):hover {
	text-decoration: underline !important;
}
.page-title, .post .title, .page .title, h1.entry-title {
	font: bold 28px/1.1em Helvetica, Arial, sans-serif !important;
}
.widget .widget-title {
	font: bold 14px/1.2em 'Oswald', sans-serif !important;
	border-bottom: 1px solid #e6e6e6 !important;
}
h2 {
	color: #555;
}
#footer-widgets .widget ul li a,#footer-widgets p,#footer-widgets a {
	font-size: 16px !important;
}
#footer-widgets a, .site-footer a:not(.button) {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #2a3589 !important;
	text-decoration: none !important;
}
#wrapper {
	background-color: #ffffff;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-radius: 0px;
	box-shadow: 0px 1px 5px rgba(0,0,0,.1);
	
}

.no-wc-breadcrumb .site-header {
	margin-bottom: 0 !important;
}
.storefront-primary-navigation {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background-color: #f0f0f0;
}
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
	font: 400 14px/1.2 "Lato", sans-serif;
	padding: 1em 1em !important;
	color: #2a3589 !important;
	text-transform: uppercase;
}
.main-navigation ul.menu li a {
	text-transform: uppercase !important;
}
.main-navigation ul.menu ul.submenu {
	background-color: #fff !important;
}
.main-navigation ul li a, ul.menu li a {
	color: #2a3589 !important;
}
.main-navigation ul.menu ul.submenu a {
	font: 400 12px/1.2 "Lato", sans-serif !important;
	color: #2a3589 !important;
	text-transform: uppercase !important;
	background-color: #fff !important;
}
@media (min-width: 768px) {
	.main-navigation ul.menu > li {
		border-right: 1px solid #dbdbdb;
	}
	.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
		background-color: #fff !important;
	}
	.main-navigation ul.menu ul li a {
		font-size: 12px;
		color: #2a3589 !important;
		text-transform: uppercase !important;
		background-color: #fff !important;
	}
}
.storefront-primary-navigation .col-full {
	margin: 0 0 0 2em !important;
	padding: 0 !important;
}
@media only screen and (min-width: 768px) {
	#wrapper {
		max-width: 1200px !important;
		margin: 0 auto;
	}
	#primary {
		width: 69%;
	}
	.right-sidebar .widget-area {
		width: 25%;
		float: right;
		margin-right: 0;
	}
	article .thumb {
		display: block;
		float: left;
		width: 40%;
		margin-right: 3%;
	}
	article .thumb img {
		width: 100% !important;
		height: auto !important;
		overflow: hidden;
		max-height: 200px;
		min-height: 200px;
		padding: 3px;
		border: 1px solid #e6e6e6;
	}
	article .entry {
		float: left;
		width: 57%;
	}
}
.entry-content .wp-post-image {
	display: none;
}

.homeArticles {
	display: block;
	overflow: hidden;
	clear: both;
}
.sectionTitle {
	background: #2a3589;
	padding: 10px 0;
	margin-bottom: 15px;
	width: 99.2%;
}
.sectionTitle h2 {
	color: #fff !important;
	font-weight: 300;
	margin-left: 25px;
	margin-bottom: 0 !important;
	text-transform: uppercase;
	font-size: 18px;
}
body.home .homeArticles li {
	position: relative;
	list-style-type: none;
}
@media only screen and (min-width: 992px) {
	body.home .homeArticles li {
		width: 30.8%;
		float: left;
		margin-right: 3%;
		min-height: 450px;
		max-height: 450px;
	}
}
body.home .homeArticles li:last-child {
	margin-right: 0;
}
body.home .homeArticles img {
	width: 100%;
	height: 150px;
}
body.home .homeArticles li h3, article .entry h3 {
	font: bold 20px/1.2em Arial, sans-serif;
	margin-bottom: 0 !important;
}
body.home .homeArticles li p, article .entry p {
	font: 300 14px/1.2em Arial, sans-serif;
	margin-bottom: 0 !important;
}
body.home .homeArticles li .author, article .entry .author {
	display: inline-block;
	font: 300 13px/1.2em 'Oswald', sans-serif;
	margin-bottom: 12px !important;
}
article .entry .author a {
	font-weight: 700;
}
.entry img, img.thumbnail, body.home .homeArticles img {
	padding: 3px;
	border: 1px solid #e6e6e6;
	background: rgba(255, 255, 255, 0.7);
}
.social a {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s; }
.social a:hover {
	opacity: 1;
	filter: alpha(opacity=100); }
.social a:hover {
	text-decoration: none; }
.social a:before {
	font-family: Social;
	font-size: 1.1em;
	line-height: 1;
	margin: 0 0.2em 0.6em 0;
	padding: .53em;
	display: inline-block;
	border-radius: 300px;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1); }
.social a.subscribe:before {
	content: '\e001';
	background-color: #FF6600; }
.social a.twitter:before {
	content: '\e002';
	background-color: #00aced; }
.social a.facebook:before {
	content: '\e003';
	background-color: #3b5998; }
.social a.youtube:before {
	content: '\e004';
	background-color: #af2b26; }
.social a.flickr:before {
	content: '\e005';
	background-color: #ff0084; }
.social a.linkedin:before {
	content: '\e006';
	background-color: #71c5ef; }
.social a.delicious:before {
	content: '\e007';
	background-color: #285da7; }
.social a.googleplus:before {
	content: '\e008';
	background-color: #2d2d2d;
	font-weight: bold; }
.social a.dribbble:before {
	content: '\e009';
	background-color: #ea4c89; }
.social a.instagram:before {
	content: '\e010';
	background-color: #517fa4; }
.social a.vimeo:before {
	content: '\e011';
	background-color: #33454E; }
.social a.pinterest:before {
	content: '\e012';
	background-color: #cb2027; }

.footer-widgets {
	padding-top: 0 !important;
}
.widget {
	margin: 0 0 1em !important;
}

/******************************************************************* Header */

#page .header-widget-region .widget {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}
#masthead {
    padding-top: 20px;
}
#masthead .header-ad-spot {
    position: absolute;
    right: 50px;
    top: 30px;
}
#masthead .header-ad-spot .widget {
    margin: 0px !important;
}
#masthead .secondary-navigation {
    display: none;
}
#masthead #menu-main > li > a, #masthead #menu-main-2 > li > a {
    padding-left: 10px !important;
    padding-right: 13px !important;
}
#masthead .mobile-menu {
    display: none;
    background: #f0f0f0;
	padding: 10px;
	position: relative;
}
#masthead .mobile-header-search .widget {
    margin: 0px !important;
}
#masthead .mobile-header-search .widgettitle {
    display: none;
}
#masthead .mobile-header-search form {
    margin: 0px;
    width: calc(100% - 105px);
}
#masthead .search-field {
    background: white;
}
#masthead .shiftnav-toggle {
    position: absolute;
    right: 10px;
    top: 11px;
    background: #2a3589;
    color: white;
    padding: 12px 15px;
}
#masthead .navigation-search .widgettitle {
    display: none;
}
#masthead .nav-search-button {
    position: absolute;
    right: 10px;
    margin-top: -50px;
    color: #2a3589;
    font-size: 20px;
}
#masthead .nav-search-button:hover {
    opacity: .8;
}
#masthead .navigation-search .widget {
    position: absolute;
    right: 0px;
    margin: 0px;
    background: white;
    box-shadow: 2px 2px 8px rgba(0,0,0,.4);
    width: 300px;
    padding: 10px;
    display: none;
    margin-top: -10px !important;
}
#masthead .navigation-search .widget.open {
	display: block;
}
#masthead .navigation-search .widget form {
    margin: 0px;
}
#masthead .navigation-search .widget input {
    background: #f0f0f0;
}

/******************************************************************* Sticky Header */

#masthead .sticky-header {
    visibility: hidden;
    position: fixed;
    top: 0px;
    width: 100%;
    max-width: 1200px;
    opacity: 0;
    background: white;
    padding: 10px 0px 0px;
}
.admin-bar #masthead .sticky-header {
    top: 32px;
}
#masthead .sticky-header.active {
    visibility: visible;
    opacity: 1;
}

/******************************************************************* Content */

.homeArticles ul {
    margin: 0px;
}
.mobile-article-image {
    display: none;
}

/******************************************************************* Footer */

body .site-footer {
    padding-bottom: 0px;
}
#colophon .wpp-list li {
    position: relative;
    padding: 0px 0px 5px 25px;
}
#colophon .wpp-list img {
    position: absolute;
    left: 0px;
    top: 7px;
}
body .site-info {
    padding: 15px 0px;
}
#colophon .condense-widget .widget-title {
    display: none;
}
#colophon .condense-widget p a {
    font: bold 14px/1.2em 'Oswald', sans-serif !important;
    font-weight: 600;
}

/******************************************************************* Responsive */

@media screen and (min-width: 1550px) {
	#secondary .widget.bs_zones broadstreet-zone > div > span > span > div > div {
    	right: calc(50% - 750px) !important;
	}
}

@media screen and (max-width: 1300px) {
	#masthead .site-branding img {
    	max-width: 300px;
	}
	#masthead .header-ad-spot {
    	top: 20px;
    	right: 25px;
	}
	#masthead .header-ad-spot img {
    	max-width: 350px !important;
	}
}

@media screen and (max-width: 991px) {
	#masthead .header-ad-spot {
    	position: relative;
    	top: -10px;
    	right: auto;
    	display: block;
	}
	#masthead .header-ad-spot img {
    	margin: 0 auto;
	}
	#masthead .site-branding {
   		float: none;
	    max-width: 100%;
    	width: 100%;
	}
	#masthead .site-branding img {
    	margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	#masthead .storefront-primary-navigation {
    	border: none;
    	background: none;
	}
	#masthead .menu-toggle {
    	display: none;
	}
	#masthead .mobile-menu {
    	display: block;
	}
	#main .homeArticles li {
    	margin-bottom: 20px;
		overflow: hidden;
	}
	.archive #main .post .thumb, .search-results #main .post .thumb {
    	float: right;
		display: none;
	}
	.archive #main .post .entry h3, .search-results #main .post .entry h3 {
    	clear: none;
	}
	#main .homeArticles img {
   		height: auto;
    	float: right;
   		width: 150px;
	}
	#main .homeArticles h3 {
    	clear: none;
	}
	#main .IRPP_ruby {
   		height: auto;
	}
	#main .IRPP_ruby .centered-text-area {
    	height: auto;
   		padding: 5px 0px;
	}
	#main .IRPP_ruby .postTitle {
    	font-size: 14px;
    	line-height: 1.4;
	}
	.single-post #main .entry-content figure {
    	float: none;
    	display: block;
   		margin: 0 auto 20px;
	}
	.single-post #main .entry-content figcaption {
    	display: block;
    	text-align: inherit;
	}
	#masthead .sticky-header .header-ad-spot {
    	display: none;
	}
	#masthead .navigation-search {
		display: none;
	}
	.hentry .mobile-article-image .wp-post-image {
    	width: auto;
    	margin: 10px 0px 5px;
	}
	#main .homeArticles li > img {
   		display: none;
	}
	#main .homeArticles img {
    	float: none;
    	width: auto;
   		margin: 10px 0px 5px;
	}
	body .mobile-article-image {
		display: block;
	}
}

@media screen and (max-width: 400px) {
	#masthead .header-ad-spot img {
    	max-width: 90% !important;
	}
	#masthead .site-branding img {
    	max-width: 250px;
	}
}