/*@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;600;700&family=Kaushan+Script&family=Lora:wght@400;500;600;700&display=swap'); font-family: 'Dosis', sans-serif; font-family: 'Kaushan Script', cursive; font-family: 'Lora', serif; */ @font-face { font-family: 'Mabry Pro'; src: url('../fonts/MabryPro-Light.eot'); src: local('Mabry Pro Light'), local('MabryPro-Light'), url('../fonts/MabryPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-Light.woff2') format('woff2'), url('../fonts/MabryPro-Light.woff') format('woff'), url('../fonts/MabryPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Mabry Pro'; src: url('../fonts/MabryPro-Regular.eot'); src: local('Mabry Pro'), local('MabryPro-Regular'), url('../fonts/MabryPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-Regular.woff2') format('woff2'), url('../fonts/MabryPro-Regular.woff') format('woff'), url('../fonts/MabryPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'footlight_mt_probold'; src: url('../fonts/footlightmtprobold-webfont.woff2') format('woff2'), url('../fonts/footlightmtprobold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'footlight_mt_proregular'; src: url('../fonts/footlightmtproregular-webfont.woff2') format('woff2'), url('../fonts/footlightmtproregular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body, html{font-family: 'Mabry Pro', serif;} body{font-size: 18px; line-height: 1.4; color: #7c7c7c; background: #efece5; font-weight: 300} h1,h2,h3,h4,h5,h6{ text-transform: none; color: #965a3e; font-family: 'footlight_mt_probold' } .h1, .h2, .h3 { text-transform: none;} h3{ font-size: 32px;} img{ max-width: 100%; height: auto;} a{ color: #965a3e} a:hover{ color: #965a3e; text-decoration: underline} .elementor-widget-image-box .elementor-image-box-title a{color: #965a3e;} .btn{ background: #373f43; color: #fff; padding: 10px 15px; font-size: 18px; font-family: 'footlight_mt_probold', sans-serif;} .btn:hover, .btn:focus{background: #273237; color: #fff;} .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle{background-color: #273237;} .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover{background-color: #273237;} .btn-primary.disabled:hover, .btn-primary:disabled:hover, .btn-primary.disabled:hover, .btn-primary:disabled:hover, .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:focus{ background-color: #273237;} .btn-comment, .btn-comment-inverse{height: auto;} .btn.btn-touchspin{ color: #000;} .pl-50{ padding-left: 50px;} .pl-40{ padding-left: 40px;} .pl-30{ padding-left: 30px;} .pl-20{ padding-left: 20px;} .pl-10{ padding-left: 10px;} .pr-50{ padding-right: 50px;} .pr-40{ padding-right: 40px;} .pr-30{ padding-right: 30px;} .pr-20{ padding-right: 20px;} .pr-10{ padding-right: 10px;} .pt-50{ padding-top: 50px;} .pt-40{ padding-top: 40px;} .pt-30{ padding-top: 30px;} .pt-20{ padding-top: 20px;} .pt-10{ padding-top: 10px;} .mb-50{ margin-bottom: 50px;} .mb-40{ margin-bottom: 40px;} .mb-30{ margin-bottom: 30px;} .mb-20{ margin-bottom: 20px;} .mb-10{ margin-bottom: 10px;} .ml-50{ margin-left: 50px;} .ml-40{ margin-left: 40px;} .ml-30{ margin-left: 30px;} .ml-20{ margin-left: 20px;} .ml-10{ margin-left: 10px;} .mr-50{ margin-right: 50px;} .mr-40{ margin-right: 40px;} .mr-30{ margin-right: 30px;} .mr-20{ margin-right: 20px;} .mr-10{ margin-right: 10px;} .mt-50{ margin-top: 50px;} .mt-40{ margin-top: 40px;} .mt-30{ margin-top: 30px;} .mt-20{ margin-top: 20px;} .mt-10{ margin-top: 10px;} .mb-50{ margin-bottom: 50px;} .mb-40{ margin-bottom: 40px;} .mb-30{ margin-bottom: 30px;} .mb-20{ margin-bottom: 20px;} .mb-10{ margin-bottom: 10px;} .container{max-width: 1410px; width: 100%;} .section { padding-top: 50px; padding-bottom: 50px;} #header{box-shadow: none; background: #efece5;} .top-menu a[data-depth="0"]{padding: 0 30px; font-size: 18px; font-weight: normal;} #header .header-top a[data-depth="0"]{ color: #000; text-transform: none;} #header .header-top a:hover[data-depth="0"]{color: #965a3e; } #header .header-top .menu { padding-left: 0;} #header .header-top .header-top-right {display: flex; justify-content: flex-end;} #header .header-top #_desktop_user_info{margin: 0 30px;} #header .header-nav{display:none !important} .header-banner{ text-align: center} .header-banner{position:relative; padding-top:29%; overflow:hidden} .header-banner > img{position:absolute; left:50%; width:100%; height:100%; object-fit:cover; top:50%; transform:translate(-50%, -50%);} #index .header-banner{padding:0;} .header-top .user-info .hidden-sm-down, .header-top .blockcart .hidden-sm-down{ display: none;} .header-top .user-info .logout{ font-size: 0; display: block !important; } .header-top .user-info .account .hidden-sm-down{display: block !important;} .header-top .user-info{display: flex; column-gap: 10px;} #header .header-top .user-info a, #header .header-top .blockcart a{color: #965a3e;} #wrapper{background: #efece5; overflow-x:hidden;} #home-welcome-text, #home-categories, #hometoogoodtogo, #home-leave-our-aperitifs, #home-the-story{ padding-top: 50px; padding-bottom: 50px;} .page-content.page-cms ul, p{font-size: 18px; color: #7c7c7c; font-weight: 300} /*.sub-title{ color: #dc9e27; font-size: 22px;margin-bottom: 10px;} #home-welcome-text .sub-title span{ background: url(../images/sbu-title-icon.png) no-repeat right top; padding-right: 76px;}*/ #home-welcome-text .col-lg-8{ padding-left: 80px;} h2, h2.title{ color: #965a3e; font-size: 57px; font-family: 'footlight_mt_probold', sans-serif; margin-bottom: 20px;} #hometoogoodtogo .row{ display: flex; align-items: center;} #hometoogoodtogo .col-lg-4{ padding-left: 40px;} #hometoogoodtogo .too-logo{ margin-bottom: 40px;} #home-categories .sub-title, #home-categories h2.title{ text-align: center} .home-categories-content{ max-width: 1050px; margin: 0 auto;} .home-categories-content-inner{ background: #f8f8f8; margin-bottom: 30px;} .home-categories-content-bottom{ padding: 20px;} .home-categories-content-bottom h2 { font-size: 26px;} .home-categories-content-bottom h2 a{ color: #000; display: block; padding-right: 35px; background: url(../images/category-arrow.png) no-repeat right top; background-size: 26px;} .home-categories-content-bottom h2 a:hover{ color: #965a3e} .category-desc p{ margin: 0; color: #949494; font-size: 14px;} .home-leave-our-aperitifs { background-color: #e4dfd4; background-position: left top; background-repeat: no-repeat; background-size: auto 100%;margin: 0 -206px;} #home-leave-our-aperitifs .btn{ padding: 12px 20px; font-family: 'footlight_mt_probold', sans-serif; font-size: 22px; position: relative; padding-right: 76px;} #home-leave-our-aperitifs .btn:after{ content: ""; position: absolute; top: 3px; right: 10px; background: url(../images/button-arrow.png) no-repeat center center; width: 38px; height: 44px;} #home-the-story .row{ display: flex; align-items: center;} #footer{ background: url(../images/footer-bg.png) no-repeat center bottom #232323 !important; padding-top: 0;} .footer-container{ padding-top: 0;} .footer-top{display: flex; justify-content: space-between; column-gap: 30px; padding-top: 70px; padding-bottom: 70px; color: #fff;} .footer-top p{ color: #fff;} .footer-welcome-text{flex: 0 0 30%;} .footer-top .col-md-6.links{ padding: 0; flex: 0 0 200px; margin-left: auto; width: 100%;} .footer-top .col-md-6.links .row{ margin: 0;} .footer-top .col-md-6.links .col-md-6 { width: 100%; padding: 0;} .footer-top .footer-contact-info{flex: 0 0 280px; margin-left: auto;} .footerinfo-logo img{ max-width: 319px; margin-bottom: 30px;} .footer-container .h3{ text-transform: none; font-size: 22px; font-weight: 500; margin-bottom: 30px; font-family: 'footlight_mt_probold', sans-serif;} .footer-container li { margin-bottom: 8px;} .footer-container li a{ font-size: 18px; color: #ffffff;} .footer-container li a:hover{ color: #fff;} .footer-contact-info span{ color: #fff; font-size: 20px; font-family: 'footlight_mt_probold', sans-serif;} .footer-contact-info p{ margin-bottom: 0;} .footerinfo{ margin-bottom: 40px; padding-left: 50px;} .footerinfo:last-child{ margin-bottom: 0;} .footerinfo p{color: #b0b0b0} .footerinfo-address{ background: url(../images/address-icon.png) no-repeat left 4px;} .footerinfo-phone{ background: url(../images/phone-icon.png) no-repeat left 0;} .footerinfo-email{ background: url(../images/email-icon.png) no-repeat left 1px;} .footerinfo-email a, .footerinfo-phone a{ color:#b0b0b0;} .footer-copyright-container{ background: #1b1b1b; padding-top:10px; padding-bottom: 10px; color: #8e8e8e;} .footer-copyright-social{ display: flex; justify-content: space-between; font-size: 16px;} .footer-copyright-social p{ margin-bottom: 0; color: #8e8e8e; font-size: 16px;} .footer-copyright-social a{color: #8e8e8e;} .footer-copyright-social a:hover, .footer-copyright-social a:focus{ color: #fff;} .footer-copyright, .footer-links, .footer-social{ width: 33.33%;} .footer-links{ text-align: center;} .footer-links a{ margin: 0 5px;} .footer-social{ text-align: right;} .footer-social a{ margin-left: 15px;} /* category page */ .block-category{ min-height: inherit;} .card-block { padding: 0;} .card{ background-color: transparent;} #products{max-width: 1050px; margin: 0 auto;} #js-product-list > .products.row{margin:0 -15px} .products .product .product-miniature { background: #ffffff; padding:0px; margin-bottom: 30px;} .product-miniature .thumbnail-top{background:#f8f8f8; padding:20px;} .product-miniature .thumbnail-container{ width: 100%; background: transparent; margin-bottom: 0;} .product-miniature .product-description{padding:30px 30px 20px; background: top;} .product-miniature .highlighted-informations{left:0;} .product-miniature .product-title{text-align: left; text-transform: none; margin-top: 0; font-family: 'footlight_mt_probold', sans-serif;} .product-miniature .product-title a{ color: #000; font-size:24px; line-height:1.1;} .product-miniature .thumbnail-container:focus .product-description::after, .product-miniature .thumbnail-container:hover .product-description::after{ display: none;} .product-miniature .product-price-and-shipping{color: #b32727; text-align: left; font-size: 20px;} .product-description-top{ margin-top:0px; margin-bottom: 15px;} .product-list-short-desc{padding-right: 35px; background: url(../images/category-arrow.png) no-repeat right top; background-size: 26px; min-height: 26px;} .product-list-short-desc p{ margin-bottom: 0; color: #949494; font-size: 14px;} .products-selection .sort-by-row .sort-by{font-size:16px; color:#000000; font-weight: 400;} .products-selection .sort-by-row .select-title:before{height:7px; width:13px; content:""; position:absolute; right:15px; top:16px; background: url(../images/arrow-dropdown.png) no-repeat right top;} .products-selection .sort-by-row .select-title i{height: 19px; line-height: 19px; display:none;} .products-selection .sort-by-row{justify-content: flex-end;} .products-selection .products-sort-order {width: 300px;} .products-selection .sort-by-row .select-title{border:1px solid rgba(107,74,28,0.2); font-size:16px; background:transparent; font-weight: 400; position:relative; height:40px;line-height: 1;} .products-sort-order .dropdown-menu{padding:0} .products-sort-order .select-list:hover{background:#6b4a1c;} .product-miniature .thumbnail-container:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants {top: calc(100% - 52px);} .product-miniature .highlighted-informations .quick-view:hover{color: #965a3e;} .product-images > li.thumb-container .thumb.selected, .product-images > li.thumb-container .thumb:hover{border: #965a3e 3px solid;} .product-price { color: #b32727; font-size: 20px;} /*Product page*/ .product-actions .add-to-cart .material-icons { line-height: 17px;} #product .product-container #content {margin:0; max-width: 578px;} .page-product .product-container h1{font-family: 'footlight_mt_probold', sans-serif; font-size:26px; line-height:28px; color:#000000;} .product-actions .control-label{font-weight: 400;color: #777;font-size: 16px;} .product-quantity .add .add-to-cart{font-family: 'Mabry Pro', serif;font-weight: 600;font-size: 18px;text-transform: capitalize;line-height: 44px; padding: 0 30px;height: 44px;} .product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage{background-color: #b32727;} .has-discount .page-content.page-cms ul, .has-discount p, .has-discount.product-price, .page-content.page-cms .has-discount ul{color: #b32727;} .has-discount .discount{background: #b32727;} .product-container .product-prices .product-discount{display: inline-block;} #product #content-wrapper .tabs{background:transparent; padding:0} #product #content-wrapper .tabs .nav-tabs .nav-link{color:#000000; font-weight:400; font-size:18px;} .tabs .nav-tabs{display: flex; border-bottom: 2px solid #e3e0d9;} .tabs .nav-tabs .nav-item{flex: auto; text-align: center;} .tabs .nav-tabs .nav-link.active{color: #000000; background:transparent;} .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover{border-bottom: #696865 2px solid;} .nav-tabs .nav-item + .nav-item { margin-left: 0;} .tabs .tab-pane{padding-top: 40px;} #product #main > .product-additional-info{margin:0 auto; max-width:1050px;} #product #main > .product-additional-info .products{margin:0 -15px;} .blockreassurance_product .item-product{padding-top: 0;} .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg{height: auto; width: auto;} .blockreassurance_product p{ display: inline-block; margin-bottom: 0; color: #868686 !important;} .blockreassurance_product > div{display: table;} .blockreassurance_product .block-title{font-size: 18px;} .related-product .sub-title, .related-product h2.title{ text-align: center;} #wrapper .breadcrumb{margin-bottom: 50px; background:rgba(107,74,28,0.2); padding: 15px 20px;} #wrapper .breadcrumb li a{ color: #965a3e;} #wrapper .breadcrumb li:last-child{ color: #965a3e;} #wrapper .breadcrumb li::after{color:#965a3e; content: ">";} #blockcart-modal .product-name{color: #000;} #home-latest-blog-post{padding:45px 0; position:relative; color:#ffffff;} #home-latest-blog-post *{position:relative;} #home-latest-blog-post:before{content:""; position:absolute; width:130vw; left:-30vw; background:#373f43; top:0; bottom:0;} #home-latest-blog-post .title{color: #fff; text-align: center; margin-bottom: 10px;} #home-latest-blog-post .sub-title{margin:0 auto 45px; text-align:center; max-width:680px;} #home-latest-blog-post .home-posts-content-inner{background:#efece5;} #home-latest-blog-post .home-posts-content-inner .home-posts-content-bottom{padding:18px 30px; display:flex; align-items: center; justify-content:space-between;} #home-latest-blog-post .home-posts-content-bottom > div{flex:0 0 calc(100% - 110px); max-width:calc(100% - 110px); width:100%;} #home-latest-blog-post .home-posts-content-inner a{color:#000000;} #home-latest-blog-post .home-posts-content-inner h2{font-size:22px; line-height:1; color:#000; margin:0; display:block; min-height:44px; font-weight: normal; letter-spacing: -0.5px;} #home-latest-blog-post .home-posts-content-inner a.read-more{color:#965a3e; font-size:18px; font-weight:400; text-decoration:underline; flex:0 0 95px; max-width:95px; width:100%;} #home-latest-blog-post .home-posts-content-bottom .post-date{display: block; float: none; margin: 0; font-size:12px; color:#000; margin-bottom: 6px;} .home-posts-content-inner .category-cover a{padding-top:65.45%; position:relative; display: block;} .home-posts-content-inner .category-cover img{position:absolute !important; left:50%; object-fit:cover; top:50%; transform:translate(-50%, -50%);height: 100%; width: 100%;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner{display:flex; margin-bottom: 30px; align-items: center;} #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner{margin-bottom:0} #home-latest-blog-post .col-sm-4:nth-child(3) .category-cover, #home-latest-blog-post .col-sm-4:nth-child(4) .category-cover{flex:0 0 180px; max-width:180px; width:100%;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner .category-cover a, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner .category-cover a{padding-top: 100%;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner .home-posts-content-bottom, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner .home-posts-content-bottom{flex-wrap: wrap; align-items: center;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-bottom > div, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-bottom > div{flex: 0 0 100%; max-width: 100%; width: 100%; margin-bottom: 15px;} #contact #left-column{flex:0 0 50%; max-width:50%; width:100%;} #contact #content-wrapper{flex:0 0 50%; max-width:50%; width:100%;} #contact #left-column .contact-rich h2{color:#965a3e; font-size:62px; text-transform:capitalize; line-height:1; margin-bottom: 15px;} #contact #left-column .contact-rich .block{background:transparent; box-shadow:none; padding: 0; font-size:18px; color:#7c7c7c; font-weight:400; float: none;} #contact #left-column .contact-rich .block .data{font-size:18px; color:#7c7c7c; font-weight:400; padding:3px 0 0;} #contact #left-column .contact-rich .block .data a{font-size:18px; color:#7c7c7c; font-weight:400;} #contact #left-column .contact-rich .block .data span{display: block; color: #000; font-weight: 700; font-size: 20px;} #contact #left-column .contact-rich .block .icon{color:#965a3e;} #contact #left-column .contact-rich hr{display:none;} #contact .contact-form{color: #7a7a7a; background: transparent;} #contact .contact-form form .form-fields ul{display:flex; flex-wrap:wrap; margin:0 -15px;} #contact .contact-form form .form-fields ul li{flex: 0 0 50%; padding:0 15px; max-width:50%; width:100%; margin-bottom: 30px;} #contact .contact-form form .form-control-label{font-size: 14px;font-weight: 300;color: #7c7c7c;padding: 0;margin: 0 0 8px;} #contact .contact-form form .form-control{border-radius:3px; height:50px; border:1px solid #d5ccbd; color:#000000; font-size:16px; font-weight:400; background: #fff;} #contact .contact-form form textarea.form-control{height:112px;} #contact .contact-form form .form-control:focus{border-color:#965a3e; box-shadow: 0 3px 4px 0 rgba(150,90,62,0.2); outline: none; } #contact .contact-form form .form-fields ul li.contact-note{padding-top:32px; font-size: 14px; color: #7c7c7c;} #contact .contact-form form .contact-note a{color: #7c7c7c; text-decoration:underline;} #contact .contact-form form .form-fields ul li.contact-checkbox{position:relative; width:100%; max-width:100%; flex:0 0 100%;} #contact .contact-form form .form-fields ul li.contact-checkbox input{position:absolute; left:0; visibility:hidden; opacity:0;} #contact .contact-form form .form-fields ul li.contact-checkbox label{padding-left:30px; position:relative; color:#000000; font-size:14px; cursor:pointer;} #contact .contact-form form .form-fields ul li.contact-checkbox label:before{height:20px; width:20px; content:""; border:1.5px solid #c6ced6; background:#ffffff; position:absolute; left:0; top:0; border-radius:20px;} #contact .contact-form form .form-fields ul li.contact-checkbox label:after{height:10px; width:10px; content:""; background:#965a3e; border-radius:50px; position:absolute; left:5px; top:5px; visibility:hidden; opacity:0;} #contact .contact-form form .form-fields ul li.contact-checkbox input:checked + label:after{opacity:1; visibility:visible} #contact .contact-form form .form-footer{text-align:left !important;} #contact .contact-form form .form-footer .btn{font-size:22px; min-width:200px; text-align:center; padding:0 30px; height:58px; text-transform:capitalize; font-family: 'Mabry Pro', serif; font-weight:400;} #homepdf{padding:45px 0;} #homepdf ul{margin:0; padding:0;} #homepdf ul li{margin:0; padding:15px 0; border-bottom:2px dashed #c09e8c; color:#965a3e; font-size:32px; font-family: 'footlight_mt_probold', sans-serif; display: flex; justify-content: space-between; align-items:center;} #homepdf ul li:first-child{padding-top:0;} #homepdf ul li .btn {padding: 12px 20px; padding-right: 20px; font-family: 'footlight_mt_probold', sans-serif;font-size: 22px; position: relative; padding-right: 76px;} #homepdf ul li .btn::after {content: "";position: absolute;top: 3px;right:20px;background: url(../images/button-arrow.png) no-repeat center center; width: 38px; height: 44px;} /*check out*/ body#checkout a:hover { color: #965a3e;} .custom-radio input[type="radio"]:checked + span{background-color: #965a3e;} .form-control:focus{outline-color: #965a3e; border-color: #965a3e;} .input-group.focus{outline-color: #965a3e;} body#checkout section.checkout-step .address-item.selected{border-color: #965a3e;} .about-top .row{ display: flex; align-items: center;} .page-content.page-cms{ padding: 0; background: none; text-align: initial;} .page-content.page-cms .about-sponsoring ul { list-style-type: none} .about-sponsoring ul li{ padding-left: 30px; padding-top: 3px; padding-bottom: 3px; background: url(../images/listing-arrow.png) no-repeat left 11px;} /*bc custom css Hide the page header */ #cms .page-header { display: none; } .stores-row, .unsere-mehlbox{ padding-top: 50px; } #contact-info .elementor-widget-icon-box.elementor-view-framed .elementor-icon, #contact-info .elementor-widget-icon-box.elementor-view-default .elementor-icon{ fill: #965a3e; color: #965a3e; border-color: #965a3e; } #stores .title_block, #fmeStorePage .col-lg-4.form-group, #fmeStorePage input, #stores p{ display: none !important; } #contact-info .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper, #contact-info .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper{ column-gap: 20px; } .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description, .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description p, .elementor-widget-text-editor, .elementor-widget-text-editor p{ font-family: 'Mabry Pro', serif; font-weight: 300; } /*Hide cart and shop in menu*/ #_desktop_cart, #_mobile_cart, #_desktop_user_info, #_mobile_user_info, #store_form #productArrayTable{ display: none !important; } #_mobile_user_info { padding: 10px 15px; } /*Mobile link hover*/ #_mobile_contact_link #contact-link a:hover { color: #965a3e; text-decoration: underline; } #_mobile_contact_link #contact-link a{ text-decoration: underline; } .links ul{ list-style: none !important; } /*Hide blog module*/ #home-latest-blog-post{ display: none; } /*Instagram styling*/ .top_instagram_follow h3{ color: #965a3e; font-size: 57px; font-family: 'footlight_mt_probold'; } .ybc_instagram{ background-color: unset; } #Home_instagram .ybc_instagram_fancy > img{ aspect-ratio: 1; } .header-banner span{ background: #965a3e; color: #fff; padding: 30px 80px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 1; font-size: 64px; font-family: 'footlight_mt_probold', sans-serif;} .quickview .modal-content{background: #efece5;} .modal .modal-content .product-description .product-list-short-desc{text-align:left;} #cart .cart-grid-right .cart-summary{background:#ffffff; padding:30px;} #cart .cart-grid-right .cart-summary .checkout {margin-top:30px;} #cart .cart-grid-body a.label{font-size: 15px; } #cart .cart-grid-body a.label .material-icons{margin-top: -7px;} #checkout .header-nav{display:block !important;} #_desktop_contact_link{display:none !important} body#checkout section.checkout-step .step-title{display: flex; align-items: center;} @media only screen and (max-width:1439px) { .home-leave-our-aperitifs{ background-position: -150px top;padding-right: 20%;} .container{max-width: 1270px;} h2, h2.title{font-size: 50px;} #homepdf ul li{font-size: 26px;} #homepdf ul li .btn, #home-leave-our-aperitifs .btn{font-size: 20px;} #home-latest-blog-post .col-sm-4:nth-child(3) .category-cover, #home-latest-blog-post .col-sm-4:nth-child(4) .category-cover{flex: 0 0 165px; max-width: 165px;} } @media only screen and (max-width: 1359px) { } @media only screen and (max-width:1279px) { .container{max-width:1170px;} .top-menu a[data-depth="0"]{padding: 0 20px;} h2, h2.title{font-size: 42px;} #home-latest-blog-post .home-posts-content-inner .home-posts-content-bottom{padding: 18px 20px;} #home-latest-blog-post .home-posts-content-inner h2{ font-size:18px;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner h2, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner h2{min-height: auto; } #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-bottom > div, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-bottom > div{margin-bottom: 5px;} #home-latest-blog-post .col-sm-4:nth-child(3) .category-cover, #home-latest-blog-post .col-sm-4:nth-child(4) .category-cover{flex: 0 0 154px; max-width: 154px;} #home-latest-blog-post .home-posts-content-inner a.read-more{font-size: 16px; flex: 0 0 80px; max-width: 80px;} #home-latest-blog-post .home-posts-content-bottom > div{flex: 0 0 calc(100% - 90px); max-width: calc(100% - 90px);} } @media only screen and (max-width:1169px) { .top-menu a[data-depth="0"]{padding: 0 12px;} h2, h2.title{font-size: 36px;} #home-leave-our-aperitifs{margin: 0 -50px; padding-right: 15%; padding-left: 15%; background-image: none;} #homepdf ul li .btn, #home-leave-our-aperitifs .btn{white-space: break-spaces; text-align: left;} #home-leave-our-aperitifs .btn::after{top: 50%; transform: translateY(-50%); right: 20px; } #home-latest-blog-post .col-sm-4{width:50%;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner{margin-top: 30px; flex-direction: column; align-items: inherit;} #home-latest-blog-post .col-sm-4:nth-child(3) .category-cover, #home-latest-blog-post .col-sm-4:nth-child(4) .category-cover{flex: 0 0 100%; max-width: 100%;} .home-posts-content-inner .category-cover a{padding-top:75%;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner .category-cover a, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner .category-cover a{padding-top:75%;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner .home-posts-content-bottom, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner .home-posts-content-bottom{flex-wrap: nowrap; justify-content: space-between;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-bottom > div, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-bottom > div{flex: 0 0 calc(100% - 90px); max-width: calc(100% - 90px); margin-bottom: 0;} #home-latest-blog-post .home-posts-content-inner h2{font-size: 20px;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner h2, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner h2{min-height: 44px;} } @media only screen and (max-width:1023px) { .top-menu a[data-depth="0"]{font-size: 16px; padding: 0 8px;} #header .header-top #_desktop_user_info{margin: 0 15px;} #header .header-top #_desktop_cart .cart-products-count{font-size: 14px; position: absolute; top: -6px; right: 0;} #header .header-top #_desktop_cart .blockcart{position:relative; padding-right:12px;} h2, h2.title, .top_instagram_follow h3.title-block{font-size: 32px;} #homepdf ul li{flex-direction: column; text-align: center; row-gap: 10px;} header-banner span{font-size: 50px; padding: 25px 60px; } } @media only screen and (max-width:991px) { #home-leave-our-aperitifs{background-image: none !important; margin: 0 -15px; padding-right: unset; padding-left: 25px; padding-right: 25px;} .home-posts-content-inner .category-cover a{overflow:hidden} #hometoogoodtogo{padding-top:0} #hometoogoodtogo .row{flex-direction:column; row-gap: 15px;} .footer-welcome-text{flex: 0 0 100%;} .footer-top{flex-wrap: wrap;} .footer-top .col-md-6.links{margin-left: 0; margin-top:30px;} .footer-top .footer-contact-info{margin-top:30px;} } @media only screen and (max-width:767px) { #_desktop_logo{display: block !important;} .category-cover{display:block} .footer-top .col-md-6.links .h3{display:block !important; font-size: 22px;} .footer-container .footer-top .links ul{background-color: transparent; display: block; margin-bottom: 0;} .footer-container .footer-top .links ul > li{border-bottom: 0; padding: 0; font-weight: normal;} .footer-container .footer-top .links ul > li a{color: #fff;} .footer-container .footer-top .links .title{display: none;} .footer-copyright-social{flex-direction: column; align-items: center; row-gap:15px;} .footer-copyright, .footer-links, .footer-social{text-align: center; width:100%;} #home-latest-blog-post .home-posts-content-bottom > div{flex: 0 0 100%; max-width: 100%;} #home-latest-blog-post .home-posts-content-inner .home-posts-content-bottom{flex-wrap: wrap;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner .home-posts-content-bottom, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner .home-posts-content-bottom{flex-wrap: wrap;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-bottom > div, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-bottom > div{flex: 0 0 100%; max-width: 100%;} #_desktop_top_menu{display:block !important; width: 32px; height: 32px;} #header .header-nav{display:block !important} #header .header-nav .language-selector, #header .header-nav .user-info{margin-top: 0;} #header .header-nav .blockcart .header{margin-top: 0;} #header .header-nav .blockcart .cart-products-count{font-size: 13px;} #header .header-nav .blockcart{padding:10px 15px;} #header .header-nav #_mobile_user_info{height: 3rem; display:flex; align-items: center;} #header .header-nav #_mobile_user_info a{display: block; line-height: 1;} #header .header-nav .material-icons{line-height: 1;} #header .header-top{padding:0} #header .header-top .header-top-right{display:none} header-banner span{font-size: 45px; padding: 20px 50px; } #js-product-list-top .filter-button{display:none;} .products-selection .products-sort-order{width: 100%;} #js-product-list .hidden-md-up.up{display:flex; justify-content:flex-end;} #js-product-list .hidden-md-up.up .btn{font-family: 'Mabry Pro', serif; color:#ffffff; background:#232323; font-weight: 400; max-width: 200px; align-items: center; display: flex;} .header-banner{padding-top: 45%;} } @media only screen and (max-width:639px) { #home-latest-blog-post .col-sm-4{width: 100%;} #home-latest-blog-post .col-sm-4 + .col-sm-4{margin-top:30px;} #home-latest-blog-post .home-posts-content-inner h2{height:auto; min-height: auto; margin-bottom:10px;} .home-posts-content-inner .category-cover img{height: 101%;width: 101%; max-width: inherit;} #home-latest-blog-post .col-sm-4:nth-child(3) .home-posts-content-inner h2, #home-latest-blog-post .col-sm-4:nth-child(4) .home-posts-content-inner h2{height:auto; min-height: auto; margin-bottom:10px;} .footer-top .footer-contact-info{margin-left: 0; flex: 0 0 100%;} .footer-top .col-md-6.links{flex: 0 0 100%;} .footerinfo{margin-bottom:20px;} #homepdf ul li .btn::after{top:50%; transform:translateY(-50%);} #home-welcome-text .col-lg-8{padding-left: 15px;} #hometoogoodtogo .col-lg-4{padding-left:15px;} #home-welcome-text{padding-top:0} .header-banner span{font-size: 40px; padding: 20px 40px; } .header-banner{padding-top:50%;} } @media only screen and (max-width:575px) { } @media only screen and (max-width:479px) { .header-banner span{font-size: 35px; padding: 20px 35px; } } @media only screen and (max-width:419px) { }