/* Theme Name: DiviChild Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child Theme Author: Elegant Themes Author URI: https://www.elegantthemes.com Template: Divi Version: 1.0.0 */ /* =Theme customization starts here ------------------------------------------------------- */ em{ font-style: italic;} #main-footer { max-width: 1280px !important; text-align : center; margin: 0 auto; } .container { width: 100%; max-width: 1280px; } @font-face { font-family: 'frialight'; src: url('assets/fonts/fria-light-webfont-webfont.woff2') format('woff2'), url('assets/fonts/fria-light-webfont-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'friaregular'; src: url('assets/fonts/fria-regular-webfont-webfont.woff2') format('woff2'), url('assets/fonts/fria-regular-webfont-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'friaregular', Helvetica,Arial,Lucida,sans-serif !important; } #top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after{ display: none;} .sitewide-language-launcher, .sitewide-search-launcher { background-position: 20px 22px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; display: block; cursor: pointer; -webkit-transition: background-position-x 200ms ease-in-out; -moz-transition: background-position-x 300ms ease-in-out; transition: background-position-x 300ms ease-in-out;} .sws-icon { width: 15px; height: 15px; background: url(images/search.svg) left top no-repeat; background-size: 15px 15px;} .search-button p.search-text-mobile { margin-bottom: 0; line-height: 1; padding-bottom: 18px; padding-top: 22px; margin-left: 22px; font-size: 15px; color: #fff;} .sitewide-search-popover { background:none; position: absolute; left: 0; right:auto; top: 0; bottom: 0; color: #7b858e; cursor: default; -webkit-transform: translateZ(0); overflow: auto; opacity: 0; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; display: none;} #top-menu .menu-item-has-children>a:first-child, #et-secondary-nav .menu-item-has-children>a:first-child { padding-right: 0px;} #top-menu li{ padding-right: 0; margin-left: 10px;} #top-menu li li{ padding: 0;} #top-menu a{ font-weight: 100;} #main-header{ box-shadow: none;} .et_pb_section { padding: 0 !important;} .blocklink:hover { color: #fff !important; background-color: #4f4f4f;} .card-grid-item .et_pb_css_mix_blend_mode_passthrough:hover{ animation: zoomin 0.2s linear; animation-fill-mode: forwards;} @-webkit-keyframes zoomin { 0% { background-size: 100%; } 100% { background-size: 110%; } } .fria-fb { background:url(images/fb.svg) left top no-repeat; background-size: 30px 30px; background-position: 0px 0px; display: inline-block; text-indent: -9999px; width: 30px; height: 30px; float: left; position: relative; } .fria-instagram { background:url(images/insta.svg) left top no-repeat; background-size: 30px 30px; background-position: 0px 0px; display: inline-block; text-indent: -9999px; width: 30px; height: 30px; float: left; margin-left: 15px; position: relative; } #footer-widgets{ max-width: 900px; margin: 0 auto; min-height: 337px; padding: 33px 0;} #footer-widgets .footer-widget{ width: 23% !important; margin-right: 0 !important; margin-bottom: 0; margin-left: 3%;} #footer-widgets .footer-widget:first-child{ margin-left: 0 !important; text-align: center;} #footer-widgets .footer-widget:first-child img{ width: 135px; height: 135px;} #footer-widgets .footer-widget:last-child{ margin-left: 0; float: right;} #footer-widgets .footer-widget p { margin-bottom:0; text-align: left; color: #fff !important; font-family: 'frialight',Helvetica,Arial,Lucida,sans-serif; font-weight: 500; font-size: 14px;} #footer-widgets .footer-widget li::before{ display: none;} #footer-widgets .footer-widget li a{font-size: 18px; color: #fff; } #footer-widgets .footer-widget li a:hover{ text-decoration: underline;} #footer-widgets .footer-widget a { text-align: left; color: #fff !important;} #footer-widgets .footer-widget h3 { font-size: 18px; color: #fff; display: block; margin-bottom: 10px; margin-top: 0px;} .sub-menu li { display:block !important;} .sub-menu li a{font-family: 'frialight',Helvetica,Arial,Lucida,sans-serif ; font-weight:600 !important; width:100% !important; opacity:1 !important } .sub-menu li a:hover{ color:#cf0a2c !important;} .headbtn { position: absolute !important; right: 0; top: 10px;} .headbtn a { background: #f5f2e4; text-align: center; border-radius: 0; color: #4e4e4e; line-height: 20px !important; height: 40px; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px !important; font-size: 14px; font-family: 'friaregular',Helvetica,Arial,Lucida,sans-serif; font-weight: 600 !important; } .headbtn a img{width: 12px; position: relative; top: -3px; vertical-align: middle;} .headbtn a:hover { background: #f5f2e4 !important; opacity: 1 !important; } .nav>li>a:focus, .nav>li>a:hover{ background:none; color:#cf0a2c !important;} .topheader-img{ height:528px; display:flex; align-items:center; justify-content:center;} /*.inner-text-block { display: table-cell; vertical-align: top; color: #414141; padding: 40px;}*/ .inner-text-block h2 { text-align: center; color: #4e4e4e; text-shadow: none;font-size: 25px; padding-bottom: 10px; font-family: 'friaregular', Helvetica,Arial,Lucida,sans-serif; margin-top: 20px; margin-bottom: 10px;} .inner-text-block p { font-size: 18px; line-height: 30px; font-family: 'frialight', Helvetica,Arial,Lucida,sans-serif; margin-bottom:10px; font-weight:300; color: #323232;} .inner-text-block a { color: #414141; text-decoration: underline;} .inner-text-block a:hover { color: #1ead88; text-decoration: underline;} .inner-text-block img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important;} .et_pb_text_inner p{ /*max-width:600px;*/ margin:0 auto 10px; font-family: 'frialight', Helvetica,Arial,Lucida,sans-serif;} .topheader-img .et_pb_text_inner p{ max-width:600px; margin:0 auto; font-family: 'frialight', Helvetica,Arial,Lucida,sans-serif; text-align:center; font-size:14px; line-height:25px;} ol, ul { margin-top: 0; margin-bottom: 10px; list-style: none !important; padding:0 !important; line-height:normal !important; font-size:14px; } ol li, ul li{ margin-bottom:5px;} .et_pb_text_inner .text-block p{ max-width:100% !important; } .et_pb_text_inner .text-block{ padding-top:0;} .card-grid-item .et_pb_column_1_2{ height:300px; width: 48% !important; margin-right: 0 !important; margin-left: 1%; margin-bottom: 30px; } .et_pb_column_1_3{ height:300px; width: 32% !important; margin-right: 0 !important; margin-left: 1%; margin-bottom: 30px; } .et_pb_column_1_4{ height:300px; width: 24% !important; margin-right: 0 !important; margin-left: 1%; margin-bottom: 30px;} .inner-text-block em{ font-style: italic;} .card-grid-item .et_pb_column{ position: relative; overflow: hidden;} .card-grid-item .et_pb_column .et_pb_text{ position: relative; z-index: 100;} .card-grid-item .et_pb_column .et_pb_image{ transition: transform 0.35s; transform-origin: 50% 50%; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 0px; background-position: left;} .card-grid-item .et_pb_column:hover .et_pb_image{transform: scale3d(1.05,1.05,1);} .recipe-form form p{ margin-bottom: 10px;} .recipe-form form p span:first-child{font-family: 'frialight',Helvetica,Arial,Lucida,sans-serif;} .recipe-form form p b{ font-weight: 700;} .recipe-form .et_pb_text_inner p{margin-bottom: 10px; font-weight: normal; font-style: italic;} .recipe-form form p input[type="text"], .recipe-form form p input[type="email"], .recipe-form form p textarea{font-family: 'frialight', Helvetica,Arial,Lucida,sans-serif;} .et_pb_text_inner .column.first{font-family: 'frialight', Helvetica,Arial,Lucida,sans-serif;} input[type="text"], input[type="email"], textarea{font-family: 'frialight', Helvetica,Arial,Lucida,sans-serif;} .recipe-form h2{color: #66665d; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; margin-top: 20px;} .recipe-form .column.first p {font-size: 14px; font-style: italic; font-family: 'frialight', Helvetica,Arial,Lucida,sans-serif; font-weight: 300; line-height: 25px; color: #323232;} .et_pb_toggle_title{font-size: 16px !important; line-height: 25px !important; color: #fff !important; background-color: #66665d !important; padding: 20px !important; clear: both !important; margin: 0 0 0px 0 !important; margin-bottom: 10px !important; font-family: 'frialight',Helvetica,Arial,Lucida,sans-serif; font-weight: 600;} .et_pb_toggle_title:first-child{ color: red;} .et_pb_toggle_content{padding: 20px !important; font-size: 14px; font-family: 'frialight',Helvetica,Arial,Lucida,sans-serif; line-height: 25px; background-color: #f5f2e4;} .et_pb_accordion .et_pb_toggle{ padding: 0; border: 0; background: none !important; margin-bottom: 10px !important;} .faq-first{ text-transform: uppercase; font-size: 16px; width: 100px; display: inline-block; font-family: 'friaregular',Helvetica,Arial,Lucida,sans-serif; font-weight: 600 !important; color: #8a9298;} .et_pb_toggle_open .et_pb_toggle_title:before { display: block !important; content: "\4b";} .et_pb_toggle_title:before{ content: "\4c"; font-size: 42px !important; float: right; font-weight: normal; margin-right: 15px; margin-top: -22px; position: absolute; right: 11px;} section.hero{ margin: 0 auto; max-width: 1280px;} .hero .nl-gallery { height: 540px;} .hero .slide { text-align: center; height: 100%; background-size: cover; background-position: center center; } .hero .nl-slides .text-block { max-width: 600px; margin: 0 auto;} .hero .nl-slides .text-block { display: table-cell; vertical-align: middle;} .hero .nl-slides .large-header { font-size: 64px; color: #FFFFFF; letter-spacing: 0; line-height: 70px; text-shadow: 0 2px 4px rgb(18 7 2 / 20%); padding-bottom: 10px;} .hero .nl-slides .container { display: table; vertical-align: middle; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;} .nl-slides p { color: #fff; font-family: 'frialight',Helvetica,Arial,Lucida,sans-serif; max-width: 600px; margin: 0 auto; line-height: 25px;} .freeblock .preamble{ font-style: normal; font-family: 'frialight',Helvetica,Arial,Lucida,sans-serif;} .card-grid li .buttonblock { display: block; width: 200px; height: 50px; background-color: #fff; text-align: center; line-height: 50px; color: #4E4E4E; text-transform: uppercase; position: relative; bottom: 0; left: auto; margin-left: auto; margin-right: auto;} .card-grid li a .text-block p { font-weight: 600; font-size: 18px;} .newBanner { display: flex; align-items: center; justify-content: center; width: 100%; margin: auto; text-align: center; position: relative; height: 550px; background: url(images/background-gradient.png); background-size: cover;} #et-main-area{width: 100%; margin: 0 auto; max-width: 1280px; margin-top: 0px;} .product-block .text-block { text-align: left; width: 50%; float: left; padding: 0; box-shadow: 1px 1px 4px #e1e1e1 !important; padding: 20px 20px 0 20px; margin-top: -80px; background: #fff;} .product-block .preamble { font-size: 18px; font-family: 'friaregular' !important; font-weight: 400; letter-spacing: 0; color: #4e4e4e; line-height: 25px; margin-bottom: 10px;} .product-block .blocktwo p { font-size: 16px; font-family: "frialight"; font-weight: 400; letter-spacing: 0; color: #4e4e4e; line-height: 25px;margin-bottom: 10px;} .product-block h2, .product-block .blocktwo h3 { font-family: 'friaregular' !important; color: #66665d; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; margin-top: 20px;} b, strong {font-weight: 700;} .btrproduct {color: #4e4e4e; margin-bottom: 30px; font-size: 30px; text-align: center; } .single-products .card-grid li { width: 29.5%; padding: 0; height: 500px !important; box-shadow: 1px 1px 4px #e1e1e1 !important; text-align: center; float: none; margin-left: 3.333333333%; margin-bottom: 3.333333333%; position: relative; display: inline-block; } .single-products .card-grid li a { height: 300px !important;} .single-products .card-grid .inner-text-block h2 { padding-bottom: 10px; text-align: center; font-size: 18px; color: #414141; text-shadow: unset; line-height: 22px;} .recipe-intro.product-block .text-block { text-align: left; width: 52%; float: left; position: relative; padding-top: 30px; padding-left: 30px; padding-right: 30px; margin-top: 40px; box-shadow: none !important;} .post-ratings em { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;} .recipe-intro.product-block .preamble { font-size: 21px !important; font-family: "frialight" !important; } .recipe-block .column.first li, .pre-recipe, .recipe-block .column.first p { font-size: 14px; font-style: italic; font-family: "frialight"; font-weight: 300; margin-bottom: 10px;} .recipe-block h2, .recipe-block h3 {color: #66665d; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; margin-top: 20px;} .recipe-block .column.last p {font-size: 18px; line-height: 25px; font-family: "frialight"; color:#323232; margin-bottom: 10px;} .single-products .desktopbox, .page-template-tpl-shops-list .desktopbox{ border: 1px solid #f5f2e4; font-family: "TrendHMSansOne"; font-size: 14px; color: #4e4e4e; letter-spacing: -0.5px; line-height: 22px; margin-top: 30px; height: 1%; overflow: hidden;} .single-products .desktopbox h4, .page-template-tpl-shops-list .desktopbox h4 { font-size: 16px; color: #4e4e4e; font-weight: 600; letter-spacing: -0.5px; margin-top: 0; background: #f5f2e3; padding: 10px 20px; } .single-products .desktopbox .textwidget, .page-template-tpl-shops-list .desktopbox .textwidget{ padding: 5px 15px;} .single-products .desktopbox p, .page-template-tpl-shops-list .desktopbox p{ font-family: "frialight"; font-size: 18px; color: #4e4e4e; letter-spacing: 0.5px; line-height: 30px; font-weight: bold;} .page-template-tpl-shops-list .desktopbox, .single-products .mobilebox{ background: #f5f2e3; font-size: 14px; color: #4e4e4e; letter-spacing: -0.5px; line-height: 22px; margin-top: 40px; height: 1%; overflow: hidden;} .page-template-tpl-shops-list .desktopbox h4, .single-products .mobilebox h4 { font-size: 16px; color: #4e4e4e; font-weight: 600; letter-spacing: -0.5px; margin-top: 0; background: #f5f2e3; padding: 20px 20px 10px;} .page-template-tpl-shops-list .desktopbox .textwidget, .single-products .mobilebox .textwidget{ padding: 20px; background: #f5f2e3;} .page-template-tpl-shops-list .desktopbox p, .single-products .mobilebox p{ font-family: "frialight"; font-size: 18px; color: #4e4e4e; letter-spacing: 0.5px; line-height: 30px; font-weight: bold;} p#breadcrumbs a,.breadcrumb_last { color: #4e4e4e; font-weight: 600; font-family: "frialight"; font-size: 14px;} .breadcrumb_last { color: red;} body { background:none; } .et_header_style_left .logo_container { left: 0; } .product-block-declaration .text-block { width: 37%;} .product-block-declaration .text-block p{font-family: "frialight"; color: #323232;} .product-block-declaration .text-block p b{font-weight:900; color: #000;} #main-content{ padding: 0 15px;/* border: 1px solid red;*/} .container{/* border: 1px solid red;*/} .language-button{ float: right !important; top: 8px;} .sitebreadcrumb{ padding-top: 60px;} .language-button ul li{ display: block !important;} .language-button ul li a{ width: 100% !important; font-weight: 600 !important;} .text14 .et_pb_text_inner p{ font-size: 14px; line-height: 25px;} .et_pb_column_1_3 h2{ margin-bottom: 10px;} .tplshoptablebase .et_pb_widget { background: #f5f2e3; padding: 20px; font-size: 14px; color: #4e4e4e; letter-spacing: -0.5px; line-height: 22px; margin-top: 0px;} .tplshoptablebase .et_pb_widget h4 { font-size: 20px; color: #4e4e4e; font-weight: 600; letter-spacing: 2px; margin-top: 0; margin-bottom: 20px; padding: 10px 20px;} .tplshoptablebase .et_pb_widget p { font-family: "frialight"; font-size: 18px; color: #4e4e4e;letter-spacing: 0.5px; line-height: 30px; font-weight: bold;} .recipe h2{ margin-top: 0; max-width: none;} .sitewide-search-popover .search-field { margin-top: 0;} #popover-search-field{ padding: 12px 0; text-transform: uppercase; font-family: 'friaregular', Helvetica,Arial,Lucida,sans-serif;} .sws-popover-open #search-result-area {position: absolute;top: 89px;left: 0px;} #search-result-area { position: relative;display: none; width: 100%; height: 100%; } .sws-popover-on-screen #search-result-area { display: block; } .searchwp-live-search-results-showing { background-color: #f5f2e4 !important; padding-bottom: 20px; height: 100%; max-height: 100%; max-width: 1280px; margin: 0 auto; border-top: 1px solid #eee; width: 100% !important; left: 0 !important; overflow: visible !important; z-index: 1 !important; right:0px !important;} /* All Receipe */ .prod-filter-search{ display: flex; margin-top: 80px; justify-content: space-between;} .page-template-all-recipe .prod-filter{ margin-bottom: 20px; margin-right: 20px; width: 60%;} .page-template-all-recipe .prod-filter form{ display: flex;} .page-template-all-recipe .prod-filter form .frm-btn, .page-template-all-recipe .prod-search form .frm-btn{ margin-top: 0;} .page-template-all-recipe .prod-filter form select{ height: 49px; margin-right: 10px; font-size: 14px; width: calc(25% - 10px); text-align:center} .page-template-all-recipe .prod-search{ margin-bottom: 50px; width: 30%;} .page-template-all-recipe .prod-search form{ display: flex; justify-content: flex-end;} .prod-items{ display: flex; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding: 20px; box-shadow: 1px 1px 5px 1px #ddd;} .prod-items .prod-img{ width: 30%; margin-right: 50px;} .prod-items .prod-img img{ width: auto !important;} .prod-items .prod-desc{width: 70%;} .prod-items .prod-desc h2{ margin-top: 0; font-size: 22px;} .prod-items .prod-desc p{ font-size: 14px;} .prod-items .prod-desc .post-ratings{ font-size: 15px;} .prod-items .prod-desc .preamble { font-size: 18px !important;} .page-template-all-recipe .prod-filter .frm-btn {width:auto; padding:5px 20px;font-family: 'Fria-regular',Helvetica,Arial,Lucida,sans-serif;} .page-template-all-recipe .prod-search .frm-btn {width:auto; padding:5px 20px;font-family: 'Fria-regular',Helvetica,Arial,Lucida,sans-serif;} .page-template-all-recipe .prod-filter form select option{ padding:5px 0; height: 30px } .prod-items a {display:flex;} @media screen and (-webkit-min-device-pixel-ratio:0) { .prod-filter-search{ margin-top: 130px; } } @media screen and (max-width: 1280px){ .prod-filter-search{ flex-wrap: wrap; padding: 0 30px; } .prod-items{ margin: 0 30px 20px;} } @media screen and (max-width: 1199px){ .page-template-all-recipe .prod-filter{ width: 100%; margin-right: 0;} .page-template-all-recipe .prod-search{ width: 100%; } .page-template-all-recipe .prod-search form{ justify-content: flex-start;} } @media screen and (max-width: 980px){ .search-icon{ display: none;} .headbtn { position: relative !important; right: auto; left: auto; top: 0; float: none !important; margin-left: 0 !important;} .language-button{ display: none !important;} .prod-filter-search{ margin-top: 20px; } .prod-items .prod-desc h2 { font-size: 18px;} .prod-items .prod-desc .preamble { font-size: 16px !important;} .prod-items .prod-desc .post-ratings { font-size: 14px;} } @media screen and (max-width: 767px){ .et_pb_column_1_4, .et_pb_column_1_3{width: 100% !important;} .card-grid-item .et_pb_column_1_2{width: 100% !important; margin-left: 0;} .et_pb_column{ float: none; margin-bottom: 15px !important;} #footer-widgets .footer-widget { width: 100% !important; text-align: center !important; margin: 0 !important; display: flex; justify-content: center;} .et_header_style_left .logo_container { left: 20px; width: 50%;} #footer-widgets .footer-widget p{ text-align: center;} #et-top-navigation{ padding-left: 0 !important;} #footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget{ margin-bottom: 20px !important;} #footer-widgets .footer-widget a { text-align: center; float: none; } .banner-img{ height: 540px;} .hero .nl-slides .large-header { line-height: normal;} .product-block .text-block{ width: 100%; margin-top: 20px; padding: 0; box-shadow: none !important;} .newBanner.h-Banner { height: 300px; padding: 40px; } .single-products .card-grid li { width: 100%; height: auto !important; margin-left: 0;} .single-products .card-grid li .inner-text-block a { width: 100%; height: auto !important;} .single-products .card-grid li .text-block{ padding-bottom: 30px;} #et-main-area{ margin-top: 0;} .newBanner.h-Banner img { width: auto; height: auto; max-width: 100%; max-height: 100%;} .image-wrap-mobile{ display: flex; flex-wrap: wrap;} .image-wrap-mobile div:first-child{ order: 2;} .et_pb_toggle_title{ padding-right: 70px !important;} .product-block-declaration .text-block { width: 100%;} .product-block-declaration .text-block p{ margin-bottom: 20px;} .recipe-intro.product-block .text-block{ width: 100%; padding: 0; text-align: center;} .recipe-intro.product-block .text-block h1 { font-size: 25px !important;} .recipe-intro.product-block .text-block p { font-size: 14px !important; line-height: 20px; letter-spacing: 0.5px;} .recipe-intro.product-block .text-block .post-ratings{font-size: 15px !important; font-family: "frialight";} .recipe h2{ margin-top: 0; max-width: none;} .page-template-all-recipe .prod-filter form{ flex-wrap: wrap;} .page-template-all-recipe .prod-filter form select{ font-size: 14px; width: 100%; margin-bottom: 10px; margin-right: 0;} .prod-items{ flex-wrap: wrap;} .prod-items .prod-img { width: 100%; margin-right: 0; margin-bottom: 20px;} .prod-items .prod-desc { width: 100%;} .prod-items .prod-desc h2 {font-size: 16px;} .prod-items a {display : block;} } @media screen and (min-width: 768px){ .language-button { display: block; padding-left: 20px !important; background: url(images/globe.svg) left top no-repeat; background-size: 15px;} .top-level-nav-item { float: left; position: relative; border: none; font-family: "Fuller Sans Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; margin-left: 18px; border-top: none; border-bottom: none; padding: 0;} .top-level-nav-item.search-button { height: 20px; float: right;} .sitewide-language-launcher, .sitewide-search-launcher { background-position: center center; position: relative; height: 15px; width: 15px;} .top-level-nav-item.search-button p.search-text-mobile {display: none;} .sitewide-search-popover { width: 270px; top:5px; bottom: auto; left: -164px; -webkit-tap-highlight-color: transparent; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; position: absolute; overflow: visible; z-index: 999999; border: 1px solid #000; background: #fff;} a.sub-menu-title{ color: #7b858d; font-size: 12px; font-size: 1.2rem; padding: 2px 0px;} .top-level-nav-item ul[role="menu"]{right: 0 !important; left: auto !important; font-family: 'frialight', Helvetica,Arial,Lucida,sans-serif; } .sub-menu .menu-item-has-children::before { content: url(images/play-arrow.svg); position: absolute; right: 20px; top: 6px; width: 10px; height: 10px; display: block;} .hero .nl-gallery { height: 450px;} .hero .slide { text-align: center; height: 100%; background-size: cover; background-position: center center; } .hero .nl-slides .text-block { display: table-cell; vertical-align: middle;} .hero .nl-slides .container { max-width: 1280px; width: 100%;height: 100%; display: table; vertical-align: middle;} .hero .nl-slides .large-header { font-size: 64px; color: #FFFFFF; letter-spacing: 0; line-height: 70px; text-shadow: 0 2px 4px rgb(18 7 2 / 20%); padding-bottom: 10px;} .banner-img{ height: 450px;} .et_pb_column_1_4{width: 48% !important; margin:0 1% 20px 1% !important;} .et_pb_column_1_3{width: 31% !important; margin:0 1% 20px 1% !important;} .card-grid-item .et_pb_column_1_2{width: 48% !important; margin:0 1% 20px 1% !important;} .search-icon{ padding-top: 8px;} .product-block .text-block{ width: 100%; margin-top: 20px; } .single-products .card-grid li { width: 46%; margin: 0 1%; } .single-products .mobilebox{ margin-top: 20px !important;} /*#et-main-area{ margin-top: 0;}*/ .touch li.search-button.sws-insertion-point-desktop.top-level-nav-item { width: auto; margin: 0; background: #fff; margin-top: 0;} .et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 { width: 47.25%; margin-right: 5.5%;} .et_pb_toggle_title{ padding-right: 70px !important;} .recipe-intro.product-block .text-block .post-ratings{font-size: 16px !important; font-family: "frialight";} } @media screen and (min-width: 960px){ h1.large-header { font-size: 64px; color: #FFFFFF !important; letter-spacing: 0; line-height: 70px !important; text-shadow: 0 2px 4px rgb(18 7 2 / 20%); padding-bottom:0; max-width:1050px; text-align: center; margin: 0 auto;} .hero .nl-gallery { height: 528px;} .hero .nl-slides .text-block {text-align: center;} .banner-img{ height: 528px; margin-bottom: 2.75% !important;} .et_pb_column_1_4 {width: 23% !important; margin:0 1% 20px 1% !important;} .et_header_style_left #et-top-navigation{ padding-left: 85px !important;} .search-icon { margin-left: 13vw !important;} } @media screen and (min-width: 1025px){ .language-button { margin-left: 15px!important; background-position: 0 4px;} .search-button span { top: 4px;} .product-block .text-block{ width: 50%; /*margin-top: -80px;*/ } .rightblock { width: 50%; padding: 20px; } .single-products .card-grid li { width: 33%; margin: 0 1%; } } @media only screen and (min-width: 1350px){ }