/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child theme of Hello Elementor by Oscar Viana
Author: Oscar Viana
Author URI: https://oscarviana.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
*/


.containersection {padding: 40px 20px;}
.containerminisection {padding: 20px 20px;}
.containermicrosection {padding: 10px 20px;}
.minicontainersection {padding: 0px 20px;}

#footersection .elementor-widget-text-editor a {color: #fff;}

#clients {background: #fff; padding: 10px;}
#clients figure {width: 100%! important; max-width: 100%! important;}
#clients .gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; align-items: center; }
 {}

#clients figure .gallery-icon {
  overflow: hidden; /* Keeps scaled content within bounds */
}

#clients figure img {
  transition: transform 0.4s ease; /* Smooth animation over 0.4 seconds */
  transform-origin: center center; /* Scales from the center */
}

#clients figure img:hover {
  transform: scale(1.05); /* Zooms in by 5% */
}


/*  CONTACT FORMS */

.myreCAPTCHA { text-align: center; font-size: 14px; font-family: Cabin, Georgia, serif;}

#contact1 {width: 100%; }
#contact1 .eael-contact-form-7 {width: 100%;}
#contact1 form p {width: 100%;}
#contact1 form br {display: none;}
#contact1 form label {padding: 0; margin: 5px 0; color: #54595F; width: 100%;}
#contact1 form label span {display: block; padding: 5px 0;}

#contact1 .wpcf7-form input {
    width: 100%;
	margin-top: 5px;
/*	background: #f6f6f6; */
	border: 0;
	border-bottom: 1px solid #000;
	border-radius: 0;
}

#contact1 form textarea {
    height: 50px;
    width: 100%;
/*	background: #f6f6f6; */
	border: 0;
	border-bottom: 1px solid #000;
	border-radius: 0;
}

#contact1 .wpcf7-form input[type="submit"] {
    color: #fff;
    width: 100%;
	background: #00adef;
	text-transform: uppercase;
	border: 0;
	max-width: 200px;
	float: right;
}

#contact1 .wpcf7-form input[type="submit"]:hover {background: #293d4c;}

#contact1 .myreCAPTCHA { color: inherit;}
#contact1 .wpcf7-form.sent p {display:none;}

.wpcf7 form .wpcf7-response-output {border: 0; text-align: center;}


#contact2 {width: 100%; max-width: 100%; margin: 0 auto;}
#contact2 .eael-contact-form-7 {width: 100%;}
#contact2 form p {width: 100%;}
#contact2 form br {display: none;}
#contact2 form label {padding: 0; margin: 10px 0; color: #54595F; width: 100%; display: flex; justify-content: space-between; align-items: center;}
#contact2 form label span {display: block; padding: 5px 0;}

#contact2 .wpcf7-form input {
    width: 100%;
	margin-top: 5px;
	background: #f6f6f6;
	color: #000;
	border: 0;
}

#contact2 form textarea {
    height: 100px;
    width: 100%;
	background: #f6f6f6;
	color: #000;
	border: 0;
}

#contact2 .wpcf7-form input[type="submit"] {
    color: #fff;
    width: 100%;
	background: #00adef;
	text-transform: uppercase;
	border: 0;
	max-width: 200px;
	float: right;
}

#contact2 .wpcf7-form input[type="submit"]:hover {background: #293d4c;}

#contact2 .wpcf7-form input::placeholder, #contact2 form textarea::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

#contact2 .wpcf7-form input::-ms-input-placeholder, #contact2 form textarea::-ms-input-placeholder {
  color: #fff;
  opacity: 1; /* Edge 12 -18 */
}

#contact2 .myreCAPTCHA, #contact2 .myreCAPTCHA a {color: #fff;}
#contact2 .myreCAPTCHA a:hover {color: #c6c6c6;}

#contact2 .wpcf7-form.sent p {display:none;}

#contact2 .label {width: 40%;}
#contact2 .wpcf7-form-control-wrap {width: 60%;}

#services .e-child:hover {cursor: pointer;}
#services .e-child .elementor-widget-heading i {display: block; font-size: 50%; font-style: normal;}
#services .e-child .elementor-widget-text-editor {display: none;}


.fancybox__content {max-width: 800px; text-align: center; border-radius: 20px;}
.f-button.is-close-btn {background: #00ADEF;}
.f-button.is-close-btn:hover {background: #293D4C;}
.fancybox__backdrop {opacity: 0.5;}



/*  SCREEN SIZES  */


@media (min-width: 768px) {
	
#navmain .menu-item:hover::after, #navmain .current-menu-item::after {content: " "; width: 80%; border-bottom: 2px solid #233E83; display: block; margin: 0 auto;}
#services .e-child .elementor-widget-heading {display: none;}
#services .e-child:hover {--overlay-opacity: 0.5;}
#services .e-child:hover .elementor-widget-heading {display: block;}

}




@media (max-width: 767px) {
	
	#services .e-child {--overlay-opacity: 0.5;}
	#contact1 form label.col2, #contact1 form label.col3 {display: block; width: 100%; float: none;}	
	#contact2 form label {display: block;}
	#contact2 .label, #contact2 .wpcf7-form-control-wrap  {width: 100%;}
	
}