/* DesertDay */

body { font-size: 21px; color: #121212; background: #faf7f1; }
input, textarea, select { border-radius: 0; }
#GridTop::after { content: ""; display: block; position: absolute; height: 100%; width: 100%; background: #000; opacity: 0.1; }
.top-caption h1 { font-size: inherit; }
a:hover, a:focus { color: #c1c1c1; }
footer { margin-top: 65px; }


/* Header */
#header2 { background: transparent; border-bottom: 1px solid #fff; position: fixed; }
#header2::after { content: ""; display: block; height: 190px; width: 100%; position: absolute; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) -8%, rgba(84, 84, 84, 0) 71%); top: 0; z-index: -1; right: 0; }
#header2 .max-width { max-width: 101vw; }
#header2 ul.menu > li:before { content: unset; }
#header2 .header-top { display: none; }
#header2 ul.menu li a { font-size: 129%; }
#header2 #menu { margin-bottom: 7px; display: flex; justify-content: center; align-items: center; gap: 1vw; }
#header2 ul.menu li a { outline: unset; }
#header2 ul.menu li.active a, #header2 ul.menu li:not(.social-mobile):hover a, #header2 ul.menu li a:focus { border-bottom: 1px solid #82685b; }
#header2 ul.menu li.logoInMenu:hover a, #header2 ul.menu li.logoInMenu:focus a, #header2 ul.menu li.logoInMenu a:focus { border-bottom: unset; opacity: 1; }
#header2 ul.menu li:hover, #header2 ul.menu li a:focus { color: #fff; }
#header2 .menu-sub { background: #eee7da; }
#header2 ul.menu .menu-sub li { color: #000; }
#header2 ul.menu li:not(.social-mobile):hover ul.menu-sub a { border-bottom: 1px solid transparent; }
#header2 ul.menu li:not(.social-mobile):hover ul.menu-sub li:hover a, #header2 ul.menu li:not(.social-mobile):focus ul.menu-sub li:focus a { color: #000; border-bottom: 1px solid #000; }
#header2 ul.menu li ul.menu-sub a { font-size: 109%; }

/* Homepage */
#home-gallery .gallery-caption .gallery-text, .top-caption { font-size: 476%; }
#home-gallery .scroll-down img { width: 85px; }
#home-gallery .scroll-down button { background: transparent; border: none; }
.section-title h1, .section-title h2 { font-size: 219%;  }
.section-title h1 { max-width: 880px; margin: 0 auto; line-height: 118%; }
.homepage-about { padding: 4.47% 0 4.47% 0; margin-bottom: 0; }

.homepage-carousel .owl-carousel .photoTextWrapper { background: transparent; z-index: 2; pointer-events: none; }
.homepage-carousel .owl-carousel .owl-item.center .slide-bg-layer { z-index: 1; margin: 0 5px; }
.homepage-carousel .topImg::before { content: ''; background-color: #000; opacity: 0.2; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.homepage-carousel .topImg { position: relative; }
.homepage-carousel .owl-carousel .owl-dots { z-index: 1; bottom: 85px; }
.homepage-carousel h3 { font-size: 381%; color: #fff; position: relative; margin-top: -24px; }
.homepage-carousel .owl-carousel .owl-item.center { z-index: 1;transition: all .5s ease-in-out; }

.homepage-carousel .owl-carousel .owl-stage { padding-top: 3.6%; padding-bottom: 3.6%; }
.homepage-carousel .owl-carousel .owl-item:not(.center) { transform: scale(0.870); }
.homepage-carousel .owl-carousel .owl-item:not(.center) .photoTextWrapper { display: none; }
.homepage-carousel .owl-carousel.owl-loaded { overflow: hidden; }
.owl-carousel .owl-prev { right: 21%; }
.owl-carousel .owl-next { left: 22.7% }

.homepage-carousel .owl-carousel .owl-item.center .slide-bg-layer::after { content: "לפרטים והזמנות"; display: block; width: 135px; height: 45px; position: absolute; bottom: 10vw; right: 50%; transform: translateX(50%); background-size: 70px; border: 1px solid #fff; font-size: 21px; line-height: 2.1; color: #fff; }
.homepage-carousel .owl-carousel .owl-item.center .slide-bg-layer:hover::after, .homepage-carousel .owl-carousel .owl-item.center .slide-bg-layer:focus::after {background: #fff; color: #000; }
.homepage-carousel .owl-carousel .owl-dot { width: 14px; height: 14px; background: transparent; border: 2px solid #fff; }



.grid-rows .grid-row-text a.grid-row-button { background: #121212; border-radius: 0; color: #fff; font-size: 100%; padding: 1.5% 6.7%; border: 1px solid #121212; transition: 0.45s; }
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus { background: transparent; color: #121212; }
.homepage-rows .grid-rows .grid-row { background-color: transparent; }
.homepage-rows .grid-rows .grid-row-text { text-align: center; background: #eee7da; padding: 59px; width: 36.5vw; max-width: 559px; margin-top: 0; }
.grid-rows .grid-row-text h2 { font-size: 286%; margin-bottom: 5%; }
.homepage-rows .grid-rows .grid-row-text h2::after { content: ""; display: block; max-width: 153px; height: 2px; width: auto; background: #121212; margin-top:19px; margin-right: auto; margin-left: auto; }
.homepage-rows .grid-row:first-of-type { direction: ltr !important; padding-top: 20px; padding-bottom: 147px; }
.homepage-rows .grid-row:last-of-type { direction: rtl !important; }
.homepage-rows .grid-rows .grid-row-text a.grid-row-button { margin-top: 20px }
.homepage-rows .box-image-animation img { width: auto; height: auto; max-width: 480px; }
.homepage-rows .grid-rows .grid-row-cell { height: 622px; }
.homepage-rows .grid-rows { margin-right: auto; margin-left: auto; max-width: 1228px; }
.homepage-rows .box-image-animation { padding: 0 70px; }
.desert-events { max-width: 1250px; margin: 0 auto; padding: 0; position: relative; }
.desert-events .grid-text h2 { font-size: 100%; color: #fff; line-height: 26px; }
.desert-events .grid-text .sec-button { background: #fff; color: #000; border-radius: 0; padding: 7.5px 28.4px;; transition: 0.45s; border: 1px solid #fff; }
.desert-events .grid-text .sec-button:hover, .desert-events .grid-text .sec-button:focus { background: transparent; color: #fff; }
.desert-events .section-title { position: absolute; top: 25px; z-index: 1; width: 100%; color: #fff; }
.desert-events .section-title h2, .cabin-prices-heading { font-size: 286%; }
.desert-events .grid-text.gridTextWithImg .grid-text-content { top: 61%; }
.desert-events .grid-text.gridTextWithImg h2 { margin-bottom: 23px; }
.desert-events .grid-text.gridTextWithImg::before { content: ""; display: block; width: 100%; height: 100%; background: #000; position: absolute; opacity: 0.3; }
.desert-events .gridTextImgContainer { min-height: 244px; overflow: hidden; }
.desert-events .grid-text.gridTextWithImg .gridTextImgContainer img { width: auto; }
.desert-events { margin-bottom: 100px; }
.sections { outline: unset; }
.owl-carousel .owl-next:after { content: ""; background: url(/warehouse/temp/desertday/arrow_L-01.svg); background-repeat: no-repeat; }
.owl-carousel .owl-prev:after { content: ""; background: url(/warehouse/temp/desertday/arrow_R-01.svg); background-repeat: no-repeat; }

/* Inner page */
#headline, #DynamicFormObject .dynamicFormObjectTitleAndText, #contactform h3 { font-size: 286%; }
#headline h1::after, .cabin-prices-heading::after { content: ""; display: block; width: 119px; height: 2px; background: #121212; margin: 0 auto; margin-top: 3px; }
#text1, #text2 { max-width: 79%; }
#galleryview { max-width: 1116px; }
.gallery-cubes > div { padding: 10px; width: 33.33%; }
.internalPage #GridPromo { padding-left: 0; padding-right: 0; }
.normal-form input, .normal-form textarea { border-radius: 0; }
.normal-form input { height: 50px; margin-bottom: 23px; }
.normal-form textarea { height: 128px; }
.dynamicFormObjectTitle, #contactform h3 { line-height: 66%; }
.normal-form input, .normal-form textarea { padding-right: 20px; }
.textarea-wrapper.must::before { top: 7px; }
.textareaWrapper.must::before { top: 16px; } 
#DynamicFormObject:after, .normal-form:after { content: unset; }
.internalPage .normal-form input, .normal-form textarea { width: 100%; border: unset; background: #eee7da; box-shadow: unset; }
.internalPage #DynamicFormObject input[type=submit] { width: 100%; max-width: 140px; height: 46px; font-size: 100%; border-radius: 0; background: #121212; border: 1px solid #121212; }
.internalPage #DynamicFormObject input[type=submit]:hover, .internalPage #DynamicFormObject input[type=submit]:focus { background: transparent; color: #121212; }
.normal-form { border: 2px solid #82685b; }
#contactform .contact-container { width: 80%; }
#contactform .contact-container .checkbox-field input { width: unset; }
.normal-form input[type=submit] { background: #121212; font-size: 100%; max-width: 140px; height: 46px; border: 1px solid #121212; }
#contactform .contact-form-submit { text-align: center; }
.normal-form input:focus { border: unset !important; }
.form-control:focus { box-shadow: unset; outline: auto; }
#SiteGrid.layout-bottom #GridPromo { padding-top: 52px; }
#multi-content-modal.modal .close { left: 50%; transform: translateX(-50%); }
.grid-short-box-link { display: none; }
#multi-content-modal #PopUpData { display: table; width: 100%;  }
#multi-content-modal .modal-text.displayTable { padding: 50px; }
#multi-content-modal .modal-content { max-width: 850px; padding: 0; }
.culinary-page .self-cook { width: 33.33%; float: right; }
#ContentGridReadMoreModule .grid-short-box.box a::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.3; }
#ContentGridReadMoreModule .grid-short-box.box a { color: #fff; }

/* Cabin page */
#cabin-page-content { margin: 0 15px; padding-top: 20px; }
#cabin-page-content #text1, #cabin-page-content #text2 { max-width: 750px; margin: 0 auto; font-size: 157%; line-height: 1.15; }
.cabin-properties .property-icon { width: 67px; height: 67px; margin-bottom: 9px; }
.cabin-properties .property-text { display: block; font-size: 90.5%; }
.cabin-properties { display: flex; justify-content: center; max-width: 810px; margin: 0 auto; flex-wrap: wrap; margin-top: 64px; margin-bottom: 30px; }
.properties-item-wrapper { padding: 0 15px; text-align: center; margin-bottom: 20px; }
.cabin-prices-wrapper { text-align: center; }
.cabin-prices-heading { margin-bottom: 6px; }
.cabin-prices-heading::after { margin-top: 13px; }
.cabin-price-value, .cabin-price-type { display: flex; flex: 0 0 50%; max-width: calc(50% - 2.5px); background: #eee7da; padding: 16.5px 20px; }
.cabin-prices-row { display: flex; margin-bottom: 5px; }
.cabin-price-type { margin-left: 5px;}
.cabin-price-type .wrapper, .cabin-price-value .wrapper { align-self: center; width: 100%; }
.cabin-prices-table { max-width: 693px; margin: 0 auto; }
.cabin-prices-text { font-size: 90.5%; }
.order-now-btn { border: 1px solid #121212; color: #fff; background: #121212; display: block; margin: 0 auto; width: 146px; padding: 7px 0; margin-top: 24px; margin-bottom: 92px; transition: all .5s ease-in-out; }
.order-now-btn:hover, .order-now-btn:focus { color: #121212; background: #fff; }

.page-12501 .flex-row > div { width: 50%; }
/* Other */
#ContentGridShortModule .grid-short-box-image a { transition: 0.45s; }
#ContentGridShortModule .grid-short-box-image a:hover, #ContentGridShortModule .grid-short-box-image a:focus { transform: scale(1.1); }
.gallery-cubes .plus-sign { font-family: auto; }
.checkbox-field label { font-weight: 400; font-size: 90%; }
.culinary-page .col-md-4 { width: 25%; }
select.input-data.form-control { background: #eee7da; border: unset; border-radius: 0; min-height: 50px; padding-right: 20px; }
#header2 .languages { border: none; margin: 0; position: absolute; top: 54%; left: 20px; transform: translateY(-50%); font-family: 'Teko-Light'; }

/* Footer */
#SiteFooter { background: #82685b; }
.footer-text-divided { max-width: 1200px; margin: 0 auto; }
.site-credit.alternative { padding: 10px 0; }
#SiteFooter .footer-phone { font-size: 105%; }
#SiteFooter .footer-text { font-size: 91%; }
.footer-text-right p { line-height: 110%; color: #fff; }
.footer-text-left img { width: 34px; height: 34px; }
#SiteFooter a:hover, #SiteFooter a:focus { color: #fff; text-decoration: underline; }
#SiteFooter .footer-text-left a:hover, #SiteFooter .footer-text-left a:focus { text-decoration: unset; }
#SiteFooter .footer-phone { font-family: Teko-Light; }

.categories-strip ul { display: none; }

@media (max-width: 1440px) { .homepage-carousel .owl-carousel .owl-item.center .slide-bg-layer::after { bottom: 8vw; }
}

@media (max-width: 1170px) { .normal-form textarea, .normal-form input { max-width: 100%; }
}

@media (min-width: 1025px) { 
    #header2 #header-left { display: none; }
    #header2 .LogoCentered ul.menu li { left: -20px; }
    #header2 ul.menu li.active { color: #fff; }
    #header2 ul.menu li a:focus { opacity: 1; }
    .gallery-container { margin-top: 63px; }
    #header2 ul.menu li.active:not(.logoInMenu) a, #header2 ul.menu li:not(.social-mobile):not(.logoInMenu):hover a, #header2 ul.menu li:not(.logoInMenu) a:focus { border-bottom: 1px solid #fff; }
    #multi-content-modal #PopUpData { min-height: 433px; }
    #header2 .LogoCentered ul.menu li ul.menu-sub li { left: 0; }
    #header2 ul.menu li:not(.social-mobile):hover ul.menu-sub li:hover a, #header2 ul.menu li:not(.social-mobile):focus ul.menu-sub li:focus a { border-bottom: 1px solid #000; }
}

@media (max-width: 1024px) {
    .header-right-section { background: transparent; }
    #header2 ul.menu li.active { background: transparent; color: #121212; }
    #header2 ul.menu li { color: #121212; }
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important; }
    #header2 ul.menu { background: #eee7da; padding: 50px 0px 25px 0; }
    #header2 ul.menu .social-links a svg { fill: #82685b; }
    #header2.open #nav-toggle span:after, #header2.open #nav-toggle span:before, #header2.open #nav-toggle-mobile span, #header2.open #nav-toggle-mobile span:after, #header2.open #nav-toggle-mobile span:before { background: #82685b; }
    #header2 ul.menu li a { font-size: 169%;}
    #header2 ul.menu li:hover, #header2 ul.menu li a:focus { color: #121212; }
    .homepage-rows .grid-rows .grid-row-text { padding: 9% 6%; }
    .homepage-rows .grid-rows .grid-row-cell { height: 480px; }
    #header2 ul.menu li:not(.social-mobile):hover ul.menu-sub li:hover a, #header2 ul.menu li:not(.social-mobile):focus ul.menu-sub li:focus a { color: #000; }
    #header2 ul.menu .menu-sub li { margin: auto; display: block; width: fit-content; }
    #header2 .menu-sub, #header2 ul.menu .menu-sub li { float: none; }
    #header2 ul.menu li.active ul.menu-sub a { border-bottom: 1px solid transparent; }
    #header2 ul.menu li.active ul.menu-sub a:hover, #header2 ul.menu li.active ul.menu-sub a:focus { border-bottom: 1px solid #82685b; }
    #header2 .languages { left: auto; right: 26%; display: block; }
}

@media (min-width: 992px) {
    .events-page #gridshort-view-media { justify-content: center; display: flex; }
}

@media (max-width: 991px) {
    .section-title h1 { font-size: 160%; padding: 0 15px; }
    .homepage-carousel h3 { font-size: 230%; }
    .homepage-carousel h3::after { height: 50px; width: 50px; background-size: 50px; top: 65px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { left: 0; }
}

@media (min-width: 768px){
    .footer-text-divided { display: flex; justify-content: space-between; align-items: center; }
}

@media (min-width: 767px) {
    .internalPage .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; }
    .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; }
    .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField):not(.textareaField) { width: 33.33%; }
    .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
    .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding-left: 11px; padding-right: 11px; }
    .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
    #DynamicFormObject { border: 2px solid #82685b; }
    .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 87.7%; margin-left: auto; margin-right: auto; }
    .normal-form textarea { margin-bottom: 28px; }
    .internalPage #DynamicFormObject input[type=submit] { margin-bottom: 17px; }
    #contactform h3 { margin-top: 0; margin-bottom: 19px; padding: 2%; }
}

@media (max-width: 767px) {

    .page-12501 .flex-row > div { width: 100%; }
    .section-title h1 { font-size: 140%; }
    .grid-text-section .section-title { margin-bottom: 0; }
    .homepage-about { padding: 7.47% 0 7.47% 0; }
    #home-gallery .gallery-caption .gallery-text, .top-caption { font-size: 429%; white-space: unset; text-align: center; line-height: 89%; }
    #home-gallery .scroll-down { bottom: 4%; }
    .homepage-carousel .owl-carousel .owl-dots { bottom: 12px; }
    #home-gallery .gallery-caption { width: 54%; }
    .homepage-carousel .gallery-container { width: 100vw; }
    .homepage-rows .box-image-animation { padding: 0; }
    .homepage-rows .grid-rows .grid-row-text { width: auto; max-width: 480px; margin-top: 20px; }
    .homepage-rows .grid-rows .grid-row { overflow: hidden; }
    .homepage-rows .grid-rows .grid-row-cell { height: 100%; }
    .homepage-rows .box-image-animation img { max-width: 100%; position: relative; top: -50%; }
    .homepage-rows .grid-row:first-of-type { padding-bottom: 50px; }
    .desert-events .grid-text.gridTextWithImg .grid-text-content { width: 100%; }
    .desert-events .section-title h2, .grid-rows .grid-row-text h2 { font-size: 210%; }
    .desert-events .grid-text .sec-button { padding: 1.5% 6.7% }
    .desert-events .grid-text h2, .grid-rows .grid-row-text p { font-size: 90%; }
    .desert-events .grid-text .sec-button { font-size: 100%; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: block; }
    .footer-text-divided div.footer-text-right { width: 100%; text-align: center; margin-bottom: 15px; }
    .footer-text-divided div.footer-text-left { width: 100%; text-align: center; margin-top: 15px; }
    #SiteFooter { padding-bottom: 0; }
    .desert-events { margin-bottom: 50px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 24px; }
    #headline, #DynamicFormObject .dynamicFormObjectTitleAndText, #contactform h3 { font-size: 210%; }
    #text1, #text2 { max-width: 95%; }
    input, select, textarea { font-size: 100% !important; }
    #contactform .contact-container .must:before { right: 14px; }
    .textareaWrapper.must::before { top: 3px; }
    #contactform h3 { padding-bottom: 10px; }
    #cabin-page-content #text1, #cabin-page-content #text2 { font-size: 120%; }
    .cabin-price-value, .cabin-price-type { padding: 12.5px 9px; }
    .order-now-btn { margin-bottom: 50px; }
    #header2 ul.menu li a { font-size: 156%; }
    #SiteFooter .footer-text-divided img { max-width: 74px; }
    #header2 ul.menu li ul.menu-sub a { font-size: 136%; }
    .TopVideo { transform: translateY(-38%); }
    #mobile-player-controls { display: none; }
    .owl-carousel .owl-prev { right: 10px; }
    .owl-carousel .owl-next { left: 10px; }
        .owl-carousel .owl-next:after, .owl-carousel .owl-prev:after { width: 22px; }
        .owl-carousel .owl-next:after { background: url(/warehouse/temp/desertday/arrow_L-01_W-01.svg); }
    .owl-carousel .owl-prev:after { background: url(/warehouse/temp/desertday/arrow_R-01_W-01.svg); }
    .homepage-carousel .owl-carousel .owl-item.center .slide-bg-layer::after { bottom: 17vw; }
    .homepage-carousel .owl-carousel .owl-item.center .slide-bg-layer:hover::after, .homepage-carousel .owl-carousel .owl-item.center .slide-bg-layer:focus::after { background: transparent; color: #fff; }
}

@media (max-width: 550px) {
    #home-gallery .scroll-down { bottom: 4%; }
    #home-gallery .gallery-caption .gallery-text, .top-caption { font-size: 294%; }
    #header2 #menu { padding-bottom: 0; position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; flex-direction: column; display: none; }
    .desert-events .grid-text.gridTextWithImg h2 { margin-bottom: 11px; }
    .gallery-cubes > div { width: 50%; }
    #home-gallery  { height: 60vh !important; }
    #home-gallery .gallery-caption { top: 35%; }
    #home-gallery .scroll-down img { width: 45px; }
    #gridshort-view .col-xs-6 { width: 100%; }
    .culinary-page .self-cook { width: 50%; margin-bottom: 0; }
    .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { font-size: 50px; }
    .homepage-carousel .owl-carousel .owl-item.center .slide-bg-layer::after { bottom: 10vw; }
}

@media (max-width: 480px) {
    .homepage-carousel h3::after { height: 35px; width: 35px; background-size: 35px; top: 58px; }
}

@media (max-width: 375px) {
    #home-gallery .gallery-caption .gallery-text, .top-caption { font-size: 249%; }
}

#header2 ul.menu-sub li.active { color: initial; }