/* Google Font Import */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Open+Sans:wght@400;600&display=swap');

/*
Color Palette:
Primary: #222240
Accent Dark: #2c3e50 (Slate Blue, for text and depth)
Light Background: #f8f9fa (Off-white)
Dark Background: #212529 (Bootstrap Dark, for footer/nav)
*/

body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.fw-bolder {
    font-weight: 800 !important;
}

/* Navbar Styling */
.navbar {
    transition: background-color 0.5s ease;
}

.navbar-brand {
    font-size: 1.8rem;
    letter-spacing: 1px;
}

/* Styles for when navbar is at the top on the hero image */
.navbar.fixed-top {
    background: transparent;
}

/* Style for navbar when user scrolls or on other pages */
.navbar.bg-dark, .navbar.scrolled {
    background-color: #212529 !important; /* Bootstrap dark color */
}


/* Hero Section */
.hero-section {
    height: 100vh;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1519681393784-d120267933ba?q=80&w=2070&auto=format&fit=crop') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-section .display-3 {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}


/* Page Header for About and Contact */
.page-header {
    padding: 8rem 0;
    background: linear-gradient(rgba(44, 62, 80, 0.2), rgba(44, 62, 80, 0.2)), url('https://andrew.gatewood.photography/web/wp-content/uploads/kachina-peak-finishline-taosskivalley-andrewgatewood-wc2000o.jpg?q=80&w=2070&auto=format&fit=crop') no-repeat center center;
    background-size: cover;
}


/* Custom Button */
.btn-primary {
    background-color: #222240;
    border-color: #222240;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #222240;
    border-color: #222240;
    transform: translateY(-2px);
}

/* Service Card Styling */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.text-primary {
    color: #2c3e50 !important;
}