/* 
Theme Name: Speedy Glass
Theme URI: https://whiteparrot.ca/
Description: Speedy Glass is the upgraded version of Hello Elementor Child, which is a child theme of Hello Elementor, created by Elementor team
Author: White Parrot Inc.
Author URI: https://whiteparrot.ca/
Template: hello-elementor
Version: 2.0.20
Text Domain: speedy-glass
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
*/

/* Styles START */

.page-id-11897 .page-header{display: none;}
.nico-header-video .elementor-custom-embed-image-overlay {background-image: url(https://www.fixnetwork.com/wp-content/uploads/2025/09/FNC_FN_1280x720_-English.jpg)!important;}


/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	#slider-1-slide-27-layer-20{font-size: 14px!important;
    padding: 16px 35px!important;
    top: 10px!important;}
}
/* Global Styles */
/* Testing scroll issue */
/*	html {
	  scroll-behavior: smooth;
	} */
	 /* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	}
	/* Firefox */
	input[type=number] {
	    -moz-appearance: textfield;
	}
	 .service-areas .elementor-button .elementor-button-content-wrapper {gap: 5px!important;}
	.elementor-slideshow__title {display:none;}
	.elementor-swiper-button {margin-top: 20px;}
	.location-amenities svg {width:1.25em;}
	.shop-social-media .elementor-social-icon {background:none;}
	.blog-page-card {
		box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
	}
	.registered {
		font-size: 0.75rem;
		top: -10px;
		position: relative;
	}
	.find-a-location-search svg {
		cursor: pointer;
	}
	.places-dropdown {
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 8px 24px rgba(0,0,0,.4);
		display: none;
	}

	.places-dropdown .place-item {
		padding: 12px 16px;
		cursor: pointer;
		color: #000;
	}

	.places-dropdown .place-item:hover {
		background: #ccc;
	}
	
	.places-dropdown .place-item:first-child:hover {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	.places-dropdown .place-item:last-child:hover {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	.policyholderform .elementor-field-type-submit, .insuranceinformationform .elementor-field-type-submit, .agentinformationform .elementor-field-type-submit  {display:none;}
	.about-hero-gallery .elementor-gallery-item:nth-child(2), .about-hero-gallery .elementor-gallery-item:nth-child(4) {
		    width: 75%;
			height: 75%;
			top: 13%;
			left: 13%;
	}
	.about-hero-gallery .elementor-gallery-item:nth-child(1) {
		    width: 50%;
			height: 50%;
			top: 25%;
			left: 50%;
	}
	.about-hero-gallery .elementor-gallery-item:nth-child(5) {
		    width: 50%;
			height: 50%;
			top: 25%;
			right: 0%;
	}
	.about-hero-gallery .elementor-gallery-item, .about-hero-images img {
		box-shadow: 
			0px 7px 15px 0px #00000026,
			0px 28px 28px 0px #00000021,
			0px 62px 37px 0px #00000014,
			0px 110px 44px 0px #00000005,
			0px 172px 48px 0px #00000000;
	}
	#custom-loader {
		position: fixed;
		top: 0;
		left: 0;
		padding: 25% 50%;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.3);
		align-items: center;
		justify-content: center;
		z-index: 9999;
		display: none; /* Initially Hidden */
	}
	
	.loader {
		border: 5px solid rgba(255, 255, 255, 0.3);
		border-radius: 50%;
		border-top: 5px solid #fff;
		width: 50px;
		height: 50px;
		animation: spin 1s linear infinite;
	}

	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	p a {
		color: #EF0606!important;
		text-decoration: underline!important;
		font-weight: 500;
	}
	.next-step-service .elementor-button-danger, .next-step-location .elementor-button-danger {
		color: #FFFFFF !important;
	}
	#sg-services-sec{
        scroll-margin-top: 150px; /* Adjust this value as needed */
    }
	.homepage-blog-excerpt .elementor-widget-container, .all-articles .elementor-widget-theme-post-excerpt>.elementor-widget-container, .all-articles h4.elementor-heading-title, .resources-container h5.elementor-heading-title {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 3em;
		line-height: 1.5em;
	}
	.all-articles h4.elementor-heading-title, .resources-container h5.elementor-widget-container {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 3em;
		line-height: 1.5em;
	}
	.resources-container .elementor-widget-theme-post-excerpt .elementor-widget-container, .all-articles .elementor-widget-text-editor {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 4.5em;
		line-height: 1.5em;
	}
	a.page-numbers, span.page-numbers {
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #EBEBEB;
		border-radius: 6px 6px 6px 6px;
		padding: 5px 10px;
	}
	a.page-numbers {
		box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
		background: #fff;
	}
	.quote-subservice-picker .e-flex .e-con {
		border-radius:8px;
	}
	.next-step-service .elementor-button-danger:hover,
	.next-step-service .elementor-button-danger:active, .next-step-location .elementor-button-danger:hover,
	.next-step-location .elementor-button-danger:active {
		color: #FFFFFF !important;
	}
	.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover  {
		background-color:#00000000;
	}
	.each-resource {
		box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.5), 
            0px 12px 18px -2px rgba(0, 0, 0, 0.6);
	}
	.find-a-location-search-btn a {padding: 14px 24px;}
	.locator-shops, .alaska-shops, .arizona-shops, .montana-shops, .new-mexico-shops, .oregon-shops, .washington-shops {
		max-height:500px;
		overflow-y: scroll;
		/* box-shadow: inset -10px 0px 10px rgba(0, 0, 0, 0.1)!important; */ /* Adjust shadows later */
	}
	.location-amenities a, .service-areas a {padding: 0px;}
	.location-amenities a svg, .service-areas a svg, .color-red, .color-red a {color: #EF0606!important;}
	.location-amenities a svg path, .service-areas a svg path {fill: #EF0606!important;}
	/* .shop-locator-left-container {height:869px;} */
	/* Smooth transition for height changes */
	.shop-locator-left-container,
	.locator-map {
		transition: height 0.5s ease-in-out;
	}
	.shop-locator-page-shops {
		max-height:639px;
		overflow-y: scroll;
	}
	.locator-quote a {padding: 7.5px 20px;}
	.comprehensive-auto-1, .comprehensive-auto-2, .comprehensive-auto-3, .comprehensive-auto-4, .comprehensive-auto-5, .comprehensive-auto-6 {cursor: pointer;}
	.speedy-advantage-icons .elementor-icon {
		border-color: #f0f1f5!important;
		border: 1px solid #f0f1f5;
		border-radius: 20%;
	}
	.promo-space-text p {margin:0;}
	.ctas-container .call-us .elementor-button-icon, .ctas-container .get-a-quote .elementor-button-icon {
		font-size: 1.75rem;
		margin-top: -5px;
	}
	.custom .tp-bullet {
		background-color: rgba(255, 255, 255, 0.7)!important;
		border-radius: 6px;
	}
	.custom .tp-bullet.selected {
		background-color: rgba(255, 255, 255, 1)!important;
		/* padding-right: 50px; */
		/* margin: 0 -50px; */
	}
	.ctas-container .explore-all-services i {
		font-size: 1.5rem;
		color: rgba(186, 190, 196, 1);
		vertical-align: bottom;
	}
	.top-right-menu .elementor-nav-menu--main .elementor-nav-menu a {padding: 5px 10px;}
	.glossy-panel {
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}
	.red-bottom-left::before {
		content: "";
		position: absolute;
		top: 110px; /* Adjust for positioning the shape */
		left: -60px; /* Adjust for positioning the shape */
		width: 116px; /* Adjust size of the PNG */
		height: 90px; /* Adjust size of the PNG */
		background-image: url('/wp-content/uploads/2025/03/red-rect.png');
		background-size: contain; /* Ensure the entire image fits */
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1; /* Place it behind the div */
		pointer-events: none; /* Ensure it does not interfere with interactions */
	}
	.grey-top-right::after {
		content: "";
		position: absolute;
		bottom: 100px; /* Adjust for positioning the shape */
		right: -20px; /* Adjust for positioning the shape */
		width: 116px; /* Adjust size of the PNG */
		height: 90px; /* Adjust size of the PNG */
		background-image: url('/wp-content/uploads/2025/03/grey-rect.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1; /* Place it behind the div */
		pointer-events: none; /* Ensure it does not interfere with interactions */
	}
	.red-top-left::before {
		content: "";
		position: absolute;
		top: -70px; /* Adjust for positioning the shape */
		left: -70px; /* Adjust for positioning the shape */
		width: 155px; /* Adjust size of the PNG */
		height: 155px; /* Adjust size of the PNG */
		background-image: url('/wp-content/uploads/2025/03/red-prll.png');
		background-size: contain; /* Ensure the entire image fits */
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1; /* Place it behind the div */
		pointer-events: none; /* Ensure it does not interfere with interactions */
	}
	.grey-bottom-right::after {
		content: "";
		position: absolute;
		bottom: -70px; /* Adjust for positioning the shape */
		right: -70px; /* Adjust for positioning the shape */
		width: 155px; /* Adjust size of the PNG */
		height: 155px; /* Adjust size of the PNG */
		background-image: url('/wp-content/uploads/2025/03/grey-prll.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1; /* Place it behind the div */
		pointer-events: none; /* Ensure it does not interfere with interactions */
	}
	.light-grey-top::before {
		content: "";
		position: absolute;
		top: -70px; /* Move the shape half outside the top of the container */
		left: 70%; /* Center horizontally */
		transform: translateX(-60%); /* Center the image exactly */
		width: 155px; /* Adjust size of the PNG */
		height: 155px; /* Adjust size of the PNG */
		background-image: url('/wp-content/uploads/2025/03/light-grey-prll.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1; /* Place it behind the container */
		pointer-events: none; /* Ensure it does not interfere with interactions */
	}

	.light-grey-bottom::after {
		content: "";
		position: absolute;
		bottom: -70px; /* Move the shape half outside the bottom of the container */
		left: 30%; /* Center horizontally */
		transform: translateX(-60%); /* Center the image exactly */
		width: 155px; /* Adjust size of the PNG */
		height: 155px; /* Adjust size of the PNG */
		background-image: url('/wp-content/uploads/2025/03/light-grey-prll.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1; /* Place it behind the container */
		pointer-events: none; /* Ensure it does not interfere with interactions */
	}
	
	.the-speedy-advantage-gallery {
		position: relative;
	}
	.the-speedy-advantage-gallery::before,
	.the-speedy-advantage-gallery::after {
	  content: '';
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 200px; /* Height of the gradient overlay */
	 /* background: linear-gradient(to bottom, white, transparent); */
	  z-index: 4; /* Ensure the overlay is above the content */
	}
	.the-speedy-advantage-gallery::after {
	  top: auto;
	  bottom: 0;
	  /* background: linear-gradient(to top, white, transparent);*/
	}
	.the-speedy-advantage-gallery-content {
		position: relative;
		z-index: 3; /* Ensure content is above the overlays */
	}
	
/* Tabs Styles	 */

	.homepage-comprehensive .e-n-tab-title[aria-selected="true"]::before {
		content: "";
		position: absolute;
		top: -52px; /* Move the shape half outside the top of the container */
		left: 60%; /* Center horizontally */
		transform: translateX(-60%); /* Center the image exactly */
		width: 85%; /* Adjust size of the PNG */
		height: 100%; /* Adjust size of the PNG */
		background-image: url('/wp-content/uploads/2025/03/tab-menu-bg-half-red.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1; /* Place it behind the container */
		pointer-events: none; /* Ensure it does not interfere with interactions */
	}
	
	.locator-tabs .e-n-tab-title[aria-selected="true"] {
		border-bottom: 1px solid #EF0606;
	}
	.locator-tabs .all-locations-cta, .locator-tabs .get-directions {
		margin-top: -5px;
	}
	.locator-tabs .all-locations-cta a, .locator-tabs .get-directions a {
		padding: 5px 20px 5px 0;
	}
	.live-shop .all-locations-cta span, .live-shop .get-directions span, .locator-tabs .all-locations-cta span, .locator-tabs .get-directions span {
		color: #D21E19;
	}
	.custom .tp-bullet.selected {
		width: 24px;
		margin-left:-6px;
		box-shadow: 0px 0px 16px 5px rgba(217.6, 217.6, 217.6, 0.5);
	}

/* Mobile Non-Specific (<1024 including Tablets) Styles */
@media screen and (max-width: 1024px) {
	.shop-distance a {padding: 5px;}
	.shop-locator-page-shops {height:auto;}
	.elementor-swiper-button {display: none!important;}
	.e-n-menu-content {
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
		opacity: 0;
		pointer-events: none; /* Prevents interaction when hidden */
	}

	.e-n-menu-wrapper, .e-n-menu-content.e-active {
		transform: translateY(0); /* Moves it into view */
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
		opacity: 1;
		pointer-events: all; /* Allows interaction when visible */
	}
	.e-n-menu-wrapper {
		margin-top:35px!important;
		padding:20px;
		box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.05), 
            0px 20px 42px -2px rgba(0, 0, 0, 0.16)!important;
		backdrop-filter: blur(68px)!important;
		-webkit-backdrop-filter: blur(68px)!important;
		height: 100vh;
		touch-action: none;
		background: rgba(255, 255, 255, 0.75)!important;
	}
	.e-n-menu-title, .e-n-menu-content .elementor-element {background:#00000000!important;}
	.mobile-menu-services nav {margin-top:0px!important;}
	.mobile-menu-services ul li a {
		font-size: 1.25em;
		padding:5px 10px!important;
	}
	.e-n-menu-item:has(#mobile-menu-1800) {
		position: absolute;
		bottom: 50px;
		align-items: center;
		left: 0;
	}
	.speedy-advantage-icons .elementor-icon {border:none;margin-top:-15px;}
	.speedy-advantage-icons .elementor-icon-box-description {
		width: 150%;
		margin-left: -50%;
		margin-top: 0%;
	}
	.speedy-advantage-icons .elementor-icon-box-title {
		margin-left: -20%;
	}
	.speedy-advantage-icons .elementor-icon {
		margin-left: -15%;
	}
	.speedy-advantage-icons .elementor-widget-icon-box {
		border: 1px solid rgba(230, 230, 229, 1);
		border-radius: 12px;
		box-shadow: 
			0px 4px 6px -4px rgba(0, 0, 0, 0.05),
			0px 12px 18px -2px rgba(0, 0, 0, 0.06);
	}
	.the-speedy-advantage-gallery::before,
	.the-speedy-advantage-gallery::after {
	  background: none;
	  }
	  
	.homepage-hero-ctas .mobile-hidden, .find-your-speedy-glass .mobile-hidden {
		display: none;
	}  
	.homepage-glossy-panel.glossy-panel {background-color: #FFFFFF21!important;}
	.resources-container .swiper {padding-bottom:50px!important;}
	.swiper-pagination {
		padding-bottom:0px!important;
	}
	.comprehensive-mobile .swiper-pagination {
		padding-bottom:90px!important;
	}
	.homepage-glossy-panel {
		max-width: 850px;
	}
	.swiper-pagination-bullet {
		width:50px!important;
		background: #EF0606!important;
		border-radius: 0px;
	}
	
	.homepage-hero-ctas, .homepage-hero-ctas div {
		background: none;
		border: none;
		box-shadow: none!important;
	}
	.only-ctas {display:flex;}
	.red-top-left::before {
		content: "";
		position: absolute;
		top: -50px; /* Adjust for positioning the shape */
		left: -60px; /* Adjust for positioning the shape */
		width: 124px; /* Adjust size of the PNG */
		height: 124px; /* Adjust size of the PNG */
		background-image: url('/wp-content/uploads/2025/03/red-prll.png');
		background-size: contain; /* Ensure the entire image fits */
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1; /* Place it behind the div */
		pointer-events: none; /* Ensure it does not interfere with interactions */
	}
	.grey-bottom-right::after {
		content: "";
		position: absolute;
		bottom: -50px; /* Adjust for positioning the shape */
		right: -25px; /* Adjust for positioning the shape */
		width: 124px; /* Adjust size of the PNG */
		height: 124px; /* Adjust size of the PNG */
		background-image: url('/wp-content/uploads/2025/03/grey-prll.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1; /* Place it behind the div */
		pointer-events: none; /* Ensure it does not interfere with interactions */
	}
	.overflow-hidden {overflow: hidden;}
	.light-grey-top::before {
		display: none;
	}

	.light-grey-bottom::after {
		display: none;
	}
}
/* Mobile Non-Specific (<1024 including Tablets) Styles END */

/* Mobile Specific Styles */
@media screen and (max-width: 480px) {

.page-id-10794 .elementor-717 .elementor-element.elementor-element-9cb5c3e{
padding-top: 7px;
padding-bottom: 6px;
padding-left:5px;
	}

	.adas-icon-box .elementor-icon-box-description {padding-left:170px;}
	#how-can-we-help-you .selection-default, #how-can-we-help-you .selection-auto, #how-can-we-help-you .selection-residential, #how-can-we-help-you .selection-commercial, #where-are-you-located .selection-default, #where-are-you-located .selection-location {margin-top:76px;}
	.damage-chips, .damage-cracks {width:100%!important;}
	.nearfooter-ctas {background-image:none!important;} 
	.selection-location {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 80%;
	}
}
/* Mobile Specific Styles END */

/* Non-Mobile Styles */
@media screen and (min-width: 1025px) {
	.resources-container .swiper-pagination {display:none;}
}
/* Non-Mobile Styles END */

/* Tablets Specific Styles */
@media screen and (max-width: 1024px) and (min-width: 481px) {
	.adas-icon-box .elementor-icon-box-description {padding-left:310px;}
	.e-n-menu-content .elementor-element.e-con-full.e-flex.e-con.e-child {padding:0;}
	.e-n-menu-wrapper {
		height: calc(100vh - 77px);
	}
	.e-n-menu-wrapper {
		margin-top:25px!important;
	}
	ul.elementor-nav-menu li a {
		padding:5px!important;
	}
	nav.elementor-nav-menu--dropdown {
		margin-top: -10px!important;
	}
}
/* Tablets Specific Styles END */

/* Info Button Styles */
	.elementor-element.elementor-button-info .elementor-button {color: #0B0E13; text-shadow: none; background-color: #FFFFFF;background-image: none;border: 1px solid #EF0606;border-radius: 6px; font-weight: 600; font-size: 1rem; line-height: 1.22rem;}
	.elementor-element.elementor-button-info .elementor-button svg path {fill:#EF0606;}
/* Info Button Styles In Footer */
	.footer .elementor-element.elementor-button-info .elementor-button {border: none;}
	
/* Success Button Styles */
	.elementor-element.elementor-button-success .elementor-button {background: linear-gradient(179deg, #E73632, #CD1D18); border-radius: 6px; font-weight: 600; font-size: 1rem; line-height: 1.22rem; color: #FFFFFF;}
	.elementor-element.elementor-button-success .elementor-button svg path {fill: #FFFFFF;}
	
/* Danger Button Styles */
	.elementor-element.elementor-button-danger .elementor-button {background: linear-gradient(179deg, #404040, #1A1A1A); border-radius: 6px; font-weight: 600; font-size: 1rem; line-height: 1.22rem; color: #FFFFFF;}
	.elementor-element.elementor-button-danger .elementor-button svg path {fill: #FFFFFF;}
	.danger-btn a {padding: 5.5px 10px;}
	
/* Warning Button Styles */
	.elementor-element.elementor-button-warning .elementor-button {color: #393D46; text-shadow: none; background-color: transparent; background-image: none;border: none; font-weight: 600; font-size: 1rem; line-height: 1.22rem;}
	.elementor-element.elementor-button-warning .elementor-button svg path {fill:#393D46;}
	
/* Warning Button Styles In Footer */
	.footer .elementor-element.elementor-button-warning .elementor-button {color: #ffffff; text-shadow: none; background-color: transparent; background-image: none;border: none;}
	.footer .elementor-element.elementor-button-warning .elementor-button svg path {fill:#ffffff;}
	
/* Scrollbar styles NOT WORKING FOR SOME REASON	 */
/* Scrollbar container */
.shop-locator-page-shops::-webkit-scrollbar {
    width: 10px; /* Width of the vertical scrollbar */
    height: 10px; /* Height of the horizontal scrollbar */
}

/* Track of the scrollbar */
.shop-locator-page-shops::-webkit-scrollbar-track {
    background: #f0f0f0; /* Light gray track */
    border-radius: 5px; /* Rounded corners */
}

/* Thumb (the scrolling handle) */
.shop-locator-page-shops::-webkit-scrollbar-thumb {
    background: #888; /* Darker gray thumb */
    border-radius: 5px; /* Rounded corners */
    border: 2px solid #f0f0f0; /* Add space around the thumb */
}

/* Thumb when hovered */
.shop-locator-page-shops::-webkit-scrollbar-thumb:hover {
    background: #555; /* Darker color when hovered */
}

/* Optional: Customize for other browsers (e.g., Firefox) */
html {
    scrollbar-width: thin; /* Makes scrollbar thinner */
    scrollbar-color: #393D46 #f0f0f0; /* Thumb and track colors */
}

.shop-locator-page-shops, .locator-shops, .alaska-shops, .arizona-shops, .montana-shops, .new-mexico-shops, .oregon-shops, .washington-shops {
    scrollbar-width: thin; /* Makes scrollbar thinner */
    scrollbar-color: #D21E19 #fff; /* Thumb and track colors */
	border: 1px solid D21E19;
	border-radius: 6px;
}


/* Get a Quote Page Styles */
.elementor-text-drop, .elementor-text-or{color: #7c7d7f;font-family: inherit;font-size: 15px!important;font-weight: normal;    line-height: 26px;}
	.waiting {display: none;}
	.red-text {color: #E12021;}
	.black-text {color: #393D46;}
	.hidden {display: none;}
	.pick-a-shop, .shop-1, .shop-2, .shop-3, .no-shop {display:none;opacity: 0;transition: opacity 0.5s ease;}
	.pick-a-shop.show, .shop-1.show, .shop-2.show, .shop-3.show, .no-shop.show {display: flex;opacity: 1;}
	.shop-1-info, .shop-2-info, .shop-3-info {display:none;}
	.quote-location-picker .next-step-location, .next-step-service {pointer-events: none;cursor: default;}
	.shop-list.selected-shop.elementor-element {
		border-width: 1px 1px 1px 1px!important;
		--border-top-width: 1px!important;
		--border-right-width: 1px!important;
		--border-bottom-width: 1px!important;
		--border-left-width: 1px!important;
		border-color: #E12021!important;
		--border-color: #E12021!important;
		}
	.damage-windshield:hover, .damage-back-glass:hover, .damage-door-glass:hover, .damage-vent-glass:hover, .damage-quarter-glass:hover, .damage-other-unsure:hover, .chips-3:hover, .chips-2:hover, .chips-1:hover, .damage-chips:hover, .damage-cracks:hover, .windows-or-glass-service:hover, .shower-enclosures-service:hover, .mirrors-service:hover, .glass-shelving-service:hover, .other-residential-service:hover,  .windshield-service:hover, .driver-side-service:hover, .passenger-side-service:hover, .back-glass-service:hover, .quote-auto-glass:hover, .quote-residential-glass:hover, .quote-commercial-glass:hover, .shop-list.shop-1:hover, .shop-list.shop-2:hover, .shop-list.shop-3:hover, .pac-item:hover {cursor: pointer;}
	
	.pac-container {max-width: 500px;}
	
	.damage-windshield.selected svg path, .damage-back-glass.selected svg path, .damage-door-glass.selected svg path, .damage-vent-glass.selected svg path, .damage-quarter-glass.selected svg path, .damage-other-unsure.selected svg path, .chips-1.selected svg path, .chips-2.selected svg path, .chips-3.selected svg path, .damage-chips.selected svg path, .damage-cracks.selected svg path, .windows-or-glass-service.selected svg path, .shower-enclosures-service.selected svg path, .mirrors-service.selected svg path, .glass-shelving-service.selected svg path, .other-residential-service.selected svg path, .windshield-service.selected svg path, .driver-side-service.selected svg path, .passenger-side-service.selected svg path, .back-glass-service.selected svg path, .quote-auto-glass.selected svg path, .quote-residential-glass.selected svg path, .quote-commercial-glass.selected svg path {fill: #E12021;transition: all 0.2s ease-in-out;}
	.quote-commercial-glass.selected svg {color: #E12021;transition: all 0.2s ease-in-out;}
	
	.damage-windshield.selected, .damage-back-glass.selected, .damage-door-glass.selected, .damage-vent-glass.selected, .damage-quarter-glass.selected, .damage-other-unsure.selected, .chips-1.selected .chips-1-text, .chips-2.selected .chips-2-text, .chips-3.selected .chips-3-text, .damage-chips.selected .damage-chips-text, .damage-cracks.selected .damage-cracks-text, .windows-or-glass-service.selected .windows-glass-text, .shower-enclosures-service.selected .shower-enclosures-text, .mirrors-service.selected .mirrors-text, .glass-shelving-service.selected .glass-shelving-text, .other-residential-service.selected .other-residential-text, .windshield-service.selected .windshield-text, .driver-side-service.selected .driver-side-text, .passenger-side-service.selected .passenger-side-text, .back-glass-service.selected .back-glass-text, .quote-auto-glass.selected .quote-commercial-glass-text, .quote-auto-glass.selected .quote-auto-glass-text, .quote-residential-glass.selected .quote-residential-glass-text, .quote-commercial-glass.selected .quote-commercial-glass-text {color: #E12021;transition: all 0.2s ease-in-out;}
	
	.elementor-element.e-con-full.chips-1.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.chips-2.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.chips-3.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.damage-chips.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.damage-cracks.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.windows-or-glass-service.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.shower-enclosures-service.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.mirrors-service.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.glass-shelving-service.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.other-residential-service.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.windshield-service.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.damage-windshield.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.damage-back-glass.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.damage-door-glass.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.damage-vent-glass.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.damage-quarter-glass.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.damage-other-unsure.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.passenger-side-service.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.driver-side-service.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.back-glass-service.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.quote-auto-glass.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.quote-residential-glass.e-flex.e-con.e-child.selected,
	.elementor-element.e-con-full.quote-commercial-glass.e-flex.e-con.e-child.selected {border-color: #E12021; --border-color: #E12021;}
	.damage-windshield.selected, .damage-back-glass.selected, .damage-door-glass.selected, .damage-vent-glass.selected, .damage-quarter-glass.selected, .damage-other-unsure.selected, .chips-1.selected, .chips-2.selected, .chips-3.selected, .damage-cracks.selected, .damage-chips.selected, .windows-or-glass-service.selected, .shower-enclosures-service.selected, .mirrors-service.selected, .glass-shelving-service.selected, .other-residential-service.selected,  .windshield-service.selected, .driver-side-service.selected, .passenger-side-service.selected, .back-glass-service.selected, .quote-auto-glass.selected, .quote-residential-glass.selected, .quote-commercial-glass.selected {
		transition: all 0.2s ease-in-out;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);transform: scale(1.025);
	}
	.search-shops, .shop-list, .working-hours {
		display:none;
	}

/* Get a Quote - Accordion styles */
	details:open .selection-default {display:none;}
	.quote-service-picker-check.checked svg path {fill: #41bd2d;}
	#how-can-we-help-you summary.e-n-accordion-item-title, #where-are-you-located summary.e-n-accordion-item-title, #service-required summary.e-n-accordion-item-title, #your-information summary.e-n-accordion-item-title, #submit-my-quote-request   summary.e-n-accordion-item-title {
		background:#ffffff;
		border-radius: 10px;
	}
	#how-can-we-help-you, #where-are-you-located, #service-required, #your-information, #submit-my-quote-request {
		background: #ffffff;
		border-radius: 8px;
		--display: flex;
		--background-transition: 0.3s;
		border-style: solid;
		--border-style: solid;
		border-width: 1px 1px 1px 1px;
		--border-top-width: 1px;
		--border-right-width: 1px;
		--border-bottom-width: 1px;
		--border-left-width: 1px;
		border-color: #F0F1F5;
		--border-color: #F0F1F5;
		--border-radius: 8px 8px 8px 8px;
		box-shadow: 0px 0px 16px 8px rgba(217.6, 217.6, 217.6, 0.5);
	}
	.what-damage, .howmany-chips, .what-is-chip-crack {display: none;}
	.get-a-quote-accordion.elementor-widget-n-accordion {
		--n-accordion-border-width: 0;
	}
	h3.e-n-accordion-item-title-text {
		--n-accordion-title-font-size:1.75rem;
		font-weight:500;
	}
	#submit-my-quote-request .e-n-accordion-item-title-icon {display:none;}
	.selection-default {
		position: absolute;
		margin-top: 36px;
		color: #cccccc;
		font-size:1rem;
		padding-bottom:50px;
	}
	.selection-service, .selection-auto, .selection-residential, .selection-commercial, .selection-location, .selection-windshield, .selection-driver-side, .selection-passenger-side, .selection-back-glass {
		position: absolute;
		margin-top: 36px;
		font-weight: 500;
		color: #E12021;
		font-size:1rem;
		padding-bottom:50px;
	}
	.selection-damage {
		position: absolute;
		margin-top: 3px;
		margin-left: 10px;
		font-weight: 500;
		color: #E12021;
		font-size:1rem;
		padding-bottom:50px;
	}
	.damage-selection, .chips-selection {
		font-weight: 500;
		color: #E12021;
		font-size: 1rem;
	}
	#continue-without-location {display:none;}
	
	
/* Button Styles */
	.elementor-button {position: relative;overflow: hidden;transition: background 0.3s ease;}

/* Hover Effect */
	/* .elementor-button:not(.shop-distance a):hover {background: linear-gradient(120deg, #CD1D18, #E73632);} */

/* Shine Effect */
	.elementor-button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));transform: skewX(-20deg);transition: left 0.5s ease, background 0.5s ease;}
	.elementor-button:hover::before {left: 100%;}

/* Info Button Styles */
	.elementor-button-info .elementor-button {position: relative;overflow: hidden;background: white;color: #EF0606;border: 1px solid #EF0606;transition: background 0.3s ease, color 0.3s ease;}

/* Hover Effect */
	.elementor-button-info .elementor-button:hover {background: #FFEEEE;color: #EF0606;}

/* Shine Effect */
	/* Info Button */
	.elementor-button-info .elementor-button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg, rgba(239, 6, 6, 0.15), rgba(239, 6, 6, 0));transform: skewX(-20deg);transition: left 0.5s ease, background 0.5s ease;}
	.elementor-button-info .elementor-button:hover::before {left: 100%;}
	/* Removing for Warning Button */
	.elementor-button-warning .elementor-button::before {left: 0; background: none; transition: none;}
    /* Dropdown Styling */
	.dropdown {
		display: none;
		position: absolute;
		background: white;
		border: 1px solid #ccc;
		width: 250px;
		max-height: 250px;
		overflow-y: auto;
		z-index: 9999;
		left: 0;
		top: 100%; /* This makes it appear below the input */
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		font-size: 14px;
	}
	
	/* Individual dropdown options */
	.dropdown div {
		padding: 10px;
		cursor: pointer;
		border-bottom: 1px solid #eee;
		background: white;
		color: black;
	}
	
	/* Highlight selected option */
	.dropdown div:hover {
		background: #CCCCCC;
		/* color: white; */
	}
	
	/* Fix model dropdown alignment */
	#model-dropdown {
		margin-left: 0px; /* Keep it in place */
		width: 250px;
		display: none;
	}
	
	/* Ensure input container is properly positioned */
	#vehicle-search-container {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	#ymm-dropdown {
		position: absolute;
		background: white;
		border: 1px solid #ccc;
		max-height: 200px;
		overflow-y: auto;
		width: auto;
		z-index: 1000;
	}
	
	#ymm-dropdown div {
		padding: 10px;
		cursor: pointer;
	}
	
	#ymm-dropdown div:hover,
	#ymm-dropdown div.highlight {
		background: #CCCCCC;
		/* color: white; */
	}
	.tag-container {
		position: absolute;
		padding: 10px;
	}
	.tag-container .tag {
		margin-right: 10px;
		background: #393D46;
		color: white;
		padding: 5px 20px 5px 5px;
		border-radius: 6px;
		cursor: default;
	}
	.remove-tag {
		font-size: 8px;
		position: absolute;
		padding: 7px 2px;
	}
	.elementor-field-group-finalfirstname, 
	.elementor-field-group-finallastname, 
	.elementor-field-group-finalphonenumber, 
	.elementor-field-group-finalemail, 
	.elementor-field-group-finalcity, 
	.elementor-field-group-finalstate, 
	.elementor-field-group-finalzip, 
	.elementor-field-group-finalmethodofcontact, 
	.elementor-field-group-finalvehicleyear, 
	.elementor-field-group-finalvehiclemake, 
	.elementor-field-group-finalvehiclemodel, 
	.elementor-field-group-finalvehiclevinplace, 
	.elementor-field-group-finaldamagedglass, 
	.elementor-field-group-finalrepairorreplace,
	 .elementor-field-group-servicecategory, 
	 .elementor-field-group-desiredlocation, 
	 .elementor-field-group-customersaddress, 
	 .elementor-field-group-servicerequired, 
	 .elementor-field-group-commercialprojectdescription, 
	 .elementor-field-group-chipscracks, 
	 .elementor-field-group-howmanychips, 
	 .elementor-field-group-yearmakemodel, 
	 .elementor-field-group-vehiclevin, 
	 .elementor-field-group-decodedzip {
		display: none;
	}

	/* Default style for dropdown options */
	#ymm-dropdown div, #model-dropdown div {
		padding: 8px 12px;
		cursor: pointer;
		transition: background 0.2s ease-in-out;
	}

	/* Highlight active item for keyboard navigation */
	#ymm-dropdown div.active, #model-dropdown div.active {
		background-color: #cccccc;
	}

	/* Hover effect for dropdown options */
	#ymm-dropdown div:hover, #model-dropdown div:hover {
		background-color: #cccccc;
	}

	/* VIN & YMM Styles */
	#vehicle-selection-container {
		display: flex;
		gap: 15px; /* Space between VIN & YMM inputs */
		align-items: center;
		max-width: 700px;
		margin: auto;
	}
	
	.vehicle-input-group {
		position: relative;
		flex: 1; /* Equal width for both inputs */
	}
	
	.vehicle-search-box {
		width: 100%;
		padding: 10px 12px;
		font-size: 16px;
		border: 1px solid #ccc;
		border-radius: 6px;
		outline: none;
		transition: border 0.2s;
	}
	
	.vehicle-search-box:focus {
		border-color: #007bff; /* Blue highlight on focus */
	}
	
	.vin-input {
		background-color: #f8f9fa; /* Light gray background for VIN */
	}
	
	.ymm-input {
		background-color: #fff; /* White for YMM input */
	}
	
	.dropdown {
		position: absolute;
		width: 100%;
		background: white;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
		display: none;
		max-height: 200px;
		overflow-y: auto;
	}
	
	.dropdown div {
		padding: 8px 12px;
		cursor: pointer;
		transition: background 0.2s;
	}
	
	.dropdown div:hover, .dropdown div.active {
		background-color: #007bff;
		color: white;
	}

	#get_a_quote_form .elementor-field-group-formfieldclaimemail{display: none;}

@media only screen 
and (max-width : 1024px){
   .elementor-717 .elementor-element.elementor-element-95bb9e3{align-items: anchor-center;}
   .elementor-717 .elementor-element.elementor-element-a63a49b.e-con{align-self: anchor-center;}
 

}

@media only screen 
and (max-width : 767px){
  .elementor-717 .elementor-element.elementor-element-1317785.elementor-element{top: 6px;}

}

.post-template-default.single.single-post .post-tags {
    margin: 0 auto;
    width: min(100%, 1540px);
}