/* Fonts */
@font-face {
    font-family: CormorantGaramond-Regular;
    src: url(/wp-content/themes/Yoga-Lake-View/fonts/CormorantGaramond-Regular.woff2);
    font-weight: normal;
}
@font-face {
    font-family: CormorantGaramond-Light;
    src: url(/wp-content/themes/Yoga-Lake-View/fonts/CormorantGaramond-Light.woff2);
    font-weight: normal;
}
@font-face {
    font-family: CormorantGaramond-SemiBold;
    src: url(/wp-content/themes/Yoga-Lake-View/fonts/CormorantGaramond-SemiBold.woff2);
    font-weight: normal;
}
@font-face {
    font-family: Lato-Regular;
    src: url(/wp-content/themes/Yoga-Lake-View/fonts/Lato-Regular.woff2);
    font-weight: normal;
}
@font-face {
    font-family: Lato-Light;
    src: url(/wp-content/themes/Yoga-Lake-View/fonts/Lato-Light.woff2);
    font-weight: normal;
}
@font-face {
    font-family: Nunito-Regular;
    src: url(/wp-content/themes/Yoga-Lake-View/fonts/Nunito-Regular.woff2);
    font-weight: normal;
}
@font-face {
    font-family: Nunito-Light;
    src: url(/wp-content/themes/Yoga-Lake-View/fonts/Nunito-Light.woff2);
    font-weight: normal;
}
@font-face {
    font-family: VarelaRound;
    src: url(/wp-content/themes/Yoga-Lake-View/fonts/VarelaRound-Regular.woff2);
    font-weight: normal;
}

/******* GENERAL STYLES *******/

html {
    scroll-behavior: smooth;
    max-width: 100%;
    width: 100%;
}

body {
    font-family: Nunito-Regular;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0em;
    color:  #2d5661;
    background-color: #ffffff;
}

[lang="he-IL"] body {
    font-family: VarelaRound;;
}

body .grid-container{
    max-width: 100%;
}

.site-content {
    display: flex;
    flex-direction: column;
}

.separate-containers .site-main {
    margin: 0;
}

.page-header, .sidebar .widget, .site-main>* {
    margin-bottom: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    color: #5d5d5d;
}

body .hide {
    display: none;
}

.white{
    color: #ffffff;
}

.main_color {
    color:  #2d5661;
}

h1, h2, h3, h4, h5, h6, p{
    margin-bottom: 0;
    color:  #2d5661;
}

h1 {
    font-family: CormorantGaramond-SemiBold;
    font-size: 58px;
    text-transform: uppercase;
}

[lang="he-IL"] h1,
[lang="he-IL"] h2,
[lang="he-IL"] h3 {
    font-family: VarelaRound;;
}

h2 {
    font-family: CormorantGaramond-Regular;
    text-transform: uppercase;
    font-size: 50px;
}

h3 {
    font-family: CormorantGaramond-Regular;
    font-size: 35px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 28px;
}

h6{
    font-size: 25px;
}

p {
    font-size: 16px;
}

.d_flex {
    display: flex;
}

.f_col{
    flex-direction: column;
}

.f_order_1 {
    order: 1;
}

.img_col {
    display: flex;
}

.dir_ltr {
    direction: ltr;
}

.dir_rtl {
    direction: rtl;
}

@media(min-width: 990px){

    .col100 {
        width: 100%;
    }

    .col50 {
        width: 50%;
    }

    .col30 {
        width: 33.33%;
    }

    .col25 {
        width: 25%;
    }

    .mobile_only {
        display: none;
    }

}

@media(max-width: 990px){

    /*.mobile_only {*/
    /*    display: block;*/
    /*}*/

    .desktop_only {
        display: none;
    }

    h1 {
        font-size: 38px;
    }

    h2 {
        font-size: 28px;
    }

    h6 {
        font-size: 20px;
    }

    /*.col50{*/
    /*    width: 100%;*/
    /*}*/

    .col30 {
        width: 33.33%;
    }

    .col25 {
        width: 25%;
    }

}

/* Main navigation */

.yoga_lake_main_menu {
    height: 90px;
    margin-bottom: -90px;
    position: relative;
    z-index: 50;
    width: 100%;
}

