/* Header Button Collapse - Skin */
#header .header-btn-collapse-nav {
	background: var(--secondary) !important;
}

/* Header Button Collapse - Skin slightly darker
#header .header-btn-collapse-nav {
	background: color-mix(in srgb, var(--secondary) 85%, black) !important;
} */

/* Header Button Collapse - Skin - set color - not correct one though
#header .header-btn-collapse-nav {
	background: #005b5b !important;
} */


.bg-topbar-light-tan {
	background-color: #f5f0eb;
}


.mapborder {
	padding: 3px;
	border: 2px solid #1973bd;
	border-radius: 2px;
}

@media (max-width: 767px) {
    .sort-destination .masonry-item {
        position: static !important;
    }
}


@media (max-width: 480px) {
.text-tag-top-center {
        text-align:center;
        padding-left:24px;
        padding-right:24px;
    }

.text-phone-top-center {
        text-align:center;
        padding-left:24px;
        padding-right:24px;
    }

} 

@media (max-width: 480px) {
	#header > div > div.header-top.bg-topbar-light-tan > div > div > div.header-column.justify-content-start > div > ul {
		text-align: center;
	}
}


/*
* Services Detail
*/
.custom-nav-list-effect-1 > li > a {
		position: relative;
		transition: ease padding 300ms, ease color 300ms;
}

.custom-nav-list-effect-1 > li > a:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 0;
		height: 0;
		border-top: 4px solid var(--grey-500);
		opacity: 0;
		visibility: hidden;
		transform: translate3d(0, -50%, 0);
		transition: ease opacity 300ms, ease width 300ms;
}

.custom-nav-list-effect-1 > li.active > a, .custom-nav-list-effect-1 > li.open > a, .custom-nav-list-effect-1 > li:hover > a {
		padding-left: 45px;
		font-weight: 700;
}

.custom-nav-list-effect-1 > li.active > a:before, .custom-nav-list-effect-1 > li.open > a:before, .custom-nav-list-effect-1 > li:hover > a:before {
		width: 30px;
		opacity: 1;
		visibility: visible;
}

.custom-feature-box-justify-center {
		justify-content: center;
}

.custom-feature-box-justify-center .feature-box-icon,
.custom-feature-box-justify-center .feature-box-info {
		flex: 0 0 auto;
}

/*
* Services Detail - Nav List
*/
.custom-nav-list-effect-1 > li > a:before {
		border-top-color: var(--primary);
}

.custom-nav-list-effect-1 > li.active > a, .custom-nav-list-effect-1 > li.open > a, .custom-nav-list-effect-1 > li:hover > a {
		color: var(--primary) !important;
}

/* Mobile Views Only (Portrait and Landscape up to Tablet) */
@media (max-width: 991px) {
    
    /* 3. Pull dots closer ONLY inside the Home Page white boxes wrapper */
    .owl-carousel-wrapper .owl-carousel .owl-dots {
        margin-top: -15px !important;
        position: relative;
        z-index: 10;
    }

    /* 4. Keep the structural buffer zone below the Home Page carousel for the WebApp alert box */
    .owl-carousel-wrapper {
        margin-bottom: 45px !important;
    }
}

/* Mobile Portrait View Only */
@media (max-width: 575px) {
    h2.custom-mobile-title {
        font-size: 1.70em !important; /* Slightly scales down the font text size */
        line-height: 1.3 !important;   /* Ensures clean row line spacing */
    }
}