/*
Theme Name: Bay to Bay
Author: dotlogics
Description: Bay to Bay - A custom lightweight theme (Elementor compatible).
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: bay-to-bay
*/

body {
	margin:0;
	padding:0;
	background-color:#222121;
}
.feature-images img.swiper-slide-image {
    width: 292px;
    height: 160px;
    object-fit: cover;
}
.featured-image img.swiper-slide-image
 {
    width: 400px;
    height: 250px;
    object-fit: cover;
}
.feature-test img.swiper-slide-image
 {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.card-meta .dot {
	margin: 0 15px;
	font-size: 20px;
}
.loop-hover .elementor-swiper-button:hover{
	scale: 1.05;
	!important;
}
.Result-count span.elementor-counter-number-suffix {
	font-size: 48px;
	margin-top: 22px;
}
.Result-count span.elementor-counter-number {
	height: 150px;
}
.feature-opacity .elementor-swiper-button.elementor-swiper-button-prev.swiper-button-disabled {
	opacity: 0.7 !important;
}
.feature-opacity .elementor-swiper-button.elementor-swiper-button-next.swiper-button-disabled{
	opacity: 0.7 !important;
}
.archive-video video.elementor-video {
	object-fit: contain !important;
}
.map-project #mapsvg-map-5 .mapsvg-region-label {
	background-color: transparent;
	font-size: 11px;
	padding: 3px 5px;
	border-radius: 4px;
	color: white;
}
#mapsvg-map-5 .mapsvg-details-container {
	display: none;
}
.mapsvg-controller-container.mapsvg-details-container.mapsvg-absolute.mapsvg-fullscreen-sm.mapsvg-fullscreen-md {
	display: none;
}
.project-counter span.elementor-counter-number-suffix {
	font-size: 28px !important;
	padding-top: 14px;
}
.form-btn .elementor-message.elementor-message-success.elementor-message-svg {
	font-size: 18px;
	color: white;
	font-family: sans-serif
}
.form-btn span.elementor-message.elementor-message-danger.elementor-help-inline.elementor-form-help-inline {
	font-size: 18px;
	font-family: sans-serif
}
.form-btn .elementor-message.elementor-message-danger {
	font-size: 18px;
	font-family: sans-serif
}
.form-btn .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-20.e-form__buttons {
	width: 14% !important;
}

/* .mapsvg-popover {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} */
/* Projects-detail */
.counter-numbers span.elementor-counter-number-suffix {
	font-size: 48px;
	display: inline-block;
	margin-top: 4px;

}
.count-section .elementor-counter-number-wrapper {
	margin-bottom: -37px;
}
/* car-wash loop */

.proj-listing {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(20px);
	transition: max-height 0.6s ease, opacity 0.6s ease, transform 0.6s ease;
}

.loop-conatiner:hover .proj-listing {
	max-height: 500px;
	opacity: 1;
	transform: translateY(0);

}

/* projects */
.img-car img.swiper-slide-image {
	width: 554px;
	height: 300px;
	object-fit: cover;
} 
/*project loop */

.project-list {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 0; /* default: no gap */
	height: 100%;
}

/* Default states */
.project-list .car-title,
.project-list .car-tag,
.project-list .loop-des {
	transition: all 0.4s ease;
}

/* Description hidden (no space reserved) */
.project-list .loop-des {
	/*   position: absolute;   
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transform: translateY(20px);
	pointer-events: none; */
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(20px);
	transition: all 1s 
		ease !important;
}

/* Hover effects */
.project-list:hover {
	gap: 24px; 
}

.project-list:hover .loop-des {
	/*   position: static;     
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto; */
	pointer-events: auto;
	max-height: 90px;
	opacity: 1;
	transform: translateY(0);
}

.project-list:hover .car-title,
.project-list:hover .car-tag {
	color: #fff !important;
	transition: 1s;
}



.form-btn .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-20.e-form__buttons {
	margin-top: 15px;
}

/* Tablet (768px to 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
	.feature-images img.swiper-slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

	.featured-image img.swiper-slide-image {
    width: 400px;
    height: 180px;
    object-fit: cover;
}
	.top-bar select option {
		font-size: 12px !important;
	}
	.img-car img.swiper-slide-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.Result-count span.elementor-counter-number-suffix {
		font-size: 35px !important;
		margin-top: 8px;
	}
	.counter-numbers span.elementor-counter-number-suffix{
		font-size: 35px !important;
		margin-top: 5px;
	}
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
		.feature-images img.swiper-slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
	.featured-image img.swiper-slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
	.top-bar select option {
		font-size: 12px !important;
	}
	.img-car img.swiper-slide-image {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	.Result-count span.elementor-counter-number-suffix {
		font-size: 28px !important;
		margin-top: 5px;
	}
	.counter-numbers span.elementor-counter-number-suffix {
		font-size: 28px !important;
		display: inline-block;
		margin-top: 5px;
	}
	.form-btn .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-20.e-form__buttons {
		width: 30% !important;
	}
	.Result-count span.elementor-counter-number {
		height: unset;
	}

}
.archive-video .elementor-custom-embed-play svg {
	filter: unset !important;
	opacity: 1 !important;
}
.archive-video .elementor-custom-embed-image-overlay:before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #0000004a;
	display: inline-block;
}
.bay-map-pc.market-map .mapsvg-layer.mapsvg-layer-labels .mapsvg-region-label:nth-child(10) {
	margin-left: 65px;
}
.bay-map-pc .mapsvg-layer.mapsvg-layer-labels .mapsvg-region-label:nth-child(10) {
	margin-left:28px;
}

@media only screen and (max-width: 1350px) {
	.bay-map-pc.market-map .mapsvg-layer.mapsvg-layer-labels .mapsvg-region-label:nth-child(10) {
		margin-left: 50px;
	}
}
@media only screen and (max-width: 1024px) {
	.bay-map-pc.market-map .mapsvg-layer.mapsvg-layer-labels .mapsvg-region-label:nth-child(10) {
		margin-left: 35px;
	}
	.bay-map-pc .mapsvg-layer.mapsvg-layer-labels .mapsvg-region-label:nth-child(10) {
		margin-left: 16px;
	}
}
@media only screen and (max-width: 767px) {
	.bay-map-pc.market-map .mapsvg-layer.mapsvg-layer-labels .mapsvg-region-label:nth-child(10) {
		margin-left: 25px;
	}
}
@media only screen and (max-width: 500px) {
	.bay-map-pc.market-map .mapsvg-layer.mapsvg-layer-labels .mapsvg-region-label:nth-child(10) {
		margin-left: 17px;
	}
}
@media only screen and (max-width: 400px) {
	.bay-map-pc.market-map .mapsvg-layer.mapsvg-layer-labels .mapsvg-region-label:nth-child(10) {
		margin-left: 14px;
	}
}