@charset "utf-8";
/* CURRENT STUDENTS THE CENTER */

a {
    color: #008d9a;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #07323c;
}

#name-and-slogan {
    background: #93c2cb;
}

#name-and-slogan:hover {
    background: #d1e3e5;
}

#name-and-slogan h1#site-name {
    text-shadow: 1px 1px #93c2cb;
    color:#07323c;
}

#navigation, #navigation .region-navigation ul.menu li a {
    background-color: #e1dfdc;
    color: #07323c !important;
}
#navigation .region-navigation ul.menu li.active-trail a {
    color: rgb(7 50 60/ 100%) !important;
}

.text-primary{color: #008d9a !important;}

.active_menu_item > a {
    background-color: #d6cfca !important;
}
#navigation .region-navigation ul.menu li:hover > a {
    background-color: #93c2cb !important;
    color: rgb(7 50 60/ 100%) !important;
}
#navigation .region-navigation ul.menu li.active_menu_item a {
    color: rgb(7 50 60/ 100%) !important;
}

.selection-box:hover {
    background-color: #008d9a;
}
.selection-box .fa-arrow-right {  color: #008d9a; font-size: 1.5rem;}

.button, .btn-primary {

    color: #fff;
    background-color: #07223c;
    border-color: #07223c;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    background: #008d9a;
    outline: none;
}


.kt-blocks-accordion-header.kt-accordion-panel-active {
    background: #008d9a !important;
}

.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::before, .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::after{
    color: #008d9a !important;
}

.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::before, .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::after {
    height: 3px!important;
    width: 13px!important;
    background-color: #008d9a!important;
}

footer#footer.bg-primary {
    background: #686260 !important;
}

.card a{
    color:#008d9a !important;
}


@media (max-width: 799px) {

    #navigation .menu-toggle:after,
    #navigation.toggled-on .menu-toggle:after {
        background-image: none !important;
        content: "\f0c9";
        color: #07323c;
        padding-left:0;
    }
}