/*==================================================================
Table of Contents:
=Item
=Foundation
=Navigation
=Modules
=Forms
=Individual Pages
=Non-Semantic Helper Classes
----------------------------------------------------------------- */

/*==================================================================
=Item
----------------------------------------------------------------- */
.base-w {margin:auto;max-width:1140px;}

#content table {width:inherit;}


#content input,
#content select,
#content textarea {
    width:365px;
}
#content textarea {
    height:160px;
    width:565px;
}



/*==================================================================
=Foundation
----------------------------------------------------------------- */
#master {/*min-width:1024px;*/overflow-x:hidden;}


/*  HEADER  */

header {padding: 0 0px;}
    header #main-logo {
        margin:18px 0 12px 50px;
        }
        header #main-logo img {
            max-width: 100%;
        }
    header .util {
        margin:45px 56px 0;
    }        
	header nav > .menu {display: block;}
	header .util--search {display: block;}


/*  HERO  */
    #heros.flexslider {min-height:575px;}
	#heros .hero > div {
        height: 575px;
        width: 29%;
    }
    #heros .hero > .base-w {height:350px;float:none;padding-top:175px;position:relative;text-align:center;width:750px;}
    #heros .hero--overlay:before {
        top:172px;
        left:50%;
        right:auto;
        margin-left:-40%;
        width:80%;
    }

    #heros div.hero--left, #heros div.hero--right { display: block; }
    #heros div.hero--center {padding-top:175px;padding-bottom:0;/*position:relative;text-align:center;*/width:42%;}
   
    #heros .txt {padding:0 35px;}
    #heros .txt div * {font-size:19px;line-height:30px;}
    #heros .hero .watermark {position:absolute;left:50%;margin-left:-78px;top:35px;width:auto;}
    #heros .hero .watermark.sm {margin-left:-45px;top:77px;}
    #heros h3,
    #heros .fancy {display:inline-block;font-size:80px;letter-spacing:0;line-height:85px;margin-bottom:15px;padding:10px 8px 0;}
    #heros h4 {font-size:23px;line-height:inherit;margin-bottom:15px;}


/*  CONTENT SECTIONS  */
    .content-section {
        padding:45px 0 55px;
        text-align:left;
    }
    .content-section:after {
        content:'';
        width:100%;
        position:absolute;
        bottom:0;
        height:200px;
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    }    
.content-section .nav-back {
    top:-1px;
    font-size:20px;
    padding:10px 35px 10px 28px;
}
    .content-section .nav-back:before {
        /*background:url(/lt-foods/wp-content/themes/lt-foods/dist/img/sprite-icons.png) no-repeat -586px -583px;*/
        /*height:11px;*/
        /*width:14px;*/
    }   
    .content-section .content--block .base-w {
        background:#fff;
        border:1px solid #eceade;
        padding:50px 100px;
    }
        #content .content-section .content--section .content--title {font-size:48px;line-height:55px;margin:0 0 20px;}
        .content-section .content--section h5 {line-height:33px;}

    .content--grid .unit {
        background: #fff;
        border: 1px solid #eceade;
        float: left;
        margin:0 1% 20px;
        min-height:440px;
        padding: 10px;
        width:48%;
    }
        .content--grid .unit.last {
            border-bottom: 1px solid #eceade;
        }

    .content--grid .unit-third {
        width:31%;
    }
    .content--grid .unit-third:nth-child(odd) {
        clear:none;
    }
    .content--grid .unit-third:nth-child(3n+1) {
        clear:both;
    }

    .pre-content-section {text-align:left;}
    .showSubNav .pre-content-section {padding-top:85px;}
    .pre-content-section .section--content {
        border-bottom: 0;
        border-right:1px solid #eceade;
        float:left;
        padding:0 55px 25px 20px;
        width:37%;
    }
    .pre-content-section .section--content.full {border:0;padding-bottom:55px;width:100%;}
    .pre-content-section .section--image {
        display: block;
        border-left:1px solid #eceade;
        float:left;
        padding:0 0 25px 30px;
        margin-left:-1px;
        width:63%;
    }
    .pre-content-section .section--content h2 {font-size: 48px;line-height:48px;}

