/*
Theme Name: Custom Theme
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: Rahul Saini
Author URI: https://www.techbelief.com/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,accessibility-ready
Version: 1.2.1595477388
Updated: 2020-07-23 06:09:48

*/



@font-face {
    font-family: Century Gothic;
    src: url(fonts/CenturyGothic.ttf);
  }

  @font-face {
    font-family: Century Schoolbook;
    src: url(fonts/CenturySchoolbookRegularfont.ttf);
  }

  @font-face {
    font-family: MyriadPro;
    src: url(fonts/MyriadPro-Regular.otf);
  }
  
html {
    max-width: 3840px;
    margin: 0 auto;
}

  html,body{
    overflow-x:hidden;
    }

body,p,a,div {
    font-family: "Gotham Book";
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Century Gothic" !important;
}


/* Body */

body {
    background: #fff;
}

/* Top Bar */

.top_bar {
    background: #000;
    float: left;
    width: 100%;
}

.top_bar .switcher.notranslate {
    float: right;
    margin-right: 2%;
}

.top_bar .switcher .option {
    position: absolute;
}


/* Header */


.star_icon img {
    width: 60px !important;
}

/* Search */

header.shop form.search-form {
    margin-right: 80px;
}

header.shop .search-form .search-field {
    width: 100%;
    padding-left: 40px;
}

header.shop form.search-form input.search-submit {
    position: absolute;
    background: none;
    color: transparent;
    background: url(images/search_icon.png);
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: 30% 35%;
    width: 20px;
}

li.menu-item.menu-item-gtranslate {
    display: none;
}



/* Header 2 */

.header-footer-group.two {
       background: none !important; 
}

.header-footer-group.two ul.primary-menu a {
    color: #000 !important;
}

/* Header Shop */

.header-footer-group.shop {
    background: none !important;
    border-bottom: 1px solid #000;
}

.header-navigation-wrapper.shop {
    background: #000;
    width: 100%;
}

.header-navigation-wrapper.shop ul#menu-shop-menu {
    display: inline-block;
    margin-bottom: 0;
}

.header-navigation-wrapper.shop li {
    float: left;
}

.header-navigation-wrapper.shop li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}


.page-template-layout-shop .mobile_logo {
    display: none;
}

@media screen and (max-width: 1078px){
    .page-template-layout-shop .site-logo.desktop {
        display: none !important;
    }

    .page-template-layout-shop .mobile_logo {
        display: block !important;
    }

    header.shop form.search-form {
        display: none !important;
    }

    }



/* Home */

/*
body.home {
    background: url(/wp-content/themes/custom/images/fynbos_retouched.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
} */

@media screen and (max-width: 575px) {
    body.home {
        background-position: 50%;
    }
}


.bg-home {
    text-align: center;
    color: #fff;
}

.bg-home .logo {
    padding-top: 10%;
}


.virtual_buttons a {
    color: #fff;
}

.virtual_buttons a:hover {
    color: #fff !important;
}

h2.virtual_tour {
    margin-top: 100px;
    font-weight: normal;
}

.virtual_buttons {
    margin-top: 100px;
}

.virtual_buttons a {
    color: #fff;
    padding: 10px;
    border: 1px solid;
    border-radius: 0;
    text-decoration: none;
}

.virtual_buttons a:first-child {
    margin-right: 20px;
}

.bg-home svg {
    width: 500px;
    margin: 0 auto;
    padding: 100px;
}

.bg-home g.logo-inner {
    fill: #fff !important;
}

.bg-home g.nav-circular-item {
    fill: #fff !important;
}

.bg-home a.nav-circular-link {
    fill: #fff !important;
}


body.home polygon {
    display: none !important;
}


@media screen and (min-width: 768px){
    .virtual_buttons a {
        font-size:30px;
    }
}


/* Ingredients */
/*
body.page-id-31 {
    background: url(/wp-content/themes/custom/images/ingredients_bg.jpg);
    background-size: cover;
    background-position: 0 5%;
    background-repeat: no-repeat;
} */

body.page-template-lander header#site-header {
    background: none;
}

@media screen and (min-width: 1000px){

body.page-template-lander footer#site-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
}

}

.row.foot_blocks .col-lg-4 {
    padding: 0 !important;
}

.row.foot_blocks .col-lg-3 {
    padding: 0 !important;
}

body.page-template-our_range .row.foot_blocks.products a {
    color: #000 !important;
}

body.page-template-our_range .row.foot_blocks.products .line {
    background: #000 !important;
}

@media screen and (min-width: 767px){
.ingredients_blocks .elementor-column-wrap.elementor-element-populated {
    padding: 0 !important;
}

}


/* Process */

