/*
 Theme Name:   Yakir Ozana
 Theme URI:    Yakir Ozana Service Center
 Description:  Child Theme - Divi
 Author:       Connvisor
 Author URI:   https://libi.ai
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/**---BODY & GENERAL---**/
#et-top-navigation {float: right; margin-right: 30px}
.header-buttons {position: absolute; left: 0; top: 35px;}
.header-buttons {display: flex; justify-content: space-between; align-items: center; }
.header-buttons .callus { background-color: #c8951a; color: #fff; border-radius: 8px; padding: 5px;display: flex; align-items: center;}
.header-buttons .waze, .header-buttons .wa{display: block; margin-left: 15px;}
/**---Horizontal Contact form ---**/
.contact-hz-outer {display: flex; align-items: center; justify-content: space-between; direction: rtl !important; position: relative;}
.contact-hz-outer .item {width: 24%;}
input, textarea, input[type="text"], input[type="email"], input[type="tel"] {width:  100%;text-align: right; height: 40px; padding: 6px 15px;border-radius: 8px}
input[type="submit"] {text-align: center; background: #c8951a; color: #fff; font-size: 18px; font-weight: 700; border: none;}
.contact-hz-outer .wpcf7-spinner {position: absolute; bottom: 5px}
textarea {min-height: 150px}
/****** MAIN CONTACT FORM ***********/
.main-contact-form .columns-holder {display: flex; align-items: center; justify-content: space-between; direction: rtl !important; position: relative;}
.main-contact-form .columns-holder .column {width: 48%;}
.columns-holder .item {margin-bottom: 15px; width:  100%}


/** DOUBLE SECTION BACKGROUND **/
div.et_pb_section.et_pb_section_4, div.et_pb_section.et_pb_section_2 {
/*
    background-size: 50% auto;
    background-position: left center;
*/
    background: url(/wp-content/uploads/2022/06/deal.jpg) no-repeat center left, url(/wp-content/uploads/2022/06/background-waves.jpg) no-repeat center right;
}

.popin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333334;
    display: none;
    justify-content: center;
    align-items: center;
}

.popin-btn-close {
    position: absolute;
    width: 4rem;
    height: 4rem;
    background-color: #555556;
    font-size: 3rem;
    top: 1rem;
    right: 1rem;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.popin-btn-close:hover{
    background-color: lighten(#555556, 15%);
}
      

.gallery-container img {
    height: 100vh;
}

    
.gallery-container {
    width: 100vw;
    height: 100%;
    max-height: 500px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #eeeeff;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.gallery-container .gallery-item {
    position: relative;
    background-color: #333334;
    height: 100%;
    max-height: 500px;
    width: 16.666666vw;
    overflow: hidden;
    transition: width .3s ease-in-out;
    cursor: pointer;
    box-shadow: -5px 0 10px 1px rgba(0,0,0,0.30);
}
.gallery-item__img {
    height: 100%;
}

.gallery-item__text {
    position: absolute;
    top: 60px;
    left: 0;
    padding: 0 2rem 0 0;
    font-size: 10rem;
    font-weight: bolder;
}

.gallery-item:hover {
      width: 100vw;
}

.footer-contact .fitem {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px; margin-top: 15px;}
.footer-contact .fitem .icn {margin-left: 5px;}
.footer-contact .fitem .icn i {color: #fff;}

.et_pb_widget {float: right;}
      
@media only screen and (max-width: 767px){
    #et-top-navigation {padding-right: 0 !important; margin-right: 0;}
    .header-buttons {display: none;}
    .logo_container {text-align: left;}
    .contact-hz-outer {flex-direction: column;}
    .contact-hz-outer .item {width: 100%; margin-bottom: 15px;}
    .main-contact-form .columns-holder {flex-direction: column}
    .main-contact-form .columns-holder .column {width: 100%;}
}