/* 
Theme Name: MSHNA
Theme URI: https://msnha.una.edu/
Description: MSHNA is a child theme of Hello Elementor
Template: hello-elementor
Version: 1.0.3
*/

.category-list {
    font-size: 1.125rem;
    line-height: 1.75;
    padding: 0;
}
.category-list li {
    list-style: none;
    display: inline-block;
}
.category-list li::after {
    content: "";
    border-right: 2px solid #53818A;
    transform: rotate(25deg);
    margin: 0 1rem -0.15rem 1rem;
    display: inline-block;
    width: 0;
    height: 1rem;
}
.category-list li:last-child::after {
    display: none;
}
.category-list li a {
    font-weight: 400;
    text-decoration: none;
}
.category-list li a:hover {
    color: #53818A;
}
.category-list li.current a {
    font-weight: 800;
    color: #385257;
}
.divider {
    display: block;
    border-bottom: 1px solid rgba(109, 107, 94, 0.2); 
    height: 0;
    margin: 3rem 0;
}

/* 
The Following styles are for the custom template used by The Events Calendar
tecc = The Events Calendar Custom 
*/
.tecc-page-header{
    background-color: var( --e-global-color-secondary );
    text-align: center;
    padding: 8px;
}
.tecc-page-header-border{
    border: 1px solid #fff;
    padding: 48px 20px 48px 20px;
}
.tecc-page-header h1 {
    color: #fff;
    font-size: 3.25rem;
    line-height: 1.6em;
    margin: 0;
}
.tecc-category-description {
    background-color: var( --e-global-color-df871cd );
    padding: 30px;
}
@media (min-width: 767px){
    .tecc-category-description {
        padding: 40px 30px;
    }
}
@media (min-width: 1024px){
    .tecc-category-description {
        padding: 60px 30px;
    }
}
.tecc-category-description-inner {
    max-width: 874px;
    margin: 0 auto;
}
.tecc-category-description-title {
    margin-top: 0;
    text-align: center;
}
.tribe-events .tribe-events-c-breadcrumbs {
    display: none;
}
.tecc-main {
    padding: 0 20px;
    max-width: 1640px;
    margin: 0 auto;
}
@media (min-width: 1090px) {
    .tecc-main {
        display: flex;
    }
}
.tecc-main .tecc-categories {
    padding: 0 var(--tec-grid-gutter-page-small) 0 var(--tec-grid-gutter-page-small);
    margin-bottom: -50px;
    margin-top: 50px;
    z-index: 100;
    position: relative;
}
@media (min-width: 807px) {
    .tecc-main .tecc-categories {
        padding: 0 var(--tec-grid-gutter-page);
        margin-top: 70px;
    }
}
@media (min-width: 1090px) {
    .tecc-main .tecc-categories {
        padding: 60px 30px 160px 0;
        max-width: 284px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
}
.tecc-main .tecc-categories-header {
    position: relative;
    display: flex;
    padding: 8px 24px;
    margin-bottom: 10px;
    border: 1px solid var(--tec-color-border-default);
    border-radius: var(--tec-border-radius-default);
    justify-content: center; 
    align-items: center;
}
.tecc-main .tecc-categories-header:hover {
    cursor: pointer;
}
@media (min-width: 1090px) {
    .tecc-main .tecc-categories-header {
        padding: 0;
        margin-bottom: 0;
        justify-content: flex-start; 
        border: none;
    }
    .tecc-main .tecc-categories-header:hover {
        cursor: default;
    }
}
.tecc-main .tecc-categories-menu-icon {
    display: block;
    width: 11px;
    margin-left: 10px;
    transition: transform 200ms;
}
.tecc-main .tecc-categories-menu-icon-active {
    transform: rotate(180deg);
}
@media (min-width: 1090px) {
    .tecc-main .tecc-categories-menu-icon {
        display: none;
    }
}
.tecc-main .tecc-categories h3 {
    font-family: "pt-sans", Sans-serif;
    color: var(--e-global-color-text);
    font-size: 21px;
    font-weight: 400;
    margin: 0;
}
@media (min-width: 1090px) {
    .tecc-main .tecc-categories h3 {
        font-size: 28px;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }
}
.tecc-main .tecc-categories ul {
    margin: 0;
    padding: 0;
}
@media (min-width: 1090px) {
    .tecc-main .tecc-categories ul {
        display: block;
    }
}
.tecc-main .tecc-categories ul li {
    list-style: none;
    margin: 4px 0;
    position: relative;
}
.tecc-main .tecc-categories ul > li > a {
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 16px;
    display: block;
    background-color: #f7f6f6; 
    border-left: solid 6px var(--tec-color-background-primary-multiday);
}
.tecc-main .tecc-categories ul > li > a:hover, 
.tecc-main .tecc-categories ul > li.cat-item-active > a {
    text-decoration: none;
    background-color: var(--tec-color-background-primary-multiday); 
    color: #fff;
}
.tecc-main .tecc-categories ul li ul {
    margin-left: 12px;
}
.tecc-main .tecc-categories ul li .cat-description {
    display: none;
    position: absolute;
    z-index: 100;
    width: 300px;
    background-color: #f7f6f6;
    border-radius: 6px;
    right: -300px;
    top: 0px;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);
    padding: 12px 16px;
    font-size: 0.9em;
    line-height: 1.35;
}
.tecc-main .tecc-calendar {
    flex: 1;
    z-index: 1;
    position: relative;
}
.single-tribe_events .tecc-main .tecc-categories {
    display: none;
}
.tecc-main .tribe-events-view--month .tribe-common-l-container {
    padding-top: 60px;
    max-width: 1800px;
}
:root {
    --tec-font-family-sans-serif: "pt-sans", Sans-serif;
    --tec-color-background: #fff;
    --tec-color-link-accent: #385257;
    --tec-color-link-accent-hover: #385257;
    --tec-color-accent-primary: #385257;
    --tec-color-background-events-bar-submit-button: #385257;
    --tec-color-text-secondary: #53818a;
    --tec-color-background-primary-multiday: #a8dde7;
    --tec-color-background-primary-multiday-hover: #9aced7;
}
.tecc-main .tribe-events-event-meta a, 
.tecc-main .tribe-events-event-meta a:visited,
.tecc-main .tribe-events-meta-group a {
    color: var(--tec-color-link-accent);
}
.tecc-main .tribe-common a {
    text-decoration: none;
}
.tecc-main .tribe-events .tribe-events-calendar-month__day-cell--mobile {
    padding: 0;
}
.tecc-main .tribe-common button, 
.tribe-common button:focus, 
.tecc-main .tribe-common button:hover {
    background-color: transparent;
    color: var(--tec-color-text-primary);
}
.tecc-main .tribe-events .tribe-events-c-search__button,
.tecc-main .tribe-events .tribe-events-c-search__button:focus, 
.tecc-main .tribe-events .tribe-events-c-search__button:hover {
    background-color: var(--tec-color-background-events-bar-submit-button);
    color: var(--tec-color-background);
}
.tecc-main .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text {
    padding: 0;
    font-size: 0.9rem;
}
.tecc-main .tribe-events .tribe-events-c-subscribe-dropdown:hover .tribe-events-c-subscribe-dropdown__button-text,
.tecc-main .tribe-events .tribe-events-c-subscribe-dropdown:focus-within .tribe-events-c-subscribe-dropdown__button-text,
.tecc-main .tribe-events .tribe-events-c-subscribe-dropdown__button--active .tribe-events-c-subscribe-dropdown__button-text
.tecc-main .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.tecc-main .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within {
    color: var(--tec-color-background);
}
.tecc-main .tribe-events-schedule h2 {
    color: var(--tec-color-text-primary);
}
.tecc-main .tribe-events .tribe-events-calendar-month__calendar-event {
    padding: 0;
}
.tecc-main .tribe-events .tribe-events-calendar-month__calendar-event-details { 
    background-color: #f7f6f6;
    border-radius: 6px;
    border-left: solid 6px var(--tec-color-background-primary-multiday);
    padding: 5px 10px; 
}
.tecc-main .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event .tribe-events-calendar-month-mobile-events__mobile-event-details {
    background-color: #f7f6f6;
    border-radius: 6px;
    border-left: solid 6px var(--tec-color-background-primary-multiday);
    padding: 5px 10px;
}
.tecc-main .tribe-events .tribe-events-calendar-month__day-cell--selected, 
.tecc-main .tribe-events .tribe-events-calendar-month__day-cell--selected:focus,
.tecc-main .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
    background-color: var(--tec-color-accent-primary);
}
.tecc-main .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum {
    color: var(--tec-color-background);
}

