/*
Theme Name: Zahavi Azmon
Author: SEO Extreme / Magru
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zahavi
*/

@media only screen and (max-width: 640px){
    .footer-menu {
        padding-top: 3px!important;
    }
    body{
        min-height: 100%;
    }
}
body{
    overflow-x: hidden;
    text-align: right;
    overflow-wrap: break-word;
}
body #wp_access_helper_container button.aicon_link{
    top: 59%;
}
.video-col{
    margin-top: 25px;
}
.video-col button{
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    border: none;
    margin-bottom: 20px;
}
.video-col button .video-title{
    color: #d5b666;
    font-size: 20px;
}
.video-col button:hover{
    background-color: transparent;
}
#modal-close{
    position: fixed;
    left: 2%;
    top: 4%;
    opacity: 1;
    font-size: 35px;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;

}
#videoModal .modal-content{
    border: none;
    border-radius: 0;
    background-color: transparent;
}
#videoModal .modal-content .modal-body{
    padding: 0;
}
#videoModal iframe{
    width: 100%;
    height: 450px;
    border: none;
}
.video-btn{
    position: relative;
}
.video-btn:active,
.video-btn:focus{
    background-color: transparent!important;
    border: none!important;
}
.video-btn .play-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-btn .play-overlay img{
    transition: all .5s;
    transform: scale(1);
    width: 55px;
    position: relative;
    top: -25px;
}
.video-btn .play-overlay:hover img{
    transform: scale(1.1);
}
.map-image{
    width: 100%;
    max-width: 100%;
    overflow: hidden!important;
}

.grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
    grid-auto-rows: 20px;
    opacity: 0;
}
.grid.show{
    opacity: 1;
}

.masonry .masonry-brick{
    width: 100%;
    min-height: 150px;
}
.auto-popup-wrap{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
}
.auto-popup-wrap.show-popup{
    opacity: 1;
    pointer-events: all;
}
.auto-popup-wrap .delay-popup{
    box-shadow: 0 4px 21px rgba(0, 0, 0, 0.76);
    border-radius: 10px;
    border: 5px solid #d5b666;
    background-color: rgba(255, 255, 255, .95);
    padding: 20px;
    width: 32%;
    min-width: 650px;
    height: auto;
}

.delay-form-title{
    text-align: right;
    font-size: 20px;
    direction: rtl;
}

.delay-form-title .txt-center{
    text-align: center;
}

.delay-form-title h3{
    text-align: center;
    color: #d5b666;
}

.delay-form-title h2{
    font-size: 28px;
}

.delay-popup .close-popup i{
    font-size: 30px;
    cursor: pointer;
}
body .accessability_container a.wah-action-button{
    background: #232323 !important;
    color: #fff !important;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
    border: 1px solid #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    display: block;
}
body .accessability_container a.wah-action-button:hover, 
body .accessability_container a.wah-action-button:focus, 
body .accessability_container a.wah-action-button.active_button {
    background: #fff !important;
    color: #000 !important;
}
#access_container{overflow-y: auto; overflow-x: hidden; max-height: 100%;}
body .accessability_container{height: 100%;}
.contact-content table{width: 100%;}
.contact-content tr{width: 100%;}
.contact-content td{width: 50%;}
@media only screen and (max-width: 640px){
    .auto-popup-wrap .delay-popup{
        min-width: 0;
        width: 95%;
    }
    .contact-content tr{flex-direction: column;}
    .contact-content td{width: 100%;}
}

#spu-14400 h2{font-size:45px;line-height:0.85;text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);font-weight: 700;text-align: center;color: #fff;}
#spu-14400 .spu-container{height:100%!important;}
#spu-14400 p{font-size:23px;font-weight:300;line-height:1;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);text-align: center;color: #fff}
#spu-14400 .product-form-wrap{background: #000;padding:10px;border-radius:15px;}
#spu-14400 .product-form-wrap .your-name{width:50%;padding:0 10px 0 5px;}
#spu-14400 .product-form-wrap .your-phone{width:50%;padding:0 5px 0 10px;}
#spu-14400 input,#spu-14400 select{width:100%;color:#000;height:30px;font-size: 18px;}
#spu-14400 select{-webkit-appearance:none;background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 1% 50% #fff;}
#spu-14400 input.wpcf7-submit{width:25%;padding:0 10px;margin-left:10px;font-size: 21px;font-weight: 700;}
#spu-14400 .product-form-wrap .showroom{width:75%;padding:0 10px;}
#spu-14400 .ajax-loader{position: absolute;}
#spu-14400 input::placeholder{color:#000;}
#spu-14400 .spu-content{height:100%;}
#spu-14400 div.wpcf7-response-output{color: #fff;}
.popup-trigger{position: fixed;bottom: 10px;right: 10px;background-color: #d5b666;border: 1px solid #fff;border-radius: 50%;width: 50px;height: 50px;cursor: pointer;}
.popup-trigger i{position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    transform: translate(-50%,-50%);
    color: #fff;
}
@media only screen and (max-width: 640px){
    #spu-14400 .product-form-wrap .your-name,
    #spu-14400 .product-form-wrap .your-phone{width:100%;padding:0 10px;margin-top: 10px;}
    #spu-14400 p br + br{display: none;}
    .popup-trigger{display: none;}
}