/* ===== BASE STYLES (Mobile-First) ===== */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-padding-start: 0px;
	margin: 0px;
	padding: 0px;
	max-width: 100%;
}

*:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing:antialiased;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: 'Inter', sans-serif;
	font-size: 17px;
    line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.valid-feedback {
  background-color: #d1e7dd;  /* same as .alert-success */
  color: #0f5132;
  padding: 0.75rem 1.25rem;
  border: 1px solid #badbcc;
  border-radius: 0;
  margin-top: 0.5rem;
}

.invalid-feedback {
  background-color: #f8d7da;  /* same as .alert-danger */
  color: #842029;
  padding: 0.75rem 1.25rem;
  border: 1px solid #f5c2c7;
  border-radius: 0;
  margin-top: 0.5rem;
}

.mt-154 {
	margin-top: 50px;
}

.welcome-text {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.5px;
}

#contact-form.p-5 {
	padding: 1rem !important;
}

.marg-top-3 {
	margin-top: 50px;
}

.very-light-gray {
	background-color: #e4e4e4;
}

.bg-sky-blue {
	background-color: #007BFF;
}

.txt-sky-blue {
	color: #007BFF;
}

.bg-white {
	background-color: #ffffff;
}

.txt-white {
	color: #ffffff;
}

.bg-orange {
	background-color: #FFA500;
}

.txt-orange {
	color: #FFA500;
}

.orange-border {
	border: 4px solid #FFA500;
}

.hero-header,
.hero-sub-header,
.hero-h1,
.hero-h2,
.hero-h3,
.hero-h4 {
	font-family:'Poppins',sans-serif;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.hero-under, .hero-under a {
	font-family:'Poppins',sans-serif;
	letter-spacing: 0.5px;
}

.hero-under, .hero-under a {
	font-size: 16px;
	text-decoration: none;
}

.hero-under a {
	color: #000000;
}

.hero-under a:hover {
	color: #FFA500;
	text-decoration: underline;
}

.hero-header {
	font-size: 26px;
	line-height: 36px;
}

.hero-sub-header {
	font-size: 20px;
	line-height: 24px;
}

.hero-contact, .hero-rental {
	margin-top: 50px;
}

.hero-h1 {
	font-size: 1.6rem;
	line-height: 2rem;
	margin-top: 14rem;
	text-align: center;
}

.hero-h2 {
	font-size: 1.4rem;
	line-height: 1.8rem;
	margin-top: 14rem;
	text-align: center;
}

.hero-h3 {
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-align: center;
}

.hero-h4 {
	font-size: 1.4rem;
	line-height: 1.8rem;
}

.navbar-toggler {
	border: 1px solid white !important;
	outline: none !important;
	color: #00247D !important;
}

.navbar-toggler:focus, 
.navbar-toggler:active {
	border: 2px solid #000000 !important;
	box-shadow: 0 0 5px rgba(255, 255, 0, 0.8) !important;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23000000'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar {
	transition: all 0.3s ease-in-out;
	padding: 20px 0;
	min-height: 97px;
	color: #000000;
	background-color: #ffffff;
	border-bottom: 4px solid #007bff;
}

.nav-link {
	color: #000000;
	cursor: pointer;
}

.nav-link:hover {
	color: #007BFF;
}

.navbar.shrink {
	padding: 10px 0;
	border-bottom: 4px solid #FFA500;
}

.navbar .h1-menu {
	font-size: 1.4rem;
	font-family:'Poppins',sans-serif;
	color: #000000;
	transition: font-size 0.3s ease-in-out;
}

.navbar.shrink .h1-menu {
	font-size: 1.6rem;
}

.navbar .h1-menu:hover {
	color: #007BFF;
}

.navbar-brand img {
	height: 100px;
	transition: height 0.3s ease-in-out;
}

.navbar.shrink .navbar-brand img {
	height: 75px;
}

.hero {
	position: relative;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
	background: url('/assets/images/Sylvania-Airport_1920x1080.jpg') no-repeat center center/cover;
	background-attachment: fixed;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}

@supports (-webkit-touch-callout: none) {
	.hero {
		background-attachment: scroll;
	}
}

.hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.hero-contact {
	position: relative;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
	background: url('/assets/images/sylvania-airport-contact-us.jpg') no-repeat center center/cover;
	background-attachment: fixed;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
	margin-top: 50px;
}

.hero-rental {
	position: relative;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
	background: url('/assets/images/aircraft-rental/Aircraft-Rental.jpg') no-repeat center center/cover;
	background-attachment: fixed;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
	margin-top: 50px;
}

.hero-training {
	position: relative;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
	background: url('/assets/images/flight-training/Flight-Training.jpg') no-repeat center center/cover;
	background-attachment: fixed;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
	margin-top: 50px;
}

@supports (-webkit-touch-callout: none) {
	.hero-contact, .hero-rental, .hero-training {
		background-attachment: scroll;
	}
}

.hero-contact::before, .hero-rental::before, .hero-training::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.hero h1,
.hero h2,
.hero h3,
.hero-contact h1,
.hero-contact h2,
.hero-contact h3,
.hero-rental h1,
.hero-rental h2,
.hero-rental h3,
.hero-training h1,
.hero-training h2,
.hero-training h3 {
	position: relative;
	z-index: 2;
}

.section-one,
.section-two,
.section-three {
	position: relative;
	height: 75vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
	padding: 100px;
	overflow: hidden;
	background-attachment: fixed;
}

.section-one {
	background: url('/assets/images/Flight-Training.jpg') no-repeat center center/cover;
}

.section-two {
	background: url('/assets/images/Aircraft-Rental.jpg') no-repeat center center/cover;
}

.section-three {
	background: url('/assets/images/Flight-Training.jpg') no-repeat center center/cover;
}

.section-one::before,
.section-two::before,
.section-three::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1;
}