/*

body.page-id-33 {
    background: url(/wp-content/themes/custom/images/process/process_bg.jpg);
    background-size: cover;
    background-position: 0 5%;
    background-repeat: no-repeat;
}
*/



/* Origin */

/*
body.page-id-53 {
    background: url(/wp-content/themes/custom/images/origin/origin_bg.jpg);
    background-size: cover;
    background-position: 0 5%;
    background-repeat: no-repeat;
}
*/


/* Spirit */

/*
body.page-id-35 {
    background: url(images/spirit/spirit_bg.jpg);
    background-size: cover;
    background-position: 0 5%;
    background-repeat: no-repeat;
}
*/

/* Our Range */
/*
body.page-id-29 {
    background: url(/wp-content/themes/custom/images/our-range/range_bg.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #000 !important;
}
*/
.ourrange .content {
    max-width: 1080px;
    margin: 0 auto;
}

.ourrange h3, .ourrange p {
    color: #fff !important;
}



@media screen and (max-width: 1080px){
    .ourrange .content {
        max-width: 80%;
        margin: 0 auto;
    }
}


/* Gin Amber */
body.page-template-layout-product header#site-header {
    background: none;
}


/* A Special Product */ 

body.page-id-224 .header-footer-group.two ul.primary-menu a {
    color: #fff !important;
}



/* Contact Form */

form.hf-form label {
    color: #fff;
}

form.hf-form input[type="submit"] {
    background: none;
    border: 1px solid #fff;
}

form.hf-form input[type="submit"]:hover {
    color: #fff;
    text-decoration: none;
}

/* Search Page */

.curve_bottom_right {
    display: block;
}

.curve_bottom_right img {
    width: 200px;
    float: right;
    margin-right: 10%;
    margin-bottom: 50px;
}




/* General */

body.page-template-lander {
    background-attachment: fixed;
}

@media screen and (min-width: 1000px){
    body.page-template-lander header#site-header {
        position: fixed;
        width: 100%;
    }
}

header#site-header {
    background: #000;
}

.text_black h2 {
    color: #000 !important;
    font-weight: normal !important;
}


ul.primary-menu a {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 14px;
}

header.entry-header {
    display: none;
}

.text_white {
    color: #fff !important;
}

.top0 {
    padding-top: 0 !important;
}

.bottom0 {
    padding-bottom: 0 !important;
}

@media screen and (min-width: 1081px){

.header-navigation-wrapper {
    width: 75%;
}

ul.primary-menu {
    justify-content: left;
}
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 80%;
}



/* Footer */

footer#site-footer {
    background: #000;
    padding: 0;
}

footer#site-footer .header-navigation-wrapper {
    width: 100%;
}

footer#site-footer ul.primary-menu {
    width: 100%;
    justify-content: center;
}

footer#site-footer ul.primary-menu a {
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
}

.footer-nav-widgets-wrapper.header-footer-group {
    display: none;
}

.foot_blocks .col-lg-4 {
    height: 223px;
    background-size: cover !important;
}

.foot_blocks .col-lg-3 {
    height: 223px;
    background-size: cover !important;
}

.row.foot_blocks h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 23pt;
    letter-spacing: 5px;
}

.row.foot_blocks h3 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 13pt;
    letter-spacing: 3px;
}

.row.foot_blocks a {
    text-decoration: none !important;
    color: #fff !important;
}

.foot_blocks .line {
    height: 1px;
    width: 200px;
    margin: 0 auto;
    background: #fff !important;
    margin-top: 10px;
}


@media (min-width: 700px){
    footer#site-footer .section-inner {
    max-width: 100%;
       padding: 20px 0; 
}

body.page-template-layout-shop footer#site-footer .section-inner {
       padding: 0 !important; 
}




}



body.page-template-layout-product .content.layout3 {
    background: url(/wp-content/uploads/2020/08/BACKGROUND-PATTERN-1.png);
    background-size: 100% auto;
}


/* Layout Common */

body.page-template-layout-common {
    background-color: #000 !important;
    color: #fff !important;
}

body.page-template-layout-common div, body.page-template-layout-common h3, body.page-template-layout-common p {
    color: #fff;
}



/* Layout 2 */

.content.layout2 {
    padding: 0 50px;
    margin-top: 0;
}


.footer-footer-group.two {
    background: #000 !important;
}


.footer-footer-group.two .section-inner{
    margin-bottom: 0 !important;
    padding-bottom: 20px !important;
}



/* Layout 3 */

.page-template-layout3 header#site-header {
    background: #000 !important;
    position: static;
    width: 100%;
}



body.page-template-layout3 h2 {
    font-weight: normal;
}

.text_copy h2 {
    font-weight: normal;
}

