/* Footer Styles */
.footer-main {
    background-color: #0F1818;
    color: #EFEFEA;
    position: relative;
}

/* Typography Utilities */
.subheadline-1, .subheadline-2, .subheadline-3, .subheadline-4, .subheadline-5,
.headline-1, .headline-2, .headline-3, .headline-4, .headline-5, .no-m {
    margin: 0px;
}

.no-lp {
    padding-left: 0px;
}

.headline-5 {
    letter-spacing: -0.29px;
}

.paragraph {
    color: #414141;
}

/* Navigation Styles */
#nav-switch {
    transition: transform 0.3s ease-in-out;
    transform: translateY(0);
}

.ranch-text {
    font-size: 8px;
}

.opacity-onhover:hover {
    opacity: 0.6 !important;
}

.opacity-onhover-4:hover {
    color: #A2A5A1 !important;
}

/* Lighter hover effect when header is in light mode */
#nav-switch.header-light .opacity-onhover-4:hover {
    color: #FFFFFF !important;
}

/* Responsive Design */
@media (min-width: 829px) {
    .ranch-text {
        font-size: 10px;
    }
}

@media (min-width: 919px) {
    .ranch-text {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    #nav-switch.header-slide-up {
        transform: translateY(-40%);
    }
}

@media (min-width: 768px) and (max-width: 919px) {
    .nav-tb-text {
        font-size: 12px !important;
        padding: 0 !important;
    }
}

/* Navigation Transitions */
.top-nav {
    transition: background-color 0.3s ease-in-out;
}

.main-navbar {
    transition: background-color 0.3s ease-in-out;
}

#nav-switch:not(.header-slide-up) .top-nav {
    background-color: rgb(15 24 24 / 80%);
}

#nav-switch:not(.header-slide-up) .main-navbar {
    background-color: rgb(15 24 24 / 63%);
}

/* Dropdown menu color change */
#nav-switch:not(.header-slide-up) .dropdown-menu {
    background-color: rgb(15 24 24 / 32%);
}

#nav-switch.header-slide-up .dropdown-menu {
    background-color: #E2E2DD !important;
}

#nav-switch.header-slide-up .dropdown-menu .dropdown-divider {
    border-color: #E2E2DD !important;
}

@media (max-width: 767.98px) {
    .nav-item-b {
        border-bottom: 1px solid #bdbdb3;
    }
}

/* Default dropdown menu color */
.dropdown-menu {
    background-color: rgb(15 24 24 / 80%) !important;
}

.nav-li-dropdown a {
    color: #fff !important;
}

#nav-switch.header-slide-up .nav-li-dropdown {
    border-bottom: 2px solid #E2E2DD;
    color: #0F1818 !important;
}

#nav-switch.header-slide-up .nav-li-dropdown a {
    color: #0F1818 !important;
}

@media (max-width: 768px) {
    .navbar-toggler:focus {
        contain-intrinsic-block-size: auto 100px;
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 !important;
    }
    
    .mobile-font-text {
        font-size: 24px !important;
    }

    /* TopNavMobile styling for mobile devices */
    .top-nav-mobile .nav-link {
        padding: 8px 0;
        font-size: 12px !important;
    }

    #nav-switch.header-slide-up .dropdown-menu, #nav-switch .dropdown-menu {
        background-color: #EFEFEA !important;
        border-top: 0px solid #BD9148;
        padding-bottom: 0px !important;
    }

    #nav-switch.header-slide-up .nav-li-dropdown, #nav-switch .nav-li-dropdown {
        border-bottom: 2px solid #EFEFEA;
        color: #0F1818 !important;
    }

    header {
        background-color: #EFEFEA !important;
    }

    #nav-switch:not(.header-slide-up) .main-navbar {
        background-color: rgb(15 24 24 / 0%);
    }

    .icon-menu, .navbar-brand img.nav-logo {
        color: #0F1818;
        filter: brightness(0) saturate(100%) invert(9%) sepia(11%) saturate(1340%) hue-rotate(134deg) brightness(98%) contrast(100%);
    }
    
    .nav-text-mobile {
        color: #0F1818 !important;
    }
}

@media (min-width: 768px) and (max-width: 919px) {
    .top-nav-tablet {
        background-color: rgba(15, 24, 24, 0.0) !important;
    }
}

@media (min-width: 768px) {
    .main-navbar .nav-link {
        position: relative;
        transition: all 0.3s ease;
    }

    .main-navbar .nav-link::after {
        content: '';
        position: absolute;
        bottom: -16px;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #BD9148;
        transform: scaleX(0);
        transition: transform 0.3s ease;
    }

    .main-navbar .nav-link:hover::after {
        transform: scaleX(1);
    }

    /* Dropdown hover functionality */
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.3s ease;
    }
}

.margin-title {
    margin-left: -18px !important;
}

@media (max-width: 1140px) {
    .margin-title {
        margin-left: -160px !important;
    }
}

@media (max-width: 767px) {
    .margin-title {
        margin-left: 20px !important;
    }
}