.section-one *,
.section-two *,
.section-three * {
	position: relative;
	z-index: 2;
}

@supports (-webkit-touch-callout: none) {
	.section-one, .section-two, .section-three {
		background-attachment: scroll;
	}
}

.cta {
	background: #FFA500;
	color: white;
	padding: 15px 30px;
	text-decoration: none;
	display: inline-block;
	margin-top: 20px;
}

.footer {
	width: 100%;
	margin-top: -7px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #007bff;
	color: #ffffff;
}

.footer a,
.footer a:link {
	color: #ffffff;
	text-decoration: none;
}

.footer a:hover,
.footer a:link:hover {
	text-decoration: underline;
}

.footer_header {
	font-weight: 700;
	font-size: 26px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	line-height: 36px;
	color: #ffffff;
}

.under_footer_header {
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	word-wrap: break-word;
	line-height: 22px;
	color: #ffffff;
}

.list-group-item,
.list-group-item a,
.list-group-item a:link,
.list-group-item i {
	border: none !important;
	background-color: #007bff;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	text-align: center !important;
}

.list-group-item a:hover,
.list-group-item a:link:hover,
.list-group-item i:hover {
	color: #FFCC00;
}

.under_footer {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
	background-color: #006ee5;
	color: #ffffff;
	text-align: center;
}

.under_footer a,
.under_footer a:link {
	color: #ffffff;
	text-decoration: none;
}

.under_footer a:hover,
.under_footer a:link:hover {
	text-decoration: underline;
}

/* Enlarge and style the arrows */
    .glightbox-clean .gnext svg,
    .glightbox-clean .gprev svg {
      width: 48px !important;
      height: 48px !important;
    }

    .glightbox-clean .gnext svg polyline,
    .glightbox-clean .gprev svg polyline {
      stroke: #ffffff !important;
      stroke-width: 3 !important;
      opacity: 1 !important;
    }

    /* Make sure arrow buttons are clickable and visible */
    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
      display: block !important;
      opacity: 1 !important;
      z-index: 9999 !important;
    }

    /* Optional: background dimming */
    .glightbox-overlay {
      background: rgba(0, 0, 0, 0.95) !important;
    }

/* ========== MEDIA QUERIES ========== */

/* Phones in portrait mode (xs - <576px) */
@media (max-width: 575.98px) {
	.section-one, .section-two, .section-three {
		padding: 100px 50px;
	}
	
	.list-group-item,
	.list-group-item a,
	.list-group-item i {
		font-size: 22px;
		width: 100%;
		text-align: center !important;
	}
	
	.image-row .col-lg-3:nth-child(2) .orange-border {
		border-top: none;
		border-bottom: none;
	}
	
	.image-row .col-lg-3:nth-child(3) .orange-border {
		border-top: 4px solid #FFA500;
		border-bottom: none;
	}
}

