body {
    background: rgb(33,33,33);
    
}

.site-header {
    background-color: rgb(15, 23, 39);
    margin-bottom: 25px;
    position: relative;
    z-index: 1030;
}

/* Only force 100px height on desktop */
@media (min-width: 992px) {
    .site-header {
        height: 100px;
    }

    .site-header .navbar {
        height: 100%;
    }
}

.navbar {
    height: 100%;
}

.navbar-brand img {
    max-height: 70px;
    width: auto;
}

.nav-link {
    color: #ffffff;
    text-transform: lowercase;
    padding-left: 1rem;
    padding-right: 1rem;
}

.nav-link:hover {
    color: rgb(225, 95, 9);
}

.navbar-toggler {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
}

/* Make hamburger icon white */
.navbar-toggler-icon {
    filter: invert(1);
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: rgb(15, 23, 39);
        padding: 1rem 0;
    }

    .navbar-nav {
        padding-bottom: 1rem;
    }
}


.breadcrumb {
    --bs-breadcrumb-divider-color: white;
    --bs-breadcrumb-item-active-color: #ffffff;
}

.breadcrumb a {
    color: rgb(225, 95, 9);
    text-decoration: none;
}

.breadcrumb a:hover {
    color: rgb(225, 95, 9);
    opacity: 0.85;
}



/* CONTACT BUTTON */
.btn-contact {
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50px;
    padding: 0.5rem 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-contact:hover {
    background-color: #ffffff;
    color: rgb(15, 23, 39);
}

.btn-dark:hover,
.btn-dark:focus {
    background-color: rgb(167, 76, 15);
    border-color: rgb(167, 76, 15);
    color: white;
}




.bi-linkedin {
    color: #0a66c2 !important;
}

  
.no-style-link {
    text-decoration: none;
    color: white;
}
  





.shepherd-element {
    .shepherd-arrow:before {
        background: linear-gradient(45deg, #e98446, #e98446 50%, white 50%, white) !important;
    }
}

.generic-page {
    color: white;

    h1 {
        color: white;
        font-weight: 500;
        font-size: 3.5rem;
        margin-bottom: 1.5rem;
    }

    .generic-form, .results-content {
        background-color: rgb(15, 23, 39);
    }

    .form-label {
        font-size: 125%;
    }
}


.codon-harmonisation-tool {
    color: white;

    h1 {
        color: white;
        font-weight: 500;
        font-size: 3.5rem;
        margin-bottom: 1.5rem;
    }

    .bi-question-circle:hover {
        cursor: pointer;
    }

    .codon-form, .results-content {
        background-color: rgb(15, 23, 39);
    }

    .form-label {
        font-size: 125%;
    }

    .select2-selection__rendered {
        position: relative;
        top: -9px;
    }

    .select2-selection__arrow {
        display: none !important;
    }

    .select2-container--default .select2-selection {
        border: none !important;
    }

    .select2-selection__placeholder {
        color: black !important;
    }
}