﻿/*Biscotti*/
body { font-size: 16px; background: #ffffff; font-family: 'Heebo-Regular'; color: #4e1800; line-height: 1.7; }
.CatalogItemPage #PageBreadCrumps { display: block !important; font-size: 80%; position: relative; bottom: 100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); margin: -20px 53px 0px 0; }
#PageBreadCrumps { display: none; }
:root { --vh: 100vh; --vw: 100vw; }
/*navigation-bar*/
#header2 { direction: rtl; background: #f6f6f5; font-size: 105%; height: 90px; }
#header2 ul.menu > li:before { display:none; }
#header2 ul.menu li { vertical-align: middle; color: #4e1800; margin-left: 25px; position: relative; }
#header2 ul.menu li.active, #header2 ul.menu li:hover { color: #4e1800; }
.has-sub i.opensub { pointer-events: none; padding-left: 5px; font-size: 55%; position: relative; transform: translateY(10px); -webkit-transform: translateY(10px); width: 6px; height: 8px; vertical-align: text-top; position: absolute; right: -15px; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.fa-angle-down:before { content: "\f067"!important; }
#header2 ul.menu li.searchBtn { position: absolute; right: 110px; }
#header2 ul.menu li a:hover + i:before, #header2 ul.menu li:hover a + i:before,
#header2 ul.menu li a:focus + i:before, #header2 ul.menu li:focus a + i:before { transform: rotate( 90deg ); -webkit-transform: rotate( 90deg ); }
#header2 .menu-sub { background: #fff; }
#header2 ul.menu li .menu-sub a:hover { text-decoration: underline; }
#header2 ul.menu { margin-bottom: 0; }
#header2 .menu-nav { margin-top: 0; }
#header2 ul.menu li a:focus { border-bottom: none; }
#header2 #header-container { height: 100%; }
#header2.detailsInRow .max-width { height: 100%; }
#header2 li.searchBtn { position: absolute; float: right !important; right: 0; }
#header2 #header-left { position: absolute; left: 40px; width: 200px; height: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
#header2.detailsInRow .header-right-section { direction: rtl; text-align: right; padding-right: 200px; padding-left: 200px; }
header.search-open form#searchFormHeader, #header2 ul.menu li .menu-sub a { color: #4e1800; text-align: right; font-size: 100%; }
#SiteHeader.search-open, header.search-open .searchBtn svg, .searchSubmitWrapper svg, .searchBtn svg { fill: #4e1800; width: 20px}
#header2 ul.menu li a { position: relative; text-decoration:none!important; }
#header2 ul.menu li a::after { content: ""; position: absolute; border-bottom: 5px solid #e1dad6; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 350ms ease-in-out; z-index: -1; width: 0; }
#header2 ul.menu li a:hover::after { width: 100%; }
.fa-angle-down:before { top: 0; left: 50%; width: 2px; height: 10px; margin-left: -2px; content: "" !important; display: inline-block; position: absolute; background-color: #4e1800; transition: transform 0.05s ease-out; right: 0px; }
.fa-angle-down:after { content: ""; top: 50%; left: 0; width: 10px; height: 2px; margin-top: 0px; position: absolute; background-color: #4e1800; transition: transform 0.05s ease-out; }
/*#header2 ul.menu li a:hover + i:after, #header2 ul.menu li:hover + i:after { transform: rotate( 180deg ); -webkit-transform: rotate( 180deg ); }*/
#header2 ul.menu li ul li a::after { border-bottom: 3px solid #e1dad6; }
#header2 ul.menu li .menu-sub a { width: auto; padding: 0; }

/*home-gallery*/
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { border: 1px solid #fff; background: #00000047; margin-top: 35px; max-width: 110px; font-size: 50%; padding: 2px 15px; order: 3; margin-top:325px;}
#home-gallery .slider-bg.stellar-bg:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.4; }
.scroll-down button { background: transparent; box-shadow: none; border: none; }
#home-gallery .scroll-down img { height: 95px; }
#home-gallery .gallery-caption .gallery-text { font-size: 230%; display: flex; flex-direction: column; }
.gallery-text div { order: 2; }
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .gallery-caption { width: 500px; text-align: center;}
#home-gallery .gallery-caption .gallery-caption { position: relative; margin-top: 25px; order: 1; }
#player-controls { right: auto; left: 3% !important; }

/*cube-grid*/
.box-image-animation img { padding: 0 0; margin-right: auto; margin-left: auto; }
.section-title h1 { font-size: 400%; text-transform: capitalize; }
.section-title h2 { font-size: 155%; }
.section-title h1, .section-title h2 { color: #4e1800; }
.grid-boxes .grid-box-image-container a:hover:after { opacity: 0; }
.grid-boxes .grid-box-title h3 a { color: inherit; }
.grid-boxes .grid-box-subtitle { position: absolute; display: inline-block; color: #4e1800; width: 80%; text-align: left; left: 15px; bottom: 60px; font-size: 105%; }
.grid-box-title { position: absolute; display: inline-block; color: #4e1800; width: 80%; text-align: right; right: 15px; bottom: 60px; }
.grid-boxes .grid-box-image { margin-bottom: 100px; padding-bottom: 77%; }
.grid-boxes .grid-box-subtitle:after { content: ""; display: inline-block; border: 1px solid #e6e4e3; width: 18px; margin-right: 15px; vertical-align: middle; }
.grid-boxes .grid-box-title:before { content: ""; display: inline-block; border: 1px solid #e6e4e3; width: 18px; margin-left: 15px; vertical-align: middle; }
.grid-boxes .grid-box-title h3 { font-size: 105%; display: inline-block; }
.homepage-grid .section-title:before { content: ""; background-image: url('../../../warehouse/temp/biscotti/section-title.svg'); width: 168px; height: 162px; background-size: cover; background-position: center center; display: block; margin: auto; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; display: none; }
.section-title { position: relative; }
#allSectionsWrapper { margin-top: 60px; }
.sections .grid-content-section .grid-boxes { margin-top: 80px; }

/*about-page*/
#text1 ul li { list-style-type: square; text-align: right!important; }
#text1 ul li::marker { color: #e6e4e3; }
#pageview #text1 p, #text2 p { font-size: 105%; color: #4e1800; text-align:center!important; }
ul, ol { margin: 0 0 80px 0; padding: 0 20px; }
#pageview #text1 h3 { font-size: 155%; color: #4e1800; margin-top: 30px; }
#pageview #headline h1 { font-size: 210%; color: #4e1800; }
#pageview { max-width: 1170px; margin: 0 auto; }
.GridBottomGallery { padding: 50px 250px 130px; }
#text1 p a { font-family: Heebo-Bold; text-decoration: underline; }
#text1 p a:hover { color:#4e1800; }
#text1 img { max-width: 100%; height: auto; padding: 50px 0; }

/*content page*/
#GridTop { height: 400px; width: 92.5%; margin: 160px auto 90px auto; }
#text1, #text2 { max-width: 100%; color: #4E1800; line-height: 1.7; }
section#GridPage { padding-top: 0; }
.stores-main .lobby-grid #GridPage .max-width { max-width: 1170px; }
.stores-main #LobbyModule .grid-boxes .grid-box-image, .stores-main #lobbyview .grid-boxes .grid-box-image { padding-bottom: 60%; }
.stores-main .grid-box-title { display: none; }
.stores-main #allSectionsWrapper { margin-top: 0; }
.stores-main .sections .grid-content-section { padding-top: 0; }

/*contact page*/
.normal-form input[type=submit] { background: #4e1800; font-size: 100%; width: 110px; height: 35px; margin: 0 auto; display: block; }
.normal-form input[type=submit]:hover { background: #fff; color: #4e1800; border: none; }
#contactform { padding: 50px 10px 0; height: auto; }
.normal-form:after { border: none; }
.normal-form { border: none; background: #e1dad6; width: 953px; height: 456px; margin: 0 auto; }
#contactview #headline { margin-bottom: 0; }
#contactDetails .contactDetailsText1 p { font-size: 105%; color: #4e1800; margin-bottom: 15px; line-height: 1.7; }
#contactDetails .contactDetailsText1 { width: 95%; margin: 15px auto; }
#contact-boxes { margin-bottom: 0; }
.contactUs .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3%; }
.contactUs #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .contactUs #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 155%; }
.contactUs #GridPage .max-width, #GridPage .max-width-center { width: 65%; }
.contactUs .form-container-wide #DynamicFormObject { display: inline-flex; flex-direction: column; align-content: center; justify-content: center; width: 100%; height: auto; padding: 42px 0 18px; }
.contactUs #SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { width: 80%; }
.contactUs .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; float: none; margin: 0 auto;clear:both; }

/*hospitality*/
.section.grid-text-section { padding: 0 0 0 0; max-width: 800px; margin: 0 auto 80px; }
.grid-text p { font-size: 105%; margin-top: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField {width: 33%; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { width: 0%; display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0 63px;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: 100%; padding: 0;}
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 15%; /*float:none;*/ margin: 0 auto; }
#DynamicFormObject, #DynamicFormObject:after { border: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 155%; color: #4e1800; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 100%; color: #4e1800; }
.normal-form input, .normal-form textarea { border: none; box-shadow: none; background: #fff; border-radius: 0; width: 100%; }
.normal-form input::placeholder, .normal-form textarea::placeholder, .must:before { color: #4e1800; }
#DynamicFormObject input[type=submit] { background: #4e1800; border: none; border-radius: 0; font-size: 105%; width: 110px; }
#DynamicFormObject input[type=submit]:hover { background: #ffffff; color: #4e1800; border: 1px solid #4e1800; }
.bottomGalleryTitle h2 { font-size: 315%; display: inline-block; color: #4e1800; }
#headline h1 { margin-bottom: 0; font-size: 150%; color: #4e1800; }
.events #headline h1::after, .bottomGalleryTitle h2::after { content: ""; border-bottom: 6px solid #e1dad6; width: 50px; display: block; padding-top: 15px; }

/*shop-catalog*/
.categories-strip { background: transparent; color: #4e1800; width: 100%; border-bottom: 1px solid #4e1800; margin-bottom: 60px; }
.categories-strip ul li.active, .categories-strip ul li:hover { background: #4e1800; color: #fff; }
.catalogItemBoxInner .item-image { border: 1px solid #f6f3f1; }
#CatalogModule { padding: 0 0 40px 0; }
.categories-strip ul li { padding: 0; }
.menu-tags-list ul > li a { padding: 10px; display: inline-block; text-decoration: none !important; font-size: 100%; }
.catalogItemBox a.item-image, .catalogCategoryBox a.catalogCategoryBoxImage { padding-bottom: 65%; }
.catalogItemBox.align-center h3.itemTitle { font-size: 125%; color: #4e1800; }
.noBannerTop #headline h1 { margin-bottom: 50px; }
#CatalogModule .CatalogNav .navigationItems a.active { background: #4e1800; color: #ffffff; }
#CatalogModule .CatalogNav .navigationItems a { color: #4e1800; background: #f6f3f1; }

/*shop-catalog-item*/
.itemsList.row.relatedItemsCarousel { max-width: 875px; margin-right: auto; margin-left: auto; margin-top: 40px; }
#CatalogModule .relatedItems .relatedItemsTitle:after { content: ""; border-top: 8px solid #e1dad6; position: absolute; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 50px; left: 50%; top: auto; }
.CatalogItemPage #GridTop.noTopImage.longer { height: 0; }
#CatalogModule .itemContent #headline h1 { font-family: 'Heebo-Bold'; font-size: 105%; }
.catalogTextContainer { width: 100%; }
.catalogTextContainer #catalogText { font-size: 125%; color: #4e1800; }
.item-properties, .item-variations { padding: 20px 0; }
.propertyGroupContainer h3 { display: none; }
.propertyOption input[type="radio"] { display: none; margin: 0; }
.propertyOption label { font-weight: 400; font-size: 90%; margin-bottom: 0; }
.propertyOption { height: 28px; line-height: 28px; border: 1px solid; text-align: center; margin-left: 10px; background: #fff; white-space: nowrap; max-width: none; padding: 0px 5px; border: 1px solid #e6e4e3; color: #4e1800; }
.propertyOption.active { background: #4e1800; }
.propertyOption.active label { color: #ffffff; }
#CatalogModule .item-actions { display: none; }
#CatalogModule .itemContent { background: #f6f3f1; padding: 50px; display: table-cell; vertical-align: middle; direction: rtl; float: none; }
.itemContentWrapper { display: table; direction: ltr; width: 100%; margin: 0; }
#CatalogModule .itemImages { float: none; display: table-cell; vertical-align: middle; width: 60%; }
#CatalogModule .item-price span.finalPrice { font-family: 'Heebo-Bold'; font-size: 219%; margin-top: 25px; }
#CatalogModule .catalogItemBoxInner .item-price span.finalPrice { font-family: 'Heebo-Bold'; font-size: 165%; margin-top: 0px; }
.catalogItemBox .catalogItemBoxInner .item-text-top { min-height: 55px; }
#CatalogModule .item-makat, .catalogItemBox .item-makat { color: #4e1800; font-size: 90%; }
#CatalogModule .gallery-slider.thumbs li.item { border: 1px solid #f6f3f1; }
#CatalogModule #CatalogItemView span.custom-field-title { font-family: 'Heebo-Bold'; font-size: 105%; }
#CatalogModule #CatalogItemView .custom-field#customField3286 { display: block; margin: 0 0 25px 0; }
#CatalogModule #CatalogItemView .custom-field { display: inline-block; margin: 0 0 25px 20px; }
#CatalogModule .flexslider .slides img { border: 1px solid #f6f3f1; }
.CatalogItemPage .catalogItemBox.align-center h3.itemTitle { font-size: 100%; }
#CatalogModule .relatedItems { margin: 100px 0 0 0; }
.CatalogItemPage .catalogContainer.container { max-width: 1300px; width: 1300px; }
.CatalogItemPage #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 670px; }
.CatalogItemPage #GridPage .max-width { max-width: 1300px; }
.CatalogItemPage .gallery-slider { max-width: 100%; }
#CatalogModule #CatalogItemView .custom-field#customField3333 { display: none; }
.catalogItemBox .item-price { display: none; }
.catalogItemBox .item-subtitle { font-family: 'Heebo-Bold'; font-size: 100%; margin-top: 0px; }
#CatalogModule .item-price span.finalPrice[data-price="0"] { display: block; }
.catalog-page .catalogItemBox, .catalogCategoryBox { min-height: 300px; }

/*recipes*/
.blogmain-header #headline h1::after { content: ""; border-bottom: 6px solid #e1dad6; width: 50px; display: block; padding-top: 15px; margin: 0 auto; }
.blogmain-header { text-align: center; }
#subheadline h2 { font-size: 155%; color: #4e1800; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 0; border-color: transparent;border:0; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #4e1800; color: #ffffff; border-radius: 0; border-color: transparent; }
.pagination > li > a, .pagination > li > span { border-radius: 0; color: #4e1800; background: #f6f3f1;border:0; padding: 4px 10px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #ffffff; background: #4e1800; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border: 0; background: transparent; }

/*Snif-page*/
.SniffPage .categories-strip { border-bottom: none; }
.SniffPage .categories-strip ul li.active, .SniffPage .categories-strip ul li:hover { background: #4e1800; color: #ffffff; margin-left: 18px; }
.SniffPage .categories-strip ul li { background: #f6f3f1; height: 45px; width: 161px; color:#4e1800; }
.SniffPage .categories-strip ul li a { font-size: 105%; margin-bottom: 0; padding: 10px; width: 100%; }
#SnifBlockRight { display: flex; width: 50%; flex-direction: column; }
#SnifBlockLeft { display: flex; width: 38%; flex-direction: column; text-align: right; margin-right: 130px; }
.SniffPage #headline h1 { margin-bottom: 70px; }
.SniffPage #PageBreadCrumps { font-size: 80%; position: relative; bottom: 100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); margin: 30px 0 0px 0; }
.SniffPage #GridTop { margin: 140px auto 65px; }
.snifMenu { background: #4e1800; color: #ffffff; max-height: 50px; max-width: 130px; margin-top: 25px; font-size: 105%; display: flex; justify-content: center; }
.snifDetails p { margin-bottom: 10px; }
.SniffPage #SnifBlockRight #text1, .SniffPage #SnifBlockEight #text2 { text-align: right; }
.snifMenu > a { padding: 15px; width: 100%; display: flex; justify-content: center; height: inherit; color: #ffffff; align-items: center; }
.snifMenu > a:hover { border:1px solid #4e1800; background: #ffffff; color: #4e1800; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
#SnifBlockRight #text1 a { font-size: 105%; display: inline-block; margin-bottom: 0; padding: 5px 30px; background: #4e1800; color: #ffffff; text-decoration: none; font-family: 'Heebo-Regular'; }
#SnifBlockRight #text1 a + a { margin-left: 15px; }


/*catering*/
.MainContent { max-width: 760px; margin: 0 auto; }
#galleryview #text1, #text2 { font-size: 105%; }
.events .owl-carousel .owl-item .item { margin: 0 auto 85px; }
.events #galleryview { display: block; width: 100%; max-width: 100%; }
.events .MainContent { display: inline-block; width: 49%; vertical-align: top; }
.events .gallery-container { width: 50%; vertical-align: top; overflow: hidden; display: inline-block; }
.events #GridWrap { max-width: 100%; }
.events #GridPage, .events .grid-row-section { padding-top: 0; }
.grid-row li.slider-item { padding-bottom: calc(100vh - 60px); }
.events:not(.FormResultPage):not(.SearchResults) #GridTop.noTopImage.longer { height: 0; margin: 0; }
.events:not(.FormResultPage):not(.SearchResults) #headline { display: none; }
.events #GridPage .grid-row-section .grid-rows .grid-row { direction: ltr !important; }
.events .lobby-grid #GridPage .max-width { padding: 0; }
.events .grid-row-cell .grid-row-text { color: #4e1800; width: 70%; }
.events .grid-row-cell .grid-row-text h2 { margin-bottom: 10px; font-size: 315%; }
.events .grid-row-cell .grid-row-text h3 { margin-bottom: 27px; font-size: 155%; }
.grid-rows .grid-row-text p { font-size: 105%; }
.events .section-title h2 { font-size: 220%; }
.events .grid-row-cell .grid-row-text ul { margin-top: 35px; }
.events .grid-row-cell .grid-row-text ul > li { list-style-type: square; }
.events .grid-row-cell .grid-row-text ul > li::marker { color: #e6e4e3; font-size: 115%; }
.FormResultPage #headline h1:after { margin: auto; }

/*tofes-catering*/
.events .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 28%; }
.events .normal-form { height: initial; }
.events .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 105%; margin-bottom: 32px; padding: 0;margin-right: auto; margin-left: auto; }

/*slider-catering*/
.events ol.flex-control-nav li a.flex-active::after { content: ""; position: absolute; border: 1px solid #000000; right: -4px; left: -4px; top: -4px; bottom: -4px; border-radius: 100%; }
.flex-control-paging li a { position: relative; background: #000; }
.flex-control-paging li a { width: 7px; height: 7px; }
.flex-control-nav li { overflow: visible; margin: 0 12px; }
.grid-rows .grid-row-cell { overflow: hidden; }

/*stores*/
#ContentGridShortModule .gridshort-view-item { width: calc(50% - 2px); height: inherit; }
#ContentGridShortModule .gridshort-view-item .grid-short-box-image { padding-bottom: 60%; }
#ContentGridShortModule #grid-view .grid-short-box-text { display: none; }

/*footer*/
#SiteFooter .footer-text.text-center { background: #f6f3f1; height: auto; color: #4e1800; padding-top: 0; padding-bottom: 30px; }
#SiteFooter #partners-section p a { margin-left: 15px; position: relative; z-index: 1; font-size: 90%; padding: 0; }
#SiteFooter #partners-section p a:after { content: ""; position: absolute; border-bottom: 5px solid #e1dad6; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 350ms ease-in-out; z-index: -1; width: 0; }
#SiteFooter #partners-section p a:hover:after { width: 100%; }
.site-credit.alternative { padding: 15px 0; }
a:hover, a:focus { color: inherit; }
#SiteFooter #partners-section p a:last-child { margin-left: 0; }
#SiteFooter #partners-section p:first-child { margin-bottom: 15px; }
#SiteFooter #partners-section { background: #f6f3f1; color: #4e1800; padding-top: 40px; padding-bottom: 0; }
#SiteFooter .footer-text.text-center a:first-child:hover:before, #SiteFooter .footer-text.text-center a:first-child:focus:before { opacity: 1; }
#SiteFooter .footer-text.text-center a:last-child:hover:before, #SiteFooter .footer-text.text-center a:last-child:focus:before { opacity: 1; }
#SiteFooter .footer-text.text-center a { position: relative; }
/*.iconBox:last-child a:before { content: ""; background-image: url('/warehouse/temp/biscotti/slider-ig-hover.svg'); width: 29px; height: 29px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }*/
.iconBox a:last-child:hover:before, .iconBox a:last-child:focus:before,
.iconBox a:first-child:hover:before, .iconBox a:first-child:focus:before { opacity: 1; }
/*.iconBox:first-child a:before { content: ""; background-image: url('/warehouse/temp/biscotti/slider-fb-hover.svg'); width: 29px; height: 29px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }*/
.iconBox a { position: relative; }
#SiteFooter .footer-text.text-center a:first-child:before { content: url(/warehouse/temp/biscotti/fb-hover.svg); width: 29px; height: 29px; position: absolute; left: 0; right: 0; top: -2px; opacity: 0; transition: all 350ms ease-in-out; }
#SiteFooter .footer-text.text-center a:last-child:before { content: url(/warehouse/temp/biscotti/ig-hover.svg); width: 29px; height: 29px; position: absolute; left: 0; right: 0; top: -2px; opacity: 0; transition: all 350ms ease-in-out; }
#SiteFooter .footer-text.text-center a:first-child { margin-left: 7px; }
#SiteFooter .footer-text.text-center a:last-child { margin-right: 7px; }

/*GALLERIES*/
#gallery-randomizer .gallery-randomizer-item > div:before { content: ""; width: 53px; height: 53px; position: absolute; background-image: url(/warehouse/temp/biscotti/plus.svg); top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all 350ms ease-in-out;z-index:1; }
#gallery-randomizer .gallery-randomizer-item > div:hover:before { opacity: 1; }
#gallery-randomizer .gallery-randomizer-item > div:after { content: ""; width: 100%; height: 100%; position: absolute; background: rgb(0 0 0 / 46%); top: 0; left: 0; bottom: 0; right: 0; transition: all 350ms ease-in-out; opacity: 0; }
#gallery-randomizer .gallery-randomizer-item > div:hover:after { opacity: 1; }

/*menu page*/
.menuModuleContentPart, .menuModuleContentPart:after { border: none; }
#MenuModule .menuModuleNav { padding-top: 0; padding-bottom: 0; border-bottom: 1px solid #4e1800; }
.menuModuleContentPart { border: none; background: #f7f4ef; }
#MenuModule .menuModuleNav { padding-top: 0; padding-bottom: 0; border-bottom: 1px solid #4e1800; }
#MenuModule .menuModuleNav a { color: #4e1800; font-size: 100%; margin: 0 5px; padding: 5px 10px; }
#MenuModule .menuModuleNav a.selected { background: #4e1800; color: #ffffff; border-radius: 0; }
#MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { background: #4e1800; color: #ffffff; border-radius: 0;  }
.menuModuleTextItemTitle, .menuModuleTextItemPrice, .menuModuleTextItemDescription, .menuModuleTextItemPrice:before { color: #4e1800; }
/*.menuPage #GridTop.noTopImage.longer { height: auto; }*/
.menuModuleTextItemTitle, .menuModuleTextItemPrice { font-size: 120%; }
.menuModuleTextItemDescription { font-size: 90%; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #d4d2d1; }
.menuModuleTextItemSubject { margin-top: 20px; }

/*SearchResults*/
.SearchResults section#GridTop.noTopImage.longer { height: 150px;margin:0; }
.SearchResults #headline { display: block; }
.SearchResults #headline h1::after { margin-right: auto; margin-left: auto; }
.SearchResults #pageview #headline h1 { font-size: 140%; }

/* Recipes */
.blog-post { width: 33.333%; padding-left: 20px; padding-right: 20px; }
.blog-posts { display: flex; flex-wrap: wrap; }
.blog-post-content { min-height: 145px; display: flex; flex-direction: column; justify-content: space-between; }
.blog-post-image img { max-height: 184px; width: auto; margin: 0 auto; }
.blog-post-title { flex-grow: 1; padding-top: 10px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { color: #4e1800; }
.blog-post-text { border-bottom: 1px solid #4e1800; }

/*accessability Page*/
.accessabilityMainPage #pageview #text1 p {text-align: right !important;}

@media (min-width:1025px) { /*#header2.detailsInRow .header-top, #header2 .social-links, #header2 ul.menu > li:before { display: none; }*/ #header2 ul.menu > li:before { display: none; }
    .form-container-wide #DynamicFormObject { padding-top: 45px; padding-bottom: 10px; }
    .menu-tags-list ul > li:first-child { display: none; }
    .SniffPage li.strip-item { margin-left: 18px; }
    #header2.detailsInRow .header-right-section { display: flex; align-items: center; justify-content: space-between; height: 100%; }
    #header2.detailsInRow .header-top { order: 2; margin-left: 4%; }
    #header2.detailsInRow .menu-nav { order: 1; }
    #header2 .header-top-left svg { fill: #4E1800; max-height: 12px; transition: 0.4s; }
    #header2 .header-top-left a { width: 29px; height: 29px; border: 1px solid #4E1800; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; transition: 0.4s; }
    #header2 .header-top-left a:hover, #header2 .header-top-left a:focus { background: #4E1800; }
    #header2 .header-top-left a:hover svg, #header2 .header-top-left a:focus svg { fill: #fff; }
}
@media (max-width:1300px) {
    .CatalogItemPage .catalogContainer.container { width: 95%; }

}

@media (min-width:1025px) and (max-width:1400px){
    #header2 ul.menu { font-size: 90%; }
    #header2 ul.menu li { margin-left: 25px; }
    #header2 #header-left { width: 120px; }
    #header2.detailsInRow .header-right-section { padding-right: 160px; padding-left: 160px; }
    #GridTop { height: 333px; }
    .contactUs #SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { width: 90%; }
    .GridBottomGallery { padding: 50px 200px 130px; }
    .noBannerTop #PageBreadCrumps { font-size: 80%; position: relative; bottom: 100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); margin: 45px 160px 35px 0; }
    .events .grid-row-cell .grid-row-text ul { margin: 20px 0; }
    .events #GridPage .grid-row-section .grid-rows .grid-row { top: 30px; }
    .grid-row li.slider-item { padding-bottom: calc(var(--vh) * 1 - 130px); }
}
@media (min-width:1025px) and (max-width:1170px) {
    #header2 ul.menu li { margin-left: 15px; }
    #header2.detailsInRow .menu-nav { margin-right: 20px; }
}

@media (min-width:1025px) and (max-width:1170px) {
    /*#header2 ul.menu li { margin-left: 10px; }*/
    #header2 ul.menu { font-size: 80%; }
    #header2 #header-left { width: 100px; }
    #header2.detailsInRow .header-right-section { padding-right: 140px; padding-left: 140px; }
    .GridBottomGallery { padding: 50px 70px; }
    #SnifBlockRight { display: flex; width: 49%; flex-direction: column; }
}

@media (max-width:1024px) {
    span.closed { display: none !important; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #4e1800; height: 4px; }
    #header2.detailsInRow .header-right-section { padding-right: 0; padding-left: 0; background: transparent; }
    #header2.detailsInRow .header-right-section:after { content: ""; border-left: 1px solid #e1dad6; position: absolute; height: 35px; margin-right: 0px; }
    #header2 .mobile-middle-kdm { width: 10%; text-align: right; }
    #header2.open.detailsInRow .header-right-section:after { border: 0; }
    #header2 ul.menu { position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%; background: #f6f3f1; padding: 85px 115px; margin-top: 90px; font-size: 290%; text-align: right; }
    .searchBtn svg { top: 40px; bottom: 0; right: 180px; left: 0; height: auto; }
    .fa-angle-up:before { content: "\f068"!important; }
    #header2.headerHasSearch #header-left img { max-width: 140px; }
    #header2 ul.menu li { direction: ltr; padding: 8px 0; }
    #shopping-cart-mobile path { fill:#4e1800; }
    #header2 ul.menu li.active { background: transparent; }
    header.search-open #header2 #header-left { position: absolute; }
    header #searchFormHeaderContainer form#searchFormHeader { background: #f6f6f5; }
    #header2 ul.menu li.searchBtn { display: none !important; }
    .has-sub i.opensub { width: 12px; height: 8px; vertical-align: text-top; position: absolute; right: -35px;top: 25px;pointer-events:all; }
    #header2 ul.menu li.active > a:after { border-bottom: 10px solid #e1dad6; content: ""; position: absolute; bottom: 3px; right: 0; width: 100%; z-index: -1; }
    #header2 ul.menu li.active > a { position: relative; }
    #header2 ul.menu .social-links a svg { fill: #4e1800; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    #header2 ul.menu .social-links a { border-radius: 50%; border: 1px solid; width: 40px; height: 40px; display: inline-block; }
    #header2 .menu-sub { background: transparent; }
    .normal-form { width: auto; height: auto; }
    .GridBottomGallery { padding: 0 55px; }
    .section { padding: 0; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 90%; }
    #ContentGridShortModule .gridshort-view-item { width: 100%; }
    #GridTop { height: 200px; margin: 105px auto 60px; }
    .mobile-strip .select-wrapper li.strip-item { color: #4e1800; background: #fff; }
    #SnifBlockRight { display: flex; width: 47%; flex-direction: column; }
    .contactUs #SiteGrid.layout-bottom #GridPromo { margin-bottom: 40px; }
    .contactUs #GridPage .max-width, #GridPage .max-width-center { width: 80%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
    .SniffPage .categories-strip ul li { height:auto; }
}

@media (max-width:991px) {
    #header2 .mobile-middle-kdm { text-align: right; padding-right: 20px; }
    #header2 ul.menu { position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%; background: #f6f3f1; padding: 85px 65px; margin-top: 90px; font-size: 170%; text-align: right; }
    .searchBtn svg { top: 35px; }
    #SnifBlockLeft { width: 35%; }
    #CatalogModule .itemImages, .itemContentWrapper { width: 100%; display: block; margin: 0; padding: 0; }
    #CatalogModule .itemContent { display: block; }
    .catalogTextContainer { width: 100%; }
    .contactUs #GridPage .max-width, #GridPage .max-width-center { width: 80%; }
    .contactUs #SiteGrid.layout-bottom #GridPromo { margin-bottom: 40px; }
    .contactUs .normal-form textarea { max-width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 25%; float: initial; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3%; }
    .contactUs .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0 20px; }
    .CatalogItemPage #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 450px; }
}

@media (max-width: 767px) {
    #header2.headerHasSearch .mobile-middle-kdm { padding-right: 20px; }
    #header2 #header-left { left: 30px; width: auto; }
    #header2.headerHasSearch #header-left img { max-width: 105px; }
    #header2 ul.menu { position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%; background: #f6f3f1; padding: 90px 65px 0 65px; margin-top: 0px !important; font-size: 100%; text-align: right; }
    .has-sub i.opensub { font-size: 55%; }
    .section-title h1 { font-size: 300%; text-transform: capitalize; }
    .grid-boxes .grid-box .grid-box-title h3 { font-size: 130%; }
    .grid-boxes .grid-box, .noBannerTop #headline h1, .catalogItemBox, a.AccessabilityLink { margin-bottom: 0%; }
    .GridBottomGallery { padding: 0px 30px 40px; }
    #SiteFooter { padding-bottom: 0; }
    .catalogTextContainer, .contactUs #GridPage .max-width,
    #GridPage .max-width-center, .form-container-wide #DynamicFormObject .dynamicFormObjectField,
    .contactUs .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .grid-text-content { padding: 0; width: 100%; }
    .events .grid-row-cell .grid-row-text { width: 90%; }
    .grid-row li.slider-item { padding-bottom: calc(80vh - 50%); }
    .events ul, ol, #CatalogModule .filtersList { margin: 0; }
    .events .grid-row-cell .grid-row-text h3 { margin-bottom: 27px; font-size: 130%; }
    .site-credit.alternative, #CatalogModule, .contactUs .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .mobile-strip { padding: 0; }
    .contactUs #GridPromo #DynamicFormObject { margin: 0 5px; }
    .contactUs #GridPage .max-width, #GridPage .max-width-center { margin-bottom: 40px; }
    #PageBreadCrumps { font-size: 80%; position: relative; bottom: 100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); margin: 45px 0 15px 0; }
    #CatalogModule .itemImages, .itemContentWrapper { width: 100%; display: block; margin: 0; padding: 0; }
    #CatalogModule .itemContent { display: block; }
    #CatalogModule .relatedItems { margin: 30px 0 0 0; }
    .catalogTextContainer #catalogText { font-size: 105%; }
    .SniffPage #GridTop { margin: 105px auto 15px; }
    .SniffPage .categories-strip { margin-bottom: 30px; }
    .SniffPage #headline h1 { margin-bottom: 30px; font-size: 120%; }
    #SnifBlockRight { display: flex; width: 95%; flex-direction: column; }
    .SniffPage #SnifBlockRight #text1, .SniffPage #SnifBlockEight #text2 { text-align: center; }
    #SnifBlockLeft { display: flex; width: 100%; flex-direction: column; text-align: center; margin-right: 0; }
    .snifMenu { background: #4e1800; color: #ffffff; max-height: 50px; max-width: 130px; margin-top: 25px; margin-bottom: 30px; display: inline-flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; }
    .snifMenu > a { padding: 15px 40px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form, #contactDetails .contactDetailsText1 p, .events .grid-rows .grid-row-text p, .events .grid-row-cell .grid-row-text ul > li { font-size: 90%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; float: initial; clear: both; }
    header.search-open form#searchFormHeader, #header2 ul.menu li .menu-sub a { color: #4e1800; text-align: right; font-size: 93%; }
    .catalogItemBox .catalogItemBoxInner { min-height: 150px !important; }
    .catalogItemBox.align-center h3.itemTitle { font-size: 100% }
    .contactUs #SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { width: 95%; }
    #headline h1, .contactUs #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 120%; }
    .events .grid-row-cell .grid-row-text h2, .events .section-title h2 { font-size: 155%; }
    .contactUs #DynamicFormObject .dynamicFormObjectField .must:before { right: 25px; }
    .contactUs #DynamicFormObject input[type=submit] { width: 345px; }
    .events #DynamicFormObject input[type=submit] { width: 100%; }
    .contactUs #SiteGrid.layout-bottom #GridPromo { margin-bottom: 15px; }
    .mobile-strip span { background: #4e1800; width: 100%; color: #ffffff; margin-right: 0; padding-right: 10px; }
    .mobile-strip:after { left: 25px; color: #ffffff; }
    .categories-strip { border: none; }
    .menu-tags-list ul > li a { padding: 5px; }
    .select-wrapper ul { box-shadow: inset 0 0px 10px 0px rgb(78 24 0 / 36%); -webkit-box-shadow: 0px 0px 10px 0px rgb(78 24 0 / 36%); }
    #CatalogModule .CatalogNav .navigationItems { margin: 0px 0px 4px 0; }
    .events #GridPage .max-width { width: 100%; }
    .events .grid-form-section { max-width: 95%; margin-bottom: 50px; }
    .catalogItemBox .catalogItemBoxInner .item-text-top { min-height: 45px; }
    #CatalogModule .relatedItems { position: relative; padding-bottom: 50px; }
    #CatalogModule .relatedItems .owl-controls .scr-reader-only { display: none; }
    #CatalogModule .relatedItems .catalogItemBox { margin-bottom: 0; }
    #CatalogModule .CatalogNav { margin-bottom: 50px; }
    #CatalogModule .catalogItemBoxInner .item-price span.finalPrice { font-family: 'Heebo-Bold'; font-size: 165%; margin: 0px; }
    .stores-main .sections .grid-content-section { padding-bottom: 0; margin-bottom: 0; }
    .stores-main .grid-content-section .grid-box-image-text {font-size: 70%}
    .CatalogItemPage #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 200px; }
    .menuModuleTextItemSubject { margin-top: 0px; }
    .owl-carousel .owl-next:after, .owl-carousel .owl-prev:after { margin-bottom: 100px; }
    #home-gallery .gallery-caption { width: 80vw;  }
    #home-gallery .gallery-caption .gallery-text { font-size: 160%; }
    .events .section-title { margin-bottom: 25px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 23px; }
    #CatalogView.mainCatalogPage #headline { margin-bottom: 0; }
    #SiteFooter .footer-text.text-center { height: auto; padding-top: 20px; padding-bottom: 20px; }
    .SearchResults #pageview #headline h1 { font-size: 100%; }
    .events .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { max-width: 230px; margin-right: auto; margin-left: auto; }
    #SiteFooter #partners-section { padding: 20px; padding-bottom: 0px; }
    #SiteFooter #partners-section p:first-child { margin-bottom: 0; }
    .FormResultPage #pageview #headline h1 { font-size: 110%; }
    .FormResultPage #GridTop.noTopImage.longer { height: 10px; }
    #home-gallery .scroll-down { bottom: 5%; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { padding: 7px 14px; margin-top: 200px; }
    .top-mobile-strip span:nth-child(1) { display: none; }
    .blog-post { width: 50%; }
    .blog-post-image img { max-width: 100%; }
    .blog-post-title { font-size: 100%; }
    .blog-post-text { line-height: 1.2; font-size: 80%; }
    #subheadline h2 { font-size: 130%; }
    .blog-view #headline h1 { text-align: right; }
    #GridPage .max-width { width: 90% !important; max-width: 90% !important; }
    #BlogView .share-strip:before { border: none; }
    #BlogView .share-strip:after { border: none; }
    #BlogView .share-strip { display: flex; justify-content: flex-end; align-items: center; }
    #BlogView .share-strip a.share-icon { margin: 8px; display: inline-flex; }
    #BlogView .blog-related-posts h2 { text-align: center; }
    .blog-related-posts.row { float: none; margin: 0 auto; padding-bottom: 50px; }
    .blog-related-post-title { padding: 10px 0; }
    .iconsBoxRight, #mobile-player-controls { bottom: 4%; }
    #mobile-player-controls span { vertical-align: bottom; }
 }

.fullScreenMenu #navbar-collapse-main.navbar-collapse.in { width: calc( var(--vw) * 1 + 40px ); min-height: calc( var(--vh) * 1 + 20px ) !important; }
.TopVideo iframe { width: calc( var(--vw) * 1.2 ); }
#home-gallery video { height: calc( var(--vh) * 1.1 ); width: calc( var(--vw) * 1.6 ) !important; }
#home-gallery { height: calc( var(--vw) * 1 ); }
.owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.45 ); }
header.search-open #header2 ul.menu li.search { width: calc( var(--vw) * 1 ); }
#SiteGridContainer { min-height: calc( var(--vh) * 0.8 ); }
#popup-modal-intro .modal-body img { max-height: calc( var(--vh) * 0.7 ); }
#home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 1 ); }
.TopVideo { height: calc( var(--vh) * 1 ); }
.TopVideo iframe { height: calc( var(--vh) * 1.8 ); }
.flexslider .slides img { height: calc( var(--vh) * 0.85 ); }
.flexslider.modal-slider { max-height: calc( var(--vh) * 0.9 ); }
#multi-content-modal .modal-content { margin-top: calc( var(--vh) * 0.1 ); margin-bottom: calc( var(--vh) * 0.05 ); }
.modal-text #text1 { max-height: calc( var(--vh) * 0.25 ); }
#multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.4 ); }
.blog-view-image { max-height: calc( var(--vh) * 0.5 ); }
.CurrentCategoryLocked { top: calc( var(--vh) * 0.44 ); }
#SiteGrid.CategoryLocked { min-height: calc( var(--vh) * 0.94 ); }

@media(max-width: 1440px) {
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.55 ); }
}

@media(max-width: 1170px) {
    #multi-content-modal .modal-content { max-width: calc( var(--vw) * 0.95 ); }
}

@media(max-width: 1024px) {
    header.shopHeader #header2 ul.menu { width: calc( var(--vw) * 1 ); }
    #header2 ul.menu li.megaMenuSection { width: calc( var(--vw) * 0.9 ); left: calc( var(--vw) * -1 ); }
    .megaMenuSectionContainer { padding-right: calc( var(--vw) * 5 ); }
    #header2 ul.menu li.megaMenuSection { height: calc( var(--vh) * 0.1 ); }
}

@media(max-width: 991px) {
    #home-gallery video { width: calc( var(--vw) * 3 ) !important }
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.7 ); }
    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }
    #popup-modal-intro .modal-body { max-height: calc( var(--vh) * 0.75 ); }
    .flexslider .slides img, .flexslider.modal-slider { max-height: calc( var(--vh) * 0.6 ); }
    #GridPromo.fixedLayoutForm { top: calc( var(--vh) * 0.45 ); }
    #GridPromo.fixedLayoutForm.affix { top: calc( var(--vh) * 0.45 ); }
}

@media(max-width: 767px) {
    #popup-modal-intro .modal-body { width: calc( var(--vw) * 0.25 ); }
    #header .submenu { width: calc( var(--vw) * 0.97 ); }
    .modal-dialog { width: calc( var(--vw) * 0.9 ); }
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.85 ); }
    .gallery-container { width: calc( var(--vw) * 1 ); }
    .marginLeft .gallery-container { width: calc( var(--vw) * 1 ); }
    .CurrentCategoryLocked { width: calc( var(--vw) * 0.95 ); }
    #header .submenu { max-height: calc( var(--vh) * 0.75 ); }
    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
    .TopVideo { height: calc( var(--vh) * 0.95 ); }
    .modal-image { padding-bottom: calc( var(--vh) * 0.22 ); }
}

@media(max-width: 550px) {
    #header2 ul.menu { width: calc( var(--vw) * 0.9 ); }
    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
}


@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body { zoom: 0.8; }
    :root { --vh: 125vh; --vw: 125vw; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    body { zoom: 0.7; }
    :root { --vh: 150vh; --vw: 150vw; }
}
