/* General Styling */
body {
    font-family: Arial, sans-serif;
    background: linear-gradient(180deg, #808080, #D3D3D3); /* Grey to Light Grey */
    background-attachment: fixed; /* Keeps gradient in place while scrolling */
    color: #333; /* Ensures text remains readable */

}

/* Navbar General Styling */
.navbar {
    background: linear-gradient(160deg, #36454F, #c0c0c0); /* Charcoal to L */
    padding: 15px 20px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Soft drop shadow */

}

/* Navbar Brand (Logo Text) */
.navbar-brand {
    font-size: 1.8rem;
    font-weight: bold;
    color: #ffffff;
}

/* Navbar Links */
.navbar-nav .nav-link {
    font-size: 1.2rem;
    padding: 10px;
    color: white;
    transition: 0.3s;
}

.navbar-nav .nav-link:hover {
    color: #FFD700; /* Gold Highlight */
}

/* Navbar Toggler (Mobile Menu Icon) */
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5);
}

/* Navbar Container */
.container {
    max-width: 1200px; /* Limits width */
}

/* Adjust Navbar Spacing on Mobile */
@media (max-width: 768px) {
    .navbar-nav {
        text-align: center;
    }

    .navbar-nav .nav-link {
        display: block;
        padding: 12px;
    }
}

/* Hero Section */
.hero {
    background: 808080;
    background-size: cover;
    padding: 100px 0;
    text-align: center;
    color: white;
}

.hero h1, .hero h2, .hero h3 {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

/* Hide bullet points */
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.container mt-4 {
	background: grey;
	
}

/* Limit Carousel Width */
#myCarousel {
    width: 95%; /* Sets carousel width to 95% of page */
    margin: 0 auto; /* Centers the carousel */
}

/* Carousel Inner */
.carousel-inner {
    border-radius: 10px; /* Adds rounded corners */
    overflow: hidden; /* Ensures images don't spill out */
}

/* Carousel Images */
.carousel-item img {
    max-height: 500px; /* Restricts image height */
    object-fit: cover; /* Keeps images properly scaled */
}

/* Carousel Controls */
.carousel-control-prev, .carousel-control-next {
    width: 5%; /* Smaller control size */
    opacity: 0.8; /* Slight transparency */
}

.carousel-control-prev:hover, .carousel-control-next:hover {
    opacity: 1; /* Fully visible on hover */
}


/* Contact Form */
form {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 5px;
}

/* Footer */
footer {
    position: relative;
    bottom: 0;
    width: 100%;
    background: #212529;
    padding: 15px;
    color: white;
}