.main_menu_container {
    justify-content: space-between;
    padding: 14px 50px;
}

.navigation_bar{
    margin-right: 3vw;
    align-items: center;
    gap: 30px;
}

.navigation_bar .nav_menu_item a {
    text-decoration: none;
    color: #0d3c49;
    font-size: 20px;
}

.navigation_bar .nav_menu_item a:hover,
.navigation_bar .nav_menu_item a:focus {
    color: #2d5661;
}

.yoga_lake_main_menu .nav_site_logo svg{
    width: 100px;
    height: 56px;
}

.lang-item a img {
    scale: 2;
}

@media(max-width: 990px){

    .tog_btn:after {
        content: url("../images/ylv-menu-tog.svg");
        animation: fadeIn 1s;
    }

    .tog_btn.menu_open:after {
        content: url("../images/ylv-menu-close.svg");
    }

    .yoga_lake_main_menu_mobile {
        z-index: 99;
        position: fixed;
        width: 100%;
        background: #fdfdfd;
    }

    .main_menu_container,
    .mobile_menu_container {
        justify-content: space-between;
        padding: 10px 20px;
    }

    .navigation_bar {
        margin-right: 0;
        align-items: center;
        gap: 0;
        flex-direction: column;
    }

    .yoga_lake_main_menu_mobile .nav_site_logo svg,
    .yoga_lake_main_menu .nav_site_logo svg {
        width: 70px;
        height: 40px;
    }

    .lang-item a img {
        scale: 1.5;
    }


    .mobile_menu_toggle {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .mobile_menu_drop_tap {
        max-height: 0;
        background: #fdfdfd;
        transition: all 0.5s ease-in-out;
    }

    .mobile_menu_drop_tap.open {
        max-height: 100vh;
        transition: all 0.5s ease-in-out;
    }

    .mobile_menu_toggle .nav_menu_item.cta_btn {
        height: auto;
        padding: 15px;
    }

}

/****** Hero *****/

[lang="he-IL"] .ylv_hero_section {
    direction: rtl;
}

.hero_bg {
     z-index: -10;
 }

.hero_bg img {
    width: 100%;
    object-fit: cover;
    height: 100vh;
}

.hero_title_wrapper {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, 0%);
}

.hero_title_wrapper .site_title {
    font-size: 58px;
    font-family: CormorantGaramond-SemiBold;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.1;
    color: #0d3c49;
}

.hero_title_wrapper .site_title h1{
    color: #0d3c49;
}

[lang="he-IL"] .hero_title_wrapper .site_title {
    font-family: VarelaRound;;
}

.site_title,
.hero_btn {

}

@media(max-width: 990px){

    .hero_title_wrapper .site_title {
        font-size: 38px;
        margin-bottom: 25px;
        line-height: 1.1;
    }

    /*.hero_btn svg {*/
    /*    width: 56px;*/
    /*    height: 56px;*/
    /*}*/

    .ylv_hero_container.d_flex.f_col {
        height: 95vh;
        justify-content: flex-end;
    }

    .hero_title_wrapper {
        top: 25%;
        width: 90%;
    }

    .hero_bg.mobile_only {
        height: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .hero_bg.mobile_only img {
        width: auto;
        max-width: max-content;
    }

}

/*body.rtl .slick-slider .slick-slide{*/

/*    direction: ltr;*/
/*    float:left;*/

/*}*/

/********* Main Section **********/
[lang="he-IL"] .ylv_main {
    direction: rtl;
}

.ylv_main_container.d_flex {
    padding: 150px 12vw;
    background: #fdfdfd;
}

.ylv_main_container .img_col{
    padding-left: 5%;
}

[lang="he-IL"] .ylv_main_container .img_col{
    padding-left: 0;
    padding-right: 5%;
}

.ylv_main_container .img_col img{
    object-fit: cover;
    width: auto;
    /*max-height: 870px;*/
    max-height: 100%;
}

.ylv_main_container .content_col h2{
    text-align: left;
    margin-bottom: 20px;
}

[lang="he-IL"] .ylv_main_container .content_col h2{
    text-align: right;
}

.content_wrapper{
    width: 460px;
}

@media (min-width: 1921px) {
    .content_wrapper{
        width: 24vw;
    }

   .ylv_main_container .content_wrapper p {
        font-size: 0.83vw;
    }

    .hero_bg img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }
}

