.navbar {
    background-color: transparent !important;
}

.navbar-brand {
    margin-top: -5px;
    max-width: 560px;
}

.navbar-brand:hover {
    cursor: pointer;
}

.navbar ul li a {
    font-size: .95rem;
    color: #dedede;
}

.navbar ul li a:hover {
    color: #FFF;
}

/* Custom breakpoint for logo swap */
@media (max-width: 1400px) {
    .navbar-brand img {
        display: none;
    }
    
    .navbar-brand {
        background-image: url('/templates/scottcutshall/skins/2025/structure/logo-mobile.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        width: 200px;
        height: 50px;
        margin-top: -10px;
        max-width: 300px;
    }
}

/* Hide social element at 1200px */
@media (max-width: 1100px) {
    .navbar ul li a {
        font-size: .85rem;
    }
    
    #social {
        display: none !important;
    }
}

/* Make hamburger menu white with FontAwesome Pro */
.navbar-toggler {
    border: none;
}

.navbar span.navbar-toggler-icon {
    margin-top: 10px;
    background: none;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 1.2em;
    color: white;
}

.navbar span.navbar-toggler-icon::before {
    content: "\f0c9";
}

/* Fixed header on extra small devices only */
@media (max-width: 575.98px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1050;
        width: 100%;
    }
    
    .navbar-collapse {
        z-index: 1051;
        position: relative;
    }
    
    body {
        padding-top: 80px; /* Adjust based on header height */
    }
}

/* Extra small and small devices */
@media (max-width: 767.98px) {

    header {
        padding-bottom: 3px;
    }

    .navbar ul li a {
        font-size: 1.1rem;
    }

    .navbar-brand {
        margin-top: 0;
    }

}