.navbar {
    background-color: var(--background-light);
    border-bottom: 1px solid var(--secondary);
}

.nav-link, .navbar-brand {
    color: var(--primary);
}

.navbar-collapse {
    transition: none;
}

.navbar-collapse.show {
    background-color: var(--background-accent) !important;
    padding: 1rem;
    border-radius: 18px;
}

.nav-link:hover, .navbar-brand:hover {
    color: var(--primary-hover);
}

 header.homeHeader {
    height: 465px !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
}

 .homeHeader nav {
     background: transparent; 
     border-bottom: none !important;
 }
.homeHeader nav {
    /*    background: var(--background-light);*/
    /*background: color-mix(in srgb, lightgray 55%, transparent);*/ /*1*/
    /*background: color-mix(in srgb, #274861 20%, black 5%);*/ /*2*/
    /*background: color-mix(in srgb, #40496c 20%, transparent);*/ /*3*/
    /*background: rgb(22 29 56 / 18%);*/ /*6*/
    /*    background: rgb(13 15 23 / 17%); */
    background: color-mix(in srgb, var(--background-light) 80%, transparent);
    /*    background: rgba(168, 176, 183, 0.8);*/
    /*    background: color-mix(in srgb, var(--primary) 5%, lightgray 75%);*/
    /*    background: color-mix(in srgb, var(--primary) 5%, lightgray 75%);*/
    /*    background: color-mix(in srgb, var(--accent) 25%, white 50%);*/
    border-bottom: none !important;
}

.calcite-mode-dark .homeHeader nav  {
    background: color-mix(in srgb, var(--background-light) 70%, transparent);
}

/*.homeHeader {
    box-shadow: var(--background-light) 0px 145px 70px -56px inset;
}*/
 

@media (max-width: 576px) {
    header.homeHeader {
        height: 100px !important;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0;
    }
}

.sidebarLeft {
    border-radius: 15px;
    border-top: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
    font-size: smaller;
}

.infobit {
    text-decoration: none;
    transition: 0.5s;
    color: var(--primary);
}

.infobit:hover, .infobit:focus {
    color: var(--primary-hover) !important;
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}


p.footerheader {
    color: #ccb4a4;
    font-size:17px;
}

.centerRow2 {
    color: var(--text-secondary) !important;
    border-bottom: 1px solid var(--accent);
    border-top: 1px solid var(--accent);
    background-color: var(--background-accent);
}

.centerRow2 a {
    text-decoration: none;
    color: var(--text-secondary) !important;
}

.feature-icon-contentR2 {
    font-size: 30px;
}

footer {
    border-top: 1px solid #dbdada;
    background-color: var(--background-accent);
}


footer p {
    color: var(--text-dark);
}

footer a {
    color: var(--primary);
}