@media(max-width: 1440px) {

    .ylv_main_container.d_flex {
        padding: 150px 9vw;
    }

}

@media(max-width: 990px) {
    .ylv_main_container.d_flex {
        flex-direction: column;
    }

    .ylv_main_container.d_flex {
        padding: 0;
    }

    .ylv_main_container.d_flex > div.col50 {
        width: 100%;
    }

    .ylv_main_container .content_col {
        padding: 30px 15px;
    }

    .content_wrapper {
        width: 100%;
    }

    .ylv_main_container .content_col h2 {
        margin-bottom: 20px;
        font-family: CormorantGaramond-SemiBold;
    }

    [lang="he-IL"] .ylv_main_container .content_col h2 {
        font-family: VarelaRound;
    }

    .ylv_main_container .img_col {
        padding: 0;
    }

    [lang="he-IL"] .ylv_main_container .img_col {
        padding: 0;
    }
}

/********* Facilities Section **********/

.ylv_facilities_container{
    background: #fdfdfd;
    padding-bottom: 40px;
}

.ylv_facility_part.d_flex {
    padding: 60px 120px;
}

.ylv_facilities_text {
    justify-content: center;
    padding: 0 8%;
    text-align: center;
}

.ylv_facilities_gallery {
    padding: 0 50px;
}

.gallery_wrapper {
    border-radius: 50px;
    box-shadow: 1px 3px 20px 0 rgb(76 80 91 / 37%);
}

.ylv_facilities_gallery .gallery_wrapper img {
    height: 32vw;
    width: auto;
    object-fit: cover;
    border-radius: 50px;
}

.ylv_facilities_text h3.ylv_facilities_title {
    margin-bottom: 20px;
}

[lang="he-IL"] .ylv_facilities_text .ylv_facilities_title,
[lang="he-IL"] .ylv_facilities_text .ylv_facilities_description{
    direction: rtl;
}

.ylv_facilities_text .ylv_facilities_description {
    font-size: 20px;
}

.ylv_facilities_gallery .slick-prev.slick-arrow {
    left: -40px;
}

.ylv_facilities_gallery .slick-next.slick-arrow  {
    right: -40px;
}

.ylv_facilities_gallery .slick-prev.slick-arrow:before {
    content: url("/wp-content/themes/Yoga-Lake-View/assets/images/left-arrow.svg");
    margin-left: -8px;
}

.ylv_facilities_gallery .slick-next.slick-arrow:before {
    content: url("/wp-content/themes/Yoga-Lake-View/assets/images/right-arrow.svg");
    margin-left: -8px;
}


@media(max-width: 1440px) {

    .ylv_facilities_gallery .gallery_wrapper img {
        height: 30vw;
    }
}


@media(max-width: 990px) {

    .ylv_facility_part.d_flex {
        padding: 20px 10px;
        /*outline: 2px solid #2d5661;*/
        /*outline-offset: -10px;*/
        /*border-radius: 15px;*/
    }

    .ylv_facilities_gallery {
        padding: 0;
        border: 1px solid #2d5661bd;
        border-top: none;
        border-radius: 0 0 10px 10px;
        overflow: hidden;
    }

    .ylv_facility_part {
        flex-direction: column;
    }

    .ylv_facilities_gallery .gallery_wrapper img {
        height: 90vw;
        border-radius: 0;
    }

    .ylv_facilities_text.f_order_1 {
        order: 0;
    }

    .ylv_facilities_text h3.ylv_facilities_title {
        font-family: 'CormorantGaramond-SemiBold';
        font-size: 30px;
        margin-bottom: 10px;
    }

    [lang="he-IL"] .ylv_facilities_text h3.ylv_facilities_title {
        font-family: 'VarelaRound';
        font-size: 26px;
    }

    .ylv_facilities_text {
        padding: 30px 25px 20px;
        border: 1px solid #2d5661bd;
        border-bottom: none;
        border-radius: 10px 10px 0 0;
        /*overflow: hidden;*/
    }

    .ylv_facilities_text .ylv_facilities_description {
        font-size: 16px;
    }

    .ylv_facilities_gallery .slick-prev.slick-arrow {
        left: 0;
        z-index: 2;
        background: #ffffff8f;
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }

    .ylv_facilities_gallery .slick-next.slick-arrow {
        right: 0;
        z-index: 2;
        background: #ffffff8f;
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }

    .ylv_facilities_gallery .slick-next.slick-arrow:before {
        margin-left: 0;
        opacity: 1;
        filter: brightness(0.5);
        display: block;
        margin-top: -1px;
    }

    .ylv_facilities_gallery .slick-prev.slick-arrow:before {
        margin-left: -4px;
        opacity: 1;
        filter: brightness(0.5);
        display: block;
        margin-top: -1px;
    }

    .ylv_facilities_container {
        padding-bottom: 20px;
    }

}


