/* Ingeniux style overrides - 2024 Redesign Project */

/* Degrees and Programs Finder & Career Finder */
.rail-calloutBlock a {
    word-break: break-word;
}

.tier-header h1 {
    padding-bottom: 30px;
}

.degree-finder-form button.dropdown-toggle {
    padding: 1.5rem 3rem 1.5rem 1rem !important;
    background: var(--white) !important;
    color: var(--midnight) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    height: 65px !important;
}

.degree-finder-form .btn .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.degree-finder-form .dropdown-menu.open.show ul li {
    border-bottom: 1px solid #fff;
    padding: 15px;
    padding-inline: 1rem !important;
    border-bottom-color: var(--gray) !important;
    font-size: 1rem;
}

.degree-finder-form .dropdown-menu.open.show ul li a:focus {
    color: #36316c;
}

.degree-finder-form .dropdown-menu {
    border: 0;
}

.degree-finder-form .form-group label {
    display: block;
    font: var(--h3) !important;
    font-weight: 400 !important;
    text-align: left;
    font-family: "Merriweather", serif;
}

.detail-card-img-top.letter {
    background: var(--purple);
}

.predictive-search-programs {
    top: 100px;
}

.detail-card-img-top .card-content h3 {
    margin-top: 0px;
    padding-bottom: 10px;
    padding-top: 5px;
}

@media (max-width: 767px) {
    .predictive-search-programs {
        top: 100px;
    }
}

#career-filters .nav-link.active {
    background-color: var(--midnight);
}

#career-filters .nav-link {
    text-decoration: none;
}

.degree-finder-form .form-check .form-check-input:checked + .form-check-label {
    background-color: var(--midnight);
}

.degree-finder-form .search input::placeholder {
    font-family: "Merriweather", serif;
    color: var(--midnight);
}

/* Directory */

.faculty-container .letter-search .letter-filters .activated {
    background: var(--midnight);
    text-decoration: none;
}

.faculty-container .letter-search .letter-filters:hover {
    text-decoration: none;
}

.degree-finder-form .search input {
    background: var(--white) !important;
    color: var(--midnight) !important;
    font-family: var(--fields);
    font-weight: 700;
}


/* Breadcrumbs */
.mc-header .breadcrumb {
    padding: 1rem 0;
    margin-bottom: 2rem
}

    .mc-header .breadcrumb li {
        font: var(--sm);
        letter-spacing: normal;
        text-transform: none
    }

    .mc-header .breadcrumb li a {
        color: var(--midnight);
    }

        .mc-header .breadcrumb li a:hover {
            color: var(--purple);
        }

/* Events */
.past-event-note {
    background: var(--midnight);
}

.calendar .view-header .pager .date-prev a,
.calendar .view-header .pager .date-next a {
    text-decoration: none;
}

/* Search Tabs */
.search-page-filters .in-page-tabs,
.search-page-filters {
    margin-bottom: 0;
    border-bottom: 0;
}

.search-page-filters ul li a {
    font: var(--body) !important;
    font-size: 1rem !important;
    text-decoration: none;
    background-color: var(--purple);
    border: 4px solid var(--purple);
}

.search-page-filters ul li.active a {
    background-color: var(--midnight);
    color: white;
    border: 2px solid var(--midnight);
}

.search-results-list {
    background-color: var(--midnight);
}

.main-search input {
    background: var(--white) !important;
    color: var(--midnight) !important;
    font-family: var(--fields);
    font-weight: 700;
}

.search-results-list .search-result-item,
.search-results-list .search-result-item p,
.search-results-list .search-result-item p:first-child {
    color: white;
}

.search-results-list .search-result-item a {
    color: var(--lime);
    text-decoration: none;
}
.search-results-list .search-result-item a:hover {
    text-decoration: underline;
}

/* Pagination */
.pagination ul li.active a {
    background-color: var(--midnight);
}
.pagination ul li i {
    color: var(--midnight);
}
.pagination.white ul li a,
.pagination.white ul li i {
    color: white;
}
.pagination.white ul li a {
    background: var(--midnight);
}
.pagination.white ul li i {
    background: inherit;
}
.pagination.white ul li.active a {
    background: white;
    color: var(--midnight);
}
.pagination.white ul li a:hover,
.pagination.white ul li i:hover {
    color: white;
    background: var(--purple);
}

/* Faculty Bio */
.detail-card-img-top.card-slide-up:hover .card-content,
.detail-card-img-top.card-slide-up:focus .card-content {
    padding: 10px 50px 50px;
}

/* Grid Tray */
.tile-container .grid-tile-row {
    height: auto;
}

    .tile-container .grid-tile-row .col-md-6 {
        display: flex;
        overflow: hidden;
        justify-content: center;
    }

    .tile-container .grid-tile-row figure img {
        position: relative;
    }

    .tile-container .grid-tile-row .tile-content h3 {
        margin-top: 10px;
    }

    .tile-container .grid-tile-row .tile-content {
        margin-bottom: 20px;
    }

/* Headers */
.main-nav-link {
    margin-top: 0px;
}
    .main-nav-link a,
    :scope .t1-menu-container .main-nav-link a {
        font-size: larger;
        text-decoration: underline;
    }

