/*
 Theme Name:   Nooflow® Blog Theme
 Theme URI:    /blog/
 Description:  Nooflow® Blog Theme
 Author:       S. Popov
 Author URI:   --none--
 Template:     type
 Version:      1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.entry-meta a, .read-more-link a, .entry-content a, .nav-links a { color: #cc3030; transition: all 0.2s ease-out; }
.entry-meta a:hover, .read-more-link a:hover, .entry-content a:hover, .nav-links a:hover { color: #e53737; text-decoration: none; }

/* HEADER CSS */
.site-header { margin-bottom: 160px!important; }
.blog-header { padding: 0 5%; width: 90%; max-width: 78.57143em; margin: 0 auto; zoom: 1; font-family: 'Abel', sans-serif; color: #000000; }

.header-logo { position: relative; top: 50px; }

.blog-nav-holder { top:50px; display: block; position: relative; width: 100%; text-align: center; }
    .blog-nav { display: block; }
        .blog-nav .active { opacity: 1; }
        .blog-nav-el { display: inline-block; font-weight: 400; font-style: normal; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; padding: 10px; opacity: 0.6; transition: all 0.2s ease-out; }
        .blog-nav-el:hover { opacity: 1; }
            .blog-nav-el a { color: #000000; text-decoration: none; }
            .blog-nav-el a:hover { text-decoration: none; color: #000000; }
        .nav-faq { margin-right: 150px; }
        .nav-shop { margin-left: 150px; }
    .blog-center-logo-holder { position: relative; margin-left: auto; margin-right: auto; width: 178px; height: 30px; }    
        .blog-header-center-logo { position: absolute; top: -30px; background: url(img/blog-header-center-logo.png); width: 178px; height: 148px; background-repeat: no-repeat; background-position: center; }    
        
.blog-header-spacer { position: relative; width: 100%; height: 300px; background-color: #fcfcff; }
/* HEADER CSS */

.optin_wrapper { position: relative; width: 100%; height: 250px; margin-top: 50px; }
    .optin_box { background: #cc0033; border-radius: 4px; }
    .media_box { background: url('img/optin_bottle300.png'); background-repeat: no-repeat; background-position: center; height: 300px; }

.icon_holder { position: relative; width: 100%; margin-top: 15px; }
    .optin_icon { background: url('img/coupon_icon.png'); background-repeat: no-repeat; background-position: center; background-size: contain; height: 100px; }
    
.optin_header { position: relative; width: 100%; padding: 0 2.5%; width: 95%; max-width: 500px; margin: 0 auto; zoom: 1; text-align: center; margin-bottom: 20px; }    
    .optin_header h3 { color: #ffffff; margin-bottom: 0; }
    .optin_header h5 { color: #ffffff; margin-top: 0; font-size: 14px; font-weight: 400;}


/* END CONTENT AWEBER FORM */
.af-form { position: relative; width: 100%; padding: 0 2.5%; width: 95%; max-width: 500px; margin: 0 auto; zoom: 1; }
.af-body { display: block; border-radius: 4px; background: #ffffff; padding: 5px; }
.af-element { display: inline-block; }
    .af-element input { width: 100%; border-radius: 4px; border: none!important; background: #ffffff; font-size: 14px!important; }
    .af-element input::placeholder { font-size: 13px; color: #adadad; font-weight: bold; }
    .buttonContainer input { border-radius: 4px!important; background: #cc0033!important; text-transform: capitalize!important; font-size: 16px!important; padding: 7px 0px!important; }
        .buttonContainer input:hover { background: #232323!important; }
.privacyPolicy { font-size: 12px; margin-top: 15px; }
    .privacyPolicy p { color: #fcfcfc; }
    .privacyPolicy a { color: #fcfcfc; text-decoration: underline; }
        .privacyPolicy a:hover { color: #fcfcfc; text-decoration: underline; }
/* END CONTENT AWEBER FORM */
    
/* FOOTER CSS */
footer:not(.entry-footer) { position: relative; display: block; width: 100%; padding-top: 75px; padding-bottom: 50px; color: #fff; background-image: url('img/bg-footer.jpg'); transition: all 1s 3s; }

footer .arrow-up {position: relative; z-index: 0; cursor: pointer; transition: all .3s; }
footer .arrow-up:hover {transform: translateY(10px);}

footer p { display: block; font-size: 10px; line-height: 15px; color: #9a9a9a; }
footer .xs-link { display: block; font-size: 10px; color: #ffffff; transition: all .3s; }

footer h4 { display: block; font-weight: normal; line-height: 16px; }
footer input:not([type="submit"]) { display: block; background: transparent; border: none; border-bottom: solid 1px #fff; color: #959595; font-size: 12px; font-family: 'Abel', sans-serif; padding: 5px 0; width: 160px; }
footer input[type="submit"]:hover { opacity: 0; }
footer .submit { display: block; cursor: pointer; transition: all .3s; position: relative; }
footer .submit input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
footer hr { border-color: #d2d3d4; width: 10px; float: left; }

.footer-right h4 { margin: 0; color: #ffffff; }
.footer-right a { color: #ffffff; }
.footer-right a:hover { color: #ffffff; text-decoration: none; }


@media screen and (max-width: 1439px){
    /*.af-element { display: block; width: 100%!important; }
    .media_box { background: url('img/optin_bottle370.png'); background-repeat: no-repeat; background-position: center; height: 370px; }*/
}

@media screen and (max-width: 1366px){
    footer p { width: 350px!important; }
    
}

@media screen and (max-width: 1200px){
    footer h4 { font-size: 14px!important; }
    
}

@media screen and (max-width: 1115px){
    .blog-nav { position: relative; top: 100px; }
    .nav-faq { margin-right: 0; }
    .nav-shop { margin-left: 0; }
    
}

@media screen and (max-width: 1000px){
    footer p { width: auto!important; }
    .footer-side { display: none!important; }
    .footer-left { width: 100%!important; display: table-footer-group!important; float: none!important; }
    .footer-right { width: 100%!important; display: table-header-group!important; float: none!important; }
    .footer-main { margin-left: 25%!important; }
    .res-margin { margin-top: 75px!important; }
}

@media screen and (max-width: 959px){
    .af-element { display: inline-block; width: 33.33%!important }
    .media_box { background: url('img/optin_bottle300.png'); background-repeat: no-repeat; background-position: center; height: 300px; }
    
    .blog-nav { display: none; }
    .header-logo { display: none; }
}

@media screen and (max-width: 900px){
    .footer-main { margin-left: 22.5%!important; }
}

@media screen and (max-width: 800px){
    .footer-main { margin-left: 17.5%!important; }
}

@media screen and (max-width: 719px){
    /*.af-element { display: block; width: 100%!important; }
    .media_box { background: url('img/optin_bottle370.png'); background-repeat: no-repeat; background-position: center; height: 370px; }*/
}

@media screen and (max-width: 700px){
    .footer-main { margin-left: 12.5%!important; }
}

@media screen and (max-width: 600px){
    .footer-main { margin-left: 10%!important; }
    footer p { width: 450px!important; }
     .media_box { display: none; }
     .optin_box { width: 100%!important; }
     .af-element { display: inline-block; width: 33.33%!important }
}

@media screen and (max-width: 500px){
    footer p { width: 375px!important; }
    .res-500 { display: none!important; }
    .res-500-50 { width: 50%!important; }
    .af-element { display: block; width: 100%!important; }
}

@media screen and (max-width: 400px){
    footer p { width: 275px!important; }
}
/* FOOTER CSS */

.col-1-1 {width: 8.33%;}
.col-1-1-2 {width: 16.66%;}
.col-1-3 {width: 25%;}
.col-1-4 {width: 33.33%;}
.col-1-5 {width: 41.66%;}
.col-1-6 {width: 50%;}
.col-1-7 {width: 58.33%;}
.col-1-8 {width: 66.66%;}
.col-1-9 {width: 75%;}
.col-1-10 {width: 83.33%;}
.col-1-11 {width: 91.66%;}
.col-1-12 {width: 100%;}

[class*="col-1-"] {
    position: relative;
    float: left;
}

.row-1{
    position: relative;
    display: block;
    margin: 0 auto;
}

.row-1::after {
    content: "";
    clear: both;
    display: table;
}

.p0  { padding: 0px; }
.p5  { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.p35 { padding: 35px; }
.p40 { padding: 40px; }
.p45 { padding: 45px; }
.p50 { padding: 50px; }

.pt0  { padding-top: 0px; }
.pt5  { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }

.pb0  { padding-bottom: 0px; }
.pb5  { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }

.pl0  { padding-left: 0px; }
.pl5  { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }

.pr0  { padding-right: 0px; }
.pr5  { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }


.m0  { margin: 0px; }
.m5  { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }
.m35 { margin: 35px; }
.m40 { margin: 40px; }
.m45 { margin: 45px; }
.m50 { margin: 50px; }

.mt0  { margin-top: 0px; }
.mt5  { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }

.mb0  { margin-bottom: 0px; }
.mb5  { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

.ml0  { margin-left: 0px; }
.ml5  { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }

.mr0  { margin-right: 0px; }
.mr5  { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }


.tar { align-items: center; }