/**************** Prices Page *****************/

/****** Prices Section ******/

.ylv_prices {
    padding: 150px 12vw 0;
    background: #fdfdfd;
    display: flex;
    flex-direction: column;
}

.ylv_prices .divider {
    margin-top: 70px;
    border-bottom: 2px solid #0000001a;
}

.ylv_prices h1 {
    text-align: center;
    margin-bottom: 50px;
    text-transform: none;
}

.ylv_prices_container {
    display: flex;
    margin: 0 auto;
}

.ylv_prices_part {
    width: 900px;
    padding: 20px 30px 30px;
    gap: 20px;
    /*border: 1px solid #2d5661bd;*/
    border-radius: 30px;
    background: rgb(209 171 98 / 38%);
    height: fit-content;
    /*box-shadow: 1px 1px 20px 0 #00000036;*/
    box-shadow: 1px 3px 20px 0 rgb(76 80 91 / 37%);
}

.ylv_prices_description {
    padding: 30px 0;
    text-align: center;
    border: 1px solid #2d566163;
    border-left: none;
    border-right: none;
    text-transform: capitalize;
}

.ylv_prices_description p {
    font-size: 18px;
}

.ylv_prices_description p:nth-of-type(1) {
    margin-bottom: 10px;
    font-weight: bold;
    padding: 0px 60px;
}

h3.ylv_prices_title {
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
}

.ylv_prices_types {
    padding: 20px 0 0;
    justify-content: space-around;
}

p.ylv_prices_title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
}

p.ylv_prices_price {
    font-size: 20px;
}

[lang="he-IL"] .ylv_prices {
    direction: rtl;
}

    /****** Packages Section ******/

[lang="he-IL"] .ylv_packages {
    direction: rtl;
}

.ylv_packages {
    padding: 90px 12vw;
    background: #fdfdfd;
    display: flex;
}

.ylv_packages_container {
    display: grid;
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    gap: 50px;
    width: auto;
    grid-template-columns: auto auto;
    margin: 0 auto;
}

.ylv_package_part {
    width: 450px;
    padding: 20px 30px 30px;
    gap: 20px;
    /*border: 1px solid #2d5661bd;*/
    border-radius: 30px;
    background: rgb(209 171 98 / 38%);
    height: 425px;
    /*box-shadow: 1px 1px 20px 0px #00000036;*/
    box-shadow: 1px 3px 20px 0 rgb(76 80 91 / 37%);
}

h3.ylv_packages_title {
    text-transform: capitalize;
    text-align: center;
}

.ylv_packages_section {
    position: relative;
    height: 270px;
    margin-top: auto;
}

