/*==================================================================
Table of Contents:
=Imports
=Reset
=Item
=Foundation
=Navigation
=Modules
=Forms
=Individual Pages
=Non-Semantic Helper Classes
=IE8
=Print Style
----------------------------------------------------------------- */


/*==================================================================
=Imports
ex. @import url("//fonturl.com");
----------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|PT+Sans+Narrow:400,700|Engagement);

/*=======
Available Fonts:
font-family: 'PT Sans', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Engagement', cursive;
----------------------------------------------------------------- */



/*==================================================================
=Reset
----------------------------------------------------------------- */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

* {font: 400 13px 'PT Sans', sans-serif;letter-spacing:.06em;-webkit-font-smoothing: antialiased;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {outline:none;vertical-align:middle;}
img {height:auto !important;max-width:100%;}

/*==================================================================
=Item
----------------------------------------------------------------- */

.fancy {
    font-family: 'Engagement', cursive;
	letter-spacing:0 !important;
	text-transform:none;
}

h1, h2, h3, h4, h5 {
	color:#333;
    font-family: 'PT Sans Narrow', sans-serif;
	font-weight:300;
	font-size:33px;
	letter-spacing:0;
	line-height:33px;
	margin:0;
    text-transform:uppercase;
	}
	.alt h1, .alt h2, .alt h3, .alt h4, .alt h5 {color:#fff;}

	h1 {font-size:55px;letter-spacing:0.075em;line-height:55px;}
	h2 {font-size:48px;line-height:48px;}
	h3 {font-size:42px;line-height:42px;}
	h4 {font-size:35px;}
	h5 {font-size:25px;}

    h1.fancy {font-size:52px;}
	
a {
	color:#e87828;
	outline: 0;
	text-decoration:none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
a:hover {color:#56802c;}

nav a {
    font-family: 'PT Sans Narrow', sans-serif;
    text-transform:uppercase;
}
nav a:hover {
    color:#e87828;
}

.btn a,
a.btn {
	text-decoration:none;
}
	

p {margin:0;padding:12px 0;font-size: 16px;line-height:1.2em;}

ul li {list-style-type:disc;}
ol li {list-style-type:decimal;}
.content-section li {font-size:18px;line-height: 1.5em;margin-bottom:10px;}

nav ul, nav li {margin:0;padding:0;list-style:none;}

input,
select,
textarea {border:1px solid #ccc}
input.btn,
button.btn,
input[type=submit] {cursor:pointer;border:0;}

input.error,
select.error,
textarea.error {border-color:#de0404;}

strong,
strong * {font-weight:bold;}
em,
em * {font-style:italic;}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#content h2,
#content h3,
#content h4,
#content h5 {
    margin: 25px 0 0;
}

#content table {width:100%;}


#content ul, #content ol {padding-bottom:12px;text-align:left;}

#content input,
#content select,
#content textarea {
    font-size:18px;
    margin-bottom:23px;
	padding:8px 14px;
    width:100%;
}
#content textarea {
    height:160px;
    width:100%;
}
#content .checkbox,
#content .radio {
    display:inline-block;
    font-size:18px;
    margin-bottom:23px;
}
#content .checkbox input,
#content .radio input,
#content .contour .checkboxlist input {
    margin:0;
	padding:0 5px 0 0;
    width: auto;
}
#content input.btn,
#content button.btn {width:auto;}


#content input::-webkit-input-placeholder {color:#404751;}
#content input:-moz-placeholder {color:#404751;}
#content input::-moz-placeholder {color:#404751;}
#content input:-ms-input-placeholder {color:#404751;}

#content textarea::-webkit-input-placeholder {color:#404751;}
#content textarea:-moz-placeholder {color:#404751;}
#content textarea::-moz-placeholder {color:#404751;}
#content textarea:-ms-input-placeholder {color:#404751;}

#content table {margin-bottom: 10px;}

#content table td {
	border-bottom:1px solid #ccc;
	font-size:15px;
	padding:5px 8px;
}

#content img.left,#content img.right {padding:20px;float: none !important;display: block;margin-right: auto;margin-left: auto;}

#content .fancy-double-line {margin-bottom:12px;position:relative;text-align:center;}
#content .fancy-double-line:before {
    border-top:1px solid #eceade;
    border-bottom:1px solid #eceade;
    content:"";
    display:block;
    height:4px;
    margin:-3px 5% 15px;
    position:absolute;
    top:50%;
    width:90%;
}

#content .fancy-double-line span {
    background:#fafaf5;;
    color:#5a7b44;
    display:inline-block;
    padding:0 15px;
    position:relative;
    z-index:20;
    margin: 0;
    }

.registered-trademark { vertical-align: top; }

#master .btn {
    background:#e87828;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    display:inline-block;
    padding:8px 27px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
#master .btn,
#master .btn a {
    color:#fff !important;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size:18px;
    letter-spacing:.07em;
    text-transform:uppercase;
    }

#master .btn:hover,
#master .btn.hover {
    background:#b05513;
}

/*==================================================================
=Grid
----------------------------------------------------------------- */
/* Preserve some sanity */
.grid,
.unit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Set up some rules to govern the grid */
.grid {
  display: block;
  clear: both;
}
.grid .unit {
  float: left;
  width: 100%;
  padding: 10px;
}

/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
.grid .unit:first-child { padding-left: 20px; }
.grid .unit:last-child { padding-right: 20px; }

/* Nested grids already have padding though, so let’s nuke it */
.unit .unit:first-child { padding-left: 0; }
.unit .unit:last-child { padding-right: 0; }
.unit .grid:first-child > .unit { padding-top: 0; }
.unit .grid:last-child > .unit { padding-bottom: 0; }