/*  FOOTER  */
    #footer .base-w {width:100%;}
    .footer-top p {
        font-size:20px;
        width: inherit;
    }
   .footer-top .esignup {margin:20px 25px 20px 0;}
   #footer #copyright {text-align:left;}
   .footer-top .social-icos {display:inline-block;}

/*==================================================================
=Navigation
----------------------------------------------------------------- */
/* mobile toggle */
.menu-toggle {display:none;}
.menu {display:block !important;}

/*  ===========================  */
/*  Primary User (header)  */
#nav-user {
    margin-left:70px;
    }

/*  ===========================  */
/*  Primary Navigation (header)  */
header .nav-primary {display:none;}
#nav-primary {
	background-color: #fff;
	position:relative;
	width:auto;
    padding:10px 0;
    top: auto;
    left: auto;
    display:block;
	}	
    #nav-primary .base-w {width:42%;}
    #nav-primary li {
    }	
    #nav-primary li > a {line-height: inherit;}

    #nav-primary .primary > li > a {
        margin:0 35px;
        padding:23px 30px 23px 30px;
    }
    #nav-primary .menu {padding: 0;}

    .nav-primary .center .menu > ul { float: left; left: 50%;} 
    .nav-primary .center .menu > ul > li { float: left; right: 50%;} 
    .nav-primary .inline li { float: left; } 

    #nav-primary .current.hasSub {background: transparent;}
    #nav-primary li.current > a {background:#dd8a4b;color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
    #nav-primary .primary > li.current > a:hover {color:#fff;}
    .showSubNav #nav-primary li.current > a {-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
    #nav-primary .primary > li > a:hover {color:#c96a21;}

    #nav-primary .sub {display:none;border-top:0;border-bottom:0;margin-bottom:0;}
    /* sub nav only on story page currently. */
    .showSubNav .content-section {padding-top:90px;}
    .showSubNav #nav-primary .current .sub {display:block;}

    .showSubNav #nav-primary .hasSub.current {position:relative;}
    .showSubNav #nav-primary .hasSub.current > a {position:relative;}
    .showSubNav #nav-primary .sub {
        left:-15px;
        position:absolute;
        top:93px;
        width:800px;
        z-index:6;
    }
    .brand.showSubNav #nav-primary .sub,
    .product.showSubNav #nav-primary .sub {
        left:-218px;
    }
    .showSubNav #nav-primary .sub li {
        border-right:1px solid #d26a20;
        padding:0 30px 0;
    }
    .showSubNav #nav-primary .sub li.last {border:0;}

    .showSubNav #nav-primary .sub a {
        color:#fff;
        text-transform:none;
    }
    .showSubNav #nav-primary .sub a:hover {text-decoration:underline;}
    .showSubNav #nav-primary .sub a:hover sup {display:inline-block;}
    .showSubNav #nav-primary .sub .current a {color:#070707;}

    .showSubNav #nav-primary .hasSub.current > a:before,
    .showSubNav #nav-primary .hasSub.current:after {
        background:#dd8a4b;
        content:'';
        display:block;
        position:absolute;
        top:72px;
        z-index:4;
    }
    .showSubNav #nav-primary .hasSub.current > a:before {
        height:27px;
        left:0;
        width:100%;
        z-index:5;
    }
    .showSubNav #nav-primary .hasSub.current:after {
        border:1px solid #c16421;
        left:-1000%;
        height:50px;
        top:82px;
        width:2000%;
    }


/*  ==================================  */
/*  Footer Navigation Primary (footer)  */
    #nav-sub-primary .primary > li {
        text-align:left;
    }
    #nav-sub-primary .primary > li.last { border-right-width:1px;}


/*  ==============================  */
/*  Footer Navigation Sub (footer)  */
#nav-sub-secondary  {text-align: left;}