/* Upcoming Events Shortcode */
.upcoming_events {
    color: #fff;
}
.upcoming_events a {
    color: #fff;
    text-decoration: none;
}
.upcoming_events a:hover {
    color: var( --e-global-color-accent );
}
.upcoming_events p {
    margin-bottom: 0;
}
.upcoming_events__event {
    padding: 30px 0;
    border-bottom: 1px solid #FFFFFF47;
}
.upcoming_events__event--date {
    width: 100%;
    margin-bottom: 15px;
}
.upcoming_events__event--title {
    width: 100%;
    margin-bottom: 20px;
}
.upcoming_events__event--title h4 {
    margin: 0px;
}
.upcoming_events .upcoming_events__event--title h4 a:hover {
    color: var( --e-global-color-accent );
}
.upcoming_events__event--location {
    width: 100%;
}
@media (min-width: 1024px) {
    .upcoming_events__event {
        display: flex;
    }
    .upcoming_events__event--date {
        width: 18%;
        margin: 0 15px 0 0;
    }
    .upcoming_events__event--title {
        width: 55%;
        margin: 0 15px;
    }
    .upcoming_events__event--location {
        width: 26.666%;
        margin-left: 15px;
    }
}

/* MapPress */
.mapp-modal-template {
    overflow: auto;
}
.mapp-modal-meta {
	display: none;
}
.mapp-modal-body figure, .mapp-modal-body img {
	display: none;
}
.mapp-modal-featured img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: unset;
}
