/*
Theme Name: Champ
Theme URI: 
Description: Custom Theme for Cook Like A Champion
Author: 2nd Street Creative
Version: 1.0
Tags: custom
*/
@import "normalize.css";
/*

/* =============================================================================
Adapted from HTML5 Boilerplate CSS: h5bp.com/css
========================================================================== */
/* !Global Styles  */

@font-face {font-family: 'ThirstyRough';src: url('fonts/25EFB2_4_0.eot');src: url('fonts/25EFB2_4_0.eot?#iefix') format('embedded-opentype'),url('fonts/25EFB2_4_0.woff') format('woff'),url('fonts/25EFB2_4_0.ttf') format('truetype');}

* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }

.sans {
font-family: "proxima-nova", Arial, Verdana, sans-serif;
line-height: 1.4em; }
/* @ 400 & 600 */

.sans2 {
font-family: "Oswald", Arial, Verdana, sans-serif;
line-height: 1.4em; }
/* @ 400 & 300 */

.script, .heading em {
font-family: "ThirstyRough", Georgia, Times serif;
line-height: 1.4em; font-weight: normal;}
.script em {font-style: normal;}  

.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw600 {font-weight: 600;}

.fs65 {font-size: 65%;}
.fs75 {font-size: 75%;}
.fs80 {font-size: 80%;}
.fs85 {font-size: 85%;}
.fs90 {font-size: 90%;}
.fs95 {font-size: 95%; line-height: 1.8em;}
.fs110 {font-size: 110%;}
.fs130 {font-size: 130%;}
.fs150 {font-size: 150%;}
.fs180 {font-size: 180%;}
.fs200 {font-size: 200%;}
.fs230 {font-size: 230%;}
.fs260 {font-size: 260%;}
.fs300 {font-size: 300%;}

.pbottom6 {padding-bottom: 6px;}
.pbottom10 {padding-bottom: 10px;}
.pbottom20 {padding-bottom: 20px;}
.p15 {padding:15px;}
.p30 {padding:30px;}
.mtop10 {margin-top: 10px;}
.mtop15 {margin-top: 15px;}
.mbottom15 {margin-bottom: 15px;}
.mbottom60 {margin-bottom: 60px;}
.mtb5 {margin-top: 5px; margin-bottom: 5px;}
.mtb15 {margin-top: 15px; margin-bottom: 15px;}