.banner {
    background-size: cover !important;
    height: 810px;
    color: #fff;
}

/*
.banner {
    margin-top: -103px;
}
*/

.banner img {
    width: 100%;
}


.banner h3 {
    font-weight: normal;
}

.banner.magic {
    background: url(images/magic_bg.jpg);
}


.banner.botanical {
    background: url(images/botanical_benefits.jpg);
}

.banner.creativity {
    background: url(images/origin/homeofcreativity.jpg);
}

.banner.sleepingbeauty {
    background: url(images/origin/sleeping_beauty_bg_new.jpg);
}

.banner.african {
    background: url(images/process/african_bg.jpg);
}

.banner.gin {
    background: url(images/process/gin_bg.jpg);
}

.banner.praise {
    background: url(images/process/praise_bg_new.jpg);
}
.banner.leadingcharge {
    background: url(images/spirit/leading_bg.jpg);
}
.banner.growingfamily {
    background: url(images/spirit/growingfamily.jpg);
}

/*
.banner.ginamber {
    background: url(images/products/gin-amber/gin_amber_bg.jpg);
}

.banner.ginclassic {
    background: url(images/products/gin-classic/gin_classic_bg.jpg);
} 
.banner.ginverdant {
    background: url(images/products/gin-verdant/gin_verdant_bg.jpg);
} */


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

    .banner {
        margin-top: 0 !important;
    }

    .banner {
        height: 600px !important;
    }

    .recipe_text {
        text-align: center !important;
    }

    .banner.ginamber {
        background: url(images/mobile/our-range/gin_amber.jpg);
    }
    .banner.ginclassic {
        background: url(images/mobile/our-range/gin_classic.jpg);
    }
    .banner.ginverdant {
        background: url(images/mobile/our-range/verdant_bg.jpg);
    }
    
    


    footer#site-footer .section-inner {
        display: none !important;
    }

}


@media screen and (max-width: 575px){
    .foot_blocks .line {
        width: 100% !important;
    }
}



.bannericon {
    text-align: right;
}

.bannericon img {
    display: inline-block;
    width: 200px !important;
    margin-right: 20px;
}

section.top_text {
    padding-top: 20px;
    padding-bottom: 0;
}

/*
section.bottom_text {
    padding-top: 20px;
    padding-bottom: 100px;
    background: url(images/shapes/double_curve.png); 
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 0 60%;
}

section.top_text2 {
    padding-top: 20px;
    padding-bottom: 0;
    background: url(images/shapes/double_curve.png); 
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 0 60%;
}

section.bottom_text2 {
    padding-top: 20px;
    padding-bottom: 100px;
    background: url(images/shapes/right_curve.png); 
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 100% 0;
}
*/


.text_copy {
    padding-top: 40px;
    padding-bottom: 0;
}


.img_block {
    padding-top: 20px;
    padding-bottom: 20px;
}

.text_copy.last {
    padding-bottom: 100px;
}


/* Layout Shop */


.page-template-layout-shop h2{
    color: #000 !important;
    font-weight: normal !important;
}


.top_screen .elementor-container.elementor-column-gap-default {
    max-width: 100% !important;
}

.top_screen .elementor-column-wrap.elementor-element-populated {
    padding: 0 !important;
}


.page-template-layout-shop footer#site-footer .header-navigation-wrapper {
    padding: 20px !important;
}


@media screen and (max-width: 575px){
a.buy_product {
    font-size: 18px;
}

a.buy_product img {
    max-width: 150px !important;
}
}






/* Footer Shop */

ul.social_icons {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    text-align: right;
    padding-right: 10%;
}

ul.social_icons li {
    float: right;
    color: #fff;
    list-style: none;
}

ul.social_icons li a {
    font-size: 15px;
    color: #fff;
}


/* Layout Product */

body.page-template-layout-product {
    background-color: #000 !important;
}


body.page-template-layout-product .text_copy h1, body.page-template-layout-product .text_copy h2, body.page-template-layout-product .text_copy h3, body.page-template-layout-product .text_copy h4, body.page-template-layout-product .text_copy h5, body.page-template-layout-product .text_copy h6, body.page-template-layout-product .text_copy p {
    color: #fff;
}

.nomargintext h3 {
    margin-bottom: 0;
}

.nomargintext h4 {
    margin-top: 0;
}


.recipe_text h3 {
    margin-bottom: 0;
}

.recipe_text h5 {
    margin-top: 0;
}

.foot_blocks .col-lg-3, .foot_blocks .col-lg-4 {
    display: flex;
    justify-content: center;
    align-items: center;
}




/* Botanical Benefits */

.botanical_text h3 {
    font-weight: normal;
}



@media screen and (min-width: 1079px){

div.banner .row {
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 15%;
}

}