/* Let people nuke the gutters/padding completely in a couple of ways */
.no-gutters .unit,
.unit.no-gutters {
  padding: 0 !important;
}

/* Wrapping at a maximum width is optional */
.wrap .grid,
.grid.wrap {
  max-width: 978px;
  margin: 0 auto;
}

/* Width classes also have shorthand versions numbered as fractions
 * For example: for a grid unit 1/3 (one third) of the parent width,
 * simply apply class="w-1-3" to the element. */
.grid .whole,          .grid .w-1-1 { width: 100%; }
.grid .half,           .grid .w-1-2 { width: 50%; }
.grid .one-third,      .grid .w-1-3 { width: 33.3332%; }
.grid .two-thirds,     .grid .w-2-3 { width: 66.6665%; }
.grid .one-quarter,    .grid .w-1-4 { width: 25%; }
.grid .three-quarters, .grid .w-3-4 { width: 75%; }
.grid .one-fifth,      .grid .w-1-5 { width: 20%; }
.grid .two-fifths,     .grid .w-2-5 { width: 40%; }
.grid .three-fifths,   .grid .w-3-5 { width: 60%; }
.grid .four-fifths,    .grid .w-4-5 { width: 80%; }
.grid .golden-small,   .grid .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */
.grid .golden-large,   .grid .w-g-l { width: 61.7283%; } /* Golden section: larger piece */

/* Clearfix after every .grid */
.grid {
  *zoom: 1;
}
.grid:before, .grid:after {
  display: table;
  content: "";
  line-height: 0;
}
.grid:after {
  clear: both;
}

/* Utility classes */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.pull-left    { float: left; }
.pull-right   { float: right; }

/* Responsive Stuff */
@media screen and (max-width: 959px) {
  /* Stack anything that isn’t full-width on smaller screens */
  .grid .unit {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .unit .grid .unit {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* Sometimes, you just want to be different on small screens */
  .center-on-mobiles {
    text-align: center !important;
  }
  .hide-on-mobiles {
    display: none !important;
  }
}

/* Expand the wrap a bit further on larger screens */
@media screen and (min-width: 1180px) {
  .wider .grid {
    max-width: 1180px;
    margin: 0 auto;
  }
}



/*==================================================================
=Foundation
----------------------------------------------------------------- */
body {background:#fff;color:#1f1619;font:300 13px 'PT Sans', sans-serif;padding:0;width:100%;}


.base-w {position:relative;z-index:500;width:100%;}


/*  HEADER  */
header {background:#fff;position:relative;z-index:2000;padding: 0 0 5px;}
    /*header.open {position: fixed; width: 100%;}*/
    header, header a {color:#999;font-size:17px;}
	header #main-logo {
		float:left;
        margin:18px 0 12px 20px;
		}
        header #main-logo img {
            max-width: 175px;
        }
    header .util {
        margin:26px 0px 0;
    }
        header .util > * {
		    float:right;
		    }
            header nav > .menu {display: none;}
            header .util--search {display: none;}

/*  HERO  */
#heros.flexslider {min-height:438px;}
#heros,
    #heros .hero {overflow:hidden;position:relative;width:100%;}
    #heros .hero > div,
    #heros > div.hero {
	    background:no-repeat center center;
	    -webkit-background-size:cover;
	    -moz-background-size:cover;
	    -o-background-size:cover;
	    background-size:cover;
    }
    .lt-ie10:not(.lt-ie9) #heros > div.hero {filter:none !important;}
    #heros .hero > div {
        float: left;
        height: auto;
    }
    #heros div.hero--left, #heros div.hero--right { display: none; }
    #heros div.hero--center {padding-top:105px;padding-bottom:30px;position:relative;text-align:center;}
    #heros .hero > .base-w {height:auto;float:none;padding-top:105px;position:relative;text-align:center;}
    #heros .hero--overlay {
        background:#54773E;
        background:rgba(84, 119, 62, 0.8);
        background: -moz-linear-gradient(top,  rgba(84,119,62,0.8) 0%, rgba(84,119,62,0.15) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,119,62,0.8)), color-stop(100%,rgba(84,119,62,0.15)));
        background: -webkit-linear-gradient(top,  rgba(84,119,62,0.8) 0%,rgba(84,119,62,0.15) 100%);
        background: -o-linear-gradient(top,  rgba(84,119,62,0.8) 0%,rgba(84,119,62,0.15) 100%);
        background: -ms-linear-gradient(top,  rgba(84,119,62,0.8) 0%,rgba(84,119,62,0.15) 100%);
        background: linear-gradient(to bottom,  rgba(84,119,62,0.8) 0%,rgba(84,119,62,0.15) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc54773e', endColorstr='#2654773e',GradientType=0 );
        display:block;
        height:100%;
        position:absolute;
        top:0;
        width:100%;
        }
    #heros .hero--overlay:before {
        background:rgba(255,255,255,.4);
        content:'';
        display:block;
        height:2px;
        left:20px;
        right:20px;
        margin-left:0;
        position:absolute;
        top:104px;
        width:auto;
    }

    #heros .txt {padding:0;}
    #heros .txt * {color:#fff;position:relative;z-index:9;}
    #heros .txt div {letter-spacing:normal;margin:auto;width:85%;}
    #heros .txt div * {font-size:18px;letter-spacing:normal;line-height:24px;}
    #heros .hero .watermark {position:absolute;left:50%;margin-left:-45px;top:20px;width:90px;z-index:10;}
    #heros .hero .watermark.sm {margin-left:-45px;top:20px;}
    #heros h3,
    #heros .fancy {display:inline-block;font-size:60px;letter-spacing:0;line-height:51px;margin-bottom:25px;padding:20px 0px 0;}
    #heros h4 {font-size:21px;line-height:24px;letter-spacing:0.1em;margin-bottom:5px;text-transform:uppercase;width:85%;margin-right:auto;margin-left:auto;}
    #heros .btn {padding:5px 27px;letter-spacing:.07em;}

    .mobile.siteroot #heros.flexslider .slides > li {display:block;}
    .mobile.siteroot #heros.flexslider .slides, .mobile #heros.flexslider .slides > li {height:100%;}

