/*
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.
 */

.main-navigation{
height: 3.4em;
}

/* main nav bar bg darken to show text*/
#site-navigation {
background-color: rgba(0,0,0,.3);
}



nav.secondary-navigation {
height: 0;
}
.site-header .secondary-navigation {
    margin: 0 !important;
}

body.woocommerce #primary { width: 100%; }


/* reduce vert space - padding above slider */
.page-template-template-homepage .site-main {
    padding-top: 0;
}

/* reduces vertical space in main header*/
.site-header {
  padding: 0;
 }

   /* Primary Navigation - margin top adds space below logo*/
  .main-navigation {
   position: relative;
   padding: 0;
   background-position: center center;
   text-align: center;
margin-top: .4em;
}

/*---Main nav is googlefont AmaticSc-Bold - loaded display fonts----*/

@font-face {
	font-family: CatShop;  
	src: local('CatShop'), 
		url("fonts/CatShop.ttf") format('truetype');  
	font-weight: normal;  
}

@font-face {
	font-family: LondonBetween;  
	src: local('LondonBetween'), 
		url("fonts/LondonBetween.ttf") format('truetype');  
	font-weight: normal;  
}

@font-face {
	font-family: AmaticSC-Bold;  
	src: local('AmaticSC-Bold'), 
		url("fonts/AmaticSC-Bold.ttf") format('truetype');  
	font-weight: normal;  
}

/* MAIN NAV FONT - change colors in customize menu - header*/
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    font-family: "AmaticSC-Bold", sans-serif;
    font-size: 2.3em;
    letter-spacing: 1px;
}

/*---main nav center----*/

.woocommerce-active .site-header .main-navigation {
    width: 100%;
    float: left;
    margin-right: 0;
    clear: both;
}

/* horiz line*/
.hentry .entry-header {
   display: none;
}



/* LOGO center */

.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
   display: block;
   float:none !important;
   margin: 0 auto !important;
   padding-top: .3em;
   text-align: center;
   clear: both; }

.site-header .site-branding img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
   height: auto;
   max-height: none; 
   float:none !important;
   margin: 0 auto !important;
   text-align: center;
}

/*---remove dark red horiz box around logo btn------*/
a {
  color: #FFF;
  text-decoration: none; }
a:focus {
  outline: none; }


/*----remove shopping cart header-----*/
.widget_shopping_cart a a.cart-contents, .site-header-cart {
  display:none;
}


/* slogan For people who love absurdly good ice cream*/

h1 {
font-family: "LondonBetween", Sans-serif;
font-size: 2em;
letter-spacing: 1px;
color: #231f20;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05);
text-align: center;
padding-top: 1em;
}


/* 3 panels text - welcome page*/

h2 {
font-size: 1em;
color: #603913 !important; 
font-family: "CatShop", Serif; 
letter-spacing: 1px; 
line-height: 1.5em;
font-weight: normal;
}

/* button font*/
.so-widget-sow-button-atom-d5aaaa124462 .ow-button-base a {
    font-size: 1em;
    color: #FFF !important;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    font-family: "LondonBetween", Sans-serif;
    letter-spacing: 1px; 
margin: 1em;
padding-left: 1.5em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-top: 1em;
}


/* home page slider bottom margin was set automatically at 30px*/
#pg-102-0, #pg-102-1, #pl-102 .panel-grid-cell .so-panel {
    margin-bottom: 2px !important;
}


/* home page Gallery Pro photo mosaic */
.wmg-container {
    background: #FFF none repeat scroll 0% 0%;
        background-color: rgba(0, 0, 0, 0);
}


/*home page rounded boxes headers*/



/* More Locations - footer widget headline */
h6 {
    font-size: .8em;
    color: #231f20 !important; 
    font-family: "LondonBetween", sans-serif; 
    letter-spacing: 1px;
}
/* FOOTER WIDGETS reduce top padding, get rid of bottom rule*/
.footer-widgets {
    padding-top: .2em;
    border-bottom: 0px solid rgba(0, 0, 0, 0.05);
}

/* FOOTER CREDITS */
.footer-credits {
    padding-top: .8em;
    font-family: Trebuchet, sans-serif;
    font-size: .6em;
    line-height: 1.3em;
    color: #231f20; 
}


/*page builder widget - top vert space*/
h3.widget-title {
    display: none !important;
}


/* page header text w underlines*/

h4 {
font-family: "CatShop", serif;
  font-size: 1.6em;
  color: #f27fb2 !important;
  letter-spacing: 1px; 
  text-align: left; 
display: inline-block; border-bottom: 5px solid #cbe9da; margin-bottom: 1em;
}

/* About page uses full width template */

p.about {
padding-left: 0em;
   font-size: 1.1em;
   font-family: "LondonBetween", sans-serif;
   line-height: 1.7em;
   font-style: regular;
   color: #231f20;
}


/* Flavors page*/

.flavtext {
  font-family: "LondonBetween", sans-serif;
  font-size: 1.3em;
  color: #231f20;
  text-align: center; 
}

/* Wholesale page */

p.whole {
padding-left: 2em;
   font-size: 1.1em;
   font-family: "LondonBetween", sans-serif;
   line-height: 1.7em;
   font-style: regular;
   color: #231f20;
}

p.caption {
   font-size: 1em;
   font-family: Georgia, serif;
   line-height: 1.7em;
   font-style: italic;
   color: #231f20;
 width: 69%;
padding-top: .3em;
}


h5 {
    font-size: 1.3em;
    line-height: 1.5em;
    color: #231f20; 
    font-family: "LondonBetween", sans-serif; 
    letter-spacing: 1px;
text-align: left;
}


/* Locations page */

p.loca {
padding-left: 0;
   font-size: 1.1em;
   font-family: "LondonBetween", sans-serif;
   line-height: 1.7em;
   font-style: regular;
   color: #231f20;
}
p.locations {
   font-size: .9em;
   font-family: Trebuchet, sans-serif;
   line-height: 1.2em;
   font-style: normal;
   color: #231f20;
}

/*contact page*/

.sow-contact-form {
border-radius: 10px;
}

#pg-143-0 {
height: 6em;

.panel-grid{
height: 0em;
}

/*---stuff to keep----*/
@media screen and (min-width: 768px) {
    /* LOGO */
    .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link { width: 100% !important;/* Use px values if you want, eg. 350px */ }

    /* SECONDARY NAVIGATION */
    .site-header .secondary-navigation { width: 20% !important;  /* Use px values if you want, eg. 350px */ }

    /* SEARCH BAR */
    .site-header .site-search { width: 0% !important;  /* Use px values if you want, eg. 10px */ }

    #menu-main .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {width: 100%;}
}



/* bootstrap collapse menu breakpoint */

/* IMPT NOTE responsive collapse changed from 768 to 1100px - in styles.css parent theme*/