/*Taam VeTzeva*/

body {font-size: 20px; background: #f3f3f3; color: #333;}
::-webkit-scrollbar-thumb { background-color: #d41921;}
p, ul.accessability-list li {font-size: 90%; line-height: 1.2;}
h1, h2, h3, #text1 a, #text2 a, .grid-row-section .grid-rows .grid-row-text a.grid-row-button, .dynamicFormObjectTitle {font-family:alef-bold;}
.gallery-container { width: 100%; }
.couplesSec h2, section.contactSec h1, section.gallery .headline h2, .grid-row-section .grid-rows .grid-row-text h2, .venueMenuSec #headline h1,
    #PopUpData #headline h1, #PopUpData .headline h1, #PopUpData #accessability #headline h1, .dynamicFormObjectTitle {font-size: 225%;}
section.gallery:not(.teamSec) .headline h2 {font-size: 175%; color: #d41921;}
section.gallery .headline {display: block;}
#text1, #text2 { max-width: 640px; margin: 0 auto;}
#text1 a, #text2 a { color: #d41921 ;}
#text1 p:last-child { margin-bottom: 0;}
.popup-text { background: none; color: inherit; padding: 0;}
.venueBanner .popup-text {display: none;}

/*Pop Up Styles*/
#multi-content-modal.modal a.close { position: relative; display: block; width: 35px; height: 35px; margin: 0 auto 10px;}
#multi-content-modal.modal a.close svg{ width: 100%; height: 100%;}
#multi-content-modal.AccessabilityDeclaration #text1 h2 { margin-top: 0;}

/*General Transition*/
a, svg, header ul.menu li {transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}

/*Header*/
header#header.bg { background: #fff; box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); -webkit-box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09);}
header ul.menu {color: inherit; font-size: 100%;}
#header ul.menu li.social-links svg { fill: #231f20;}
#header ul.menu > li.active:after { content: none;}
header ul.menu li.social-links div.social-links a.social_icon_instagram { margin-left: 5px;}
#header ul.menu > li.active > a, #header .menu-sub li.active a { color: #d2232a; font-family:alef-bold;}
#header .menu-sub {background: #fff; padding: 10px;}
#header ul.menu .menu-sub li {color: inherit;}
#header ul.menu li .menu-sub a {width: auto; padding: 0;}
#header ul.menu li:hover, #header ul.menu .menu-sub li:hover {color: inherit;}
.has-sub i.opensub {font-size: 15px; margin-top: 3px;}

/*Top Banner*/
#home-module { padding: 70px 22px 22px 22px; background: #fff;}
#home-gallery {max-height: 860px;}
#home-gallery .slides .slider-item:after {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; 
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.8519782913165266)), color-stop(0%, rgba(0,0,0,0.5382528011204482)), color-stop(50%, rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.8519782913165266) 0%, rgba(0,0,0,0.5382528011204482) 0%, rgba(255,255,255,0) 50%);
    background: linear-gradient(0deg, rgba(0,0,0,0.8519782913165266) 0%, rgba(0,0,0,0.5382528011204482) 0%, rgba(255,255,255,0) 50%);}
#home-gallery .gallery-caption {top: 40%;}
#home-gallery .gallery-logo { width: 100%; text-align: center;}
#home-gallery .gallery-logo img { max-width: 212px; min-width: unset;}
#home-gallery .scroll-down img, #home-gallery .scroll-down svg {width: 44px; min-width: unset;}
#home-gallery .scroll-down { font-size: 100%; bottom: 25px;}
#home-gallery ol.flex-control-nav.flex-control-paging {bottom: 80px;}
#home-gallery .flex-control-paging li a {width: 32px; height: 3px; border-radius: 1.5px;}
#home-gallery .flex-control-paging li a.flex-active {background: #d2232a;}
.iconsBoxLeft {left: 30px; bottom: 20px;}
.iconBox {margin: 0;}
.iconBox img { max-width: 94px; min-width: unset; max-height: 80px;}

