@charset "utf-8";
/* CSS Document */

.navbar {
    position: fixed !important; 
    width: 100%; 
    top: 0 !important; 
    z-index: 1000 !important;
}

.navbar .nav-link {
    font: 500 19px 'roboto', sans-serif !important;  
    color: white !important;
}

.navbar .nav-link:hover {
    color: white !important;
}

.navbar .navbar-toggler:focus,
.navbar .navbar-toggler {
    border: 0 !important;
    box-shadow: none !important;
}

.nav-link {
    padding: 10px 8px 12px 8px !important;
    width: 100%; /* Ensure full row for hover in dropdown */
    box-sizing: border-box;
}

#nav-home:hover {background-color: #91008b;} /*purple*/
#nav-donate:hover {background-color: #0200ac;} /*blue*/
#nav-donors:hover {background-color: #05bd08;} /*green*/
#nav-curate:hover {background-color: #f91d05;} /*red*/
#nav-stats:hover {background-color: #91008b;} /*purple*/
#nav-gallery:hover {background-color: #0200ac;} /*blue*/
#nav-directory:hover {background-color: #05bd08;} /*green*/
#nav-about:hover {background-color: #f91d05;} /*red*/
#nav-contact:hover {background-color: #91008b;} /*purple*/

#nav-social-share,
#nav-social-follow {
    background-color: #14171A !important; 
    min-width: 100px;
    width: 100% !important; /* Always 100% width */
}

.nav-social-icon-size {
    height: 20px !important;
    display: inline-block !important; /* Fix squished icons */
    vertical-align: middle !important; /* Align icons correctly */
    flex: 1 0 calc(100% / 10) !important; /* Equal width based on 10 icons */
    text-align: center !important; /* Center each icon */
}

#nav-social-gettr:hover {background-color: #ff0000;}
#nav-social-instagram:hover {background-color: #D300C5;}
#nav-social-linkedin:hover {background-color: #0073b1;}
#nav-social-reddit:hover {background-color: #FF4500;}
#nav-social-telegram:hover {background-color: #0088CC;}
#nav-social-tiktok:hover {background-color: #FE2C55;}
#nav-social-truth:hover {background-color: #5448ee;}
#nav-social-x:hover {background-color: #14171A;}
#nav-social-facebook:hover {background-color: #1877F2;}
#nav-social-pinterest:hover {background-color: #e60023;}

@media only screen and (min-width: 640px) {
    .navbar .container {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 768px) {
    .navbar .container {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 1024px) {
    .navbar .container {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 1280px) {
    .navbar .container {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 1536px) {
    .navbar .container {
        max-width: 100% !important;
    }
}