.banner--purple-gradient {
    background: linear-gradient(to right, var(--midnight), var(--purple));
}
    .banner--purple-gradient .tier-header {
        flex-direction: column;
        display: flex;
    }
    .banner--purple-gradient h1 {
        padding-bottom: 70px;
        align-self: center;
    }
    .banner--purple-gradient h1,
    .banner--purple-gradient .breadcrumb li a{
        color: white !important;
    }

    .banner--purple-gradient h1 {
        text-align: center;
    }

/* In Page Nav */
.tier-3-body-links .body-link a {
    margin: 0;
    padding: 0
}

.tier-3-body-links .body-link a:after {
    color: #36316c;
    content: '\e901';
    font-family: 'icomoon';
    font-weight: 900;
    position: absolute;
    right: 60px;
    left: auto;
    width: 0;
    height: 0;
}

.tier-3-body-links .body-link a:hover:after {
    right: 45px;
    transition: ease .5s
}

/* Buttons */
.rail-calloutBlock.ctaBlock li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.rail-calloutBlock.ctaBlock li a {
    text-align: center;
    align-items: center;
    margin: 0 20px;
    justify-content: center;
    width: 100%;
    display: flex !important;
    align-self: center;
    padding: 15px !important;
}

.rail-calloutBlock.ctaBlock li a.purple {
    color: white !important;
}

.rail-calloutBlock.ctaBlock li a.lime:hover {
    color: var(--midnight) !important;
}

a:focus {
    color: var(--purple);
}

#skipnav:focus {
    color: white !important;
}

html {
    scroll-behavior: smooth;
}

.lime.icon-arrow_drop {
    background: var(--lime) !important;
}

.mc-header h1 {
    margin-top: 40px;
    font: var(--h1-lg);
    padding-bottom: 80px;
    text-transform: none;
    font-family: fira-sans, serif;
}

/* Search autocomplete results */
.navigation-search {
    z-index: 999;
}

.navigation-search .predictive-search-results ul,
.main-search .predictive-search-results ul{
    background: white;
}

.predictive-search-results ul li:hover {
    background: white;
}

.navigation-search .predictive-search-results ul li,
.main-search .predictive-search-results ul li{
    border-bottom: 1px solid #fff;
    border-bottom-color: var(--gray) !important;
     color: var(--midnight);
}

.navigation-search .predictive-search-results ul li a,
.main-search .predictive-search-results ul li a {
    font-family: fields, sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    text-decoration: none;
}

.navigation-search .predictive-search-results ul li:hover,
.main-search .predictive-search-results ul li:hover{
    background: white;
    color: var(--purple);
}

/* Calendar */
.calendar .mini thead tr {
    background: var(--midnight);
}

.calendar .mini td.has-events a  {
   color: var(--lime);
   text-decoration: none;
}

.calendar .mini td.active {
    background: var(--midnight);
}

.calendar .mini td.active a {
    color: white;
}

.calendar .mini td.active a:focus {
    color: white !important;
}

.calendar .view-header .date-heading h3 {
    margin-top: 9px;
}

.calendar .mini td {
    font-weight: 600;
}



/* Events */
#eventContent .events-list .event-title {
    margin-bottom: 10px !important;
}

#eventContent .events-list .event-title a {
    text-decoration: none;
}

#eventContent .events-list .event-item {
    padding: 30px;
    color: white !important;
    height: auto !important;
    border-bottom: 1px solid #36316c;
}

#eventContent .events-list .event-item .event-content .event-date {
    background: var(--purple);
}

#eventContent .events-list .event-content {
    color: white !important;
}

#eventContent .events-list .event-item .event-content a {
    color: white !important;
}

#eventContent .events-list .event-item .event-content a:hover {
    text-decoration: underline;
}

/* Utility nav */
.microclimate-nav .nav-container .col-12 {
    display: flex;
    flex-direction: row;
}
.microclimate-nav .t1-nav {
    width: 100%;
    justify-content: start;
}
.microclimate-nav .t1-nav.right {
    width: auto;
    justify-content: end;
}
.microclimate-nav .t1-nav.right hr {
    width: 2px;
    border: none;
    background: var(--purple);
    color: var(--purple);
    height: 40px;
    margin: 0 20px 0 40px;
}
@media (min-width: 992px) {
    :scope .t1-nav > li.utility-links > a {
        color: var(--purple) !important;
        font-size: 1rem;
        padding-bottom: .03rem !important;
        border-bottom-width: .25rem !important;
    }

        :scope .t1-nav > li.utility-links > a:hover, :scope .t1-nav > li.utility-links > a:focus {
            border-bottom-color: var(--purple) !important;
        }

    :scope .t1-nav > li.utility-links.active > a {
        border-bottom-color: var(--purple) !important;
    }

    #header .microclimate-nav a {
        line-height: 30px;
    }
}

.microclimate-nav.slide-down .nav-container {
    display: flex;
    justify-content: center;
}

/*Hero image*/
@media (max-width: 992px) {
    .Hero__image {
        height: auto;
        max-height: 20rem;
    }
    .Hero__image img {
        min-height: 15rem;
    }
}

/*MC Header*/
@media (max-width: 992px) {
    .mc-header h1 {
        font-size: 40px;
    }
}