/*Theme Name: Turmeric Australia eBook Landing
Description: Theme developed for Turmeric Australia
Version: 1.0
Author: Michael Vincent
Author URI: md.vincent@gmail.com
*/
@font-face {
    font-family: "proxima_nova_rgregular";
    src: url("fonts/proximanova-regular-webfont.eot");
    src: url("fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanova-regular-webfont.woff") format("woff"), url("fonts/proximanova-regular-webfont.ttf") format("truetype"), url("fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "proxima_novalight";
    src: url("fonts/proximanova-light-webfont.eot");
    src: url("fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanova-light-webfont.woff") format("woff"), url("fonts/proximanova-light-webfont.ttf") format("truetype"), url("fonts/proximanova-light-webfont.svg#proxima_novalight") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "proxima_novaextrabold";
    src: url("fonts/proximanova-extrabold-webfont.eot");
    src: url("fonts/proximanova-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanova-extrabold-webfont.woff") format("woff"), url("fonts/proximanova-extrabold-webfont.ttf") format("truetype"), url("fonts/proximanova-extrabold-webfont.svg#proxima_novaextrabold") format("svg");
    font-weight: normal;
    font-style: normal;
}

html, body {
    height:100%;
}
body {
    background-color: #FFF;
    font-family: 'proxima_nova_rgregular', sans-serif;
    color: #4D4D4D;
    font-size: 18px;
}

a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a:active { color: #333; text-decoration: none; }

h1 {
    font-family: 'proxima_novalight', sans-serif;
    font-size: 54px;
    margin: 80px 0 60px 0;
    color: #000;
}
h2 {
    font-family: 'proxima_novalight', sans-serif;
    font-size: 28px;
    margin: 20px 0 15px 0;
    color: #000;
}
h3 {
    font-family: 'proxima_novalight', sans-serif;
    font-size: 24px;
    margin: 15px 0 10px 0;
    color: #000;
}

hr {
    border-color: #bcbcbc;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

p { margin: 0 0 20px; }

.clear { clear: both; }

.text-danger {  }

.container { position: relative; z-index: 2; }
.container img { max-width: 100%; height: auto; }

.mobileShow { display: none; }

.no-padding { padding: 0; }
.no-margin { margin: 0; }

/* MENU */
.nav {
    position: absolute;
    top: 0;
    height: 185px;
    width: 100%;
    z-index: 100;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 1%, rgba(0,0,0,0.15) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#26000000',GradientType=0 ); /* IE6-9 */

}
.nav-logo { float: left; margin: 20px 100px 0 0; width: 200px; }
.main-menu {  }

ul.main-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.main-menu li {
    float: left;
}
.main-menu li a {
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    color: #fff;
    margin: 0;
    padding: 35px 30px 5px 30px;
    text-decoration: none;
    letter-spacing: 8px;
}
.main-menu li a:hover {
    color: #ccc;
}
.main-menu li.current-menu-item {
    color: #fff;
}
.main-menu li.current-cat {
    color: #fff;
}

#mobileNav { float: left; margin: 20px 20px 0 0; z-index: 4; }

/* HOMEPAGE */
section.homepage-banner {
    position: relative;
    min-height: 100%;
    padding-bottom: 200px;
    background: url(img/top-bkg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
section.homepage-banner .container {
    position: relative;
    top: 185px;
    z-index: 200;
}
section.homepage-banner .container .row { position: relative; }
section.homepage-banner .container .row .left-col { position: relative; bottom: 0; padding-top: 200px; }
section.homepage-banner .container .row .right-col { text-align: right; top: -50px; }
section.homepage-banner .heading-bkg {
    position: absolute;
    top: 180px;
    right: 50px;
    height: 250px;
    width: 3000px;
    z-index: -1;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}
section.homepage-banner .txt-cooking-with {
    font-family: 'proxima_novaextrabold', sans-serif;
    color: #FFF;
    font-size: 80px;
    line-height: 100px;
}
section.homepage-banner .txt-turmeric {
    font-family: 'proxima_novaextrabold', sans-serif;
    color: #fb9b0a;
    font-size: 55px;
}
section.homepage-banner .downloadable-ebook { margin-top: 70px; }
section.homepage-banner .limited-free-download {
    position: relative;
    top: -50px;
    z-index: 200;
}
section.homepage-banner .ipad-gif {
    position: relative;
    margin-bottom: 50px;
}

section.homepage-content {
    padding: 60px 0 60px 0;
    color: #464546;
    text-align: center;
}
section.homepage-content h1 { text-align: center; font-size: 54px; margin: 20px 0 30px 0; }
section.homepage-content h2 { text-align: center; font-size: 28px; }
section.homepage-content h3 { text-align: center; }

section.homepage-content .reviews-heading { color: #FB9B0A; margin: 60px 0 30px 0; }
section.homepage-content .review { padding: 0 30px; }
section.homepage-content .review-header { text-align: center; color: #000; font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 30px; }
section.homepage-content .review-header img { margin-bottom: 15px; }

section.homepage-content .btn-download-ebook {
    display: inline-block;
    max-width: 100%;
    background-color: #FB9B0A;
    border-radius: 5px;
    padding: 15px 30px 15px 30px;
    font-size: 28px;
    line-height: 28px;
    margin: 15px 10px;
}
section.homepage-content .btn-download-ebook:link { color: #FFF; }
section.homepage-content .btn-download-ebook:visited { color: #FFF; }
section.homepage-content .btn-download-ebook:active { color: #FFF; }
section.homepage-content .btn-download-ebook:hover { color: #FFF; background: #FF7721; }

section.homepage-content .btn-check-how {
    display: inline-block;
    max-width: 100%;
    border: 1px solid #4D4D4D;
    border-radius: 5px;
    padding: 15px 40px 15px 40px;
    font-size: 28px;
    line-height: 28px;
    margin: 15px 10px;
}
section.homepage-content .btn-check-how:link { color: #4D4D4D; }
section.homepage-content .btn-check-how:hover { color: #000; border: 1px solid #000; }
section.homepage-content .btn-check-how:visited { color: #4D4D4D; }
section.homepage-content .btn-check-how:active { color: #4D4D4D; }

section.homepage-recipes {
    position: relative;
    font-family: 'proxima_nova_rgregular', sans-serif;
    width: 100%;
    padding: 60px 0 45% 0;
    color: #fff;
    background: url(img/video-bkg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
section.homepage-recipes h1 { font-family: 'proxima_nova_rgregular', sans-serif; text-align: center; color: #fff; font-size: 54px; margin: 20px 0 10px 0; }
section.homepage-recipes h2 { font-family: 'proxima_nova_rgregular', sans-serif; text-align: center; color: #fff; font-size: 28px; margin: 50px 0 50px 0; }
section.homepage-recipes h3 { font-family: 'proxima_nova_rgregular', sans-serif; text-align: center; }
section.homepage-recipes hr { border-color: #fff }
section.homepage-recipes .aspect-container { position: absolute; width: 100%; }
section.homepage-recipes .icon-col { text-align: center; }
section.homepage-recipes .book-icon { float: right; margin-right: 30px; }
section.homepage-recipes .ytplayer-container{
    position: absolute;
    top: 0;
    z-index: 1;
    background: #000;
}
section.homepage-recipes .ytplayer-player {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: .7;
}

section.homepage-recipes .recipe-list { list-style: none; margin: 0; padding: 0; }
section.homepage-recipes .recipe-list li { text-indent: -10px; margin: 0; padding: 5px 0; line-height: 20px; }
section.homepage-recipes .recipe-list li:before {
    content: "\2013";
    position: relative;
    left: -10px;
}

section.homepage-deal-promo {
    text-align: center;
    min-height: 1200px;
    padding-top: 50px;
    padding-bottom: 70px;

    background: #fb9b0a; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #fb9b0a 20%, #ff7721 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #fb9b0a 20%,#ff7721 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #fb9b0a 20%,#ff7721 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9b0a', endColorstr='#ff7721',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-size: 100% 550px;
    background-repeat: no-repeat;
    background-position: bottom;
}
section.homepage-deal-promo .container { max-width: 1170px; }
section.homepage-deal-promo h1 { font-family: 'proxima_novaextrabold', sans-serif; font-size: 180px; color: #000; line-height: 160px; margin: 0; }
section.homepage-deal-promo h2 { font-family: 'proxima_novaextrabold', sans-serif; font-size: 55px; color: #000; }
section.homepage-deal-promo h3 { font-family: 'proxima_novaextrabold', sans-serif; font-size: 45px; color: #fff; margin-bottom: -5px; }
section.homepage-deal-promo p { font-size: 31px; color: #fff; margin: 0; }
section.homepage-deal-promo .price { font-size: 50px; color: #000; margin: 0; font-family: 'proxima_novaextrabold', sans-serif; margin-bottom: -10px; }
section.homepage-deal-promo hr {
    height: 10px;
    width: 100%;
    margin: 0 0 15px 0;
    border: none;
    background: rgb(255,119,33); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,119,33,1) 0%, rgba(251,155,10,1) 50%, rgba(255,119,33,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,119,33,1) 0%,rgba(251,155,10,1) 50%,rgba(255,119,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,119,33,1) 0%,rgba(251,155,10,1) 50%,rgba(255,119,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7721', endColorstr='#ff7721',GradientType=1 ); /* IE6-9 */
}
section.homepage-deal-promo .row { padding-top: 70px; }
section.homepage-deal-promo .plus-symbol {
    position: absolute;
    top: 145px;
    right: -50px;

    color: #000;
    font-family: 'proxima_novaextrabold', sans-serif;
    font-size: 200px;
    z-index: 1;
}
section.homepage-deal-promo .btn-buy-now {
    display: inline-block;
    width: 375px;
    max-width: 100%;
    height: 70px;
    border: 1px solid #000;
    border-radius: 5px;
    padding-top: 15px;
    font-size: 28px;
}
section.homepage-deal-promo .btn-buy-now:link { color: #FFF; }
section.homepage-deal-promo .btn-buy-now:hover { color: #FFF; background: #fb990b; }
section.homepage-deal-promo .btn-buy-now:active { color: #FFF; }

section.homepage-deal-promo .offer-arrow { margin-top: 10px; }
section.homepage-deal-promo .offer-details { margin: 0; text-align: right; margin-bottom: 15px; }

/* FOOTER */
.newsletter { text-align: center; padding: 40px 0 40px; 0; overflow: hidden; }
.newsletter h1 { color: #000;  }
.newsletter h2 { color: #FB9B0A;  }
.webform-wrapper { max-width: 100%; }

.footer {
    margin-top: 60px;
    padding: 40px 0 40px; 0;
    color: #808080;
    height: 280px;
    text-align: center;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 25%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 25%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.footer p { margin: 10px 0; }

.footer-logo { position: absolute; left: 0; width: 150px; }

/* SOCIAL LINKS */
.footer-social { padding: 30px 0 100px 0; }
.footer-social img { margin: 0 15px 0 15px; }
.footer-social img:hover { opacity: 0.8; }



/* SHOP / PRODUCT PAGES */
.shop-banner {
    position: relative;
    min-height: 185px;
    background: url(img/top-bkg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
}

.content-header { margin-top: 10px; }

.woocommerce .in-stock {
    display: none;
}

.product-area .labelprice {
    color: #333;
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-top: -10px;
}
.product-area .labelprice .price {
    font-family: "proxima_novaextrabold", sans-serif;
    font-weight: bold;
    font-size: 50px;
    height: 45px;
    padding-top: 5px;
}

.product-area .productImg img {
    position: relative;
    z-index: 2;
    width: 100%;
}

.product-area .right-col {
    padding-top: 40px;
    padding-left: 10px;
}

.product-area .quantity {
    margin-bottom: 20px;
    display: inline-block;
    float: left;
    font-size: 20px;
    color: #000;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.product-area .quantity label {
    margin: 0 0 0 5px;
    display: inline-block;
    font-size: 14px;
    top: -4px;
    position: relative;
    text-transform: uppercase;
    color: #999;
}
.woocommerce .quantity .qty {
    font-size: 17px;
    outline: none;
    border: 1px solid #eee;
    width: 50px;
    margin: 5px 2px 3px 0;
    padding: 4px 4px 4px 10px;
}

/* dont display remove item button on checkout (generated by quantity on checkout plugin) */
.woocommerce .woocommerce-checkout-review-order-table a.remove {
    display: none!important;
}

.product-area .shipping {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}
.product-area .shipping span {
    color: #fa7e02;
    font-weight: bold;
}

.product-mini .new_turmeric_button {
    margin: 0 auto;
    padding: 0;
    left: -6px;
    top: -1px;
}
.product-area .new_turmeric_button {
    left: -30px;
    margin: 0;
    padding: 0px;
}
.new_turmeric_button:hover {
    background-position: center 0;
}
.new_turmeric_button,
a.added_to_cart.wc-forward {
    background: #fb9b0a;
    border: none;
    border-radius: 30px;
    outline: none;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    width: 300px;
    height: 60px;
    cursor: pointer;
    display: block;
    position: relative;
}

.new_turmeric_button:hover,
a.added_to_cart.wc-forward:hover {
    background: #FF7721;
}

/* WOOCOMMERCE BUTTONS */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #fa7e02;
}
.woocommerce #respond input#submit.alt:active, .woocommerce a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce input.button.alt:active {
    background-color: #fa7e02;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #fa9a12;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
    font-size: 15px;
    height: 30px;
    display: block;
}

.woocommerce form .form-row {
    min-height: 77px;
}

/* THANK YOU PAGE */
.woocommerce-thankyou-order-received {
    font-size: 20px;
    margin-top: 15px !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    font-weight: bold;
    color: green;
}


/* MOBILE VIEWS */
@media (min-width: 1500px) { .container { width: 1470px; } }

@media (max-width: 1499px) {
    section.homepage-recipes {
        padding: 50px 0 50% 0;
    }

    section.homepage-banner .txt-cooking-with { font-size: 65px; line-height: 60px; }
    section.homepage-banner .txt-turmeric { font-size: 45px; line-height: 90px; }
    section.homepage-banner .heading-bkg { height: 180px; }
}

@media (max-width: 1399px) {
    .nav-logo { margin: 5px 5px 0 0; }

    section.homepage-recipes {
        padding: 20px 0 50% 0;
        font-size: 16px;
    }
    section.homepage-recipes .recipe-list li {
        text-indent: -10px;
        margin: 0;
        padding: 3px 0;
        line-height: 18px;
    }
    section.homepage-recipes h2 {
        font-size: 26px;
        margin: 30px 0 30px 0;
    }
}
/* Medium */
@media (max-width: 1199px) {
    .main-menu li a {
        font-size: 16px;
        padding: 35px 20px 5px 20px;
    }

    section.homepage-content h1 { font-size: 48px; }

    section.homepage-banner .txt-cooking-with { font-size: 50px; line-height: 60px; }
    section.homepage-banner .txt-turmeric { font-size: 35px; line-height: 60px; }
    section.homepage-banner .heading-bkg { height: 160px; }

    section.homepage-recipes h1 { font-size: 38px; margin: 10px 0 0 0; }
    section.homepage-recipes h2 { font-size: 24px; margin: 25px 0 25px 0; }

    section.homepage-deal-promo h1 { font-size: 100px; line-height: 100px; }
    section.homepage-deal-promo h2 { font-size: 40px; }
    section.homepage-deal-promo p { font-size: 28px; }
}

/* Small */
@media (max-width: 991px) {
    .main-menu li a {
        font-size: 15px;
        padding: 35px 20px 5px 20px;
    }
    .nav .container { width: 100%; }

    section.homepage-banner .container .row .left-col { padding-top: 100px; }

    section.homepage-banner .heading-bkg { top: 70px; }
    section.homepage-banner .txt-cooking-with { font-size: 40px; line-height: 60px; }
    section.homepage-banner .txt-turmeric { font-size: 28px; line-height: 40px; }

    section.homepage-banner .container .row .right-col { text-align: center; }


    #background-video { display: none; }
    section.homepage-recipes {
        padding: 20px 0 50px 0;
        font-size: 16px;
    }
    section.homepage-recipes .book-icon { float: none; margin: 0 0 25px 0; }
    section.homepage-recipes .aspect-container { position: relative; }

    section.homepage-deal-promo h3 { font-size: 40px; }
    section.homepage-deal-promo .price { font-size: 30px; margin-bottom: 1px; }
}

/* X-Small */
@media  (max-width: 767px) {

    h1 { font-size: 36px; margin: 15px 0 15px 0; }

    .mobileHidden { display: none; }
    .mobileShow { display: block; }

    .nav { height: 120px; }
    .main-menu li a {
        font-size: 15px;
        padding: 15px 15px 15px 15px;
    }

    .nav-logo { width: 140px; }

    section.homepage-banner .heading-bkg { top: 0; right: 0; height: 800px; }
    section.homepage-banner .container { top: 120px; }
    section.homepage-banner .container .row .left-col {
        position: relative;
        bottom: 0;
        padding-top: 25px;
    }
    section.homepage-banner .container .row .right-col { top: 0; }
    section.homepage-banner .limited-free-download { top: 0; margin: 20px 0; }

    section.homepage-banner .downloadable-ebook { margin-top: 40px; }

    section.homepage-content h1 { font-size: 35px; }

    section.homepage-recipes .recipe-list { padding-left: 15%; }

    .footer p { text-align: center; }
    .footer-logo { position: relative; }
    .footer-social { padding: 50px 0 50px 0; }
    .footer-social img { margin: 0 9px 0 9px; }

    section.homepage-deal-promo { background-size: 100% 70%; }
    section.homepage-deal-promo h1 { font-size: 60px; line-height: 60px; }
    section.homepage-deal-promo h2 { font-size: 24px; }
    section.homepage-deal-promo { background-size: 100% 70%; }
    section.homepage-deal-promo .offer-details { font-size: 20px; }
    section.homepage-deal-promo h3 { font-size: 40px; }
    section.homepage-deal-promo p { font-size: 20px; }
    section.homepage-deal-promo .price { font-size: 30px; margin-bottom: 1px; }
    section.homepage-deal-promo .plus-symbol {
        position: relative;
        top: 0;
        right: 0;
        line-height: 180px;
    }

    .product-area .right-col {
        padding: 0 20px;
    }

    .product-area .new_turmeric_button {
        left: auto;
    }

}

@media (max-width: 375px) {
    .main-menu li a {
        font-size: 15px;
        letter-spacing: 1px;
        padding: 5px 10px 5px 10px;
    }
    .nav-logo {
        width: 140px;
    }
    section.homepage-banner .txt-cooking-with { font-size: 40px; line-height: 60px; }
    section.homepage-banner .txt-turmeric { font-size: 50px; line-height: 60px; }
}