/*
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.
 */
.site-header .col-full {
    max-width: 100%;
}
.woocommerce-active .site-branding, .woocommerce-active .site-logo-anchor, .woocommerce-active .site-logo-link {
    margin-left: 15%;
}

.woocommerce-active .site-header .site-search { 
	margin-right: 15%;
    width: 21.7391%;
}
.woocommerce-active .site-header .main-navigation {
    background-color: #2d9890;
    height: 60px;
    margin: 0;
    padding: 5px 0 5px 15%;
    width: 63%;
}
.woocommerce-active .site-header .site-header-cart {
    background-color: #2d9890;
    height: 60px;
    padding: 15px 15% 0 0;
    width: 37%;
}
.woocommerce-active .site-header .widget_shopping_cart li,
.woocommerce-active .site-header .widget_shopping_cart p.buttons,
.woocommerce-active .site-header .widget_shopping_cart p.total {
	background-color:#2d9890;
	color:white;
	width: 293px;
}
.main-navigation ul, .secondary-navigation ul {
    border: 1px solid white;
    border-radius: 5px;
    display: block;
    float: left;
    height: 50px;
    list-style: outside none none;
    padding: 0;
}
.main-navigation ul.menu > li:first-child, 
.main-navigation ul.nav-menu > li:first-child {
	margin:0;
}
/*.main-navigation ul.menu > li.current-menu-item,
.main-navigation ul.nav-menu > li.current-menu-item {
	background: white none repeat scroll 0 0;
    color: #454545;
}*/
.main-navigation ul.menu > li > a, 
.main-navigation ul.nav-menu > li > a {
    height: 48px;
    padding: 10px;
}
.main-navigation ul.menu > li > a:hover, 
.main-navigation ul.nav-menu > li > a:hover {
	background: white none repeat scroll 0 0;
    color: #454545;
}
/* Child Theme Media Queries - Use the following media queries to adjust the appearance of your theme on mobile devices */

// Small screens
@media only screen { }/* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {  /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
.site-header .col-full {
    max-width: inherit;
}
.woocommerce-active .site-branding, .woocommerce-active .site-logo-anchor, .woocommerce-active .site-logo-link {
    margin-left: inherit;
}

.woocommerce-active .site-header .site-search { 
	margin-right: 0;
    width: inherit;
}
.woocommerce-active .site-header .main-navigation {
    background-color: inherit;
    height: inherit;
    margin: 0;
    padding: inherit;
    width: inherit;
}
.menu-toggle {
    background-color: #2d9890;
    outline: medium none;
}
.menu-toggle:focus {
    outline: medium none;
}
.main-navigation.toggled .menu {
    background-color: #454545;
    bottom: 35px;
    position: relative;
}
.main-navigation.toggled .menu li{
    list-style: none;
}
.woocommerce-active .site-header .site-header-cart {
    background-color: inherit;
    height: inherit;
    padding: inherit;
    width: inherit;
}
.woocommerce-active .site-header .widget_shopping_cart li,
.woocommerce-active .site-header .widget_shopping_cart p.buttons,
.woocommerce-active .site-header .widget_shopping_cart p.total {
	background-color: inherit;
	color: inherit;
	width: inherit;
}
.main-navigation ul, .secondary-navigation ul {
    border: inherit;
    border-radius: inherit;
    display: inherit;
    float: inherit;
    height: inherit;
    list-style: inherit;
    padding: inherit;
}
p.site-description, ul.menu li.current-menu-item > a {
    color: inherit;
    text-decoration: inherit;
}
}
/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) {  /* min-width 1921px, xxlarge screens */
.site-header .col-full {
    max-width: 100%;
}
.woocommerce-active .site-branding, .woocommerce-active .site-logo-anchor, .woocommerce-active .site-logo-link {
    margin-left: 15%;
}

.woocommerce-active .site-header .site-search { 
	margin-right: 15%;
    width: 21.7391%;
}
.woocommerce-active .site-header .main-navigation {
    background-color: #2d9890;
    height: 60px;
    margin: 0;
    padding: 5px 0 5px 15%;
    width: 63%;
}
.woocommerce-active .site-header .site-header-cart {
    background-color: #2d9890;
    height: 60px;
    padding: 15px 15% 0 0;
    width: 37%;
}
.woocommerce-active .site-header .widget_shopping_cart li,
.woocommerce-active .site-header .widget_shopping_cart p.buttons,
.woocommerce-active .site-header .widget_shopping_cart p.total {
	background-color:#2d9890;
	color:white;
	width: 293px;
}
.main-navigation ul, .secondary-navigation ul {
    border: 1px solid white;
    border-radius: 5px;
    display: block;
    float: left;
    height: 50px;
    list-style: outside none none;
    padding: 10px 10px 0;
}
p.site-description, ul.menu li.current-menu-item > a {
    color: white;
    text-decoration: underline;
}
}