/*
Theme Name: Hello Elementor Child
Template:   hello-elementor
Version:    1.0.0
*/


/** Add margin beneath bulleted lists **/
.elementor-widget-text-editor ul {
  margin-bottom: 10px;
}

/** Hide the contact form legend **/
.gform_required_legend {
  display: none;
}

/** Hide the recaptcha badge in lieu of the disclaimer **/
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
}


/* HIDE Mobile Menu Items */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .mobile-menu {
    display: block !important;
  }
}

@media only screen and (min-width: 481px) {
  .mobile-menu {
    display: none !important;
  }
}

/** Global Contact Form Styling **/

.gform_wrapper .gfield {
  padding: 5px 0;
}

.gform_wrapper .ginput_container input[type="text"],
.gform_wrapper .ginput_container input[type="email"],
.gform_wrapper .ginput_container input[type="tel"],
.gform_wrapper .ginput_container input[type="number"],
.gform_wrapper .ginput_container textarea,
.gform_wrapper .ginput_container select {
  padding: 20px; /* increased height */
  border: 1px solid #9F9F9F; /* added black border */
  font-size: 20px;
  background-color: #fff;
  color: #9F9F9F;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 5px;
}

.gform_wrapper .ginput_container input::placeholder,
.gform_wrapper .ginput_container textarea::placeholder {
  color: #6B6B6B;
}

.gform_wrapper .gfield_label {
  font-size: 20px;
}

.gform_wrapper .gchoice label {
  font-size: 20px;
  padding: 5px;
}

.recaptcha-disclaimer {
  font-size: 80%;
  color: #6B6B6B;
}

.recaptcha-disclaimer a {
  color: var(--e-global-color-accent);
}

.recaptcha-disclaimer a:hover {
  text-decoration: underline;
}
/* Center the submit button */
.gform_wrapper .gform_footer {
  text-align: center;
}

/* Optional: ensure proper centering */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button {
  display: inline-block;
  margin: 0 auto;
}

body header.elementor-location-header .elementor-element{
	a{
		img[src*="menu.svg"]{
			width: 30px;
			max-width: initial;
		}
	}
}

.gallery-section{
	.e-gallery-image{
		opacity: 0;
		transition: opacity 0.6s ease 0.2s!important;
		
		&.e-gallery-image-loaded{
			opacity: 1;
		}
	}
}

.elementor-location-header{
	.e-off-canvas__content{
		--e-off-canvas-width: 230px;
		img{
			min-width: 16px;
		}
	}
}

textarea{
	resize: none;
}

header{
	.burger-icon{
		position: absolute;
		top: 29px;
		left: 28px;		
		> a{
			transition: opacity 0.15s ease;
			
			&[aria-expanded="true"]{
				opacity: 0;
			}
		}
	}
	
	/*&:has(.e-off-canvas__main.animated){
		.burger-icon{
			> a{
				opacity: 0;
			}
		}
	}*/
	
	.elementor-widget-off-canvas{
		.e-off-canvas{
			&.animated-reverse-wrapper{
				.e-off-canvas__overlay{
					visibility: hidden;
				}
			}
		}
		
		.e-off-canvas__main{
			img{
				transition: opacity 0.1s ease;
			}
			
			&.animated{
				img{
					opacity: 0;
				}
			}
		}
		
		.elementor-icon-list-items{
			a{
				.elementor-icon-list-text{
					font-size: 20px;
				}
			}
		}
	}
}

/** 
* Fix for page movement when closing burger menu
**/
body{
	overflow: auto!important;
}

/*.elementor-lightbox{
	.swiper-wrapper{
		transition-duration: 800ms!important;
	}
}*/

/* Artwork Card Container */
.art-card {
    position: relative;
    overflow: hidden;
    cursor: default;
}

/* Image */
.art-card .art-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.4s ease;
}

/* Overlay */
.art-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0);
    transition: all 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

/* Title */
.art-card .art-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    opacity: 0;
    transition: all 0.4s ease;

    z-index: 2;

    width: 80%;

    text-align: center;
    color: #4a4a4a;

    pointer-events: none;
}