/* Common Header */
#smhsdo_header {
	transition: 0.5s;
}

.scrolled-header {
	position: fixed !important;
	width: 100% !important;
	top: 0;
	z-index: 9 !important;
	transition: 0.5s;
	
}

.scrolled-header .scroll-hidden {
	display: none;
	transition: 0.5s;
}

.scroll-logo {
	transition: 0.5s;
	display: flex;
	justify-content: flex-start;
}

.scrolled-header .scroll-logo a img{
	width: 100%;
	max-width: 145px;
	transition: 0.5s;
	
}

.header-button a{
	width: 100%;
}


/* --- Button Sweep Hover Effect --- */

/* 1. Set up the container and the button */
.btn-dark-sweep-effect a,
.btn-light-sweep-effect a {
    position: relative; /* Creates a positioning context for the overlay */
    overflow: hidden;   /* Hides the overlay when it's outside the button */
    z-index: 1;         /* Ensures the button stays above other elements */
    transition: color 0.4s ease-in-out; /* Smooth transition for the text color */
}

/* 2. Style the text wrapper to keep it above the overlay */
.btn-dark-sweep-effect a .elementor-button-content-wrapper,
.btn-light-sweep-effect a .elementor-button-content-wrapper {
    position: relative; /* Allows z-index to work */
    z-index: 2;         /* Puts the text on top of the overlay */
}

/* 3. Create and style the overlay pseudo-element */
.btn-dark-sweep-effect a::before, 
.btn-light-sweep-effect a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* --- Customize Your Overlay Color Here --- */
    background-color: var( --e-global-color-primary ); /* The blue overlay color */

    z-index: -1; /* Places the overlay behind the button's text content */

    /* Initially, move the overlay completely to the left */
    transform: translateX(-101%);
    
    /* Define the smooth animation */
    transition: transform 0.4s ease-in-out;
}

.btn-light-sweep-effect a::before {
	/* --- Customize Your Overlay Color Here --- */
    background-color: var( --e-global-color-secondary ); /* The blue overlay color */

}

.btn-dark-sweep-effect a:focus {
	color: unset !important; /* The primary overlay color */
}

/* 4. Animate on hover */
.btn-dark-sweep-effect a:hover::before,
.btn-light-sweep-effect a:hover::before {
    /* On hover, bring the overlay into view from the left */
    transform: translateX(0);
}


/* Common Header */


/* Banner */
@media only screen and (max-width: 1366px) {
	.hero-banner-form .elementor-field-textual.elementor-size-lg {
		min-height: 48px !important;
	}
	
	.hero-banner-form label[for="form-field-h_b_form_checkbox-0"]{
		font-size: 16px !important;
	}
}



@media only screen and (max-width: 1280px){
	.elementor-element.hero-banner-form .elementor-field-group {
		margin-bottom: 10px !important;
	}
}


/* Footer */
.copyright p {
	margin: 0;
}

.copyright p a {
	text-decoration: underline;
	font-size: 16px;
}

.footer-list a:hover span.elementor-icon-list-text {
	text-decoration: underline
}

.hours-schedule p {
	margin-bottom: 5px;
}


/* Home Page Start*/
/* Home Page Hero section*/
.Banner-left-text-color strong{
	color: var(--e-global-color-accent);
	/* 1px width, black color */
  -webkit-text-stroke: 1px var(--e-global-color-text);
}
.banner-form-title strong {
	color: var( --e-global-color-primary );
}

.hero-banner-form input[type="checkbox"] {
	max-width: 24px;
    max-height: 24px;
    width: 100%;
    height: 100%;
    margin-right: 10px;
}

.hero-banner-form .elementor-field-option {
	display: flex;
	align-items: flex-start;
}