a.book_border {
    border: 1px solid #fff;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
}


.nopadding .elementor-column-wrap.elementor-element-populated {
    padding: 0 !important;
}

.textright{
    text-align: right;
}

.text_black { color: #000 !important; }

.head_nomargin h4 {
    margin-bottom: 0;
    font-weight: normal;
}

.head_nomargin h5 {
    margin-top: 0;
    font-weight: normal;
}


.top0 {
    padding-top: 0;
}

.bottom50 {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px){
.hide_desk {
    display: block;
}
.hide_mobile {
    display: none;
}
}

@media screen and (min-width: 768px){
.hide_mobile {
    display: block;
}
.hide_desk {
    display: none;
}
}






/* Shop Range */

/* Gin Amber */

.paddingzero .elementor-column-wrap.elementor-element-populated {
    padding: 0 !important;
}

.main_block img {
    width: 200px !important;
}




/* Backgrounds */


.curve_bg {
    background-repeat: no-repeat !important;
}

/*

.curve_up_center {
    background: url(/wp-content/themes/custom/images/shapes/face_up_curve.png);
    background-size: 200px;
    background-position: 50% 0%;
}

.curve_up_left_bottom {
    background: url(/wp-content/themes/custom/images/shapes/face_up_curve.png);
    background-size: 200px;
    background-position: 5% 100%;
}

.top_left_curve {
    background: url(/wp-content/themes/custom/images/shapes/face_up_curve.png);
    background-size: 200px;
    background-position: 0 0%;
}

.bottom_left_curve {
    background: url(/wp-content/themes/custom/images/shapes/face_down_curve.png);
    background-size: 200px;
    background-position: 0 0%;
}

.top_right_curve {
    background: url(/wp-content/themes/custom/images/shapes/face_up_curve.png);
    background-size: 200px;
    background-position: 90% 0%;
}


section.curve_double_left {
    background: url(/wp-content/themes/custom/images/shapes/double_curve.png);
    background-size: 200px;
    background-position: 5% 100%;
}

section.curve_double_right {
    background: url(/wp-content/themes/custom/images/shapes/double_curve.png);
    background-size: 200px;
    background-position: 100% 100%;
}

section.curve_updown_left {
    background: url(/wp-content/themes/custom/images/shapes/up_down_curve.png);
    background-size: 200px;
    background-position: 5% 100%;
}

.curve_updown_right {
    background: url(/wp-content/themes/custom/images/shapes/up_down_curve.png);
    background-size: 200px;
    background-position: 100% 100%;
}

section.curve_up_down_grey_left {
    background: url(/wp-content/themes/custom/images/curve_up_down_grey.png);
    background-size: 200px;
    background-position: 5% 100%;
}

section.curve_up_down_grey_right {
    background: url(/wp-content/themes/custom/images/curve_up_down_grey.png);
    background-size: 200px;
    background-position: 100% 100%;
}

section.right_curve {
    background: url(/wp-content/themes/custom/images/right_curve.png);
    background-size: 200px;
    background-position: 100% 100%;
}

section.curve_double_grey_left {
    background: url(/wp-content/themes/custom/images/curve_double_grey.png);
    background-size: 200px;
    background-position: 5% 100%;
}

section.curve_down_grey_left {
    background: url(/wp-content/themes/custom/images/curve_down_grey.png);
    background-size: 200px;
    background-position: 10% 100%;
}


section.curve_down_grey_right {
    background: url(/wp-content/themes/custom/images/curve_down_grey.png);
    background-size: 200px;
    background-position: 80% 100%;
}

section.curve_down_bottom_right {
    background: url(/wp-content/themes/custom/images/shapes/face_down_curve.png);
    background-size: 200px;
    background-position: 100% 100%;
}
*/

section.min_onefifty {
    min-height: 150px;
}


/* Sleeping beauty */

body.page-id-125 .curve_updown_right {
    background-position: 90% 90%;
}

/*

body.page-id-125 .content.layout3 {
    background: url(/wp-content/themes/custom/images/right_curve.png);
    background-size: 200px;
    background-position: 100% 40%; 
    background-repeat: no-repeat !important;
}

*/

/* African Alchemy  */

/*

body.page-id-155 .content.layout3 {
    background: url(/wp-content/themes/custom/images/left_curve.png);
    background-size: 200px;
    background-position: 0% 10%; 
    background-repeat: no-repeat !important;
}
*/

body.page-id-155 section.curve_updown_left {
    background-size: 15%;
}



/* Botanical Benefits */

/*
body.page-id-85 .content.layout3 {
    background: url(/wp-content/themes/custom/images/left_curve.png);
    background-size: 200px;
    background-position: 0% 35%; 
    background-repeat: no-repeat !important;
}

section.curve_double_left {
    background-position: 0% 100%;
    background-size: 10%;
}



body.page-id-43 .content.layout3 {
    background: url(/wp-content/themes/custom/images/curve_double_grey.png);
    background-size: 200px;
    background-position: 90% 0;
    background-repeat: no-repeat !important;
}
*/


/* visit us page */

/*

body.page-id-41 .content.layout3 {
    background: url(/wp-content/themes/custom/images/left_curve_grey.png);
    background-size: 200px;
    background-position: 0 50%;
    background-repeat: no-repeat !important;
}

/* contact page */

/*
body.page-id-45 .content.layout3 {
    background: url(/wp-content/themes/custom/images/right_curve_grey.png);
    background-size: 200px;
    background-position: 100% 75%;
    background-repeat: no-repeat !important;
}
*/



/* Mobile */


.banner_lander2.show_mobile {
    display: none !important;
}

.banner_product.show_mobile {
    display: none !important;
}

.header-titles-wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: left;
    padding: 0 4rem;
    text-align: left;
    padding-left: 0;
}

