/*
Theme Name: White Web Worx
Theme URI: https://whiteweb.co.il
Author: WhiteWebWorx
Author URI: https://whiteweb.co.il/
Requires at least: 5.8.x
Requires PHP: 7.4.x
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew&display=swap');

:root {
  --primary-font: 'Noto Sans Hebrew', sans-serif;
  --primary-color: #5E5E5E;
  --secondary-color: #D4CBC0;
  --gray-color: #9D9D9D;
  --white-color: #ffffff;
  --black-color: #000000;
  --f14: 14px;
  --f16: 16px;
  --f18: 18px;
}

body, html {font-family: var(--primary-font);color: var(--primary-color);font-size: var(--f16);direction: rtl;text-align: right;}

.siteHeader {padding-top: 40px;padding-bottom: 30px;}
.siteHeader .logoBox a {color: inherit;text-decoration: none;}
.siteHeader .logoBox img {margin-left: 15px;}
.siteHeader .logoBox span {margin-bottom: 30px;}

/*Content Block*/
.contentBlock {margin-bottom: 50px;}
.contentBlock .mainContent {padding-right: 360px; }
.contentBlock .mainContent .borderBox {padding: 30px;padding-right: 35px; border-right: 1px solid var(--secondary-color); }
.contentBlock .mainContent .borderBox p:last-child {margin-bottom: 0;}

/*Gallery Block*/
.galleryIcons {margin-bottom: 15px; }
.galleryIcons .col-auto:not(:last-child) {border-left: 2px dotted var(--gray-color); }
.galleryIcons .col-auto .icon {line-height: 1;}
.galleryImages {margin-left: -10px;margin-right: -10px;}
.galleryImages .imageBox {float: right;padding: 10px;display: none;}
.galleryImages .imageBox .image {position: relative;overflow: hidden;border-radius: 10px;}
.galleryImages .imageBox .image:before {content: '';position: absolute;width: 100%; height: 100%;left: 0;top: 0;opacity: 0;background-color: var(--black-color);transition: all ease 0.3s;}
.galleryImages .imageBox .image .captionBox {position: absolute; width: 192px; text-align: center; background-color: var(--white-color); padding: 15px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%);opacity: 0; transition: all ease 0.3s;}
.galleryImages .imageBox .image .captionBox a {text-decoration: none;color: inherit;}
.galleryImages .imageBox .image img {width: 100%; height: auto; display: block; object-fit: cover;}
.galleryImages .imageBox .image:hover .captionBox {opacity: 1;}
.galleryImages .imageBox .image:hover:before {opacity: 0.3;}
.galleryImages .imageBox.image-1 {width: 55%; }
.galleryImages .imageBox.image-2 {width: 45%; }
.galleryImages .imageBox.image-3 {width: 35%; }
.galleryImages .imageBox.image-5 {width: 35%; margin-top: -245px; }
.galleryImages .imageBox.image-4 {width: 65%; }
.galleryImages .imageBox.image-6 {width: 45%; }
.galleryImages .imageBox.image-7 {width: 55%; }
.galleryImages .imageBox.image-1 .image > img, .galleryImages .imageBox.image-2 .image > img {height: 272px; }
.galleryImages .imageBox.image-3 .image > img, .galleryImages .imageBox.image-5 .image > img {height: 225px; }
.galleryImages .imageBox.image-4 .image > img {height: 471px; }
.galleryImages .imageBox.image-6 .image > img, .galleryImages .imageBox.image-7 .image > img {height: 272px; }
.galleryImages .imageBox .image .icon {position: absolute; bottom: 10px; right: 10px; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; background-color: var(--white-color); border-radius: 50%;}
.galleryImages .imageBox .image .icon img {width: 15px; height: auto; }
.galleryImages .imageBox .main-carousel {padding: 20px 50px 30px;margin-bottom: 0px;}
.galleryImages .imageBox .main-carousel .item img {max-height: 650px; object-fit: cover; border-radius: 10px; }
.galleryImages .imageBox .thumbnail-carousel {padding: 0 10px;}
.galleryImages .imageBox .thumbnail-carousel .item img {height: 113px; object-fit: cover; border-radius: 10px; }
.galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-next, .galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-prev {position: absolute;top: 40px;color: var(--primary-color);}
.galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-next:hover, .galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-prev:hover {background-color: transparent;color: var(--primary-color);}
.galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-next {left: -25px;}
.galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-prev {right: -25px;}

