/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

/* top menu */

.navbar-purple {
    border-bottom: 4px solid rgb(51, 45, 115);
}

.navbar-green {
    border-bottom: 4px solid rgb(105, 173, 70);
}

.navbar-seafoam {
    border-bottom: 4px solid rgb(100, 176, 130);
}

.navbar-turquoise {
    border-bottom: 4px solid rgb(85, 177, 174);
}

.navbar-blue {
    border-bottom: 4px solid rgb(90, 164, 209);
}

.navbar-sky {
    border-bottom: 4px solid rgb(128, 144, 211);
}

.navbar-periwinkle {
    border-bottom: 4px solid rgb(144, 147, 200);
}

.navbar-lilac {
    border-bottom: 4px solid rgb(157, 134, 190);
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(51, 45, 115);
}

.dropdown-item {
    color: rgb(51, 45, 115);
}

.dropdown-item:hover, .dropdown-item:focus {
    color: rgb(51, 45, 115);
    text-decoration: none;
    background-color: rgba(105, 173, 70, 0.4);
}

.dropdown-item-about:hover, .dropdown-item-about:focus {
    //background-color: rgba(105, 173, 70, 0.4) !important;
}

.dropdown-item-patients:hover, .dropdown-item-patients:focus {
    //background-color: rgba(100, 176, 130, 0.4) !important;
}

.dropdown-item-continuing-education:hover, .dropdown-item-continuing-education:focus {
    //background-color: rgba(85, 177, 174, 0.4) !important;
}

.dropdown-item-residents-students:hover, .dropdown-item-residents-students:focus {
    //background-color: rgba(90, 164, 209, 0.4) !important;
}

.dropdown-item-regional-initiatives:hover, .dropdown-item-regional-initiatives:focus {
    //background-color: rgba(128, 144, 211, 0.4) !important;
}

.dropdown-item-practice-support:hover, .dropdown-item-practice-support:focus {
    //background-color: rgba(144, 147, 200, 0.4) !important;
}

.dropdown-item-research-library:hover, .dropdown-item-research-library:focus {
    //background-color: rgba(157, 134, 190, 0.4) !important;
}

[data-dropdown-content] .dropdown-item {
    padding-left: 5px;
    padding-right: 5px;
}

/* backgrounds */

.bg-purple {
    background-color: rgb(51, 45, 115);
}

.bg-green {
    background-color: rgb(105, 173, 70) !important;
}

.bg-seafoam {
    background-color: rgb(100, 176, 130) !important;
}

.bg-turquoise {
    background-color: rgb(85, 177, 174) !important;
}

.bg-blue {
    background-color: rgb(90, 164, 209) !important;
}

.bg-sky {
    background-color: rgb(128, 144, 211) !important;
}

.bg-periwinkle {
    background-color: rgb(144, 147, 200) !important;
}

.bg-lilac {
    background-color: rgb(157, 134, 190) !important;
}

.bg-home {
    background-color: #1d3e55 !important;
}

.bg-footer {
    background-color: rgba(103, 173, 69, 0.9) !important;
}

.bg-hellgrun {
    background-color: #c2d8af !important;
}

/* end backgrounds */

.c-purple {
    color: rgb(51, 45, 114) !important;
}

.c-green {
    color: rgb(105, 173, 70) !important;
}

.c-seafoam {
    color: rgb(100, 176, 130) !important;
}

.c-turquoise {
    color: rgb(85, 177, 174) !important;
}

.c-blue {
    color: rgb(90, 164, 209) !important;
}

.c-sky {
    color: rgb(128, 144, 211) !important;
}

.c-periwinkle {
    color: rgb(144, 147, 200) !important;
}

.c-lilac {
    color: rgb(157, 134, 190) !important;
}

h1.page-title {
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: .5rem;
}

h2 {
    font-weight: 600;
    font-size: 1.3rem;
}

h3 {
    font-weight: 600;
    font-size: 1.2rem;
}

h4 {
    font-weight: 600;
    font-size: 1.1rem;
}

footer, .home-slider {
    padding: 2rem 0 !important;
}

@media (min-width: 992px) {
    .navbar .dropdown-menu {
        margin-top: 1rem !important;
    }
	.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
		text-align: center;
    }
}

.sticky-top {
    top: 8rem !important;
}

.jarallax-mahec {
    padding-top: 6rem !important;
}

.min-vh-35 {
    min-height: 35vh;
}

.comma-sep:after {
	content: ";";
	margin-right: 5px;
}

.comma-sep:last-child:after {
	content: "";
	margin-right: 0;
}

section .nav-link:not(.active):not(.disabled):not(:hover), footer .nav-link:not(.active):not(.disabled):not(:hover) {
    opacity: .7;
}

.hover-underline:hover {
	text-decoration: underline;
}