@media screen and (min-width: 1079px){
body.page-template-lander footer#site-footer {
    position: fixed;
}
}

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

.page-template-layout3 header#site-header {
    background: #000 !important;
    position: inherit !important;
}

header#site-header {
    background: #000 !important;
}

.header-inner.section-inner {
    padding: 10px;
}

button.toggle.nav-toggle.mobile-nav-toggle {
    margin-top: 20px;
    margin-right: 20px;
}

.header-inner .toggle {
    padding: 0 1rem;
}

.banner {
    height: 650px;
}

.banner .row {
    padding-top: 25%;
}    


body.page-template-layout-shop .content {
    padding: 0 100px;
}


}

@media screen and (max-width: 1000px){
.bg-home .logo {
    padding-top: 20%;
}
.content.layout3 {
    padding: 0 50px;
}
}

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

    body {
        background-size: cover  !important;
    }

    /*
    .banner {
        height: 600px;
    } */
    
    .banner .row {
        padding-top: 45%;
    }    

    .row.foot_blocks h2 {
        font-size: 15pt;
    }

    body.page-template-layout-shop .content {
        padding: 0 80px;
    }

    .banner_lander2.show_desktop {
        display: none !important;
    }

    .banner_lander2.show_mobile {
        display: flex !important;
    }

    .banner_product.show_desktop {
        display: none !important;
    }

    .banner_product.show_mobile {
        display: flex !important;
    }

    a.custom-logo-link img {
        width: 200px !important;
    }

}


@media screen and (max-width: 575px){
    .bg-home .logo {
        padding-top: 25%;
    }
    }

    @media screen and (max-width: 1400px){
    div.banner_product {
        height: 717px;
    }
}

@media screen and (max-width: 1350px){
    div.banner_product {
        height: 700px;
    }
}






.menu-modal-inner {
    background: #000 !important;
}

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    color: #fff !important;
}

button.toggle.close-nav-toggle.fill-children-current-color {
    margin-top: 20px;
    color: #fff !important;
}


@media screen and (max-width: 480px){
body.page-template-layout-shop .content {
    padding: 0 60px;
}

}

/* Recipe Block */

.recipe_block h4 {
    margin-bottom: 0;
}

.recipe_block h5 {
    margin-top: 0;
}

form.age-gate-form {
    background: none !important;
}

.age-gate-heading.age-gate-logo img {
    max-width: 70%;
    margin: 0 auto;
}

p.age-gate-message {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 30px;
}

p.age-gate-challenge {
    margin-top: 100px;
    font-size: 22px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767x){
    p.age-gate-challenge {
        font-size: 18px;
    }
}

button.age-gate-submit-yes {
    background: none !important;
    border: 1px solid;
    text-decoration: none;
}

button.age-gate-submit-no {
    background: none !important;
    border: 1px solid;
    text-decoration: none;
}


.content.layout_quiz {
    max-width: 100%;
    margin: 0 auto;
}

.row.buttons {
    margin-top: 20px;
}

form#quiz_form input[type="radio"] {
    margin-left: 20px !important;
    margin-right: 10px !important;
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox;    /* Firefox */
    -ms-appearance: checkbox;     /* not currently supported */
}

form#quiz_form button {
    background: #000;
    border-radius: 0 !important;
    padding: 5px 20px;
    font-size: 20px;
}

body.page-template-quiz footer#site-footer {
    padding: 5px;
}

p#error_msg {
    color: red;
    border: 1px solid;
    padding: 0 10px;
}

form#quiz_form2 {
    text-align: center;
    margin-bottom:  100px;
}