footer a.login, footer a.login:hover {color: #899196; }

.dk-grey, a.dk-grey, a.dk-grey:hover {color: #747577;}

.lt-grey {color: #BCBEC0; }

.blue, .script em, a.blue:hover {color: #162633; }

.green, .heading em {color: #7DAF6D; }

.gold, a.gold:hover {color: #CCAA39; }  

a.dk-grey:hover, a.gold:hover, a.blue:hover {opacity: .6;}

.white, a.white, a.white:hover {color: #fff; }
a.white:hover {opacity: .6;}

.italic {font-style: italic; }

.normal {font-weight: normal; }

.sans2.bold {font-weight: 400; }

.center {text-align: center; }

.right {text-align: right; }  

.upper {text-transform: uppercase; }

.lower {text-transform: lowercase; }

.space {letter-spacing: 0.1em; }

.space2 {letter-spacing: 0.15em; }

.fleft {float: left; }

.fright {float: right; }

.clear {clear:both;}
.cleft {clear:left;}

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

.block {display: block;}

.pointer {cursor: pointer;}

a {
color: #7DAF6D;
text-decoration: none !important;
-webkit-transition: color 0.25s ease, opacity 0.25s ease;
-moz-transition: color 0.25s ease, opacity 0.25s ease;
transition: color 0.25s ease, opacity 0.25s ease; }

a:hover {color: #a4c799; }

a.fade {line-height: 0; padding: 0; margin: 0; display: block; position: relative;}
a.fade img, .no-image {-webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; -moz-transform: rotate(0); text-decoration: none;}
a.fade:hover img {opacity: .6;} 

.rel {position: relative; }

ul.clean {list-style: none; margin: 0; padding: 0; }

ul.inline {display: inline-block; }

ul.inline li { display: inline; float: left; }

.lt-grey-bg { background: #F1F2F2; }

.blue-bg {background: rgba(0,21,35,.8); }

.white-bg {background: #fff; }

.blog-content p {padding:0 15px;}

.hashed-hr, .subscribe-header {margin-bottom:30px; padding-bottom: 15px; border-bottom: 1px dashed #BDBFC1;}
.directions .hashed-hr {margin-bottom: 15px; padding-bottom: 5px;}
.directions li:last-child .hashed-hr {margin:0; border:none;}
.subscribe-header {margin: 20px 0 0 0; padding-bottom: 10px; } 
.border6 {border: 6px solid #FFF;}
.shadow { -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, .2); box-shadow: 0px 1px 6px rgba(0, 0, 0, .2);}

/* !Main Structure  */
html,body {height:100%;}

body {
font-family: "proxima-nova", Arial, Verdana, sans-serif;
color: #949698;
line-height: 1.4em;
min-width: 320px;
font-size: 90%;}

#container {margin-bottom: -36px; min-height: 100%; background:#F1F2F2;}

#container:after {
  content: "";
  display: block;
}

footer {
padding: 40px 0;
text-align: center;
font-size: 70%;
background: url(images/blue-bg.svg) repeat-x center 5px;
border-top: 1px dashed #BDBFC1;
padding:16px 0 0 0;
letter-spacing: .25em;
}

footer a, footer a:hover {
color: #fff; }

footer, #container:after {height: 36px;}

.inner {max-width: 1000px; margin: 0 auto; padding-bottom:60px;}

.column2 {background: url(images/column2.svg) repeat-y right top;}  

.col5p {width: 5%;}
.col90p {width: 90%;}
.col40p {width:36%;}
.col50p {width:50%;}
.col165 {max-width: 165px; text-align: right; float: left;}
.col323 {max-width: 323px; width: 100%;}
.col380 {max-width: 380px;}
.col660 {width: 660px; 	margin-top:15px; margin-right:15px; float:left;}

.col380 li {line-height: 1.2em; padding-bottom: 10px;}
.col380 li p {margin-bottom: 0;}
li.post img, .col660 img, #instafeed img, .cat-list img {display: block; height: auto; max-width: 648px; width: 100%; margin:0 auto;}

p.has-image { text-align: center; padding:0; }
p.has-image img { width:auto; max-width: 100%; max-height: 800px; height: auto; display: block; margin: 0 auto; }
p.has-image a { display: inline-block; margin: 0 auto; width:auto; max-width: 100%; max-height: 800px; height: auto;}

.max {
max-width: 1000px;
margin: 0 auto; }

.sidebar {
width: 325px;
padding:15px;
}
.about {
max-width: 660px;
width: 100%;
margin-top:15px;
padding:21px;
}

.post-list{
max-width: 675px;
margin:0;
list-style: none;
padding:0;
}

.cat-list {max-width: 1000px; width:100%; padding:30px 30px 0 10px; list-style: none; margin:15px 0 0;  min-height: 750px;}
.cat-list li {float:left; display: block; margin:0 0 40px 2.08%; width:22.9%; }
.no-image {width:220px; height: 245px; background: #7DAF6D; display: block; color: #FFF; margin-bottom: 10px; padding:45% 20px 0;}
.no-image:hover {opacity: .6;}

.related-posts {list-style: none; margin:0; padding:0;}
.related-posts li {float:left; display: block; margin-left:21px; max-width: 192px; }
.related-posts li:first-child {margin-left:0;}
.related-posts .no-image {width:192px; height: 214px;}


.contact-content {
max-width: 660px;
margin:15px 15px 0 0;
padding:30px;
} 

/* !Blog  */ 
.post {margin:15px 15px 0 0; background: #FFF; border: 6px solid #FFF; float: left; position: relative;}

.short {max-width: 322px; padding-bottom: 20px;}
.short a.fade:after {
content: ""; 
display: block; 
height: 10px; 
width: 20px; 
background: url(images/arrow-white.svg) no-repeat center center; 
position: absolute; 
left:46%; 
bottom: 0; 
}

.post.long a.fade {height: 521px; display: block;} 	

.post-title {margin:40px 40px 0; display: block;}
.post-title:after {content: ""; display: block; height: 1px;   border-top: 1px dashed #BDBFC1; width: 80px; margin: 10px auto;}
.long .post-title {margin: 0; padding-bottom: 20px;}
.long .post-title:after {display:none;}

.short-post-date {background: url(images/date.svg) no-repeat center top; width: 46px; height: 70px; display: block; position: absolute; left: 15px; top:-6px; padding:8px 0 0 3px; z-index: 9999;}
.long-post-date {width:53px; padding: 16px 0;}

.caption-blog {position:relative; display:block; margin: -295px auto 0; width:395px; background: url(images/caption-bg-blog.svg) no-repeat left top; background-size: 100% 100%; z-index: 9999; min-height: 70px; }
.heading p {margin:0; text-align: center;}
.caption-blog .heading {float: left; width: 342px; font-size: 160%; padding:16px 20px 16px 25px; line-height: 26px;}
.heading em {text-transform: capitalize; letter-spacing: 0; font-size: 130%; font-style: normal;}
.archive-heading {float:left; max-width: 648px;}

.prep li {width: 32.9%;  padding:10px 0 5px; display: inline-block; text-align: center;}
.directions li {display: block;}
ul.source-list {clear: left; display: block;}
ul.source-list li {clear:both; float: left; display: block;}
ul.source-list li a {clear:both; display: block;}
#navBelow { position: relative; max-width: 648px; width:100%; float:left; clear:left; font-size: 90%; margin: 40px 0 0;}
.navNext {float:right;}
.navPrevious {float:left;}
.navNext a, .navPrevious a {padding-bottom:5px; color:#747577; display: block; border-bottom: 1px dashed #BDBFC1; }
.navNext a {background: url(images/arrows-green.svg) no-repeat right 3px; text-align: right; padding-right: 20px;}
.navPrevious a {background: url(images/arrows-green-left.svg) no-repeat left 3px; padding-left: 20px;}
.navNext a:hover, .navPrevious a:hover {opacity: .6;}


/* !Sidebar  */
.ad1, .ad2, .ad3, .ad4 {background: rgba(0,0,0,0.05); min-height: 300px;}
.ad1 {width: 295px;}
.ad2, .ad3 {width:140px; }
.ad4 {width:322px;}

.bio-text {width: 171px; padding:15px 15px 0;}
.caption-sidebar {position:absolute; bottom:10px; left:10px; max-width:250px; min-width: 150px; height: auto; width:auto; min-height: 30px; margin:0; display:inline-block; padding:10px 15px;  background: url(images/caption-bg.svg) no-repeat left top; background-size: 100% 100%; z-index: 9999;}

/* !Instagram  */
#instafeed li {position:relative; float:left; width:142px; margin: 15px 0 0 17px; height: 142px; overflow: hidden;}
#instafeed li:first-child {width:300px; height: 300px; overflow: hidden; margin:15px 0 0;}
#instafeed li:nth-child(4), #instafeed li:nth-child(5) {margin-top: 16px;}

/* !Social  */

.social-footer, .social-sidebar, .social-contact, a.share {display: inline-block; vertical-align: text-top;}

.social-footer {margin:-3px 40px 0;}

.social-footer a, .social-sidebar a, .social-contact a, a.share {width: auto; height: 15px;  margin:0 5px; display: inline-block;}

.social-contact a {height: 20px;}

.social-footer a { margin:0 10px;}

.social-footer svg, .social-sidebar svg, .share svg { height: 14px; width: auto; }

.social-contact svg {height: 20px; width: auto;}

.social-footer path, .social-sidebar path, .social-contact path, .share path {
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
transition: all 0.25s ease;
fill: #7DAF6D;
}

.social-footer path, footer a:hover, .social-sidebar a:hover, .social-contact a:hover, a.share:hover {
opacity:.6; }

.social-sidebar span, .social-contact span {background: url(images/arrows-blue.svg) no-repeat right center; padding-right: 20px;}

.social-contact span {margin-right: 10px;}

.social-sidebar, .social-contact {margin-bottom: 15px;}

/* !CONTACT-----------*/
.gform_body {font-family: "proxima-nova", Arial, Verdana, sans-serif; }
ul.gform_fields { list-style: none; margin:0; padding:0;}
ul.gform_fields li {position:relative; text-align: left; margin-bottom: 15px;}

input.medium, textarea.medium {color:#999999; padding:0 10px; margin: 0; width: 100%; border:1px solid #d2d1d0; background: transparent; line-height:30px; height: 30px; letter-spacing: .025em; font-family: "proxima-nova", Arial, Verdana, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#gform_2 input.medium, #gform_2 textarea.medium {line-height: 25px; height: 25px;}
textarea.medium {height: 150px;}

li.gform-left {display:inline-block; float:left;}
li.gform-right {display:inline-block; float:right;}
li.gform-left .ginput_container input.medium,
li.gform-right .ginput_container input.medium { width:322px; }

.gform_body label {display: block; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; font-size: 70%; color:#899196; font-family: "proxima-nova", Arial, Verdana, sans-serif;}

.gfield_required, .required { padding: 3px; color: #CCAA39; }
.validation_error, .validation_message, #gforms_confirmation_message { color: #CCAA39; text-transform: uppercase; font-weight: 300;font-size: 80%; line-height: 2em; font-family: 'Oswald', Helvetica,  Arial, sans-serif; letter-spacing: .125em; }
.validation_error { padding: 10px 0 20px 0; letter-spacing: .125em; font-size: 80%; text-transform: uppercase;}

li.gform_validation_container {display:none;}

/* !BUTTONS-----------*/
.more-link {clear:both; display:block; float:left;}
.more-link a {color:#CCAA39; border:1px solid #E2CA86; padding:3px 10px 3px 13px;  }
.short .more-link {float: none; display: inline-block;}
input.gform_button,
#commentform #submit,
.button {
font-family: "Oswald", Arial, Verdana, sans-serif;
text-transform: uppercase; 
display:inline-block; 
padding:4px 40px 4px 15px;
margin:15px auto 0;
font-weight: 300; 
color:#CCAA39;
border:1px solid #CCAA39;
background: url(images/arrows-gold.svg) no-repeat right center; 
transition: all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; 
letter-spacing: .25em;
float: right;
}

#gform_2 input.gform_button {font-size: 75%; margin:5px 0 15px 0;}


input.gform_button:hover,
#commentform #submit:hover,
.button:hover, .more-link a:hover {opacity:.6; transition: all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; }


.pinterest-button {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: auto;
    max-width: 100%;
    position: relative;
}

.pinterest-button img {
    display: block; margin: 0 auto;
}
.pinterest-button a.pin-it {
    display: block;
    width: 96px;
    height: 40px;
    background: url('images/pinit.svg');
    z-index: 9999;
    bottom: 30px;
    left: 30px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;

}
    
.pinterest-button:hover a.pin-it {
	visibility: visible;
    opacity: 1;
}

span.pinterest-button img { margin: 0 auto;}

a.pin-it { display: block !important;}


/* !Header  */
header {
width: 100%; }

a.logo {
width: 268px;
height: 175px;
background: url(images/cook-like-a-champion-logo.png) no-repeat center;
text-indent: -9999px;
margin:30px auto;
display: block;
-webkit-transition: none;
-moz-transition: none;
transition: none; }


/* !Retina Images  */
@media	only screen and (min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi)
{
a.logo { background-image: url(images/cook-like-a-champion-logo@2x.png); background-size: 268px 175px;}
}


#search-form { position:relative; margin:5px 0 0 0; width:auto; height:auto; display:none; float:right; }
input.search-field {float:left; border: none; width:130px; padding:2px 4px; margin-right:25px; background:#f1f2f2; position:relative; font-size: 80%; line-height: 18px; height: 18px;}
input.search-submit { background: url(images/search.svg) no-repeat; width: 13px; height: auto; border: none; padding: 0; margin: 0; position: absolute; top: 2px; right: 27px;}
#search-form.open-search {display: inline-block;}
.search-nav a {display: inline-block;}





/* !Navigation  */
.sub-nav {float:left; margin:15px 0 0 0; list-style: none; width: 280px; padding:0; font-size: 180%; }
.sub-nav li {display: block; letter-spacing: .15em; border-bottom: 1px dashed #BDBFC1; padding-bottom: 15px; margin-bottom: 15px; }
.sub-nav li:last-child {border-bottom: none;}
.sub-nav li a {padding-right:15px; color:#BCBEC0;}
.sub-nav li.current_page_item a {color:#162633; background: url(images/arrows-green.svg) no-repeat right center; } 
.sub-nav li a:hover {opacity: .6;}

ul.mobile-nav #search-form {margin-top:7px;}
ul.mobile-nav input.search-field {background: #FFF;}


ul.nav {border: 1px dashed #BDBFC1; border-left:0; border-right: 0; width:100%; 
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
transition: all 0.25s ease;
}
ul.nav li {line-height: 1em; position:relative; display: inline-block; padding-left:5px; background: url(images/nav-sep.svg) no-repeat left 4px;}
ul.nav li:first-child {background: none;}  

ul.nav a, ul.mobile-nav a, .nav-toggle a{
margin:0 24px;
position: relative;
color: #58595B;
-webkit-backface-visibility: hidden; 
padding-top:8px; padding-bottom: 8px;
display: inline-block;
font-size: 90%;
float:left;
}
ul.mobile-nav a, .nav-toggle a {float:none;}  
.recipes-nav a {background: url(images/arrows-green-down.svg) no-repeat right center; padding-right:15px; }

.search-nav a {background: url(images/arrows-green.svg) no-repeat right center; padding-right:15px; }

.stick ul.nav {  
position: fixed;
top: 0;
z-index: 1000000;
border-top: 0;
-webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, .2); 
box-shadow: 0px 1px 12px rgba(0, 0, 0, .2);
}

header {height:239px; background: #FFF;}
.stick header {padding-bottom: 34px;}

ul.mobile-nav a, .nav-toggle a {margin:0 11px;}

.nav-toggle a {margin:0;}

ul.nav a:hover, ul.mobile-nav a:hover, .nav-toggle a:hover, .blog li.blog-nav a, .single-post li.blog-nav a, .archive li.blog-nav a{
opacity: .6; }

ul.nav>li#current>a, ul.mobile-nav li#current a {color: #7DAF6D;}  

ul.mobile-nav {
display: none;
opacity: 0;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
transition: all 0.25s ease;
}

ul.nav li.social-nav a, ul.mobile-nav li.social-nav a {
top:2px;
margin: 0 0 0 7px;
border: none; }

ul.nav li.social-nav {
padding-left:20px;
}

li.social-nav a svg {height:15px;}

li.social-nav path {
fill: #CCAA39;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
transition: all 0.25s ease; }

li.social-nav a:hover path {
opacity: .6; }

ul.mobile-nav a {
padding: 0 35px; }

.mobile-header {
height: 0; }

.nav-toggle {
display: none;
background: url(images/nav-toggle.svg) no-repeat right 12px;
cursor: pointer; 
padding: 0 15px;
margin-right: 10px;
-webkit-transition: background-image none;
-moz-transition: background none;
transition: background none;
}

.nav-toggle.open {background: url(images/nav-toggle.svg) no-repeat right -13px;}

.pagetitle {  float:left; font-size: 90%; margin-top: 8px;}

.mobile-social {
text-align: left;
padding-top: 15px;
display: none; }

.mobile-social a {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 12px; }

.mobile-social a:first-child {
margin-left: 0; }

.mobile-social a svg {
width: 20px;
height: 20px; }

.mobile-social a path {
fill: #fff;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
transition: all 0.25s ease; }

.mobile-social a:hover path {
fill: #b4e5ea; }

ul.nav ul.cat-nav { margin: 0; padding: 3px 0 0; background: #FFF; display: block; position: absolute; top: 28px; left: -9999em; width:600px; z-index: 99999;}

ul.nav li:hover ul.cat-nav { left: -44px;}

ul.nav ul.cat-nav li { width: 100%; max-width:200px; display: block; float: left; margin: 0; padding: 0 10px; position: relative; background: none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}
ul.nav ul.cat-nav a { background: none; padding: 8px 3px; margin: 0; border-top: 1px dashed #BDBFC1; color: #57595B; display: block; height: auto; width:100%; line-height: auto; text-align: center;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}

/* !Print View  */
body#print { padding: 30px; background: none; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
.print-form { width: 100%; max-width: 700px; margin: 0 auto;}
.print-header a { display: inline-block; background: #000; margin-right: 10px; padding: 5px 10px; color: #fff; text-decoration: none; font-size: 70%;}
.black .mid-grey, .black .grey, .black .dk-grey { color: #000;}
.black.post a { color: #555 !important; }
.permalink { padding-top: 10px; border-top: 1px dashed #D2D1CE; font-size: 80%; margin-top: 30px; }
#print .card-yield { padding-bottom: 10px;}
#print .post-title-wrap { padding: 0 0 5px 0; border-bottom: 1px dashed #D2D1CE; margin: 30px 0 10px 0;}
#print h3.post-title-small { margin-top: 30px; font-size: 90%;}
#print ul.directions-list { list-style: decimal; margin-top: 0; margin-bottom: 0; padding-bottom: 0;}
#print .post-steps h3.post-title-small { margin-top: 40px;}
#print .post-source { padding-top: 0; padding-bottom: 0; border: none; }



/* !Flexslider  */

#about-cycle {position:relative; display:block; max-width: 618px; width:100%; height: 464px;}
ul.flex-direction-nav { list-style: none; margin: 0; padding: 0;}
ul.flex-direction-nav a {
position: absolute;
width: 50px;
top:0; 
z-index: 888;
text-indent: -9999px; 
cursor: pointer;
height: 100%;
transition: all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; 
-moz-transform: rotate(0);
}
#imageCycleHome ul.flex-direction-nav a {opacity: 0;}
#imageCycleHome.flexslider:hover ul.flex-direction-nav a {opacity: 1;}

ul.flex-direction-nav a.flex-prev {left:0; background: url(images/arrow-left.svg) no-repeat 10px 51%;}
ul.flex-direction-nav a.flex-next {right:0; background: url(images/arrow-right.svg) no-repeat 10px 51%;}

.caption-about {position:relative; width:320px; min-height: 70px; height: auto; margin:-100px auto 0; display: block; padding:20px 35px;  background: url(images/caption-bg.svg) no-repeat left top; background-size: 100% 100%; z-index: 9999;}






/* Flexslider 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; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
margin: 0;
padding: 0; }

.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden; 
-moz-transform: rotate(0);}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.firefox .flexslider .slides > li {
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; }

.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; }

/* Firefox Flicker Fix */
@-moz-document url-prefix() {
.slides li:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1000; } }









/* =============================================================================
/*    !Media Queries */
/*    ========================================================================== */
@media only screen and (max-width: 999px) {

.sidebar {display: none !important; }
.column2 {background: none;}    
.post-wrap {width: 100%;}
.post-list, .about, .archive-heading, .contact-content {float: none; margin-left: auto !important; margin-right: auto !important; width:100%;}
#navBelow {display:block; clear:both; float: none; margin-left: auto !important; margin-right: auto !important; }

.sub-nav {float:none; font-size: 130%; display:block; margin:5px auto 0; text-align: center; list-style: none; width:100%; padding:0 20px 5px; border-bottom: 1px dashed #BDBFC1;}
.sub-nav li { display:inline; letter-spacing: .075em; border:none; margin-bottom: 0; text-align: center; padding:0 10px;}
.sub-nav li a {padding-right:0; word-break: normal;}
.sub-nav li.current_page_item a {color:#162633; background:none; } 
.col660 {margin: 15px auto 0; float:none; clear:both;}
.col660:after {
  content: "";
  display: table; 
    clear: both;}


}



@media only screen and (max-width: 880px) {

ul.nav li.social-nav  {display: none !important; }
ul.mobile-nav a {padding: 0 20px; }
.archive-heading {display:block; text-align: center; float:none; margin-left: auto; margin-right: auto;}
.col660 {max-width: 660px; width: 100%;}

}



@media only screen and (max-width: 767px) {
/* Style adjustments for viewports that meet the condition */
.inner {padding: inherit 15px; }
header .inner {padding: 0; }
header {height:auto;}
.stick header {padding-bottom: none;}
.lt-grey-bg {background: none;}
footer {height: auto; min-height: 36px;}

li.post {margin-right:2.22%; width: 48.89%;}
li.post:nth-child(even) {margin-right: 0;}
li.post.long {width:100%;}

#about-cycle {height: auto;}
.caption-about {display: none;}
#instafeed li {display:none;}
#instafeed li:first-child, #instafeed img  {width:100%; height: auto; display: block;}

.cat-nav ul.cat-nav { display: none !important;}
.p-mobile {padding-left: 20px; padding-right: 20px; }
}

@media only screen and (max-width: 650px) {
#container {background: #FFF;}
/* Style adjustments for viewports that meet the condition */
.footer-col {display: block; clear: both; padding:10px 0;} 
.social-footer {margin-top:0;}  

.col165 {width:100%; max-width: 165px; text-align: center; float: none; margin:0 auto;}
.col323,
.col380 {width:100%;}

li.post {border:none; }
.short-post-date {display: none;}
.more-link {text-align: center;  margin: 30px auto 0; float: none;}
.long .post-title {padding-bottom: 0;}
.long .post-title:after {display:block; }
.single .post-title {margin: 0;}
.single .post-title:after {margin:20px auto;}

.col380 {margin-top:30px;}
.about {padding:0;}
.mobile-hide, .col660 img.mobile-hide {display:none;}
.border6 {border:none;}
.ingredients {float:left; margin-bottom:30px;}
ul.prep {list-style:none; padding:20px; border: 1px dashed #BDBFC1; border-left:0; border-right: 0;}
.prep li {width:100%; display: block; clear: both; text-align: left; padding:4px 0;}


li.post.long a.fade {height: auto; display: block;} 	
.caption-blog {margin: 0 auto; width:100%; background: none; }
.caption-blog .heading {float: left; width: 85%; background: rgba(22,38,51,.8); padding:15px 20px; display: block; margin: 0;}
.caption-blog .heading p {margin:0; padding:0; display: block; width: 100%; text-align: center; }
.heading em {text-transform: capitalize; letter-spacing: 0; font-size: 130%; font-style: normal;}
.long-post-date {width:15%; background: rgba(126,174,109,.8);  padding:15px 2%; text-align: center; display: block; float: right; margin:0;}

.cat-list {width:100%; margin:15px 0 0; padding:0;}
.cat-list li {float:left; display: block; margin:0 0 40px 2.08%; width:48.96%; text-align: center;}
.cat-list li:nth-child(odd) {margin-left:0;}

.mobile-header {position: relative; height: auto; border: 1px dashed #BDBFC1; border-left:0; border-right: 0; }
ul.mobile-nav {background: #F1F2F2; }
.nav-toggle, .mobile-social {display: block; }
ul.nav, ul.mobile-nav li.social-nav {display: none !important; }

ul.mobile-nav {
width: 100%;
display: none;
opacity: 1 !important;
-webkit-transition: none;
-moz-transition: none;
transition: none; }

ul.mobile-nav li{
display: block;
width: 100%;
float: none; 
border-top: 1px dashed #BDBFC1;
font-size: 130%;
padding: 4px 0 3px;
}

ul.mobile-nav li a {
display: inline-block;
padding: 5px 15px;
height: auto;
line-height: normal; 
}

}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 400px) {
li.post.short {max-width:100%; width:100%;}
li.post {margin: 15px 0 45px; border-bottom: 1px dashed #BDBFC1;}
.short a.fade:after {display:none;}

}

@media only screen and (max-width: 320px) { 
	
}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}