/*  CONTENT SECTIONS  */
#content {background:#fafaf5;}
    .content-section {
	    background:no-repeat center center;
	    -webkit-background-size:cover;
	    -moz-background-size:cover;
	    -o-background-size:cover;
	    background-size:cover;
        padding:0px;
        position:relative;
        text-align: center;
    }
    .content-section * {letter-spacing:0.01em;}
    .content-section .nav-back {
        background:#f7f6ee;
        border:1px solid #eceade;
        display:block;
        font-family: 'PT Sans Narrow', sans-serif;
        font-size:16px;
        right:7%;
        padding:8px 20px 8px 15px;
        position:absolute;
        text-align:center;
        top:0px;
        }
        .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:"";
            display:inline-block;
            margin-right:8px;
        }
   
        .content-section .content--section p {font-size:18px;line-height:24px;text-align:left;}
        .content-section .content--section h1 {font-size:48px;margin-bottom:20px;}
        #content .content-section .content--section .content--title {font-size:40px;line-height:40px;margin:0 0 20px;}
        .content-section .content--section h2 {font-size:42px;}
        .content-section .content--section h3 {font-size:35px;}
        .content-section .content--section h4 {font-size:28px;}
        .content-section .content--section h5 {font-size:21px;line-height:24px;}

    .content-section .content--section .content--intro {
        margin-bottom:25px;
        }
        .content-section .content--section .content--intro p {font-size:23px;line-height:30px;letter-spacing:0.01em;}
        .content--intro div[id^="slideshow"] {margin-bottom: 50px;}

    .content-section.pre-grid .content--block {margin-bottom:20px;}
    .content-section .content--block .base-w {
        background:#fff;
        padding-top:50px;
        padding-left:7%;
        padding-right:7%;
    }
    .content--grid .unit {
        background: #fff;
        border-bottom: 1px solid #eceade;
        min-height:440px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .content--grid .unit.last {border-bottom:0;padding-bottom:0;}
    .content--grid .unit:nth-child(odd) {
        clear:both;
    }
    .content--grid .product-img img {max-width:218px;}

    .pre-content-section {
        background:#fafaf5 url(/lt-foods/wp-content/themes/lt-foods/dist/img/bg-watermark-small.png) no-repeat 65% -125px;
        padding:35px 0 0;
        position:relative;
        text-align: center;
    }
    
    .pre-content-section:before {
        background: -moz-linear-gradient(top,  rgba(137,133,107,0.25) 0%, rgba(107,107,103,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,133,107,0.25)), color-stop(100%,rgba(107,107,103,0)));
        background: -webkit-linear-gradient(top,  rgba(137,133,107,0.25) 0%,rgba(107,107,103,0) 100%);
        background: -o-linear-gradient(top,  rgba(137,133,107,0.25) 0%,rgba(107,107,103,0) 100%);
        background: -ms-linear-gradient(top,  rgba(137,133,107,0.25) 0%,rgba(107,107,103,0) 100%);
        background: linear-gradient(to bottom,  rgba(137,133,107,0.25) 0%,rgba(107,107,103,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4089856b', endColorstr='#006b6b67',GradientType=0 );
        content:'';
        display:block;
        height:64px;
        position:absolute;
        top:0;
        width:100%;
    }
    .pre-content-section .section--content {
        border-bottom:1px solid #eceade;
        padding-right: 7%;
        padding-left: 7%;
        padding-bottom: 35px;
    }
    .pre-content-section .section--content p {
        font-size: 18px;
        line-height:24px;
        letter-spacing:0;
    }
    #content .pre-content-section .section--content h2 {font-size: 40px;line-height:40px;margin-bottom:25px;margin-top:0;}
    .pre-content-section .section--content h2,
    .pre-content-section .section--content h2 * {
        letter-spacing:0;
    }
    .pre-content-section .section--image {display: none;}


/*  FOOTER  */
#footer {background:#fafaf5 url(/lt-foods/wp-content/themes/lt-foods/dist/img/bg-watermark-footer.png) no-repeat center center;padding:100px 0 75px;position:relative;text-align:center;overflow:hidden;}
    #footer .base-w {max-width:1250px;margin:0 auto;}
    #footer, #footer * {color:#444;}
    #footer .footer-top,
    #footer .footer-top * {letter-spacing:normal;}
	#footer .address,
	#footer .address * {font-size:12px;}
	#footer #copyright {font-family: 'PT Sans', sans-serif;font-size:13px;letter-spacing:normal;text-align:center;}
    .footer-top {
        margin-bottom:35px;
    }
    .footer-top p {
        font-size:18px;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-top .esignup {
        display:inline-block;
    }
    .footer-top .esignup {
        margin:20px auto 20px auto;
    }
    .footer-top .social-icos {
        display:block;
    }
    .footer-top .social-icos > a {
        position:relative;
        top:15px;
    }
    #footer .grid .w-1-4 {
        text-align:left;
    }
	
    #footer:before {
        content:'';
        width:210px;
        height:210px;
        position:absolute;
        left:50%;
        margin-left:-105px;
        top:-100px;

        background: -moz-radial-gradient(center, ellipse cover,  rgba(109,109,109,0.25) 0%, rgba(109,109,109,0) 55%);
        background: -webkit-gradient(radial, center center, 0px, center center, 06%, color-stop(0%,rgba(109,109,109,0.25)), color-stop(55%,rgba(109,109,109,0)));
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(109,109,109,0.25) 0%,rgba(109,109,109,0) 55%);
        background: -o-radial-gradient(center, ellipse cover,  rgba(109,109,109,0.25) 0%,rgba(109,109,109,0) 55%);
        background: -ms-radial-gradient(center, ellipse cover,  rgba(109,109,109,0.25) 0%,rgba(109,109,109,0) 55%);
        background: radial-gradient(ellipse at center,  rgba(109,109,109,0.25) 0%,rgba(109,109,109,0) 55%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    }


/*==================================================================
=Navigation
----------------------------------------------------------------- */
/* mobile toggle */
.menu-toggle {display:block;}
	header .menu-toggle {background:url(/lt-foods/wp-content/themes/lt-foods/dist/img/sprite-icons.png) no-repeat -573px -507px;height:25px;float:right;margin:24px 20px 0 0;width:30px;}
	header .menu-toggle.open {background-position: -573px -445px;}
    
/*  ===========================  */
/*  Primary User (header)  */
#nav-user {
    }
    #nav-user a {
        letter-spacing:.065em;
    }