form#quiz_form2 h2 {
    font-weight: normal;
}

form#quiz_form2 input[type="email"] {
    width: 50%;
    margin: 0 auto;
}


form#quiz_form2 input[type="submit"] {
    width: 200px;
    background: none;
    border: 1px solid #000;
    text-transform: capitalize;
    color: #000 !important;
    margin-top: 10px;
    font-size: 30px;
    padding: 5px 15px;
    text-decoration: none !important;
}

.row.quiz_result_div {
    text-align: center;
}

.row.quiz_result_div a.buy_product img {
    width: 175px;
}

.lower_quiz_block {
    margin-top: 50px;
}



@media screen and (max-width: 1079px){
.content.layout_quiz {
    padding: 0 80px;
    max-width: 100%;
}
}


ul.progress_line li {
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2em;
    border-radius: 1em;
    background: #000;
    margin: 0 1em;
    display: inline-block;
    color: white;
    position: relative;
  }
  
  ul.progress_line li::before{
    content: '';
    position: absolute;
    top: .9em;
    left: -4em;
    width: 4em;
    height: .2em;
    background: #000;
    z-index: -1;
  }
  
  
  ul.progress_line li:first-child::before {
    display: none;
  }
  
  ul.progress_line .active {
    background: #000;
  }
  
  ul.progress_line .active ~ li {
    background:#656363;
  }
  
  ul.progress_line .active ~ li::before {
    background:#656363;
  }

  ul.progress_line {
    margin-top: 40px;
    text-align: left;
    margin-bottom: 80px;
}

form#quiz_form3 {
    margin-top: 30px;
    display: inline-block;
}

form#quiz_form3 input[type="submit"] {
    text-decoration: none !important;
}


div.thankyou_quiz_block{
    margin-top: 40px;
    text-align: center;
    min-height: 200px;
}


body.page-template-lander2 {
    background-color: #000 !important;
}

body.page-template-lander2 #site-header {
    background: none !important;
}

/*
.banner_lander2.show_desktop {
    margin-top: -100px;
}
*/
}

/*

.banner_product.show_desktop {
    margin-top: -100px;
}

body.page-id-29 .banner_lander2.show_desktop {
    margin-top: -20px;
}
*/


.recipe_block {
    color: #000 !important;
}

.recipe_block h4 {
    font-weight: normal;
}


@media screen and (max-width: 1078px){
.hide_mobile {
    display: none !important;
}
}


.spacer70 {
    height: 70px;
}

.spacer100 {
    height: 70px;
}


@media screen and (min-width: 1079px){

.top50 {
    padding-top: 50px;
}

.padding_left_right_100 {
    padding-left: 100px;
    padding-right: 100px;
}

.padding_top_80 {
    padding-top: 80px;
}

.padding_right_100 {
    padding-right: 100px;
}

.padding_top_100 {
    padding-top: 100px;
}

.bottom100 {
    padding-bottom: 100px;
}

}



body.page-template-layout-product .recipe_text {
    color: #fff !important;
}


.row.foot_blocks a:hover {
    opacity: 0.8;
}



.star_icon {
    float: right;
}


nav.primary-menu-wrapper li {
    opacity: 0.9;
}

nav.primary-menu-wrapper li:hover {
    opacity: 1;
}

nav.primary-menu-wrapper li.current-menu-item {
    font-weight: bold;
    opacity: 1;
}


@media (min-width: 1000px){
.primary-menu-wrapper {
    display: block;
    width: 100%;
    float: left;
}
}




@media screen and (min-width: 1079px){

    /*

    body.page-template-lander2 header#site-header {
        position: fixed;
        width: 100%;
        top: 0;
    }

    body.page-template-lander2 footer#site-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    */

 

}

@media screen and (min-width: 1000px){
ul.social_icons {
    width: 20%;
    position: static;
    bottom: 20px;
    right: 0;
}
}

.bg-home a.custom-logo-link {
    width: auto;
    float: none !important;
}

a.custom-logo-link {
    margin-left: 20px;
    float: left;
}

a.custom-logo-link img {
    width: 250px;
}

section.take_quiz_banner .elementor-container.elementor-column-gap-default {
    max-width: 100% !important;
}

@media screen and (max-width: 999px) {
    a.custom-logo-link {
        margin-left: 0 !important;
        float: left !important;
    }
}


body.page-id-793 footer#site-footer {
    margin-top: 50px !important;
}


/* Text Shadows */


.banner, .banner h3 {
    text-shadow: 1px 2px 2px #000;
}

body.page-template-lander {
    background-size: 100% auto !important;
}

.row.foot_blocks, .row.foot_blocks h2 {
    text-shadow: 1px 2px 1px #000;
}



