@charset "UTF-8";
/* 
dark grey panel: 1D1D1D


/* =========================== End Fonts */

h1, h2, h3, h4, h5 {font-weight:normal;margin:0px;padding:0px;line-height:1.2em;}
strong {font-weight:normal;}

h1 {font-size:45px;color:#e87200;font-weight:400;}
h2 {font-size:30px;line-height:1.4em;color:#e87200;font-weight:400;margin-bottom:30px;}

/* normal */
.normal, body, .header-holder  
{font-family: bree-serif,Arial, sans-serif;font-weight:300;}
/* bold */
strong {font-weight:700;}

.green {color:#90b73e;}

body, html {}

/* =========================== General */
body {background:#fff;color:#63195b;font-size:17px;}
a {color:#e87200;}
a:hover, a:active, a:focus {text-decoration:none;color:#f67f5a;}
a:hover {text-decoration:underline;}
a:focus {outline:none;}



img {display:inline-block;}
img.img-responsive {display:inline-block;}

.p-relative {position:relative;}
.p-absolute {position:absolute;}
.p-right {padding-right:30px;}
.p-left {padding-left:30px;}

.center-v {}
.center-v:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
.center-holder {display: inline-block;vertical-align: middle;width:99%;}
.center-h {text-align:center;}
.center-h .center-holder{margin:0px auto;}

.footer-nav {}
.footer-nav a {margin:30px 0px;width:50%;display:block;float:left;padding:10px 50px;font-size:25px;line-height:1em;border-bottom:1px solid #ffffff;position:relative;font-family: roboto;font-weight:700;}
.footer-nav a:hover {text-decoration:none;}
.footer-nav a span {font-size:14px;display:block;padding-bottom:0px;font-weight:400;}
.footer-nav a.footer-nav-next {border-left:2px solid #e87200;color:#e87200;background-image:url(/NNW2018/images/arrow-next-green.png);background-position:95% center;background-repeat:no-repeat;}
.footer-nav a.footer-nav-prev {color:#dcdcdc;text-align:right;background-image:url(/NNW2018/images/arrow-prev-grey.png);background-position:5% center;background-repeat:no-repeat;}

.footer-nav a.footer-nav-next:hover {background-image:url(/NNW2018/images/arrow-next-white.png);background-position:97% center;background-repeat:no-repeat;}
.footer-nav a.footer-nav-prev:hover {background-image:url(/NNW2018/images/arrow-prev-white.png);background-position:3% center;background-repeat:no-repeat;}

.quote {font-size:20px;}
.quote strong {display:block;font-size:18px;padding-top:10px;}
.inset .quote {position:absolute;left:0px;width:50%;height:100%;}
.inset .quote span {display:block;}
.inset .quote span:before {content:'" ';font-size:30px;line-height:20px;display:inline-block;} 
.inset .quote span:after {content:' "';font-size:30px;line-height:20px;display:inline-block;} 


.copyIntro p {font-size: 20px;}
	
.mobile-nav-holder {display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;background:#ffffff;padding:100px 30px 30px 30px;z-index:1000;}
.mobile-nav-holder a {display:block;text-align:center;padding:10px 0px;}
.mobile-nav-holder.open {display:block;}

.mobile-nav-close {position:absolute;right:10px;top:30px;width:60px;height:60px;background:url(images/nav-close.gif) left top no-repeat;background-size:60px;}
.mobile-nav {position:absolute;right:10px;top:30px;width:60px;height:60px;background:url(images/nav-hamburger.gif) left top no-repeat;background-size:60px;}

/* =========================== header */
.header-holder {height:174px;margin-bottom:50px;font-size:13px;color:#4c4949;background:#fff;}
.header-holder .nav {padding-top:100px;}
.header-holder .nav a {font-size:13px;color:#63195b;padding:0px 10px 0px 0px;text-transform:uppercase;letter-spacing:0.2px;font-family:roboto;}
.header-holder .nav a.logolink {padding:0px;}
.header-holder .nav a.over {font-size:13px;color:#90b73e;}
.header-holder .nav a:hover {color:#f67f5a;}
.header-holder img.logo {position:absolute;top:10px;left:-300px;margin-left:0px;z-index:50;}
.header-holder .left {}
.header-holder .navDesktop {margin-top:30px;}
.header-holder .design {position:absolute;top:0px;left:100%;width:calc((100vw - 1240px)/2);}

.widthHolder {width:1200px;margin:0px auto;position:relative;}
.header-holder {height:280px;}
@media only screen and (max-width: 1800px) {
.widthHolder {width:1000px;margin:0px auto;}
.header-holder .design {width:calc((100vw - 1040px)/2);}	
}
@media only screen and (max-width: 1600px) {
.widthHolder {width:800px;margin:0px auto;}	
.header-holder .design {width:calc((100vw - 840px)/2);}	
}
@media only screen and (max-width: 1400px) {
.widthHolder {margin:0px auto;}	
.header-holder img.logo {width:200px;height:auto;left:-200px;}
.header-holder .nav {padding-top: 70px;}
.header-holder {height: 220px;}	
}
@media only screen and (max-width: 1200px) {
.widthHolder {width:100%;margin:0px auto;padding: 0px 20px;}
.header-holder img.logo {position:absolute;top:0px;left:0;width:150px;height:auto;}
.nav1, .nav2 {padding-left:140px;}	
.header-holder .nav {padding-top: 50px;}
.header-holder .left {margin-left: 136px;}	
.header-holder .navDesktop {margin-top: 10px;}
.header-holder {height: 170px;}
.header-holder .design {display:none;}	
	
}

.nav1 {color:#63195b;font-size:15px;font-weight:600;}
.nav2 {color:#e87200;font-size:25px;font-weight:600;}


/*.header-holder .nav a, .footer-holder .nav a {display:none;}

 =========================== footer */
.footer-white {background:#ffffff;}
.footer-holder {background:#fbfbfb;padding-bottom:150px;font-size:13px;color:#b1b0b0;border-top:3px solid #e87200;}
.footer-holder .nav {padding:50px 0px 0px 0px;}
.footer-holder .nav a {font-size:12px;color:#e87200;padding:0px 10px;text-transform:uppercase;font-family:roboto;}
.footer-holder .nav a.over {font-size:13px;color:#b1b0b0;}
.footer-holder img.logo {position:absolute;bottom:-50px;left:50%;margin-left:-103px;}
.footer-partner hr {border:none;border-top:1px solid #efefef;width:30%;margin:50px auto;padding:0px;}
.clearfix {clear:both;}



body.page-partners {background:#fff;}

a.btn-info:hover, a.btn.btn-info:hover  {background:#f06c44;color:#fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

p.intro {font-size:18px;}

.messages {background:#fff;padding:50px;margin-bottom:30px;position:relative;border-radius:5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.messages h2 {color:#e87200;margin-bottom:10px;text-transform:uppercase;font-size:22px;font-weight:700;}
.messages:after {position:absolute;left:-25px;top:35px;border-radius:50%;background:#e87200;color:#fff;line-height:50px;font-size:25px;font-weight:300;content:attr(data-line);width:50px;height:50px;text-align:center;}

/* homepage 


body.page-home {background:url(images/background-home.jpg) center center no-repeat;background-size:cover;}*/
.front-img {height:calc(100vh - 173px);}


body.page-home .img-holder {background:url(images/pic-home.jpg) calc(50% - 250px) bottom no-repeat;background-size:auto 100%;padding-top:50px;}
.page-home .intro {background:#ffffff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;
-webkit-box-shadow: 0px 0px 53px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 53px 4px rgba(0,0,0,0.5);
box-shadow: 0px 0px 53px 4px rgba(0,0,0,0.5);
margin:0px auto 120px auto;padding:80px;}
.page-home .intro h1 {text-transform:uppercase;}
.page-home .header-holder, body.page-introduction .header-holder {margin:0px;}
.page-home .front-img {background:url(images/background-2018-home.jpg) center center no-repeat;background-size:cover;}
.front-copy {background:rgba(255,255,255,0.7);font-size:25px;color:#060606;padding:80px 0px 30px 0px;line-height: 1.2em;}

/* subs 

body.page-introduction .img-holder {background:url(images/pic-introduction-2.jpg) calc(50% - 300px) bottom no-repeat;background-size:auto 100%;padding-top:50px;}*/
body.page-faqs .img-holder {    background: url(images/pic-faqs.jpg) left bottom no-repeat;
    background-size: 60% auto;
    padding-top: 50px;}

body.page-introduction .front-img {background:url(images/introduction-1.jpg) center center no-repeat;background-size:cover;}
body.page-introduction .front-copy {font-size:16px;}



body.page-satistics {}


.page-sub .page {background:#ffffff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;
margin:0px auto;padding:80px;}
.page-sub .page, .page-sub .page p  {line-height:2em;}
.page-sub .page ul, .page-sub .page ol  {text-align:left;}
.page-sub .page ul li, .page-sub .page li  {/*padding-bottom:30px;*/}

.content-holder p  {margin-bottom:35px;}
.page-sub .page h1 {line-height:1em;text-align:center;}
.page-sub .page h2 {line-height:1em;text-align:center;}
.content-holder ul li  {padding-bottom:15px;}

ul.markers {list-style:none;margin:0px 0px 30px 0px;padding:0px;}
ul.markers li {background:url(images/marker.gif) left 5px no-repeat;padding:0px 0px 30px 60px;}

ol.markers {counter-reset:li;margin:0px;padding:0px 0px 30px 50px; }
ol.markers > li {position:relative;list-style:none; padding-bottom:15px;line-height:30px;}
ol.markers > li:before {content:attr(num); position:absolute;top:0px;left:-50px;background:#65333f;width:30px;height:30px;color:#ffffff;border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;text-align:center;}

.questions {padding-bottom:30px;}
.questions h3 {font-size:20px;cursor:pointer;}
.questions h3:hover {color:#65333f;}
.questions .answer {display:none;position:relative;
    padding: 30px;
    background: #efefef;
    margin-top: 30px;
    border-radius: 7px;}
.questions .answer ul li {padding-bottom:0px;}

.questions .answer:after {
	bottom: 100%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 245, 245, 0);
	border-bottom-color: #efefef;
	border-width: 10px;
	margin-left: -10px;
}

.faq-holder {padding:50px 25px;background:#fff;border-radius:5px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}


.pad-bot-1x {padding-bottom:20px;}
.pad-bot-2x {padding-bottom:40px;}
.pad-bot-3x {padding-bottom:60px;}
.pad-top-1x {padding-top:20px;}
.pad-top-2x {padding-top:40px;}
.pad-top-3x {padding-top:60px;}

.page-sub .page ul.nopads li {padding-bottom:0px;}


.partners .text-left {padding:20px;font-size:14px;line-height:1.5em;}

.btn.btn-primary {background:#ccc;border:none;}
.btn.btn-primary:hover {background:#eee;border:none;}

.btn.btn-info {background:#e87200;border:none;border-radius:80px;font-size:13px;padding:15px 40px}
.btn.btn-info:hover {background:#f06c44;border:none;}

/* =========================== recipes */


.recipe {background:none;}
.recipe.flip {}
.recipe .recipeblurb {position:relative;left:0px;height:100%;padding:0px;background:#fff;margin-bottom:50px;}
.recipe .recipeblurb .col2 {padding:50px;}
.recipe .recipeblurb span {display:block;}
.recipe .recipeblurb h2 {text-align:left;font-size:25px;}
.recipe .recipeblurb span:before {content:'" ';font-size:30px;line-height:20px;display:inline-block;} 
.recipe .recipeblurb span:after {content:' "';font-size:30px;line-height:20px;display:inline-block;} 
.recipe.flip .recipeblurb {left:auto;right:0px;}

.recipe-full {padding:30px;}

.tips-nutritional {font-size:14px;}
.page-tips .main-image {width:400px;height:auto;max-width:100%;display:block;margin:0px auto;}
/* =========================== animate */

.animate, .header-holder .nav a, .footer-nav a, a.btn
{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}

.animateSlow
{-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;}

.no-delay
 {
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;
}
.delay
{
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}


.animatequick
{-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;}




/* =========================== End animate */


/* =========================== Bootstrap unstyling */


/* =========================== End Bootstrap unstyling */


/* =========================== Respond */
.visible-inline-sm {display:none;}
.hidden-inline-sm {display:inline-block;}

@media only screen and (max-width: 1220px) {
.copyHolder {width:100%;padding:0px;}	

}


/* change if local bootstrap */
@media only screen and (max-width: 1300px) {	
.messages {margin-left: 50px;}
}

/* change if local bootstrap */
@media only screen and (max-width: 1170px) {
	
.recipe .recipeblurb  {text-align:left;font-size:14px;}
.recipe .recipeblurb h2 {text-align:left;font-size:30px;}
.header-holder .nav a {font-size:12px;color:#4c4949;padding:0px 5px;}



.header-holder .right {padding-left:100px;text-align:left;}
.visible-inline-sm {display:inline-block;}
.hidden-inline-sm {display:none;}
.front-copy {
    padding: 30px 0px 30px 0px;
}
}

/* change if local bootstrap */
@media only screen and (max-width: 970px) {
	
.inset .quote {position:relative;left:0px;width:100%;height:auto;padding-bottom:50px;}
}



/* change if local bootstrap */
@media only screen and (max-width: 767px) {
h1 {font-size:35px;}	
h2 {}	
.page-sub .page {padding:30px 20px;}	
.partners .text-left {padding:20px 0px;}
.center-v:before {display:none;}
.recipe img {width:100%;}
.header-holder {
    height: 330px;
}	
.header-holder img.logo {position:absolute;top:10px;left:0;margin-left:0px;width:auto;height:auto;z-index: 0;}
.page-home .intro {padding:30px 20px;}
.recipe .recipeblurb .col2 {padding: 20px;}
.messages {padding: 40px 10px 30px 10px;margin-top:60px;}
.messages:after {
    position: absolute;
    left: calc(50% - 25px);
    top: -30px;
    border-radius: 50%;
    background: #e87200;
    color: #fff;
    line-height: 50px;
    font-size: 25px;
    font-weight: 300;
    content: attr(data-line);
    width: 50px;
    height: 50px;
    text-align: center;
}
.clearfix {clear:both;}
.footer-nav {position: relative;z-index: 50;    min-height: 120px;}
.front-copy {padding: 70px 0px 30px 0px;}
.front-img {height:auto;}
body.page-home .front-img {background:none;}
body.page-introduction .front-img {background:none;}
.messages {margin-left: auto;}
}
@media only screen and (max-width: 500px) {
.footer-nav a {width: 100%;display: block;float:none;}
}