.packages_gallery_wrapper {
    position: absolute;
    height: 100%;
    /*z-index: 2;*/
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.packages_gallery_wrapper img {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
}

.ylv_packages_text {
    gap: 10px;
    position: absolute;
    background: #f5f5f5;
    padding: 0 20px;
    height: 100%;
    justify-content: space-evenly;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.ylv_packages_text.flipped {
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.ylv_packages_description {
    padding: 0 10px;
    text-transform: capitalize;
}

.ylv_packages_description p {
    font-size: 18px;
}

.ylv_packages_description p:nth-of-type(2) {
    margin-top: 10px;
    line-height: 1;
}

.ylv_packages_description p em{
    font-size: 14px;
    line-height: 1;
}

p.ylv_packages_price {
    font-size: 22px;
    text-align: end;
}

@media(max-width: 1440px) {
    .ylv_packages {
        padding: 150px 8vw;
    }
}

@media(max-width: 990px) {

    .ylv_prices {
        padding: 75px 15px 0;
    }

    .ylv_prices .divider {
        margin-top: 40px;
    }

    .ylv_prices h1 {
        text-align: center;
        margin-bottom: 20px;
        font-size: 30px;
    }

    .ylv_prices_part {
        width: 100%;
        padding: 20px 15px 30px;
        gap: 15px;
    }

    h3.ylv_prices_title {
        font-size: 26px;
    }

    .ylv_prices_description {
        padding: 15px 0;
    }

    .ylv_prices_description p:nth-of-type(1) {
        padding: 0;
    }

    .ylv_prices_description p {
        font-size: 15px;
    }

    .ylv_prices_types {
        padding: 15px 0 0;
    }

    p.ylv_prices_title {
        font-size: 18px;
    }

    p.ylv_prices_price {
        font-size: 16px;
    }

}


/************ Packages Page Option 2 ************/
.ylv_packages {
    padding: 70px 12vw;
    background: #fdfdfd;
    display: flex;
}

.option2 .ylv_packages_container {
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */
    gap: 70px;
    margin: 0 auto;
}

.option2 .ylv_package_part {
    width: 900px;
    padding: 20px 30px;
    gap: 15px;
    /*border: 1px solid #2d5661bd;*/
    border-radius: 30px;
    background: rgb(209 171 98 / 38%);
    height: fit-content;
    /*box-shadow: 1px 1px 20px 0px #00000036;*/
    box-shadow: 1px 3px 20px 0 rgb(76 80 91 / 37%);
}

.option2 h3.ylv_packages_title {
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
}

.option2 .ylv_packages_section {
    position: relative;
    height: 100%;
    margin-top: 0;
}

.option2 .packages_gallery_wrapper {
    position: absolute;
    height: 100%;
    /*z-index: 2;*/
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.option2 .packages_gallery_wrapper img {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
}

.option2 .ylv_packages_text {
    gap: 20px;
    position: relative;
    background: none;
    padding: 0 20px;
    height: 100%;
    justify-content: flex-start;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.option2 .ylv_packages_text.flipped {
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.option2 .ylv_packages_description {
    padding: 30px 0;
    text-align: center;
    border: 1px solid #2d566163;
    border-left: none;
    border-right: none;
    text-transform: capitalize;
}

.option2 .ylv_packages_description p {
    font-size: 22px;
}

.option2 .ylv_packages_description p:nth-of-type(2) {
    margin-top: 10px;
    line-height: 1;
}

.option2 .ylv_packages_description p em{
    font-size: 14px;
    line-height: 1;
}

.option2 p.ylv_packages_price {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}

@media(max-width: 1440px) {
    .option2 .ylv_packages {
        padding: 150px 8vw;
    }
}

@media(max-width: 990px) {

    .option2 .ylv_package_part {
        width: 100%;
        padding: 20px 15px 30px;
        gap: 15px;
    }

    .option2.ylv_packages {
        padding: 40px 15px;
    }

    .option2 .ylv_packages h1 {
        text-align: center;
        margin-bottom: 20px;
        font-size: 30px;
    }

    .option2 h3.ylv_packages_title {
        font-size: 26px;
    }

    .option2 .ylv_packages_description {
        padding: 15px 0;
    }

    .option2 .ylv_packages_description p {
        font-size: 15px;
    }

    .option2 .ylv_packages_types {
        padding: 15px 0 0;
    }

    .option2 p.ylv_packages_title {
        font-size: 18px;
    }

    .option2 p.ylv_packages_price {
        font-size: 16px;
        padding: 0;
    }

    .option2 .ylv_packages_container {
        gap: 40px;
    }


}
/*********** Footer ************/

.ylv_footer {
    background-color: #2d5661;
    padding: 50px 12vw;
}

.footer_list_title h6 {
    color: #ffffff;
    margin-bottom: 40px;
    font-family: CormorantGaramond-Regular;
}

[lang="he-IL"]  .footer_list_title h6 {
    font-family: VarelaRound;
}

.footer_content {
    justify-content: space-between;
}

[lang="he-IL"] .footer_content.col50.d_flex {
    direction: rtl;
}

.footer_list.reservations .footer_phone p.white,
.footer_list.reservations .footer_whats p.white {
    direction: ltr;
}

.footer_content .footer_list > div {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 14px;
}

.footer_bottom {
    margin-top: 50px;
}

.ylv_footer .footer_site_logo {
    width: max-content;
    margin: auto 0 20px;
}

.ylv_footer .footer_site_logo svg {
    width: 200px;
    height: 130px;
}

.footer_logo_title {
    text-transform: uppercase;
    font-size: 24px;
    color: #d1ab61;
}

.ylv_footer a.white:hover,
.ylv_footer a.white:focus {
    color: #fff;
}

.footer_list.reservations .footer_email,
.footer_list.reservations .footer_phone,
.footer_list.reservations .footer_whats {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer_list.reservations {
    gap: 10px;
}

[lang="he-IL"] .footer_menu_item.cta_btn.lang-item {
    margin-right: 8px;
}

.footer_menu_item.cta_btn.lang-item {
    margin-left: 8px;
    margin-right: 0;
}


@media(max-width: 990px) {

    .ylv_footer {
        padding: 30px;
    }

    .ylv_footer .footer_site_logo {
        width: 100%;
        margin: auto 0 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer_logo.col50.d_flex {
        order: 1;
        margin-top: 25px;
    }

    .footer_container.d_flex,
    .footer_bottom {
        flex-direction: column;
    }

    .ylv_footer .footer_site_logo svg {
        width: 100px;
        height: 56px;
    }

    .footer_list_title h6 {
        margin-bottom: 10px;
    }

    .footer_content .footer_list > div {
        margin-bottom: 0;
    }

    .footer_bottom {
        margin-top: 15px;
    }

    .footer_bottom p {
        font-size: 12px;
        text-align: center;
    }

    .footer_content {
        flex-direction: column;
    }

    .footer_col {
        width: 100%;
        border-bottom: 1px solid #fff9;
        padding: 15px 0;
    }

    .footer_list {
        flex-direction: row;
        gap: 30px;
    }

    .footer_list.reservations {
        flex-direction: column;
        gap: 5px;
    }

    .footer_list.reservations .footer_email svg,
    .footer_list.reservations .footer_phone svg,
    .footer_list.reservations .footer_whats svg,
    .footer_list .footer_fb svg {
        width: 30px;
        height: 30px;
    }

    .footer_menu_item.cta_btn.lang-item {
        margin-right: 0;
    }

}

/* Artmatr Modal Popups */

.wrapper_modal {
    width: 90%;
    max-width: 600px;
    margin: 4em auto;
    text-align: center;
}

.ylv_modal {
    position: fixed;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.ylv_modal.is-visible {
    visibility: visible;
}

.ylv_modal.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.ylv_modal.is-visible .modal-transition {
    transform: translateY(0);
    opacity: 1;
    max-height: fit-content;
    overflow: auto;
}

.modal-wrapper {
    position: absolute;
    z-index: 9999;
    top: 5vh;
    left: 50%;
    width: 700px;
    margin-left: -350px;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
    border: #2d5661 1px solid;
    border-radius: 10px;
}

.modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0;
}

.contact_form {
    padding: 20px 100px 0;
}

.contact_form input ,
.contact_form textarea,
.contact_form select {
    border-radius: 5px;
    padding: 10px;
    border: 2px solid #2d5661;
    width: 100%;
    margin-top: 2px;
}

.contact_form input ,
.contact_form select {
    height: 40px;
}

.contact_form input:focus ,
.contact_form textarea:focus {
    border-color: #2d5661cf;
    outline: 0;
}

.contact_form .dates {
    display: flex;
    gap: 30px;
}

.contact_form .dates p {
    width: 50%;
}

.contact_form input[type="date"] {
    /*width: 45%;*/
}

.contact_form input[type="submit"] {
    background: #2d5661;
    transition: opacity 0.2s;
    padding: 0;
}

.contact_form input[type="submit"]:hover {
    opacity: 0.8;
}

.contact_form label {
    font-size: 18px;
    margin-left: 5px;
    font-weight: 600;
}

[lang="he-IL"] .contact_form label {
    margin-left: 0;
    margin-right: 5px;
}

.contact_form .wpcf7-spinner {
    margin: 5px 48% -10px;
}

.ylv_contact_popup h4.form_title {
    text-align: center;
    margin-top: 30px;
    font-size: 28px;
}

.ylv_contact_popup h5.form_sub_title {
    font-size: 25px;
    text-align: center;
}

.contact_form p {
    margin-bottom: 5px;
}

.nav_menu_item.cta_btn.contact_modal_toggle {
    /*display: none;*/
}

.contact_form .wpcf7 form .wpcf7-response-output {
    margin: 0 0.5em 1em;
    font-size: 16px;
}

.contact_form  .wpcf7-not-valid-tip {
    margin-left: 15px;
}

.contact_modal_toggle.close_btn {
    padding: 20px;
    position: absolute;
    cursor: pointer;
}

.form_list svg path{
    fill: #2d5661;
}

.form_list.reservations {
    justify-content: center;
    gap: 30px;

}

.form_list.reservations a {
    text-align: center;
}

.contact_options {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding-bottom: 30px;
}

[lang="he-IL"] .contact_options {
    direction: rtl;
}

@media(max-width: 990px) {
    .modal-wrapper {
        top: 8vh;
        left: 50%;
        width: 95vw;
        margin-left: -47.5vw;
        border: #2d5661 1px solid;
        border-radius: 5px;
    }

    .ylv_modal.is-visible .modal-transition {
        transform: translateY(0);
        opacity: 1;
        max-height: 90vh;
        overflow: scroll;
    }

    .ylv_contact_popup h4.form_title {
        text-align: center;
        margin-top: 25px;
        font-size: 18px;
        font-weight: 600;
    }

    .contact_modal_toggle.close_btn {
        padding: 7px;
    }

    .contact_modal_toggle.close_btn img {
        width: 15px;
    }

    .contact_form p {
        margin-bottom: 5px;
    }

    .contact_form {
        padding: 10px 10px 0;
    }

    .contact_form label {
        font-size: 16px;
        margin-left: 10px;
        font-weight: 500;
    }

    .contact_form .dates {
        gap: 10px;
    }

    .contact_form input, .contact_form select {
        height: 40px;
    }

    .contact_form input, .contact_form textarea, .contact_form select {
        border-radius: 12px;
        padding: 5px;
        margin-top: 0;
    }

    .contact_options {
        gap: 10px;
        flex-direction: column;
    }

    .ylv_contact_popup h5.form_sub_title {
        font-size: 16px;
    }

}

/*****  Floating CTA  *****/
/*.ylv_float_calls {*/
/*    position: fixed;*/
/*    top: 40vh;*/
/*    left: auto;*/
/*    right: 0;*/
/*    z-index: 10;*/
/*}*/

.ylv_float_calls {
    position: fixed;
    top: 40vh;
    left: 0;
    right: auto;
    z-index: 10;
}

.ylv_float_calls .float_call_wrapper {
    background: #ffffff96;
    padding: 5px;
    border-radius: 0 20px 20px 0;
    box-shadow: 0px 0px 8px 1px #0000004a;
}

.phone_float {
    margin-bottom: -10px;
    margin-right: -5px;
}

.whatsapp_float {
    margin-bottom: 5px;
}

@media(max-width: 990px) {

    .ylv_float_calls {
        bottom: 10vh;
        top: auto;
    }

    .ylv_float_calls .float_call_wrapper {
        background: #ffffffbd;
    }

    .ylv_float_calls .whatsapp_float svg {
        width: 37px;
        height: 37px;
    }

    .ylv_float_calls .phone_float svg {
        width: 40px;
        height: 40px;
    }

    .phone_float {
        margin-left: 1px;
    }
}

/* accessibility badge*/
body #pojo-a11y-toolbar {
    top: 140px !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    border-radius: 0 10px 10px 0;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-text {
    margin: 0 5px;
}

#ylv-access a.access-page-link .pojo-a11y-toolbar-text {
    font-weight: 600;
    text-decoration: underline;
}

@media(max-width: 990px) {
    body #pojo-a11y-toolbar {
        top: 100px !important;
    }

    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
        padding: 8px;
    }
}

/* Captcha badge */
.grecaptcha-badge {
    display: none !important;
    right: -256px !important;
}
