/*
Theme Name: Hebrew Paint
Theme URI:
Author: KW
Author URI:
Description:
Version: 2025.01
*/
@charset "utf-8";
/* CSS Document */

::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}
.wpcf7-spinner{ display: none;}
.wpcf7-form-control{ direction: rtl; text-align: right;}
.sidebar .wpcf7-not-valid-tip, .sidebar .wpcf7 form .wpcf7-response-output{ color: #fff;}

.section .ewd-ufaq-faq-div{-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1); border: 1px solid #F2F2F2; border-radius: 12px;}
.section .ewd-ufaq-faq-div + .ewd-ufaq-faq-div{ margin-top: 24px;}
.section .ewd-ufaq-faq-title a{ display: flex; align-items: center; padding: 20px 24px; color: #000;}
.section div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol{ order: 2; margin-left: auto;}
.section .ewd-ufaq-faq-title-text{ order: 1; flex-grow: 1;}
.section .ewd-ufaq-faq-body{ padding: 0 24px 24px;}
.section .ewd-ufaq-post-active{ background: var(--bs-gradient); color: #fff;}
.section .ewd-ufaq-post-active .ewd-ufaq-faq-title a{ color: #fff;}
.section .wpcf7-form{ text-align: right; direction: rtl;}

.gallery-section .wpcp-carousel-section.nav-vertical-center{ margin: 0}
.gallery-section .wpcp-carousel-section.nav-vertical-center .swiper-button-next,
.gallery-section .wpcp-carousel-section.nav-vertical-center .swiper-button-prev
{ height: 48px; width: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background:#fff !important; color: #000 !important; font-size: 20px !important;}
.gallery-section .wpcp-carousel-section.nav-vertical-center .swiper-button-next{ right: 20px;}
.gallery-section .wpcp-carousel-section.nav-vertical-center .swiper-button-prev{ left: 20px;}
.gallery-section .swiper-pagination{ display: none;}
.gallery-section .wpcp-carousel-content-wrapper:has(.wpcp-swiper-dots){ margin-bottom:0}

#page{ overflow:hidden;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.text-lt p{ color:rgba(0,0,0,0.6);}
.content-mb-32 h1, .content-mb-32 h2, .content-mb-32 h3, .content-mb-32 h4, .content-mb-32 h5, .content-mb-32 h6, .content-mb-32 p, .content-mb-32 ul, .content-mb-32 ol{ margin-bottom:32px;}
.content-mb-20 h1, .content-mb-20 h2, .content-mb-20 h3, .content-mb-20 h4, .content-mb-20 h5, .content-mb-20 h6, .content-mb-20 p, .content-mb-20 ul, .content-mb-20 ol{ margin-bottom:20px;}
.content-mb-24 h1, .content-mb-24 h2, .content-mb-24 h3, .content-mb-24 h4, .content-mb-24 h5, .content-mb-24 h6, .content-mb-24 p, .content-mb-24 ul, .content-mb-24 ol{ margin-bottom:24px;}
.content-mb-16 h1, .content-mb-16 h2, .content-mb-16 h3, .content-mb-16 h4, .content-mb-16 h5, .content-mb-16 h6, .content-mb-16 p, .content-mb-16 ul, .content-mb-16 ol{ margin-bottom:16px;}
.content-mb-10 h1, .content-mb-10 h2, .content-mb-10 h3, .content-mb-10 h4, .content-mb-10 h5, .content-mb-10 h6, .content-mb-10 p, .content-mb-10 ul, .content-mb-10 ol{ margin-bottom:10px;}

.color-fff{ color:var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color:var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color:var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-dark);}
a.btn{padding-left: 50px; position: relative;}
a.btn:before{content:'\f060'; font-family:'Font Awesome 6 Free'; font-weight:900; left: 20px; position: absolute; height: 50px; display: flex; align-items: center;}

.mobile-icon {background:var(--bs-gradient); color:var(--bs-white); position:fixed; z-index:500; left:0; right:0; bottom:0; margin:0; padding:0; list-style:none; z-index:1003; }
.mobile-icon li {float:right; width:33.3333%; }
.mobile-icon li + li {border-right:1px solid rgba(255, 255, 255, 0.5)}
.mobile-icon li a {position:relative; display:block; padding:30px 10px 10px; display:block; position:relative; color:var(--bs-white); text-align:center; font-weight:700; text-decoration:none;}
.mobile-icon li a small {display:block; text-align:center; font-size:14px; }
.mobile-icon li a span {position:absolute; left:50%; border:3px solid var(--bs-white); background:var(--bs-gradient); color:var(--bs-white); height:60px; width:60px; font-size:24px; text-align:center; border-radius:50%; margin-left:-30px; top:-35px; }
.email-btn i:nth-child(2){ display:none;}
.email-btn.active i:nth-child(1){ display:none;}
.email-btn.active i:nth-child(2){ display:inline-block;}
.mobile-icon li a i{ top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute;}

.sidebar{ position: fixed; top: 0; left: 0; bottom: 0; background: var(--bs-gradient); padding: 0 20px; width: 300px; z-index: 100; padding-top: 32px; padding-bottom: 32px; overflow: auto; overflow-x: hidden;}
.sidebar h4{ color: var(--bs-primary);}
.sidebar .links a{ color: var(--bs-white); font-weight: 700; font-size: 18px; color: var(--bs-white); text-decoration: none;}
.sidebar .links a .icon{ margin-left: 10px; height: 48px; width: 48px; background-color: var(--bs-primary); border-radius: 50%; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.sidebar .form-control, .sidebar .form-control:focus{ border-color: var(--bs-white)}

.header{ position: fixed; top: 0; left: 300px; right: 0; z-index: 1000; padding: 24px 20px; -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  transition:all 0.5s ease;}
.header .btn{ margin-right: auto;}
.header.fixed-header{ background-color: var(--bs-blue);}

.wrapper{ margin-left: 300px; min-height: 100vh; position: relative;}
.BannerSlider .container{ height: 100vh; color: var(--bs-white); text-align: center;}
.BannerSlider .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.BannerSlider .image-fit:after{ background-color: #1E1E1E; opacity: 0.5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: '';}
.BannerSlider h2 strong{ color: var(--bs-cyan); text-decoration: underline;}

.section{ background-position: center center; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 40px 18px; position: relative;}
.section-lt{ background: var(--bs-gradient-lt);}
.section-dark:before{ background-color: rgba(0,0,0,0.78); content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}

.img-rounded img{ border-radius: 16px; }
.img-shadow img{-webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.15); box-shadow: 0 30px 60px 0 rgba(0,0,0,0.15);}
.icon-box{ background-color: var(--bs-white); -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); border-radius: 16px; text-align: center; padding: 22px;}
.icon-box img{ display: block; margin: 0 auto 16px; height: 80px; width: auto;}

.video-review .ratio{ overflow: hidden; border-radius: 16px;}
.video-review .full-img:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-color: rgba(0,0,0,0.5); background-image: url(images/theme-img/play.svg); background-position: center; background-repeat: no-repeat; z-index: 4;}

.section .form-content{ padding: 22px; border-radius: 16px; -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); background-color: var(--bs-white);}
.section .contact-info{ margin: 0; padding: 0; list-style: none;}
.section .contact-info li{ line-height: 1.2;}
.section .contact-info li + li{margin-top: 24px;}
.section .contact-info li .icon{ background: var(--bs-primary); height: 60px; width: 60px; color: var(--bs-white); border-radius: 50%; margin-left: 12px; text-decoration: none;}
.section .contact-info li strong{ display: block;}
.section .contact-info li a{ color: var(--bs-black);; text-decoration: none;}
.section .contact-info li a span{ text-decoration: underline;}

.footer { position: relative; background-position: center center; background-position: center; background-repeat: no-repeat; background-size: cover; color: var(--bs-white); padding-left: 18px; padding-right: 18px;}
.footer:before{ background-color: rgba(0,0,0,0.78); content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.footer a{ color: var(--bs-white); text-decoration: none;}
.footer a:hover{ color: var(--bs-white); text-decoration: underline;}
.footer-top{ padding-top: 48px; padding-bottom: 30px;}
.footer-top .social{ margin: 0; padding: 0; list-style: none;}
.footer-top .social li + li{ margin-right: 12px;}
.footer-top .social li a{ background: var(--bs-cyan); height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; color: var(--bs-white); border-radius: 50%;}
.footer-top .social li a:hover{ text-decoration: none; background-color: var(--bs-primary); color: var(--bs-white);}
.footer-top .menu, .contact-info{ margin-bottom: 0; padding: 0; list-style: none;}
.footer-top .menu li + li{ margin-top: 10px;}
.footer-top .menu li { font-weight: 600;}
.footer-top h5{ margin-bottom: 20px;}
.footer-top .contact-info li{ line-height: 1.2;}
.footer-top .contact-info li + li{margin-top: 20px;}
.footer-top .contact-info li .icon{ background: var(--bs-cyan); height: 48px; width: 48px; color: var(--bs-white); border-radius: 50%; margin-left: 12px; font-size: 16px;}
.footer-top .contact-info li strong{ display: block;}
.footer-top .contact-info li:hover .icon i{ text-decoration: none; }
.footer-top .contact-info li a:hover{ text-decoration: none;}
.footer-bottom{ padding-top: 30px; padding-bottom: 30px; text-align: center; border-top: 1px solid rgba(255,255,255,0.2);}

.page-banner{ position:relative; overflow:hidden;}
.page-banner .content{ height:400px; color:#fff; text-align:center; position:relative; z-index:10; color:#fff;}
.page-banner .image-fit{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;}
.page-banner .image-fit:after{ background-color: #1E1E1E; opacity: 0.5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: '';}

.project-meta{ padding:0; list-style:none;}
.project-meta li + li{ margin-top:8px;}

.blog-top-content{ margin-bottom:30px;}
.blog-top-content form{ display:block; position:relative; max-width:300px;}
.blog-top-content form label{ display:block;}
.blog-top-content form input[type=search]{ border-radius:5px; border:1px solid #BEBEBE; height:48px; outline:0;}
.blog-top-content form input[type=submit]{ background:url(images/theme-img/search.svg) no-repeat center; text-indent:-9999px; height:48px; width:48px; position:absolute; top:0; right:0; bottom:0; z-index:100; border:none;}

.post-item{ border-radius:20px; -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); box-shadow: 0 20px 40px 0 rgba(0,0,0,0.12); overflow:hidden;}
.post-item time{border-radius:5px; background:rgba(45, 45, 45, 0.50); backdrop-filter:blur(25px); color:#fff; padding:10px 20px; position:absolute; right:24px; bottom:12px; z-index:100; font-size:15px;}
.post-item a.btn, .post-item a.btn:hover{ color: #fff;}
.post-item a{ color: #000; text-decoration: none;}
.post-item a:hover{ color: #1E1E1E}
.post-item .content{ padding:27px 20px;}
.post-item .content ul{ margin-bottom:10px; padding:0; list-style:none; font-size:15px; font-weight:500;}
.post-item .content ul:after, .post-item .content ul li:after{ clear:both; content:''; display:table;}
.post-item .content ul li{ font-size:14px; float:right;}
.post-item .content ul li + li:before{ content:"|"; margin:0 5px; float:right;}
.post-item .content ul li span{ float:left;}
/*.post-item .content ul li span + span:before{ content:","; margin:0 0 0 5px;}*/
.post-item .content .p-20{ padding-bottom:20px;}

.blog-details time{border-radius:5px; background:rgba(45, 45, 45, 0.50); backdrop-filter:blur(25px); color:#fff; padding:10px 20px; position:absolute; right:20px; bottom:20px; z-index:100; border-radius:5px; font-size:16px;}
.blog-details .ratio{border-radius:20px; overflow:hidden; margin:0 0 40px 0;}
.blog-details .blog-title{ margin-top:40px;}
.blog-details .blog-meta{ margin-bottom:40px;}
.blog-details .blog-meta ul{ margin-bottom:10px; padding:0; list-style:none; font-size:15px; font-weight:500;}
.blog-details .blog-meta ul:after, .blog-details .blog-meta li:after{ clear:both; content:''; display:table;}
.blog-details .blog-meta ul li{ font-size:14px; float:right;}
.blog-details .blog-meta ul li + li:before{ content:"|"; margin:0 5px; float:right;}
.post-item .content ul li span{ float:left;}
.post-item .content ul li span + span:after{ content:","; margin:0 0 0 5px;}
.blog-details .entry-content h1, .blog-details .entry-content h2, .blog-details .entry-content h3, .blog-details .entry-content h4, .blog-details .entry-content h5, .blog-details .entry-content h6{ font-family:var(--bs-font-sans-serif); letter-spacing:0; margin-bottom:10px;}
.blog-details .entry-content img{border-radius:20px; box-shadow:30px 70px 60px 0px rgba(32, 54, 72, 0.10);}
.blog-details .entry-content ul li, .blog-details .entry-content ol li{ margin-top:3px;}


@media (min-width:320px) {
  h1, .h2-48 h2, .h3-48 h3{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
  h2, .h3-40 h3, .h4-40 h4{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
  h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
  h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
  h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
  .font-18{font-size:calc(1rem + ((1vw - 3.2px) * 0.125));}
  .font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25));}
  .font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5));}
  .BannerSlider h2{font-size: calc(1.875rem + ((1vw - 3.2px) * 2.8571));}
  }
  
  @media (min-width:1400px) {
  h1, .h2-48 h2, .h3-48 h3{font-size:48px;}
  h2, .h3-40 h3, .h4-40 h4{font-size:40px;}
  h3{font-size:32px;}
  h4{font-size:24px;}
  h5{font-size:20px;}
  .font-18{font-size:18px;}
  .font-20{ font-size:20px;}
  .font-24{ font-size:24px;}
  .BannerSlider h2{ font-size: 62px;}
  }

@media (min-width:576px) {
}

@media (min-width:768px) {

}

@media (min-width:992px) {
.section{ padding-top: 60px; padding-bottom: 60px;}
.video-review{ padding-top: 36px;}
.section .form-content{ padding: 24px}
}

@media (min-width:1200px) {
.section{ padding-top: 80px; padding-bottom: 80px;}
.icon-box{ padding: 32px;}
.section .form-content{ padding: 48px}
}

@media (min-width:1400px) {	
}