﻿/*whiskey*/

body { background: #131313; font-size: 15px; color: #fff; }
/*<---bottuns--->*/
.grid-rows .grid-row-text a.grid-row-button, #header #header-center-kdm a, .content-section-Btn a, #DynamicFormObject input[type=submit] { min-width: 140px; font-size: 21px; color: #fff; border: 1px solid #f69d05; border-radius: 0; margin-left: 0; padding: 9px 29px; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
#header #header-center-kdm a:focus, #header #header-center-kdm a:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .content-section-Btn a:hover, #DynamicFormObject input[type=submit]:hover { color: #131313; background: #f69d05; border-color: #f69d05; }
.content-section-Btn { margin-top: 20px; }
.masaot { opacity: 0; }
@media(max-width: 991px) {
    .grid-rows .grid-row-text a.grid-row-button, #header #header-center-kdm a, .content-section-Btn a { margin-right: 0; }
}
/*Header*/
.home-page #header:not(.bg), #header.bg { background: #0f0f0f; padding: 14.5px 30px; }
#header #header-left img, #header.bg #header-left img { max-width: unset; }
#header #header-center-kdm a:nth-child(even) { margin-right: 25px; }
#header #header-center-kdm a:nth-child(odd) { margin-left: 25px; }
#header #header-right .closed, #header.menu-open #header-right .closed, #header .menu-nav .open { display: none !important; }
#header #header-right { padding: 0; }
#header #header-right .social-links { padding: 0 30px 0 0; }
#header #header-right a { margin-left: 0; font-size: 140%; }
#header #header-right .menu-sub a { font-size: 120%; }
.has-sub i.opensub { font-size: 100%; font-weight: 100; }
#header .social-links a svg { transition: all 0.3s ease; }
#header .social-links a svg:hover { fill: #fab76b; }
#header .menu-nav { background: transparent; padding: 0; }
#header .menu-nav:after { content: ""; position: absolute; background: #f69d05; width: 1px; height: 30px; }
#header .nav-menu-anim { margin-left: 30px; height: 30px; }
#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 { height: 4px; }
#header.menu-open #header-right ul.submenu li.social-mobile { display: none !important; }
#header #header-right .submenu > li a.menuEnd { margin-bottom: 80px; }
#header .submenu li > a:focus { color: inherit; }
#header .submenu { margin: 0; background: #131313; top: -30px; right: -30px; text-align: right; width: 200px; }
#header .submenu li.social-mobile, #header .submenu > li { text-align: right; }
#header .submenu .menu-sub li { text-align: right; padding-bottom: 10px; }
#header .submenu .menu-sub { padding: 0; }
#header .submenu > li.sub-open { background: #232323 !important; padding-top: 10px; transition: all 0.2s ease; margin-bottom: 5px; }
#header .submenu > li { padding: 0; padding-bottom: 10px; padding-right: 30px; }
#header .submenu > li:first-child { margin-top: 100px; }
#header .submenu > li.active { background: inherit; position: relative; }
#header .submenu > li:hover { background: inherit; }
#header .submenu > li.active a { width: auto; transition: all 0.2s linear; }
#header .submenu > li.active a:after { content: ""; position: absolute; bottom: -2px; right: 0; background: #fab76b; width: 100%; height: 2px; }
#header .submenu > li:last-child { margin-bottom: 80px; }
#header .submenu > li.active.sub-open > ul.menu-sub > li a:after { width: 0; }
#header .submenu > li.active.sub-open > ul.menu-sub > li.active a:after { width: 100%; }

@media(max-width: 991px) {
    .home-page #header:not(.bg), #header.bg { padding: 20px; }
    #header #header-left { left: 20px; }
    #header #header-left img, #header.bg #header-left img { max-width: 80px; }
    #header #header-center-kdm a:first-child { margin: 0; }
    #header.bg #header-center-kdm, #header.bg #header-right, #header #header-right { padding: 0; width: unset; }
    #header .menu-nav:after { content: none; }
    #header .submenu { position: fixed; width: 100vw; max-width: 100vw; left: 0; right: 0; bottom: 0; top: 0; max-height: 100vh; }
    #header .submenu li.social-mobile { padding-top: 30px; }
    #header #header-right .social-mobile .social-links { padding: 0; }
    #header #header-right a { font-size: 140%; }
    #header .submenu > li { padding-bottom: 20px; }
    #header .submenu > li.sub-open { padding-bottom: 10px; margin-bottom: 10px; }
    #header #header-right .submenu > li a.menuEnd { margin-bottom: 30px; }
}

/*Slider*/
#home-gallery::after { content: ""; position: absolute; background: #000; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; opacity: 0.3; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 10%; }
#home-gallery ol.flex-control-nav li a.flex-active::after { content: ""; position: absolute; border: 1px solid #ffffff; right: -4px; left: -4px; top: -4px; bottom: -4px; border-radius: 100%; }
#home-gallery .flex-control-paging li a { position: relative; background: #fff; width: 8px; height: 8px; }
#home-gallery .flex-control-paging li a.flex-active, #home-gallery .flex-control-paging li a { background: #fff; }
#home-gallery .flex-control-nav li { overflow: visible; margin: 0 8px; }
#home-gallery .scroll-down { font-size: 100%; }
.scroll-down button { background: transparent; border: none; }
#home-gallery .scroll-down img { min-width: unset; width: 40px; }

/*General Home-page Settings*/
.top-caption { font-size: 100%; }
.section-title h1, section:not(.grid-content-section) .section-title h2, .grid-rows .grid-row-text h2, .grid-text h2, .top-caption h1 { font-size: 400%; position: relative; font-family: 'almoni-tzar-Dl4-AAA-bold'; }
.sections .grid-content-section, .sections .grid-row-section, .sections .grid-text-section, .sections .grid-gallery-section { padding: 110px 0 0; margin: 0 auto; }
@media (max-width: 991px) {
    .section-title h1, section:not(.grid-content-section) .section-title h2, .grid-rows .grid-row-text h2, .grid-text h2 { font-size: 300%; }
    .sections .grid-content-section, .sections .grid-row-section, .sections .grid-text-section, .sections .grid-gallery-section { overflow: hidden; }
}

/*Spaces*/
.grid-boxes .grid-box, .grid-boxes .grid-box-title h3 a, .grid-boxes .grid-box-subtitle { color: #fff; }
.grid-boxes .grid-box-image { padding-bottom: 117%; }
.grid-boxes .grid-box-title h3 { font-size: 165%; font-family: 'almoni-tzar-Dl4-AAA-bold'; }

@media (max-width: 991px) {
    .grid-boxes .grid-box-image { padding-bottom: 63%; }
}

/*Events*/
.grid-rows .grid-row { background: #131313; color: #fff; max-width: 1440px; margin: auto; }
.grid-row-section .box-image-animation img { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.grid-rows .grid-row-text { position: absolute; top: 50%; right: 70px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 70%; }
.grid-row li.slider-item { padding-bottom: 63%; }
.grid-rows .grid-row-text h3, .gridText1 h2, .section-title h3 { font-size: 170%; color: #f69d05; font-family: inherit; }
.grid-rows .grid-row-text p, .grid-text .gridText1 p { font-family: 'NotoSansHebrew-Regular'; }
@media (max-width: 991px) {
    .grid-rows .grid-row-text { padding-bottom: 0; width: 90%; position: relative; transform: none; right: 0; }
}

/*menus*/
.grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { padding: 0; width: 100%; text-align: center; }
.gridTextImgContainer:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.6; }
.grid-text .grid-text-content .gridText2 { display: flex; justify-content: center; margin-top: 30px; }
.grid-text .grid-text-content .gridText2 > p { border: 1px solid #fff; width: 140px; height: 160px; display: inline-flex; justify-content: center; align-items: center; margin: 0 10px; transition: all 0.2s ease; }
.grid-text .grid-text-content .gridText2 > p:hover { border-color: #f69d05; }
.grid-text .grid-text-content .gridText2 > p:hover > a { color: #f69d05; }
.grid-text .grid-text-content .gridText2 > p > a { font-size: 200%; padding-bottom: 20px; position: relative; transition: all 0.2s ease; font-family: 'Almoni-Tzar-Dl4-AAA-Bold'; }
.grid-text .grid-text-content .gridText2 > p > a::after { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-image: url('/warehouse/temp/Whiskey museum/Nov21/arrow.svg'); background-size: 100% 100%; background-repeat: no-repeat; width: 19px; height: 11px; }
.grid-text .gridText1 p { max-width: 560px; margin: 20px auto; }

@media (max-width: 991px) {
    .grid-text .grid-text-content .gridText2 { flex-wrap: wrap; }
    .grid-text .grid-text-content .gridText2 > p { width: 100px; height: 100px; margin-bottom: 20px; }
    .grid-text.gridTextWithImg .grid-text-content { width: 100%; padding: 0; }
    .grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { padding: 0 10px; }
    .grid-text .grid-text-content .gridText2 > p > a { font-size: 150%; }
}

/*shop + Insta*/
.grid-gallery-section { max-width: 1170px; margin: auto; }
.owl-carousel .owl-item .item { padding: 0 15px; }
.gallery-cubes > div { padding: 0 15px 30px; }
.owl-prev, .owl-next { font-size: 0; }
.gallery-image-title h3 { font-size: 25px; text-align: right; padding-right: 50px; position: relative; font-family: 'Almoni-Tzar-Dl4-AAA-Bold'; }
.gallery-image-title h3::before { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #f69d05; height: 1px; width: 35px; }
.owl-carousel .owl-prev:after { background-image: url('/warehouse/temp/Whiskey museum/Nov21/R.svg'); width: 23px; height: 13px; }
.owl-carousel .owl-prev { right: -20px; }
.owl-carousel .owl-next:after { background-image: url('/warehouse/temp/Whiskey museum/Nov21/L.svg'); width: 23px; height: 13px; }
.owl-carousel .owl-next { left: -20px; }
.gallery-image-title { transition: all 0.3s ease; }
.owl-item.active:hover .gallery-image-title { transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: all 0.3s ease-in-out; }

@media (max-width: 991px) {
    .owl-carousel .owl-prev { right: 0; }
    .owl-carousel .owl-next { left: 0; }
    .owl-item.active:hover .gallery-image-title { transform: none; }
}

.section.dna-group-sec .grid-boxes { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; }
.section.dna-group-sec .grid-boxes::before,
.section.dna-group-sec .grid-boxes::after { display: none; }
.section.dna-group-sec .grid-boxes .grid-box { margin: 0; width: 16.5%; }

/*footer*/
footer { padding-top: 100px; }
.footer-text-divided { display: flex; flex-direction: row-reverse; background: #000; color: #fff; align-items: center; padding: 40px 0 60px; position: relative; }
.footer-text-divided > div.footer-text-right, .footer-text-divided > div.footer-text-left { width: 50%; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.footer-text-divided > div.footer-text-left ul { list-style-type: none; text-align: right; padding-right: 80px; }
.footer-text-divided > div.footer-text-left ul > li, .footer-text-divided > div.footer-text-right p { padding-bottom: 10px; font-size: 115%; }
.footer-text-divided a:hover, .footer-text-divided a:focus { color: #f69d05; transition: all 0.2s ease; }
.footer-text-divided > div.footer-text-right { flex-direction: column; flex-wrap: wrap; align-items: flex-end; display: flex; align-content: center; }
.footer-text-divided > div.footer-text-right p a { padding-right: 10px; }
.footer-text-divided > div.footer-text-middle { position: absolute; bottom: 0; background-color: #131313; width: 100%; padding: 10px 0; }
.footer-text-divided > div.footer-text-middle p { max-width: 500px; margin: auto; font-size: 90%; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
a.AccessabilityLink { font-size: 100%; }

@media (max-width: 991px) {
    #SiteFooter { padding: 0; }
    .footer-text-divided { flex-direction: column; padding: 40px 0; }
    .footer-text-divided > div.footer-text-right, .footer-text-divided > div.footer-text-left { width: 100%; }
    .footer-text-divided > div.footer-text-right { align-items: center; }
    .footer-text-divided > div.footer-text-right p { padding-bottom: 10px; }
    .footer-text-divided > div.footer-text-left { display: flex; flex-direction: column; }
    .footer-text-divided > div.footer-text-left ul { padding: 0; display: inline-flex; flex-direction: row; justify-content: space-evenly; width: 100%; }
    .text-center { display: flex; justify-content: space-between; }
    .footer-text-divided > div.footer-text-middle { display: none; }
}

/*Inners*/
.innerContent #GridPage { padding-top: 80px; }
.innerContent #headline { font-family: 'Almoni-Tzar-Dl4-AAA-Bold'; font-size: 300%; }
.innerContent #subheadline h2, .innerContent #text1 h2 { font-size: 30px; font-family: 'Almoni-Tzar-Dl4-AAA-Bold'; }
.innerContent #text1 { text-align: right; max-width: 750px; }
.innerContent #text1 { margin: auto; font-family: 'NotoSansHebrew-Regular'; }
.innerContent #text1 p, .innerContent #text1 h2 { margin-bottom: 15px; }
.innerContent #text1 p img { margin: 30px 0 15px; }
.innerContent #text1 ul { padding-right: 20px; list-style-type: none; margin-bottom: 15px; }
.innerContent #text1 ul li { position: relative; }
.innerContent #text1 ul li::before { content: ""; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 2px solid #f69d05; border-radius: 50%; width: 6px; height: 6px; }
.innerContent .gallery-container { padding-top: 65px; }
.innerContent .grid-short-box.box .text-caption { font-size: 150%; }
.innerContent .categories-strip ul li { font-size: 140%; }
@media(max-width: 991px) { 
    .innerContent #text1 { width: 95%; }
    .innerContent .gallery-cubes > div { padding: 0 5px 10px; }
    .innerContent .grid-short-box.box .text-caption { font-size: 110%; }
}

/*forms*/
#SiteGrid.layout-bottom #GridPromo { padding: 50px 0 0; margin: 0 auto; max-width: 897px; }
.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; border: none; color: #fff; background: #232323; }
#DynamicFormObject:after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields,
.form-container-wide #DynamicFormObject .dynamicFormEndText,
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField,
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 10px 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 10px; }
.normal-form textarea, .normal-form input { width: 100%; border: none; box-shadow: none; border-radius: 0; background: #fff; font-size: 133%; padding: 5px 15px; margin-bottom: 20px; }
#DynamicFormObject input[type=submit] { background: transparent; max-width: 150px; margin-top: 30px; }

@media(max-width: 991px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
}

/*minute Whiskey*/
.grid-short-box.box { background: #000; color: #fff; }
.grid-short-box.box:hover { background: #000; }
.grid-short-box.box .grid-short-box-text { color: #f69d05; transition: all 0.2s ease; }
.categories-strip { background: #232323; }
#home-gallery .gallery-caption { width: 100%; transform: translate(-50%, -20%); z-index: 4; }
#home-gallery .gallery-logo { width: 37%; position: relative; }
#home-gallery .opacity-layer { opacity: 0.2 !important; z-index: 4 !important; }
.wim #ContentGridReadMoreModule .grid-short-box.box a::before { content: ""; display: block; width: 90%; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/warehouse/temp/whiskey/SYMBOL.svg); background-repeat: no-repeat; background-position: center; opacity: 0.1; background-size: 55%; }
.wim #ContentGridReadMoreModule .grid-short-box.box a::after { content: ""; display: block; width: 85%; height: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #f69d05; }
.wim .grid-short-box.box .grid-short-box-subtitle { border: none; position: relative; }
.wim .grid-short-box.box .grid-short-box-subtitle::before { content: ""; display: block; width: 100%; max-width: 100px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); height: 1px; background: #fff; }

@media (max-width: 767px) {
    #home-gallery .gallery-caption { width: 100%; }
    #home-gallery .gallery-logo { width: 67%; }
}

/*MenuPage*/
.grid-short-box .grid-short-box-link { display: none; }
.grid-short-box .grid-short-box-label { font-size: 140%; }
.flex-row.row > div { min-height: 460px; }
@media(max-width: 991px) {
    .flex-row.row > div { min-height: 210px; }
}

/*EventsPage*/
#grid-view { text-align: center; }
#grid-view .grid-short-box-text { font-size: 140%; }

/* */
#allSectionsWrapper { overflow-x: hidden; }
#header-left .address { margin-left: 20px; display: inline-block; transform: translateY(3px); }

/* Only on HE website */
body.he #header-right { display: flex; }
body.he #header #header-right { display: flex; align-items: center; }
body.he #header { display: flex; align-items: center; justify-content: space-between; }
body.he #header-right .langs { display: flex; margin-right: 30px; background: none; padding: 3px 7px; font-size: 21px; border: 1px solid #fff; }
body.he #header #header-right .social-links { display: flex; }
body.he #header-right .langs option { background: #0f0f0f; }

#header #header-center-kdm .languages { display: none!important; }

.accessabilityMainPage #headline h1 { font-family: 'Almoni-Tzar-Dl4-AAA-Bold'; font-size: 143%; }

#accessability #text1 { font-family: NotoSansHebrew-Regular; }

#accessability h2 { font-family: 'Almoni-Tzar-Dl4-AAA-Bold'; }

@media (max-width: 1400px) {
    .home-page .grid-text-section .grid-text.gridTextWithImg .gridTextImgContainer img { height: 600px; width: auto; max-width: unset; }
}

@media (max-width: 1200px) {
    .home-page .grid-gallery-section { max-width: 90%; }
}

@media (max-width: 991px) {
    .home-page .grid-content-section .grid-box { margin: 0; }
    .home-page .grid-content-section .grid-boxes { display: flex; max-width: 90%; margin: auto; }
    .home-page .grid-content-section .grid-box .grid-box-image { padding-bottom: 116%; }
    .home-page .grid-row-section .grid-rows { max-width: 90%; margin: 0 auto; }
    .owl-carousel .owl-next { left: -20px; }
    .sections .grid-gallery-section { overflow: visible; }
    .owl-carousel .owl-prev { right: -20px; }
    body.he #header-right .langs { margin-right: 0; }
}

@media (max-width: 767px) {
    .home-page .grid-gallery-section { max-width: 83%; }
    .gallery-image-title h3 { font-size: 113%; padding-right: 30px; }
    .gallery-image-title h3::before { width: 15px; }
    .gallery-image-title h3 { font-size: 113%; padding-right: 30px; }
    .gallery-image-title h3::before { width: 15px; }
    .home-page .grid-content-section .grid-box { width: 100%; margin-bottom: 30px; }
    .home-page .grid-content-section .grid-boxes { flex-wrap: wrap; }
    .home-page .grid-content-section .grid-box .grid-box-image { padding-bottom: 60%; }
    .home-page .grid-row-section { padding-top: 50px; }
    #header-left .address { display: none; }
    #header #header-right .phone-icon a { font-size: 100%; }
    #header #header-right .phone-icon { padding: 0; }
    #header #header-center-kdm a:first-child { font-size: 110%; padding: 5px 10px; width: auto; min-width: unset; }
    body.he #header #header-right .social-links { display: none; }
    body.he #header, body.he #header.bg, body.he.home-page #header:not(.bg) { padding: 10px; justify-content: space-between; }
    body.he #header #header-left { left: 0; }
    body.he #header .nav-menu-anim { margin-left: 15px; }
    body.he #header #header-right .phone-icon { margin-right: 20px; }
    .section.dna-group-sec .grid-boxes .grid-box { width: 50%; }
    .section.dna-group-sec .grid-boxes .grid-box .grid-box-image { padding-bottom: 100%; margin: 0; }
}