/*  ===========================  */
/*  Primary Navigation (header)  */
.row.nav-primary,
.row.nav-primary .base-w,
#nav-primary {
    overflow:visible;
}
#nav-primary {display: none;}
.nav-primary .base-w {z-index:10000;}

.open #nav-primary {
    background-color:#f9f9f3;
    width:100%;
    clear:both;
    display: block;
    }
    #nav-primary li {
    }
    #nav-primary .primary > li > a {
        color:#000;
        font-size:20px;
    }
    #nav-primary .menu {padding: 50px 20px;}

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

    #nav-primary li > a {text-align: center; line-height: 50px; letter-spacing: 0.08em;}


    #nav-primary li.icon {background:url(/lt-foods/wp-content/themes/lt-foods/dist/img/sprite-icons.png) no-repeat 0 0;}
    #nav-primary li.globe {background-position:5px -135px;}
    #nav-primary li.award {background-position:5px -199px;}
    #nav-primary li.silverware {background-position:5px -263px;}
    #nav-primary li.label {background-position:0 -325px;}
    #nav-primary li.graph {background-position:5px -386px;}
    
    #nav-primary li.globe.hover {background-position:-565px -135px;}
    #nav-primary li.award.hover {background-position:-565px -199px;}
    #nav-primary li.silverware.hover {background-position:-565px -263px;}
    #nav-primary li.label.hover {background-position:-570px -325px;}
    #nav-primary li.graph.hover {background-position:-572px -386px;}


    /*#nav-primary .sub {display:none;}*/

    #nav-primary .sub {border-bottom:1px solid #eceade; border-top:1px solid #eceade;padding:0px; margin-bottom:35px;}     
    #nav-primary .sub a {
        color:#000;
        font-size:20px;
        text-transform:none;
     }

    #nav-primary .current.hasSub {background:#dd8a4b;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
        #nav-primary li.current .sub a {color:#fff;}
        #nav-primary li.current .sub > .current > a {color:#000;}
        #nav-primary li.current.hasSub > a {color: #fff;}
        #nav-primary li.current.hasSub .sub {border-color: #d26a20;border-bottom:0;}

/*  ==================================  */
/*  Footer Navigation Primary (footer)  */
#nav-sub-primary {text-align:left;}
    #nav-sub-primary .primary {display:table;width:100%;}
    #nav-sub-primary .primary > li {
        border-bottom:1px solid #e6e5dd;
        height:100%;
        display:block;
        padding:25px 35px;
        width:100%;
        text-align:center;
    }
    #nav-sub-primary .primary > li.first { padding-top:0;}
    #nav-sub-primary .primary > li > a {display:block;font-size:24px;margin-bottom:8px;}
    #nav-sub-primary .primary  li li {margin-bottom:5px;}
    #nav-sub-primary .primary  li li a {font-family: 'PT Sans', sans-serif;font-size:17px;letter-spacing:normal;text-transform:none;}
    
    #nav-sub-primary .primary a:hover,
    #nav-sub-secondary a:hover {
        color:#e87828;
    }
    #nav-sub-primary .primary .contentfolder:hover {color:#444;}

/*  ==============================  */
/*  Footer Navigation Sub (footer)  */
#nav-sub-secondary  {margin-top:15px;text-align:center;}
    #nav-sub-secondary li,
    #nav-sub-secondary a {font-family: 'PT Sans', sans-serif;font-size:13px;letter-spacing:normal;text-transform:none;text-decoration:underline;}