/* Backgrounds */

body.page-template-layout-product {
    background: #000;
}

@media screen and (min-width: 769px){

    body.page-template-layout-common {
        background: url(images/backgrounds/bg_black.png) !important;
        background-size: 100% !important;
        background-color: #000 !important;
    }

    body.page-template-default {
        background: url(images/backgrounds/bg_grey.png);
        background-size: 100%;
    }

    body.page-template-layout2 {
        background: url(images/backgrounds/bg_black.png);
        background-size: 100%;
    }
/*
    body.page-template-layout-shop {
        background: url(images/backgrounds/bg_black.png);
        background-size: 100%;
    }
    */

    body.page-template-quiz {
        background: url(images/backgrounds/bg_grey.png);
        background-size: 100%;
    }

    body.page-template-layout3 {
        background: url(images/backgrounds/bg_grey.png);
        background-size: 100%;
    }

    body.page-template-layout-inner {
        background: url(images/backgrounds/bg_grey.png);
        background-size: 100%;
    }

}

body.page-template-layout2 {
    background-color: #000 !important;
}



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

    body.page-template-layout-common {
        background: url(images/backgrounds/mobile/bg_black.png);
        background-size: 100%;
    }

    body.page-template-default {
        background: url(images/backgrounds/mobile/bg_grey.png);
        background-size: 100%;
    }

    body.page-template-layout2 {
        background: url(images/backgrounds/mobile/bg_black.png);
        background-size: 100%;
    }
/*
    body.page-template-layout-shop {
        background: url(images/backgrounds/mobile/bg_black.png);
        background-size: 100%;
    }
*/
    body.page-template-quiz {
        background: url(images/backgrounds/mobile/bg_grey.png);
        background-size: 100%;
    }

    body.page-template-layout3 {
        background: url(images/backgrounds/mobile/bg_grey.png);
        background-size: 100%;
    }

    body.page-template-layout-inner {
        background: url(images/backgrounds/mobile/bg_grey.png);
        background-size: 100%;
    }

}




body.page-id-29 {
    background-position: 0 140px !important;
}


body.page-template-tour-tasting h1, body.page-template-tour-tasting h3, body.page-template-tour-tasting p, body.page-template-tour-tasting label, body.page-template-tour-tasting input {
    color: #000 !important;
}


body.page-template-tour-tasting input, body.page-template-tour-tasting textarea {
    border: 2px solid #000 !important;
}


body.page-template-tour-tasting input[type="submit"]:hover {
    color: #fff !important;
    background: #000 !important;
}

body.page-template-tour-tasting textarea.form-control.form-control-sm {
    border: 2px solid #000;
}



@media (min-width: 1000px){
.header-inner {
    padding: 1rem 0 !important;
}
}


.row.foot_blocks .col-lg-3, .row.foot_blocks .col-lg-4 {
    outline: 2px solid #fff;
    outline-offset: -10px;
}


body.page-template-layout-shop {
    background: #000 !important;
}

.main_box {
    width: 100%;
    float: left;
    border: 1px solid #fff;
}

.main_box .left_box {
    width: 30%;
    float: left;
}

.main_box .right_box {
    width: 70%;
    float: left;
    color: #fff;
}

.right_box .line {
    height: 1px;
    background: #fff;
    width: 90%;
    margin: 0 auto;
}

.main_box .right_box h2 {
    font-size: 30px;
    color: #fff !important;
}

.main_box .right_box h4 {
    font-size: 20px;
    color: #fff;
}

.main_box p {
    margin-top: 20px;
    color: #fff;
}

.main_box .right_box h2 {
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}

.main_box .right_box h4 {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}


.main_box p.btn_block {
    margin-top: 0;
}


p.btn_block {    
    display: table;
    margin: 0 auto;
}


a.buy_product {
    color: #fff;
    border: 1px solid #fff;
    font-size: 30px;
    float: left;
    padding: 10px 10px;
    padding-top: 0;
    padding-bottom: 0;
}

.main_box p.btn_block a {
    color: #fff;
    padding: 10px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-flex;
}

a.buy_product span {
    float: left;
}


.grey_strip {
    background: #121517;
    padding: 30px 0 !important;
}


.grey_strip h3 {
    color: #fff !important;
}

.grey_strip p {
    margin-bottom: 0;
}


a.quiz_btn {
    color: #fff;
    border: 1px solid #fff;
    font-size: 40px;
    padding: 20px;
    /* padding-right: 10px; */
}



@media screen and (min-width: 768px){
    .grey_strip h3 {
        position: relative;
        top: 10px;
    }
}