/* sm: ≥576px — Small devices (landscape phones) */
@media (min-width: 576px) {
	.hero-h1 {
		font-size: 1.7rem;
		line-height: 2.1rem;
		margin-top: 8rem;
	}
	
	.hero-h2 {
		font-size: 1.5rem;
		line-height: 1.9rem;
		margin-top: 8rem;
	}
	
	.hero-h3 {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	
	.hero-h4 {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}
	
	.list-group-item,
	.list-group-item a,
	.list-group-item i {
		font-size: 22px;
		text-align: center;
	}
}

/* md: ≥768px — Medium devices (tablets) */
@media (min-width: 768px) {
	.navbar .h1-menu {
		font-size: 1.8rem;
	}
	
	.hero {
		margin-top: -40px;
		min-height: 600px;
	}
	
	.hero-h2 {
		font-size: 1.8rem;
		line-height: 2.2rem;
		margin-top: 15rem;
	}
	
	.hero-h4 {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	
	.hero-h3 {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	
	.footer_header {
		font-size: 28px;
		line-height: 48px;
	}

	.under_footer_header {
		font-size: 18px;
		line-height: 22px;
	}

	.list-group-item,
	.list-group-item a,
	.list-group-item i {
		font-size: 22px;
		text-align: left;
	}
	
	.image-row .col-lg-3:nth-child(1) .orange-border {
		border-bottom: none;
	}
	
	.image-row .col-lg-3:nth-child(2) .orange-border {
		border-left: none;
		border-bottom: none;
	}
	
	.image-row .col-lg-3:nth-child(4) .orange-border {
		border-left: none;
	}
	
	.hero-h1 {
		font-size: 3rem;
		line-height: 4rem;
		margin-top: 12rem;
	}

	#contact-form.p-5 {
		padding: 1rem !important;
	}
	
	.hero-contact {
		margin-top: 0;
	}
	
	.hero-rental {
		margin-top: 0;
	}
	
	.hero-training {
		margin-top: 0;
	}
	
	.mt-154 {
		margin-top: 50px;
	}
	
	.hero-under, .hero-under a {
		font-size: 18px;
	}
}

/* lg: ≥992px — Large devices (landscape tablets/laptops) */
@media (min-width: 992px) {
	.navbar .h1-menu {
		font-size: 1.6rem;
	}
	
	.hero-header {
		font-size: 40px;
		line-height: 50px;
	}
	
	.hero-sub-header {
		font-size: 24px;
		line-height: 28px;
	}
	
	.hero-h2 {
		font-size: 2.4rem;
		line-height: 2.8rem;
		margin-top: 18rem;
	}
	
	.hero-h3 {
		font-size: 2.4rem;
		line-height: 2.8rem;
	}
	
	.hero-h4 {
		font-size: 2.4rem;
		line-height: 2.8rem;
	}
	
	.footer {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.footer_header {
		font-size: 20px;
		letter-spacing: 4px;
		line-height: 40px;
	}

	.under_footer_header {
		font-size: 18px;
		line-height: 22px;
	}
	
	.image-row .col-lg-3:nth-child(1) .orange-border {
		border-right: none;
		border-bottom: 4px solid #FFA500;
	}
	
	.image-row .col-lg-3:nth-child(2) .orange-border {
		border-left: 4px solid #FFA500;
		border-right: none;
		border-bottom: 4px solid #FFA500;
	}

	.image-row .col-lg-3:nth-child(4) .orange-border {
		border-right: 4px solid #FFA500;
	}
	
	.hero-h1 {
		font-size: 4rem;
		line-height: 5rem;
		margin-top: 18rem;
	}

	#contact-form.p-5 {
		padding: 3rem !important;
	}
	
	.hero-contact {
		margin-top: 154px;
	}
	
	.hero-rental {
		margin-top: 154px;
	}
	
	.hero-training {
		margin-top: 154px;
	}
	
	.mt-154 {
		margin-top: 154px;
	}
	
	.marg-top-3 {
		margin-top: 16px;
	}
	
	.welcome-text {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 0.5px;
		padding-left: 150px;
		padding-right: 150px;
	}
}

/* xl: ≥1200px — Extra large devices (desktops) */
@media (min-width: 1200px) {
	.navbar .h1-menu {
		font-size: 2.6rem;
	}
	
	.footer_header {
		font-size: 32px;
		letter-spacing: 4px;
		line-height: 52px;
	}


	.under_footer_header {
		font-size: 20px;
		line-height: 24px;
	}
}

/* xxl: ≥1400px — Extra extra large devices */
@media (min-width: 1400px) {
	
}