/*About Section*/
section.aboutSec {padding: 165px 0 55px;}
section.aboutSec .section-content { max-width: 1080px;}
.aboutSec #headline {display: none;}
.grid-row-section {padding-top: 0;}
section.aboutSec .section-content .grid-row { display: block; background: none;}
section.aboutSec .grid-row-section .grid-rows .grid-row-cell {display: block !important; color: inherit;}
section.aboutSec .grid-row-cell.flexslider-box {max-width: 718px; width: 100%; 
    box-shadow: 3.4px 4.9px 47px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3.4px 4.9px 47px 0 rgba(0, 0, 0, 0.15);}
section.aboutSec .grid-row-cell.grid-row-cell-text {max-width: 471px; width: 100%; background: #fff;
    box-shadow: 3.4px 4.9px 47px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 3.4px 4.9px 47px 0 rgba(0, 0, 0, 0.05);}
section.aboutSec .grid-row-section .grid-rows .grid-row-text h2 { margin-bottom: 10px;} 
.grid-row-section .grid-rows .grid-row-text {width: 100%;}
.grid-row-section .grid-rows .grid-row-text a.grid-row-button { color: #d41921; font-size: 120%; padding: 0; border-radius: 0; border: none; margin-top: 10px;}
.grid-row-section .grid-rows .grid-row-text a.grid-row-button:hover { background: none; color: #d41921; text-decoration: underline;}
#text1 a:hover {text-decoration: underline;}

/*About Section Pop Up*/
.modal .popup-text #text1 { background: none; }
.modal #pageview {max-width: 650px; padding: 25px 50px; background-color: #fff; margin: 0 auto;}
#PopUpData #headline, #PopUpData .headline {color: inherit;}

/*Couples Section*/
section.couplesSec {padding: 55px 0 75px;}
.couplesSec .grid-content-section {padding: 0;}
.couplesSec #headline, .teamSec.gallery .headline { margin-bottom: 30px;}
.couplesSec .LobbyModule .grid-box {background-color: #fff; box-shadow: 3.4px 4.9px 47px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3.4px 4.9px 47px 0 rgba(0, 0, 0, 0.1);}
.couplesSec .LobbyModule .grid-boxes {padding-top: 0;}
.grid-boxes .box-image-animation { overflow: hidden;}
.grid-box-fulltext { position: relative; padding: 0 20px 20px;}
.grid-box-fulltext:after { content: ''; position: absolute; width: 157px; height: 96px; top: 60px; right: 50%; z-index: -1; pointer-events: none;
    background-image: url(../../../warehouse/temp/taamVetzeva/quoteIcon.png); background-size: cover; background-position: center center; background-repeat: no-repeat; 
    transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}

/*Team Section*/
.teamSec.gallery {padding: 75px 0 50px;}
.teamSec .gallery-container { max-width: 1230px; margin: 0 auto;}
.teamSec.gallery .gallery-container .owl-carousel .owl-item { padding: 0 24px;} 
.teamSec.gallery .gallery-container .owl-carousel .owl-item .item {padding: 0;}
.teamSec.gallery .gallery-container .owl-carousel .owl-item .item .imgWrapper {box-shadow: 3.4px 4.9px 27px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 3.4px 4.9px 27px 0 rgba(0, 0, 0, 0.05);}
.teamSec.gallery .owl-carousel .owl-item a.slide-bg-layer, .teamSec.gallery .owl-carousel .owl-item .item .plus-sign.photo-text { position: static;}
.teamSec.gallery .owl-carousel .owl-item .topImg { pointer-events: none;}
.teamSec.gallery .owl-carousel .owl-item img { max-height: 430px;}
.teamSec.gallery .owl-carousel .owl-item .item .plus-sign:not(.photo-text) { display: none;}
.teamSec.gallery .owl-carousel .owl-item .item .plus-sign.photo-text { position: static; width: auto; height: auto; background: none; opacity: 1; color: #000; font-size: 100%;
    transition: none; -webkit-transition: none; -o-transition: none;}
.teamSec.gallery .owl-carousel .owl-item .item .plus-sign.photo-text h3, .teamSec.gallery .owl-carousel .owl-item .item .plus-sign.photo-text p { display: inline-block;}
.teamSec.gallery .owl-carousel .owl-item .item .plus-sign.photo-text .photo-text-content {direction: rtl;}
.teamSec.gallery .owl-carousel .owl-item .item .plus-sign.photo-text h3 { font-size: 100%; margin: 0;}
.teamSec.gallery .owl-carousel .owl-item .item .plus-sign.photo-text p { color: #d41921;}
.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after {width: 100%; height: 100%; display: inline-block; 
    background-size: cover; background-position: center center; background-repeat: no-repeat;}
.owl-carousel .owl-nav div { width: 20px; height: 37px; top: 45%;} 
.owl-carousel .owl-prev {right: -40px;}
.owl-carousel .owl-next {left: -40px;}
.owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/taamVetzeva/arrLeft.png);}
.owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/taamVetzeva/arrRight.png);}