/*==================================================================
=Modules
----------------------------------------------------------------- */
/*  =========================  */	
/*  Brand Selector (homepage)  */
#brands {}
    #brands .flex-viewport {background:#f7f7eb;}
    #brands * {color:#444;position:static;}
    /*#brands .slides li {height:630px;}*/
    #brands .brand {
	    background:no-repeat center center;
	    -webkit-background-size:cover;
	    -moz-background-size:cover;
	    -o-background-size:cover;
	    background-size:cover;
        text-align:center;
    }
    #brands .section-title {display:none;}
    #brands hr {display:none;}
    #brands img {width:auto;}
    #brands .brand--content {padding:0;}
    #brands .brand--content p {line-height:24px;font-size:18px;}
    #brands .brand--content p,
    #brands .brand--content p span {letter-spacing:normal;}
    #brands .brand--logo {display:inline-block;margin:40px 0 45px;width:auto;}
    #brands .royal .brand--logo {margin-top:-16px;}
    #brands h2 {font-size:40px;line-height:38px;letter-spacing:0;margin-bottom:30px;padding:0;}
    #brands h3 {font-family: 'PT Sans Narrow', sans-serif;font-size:21px;line-height: 24px;font-weight:400;margin-bottom:10px;letter-spacing: .12em;text-transform:uppercase;}
    #brands .btn {margin-top:30px;color: #fff !important;}
    #brands .btn:hover {
		-webkit-filter: grayscale(40%);
		-moz-filter: grayscale(40%);
		-ms-filter: grayscale(40%);
		-o-filter: grayscale(40%);
		filter: url(/assets/filters/desaturate.svg#greyscale);
		-webkit-filter: grayscale(.4);    }

    #brands .flex-control-nav.base-w {position:relative;overflow:visible;top:0;width:800px;}
    #brands .flex-control-nav img {
		zoom: 1;
        cursor:pointer;
        float:none;
        margin:auto;
        display:inline-block;
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: url(/assets/filters/desaturate.svg#greyscale);
		-webkit-filter: grayscale(1);
        
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    #brands .flex-control-nav .hover img {
		filter: alpha(opacity=80);
		opacity: 0.8;
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: none;
		-webkit-filter: grayscale(0);
    }
    #brands .flex-control-nav li {
        position: relative;
    }
    #brands .flex-control-nav .flex-active:before {
        content:"";
        display:block;
        position:absolute;
        top:-20px;
        left:50%;
        margin-left:-20px;
        z-index:30;

	    width:0; 
	    height:0; 
	    border-left: 20px solid transparent;
	    border-right: 20px solid transparent;
	    border-bottom: 20px solid #fff;
    }
    #brands .flex-control-nav .flex-active,
    #brands .flex-control-nav .hover img.flex-active  {
		filter: alpha(opacity=100);
		opacity: 1.0;
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: none;
		-webkit-filter: grayscale(0);
    }
    #brands .flex-control-thumbs li {
        width:20%;
    /* temp width while ecolife is out*/
        /*width:25%;*/
    }


    #brands.accordion {}
        
        #brands.accordion .section-title {display:block;font-size:36px;line-height:24px;text-align:center;margin:45px auto 15px;}
        #brands.accordion .brand {background-position:-300px 0 !important;background-size:initial !important;/*width:auto !important;float:none !important;*/}
        #brands.accordion .slides {margin-bottom:1px;}
        #brands.accordion .js-content-trigger {
            border-bottom: 1px solid #ededed;
            margin:0 auto;
            width: 85%;
        }
        #brands.accordion .js-content-trigger img {
            display: block;
            zoom: 1;
            cursor:pointer;
            float:none;
            margin:auto;
            filter: alpha(opacity=50);
            opacity: 0.5;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: url(/assets/filters/desaturate.svg#greyscale);
            -webkit-filter: grayscale(1);
            
            /*transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;*/
        }
        #brands.accordion .js-content-trigger:hover img {
            filter: alpha(opacity=100);
            opacity: 1.0;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -ms-filter: grayscale(0);
            -o-filter: grayscale(0);
            filter: none;
            -webkit-filter: grayscale(0);
        }
        #brands.accordion .brand--content {padding-bottom:40px;max-width:280px;margin-right:auto;margin-left:auto;}

        .js-content-trigger {display:none;}
        .accordion .js-content-trigger {display:block;}
            .accordion .js-content-trigger--is-active {display:none;}
            .accordion .js-content-tier--is-active {display:block;}


#brand-nav {}