/*==================================================================
=Modules
----------------------------------------------------------------- */
/*  =========================  */   
/*  Brand Selector (homepage)  */
#brands {}
    #brands .slides li {height:630px;}
    #brands .brand--content {padding:0 60% 0 8%;}
    #brands .brand--content p {line-height:25px;/*font-size:13px;*/}
    #brands .royal .brand--logo {margin-top:0;}
    #brands h2 {font-size:50px;line-height:45px;margin-bottom:30px;padding:0 3%;}
    #brands h3 {font-size:24px;line-height:inherit;font-weight:400;margin-bottom:10px;}

body.product .content-section .content--section .content--intro .content--title, .product--details {text-align:left;}
body.product #nutrition-label {width:auto;}

#brands.accordion .brand--content {max-width:none;margin-left:auto;}


/*  =======================  */ 
/*  Display Media Item Grid  */
.content--grid.media--grid .unit {
    border: 1px solid #eceade;
    padding:18px;
}


/*  ===================  */ 
/*  Sub Content Feature  */
#sub-content-feature .base-w {width:42%;}
#sub-content-feature h2 span {font-size:60px;margin:auto;}

/*  ==============================  */  
/*  Sub Callouts (based on homepage)  */
.sub-callouts {margin-bottom:30px;}
    .sub-callouts .base-w > h3 {font-size:24px;letter-spacing: .08em;margin:40px 0 55px;width:auto;}
    .sub-callouts .callouts {margin:auto;overflow:hidden;width:82%;}
    .sub-callouts .callout:first-child {padding-bottom:0;margin-bottom:0;}
    .sub-callouts .callout:first-child:before {
        border-bottom:0;
        border-right:1px solid #e1e1e1;
        height:80%;
        top:-1%;
        width: auto;
    }
    .sub-callouts .callout {float:left;padding:0 4%;position:relative;width:50%;}
    .sub-callouts .callout h3 {font-size:24px;}
    .sub-callouts .callout p {font-size:16px;letter-spacing: .06em;}
    #master .sub-callouts .callout .btn {background: #e87828; color:#fff !important;}
    .sub-callouts .watermark {
        background: #fff;
        -webkit-border-radius:100%;
        -moz-border-radius:100%;
        border-radius:100%;
        bottom:-100px;
        left:50%;
        padding:30px;
        position:absolute;
        margin-left:-72px;
        height:141px;
        width:141px;
    }


/*  ======================  */  
/*     Related Products     */
.related-products .related--title:before {
    display:inline-block;
    margin:-3px 0% 15px 0%;
    position:relative;
    width:30%;
}
.related-products .related--title:after {
    border-top:1px solid #eceade;
    border-bottom:1px solid #eceade;
    content:"";
    display:inline-block;
    height:4px;
    margin:-3px 0% 15px 0;
    position:relative;
    top:50%;
    width:30%;
}
.related-products .related--title span {
    background:transparent;
    }


/*  ==============================  */  
/*  Social Icons (based in footer)  */      
.social-icos {vertical-align:top;}    
/*==================================================================
=Forms
----------------------------------------------------------------- */
#content form {width:70%;}
.contour .mandatory:before {left:375px;}
.contour .textarea.mandatory:before {
    left:575px;
}
/*==================================================================
=Individual Pages
----------------------------------------------------------------- */

/* Home Page */
/* ========= */
.siteroot {}
    .siteroot .content-section {
        padding:0;
    }
    .siteroot #heros h3 {border:2px solid #fff;font-size:90px;}



/* Brand Landing */
/* ============= */
    .product-brand--grid .grid--item .product-img {
        left:0;
    }


/* Product Detail */
body.product .unit--main {float:right;min-height:600px;} /* Min-height so Nutritional Label floats left*/
body.product .product-brand--grid .grid--item .product--title {font-size:48px;margin-bottom:15px;}


/* Contact Page Template */
/* ===================== */
.template-2179 .content--left {
    float:left;
    width:67%;
}
.template-2179 .content--right {
    float:right;
    margin-top:-30px;
    width:29%;
}


/*==================================================================
=Non-Semantic Helper Classes
----------------------------------------------------------------- */




/* Non-Responsive Temporary Fixes */
@media (max-width: 2000px){
    #brands,
    .siteroot #hero,
    #sub-content-feature {position:relative;left:50%;margin-left:-1000px;width:2000px;}
}