/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

a {color: #000;}
a:hover {color: #333;}

#services .img-accordion-title {
	visibility: visible;
    opacity: 1;
	/*
	left: -40px;
    transform: rotate(-90deg);
	text-transform: uppercase;
	*/
	top: 240px;
	position: absolute;
	font-family: "Georgia", Sans-serif;
	width: 100%;
    font-size: 1.5em;

}

#services .overlay-inner-show .img-accordion-title {
	position: relative! important;
	top: 0! important;
	left: 0! important;
	font-size: 2rem;
	/*
	width: 100%;
	
	*/
	}




#services1 .img-accordion-title {
	visibility: visible;
    opacity: 1;
    /* color: #fff; */
    /* writing-mode: tb-rl; */
    /* transform: rotate(-180deg); */
    /* transform: rotate(-90deg); */
	/* left: -100px; */
	top: 150px;
    position: absolute;
    width: 50%;
	font-size: 1.5rem;
}

#services1 .overlay-inner {padding: 40px;}
#services1 .overlay-inner-show .img-accordion-title {position: relative! important; top: 0! important; left: 0! important; width: 100%; font-size: 2rem;}



.owl-nav {
    top: 180px;
    position: absolute;
    width: 100%;
}

.owl-nav button.owl-prev {
    margin-left: -80px;
    background: #fff ! important;
    color: #000 ! important;
}

.owl-nav button.owl-next {
    position: absolute;
    right: -80px;
}

.owl-nav button {
    background: #000 ! important;
    color: #fff ! important;
    width: 60px;
    height: 60px;
    border-radius: 6px;
    border: 1px solid #000 ! important;
}


.owl-dots {
    text-align: center;
	width: 100%;
}


button.owl-dot {
    width: 20px;
    height: 20px;
    border: 2px solid #999! important;
    border-radius: 50%;
    background: #999! important;
    margin: 2px;
}


button.owl-dot.active {
    border: 2px solid #000! important;
    border-radius: 50%;
    background: #fff ! important;
}


#header .menu-item {border: 1px solid #fff;}
#header .current-menu-item, #header .menu-item:hover {border: 1px solid #000;}

/*

#masonry-home figure img:hover {opacity: 1;}
#masonry-home figure img:hover {filter: grayscale(1);}
*/

#masonry-home figure img {transition: transform .2s; width: 100%;}
#masonry-home figure img:hover {transform: scale(1.02);}
footer .elementor-slideshow__title {display: none;}

#footer a {color: #fff; text-decoration: underline;}

#contact1 .wpcf7-textarea {height: 150px;}
#contact1 .wpcf7-form input[type="submit"] {
    background: #fff;
    color: #000;
	/*
    width: 100%;
	*/
	border: 1px solid #000;
	border-radius: 0;
	text-transform: uppercase;
}

#contact1 .wpcf7-form.sent p {display:none;}
#contact1 .wpcf7 form.sent .wpcf7-response-output { border-color: #000; border: 0; padding: 0; margin: 20px 0;}

.grecaptcha-badge {visibility: hidden;}
#reCAPTCHA-policy {font-size: 90%; text-align: center;}
#reCAPTCHA-policy a {text-decoration: underline;}

ul.picu-collection-list {display: grid; list-style: none; gap: 30px; grid-template-columns: 33% 33% 33%;}
ul.picu-collection-list li {text-align: center;}
ul.picu-collection-list li img {display: block; color: #000; margin: 10px auto;}

.clustergallery {max-height: 400px; margin: 20px 0;}
.clustergallery .gallery-item {display: block;}
.clustergallery .gallery-item img {border: 5px solid #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.clustergallery .gallery-item:nth-child(1) {transform: translate(-50px, 0px);}
.clustergallery .gallery-item:nth-child(2) {transform: translate(60px, -250px);}
.clustergallery .gallery-item:nth-child(3) {transform: translate(40px, -300px);}
.clustergallery .gallery-item:nth-child(4) {transform: translate(-80px, -550px);}

#floater {position: fixed; bottom: 0; width: 100%; z-index: 100; display: none;}
#floater a {display: block; text-align: center; height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; color: #fff; background: #000; font-family: 'EB Garamond', Sans-serif;}
.showcall2action {display: block! important;}


@media (max-width: 1400px) {
#masonry-home figure {width: 12.5%! important; max-width: 16.66%! important;}
}


@media (max-width: 1200px) {
#masonry-home figure {width: 16.66%! important; max-width: 20%! important;}
}


@media (max-width: 1144px) {
#masonry-home figure {width: 20%! important; max-width: 25%! important;}
}



@media (max-width: 1024px) {
#services .overlay-inner { padding: 30px;}
#services .eael-img-accordion {height: auto; display: block! important;}
#services .eael-image-accordion-item {flex: none! important; width: 100%; height: 300px;}
#services .eael-image-accordion-item .overlay {position: relative! important;}
#services .eael-img-accordion .overlay-inner .img-accordion-title, #services .overlay-inner-show .img-accordion-title {position: relative; top: 140px; font-size: 2rem;}
#services .img-accordion-title {width: 100%;}
#services .eael-image-accordion-item.overlay-active {height: 300px;}
.clustergallery .gallery-item {width: 90%;}
#masonry-home figure {width: 25%! important; max-width: 33.33%! important;}


#services .eael-img-accordion .overlay-inner * {visibility: visible; opacity: 1;}


}


@media (max-width: 768px) {
#phonenumber .elementor-icon-list-text {display: none;}
.clustergallery .gallery-item {width: 80%;}
.clustergallery .gallery-item:nth-child(1) {transform: translate(-20px, 0px);}
.clustergallery .gallery-item:nth-child(2) {transform: translate(90px, -250px);}
.clustergallery .gallery-item:nth-child(3) {transform: translate(80px, -300px);}
.clustergallery .gallery-item:nth-child(4) {transform: translate(-30px, -550px);}
#masonry-home figure {width: 33.33%! important; max-width: 50%! important;}
}


@media (max-width: 480px) {
	#masonry-home figure {width: 50%! important;  max-width: 100%! important;}
	#masonry-home figure:nth-last-child(-n + 26) { display: none; }
}