/*
Theme Name: CLEAN COOKING ALLIANCE
Description: Design by Eric Saboya (eric@criamente.com) & code by Leandro Berg (leandrobschulz@gmail.com).
Version: 1.0
Author: VIRTUEMASTERS
Author URI: http://virtuemasters.com.br
*/

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
*:focus,*:active,*:visited{outline:0 !important;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;-webkit-text-fill-color:#000;}

/* GENERAL */
body{font:300 20px/30px 'Roboto';}
section{overflow:hidden;position:relative;padding:40px 0;}
img{max-width:100%;height:auto;}
iframe,video{max-width:100%;}
.cover{background-repeat:no-repeat;background-position:center;background-size:cover;}
.min-height-100vh{min-height:100vh;}
a.permalink{position:absolute;width:100%;height:100%;left:0;top:0;z-index:100;}
strong{font-weight:900;}
.size-36 p{font:300 36px/41px 'Roboto';}
.size-26 p{font:300 26px/33px 'Roboto';}

/* LINKS */
a{color:#f05e23;}
a:hover,
a:active,
a:focus{text-decoration:none;color:#1c3f74;}
.current-menu-item a,
.current-page-ancestor a{font-weight:700;color:#a3d4e0;}

/* HEADINGS */
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

/* BUTTONS */
.button{background:#f05e23;color:#fff !important;font:900 18px/33px 'Rubik';text-transform:uppercase;padding:5px 30px;border-radius:25px;margin:30px 0;display:inline-block;}
.button:hover{background:#1e4176;}

/* FORM */
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{}
form input:-moz-placeholder,
form textarea:-moz-placeholder{}
form input::-moz-placeholder,
form textarea::-moz-placeholder{}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{}
form label.error{display:none !important;}
form .error{border:1px solid red !important;color:red;}
form .error::-webkit-input-placeholder{color:red;}
form .error:-moz-placeholder{color:red;}
form .error::-moz-placeholder{color:red;}
form .error:-ms-input-placeholder{color:red;}

/* WP CLASSES */
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter{display:block;margin:5px auto 20px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
.aligncenter{display:block;margin:5px auto 5px auto;}
.alignfull{margin:auto calc(50% - 50vw);max-width:100vw;width:100vw;}
img.alignright{float:right;margin:5px 0 20px 20px;}
img.alignnone{margin:5px 20px 20px 0;}
img.alignleft{float:left;margin:5px 20px 20px 0;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%; /* Image does not overflow the content area */padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

/* POST ELEMENTS */
article p{padding-bottom:25px;color:#333;}
article ul{list-style-type:disc;list-style-position:inside;padding:0 20px 25px;}
article ul li,article ol li{padding:12px 0 12px 15px;}
article ol{list-style-type:decimal;list-style-position:outside;padding:0 20px;}
article ul ul, article ol ul{list-style-type:circle;list-style-position:outside;margin-left:15px;}
article ol ol, article ul ol{list-style-type:lower-latin;list-style-position:outside;margin-left:15px;}
article b, article strong{font-weight:bold;}
article em{font-style:italic;}
article del{text-decoration:overline;}
article img.alignnone{border-radius:50px;position:relative;max-width:100vw;}
article a{font-weight:700;border-bottom:1px solid #f8b7a6;}

/* HEADER */
header{border-top:6px solid #f05e23;background:linear-gradient(#1c3f74,rgba(0,0,0,0));min-height:280px;padding:25px;position:absolute;top:0;left:0;width:100%;z-index:100;}
header:before{content:'';width:100%;height:280px;position:absolute;top:0;left:0;background:linear-gradient(#1c3f74,rgba(0,0,0,0));}
header .flex{display:flex;align-items:center;justify-content:flex-end;}
header .flex div{padding-left:30px;}
header p{color:#fff;font:16px/18px 'Roboto';text-align:right;float:left;padding-top:10px;padding-right:20px;transition:alll .3s;}
header .thin .ngp-form{width:260px;}
header .thin input[type="email"]{width:260px !important;padding-right:25px !important;}
header .thin p{display:none;}
header .thin nav{width:490px;background-image:none;}
header .thin input[type="submit"]{color:#f05e23;width:45px;}
header .thin input[type="submit"]:hover{color:#1c7cd6;}
header nav{background:url('images/menu.gif') no-repeat center #fff;border-radius:25px;width:50px;height:50px;padding:10px 15px;transition:all .3s;overflow:hidden;cursor:pointer;}
header ul{width:470px;display:none;}
header nav li{display:inline-block;padding:0 15px 0 8px;border-right:2px solid #f05e23;}
header nav li:last-child{padding:0;}
header nav li:nth-child(3),
header nav li:nth-child(4){border:none;}
header nav a{font:900 24px/30px 'Roboto';color:#f05e23;}
header nav .fas{color:#f05e23;font-size:28px;vertical-align:-2px;transition:all .3s;}
header nav .fas:hover{transform:rotate(180deg);}

/* EVERY ACTION FORM */
.ngp-form{width:420px;transition:all .3s;}
.ngp-form, .ngp-form *{padding:0 !important;margin:0 !important;max-width:100% !important;}
.ngp-form header{display:none;}
.ngp-form legend{display:none;}
.ngp-form .at-inner{background:none;height:50px !important;}
.ngp-form label{color:rgba(0,0,0,0) !important;}
.ngp-form span.text{display:none;}
.ngp-form input[type="email"]{border:none !important;font:20px/18px 'Roboto' !important;border-top-left-radius:30px !important;border-radius:30px !important;padding:13px 130px 14px 25px !important;width:420px !important;color:#1c3f74 !important;height:49px !important;margin-top:-20px !important;}
.ngp-form input[type="email"]::-webkit-input-placeholder{color:rgba(28,63,116,0.5) !important;}
.ngp-form input[type="submit"]{font:500 18px/21px 'Rubik';text-transform:uppercase;color:#fff;background:#f05e23;padding:10px 15px !important;border-radius:25px;position:absolute;top:5px;right:5px;height:41px;}
.ngp-form input[type="submit"]:hover{color:#fff;}
.ngp-form #fastaction-signup{display:none !important;}
.ngp-form .thankYou *{display:none;}
.ngp-form .thankYou{background:url("images/message.gif") no-repeat center rgba(0,0,0,0.7);position:fixed;width:100%;height:100vh;left:0;top:0;cursor:pointer;}

/* SLIDER */
.slider{position:relative;background-color:#1c3f74;}
.slider .item{height:90vh;}
.slider .container,.slider .row{height:100%;}
.slider h2{font:900 60px/33px 'Rubik';text-transform:uppercase;color:#f05e23;position:relative;opacity:0;}
.slider h3{font:900 88px/48px 'Rubik';text-transform:uppercase;color:#f05e23;display:block;padding:30px 0 150px 70px;position:relative;opacity:0;}
.slider img{display:block;margin:0 auto;}
.slider:after{content:'';width:100%;height:125px;background:url("images/arrow-down.png") no-repeat center;left:0;bottom:-70px;position:absolute;z-index:1;}
.slider .video{position:relative;}
.slider .video video{width:100%;height:90vh;background:#000;}
.slider .video.paused:before{content:'';position:absolute;left:0;top:0;width:100%;height:90vh;background-image:url("images/slide-video.jpg");background-size:cover;background-position:center;z-index:100;cursor:pointer;}
.slider .slick-arrow{position:absolute;top:calc(45vh - 20px);z-index:100;border:none;background:url("images/arrow-left.png");color:rgba(0,0,0,0);width:61px;height:41px;}
.slider .slick-prev{left:50px;}
.slider .slick-next{right:50px;transform:rotate(180deg);}
.slider .permalink{z-index:200;height:90vh;}

/* SLIDER - animation */
.slider .animation{position:absolute;width:250px;height:450px;}
.slider .animation img{position:absolute;}
.slider .item:nth-child(1) .animation{top:50px;left:calc(63% - 125px);}
.slider .item:nth-child(2) .animation{top:150px;left:calc(50% - 125px);}

/* THE ISSUES */
.the-issues{background:url("images/bg-issues.png") no-repeat center bottom,linear-gradient(#1c3f74,#73c0de);color:#fff;background-blend-mode:multiply;}
.the-issues .slick{top:55px;right:-48px;z-index:1;}
.the-issues .size-36 p{padding:85px 0 65px;}
.the-issues .size-26{background:#1c3f74;padding: 70px 60px 50px;margin-bottom: 20px;}
.the-issues h2{font:900 53px/51px 'Rubik';text-transform:uppercase;margin-left:-80px;position:relative;z-index:2;}
.the-issues h2 span{font-size:80px;display:block;margin-left:-40px;padding-top:5px;color:#f05e23;}
.the-issues .size-26 p{padding:30px 0;}
.the-issues ul{max-width:400px;margin-left:-20px;}
.the-issues ul a{font:900 25px/60px 'Roboto';color:#fff;border:2px solid rgba(0,0,0,0);border-radius:35px;padding:0 15px;display:block;}
.the-issues ul a:hover{color:#f05e23;}
.the-issues ul a:before{content:'';width:40px;height:40px;display:inline-block;vertical-align:-10px;margin-right:15px;transition:all .3s;background-repeat:no-repeat;background-position:center;}
.the-issues ul li:nth-child(1) a:before{background-image:url("images/icon-cca.png");}
.the-issues ul li:nth-child(2) a:before{background-image:url("images/icon-climate.png");}
.the-issues ul li:nth-child(3) a:before{background-image:url("images/icon-investment.png");}
.the-issues ul li:nth-child(4) a:before{background-image:url("images/icon-gender.png");}
.the-issues ul li:nth-child(5) a:before{background-image:url("images/icon-health.png");}
.the-issues ul li:nth-child(1) a:hover:before{background-image:url("images/icon-cca-hover.png");}
.the-issues ul li:nth-child(2) a:hover:before{background-image:url("images/icon-climate-hover.png");}
.the-issues ul li:nth-child(3) a:hover:before{background-image:url("images/icon-investment-hover.png");}
.the-issues ul li:nth-child(4) a:hover:before{background-image:url("images/icon-gender-hover.png");}
.the-issues ul li:nth-child(5) a:hover:before{background-image:url("images/icon-health-hover.png");}
.the-issues .container{position:relative;z-index:1;}
.the-issues:before{content:'';position:absolute;width:45%;top:420px;right:50%;height:240px;background:url("images/bg-lines.png");}
.the-issues:after{content:'';position:absolute;width:45%;top:420px;left:50%;height:480px;background:url("images/bg-lines.png");}

/* GET INVOLVED */
.get-involved{margin-top:-80px;}
.get-involved .col-md-8{padding:100px 15px 0 35px;}
.get-involved h2{background:#f05e23;color:#fff;font:700 48px/45px 'Roboto';padding:225px 60px 25px 25px;margin-bottom:50px;}
.get-involved img{width:100%;}
.get-involved h3{font:700 32px/34px 'Roboto';color:#f05e23;padding-bottom:10px;}
.get-involved p{font:700 26px/33px 'Roboto';color:#333;padding-bottom:15px;}
.get-involved a{color:#f05e23 !important;}
.get-involved .button{color:#fff !important;}

/* JUICER */
.juicer h2{background:#f05e23;color:#fff;font:900 36px/43px 'Roboto';padding:20px 30px;overflow:hidden;margin-bottom:15px;}
.juicer h2 .button{background:#fff;float:right;margin:0;color:#f05e23 !important;}
.juicer-feed a.juicer-button{color:#fff !important;width:180px;}
.juicer-button{background:#f05e23 !important;border:none !important;font:900 18px/33px 'Rubik' !important;text-transform:uppercase;padding:5px 30px !important;border-radius:25px;}
.juicer-button:hover{background:#1e4176 !important;}
.juicer-feed .feed-item .j-message, .juicer-feed .feed-item .j-message p{line-height:22px;font-weight:700;font-size:18px;}

/* STEPS */
.steps .item{background-color:#1c3f74;background-repeat:no-repeat;color:#fff;font:700 18px/24px 'Roboto';margin:40px 20px 45px 0;padding:35px 30px;position:relative;}
.steps p{color:#fff !important;font:700 18px/24px 'Roboto' !important;}
.steps span{position:absolute;background:#f05e23;font:700 48px/48px 'Roboto';width:50px;text-align:center;top:-24px;;left:-10px;}
.steps .one{background-image:url("images/icon-celphone.png");background-position:95% bottom;}
.steps .two{background-image:url("images/icon-self.png");background-position:95% bottom;}
.steps .three{background-image:url("images/icon-share.png");background-position:30px 90%;padding-bottom:129px;}

/* FEATURED IMAGE */
.featured-image{height:450px;}
.featured-image h2{font:900 62px/44px 'Rubik';text-transform:uppercase;color:#fff;padding-top:210px;margin-left:50px;}
.featured-image h2 span{color:#f05e23;display:block;padding-top:25px;font-size:86px;line-height:44px;margin-left:-50px;}

/* CLEAN COOKING - the issues page */
.clean-cooking{margin-top:-120px;padding-bottom:60px;}
.clean-cooking h2{background:#f05e23;color:#fff;font:700 48px/45px 'Roboto';padding:215px 60px 25px 25px;width:75%;position:relative;margin-bottom:-100px;margin-left:180px;}
.clean-cooking .col-md-7{padding:0 15px 0 54px;}
.clean-cooking .col-md-7:before{content:'';height:250px;width:100vw;background:url('images/bg-lines-2.png');display:block;margin-bottom:70px;margin-top:40px;}
.clean-cooking h3{font:700 30px/36px 'Roboto';padding:30px 0;}

/* CLIMATE ENVIRONMENT - the issues page */
.climate-environment{padding-top:0;padding-bottom:15px;}
.climate-environment h2{background:#f05e23;color:#fff;font:700 48px/45px 'Roboto';padding:215px 35px 25px 25px;width:75%;position:relative;margin-bottom:-100px;margin-left:-100px;text-align:right;}
.climate-environment .col-md-7{padding:0 54px 0 15px;text-align:right;}
.climate-environment .col-md-7:before{content:'';height:250px;width:100vw;background:url('images/bg-lines-2.png');display:block;margin-bottom:25px;margin-left:-26vw;margin-top:80px;}
.climate-environment h3{font:700 30px/36px 'Roboto';padding:30px 0;}

/* INVESTMENT - the issues page */
.investment{background:url("images/the-issues-image-3.jpg") center top no-repeat;padding-top:290px;}
.investment h2{background:#f05e23;color:#fff;font:700 48px/45px 'Roboto';padding:250px 35px 25px 25px;width:75%;position:relative;margin-bottom:-100px;margin-left:180px;}
.investment .col-md-7{padding:350px 15px 0 54px;}
.investment h3{font:700 30px/36px 'Roboto';padding:30px 0;}

/* GENDER - the issues page */
.gender{margin-top:-50px;padding-bottom:60px;z-index:1;}
.gender h2{background:#f05e23;color:#fff;font:700 48px/45px 'Roboto';padding:250px 35px 25px 25px;width:75%;position:relative;margin-bottom:-100px;margin-left:-100px;}
.gender .col-md-7{padding:0 54px 0 15px;text-align:right;}
.gender .col-md-7:before{content:'';height:205px;width:100vw;background:url('images/bg-lines-2.png');display:block;margin-bottom:30px;margin-top:80px;}
.gender h3{font:700 30px/36px 'Roboto';padding:30px 0;}

/* HEALTH - the issues page */
.health{background:url("images/the-issues-image-6.jpg") center top no-repeat;padding-top:275px;margin-top:-250px;}
.health h2{background:#f05e23;color:#fff;font:700 48px/45px 'Roboto';padding:250px 35px 25px 25px;width:75%;position:relative;margin-bottom:-100px;margin-left:180px;}
.health .col-md-7{padding:420px 15px 0 54px;}
.health h3{font:700 30px/36px 'Roboto';padding:30px 0;}

/* TELL YOUR STORY - get involved page */
.tell-your-story{overflow:hidden;z-index:1;margin-top:-40px;}
.tell-your-story h2{background:#f05e23;color:#fff;font:700 48px/45px 'Roboto';padding:220px 35px 25px 25px;width:100%;position:relative;top:-40px;}
.tell-your-story .col-md-4:before{content:'';height:170px;width:100vw;background:url('images/bg-lines-2.png');display:block;margin-bottom:-170px;margin-top:40px;}
.tell-your-story .col-md-8{padding-top:210px;}
.tell-your-story h3{font:700 30px/36px 'Roboto';padding:30px 0;color:#333;}

/* VIDEOS - get involved page */
.videos{padding-top:20px;}
.videos .row{margin-left:-30px;width:calc(100% + 60px);}
.videos .col-md-4{padding:30px;}
.videos figure{position:relative;}
.videos .fas{opacity:0.5;color:#fff;position:absolute;font-size:70px;z-index:2;left:calc(50% - 35px);top:calc(50% - 35px);}
.videos img{margin-right:10px;width:100%;position:absolute;z-index:1;}
.videos figcaption{background:#f05e23;color:#fff;font:700 20px/36px 'Roboto';padding:3px 30px;padding-top:147px;position:relative;top:40px;left:10px;}

/* SHARE YOUR STORY - get involved page */
.share-your-story{margin-top:40px;}
.share-your-story h2{font:700 36px/34px 'Roboto';color:#f05e23;padding-bottom:15px;}
.share-your-story h3{font:700 36px/33px 'Roboto';color:#f05e23;border-bottom:2px solid #f05e23;padding-bottom:15px;margin-bottom:15px;margin-top:40px;}
.share-your-story p{font:700 26px/33px 'Roboto';color:#333;}
.share-your-story a{color:#f05e23 !important;}

/* MATERIAL FOR SHARING - get involved page */
.material-for-sharing{padding:40px 0;overflow:hidden;position:relative;}
.material-for-sharing h2{font:700 36px/34px 'Roboto';color:#f05e23;padding-bottom:40px;}
.material-for-sharing:before{content:'';height:155px;width:100vw;background:url('images/bg-lines-2.png');position:absolute;top:115px;margin-left:-30vw;}
.material-for-sharing span{background:#f05e23;color:#fff;font:900 17px/18px 'Roboto';padding:0 5px;}
.material-for-sharing figure{position:relative;}
.material-for-sharing figure img{width:100%;height:auto;}
.material-for-sharing ul{border-bottom:2px solid #f05e23;padding:15px 0;}
.material-for-sharing li{display:inline-block;padding-right:15px;font:700 18px/33px 'Roboto';}
.material-for-sharing a{color:#f05e23;}
.material-for-sharing a:hover{color:#1e4176;}
.material-for-sharing .fab{font-weight:400;font-size:22px;vertical-align:middle;}
.material-for-sharing .row{width:calc(100% + 40px);margin-left:-20px;}

/* DOWNLOAD LINKS */
.download-links{padding:40px 0;}
.download-links h2{color:#f05e23;font:900 36px/34px 'Roboto';padding-bottom:15px;}
.download-links p{font:300 26px/34px 'Roboto';color:#333;}
.download-links a{font-weight:900;color:#f05e23;}
.download-links .row{padding-bottom:60px;}

/* PRIVACY POLICY */
.privacy-policy .featured-image h2{margin-left:0;padding-top:280px;}
.privacy-policy .featured-image h2 span{margin-left:80px;}

/* PARTNERS - page */
section.partners{padding:0;}
section.partners ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
section.partners li{min-width: calc(100% / 3);text-align:center;padding:40px;transition:all .3s;max-width: calc(100% / 3);}
section.partners:hover li{opacity:0.5;}
section.partners li:hover{opacity:1;}
.page-id-54 footer .partners{display:none;}
.page-id-54 .featured-image h2{padding-top:280px;}

/* ATTACHMENT */
.attachment-template-default{padding-top:300px;}
.attachment-template-default article h2{font:900 62px/44px 'Rubik';text-transform:uppercase;padding-bottom:40px;}
.attachment-template-default ul{padding:15px 0;}
.attachment-template-default li{display:inline-block;padding-right:15px;font:700 18px/33px 'Roboto';}
.attachment-template-default ul a{border:none;}

/* FOOTER */
footer{margin-top:100px;}
footer .partners{border-top:1px solid #b3bece;background:#f5f5f5;position:relative;}
footer .partners:before{content:'';height:1px;width:130px;background:#f5f5f5;position:absolute;left:calc(50% - 65px);top:-1px;}
footer .partners h2{font:900 24px/38px 'Rubik';text-transform:uppercase;color:#1c3f74;text-align:center;margin-top:-20px;}
footer .partners ul{text-align:center;padding:30px 0;display: flex;align-items: center;justify-content: center;flex-wrap:wrap;}
footer .partners li{padding:25px;}
footer .info{background:#f05e23;padding:35px 0;}
footer .info a{color:#fff;}
footer .info a:hover{color:#2a3e73;}
footer .info li{display:inline-block;vertical-align:middle;}
footer .col-sm-6:nth-child(2){text-align:center;}
footer .col-sm-6:nth-child(3){text-align:right;}
footer .button{border:1px solid #fff;padding:3px 20px 5px;display:inline-block;border-radius:25px;font:400 18px/36px 'Roboto';text-transform:none;}
footer .button .fas{margin-right:10px;font-size:26px;vertical-align:-4px;}
footer .button:hover{border-color:#2a3e73;background:none;color:#2a3e73 !important;}
footer .button:hover .fas{color:#2a3e73;}
footer .fab{font-size:28px;padding:0 10px;}