@media screen and (max-width: 767px){
.main_box {
    padding: 20px;
}

.main_box .left_box {
    width: 100%;
    float: left;
    text-align: center;
}

.main_box .right_box {
    width: 100%;
    float: left;
}

.main_box .left_box img {
    margin: 0 auto;
}

a.quiz_btn {
    padding: 10px;
    margin-top: 10px !important;
    display: inline-block;
}


}


ul.primary-menu a {
    font-family: "Century Gothic";
}
/*
.row.foot_blocks h2, .row.foot_blocks h3 {
    font-family: "Century Schoolbook" !important;
} */

section#main_text p {
    font-family: "Century Gothic" !important;
}


body.page-template-layout-product h2.elementor-heading-title {
    font-family: "Century Schoolbook" !important;
}

section#signature_block p {
    font-family: "Century Gothic" !important;
}

section#signature_block h3 {
    font-family: "Century Schoolbook" !important;
}

section#signature_block h5 {
    font-family: "Century Gothic" !important;
}

section#recipe_block h3 {
    font-family: "Century Schoolbook" !important;
    text-transform: uppercase;
}

section#recipe_block h5 {
    font-family: "Century Gothic" !important;
}


section#recipe_block p {
    font-family: "Century Gothic" !important;
}


/* Shop Page */

#grey_strip_section h3 {
    font-family: "Century Schoolbook" !important;
}

.main_box p {
    font-family: "Century Gothic" !important;
}

section#shop_box_section h3 {
    font-family: "Century Schoolbook" !important;
}

section#shop_box_section h5 {
    font-family: "Century Gothic" !important;
}

div.banner_lander2 h1 {
    font-family: "Century Schoolbook" !important;
}

div.banner_product h1 {
    font-family: "Century Schoolbook" !important;
}

.curve_bg p {
    font-family: "Century Gothic" !important;
}



@media screen and (min-width: 1441px) and (max-width: 1920px){

a.custom-logo-link img {
    width: 350px;
}

.header-inner.section-inner {
    width: calc(100% - 18rem);
}

ul.primary-menu a {
    font-size: 15pt;
}

section#main_text p {
    font-size: 24pt;
}


body.page-template-layout-product h2.elementor-heading-title {
    font-size: 78.5pt;
}

section#signature_block p {
    font-size: 20pt;
}

section#signature_block h3 {
    font-size: 48pt;
}

section#signature_block h5 {
    font-size: 28pt;
}

section#recipe_block h3 {
    font-size: 25pt;
}

section#recipe_block h5 {
    font-size: 18pt;
}


section#recipe_block p {
    font-size: 14pt;
}

/* Shop Page */

#grey_strip_section h3 {
    font-size: 30pt;
}

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%;
}

video.elementor-video {
    width: 100% !important;
}

.main_box {
    min-height: 440px;
}

.main_box p {
    font-size: 14pt;
}

/* Creative Collection */

div.banner_lander2 h1 {
    font-size: 67pt;
}

div.banner_product h1 {
    font-size: 67pt;
}

.curve_bg p {
    font-size: 24pt;
}


.main_box .content {
    min-height: 265px;
}

}

@media screen and (min-width: 1000px) {
.primary-menu li:first-child {
    margin-left: 0;
}

.header-titles-wrapper {
    padding-right: 0;
}
}


@media screen and (min-width: 1000px) and (max-width: 1440px){


ul.primary-menu a {
    font-size: 14px;
}

section#main_text p {
    font-size: 21pt;
}

body.page-template-layout-product h2.elementor-heading-title {
    font-size: 52.5pt;
}


section#signature_block h3 {
    font-size: 38pt;
}

section#signature_block h5 {
    font-size: 20pt;
}

section#signature_block p {
    font-size: 18pt;
}



section#recipe_block h3 {
    font-size: 25pt;
}

section#recipe_block h5 {
    font-size: 18pt;
}


section#recipe_block p {
    font-size: 14pt;
}


/* Shop Page */

#grey_strip_section h3 {
    font-size: 29pt;
}

.main_box {
    min-height: 400px;
}

.main_box p {
    font-size: 13pt;
}



/* Creative Collection */

div.banner_lander2 h1 {
    font-size: 67pt;
}

div.banner_product h1 {
    font-size: 67pt;
}

.curve_bg p {
    font-size: 20pt;
}

.main_box .content {
    min-height: 220px;
}

}


@media screen and (max-width: 1350px) {
ul.primary-menu a {
    font-size: 11pt;
}
}


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

    .header-titles-wrapper {
        margin-right: 50px;
    }

    ul.primary-menu a {
        font-size: 10pt;
    }

}


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

    ul.primary-menu a {
        font-size: 9pt;
    }

}

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

    ul.primary-menu a {
        font-size: 8pt;
    }

}