/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Logo padding */
#logo {
	padding: 1.25rem !important;

}





#hero-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

#slider::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 0;
}

/* Dim the video directly */
#hero-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	opacity: 3;
	background-color: rgba(13, 33, 61, 0.6);
}


/* Hero Logo padding */
#hero-logo {
	margin-left: 60% !important;
	margin-top: 0px !important;
}

/* Hide nav logo on desktop only */
@media (min-width: 992px) {
	#logo {
		display: none !important;
	}
}

/* Mobile hero height - override min-vh-100 class */
@media (max-width: 767px) {
	.slider-element.min-vh-100 {
		min-height: 70vh !important;
	}
	
	/* Hide hero logo on mobile */
	#hero-logo {
		display: none !important;
	}
}

/* Remove white line above navigation */
#header-wrap,
.header-row,
#header-wrap::before,
#header-wrap::after {
	border: none !important;
	border-top: none !important;
}

/* Header border at bottom */
#header {
	border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* Desktop navigation - side by side with logo */
@media (min-width: 992px) {
	.primary-menu-trigger {
		display: none !important;
	}
	
	.header-row {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	
	.primary-menu,
	.primary-menu .menu-container {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
	}
	
	.primary-menu .menu-item {
		display: inline-block !important;
	}
}

/* Mobile hero height - override min-vh-100 class */
@media (max-width: 767px) {
	.slider-element.min-vh-100 {
		min-height: 70vh !important;
	}
}

@media (max-width: 767px) {
	#slider {
		min-height: 60vh !important;
	}
}

/* Fix contact form inputs */
#contact input.form-control,
#contact textarea.form-control {
	background-color: #ffffff !important;
	color: #000000 !important;
	border: 1px solid #dee2e6 !important;
}

#contact input.form-control:focus,
#contact textarea.form-control:focus {
	background-color: #ffffff !important;
	border-color: #86b7fe !important;
	outline: 0 !important;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

/* Darken form labels */
#contact .form-label {
	color: #333333 !important;
	font-weight: 500 !important;
}

Weather-based Hero Backgrounds
/* Hot weather - warm orange/red gradient */
/* .hero-hot {
	background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
} */

/* Cold weather - cool blue gradient */
/* .hero-cold {
	background: linear-gradient(135deg, #2c5f8d 0%, #4a90c2 100%) !important;
} */

/* Clear/Sunny - bright blue */
/* .hero-clear {
	background: linear-gradient(135deg, #1d97d2 0%, #56c4f5 100%) !important;
} */

/* Cloudy - gray blue */
.hero-cloudy {
	/* background: linear-gradient(135deg, #5f6d7a 0%, #8b99a6 100%) !important;
} */

/* Rainy - darker blue/gray */
/* .hero-rainy {
	background: linear-gradient(135deg, #3d5a73 0%, #536d82 100%) !important;
} */

/* Snowy - light cool blue */
/* .hero-snowy {
	background: linear-gradient(135deg, #e8f4f8 0%, #b8d4e0 100%) !important;
} */

/* Storm - dark dramatic */
/* .hero-storm {
	background: linear-gradient(135deg, #2d3e50 0%, #4a5f7f 100%) !important;
} */

/* Default - your current blue gradient */
/* .hero-default {
	background: linear-gradient(135deg, #0d213d 0%, #1d97d2 100%) !important;
} */

/* Weather text styling */
#weather-text {
	font-size: 0.9rem;
	margin-top: 0.5rem;
	opacity: 0.9;
}

/* ===== WEATHER-BASED BACKGROUNDS ===== */

/* Hot & Sunny (80°F+) - Bright orange/red gradients */
.hero-sunny-hot {
	background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffaa00 100%) !important;
	transition: background 1s ease-in-out;
}

/* Warm & Sunny (65-80°F) - Warm yellow/orange */
.hero-sunny-warm {
	background: linear-gradient(135deg, #ffd93d 0%, #ffb347 100%) !important;
	transition: background 1s ease-in-out;
}

/* Cool & Clear (45-65°F) - Pleasant blue */
.hero-sunny-cool {
	background: linear-gradient(135deg, #56ccf2 0%, #2f80ed 100%) !important;
	transition: background 1s ease-in-out;
}

/* Cold & Clear (<45°F) - Cool blue/purple */
.hero-sunny-cold {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
	transition: background 1s ease-in-out;
}

/* Cloudy - Gray gradients */
.hero-cloudy {
	background: linear-gradient(135deg, #bdc3c7 0%, #7f8c8d 100%) !important;
	transition: background 1s ease-in-out;
}

/* Rainy - Dark blue/gray */
.hero-rainy {
	background: linear-gradient(135deg, #485563 0%, #29323c 100%) !important;
	transition: background 1s ease-in-out;
}

/* Snowy - White/light blue */
.hero-snowy {
	background: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%) !important;
	transition: background 1s ease-in-out;
}

/* Stormy - Dark dramatic */
.hero-stormy {
	background: linear-gradient(135deg, #36393f 0%, #1e272e 100%) !important;
	transition: background 1s ease-in-out;
}

/* Default - Current blue gradient */
.hero-default {
	background: linear-gradient(135deg, #0d213d 0%, #1d97d2 100%) !important;
	transition: background 1s ease-in-out;
}

/* Optional: Add SVG patterns/overlays */
.hero-sunny-hot::before,
.hero-sunny-warm::before,
.hero-rainy::before,
.hero-snowy::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.1;
	pointer-events: none;
	background-size: cover;
	background-position: center;
}

/* Sunny pattern overlay */
.hero-sunny-hot::before,
.hero-sunny-warm::before {
	background-image: url('images/weather/sun-pattern.svg');
}

/* Rain pattern overlay */
.hero-rainy::before {
	background-image: url('images/weather/rain-pattern.svg');
}

/* Snow pattern overlay */
.hero-snowy::before {
	background-image: url('images/weather/snow-pattern.svg');
}