.galleryImages .imageBox .modal .modal-body {padding: 50px;padding-top: 0;padding-bottom: 20px;}
.galleryImages .imageBox .modal .modal-header {border-bottom: 0;padding-bottom: 0;}
.galleryImages .imageBox .modal .modal-header .btn-close {margin:0;}
.galleryImages .imageBox .modal .modal-content {border-radius: 10px;}

.galleryImages .imageBox .modal .owl-carousel.owl-hidden {
    opacity: 1 !important;
}

.custom-popover {border:1px solid #D4CBC0;padding: 0px; font-size: var(--f14);}

/*Footer style*/
.siteFooter a {text-decoration: none;color: inherit;}

/*Responsive*/
@media (max-width: 1600px){
	.galleryImages .imageBox .main-carousel {margin-bottom: 0px;}
	.galleryImages .imageBox .modal .modal-header {padding-bottom: 0;}
	.galleryImages .imageBox .modal .modal-body {padding-bottom: 20px;}
}

@media(min-width: 1200px){
	.galleryImages .imageBox .modal .modal-dialog {transition: none;}
	.galleryImages .imageBox .modal .modal-body {min-width: 1138px;min-height: 841px;}
}

@media (max-width: 1179px){
	.contentBlock .mainContent {padding-right: 0;}
	.galleryImages .imageBox .main-carousel {padding: 20px 10px;}
	.galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-next, .galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-prev {top: 30px;}
	/*.galleryImages .imageBox .main-carousel .item img {height: 340px;}*/
	.galleryImages .imageBox .thumbnail-carousel .item img {height: 93px;}
	.galleryImages .imageBox.image-1 .image > img, .galleryImages .imageBox.image-2 .image > img, .galleryImages .imageBox.image-6 .image > img, .galleryImages .imageBox.image-7 .image > img {height: 222px;}
	.galleryImages .imageBox.image-4 .image > img {height: 371px;}
	.galleryImages .imageBox.image-5 {margin-top: -195px;}
	.galleryImages .imageBox.image-3 .image > img, .galleryImages .imageBox.image-5 .image > img {height: 175px;}
}
@media (max-width: 992px){
	.galleryImages .imageBox .modal .modal-dialog {max-width: 90%; }
	.galleryImages .imageBox .image .captionBox {width: 100%; height: 100%; top: 0; left: 0;transform: none;}
	.galleryImages .imageBox .image .captionBox .title {display: none;}
	.galleryImages .imageBox .image .captionBox .link {opacity: 0;width: 100%;height: 100%; position: absolute;top: 0; left: 0;}
	.galleryImages .imageBox .image:hover .captionBox {opacity: 0;}
	.galleryImages .imageBox .image:hover:before {opacity: 0;}
}
@media (max-width: 767px){
	.siteHeader {padding-top: 20px;padding-bottom: 10px;}
	.contentBlock .mainContent .borderBox {padding: 15px;padding-right: 25px;}
	.galleryImages .imageBox {padding: 5px;}
	.galleryImages .imageBox .modal .modal-dialog {max-width: 100%;}
	.galleryImages .imageBox .modal .modal-body {padding: 20px;padding-top: 0;}
	/*.galleryImages .imageBox .main-carousel .item img {height: 200px;}*/
	.galleryImages .imageBox .thumbnail-carousel .item img {height: 80px;}
	.galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-prev {right: -15px;}
	.galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-next {left: -15px;}
	.galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-next, .galleryImages .imageBox .thumbnail-carousel .owl-nav button.owl-prev { top: 25px;}
	.galleryImages .imageBox.image-1 .image > img, .galleryImages .imageBox.image-2 .image > img, .galleryImages .imageBox.image-6 .image > img, .galleryImages .imageBox.image-7 .image > img {height: 120px;}
	.galleryImages .imageBox.image-4 .image > img {height: 180px;}
	.galleryImages .imageBox.image-3 .image > img, .galleryImages .imageBox.image-5 .image > img {height: 85px;}
	.galleryImages .imageBox.image-5 {margin-top: -95px;}
	.galleryImages .imageBox .image .icon {bottom: 5px;right: 5px;width: 20px;height: 20px;}
	.galleryImages .imageBox .image .icon img {width: 10px;}
	.siteFooter {font-size: var(--f14);}
}