/*Venue Menu Section*/
section.venueMenuSec { padding: 40px 0 60px;}
.venueMenuSec a.popupBtn {position: relative; padding: 0; background: none; color: #d41921; font-size: 100%; margin-bottom: 0;}
.venueMenuSec a.popupBtn:after { content: ''; position: absolute; width: 100%; height: 5px; background-color: #d41921; bottom: 0; right: 50%;     
    transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%);}
.venueMenuSec .subCategories {margin-top: 0;}

/*Venues Sections*/
section.venueBanner { height: 450px; padding: 0;}
.venueBanner .headline, .venueBanner .popup-text {display: none;}
section.gallery:not(.teamSec), section.venueBanner { margin: 0 20px;}
section.gallery:not(.teamSec) .headline {margin-bottom: 35px;}
section.gallery:not(.teamSec) .gallery-container { max-width: 1250px; margin: 50px auto 0;}
section.gallery:not(.teamSec) .galleryview { padding: 50px 0 90px;}
.gallery-cubes > div { padding: 12px;}

/*Contact Section*/
section#contact {background: none; padding: 50px 0 120px;}
#contact #text1 a {font-family: Alef;}

#DynamicFormObject { max-width: 930px; color: inherit; background-color: #fff; padding: 40px; border: 3px solid #333; margin-top: 50px;}
.dynamicFormObjectTitle { display: inline-block; position: relative;}
.dynamicFormObjectTitle:after {content: ''; display: block; width: 90px; height: 3px; background-color: #df1a23; margin: 10px auto 30px;}
#DynamicFormObject .dynamicFormObjectFields {margin-bottom: 0;}
#DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0; font-size: 100%;}
#DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 90%; margin-bottom: 0;}
#DynamicFormObject #form-thanks #headline, #DynamicFormObject #form-thanks h3 {margin: 0;}
#DynamicFormObject #form-thanks h3 {font-size: 100%;}
#DynamicFormObject form {margin-top: 20px;}
.normal-form input, .normal-form select { height: 45px; width: 100%; max-width: 100%; margin-bottom: 24px; padding-right: 15px; border-radius: 0; font-size: 90%; color: #333;
    border: none; background-color: #eaeaea;
    box-shadow: unset; -webkit-box-shadow: unset; }
#DynamicFormObject .dynamicFormObjectField, #DynamicFormObject .dynamicFormObjectSubmit {padding: 0 12px;}
#DynamicFormObject .dynamicFormObjectField {float: right;}
#DynamicFormObject input[type="submit"] { max-width: 100%; width: 100%; height: 45px; border-radius: 0; font-size: 90%; background: #df1a23;}
.normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder {color: #333;}
select option {color: #333;}
label.error, span.error {font-size: 75%; top: 5px; left: 20px;}
.must:before { right: 16px; top: 7px;}
.select-wrapper:after { top: 35%;}

/*Footer*/
.site-credit.alternative { padding: 10px 0;}

@media(max-width: 1360px) {
    .teamSec .gallery-container { width: 90%}
}

@media(max-width: 1170px) {
    .grid-row-section .grid-rows .grid-row-text { margin-top: 0;}
}

@media(max-width: 1100px) {
    #header ul.menu li { margin-left: 0;}
}

@media(min-width: 1025px) {
    /*Header*/
    header#header, header#header.bg { padding: 20px;}
    #header ul.menu li a { position: relative;}
    #header ul.menu > li.active > a:after, #header ul.menu > li:hover > a:after, #header ul.menu > li:focus > a:after,
        #header .menu-sub li.active > a:after,  #header .menu-sub li:hover > a:after, #header .menu-sub li:focus > a:after
            { content: ''; position: absolute; width: 100%; height: 2px; bottom: 0; right: 50%; background: #d2232a; border-radius: 1px;
                transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); }
    #header ul.menu > li.social-links a:after { content: none;}
    #header ul.menu > li:hover > a, #header ul.menu > li:focus > a { color: #d2232a;}
    #header ul.menu li:hover { color: #333;}
    #header-logo { left: auto; right: 50px;}
    header ul.menu li.social-links { position: absolute; left: 80px; top: 50%; margin-left: 0;
        transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
    header ul.menu li.social-links div.social-links { margin-bottom: 10px;}

    /*Couples Section*/
    .couplesSec .LobbyModule .grid-box { margin-left: 42px;}
    .couplesSec .LobbyModule .grid-boxes { margin: 0 -30px;}
}

@media(min-width: 991px) {
    .couplesSec .LobbyModule .grid-box { width: 29.3%; margin-bottom: 0;}
    .grid-boxes .grid-box-image { padding-bottom: 220px; margin-bottom: 20px;}
}

@media(min-width: 768px) {
    /*About Section*/
    section.aboutSec .grid-row-section .grid-row li.slider-item { padding-bottom: 487px;}
    section.aboutSec .grid-row-cell.grid-row-cell-text {position: absolute; top: 50%; left: 0; height: auto;  padding: 50px 35px 40px;
        transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
    .grid-row-section .grid-rows .grid-row-text { position: static; transform: none; -webkit-transform: none; -ms-transform: none;}

    /*Contact Section*/
    #DynamicFormObject .dynamicFormObjectField, #DynamicFormObject .dynamicFormObjectSubmit {width: 25%;}
    /*#DynamicFormObject input[type="submit"] { max-width: 160px;}*/
}

@media(min-width: 768px) and (max-width: 1024px) {
    section.aboutSec .grid-row-cell.flexslider-box { width: 60%; margin-right: 10%;}
    section.aboutSec .grid-row-cell.grid-row-cell-text {width: 400px; left: 10%;}
}

@media(max-width: 1024px) {
    header#header, header#header.bg {padding: 25px 20px;}
    #header ul.menu { width: 100vw; height: 101vh; background: #f3f3f3; margin-bottom: 0; padding-top: 25%; font-size: 100%;}
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background: #000;}
    #header ul.menu > li { padding: 7px 0; font-size: 160%;}
    #header ul.menu li.active { background: none; color: #d2232a;}
    #header ul.menu .social-links a svg { width: 24px; height: 24px;}
    #header .menu-sub { background: none;}
    #header ul.menu li .menu-sub a { float: none;}
    #header ul.menu .menu-sub li { margin-bottom: 0;}
    .has-sub i.opensub { font-size: 18px;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    #header-logo.hidden-sm.hidden-xs { display: none;}
}

@media(max-width: 990px) {
    .modal #pageview { max-height: 80vh; padding-bottom: 60px; overflow: auto; }
    #PopUpData #ContentRegularModule:before, #PopUpData #ContentRegularModule:after { content: ''; position: absolute; height: 30px; width: 644px; background-color: #fff; 
        z-index: 10;}
    #PopUpData #ContentRegularModule { position: relative;}
    #PopUpData #ContentRegularModule:after { bottom: 45px; right: 20px;}
    #PopUpData #ContentRegularModule:before { right: 20px; top: 0;}

    #header-logo img { max-width: 120px;}
    .has-sub i.opensub { margin-top: 8px;}
    #text1 p, #text2 p { font-size: 100%;}

    #home-gallery .gallery-caption { top: 45%;}
    #home-gallery .gallery-logo img { max-width: 150px; }
    #home-gallery .scroll-down { bottom: 90px;}
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 130px;}

    section.aboutSec { padding: 70px 0 20px;}

    section.gallery:not(.teamSec) .galleryview {padding-bottom: 50px;}
    section.gallery:not(.teamSec) .headline { margin-bottom: 20px;}
    section.venueBanner { height: 350px; }
    section.couplesSec, .teamSec.gallery, section#contact, section.venueMenuSec {padding: 40px 0;}
    .teamSec .gallery-container { width: 80%;}
    /*.teamSec.gallery .gallery-container .owl-carousel .owl-item { padding: 0 7px;}*/ 

    .gallery-cubes > div { padding: 7px;}

    #DynamicFormObject {padding: 40px 30px;}
    .dynamicFormObjectTitle:after {margin-bottom: 20px;}
}

@media(min-width: 768px) and (max-width: 990px) {
    #multi-content-modal .modal-content, .form-modal .modal-content, #multi-content-modal .form-modal .modal-content { max-height: 80vh; overflow: hidden;}

    .LobbyModule .grid-boxes .grid-box-title h3 { min-height: 48px; padding: 0 5px;}
    .couplesSec .LobbyModule .grid-box { width: 31.333%; margin-left: 14px;}
    .couplesSec .LobbyModule .grid-box:last-child { margin-left: 0;}

    .teamSec.gallery .owl-carousel .owl-item img { max-height: 480px; object-fit: cover;}

     #DynamicFormObject {width: 95%;}
}

@media(max-width: 767px) {
    section.gallery:not(.teamSec), section.venueBanner { margin: 0 10px;}
    .modal #pageview { padding: 30px 10px 60px;}
    #PopUpData #ContentRegularModule:before, #PopUpData #ContentRegularModule:after {width: 100%; right: 0;}
    #multi-content-modal.AccessabilityDeclaration #text1 { padding-bottom: 70px;}

    header#header, header#header.bg { padding: 15px;}
    #header .nav-menu-anim { vertical-align: middle;}
    #header ul.menu > li { padding: 4px 0; font-size: 130%;}
    #header ul.menu li > a { font-size: 100%;}
    .has-sub i.opensub { margin-top: 4px; margin-right: 3px;}
    .waze-navigation a { display: block;}
    .waze-navigation svg { max-width: 100%; display: block; margin-top: 2px;}
    .waze-navigation path.st0 { fill: #fff;} 
    .waze-navigation path.st1 { fill: #333;} 

    #home-module { padding: 68px 10px 10px 10px;}
    #home-gallery .gallery-logo img { max-width: 110px; }

    /*#multi-content-modal .modal-content { overflow: auto;}*/

    section.aboutSec .grid-row-cell.grid-row-cell-text {padding: 20px 15px;}
    .grid-row-section .grid-row li.slider-item img{ width: 100%;}
    .grid-row-section .grid-rows .grid-row-text { text-align: center;}
    .grid-row-section .grid-rows .grid-row-text p { font-size: 90%;}

    section.venueBanner { height: 270px;}
    section.couplesSec { padding-bottom: 0;}
    .couplesSec .grid-content-section { margin-bottom: 0;}
    .couplesSec .LobbyModule .grid-box { width: 85%; margin: 0 0 40px;}
    .couplesSec #headline, .teamSec.gallery .headline { margin-bottom: 25px;}

    section.gallery:not(.teamSec) .galleryview { padding-top: 30px;}
    .owl-carousel .owl-next { left: -20px;}
    .owl-carousel .owl-prev { right: -20px;}

    section.gallery:not(.teamSec) .gallery-container {margin-top: 25px;}
    ul.subCategories.media-boxes-filter li { margin-bottom: 10px;}

    #DynamicFormObject { width: 90%; padding: 30px 20px;}
    .dynamicFormObjectTitle {font-size: 160%;}
    #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 80%;}
    #DynamicFormObject .dynamicFormObjectField .must:before {right: 16px;}

}