/*  ====================  */	
/*  Site Search (header)  */
.util--search {border-bottom:1px solid #999;padding-bottom:4px;position:relative;top:-5px;}
    .util--search input {background:none;border:0;width:162px;}
    .util--search input::-webkit-input-placeholder {font-size:17px;font-style:italic;}
    .util--search input:-moz-placeholder {font-size:17px;font-style:italic;}
    .util--search input::-moz-placeholder {font-size:17px;font-style:italic;}
    .util--search input:-ms-input-placeholder {font-size:17px;font-style:italic;}

    .util--search input.button {
        background:url(/lt-foods/wp-content/themes/lt-foods/dist/img/sprite-icons.png) no-repeat 0 0;
	    height:15px;
	    width:16px;
    }


/*  =====================  */	
/*  Email Signup (footer)  */
.esignup {border-bottom:1px solid #444;padding-bottom:4px;position:relative;top:-5px;}
    .esignup input {background:none;border:0;color:#444;width:245px;}
    .esignup input::-webkit-input-placeholder {color:#444;font-size:17px;font-style:italic;}
    .esignup input:-moz-placeholder {color:#444;font-size:17px;font-style:italic;}
    .esignuph input::-moz-placeholder {color:#444;font-size:17px;font-style:italic;}
    .esignup input:-ms-input-placeholder {color:#444;font-size:17px;font-style:italic;}

    .esignup input.button,
    #master .esignup input.btn {
        background: url(/lt-foods/wp-content/themes/lt-foods/dist/img/sprite-icons.png) no-repeat -63px 0;
        height: 15px;
        width: 25px;
        padding:0;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        text-indent:-999px;
    }
    .esignup .contourNavigation,
    .esignup .contourPage {float:left;}
    .esignup .contour .mandatory:before {display:none;}
    .esignup .contour label.error,
    .esignup .contour .field-validation-error {position:absolute;top:30px;width:310px;left:-30px;}
    .esignup .contour label.error + span.field-validation-error {top:60px;}
    .esignup .contour label.error,
    .esignup .contour .field-validation-error {color:#990808 !important;}

/*  ===================  */	
/*  Sub Content Feature  */
#sub-content-feature {
	    background:no-repeat center center;
	    -webkit-background-size:cover;
	    -moz-background-size:cover;
	    -o-background-size:cover;
	    background-size:cover;
    }
    #sub-content-feature .base-w {
        background:#54773E;
        background:rgba(84, 119, 62, 0.8);
        padding:50px 5%;
        text-align:center;
        width:100%;
    }
    #sub-content-feature * {color:#fff;}
    #sub-content-feature h2 {margin-bottom:5px;}
    #sub-content-feature h2 span {font-size:36px;line-height:49px;}
    #sub-content-feature p {font-size:19px;letter-spacing:normal;line-height:30px;}
    						

/*  ==============================  */	
/*  Sub Callouts (based on homepage)  */
.sub-callouts {text-align:center;margin-bottom:50px;}
    .sub-callouts * {color:#444;}
    .sub-callouts .base-w > h3 {font-size:21px;line-height:24px;letter-spacing: .08em;margin:40px auto 55px;width:60%;}
    .sub-callouts .callouts {margin:auto;overflow:hidden;width:85%;}
    .sub-callouts .callout:first-child {padding-bottom:25px;margin-bottom:25px;}
    .sub-callouts .callout:first-child:before {
        border-bottom:1px solid #e1e1e1;
        background:red;
        content:'';
        position:absolute;
        bottom:0;
        width:100%;
        right:0;
    }
    .sub-callouts .callout {float:left;padding:0 4%;position:relative;width:100%;}
    .sub-callouts .callout h3 {font-size:21px;line-height:24px;letter-spacing: .06em;text-transform:none;}
    .sub-callouts .callout p, .sub-callouts .callout p span {font-size:18px;letter-spacing:normal;}
    .sub-callouts .callout a {color:#e87828;font-family: 'PT Sans Narrow', sans-serif;font-size:18px;text-transform:uppercase;}
    .sub-callouts .callout a:hover {color:#56802c;}
    /*#master .sub-callouts .callout .btn {background: #fff; color:#e87828 !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:-50px;
        height:100px;
        width:100px;
    }

/*  ==============================  */	
/*  Social Icons (based in footer)  */		
.social-icos {margin:20px 0;}
    .social-icos > span {
        font-size:18px;
        font-style:italic;
        letter-spacing:normal;
        margin-right:10px;
        display:block;
    }
	.social-icos > a {		
        background: url(/lt-foods/wp-content/themes/lt-foods/dist/img/sprite-icons.png) no-repeat 0 0;
		display:inline-block;
		height:40px;
		margin:0 2px;
		width:40px;
		}
	.social-icos .ico-facebook {
		background-position:0 -554px;
		}
	.social-icos .ico-pinterest {
		background-position:0 -617px;
		}
	.social-icos .ico-gplus {
		background-position:0 -684px;
		}

/*  ====================================  */	
/*  Social Share (based in product page)  */
.widget--share {margin:20px auto;text-align:center;}
.widget--share > * {
    display: inline-block;
    margin:0 2px;
    position:relative;
    }
    .widget--share .fb {top:-4px;}
    .widget--share .email a {
        background:url(/lt-foods/wp-content/themes/lt-foods/dist/img/sprite-icons.png) no-repeat 0 -758px;
        display:block;
	    height:20px;
        width:64px;
    }

/*  ======================  */	
/*         Callouts         */
.callouts .callout {}


/*  ======================  */	
/*     Related Products     */
.related-products {
    position:relative;
    top:-35px;
}

.related-products .product-brand--grid {
    margin-bottom:50px;
    overflow:hidden;
}
.related-products .related--title {margin-bottom:12px;position:relative;}
.related-products .related--title:before {
    border-top:1px solid #eceade;
    border-bottom:1px solid #eceade;
    content:"";
    display:block;
    height:4px;
    margin:-3px 5% 15px;
    position:absolute;
    top:50%;
    width:90%;
}

.related-products .related--title span {
    background:#fff;;
    color:#5a7b44;
    display:inline-block;
    font-size:40px;
    padding:0 15px;
    position:relative;
    z-index:20;
    }


/*  =======================  */	
/*  Display Media Item Grid  */
.content--grid.media--grid .unit {
    background: #fff;
    /*border: 1px solid #eceade;*/
    text-align:center;
    padding:18px 10%;
}
.media--grid .media--thumb {
    display:inline-block;
    margin-bottom:25px;
    position:relative;
    }
    .media--grid .media--thumb > *,
    .media--grid .media--thumb:before {
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px;
    }
    .media--grid .media--thumb:before {
        border:1px solid #c2c0ad;
        content:"";
        height:100%;
        position:absolute;
        top:0;left:0;
        width:100%;
    }
    .media--grid .media--thumb img {
        border:2px solid #fff;
        display:block;
		width:100%;
    }
    .lt-ie10 .media--grid .media--thumb img {max-width:317px;}

.media--grid .media--title {margin-bottom:5px;padding:0 10px;}
.media--grid .media--title,
.media--grid .media--title span {
	color:#444;
    font-family: 'PT Sans Narrow', sans-serif;
	font-size:21px;
}
.media--grid .media--title span {
    display:block;
	font-weight:300;
	font-size:15px;
	letter-spacing:0;
	line-height:22px;
    text-transform:uppercase;
}
.content-section .content--section .media--grid p {text-align:center;}
.media--grid .unit .btn {
    margin:8px 0 5px;
}


/*==================================================================
=Forms
----------------------------------------------------------------- */
/* general contour form styling for the site */
.contour form {margin:25px 0;}
.contour .fieldLabel,
.contour .contourPageName {display:none;}
.contour .contourField {position:relative;}
.contour .mandatory:before {
    color:#e87828;
    content:'*';
    display:block;
    font-size:24px;
    position:absolute;
    left:-15px;
    top:9px;
}
.contour .checkboxlist {margin-bottom:23px;}
.contour .checkboxlist label {font-size:18px;}
.contour .field-validation-error,
.contour label.error {
    color:#de0404;
    font-weight:bold;
    display:block;
    position:relative;
    top:-12px;
}


/*==================================================================
=Individual Pages
----------------------------------------------------------------- */

/* Home Page */
/* ========= */
.siteroot {}
    .siteroot #heros .hero--overlay {background:rgba(84, 119, 62, 0.8);}
    .siteroot #heros .hero--overlay:before {display:none;}
    .siteroot #heros h3 {border-top:2px solid #fff;border-bottom:2px solid #fff;font-size:48px;width:100%;padding:20px 0;}
    
    .siteroot .content-section .fancy {text-align:center;display:block;font-size:36px;margin:40px auto 10px;}
    .siteroot #content .content-section h2 {}
    .siteroot .content--grid.media--grid .unit p {font-size:18px;line-height:1.4em;}
    .siteroot .content--grid.media--grid .unit {
        background:none;
        border:0;}
    .mobile.siteroot .content--grid.media--grid .unit {width:85%;padding-left:3.4%;padding-right:3.4%;margin-right:auto;margin-left:auto;}


/* Brand Landing */
/* ============= */
.product-brand--grid .grid--item {
    position:relative;
    text-align:center;
    }
    .product-brand--grid .grid--item.last.odd {
        float:none;
        margin:auto !important;
    }
    .product-brand--grid .grid--item > * {
        position:relative;
        z-index:5;
    }
    .product-brand--grid .grid--item .product-img {
        text-align:center;
    }
    .product-brand--grid .grid--item .product--title {
        padding: 0 0 20px 0;
        text-align: center;
    }
        #content .product-brand--grid h2 {margin-bottom: 15px;}
        
    .product-brand--grid .grid--item .brand-img {
        margin-bottom:15px;        
        text-align:center;
        top:0;
        }
            .product-brand--grid .grid--item .brand-img img {
                max-height: 105px;
                }
        
    .product-brand--grid .grid--item .short-desc {
        font-size:18px;
        padding:20px 20px;
    }
        .product-brand--grid .grid--item .short-desc p {
            line-height: normal;
            padding:0;
            text-align: center;
        }
    .product-brand--grid .grid--item .short-desc .btn {
        display:block;
        margin:25px 0 10px;
    }

/* Product Detail */
body.product .content-section .content--block .base-w {padding:50px 0;}
body.product .content-section .content--section {text-align:left;}
body.product .content-section .content--section .content--intro p {font-size:18px;line-height:23px;}
body.product .content-section .content--section .content--intro .content--title {text-align:center;}
body.product .content--grid .unit:first-child {border-top:1px solid #eceade;padding-top:15px;}
body.product .product--img {text-align:center;}

.product--details {text-align:center;}
.product--certs span {
    background:url(/lt-foods/wp-content/themes/lt-foods/dist/img/sprite-certs.png) no-repeat;
    display:inline-block;
	height:35px;
    margin:0 2px 0 0;
    position:relative;
    top:-15px;
	width:35px;
    }
    .product--certs .organic-usda-organic {background-position:-129px 0;}
    .product--certs .vegan {background-position:-43px 0;}
    .product--certs .gluten-free {background-position:-87px 0;}
    .product--certs .ou-kosher-u {background-position:0 -1px;}
    .product--certs .sqf {background-position:-282px -2px;width:25px;}
    .product--certs .non-gmo-ngp {background-position:-439px -2px;width:45px;}
    .product--certs .whole-grain-33g {background-position:-370px -2px;width:22px;}
    .product--certs .whole-grain-45g {background-position:-406px -2px;width:22px;}
    .product--certs .thai-hom-mali {background-position:-322px -1px;}
    .product--certs .ksa-kosher {background-position:-175px -3px;width:40px;}
    .product--certs .qai-organic {background-position:-231px -2px;}
    .product--certs .halal-india {background-position:-493px -2px;width:32px;}

.product--specs {
    margin-bottom:45px;
}
.product--specs .specs--title {
    border-bottom:1px solid #e6e5dd;
    font-size:18px;
    font-weight:bold;
    margin:25px 0 10px;
    padding-bottom:10px;
}
.product--specs .specs--size {
    background:#f7f6ee;
    border:2px solid #e6e5dd;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    margin:0 10px 10px 0;
    min-width:83px;
    padding:17px;
    text-align:center;
    text-transform:uppercase;
    }
    .product--specs .specs--size span {
        color:#e87828;
        display:block;
        font-size:30px;
        line-height:30px;
    }

body.product #nutrition-label {float:left;width:100%;text-align:left;margin:30px auto 50px;}
body.product .nutritionLabel {margin: 0 auto;}

body.product .product-brand--grid .grid--item .product--title {font-size:35px;margin-bottom:22px;}



/* Search Results */
/* ============== */
#search-results {
	}
	#search-results .result-summary {
		margin-bottom:20px;
	}
	#search-results .result-summary span {
		font-weight:bold;
	}
	#search-results > .result {
		margin:0 0 35px;
	}
	#search-results .result-title {
		display:block;
        font-size:20px;
	}
	#search-results .result-url {
		color:#7f7f7f;
		display:block;
		font-size:11px;
		margin-bottom:10px;
	}
	#search-results .result-desc {
		font-size:16px;
	}



/* Contact Page Template */
/* ===================== */

.template-2179 .content--right .callout {
    background:#769265;
    color:#fff;
    font-size:18px;
    padding:10px 15px 15px;
    text-align:center;
    width:95%;
    margin-left:auto;
    margin-right:auto;
}
.template-2179 .content--right .callout * {
    color:#fff;
}
.template-2179 .content--right .callout .box {
    border:1px solid #9db18d;
    margin-top:25px;
    padding:6px 13px 12px;
}
.template-2179 .content--right .callout .box h5 {margin-top:0 !important;}


/* Private Label Page Template */
/* =========================== */
.private-label table .column-one, table .column-two {width: 90%;display:block;text-align:left;margin:0 auto;}
.private-label #content .content--section .column-one {border-right:0!important;}
.private-label #content .content--section .column-two ul {padding-left:0;}
.private-label #content .content--section .column-two h5, .private-label #content .content--section .column-two p, .private-label #content .content--section .column-two ul {margin-left:0 !important;}
.private-label .content--section blockquote {float:none !important;width: 100% !important;margin: 20px auto !important;}


/* Email Sign Up Thank You Page Template */
/* =========================== */
body.esignup-thank-you .footer-top > .base-w > p,
body.esignup-thank-you .footer-top > .base-w > .esignup {display: none;}


/*==================================================================
=Non-Semantic Helper Classes
----------------------------------------------------------------- */
.clear {clear:both;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

/* .clearfix all .base-w */
.base-w:before, .base-w:after { content: ""; display: table; }
.base-w:after { clear: both; }
.base-w { zoom: 1; }

/* .clearfix all .grid */
.grid:before, .grid:after { content: ""; display: table; }
.grid:after { clear: both; }
.grid { zoom: 1; }



/*==================================================================
=Non-Semantic Helper Classes
----------------------------------------------------------------- */
/* .center 
- allows navigational elements to dynamically center themselves,
  no matter how many children li elements exist.
  Place on ul parent div.
*/
.center {overflow:hidden;}
.center .menu > ul {float:left;left:50%;padding:0;position:relative;}
.center .menu > ul > li {float:left;position:relative;right:50%;}


.inline {margin:0;padding:0;}
.inline	li {display:block;float:left;}
.inline	li a {display:block;}

/* .clearfix all .inline nav */
.inline ul:before, .inline ul:after {content:"";display:table;}
.inline ul:after {clear:both;}
.inline ul {zoom:1;}


/* aligns a direct child vertically centered */
.v-center {height:100%;}
.v-center:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.v-center > * {display: inline-block;vertical-align: middle;}


/*==================================================================
=IE8
----------------------------------------------------------------- */
.lt-ie9 .grid--brands.last.odd {
        float:left;
    }

/*==================================================================
=Print Style
----------------------------------------------------------------- */
@media print {
	
	* {background:none !important;}
	body,
	body * {font-size:12px !important;}
	h1 {font-size:20px !important;}
	h2 {font-size:17px !important;}
	h3 {font-size:16px;}
	h4 {font-size:15px;}
	h5 {font-size:14px;}
	
	/* hidden elements - items not needed for print */
	nav
	{display:none !important;}
	
	
	/* visible elements - items that need to be forced to display */
    /*
	.item 
	{display:block !important;}
	*/

	/* visual alterations */
	
}







/*==================================================================
=Plugins
----------------------------------------------------------------- */


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav li {height:0;}
.flex-direction-nav a  { background:url(/lt-foods/wp-content/themes/lt-foods/dist/img/sprite-icons.png) no-repeat 0 0; text-decoration:none; display: block; width: 28px; height: 21px; margin: -20px 0 0; position: absolute; top: 43%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left:30.5%; background-position:0 -79px; }
.flex-direction-nav .flex-next { right:30.5%; text-align: right; background-position:0 -39px; }
.flexslider:hover .flex-prev { opacity: 0.7; }
.flexslider:hover .flex-next { opacity: 0.7; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  {  font-size: 40px; line-height:1; display: inline-block; content: ' '; }
.flex-direction-nav a.flex-next:before  { content: ' '; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* ========================= */
/* Custom Flexslider Styling */
/* ========================= */
.flexslider.photo-slider {}
    #content .photo-slider .item--media {text-align:center;}
    #content .photo-slider .item--media img {display:inline-block;}
    #content .flexslider.photo-slider ul {margin:0;padding:0;}
    .flexslider.photo-slider .flex-direction-nav li {
        display:block;
        padding:0;
    }
    .mobile .flexslider.photo-slider .flex-direction-nav {display:none;}
    .flexslider.photo-slider .flex-direction-nav li a {height:90px;font-size:1px;font-size:0;text-indent:-55555px;width:90px;top:50%;margin-top:-45px;}
    .flexslider.photo-slider .flex-direction-nav li a.flex-prev {
        background-position:-510px -650px;
        left:15px;
    }    
    .flexslider.photo-slider .flex-direction-nav li a.flex-next {
        background-position:-510px -760px;
        right:15px;
    }
    #content .flexslider.photo-slider .flex-control-nav {
        text-align: center;
    }
    #content .flexslider.photo-slider .flex-control-nav a {
        background:#e9e9ca;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        -o-box-shadow:none;
        box-shadow:none;
        height:18px;
        width:18px;
    }
    #content .flexslider.photo-slider .flex-control-nav a.flex-active {
        background:#efa063;
    }
