/*
1rem = 16px
.9375rem = 15px
.875rem = 14px
.8125rem = 13px
.75rem = 12px
.6875rem = 11px
.625rem = 10px
*/

.main--level {
    background-color: #FFFFFF;
}
.wave-image {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: -1px;
    margin-top: 0 /*1.5rem*/;
}
.events-right img.ajax_loader {
   margin: 2rem auto;
    display: block;
}
@media only screen and (max-width: 63.99em) {
    .wave-image {
        margin-top: -.5rem;
   }
}
@media screen and (min-width:64em) {
    .wave-image {
        margin-top: 0 /*1.5rem*/;
   }
}
#events-top {
    margin-bottom: 0;
}
.events-heading {
   padding-bottom: 2rem;
}
/*EVENTS LEFT*/
.events-left {
    padding-bottom: 1rem;
}
.events-left .attend-button {
    background-color: #fff;
    border: .0625rem #e2ded7 solid;
    box-shadow: 1px 1px 5px 1px #e2ded7;
    color: #8a0000;
    cursor: pointer;
    font-size: clamp(.875rem,1.25vw, 1rem);
    padding: .5rem;
    transition-property: background-color,border-color,color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
    margin-bottom: 1rem;
    display: none;
}
.events-left .homecoming-button {
    background-color: #8a0000;
    /*border: .0625rem #e2ded7 solid;
    box-shadow: 1px 1px 5px 1px #e2ded7;*/
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    font-size: clamp(.875rem,1.25vw, 1rem);
    padding: .5rem;
    transition-property: background-color,border-color,color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
    margin-bottom: 1rem;
    text-align: center;
}
.events-left .homecoming-button {
    color: #fff;
    transition-property: background-color, border-color, color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
}
.events-left .homecoming-button a {
    text-decoration: none;
    display: block;
}
.events-left .homecoming-button span {
    display: block;
    text-decoration: none;
    width: 100%;
    font-weight: normal;
}
.events-left .homecoming-button span:first-child {
    font-size: clamp(1rem,1.5vw,1.25rem);
    margin-bottom: .5rem;
    width: 100%;
    font-weight: 600;
}
.events-left .homecoming-button:hover {
    background-color: #fff;
    text-decoration: none;
    color: #8a0000;
}

.clearbutton {
    font-size: clamp(.875rem, 1vw, 1rem);
    padding: 0.5rem 0.75rem;
    border: 2px solid maroon;
   
    margin-left: 0;
    margin-bottom: 0.25rem; 
    width: auto; 
    word-break:normal; 
    float: right;
}
.events-left-display-toggle, .events-right-display-toggle {
    background-color: #FFF;
    padding: .5rem 0 0 0;
    margin: .25rem 0;
    color: #8a0000;
    font-weight: 600;
}
.hr-toggle {
    background-color: #cecece;
    border: 0;
    margin: 0.5rem 0;
    padding: 0;
    display: block;
    height: .125rem;
    width: 100%;
}
.category-boxes-toggle {
   background-color: #FFFFFF;
    color:#111111;
   /*background-color: #8A0000;
    color:#FFFFFF;
   */
}
.campus-calendars-toggle {
   background-color: #FFFFFF;
    color:#111111;
   /*background-color: #000000;
    color:#FFFFFF;
   */
}
.contact-callout-toggle {
   background-color: #FFFFFF;
    color:#111111;
   /*background-color: #FABB14;
    color:#000000;
   */
}
.attending-events-toggle {
   background-color: #FFFFFF;
    color:#111111;
   /*background-color: #FABB14;
    color:#000000;
   */
}
.eventText-toggle {
    display: block;
    margin: 0;
    width: 100%;
}
    .eventText-toggle .text {
        background-color: rgba(240,238,234, .75);
        padding: .25rem .5rem !important;
        color:#333;
        display: block;
        /*font-size: clamp(.75rem, 1vw, .875rem) !important;*/
        font-size: clamp(.6875rem, 1vw, .875rem) !important;
        font-weight: 600;
        line-height: 1.5;
        margin: .25rem 0 0 0;
        padding: 0;
        text-transform: uppercase;
        width: 100%;
    }
    .eventText-toggle .text:before {
        content: '\002B';
        font-size: 1.5rem;
        float: right;
        margin-top: -.25rem;
    }
    .eventText-toggle .text-active:before {
        content: "\2212";
    }

    .eventText-toggle span.text:before {
        font-size: clamp(1rem, 1.5vw, 1.25rem) !important;
    }
@media screen and (min-width: 48em) {
    .eventText-toggle {
       display: none;
   }
}
.events-left-display-toggle .hamburger-menu__bottom, .events-left-display-toggle .hamburger-menu__middle, .events-left-display-toggle .hamburger-menu__top {
    background-color: #8a0000;
}
.category-boxes-toggle .hamburger-menu__bottom, .category-boxes-toggle .hamburger-menu__middle, .category-boxes-toggle .hamburger-menu__top {
    background-color: #FFFFFF;
}
.campus-calendars-toggle .hamburger-menu__bottom, .campus-calendars-toggle .hamburger-menu__middle, .campus-calendars-toggle .hamburger-menu__top {
    background-color: #FFFFFF;
}
.contact-callout-toggle .hamburger-menu__bottom, .contact-callout-toggle .hamburger-menu__middle, .contact-callout-toggle .hamburger-menu__top {
    background-color: #000000;
}
.events-left .ongoing-box {
    border: none;
   /*border: .025rem #8a0000 solid;
    box-shadow: 1px 1px 5px black;
    margin: 1rem auto 1rem auto;
    padding: .25rem .25rem;
   */
}
.view-all-exhibits {
    text-align: right;
    display: block;
    margin: 0;
    padding: 0 1.25rem .5rem 0;
}
.events-left .ongoing-box .og-header {
    /*border-bottom: solid #FABB14 .1875rem;
    border-bottom: dotted #FABB14 .325rem;*/
    color: black;
    font-size: clamp(1rem,1.25vw,1.5rem);
    font-weight: 600;
    line-height: 1.25;
    margin: 0 1rem 1rem 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.events-left .cb-header .toggle, .ongoing_display_right .cb-header .toggle {
    background-color: #FFFFFF;
    color: black;
    display: initial;
    font-size: clamp(.875rem,1vw,1rem);
    margin: .625rem .5rem 0rem .5rem;
    padding: 0;
    transition-property: color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
}
.events-left .cb-header .toggle:before, .ongoing_display_right .cb-header .toggle:before {
    color: maroon;
    content: '\002B';
    float: right;
    margin: .0 0 0 .25rem;
    font-size: clamp(.75rem,1.5vw,1.125rem);
    font-weight: 700;
    border: .0625rem solid maroon;
    border-radius: 50%;
    padding: 0 .33rem;
    line-height: initial;
    margin-bottom: 1rem;
    transition-property: background-color,color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
}
.events-left .cb-header:hover .toggle:before, .ongoing_display_right .cb-header:hover .toggle:before {
    background-color: maroon;
    color: white;
}

.events-left .cb-header:hover .toggle:hover, .ongoing_display_right .cb-header:hover .toggle:hover {
    cursor: pointer;
    color: maroon;

 }
 .events-left .cb-header:hover .toggle-active:hover, .ongoing_display_right .cb-header:hover .toggle-active:hover {
    cursor: pointer;
 }
 
.events-left .cb-header .toggle-active:before, .ongoing_display_right .cb-header .toggle-active:before {
    content: "\2212";
    background-color: maroon;
    color: white;
}
/*------------------------------*/
.events-left .toggle, .events-right .toggle  {
    background-color: #FFFFFF;
    color: black;
    font-size: clamp(.875rem,1vw,1rem);
    margin: .5rem 1rem 1rem .5rem;
    padding: 0;
    display: block;
    transition-property: color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
}
.events-left .toggle:before, .events-right .toggle:before {
    color: maroon;
    content: '\002B';
    float: right;
    margin: .0 0 0 .25rem;
    font-size: clamp(.75rem,1.5vw,1.125rem);
    font-weight: 700;
    border: .0625rem solid maroon;
    border-radius: 50%;
    padding: 0 .33rem;
    line-height: initial;
    margin-bottom: 1rem;
    transition-property: background-color,color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
}

.events-left .toggle:hover:before, .events-right .toggle:hover:before {
    background-color: maroon;
    color: white;
}

.events-left .toggle:hover, .events-right .toggle:hover {
    cursor: pointer;
    color: maroon;

 }
 .events-left .toggle-active:hover, .events-right .toggle-active:hover {
    cursor: pointer;
 }
 
.events-left .toggle-active:before, .events-right .toggle-active:before {
    content: "\2212";
    background-color: maroon;
    color: white;
}
.events-left-display-toggle .text, .events-right-display-toggle .text {
    display: block;
    margin: 0 0 0 0;
    width: 100%;
}
.events-left-display-toggle .text {
   font-size: clamp(.875rem, 1.5vw, 1.5rem);
}
.events-left-display-toggle .text:before, .events-right-display-toggle .text:before {
    content: '\002B';
    font-size: 1.5rem;
    float: right;
    margin-top: -.25rem;
}
.events-left-display-toggle .text-active:before, .events-right-display-toggle .text-active:before {
    content: "\2212";
}
.events-left-hamburger-menu {
    display: inline-block;
}
.events-left .category-boxes {
    display: none;
    min-width: 266px;

}
.events-left .calendar-box {
    display: none;
}
.events-left .category-box .cb-image {
    display: none;
}
.events-left .category-box .cb-image img {
    width: 100%;
}
.events-left .category-box .cb-header {
    border-bottom: solid #FABB14 .1875rem;
    /*border-bottom: dotted #FABB14 .325rem;*/
    color: black;
    font-size: clamp(.875rem,1.5vw,1.25rem);
    font-weight: 600;
    line-height: 1.25;
    margin: 0 1rem .5rem .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.events-left .category-box .cb-header:hover {
    cursor: pointer;
}

.events-left .category-box .cb-list {
    padding-left: .5rem;
    padding-top: 0; /*.5rem;*/
}
.events-left .category-box .cb-list li {
    padding: .125rem 0 .125rem .25rem;
}

.events-left .calendar-box {
    padding-left: .5rem;
}
.events-left .calendar-box h3 {
    display: none 
}
.events-left .contact-callout {
    display: none;
    padding: 0 0 1rem .5rem;
}
.events-left .contact-callout .contact-info__heading {
   display: none;
}
.events-left .contact-callout .contact-info__department-title {
   font-size: clamp(.875rem, 1vw, 1rem);
}
.events-left .contact-callout .contact-info__location {
   font-size: clamp(.875rem, 1vw, 1rem);
}
.events-left .contact-callout .contact-info____method-item {
   font-size: clamp(.875rem, 1vw, 1rem);
}
/*EVENTS RIGHT*/
.events-right {
    padding: 0 0 0 0 ;
}
.events-right-top .searchdiv {
    display: flex;
    flex-direction: column;
    padding-bottom: .5rem;
}

@media screen and (min-width: 48em) {
    .events-right-top .searchdiv {
        display: flex;
        flex-direction: row;
   }
}
.events-right-top .searchevents_field {
    font-size: clamp(.875rem, 1vw, 1rem);
    margin-bottom: .5rem;
}
.events-right-top .searchevents_submit {
    font-size: clamp(.875rem, 1vw, 1rem);
    padding: .125rem .5rem;
    border: 2px solid maroon;
    height: 2.5rem;
    margin-left: 0;
    margin-bottom: .25rem;
}
.events-right-top .searchevents_submit:hover {
    cursor: pointer;
    color: white;
    background-color: maroon;
}
.events-right-top .searchevents_clear {
    font-size: clamp(.875rem, 1vw, 1rem);
    padding: .25rem .5rem;
    border: 2px solid maroon;
    height: 2.5rem;
    margin-left: 0;
    margin-bottom: .25rem;
}
.events-right-top .searchevents_clear:hover {
    cursor: pointer;
    color: white;
    background-color: maroon;
}
@media screen and (min-width: 48em) {
    .events-right-top .searchevents_field {
        margin-bottom: 0;
    }
    .events-right-top .searchevents_submit, .events-right-top .searchevents_clear {
        margin-left: .25rem;
    }
}
.events-right-top .calcheckboxes .cal_checkbox {display: none;}
.events-right-top .view_cal_checkbox {font-weight: bold;}
.events-right-top .view_cal_checkbox:hover {color: maroon; cursor: pointer;}

.events-right-top .filter-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: 50%;
}
.events-right-top .filter-list .filter-list__item {
    border: 0;
    font-size: clamp(.875rem, 1vw, 1rem);
    width: 50%;
    
}

.events-right-top .category-box .cb-header {
    /*border-bottom: solid #FABB14 .1875rem;
    border-bottom: dotted #FABB14 .325rem;*/
    color: black;
    font-size: clamp(.875rem,1.5vw,1rem);
    font-weight: normal;
    line-height: 1.25;
    margin: 0 1rem .5rem .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.events-right-top .category-box .cb-header:hover {
    cursor: pointer;
}

.calfilters_div {display: none; padding-bottom: 1rem;}
.calfilters:hover {cursor:pointer;}
.calfilters .toggle {
    margin: 0 1rem 0 0 !important;
}
.calfilters .toggle:before {
    float: left;
    margin-right: 1rem;
}
.events-right-top .filter-list .filter-list__item label {
    border: 0;
    font-size: clamp(.875rem, 1vw, 1rem);
}
.events-right .attend-button {
    background-color: #fff;
    border: .0125rem solid #8a0000; /*#e2ded7*/
    color: #8a0000;
    cursor: pointer;
    font-size: clamp(.875rem,1.25vw, 1rem);
    padding: 2%;
    transition-property: background-color,border-color,color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
    margin-bottom: 1rem;
}
.events-right .attend-button a {
    text-decoration: none;
    display: block;
}
.events-right .attend-button span {
    display: block;
    text-decoration: none;
    width: 100%;
   /*color: black;*/
    transition-property: color;
}
.events-right .attend-button span:first-child {
    font-size: clamp(1rem,2vw,1.25rem);
    margin-bottom: .5rem;
    width: 100%;
    color: #8a0000;
    font-weight: 600;
}
.events-right .attend-button:hover {
    background-color: #8a0000;
}
.events-right .attend-button:hover a, .events-right .attend-button:hover span {
    color: #fff;
    text-decoration: none;
    transition-property: background-color,border-color,color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
}
.event_wrapper {
    margin: 0 0 2rem 0;
    padding: 0;
}
@media screen and (min-width: 48em) {
    .event_wrapper {
        margin: 0 0 2rem 0;
        padding: .5rem .5rem .25rem .5rem;
    }
}
.exhibit_wrapper {
    margin: 0 0 .5rem 0;
    padding: .5rem .5rem .25rem .5rem;
}
/*
.event_title_container {
    transition-property: background-color, box-shadow;
    transition-delay: 0.05s;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out;
}
*/
.event_title_container:hover {
    cursor: default;
}


.event_title_container .event__date-post, 
.event_title_container .event__date-post .event__month, 
.event_title_container .event__date-post .event__day, 
.event_title_container .event__date-post .event__year
{
    transition-property: background-color, color, border-color;
    transition-delay: 0.1s;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
}
.event_title_container  {
    transition-property: background-color, color;
    transition-delay: 0.1s;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;

}
.event_title_container:hover  {
    color: #900000;
    cursor:pointer;
    /*background-color: rgba(240,238,234, .5);*/
}
.event_title_container:hover .event_title_div .event__heading, 
.event_title_container:hover .bar-menu {
    color: #900000;
}
.event_title_container:hover .event__date-post, 
.event_title_container:hover .event__month, 
.event_title_container:hover .event__year, 
.event_title_container:hover .event__day
{
    background-color: #2e262a;
    color: #ffc420;
}
/*

.event_title_container .event__date-post:hover,
.event_title_container .event__date-post:hover .event__month, 
.event_title_container .event__date-post:hover .event__day, 
.event_title_container .event__date-post:hover .event__year
{
    background-color: #2e262a;
    color: #ffc420 !important;
    cursor:pointer;
}
*/

.event-page:hover{
    cursor:default;
    background-color:white
}
.event_wrapper:first-child {
   margin-top: 0;
}

.event_wrapper .event_description {
    margin-top: 0;
    margin-bottom: .75rem;
    padding: 0; /*.5rem;*/
}
@media screen and (min-width: 48em) {
    .event_wrapper .event_description {
        margin-top: 1rem;
        margin-bottom: 1.25rem;
        padding: 0;
   }
}

.event_wrapper .share-add {display: flex; flex-direction: row; margin: 0; padding: .5rem 0 0 0; font-size: clamp(.8125rem, 1.25vw, .875rem);}
.event_wrapper .share-add div:nth-child(1) {padding: 0 .5rem 0 0; font-weight: bold; line-height: 2.25; white-space: nowrap;}
.event_wrapper .share-add div:nth-child(2) {padding-top: 0; }
.event_wrapper .share-add div:nth-child(3) {padding: 0 .5rem 0 .5rem; font-weight: bold; line-height: 2.25;  white-space: nowrap;}
.event_wrapper .share-add div:nth-child(4) {padding: 0; }
.event_wrapper .share-add div:nth-child(4) a { text-decoration: none; font-size: .875rem; font-weight: 600; }
.event_wrapper .share-add div:nth-child(4) img {max-height: 2.25rem}
.share-add span, .share-add a, .share-add div {font-size: clamp(.8125rem, 1.25vw, .875rem);}
@media screen and (max-width: 48rem) {
    .event_wrapper .share-add, .share-add div, .share-add a {display: block; padding: 0 0 0 0;}
}

.event_wrapper .full-width-hr, .ongoing .full-width-hr {
    background-color: #a9a9a9;
    width: 100%;
    height: 1px;
    margin: .25rem 0 .5rem 0;
}
.event-time-mobile, .ajcmobile-nav-menu {
    display: none;
}
.event__date-post {
    float: left;
    margin-right: .5rem;
    height: 5rem;
    width: 5rem;
}
.event_display {
   padding-top: 0;
}
/*remove hover effects in title area for single event page*/
.event_single .event_title_container:hover .event__heading, 
.event_single .event_title_container:hover .eventbegindatetime, 
.event_single .event_title_container:hover .eventTypes,
.event_single .event_title_container:hover .eventloctype,
.event_single .event_title_container:hover .eventlocation {
    color: #2e262a;
    cursor: default;
}
.event_single .event_title_container:hover {
    cursor: default;
}
.event_single .event_title_container:hover .event__date-post, 
.event_single .event_title_container:hover .event__month, 
.event_single .event_title_container:hover .event__year, 
.event_single .event_title_container:hover .event__day
{
    background-color: #FFFFFF;
    color: #8a0000;
}
//
@media screen and (min-width: 48em) {
    .event_display {
       padding: 1rem .5rem;
   }
}
.event_display .event__month {
    font-size: .875rem;
    line-height: 1.5;
    text-transform: uppercase;
    color: #8a0000;
}
/*REMOVES HOVER EFFECT
.event_display .event__day:hover, .event_display .event__month:hover, .event_display .event__year:hover {
    background-color: white;
    color: #8a0000;
}*/
.event_display .event__year {
    font-size: .8125rem;
    line-height: 1.5;
    margin-top: 0;
    text-transform: uppercase;
    color: #8a0000;
}
@media screen and (min-width: 48em) {
    .event__date-post {
        height: 6.5rem;
        width: 6.5rem;
   }
}
.event-listing-section {
    width: 100%;
    min-width: 100%;
}
.event__heading {
   /*font-size: 1.325rem;
   */
    font-size: clamp(.9375rem,2vw,1.325rem);
}
.event__heading:hover {
    cursor: pointer;
    color: maroon;
}
.event_title_div {
    float: left;
    width: 100%;
}
.eventImg {
    margin: .75rem 0rem .5rem 0rem;
    padding: 0;
}
.eventImg:hover { cursor: pointer;}

.eventImg img {
    margin: 0;
    padding: 0;
    width: 100%;
}
h2.eventtitle {
    font-size: 1.75rem;
    line-height: 130%;
    display: none;
}
.event_description .eventText {
   font-size: clamp(.875rem, 1.25vw, 1rem); 
    padding: .5rem;
}
.event_description .eventText p, 
.event_description .eventText div, 
.event_description .eventText li, 
.event_description .eventText span, 
.event_description .eventText font, 
.event_description .eventText strong {
    font-size: clamp(.875rem, 1.25vw, 1rem) 
 }
 .event_description .eventText td {
    background-color: #FFFFFF;
    padding: .25rem;
    border: 0; 
 }
.eventText-hide {
   display: none;
}
@media screen and (min-width: 48em) {
    .eventText-hide {
        display: block;
    }
    .event_description .eventText {
        padding: 0 0 0 0;
    } 
}
    /*#ffc420 = rgba(255,196,32*//*255, 233, 32 = #ffe920*//* rgba(255, 233, 32, .5); */
.eventText font {
    background-color: #ffe920; 
    background-color: #fff16d;
    background-color: #fff6a0;
    font-size: clamp(.875rem, 1.25vw, 1rem);
}
.event__heading font .bar-menu li  {
    background-color: #ffe920; 
    background-color: #fff16d;
    background-color: #fff6a0;
    font-size: clamp(.9375rem,2vw,1.325rem);
}

.desktop_menu_div {
    background-color:rgba(240,238,234, .25);
    border: .0625rem #e2ded7 solid;
    /*box-shadow: 1px 1px 5px 1px #e2ded7;*/
    padding: .25rem .5rem .125rem .5rem;
    text-align: left;
}
.bar-menu {
    padding: 0 !important;
    margin: 0 !important;
}
.bar-menu li {
    display: inline;
    font-size: clamp(.75rem, 1.5vw, .875rem) !important;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
/*
.bar-menu li span {
    font-size: clamp(.625rem, 1vw, .8125rem) !important;
}
*/
@media screen and (min-width: 48em) {
    .bar-menu li {
        display: inline;
    }    
}
.bar-menu li:after {
    color: rgba(17, 34, 51, .75);
    content: '\25CF';
    margin: 0 .25rem;
}
.bar-menu li:last-child:after {
    content: '';
}
@media screen and (min-width: 48em) {
    .bar-menu li {
        padding: 0;
   }
}
.bar-menu li:first-child {
    padding-left: 0;
}
.bar-menu li:last-child {
    border-right: none;
}
.bar-menu .calendarname {
   font-weight: bold;
}
.bar-menu .calendarname a {
   text-decoration: none;
   color: #205665
}
.bar-menu .eventlocation {
   font-weight: normal;
    text-transform: initial;
}
.user-markup .bar-menu li:before, .user-markup #pagin li:before {
    content: '';
}
#pagin {
    margin-top: 1rem;
}
#pagin li {
    display: inline-block;
    margin-bottom: 0 !important;
    text-align: center;
}
#pagin li:last-of-type a {
    width: 5rem;
}
#pagin li a {
    color: black;
    float: left;
    padding: .75rem 1rem;
    text-decoration: none;
    border: 1px solid black;
    width: 3.625rem;
    font-size: .9rem;
}
#pagin li a.active {
    background-color: #4CAF50;
    color: white;
}
#pagin li a:hover:not(.active) {
    background-color: #f0eeea;
}
#pagin li.current {
    background-color: #f0eeea;
}
#pagin a.current {
    font-weight: bold;
}
.arts_display {
    display: none;
}
.athletics_display {
    display: none;
}
.campus_display {
    display: none;
}
.campuscals_display {
    display: none;
}
/*ongoing styles*/
.ongoing_display {
    display: none;
}
.ongoing_display-active {
    display: block;
}
.engage-events-page_display {
    display: none;
    padding-right: 1rem;
}

.events-left .category-boxes .engage-events { padding-left: 0;}

.events-left .category-boxes .engage-events li {
    margin-bottom: .5rem;
    margin-right: 0;
    padding-right: 0;
    transition-property: color,background-color;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
    background-color: white;
}
.events-left .category-box .cb-list li .title {font-weight: 600;padding-left: .5rem;}
.events-left .category-box .cb-list li .start {font-size: .935rem;padding-left: .5rem;}
.events-left .category-box .cb-list li .location {font-size: .935rem;padding-left: .5rem;}
.events-left .category-box .cb-list li .host {font-size: .935rem;padding-left: .5rem;}

.events-left .category-boxes .engage-events li:hover {
    background-color: #d9d9d9;
    color: maroon; 
    cursor: pointer;
}
.events-left .category-boxes .engage-events .cb-list li span {
    transition-property: padding-left;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
    font-size: 115%;
}
.events-left .category-boxes .engage-events .cb-list li:hover span {
    padding-left: .5rem
}

.ongoing:hover {
    /*cursor: pointer;*/
    color: inherit;
}
.ongoing:hover .ongoing__content  {
    color: #333;   
     /*background-color:rgba(240,238,234, .5);*/

}
.ongoing:hover .ongoing__content h3 {
    color: #333;    
}
#ongoing_display_right .cb-header {
    border-bottom: solid #FABB14 .1875rem;
    /*border-bottom: dotted #FABB14 .325rem;*/
    color: black;
    font-size: clamp(1.25rem,2vw,1.5rem);
    font-weight: 600;
    line-height: 1.25;
    margin: 0 1rem .5rem .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.ongoing__content .filter-list li {display:inline}
#ongoing_display_right .ongoing_display_right_items {
    display: none;
}
#ongoing_display_right .ongoing_display_right_items img {
    display: none;
}

.oghr {margin: 1rem 1rem 1rem 0.5rem;}
.oghr-white {color: white}
.events-left .ongoing__content img {
    display: none;
}
.events-left .ongoing__content img {
    display: none;
}
.ongoing__content {
    background-color: transparent;
    /*border: .025rem solid #e2ded7;*/
    transition-property: background-color;
    transition-duration: .375s;
    padding: .75rem .75rem;
    margin-bottom: 0;
}
/*
.ongoing p, .ongoing__heading {
    transition-property: color;
    transition-duration: .375s;
    margin-bottom: .5rem 
}*/
.ongoing__heading {
    font-family: "Avenir Next LT W01 Demi",Helvetica,Arial,sans-serif;
    font-size: clamp(1rem,1vw,1.125rem);
    font-weight: 600;
    color: maroon;
}
.ongoing__dates {
    font-size: .875rem;
    font-weight: 600;
}

.ongoing img {
    border: 0 solid #e2ded7;
    border-bottom: 0;
    padding: 0;
    margin: 0;
}
.ongoing img + .ongoing__content {
    border-top: 0 
}
.ongoing--no-border .ongoing__content {
    border: 0;
    padding: 0 
}
.ongoing .learnmore p, ul, li {
    font-size: .9rem;
    line-height: 140%;
}
.ongoing .bar-div {
    background-color: #f0eeea;
    padding: .5rem;
    margin: .5rem 0;
}
.ongoing .bar-div span {font-size: .8125rem;}
.ongoing ul.vanilla-bullet { margin: 0 0 0 0;}
    .ongoing .vanilla-bullet li {
    font-size: .8125rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: .325rem;
    margin-top: .325rem;
}
.ongoing__content .eventlocation {
   text-transform: initial;
    font-weight: normal;
}
/*/
@media screen and (min-width: 48em) {
    .events {
        display: flex;
        flex-direction: row;
   }
    .events-left {
        padding: 0 1.5rem 0 0;
        vertical-align: top;
        width: 33%;
        min-width: 290px;
   }
    .events-right {
        padding: 0 0 0 .5rem ;
        vertical-align: top;
        width: 66%;
   }
    .hr-toggle {
       display: none;
   }
   .events-left .attend-button {
        display: block;
   }
    .events-left .attend-button-mobile {
       display: none;
   }
    .events-right .attend-button {
        display: none;
   }
    .events-left .category-boxes {
        display: block;
        min-width: 266px;
   }
    .events-left .calendar-box {
        display: block;
   }
    .events-left .calendar-box h3 {
        display: block;
   }
    .events-left-display-toggle {
        display: none;
   }
    .events-left .attend-button {
        color: #8a0000;
        transition-property: background-color, border-color, color;
        transition-delay: 0.1s;
        transition-duration: 375ms;
        transition-timing-function: ease-in-out;
   }
    .events-left .attend-button a {
        text-decoration: none;
        display: block;
   }
    .events-left .attend-button span {
        display: block;
        text-decoration: none;
        width: 100%;
        font-weight: normal;
   }
    .events-left .attend-button span:first-child {
        font-size: clamp(1rem,1.5vw,1.25rem);
        margin-bottom: .5rem;
        width: 100%;
        font-weight: 600;
   }
    .events-left .attend-button:hover {
        background-color: #8a0000;
        text-decoration: none;
        color: #FFF;
   }
   /* .events-left .attend-button:hover span {
        transition-property: color;
        color: #fff;
        transition-delay: 0.1s;
        transition-duration: 375ms;
        transition-timing-function: ease-in-out;
   }
    .events-left .attend-button:hover span:first-child {
        transition-property: color;
        color: #fff;
        transition-delay: 0.1s;
        transition-duration: 375ms;
        transition-timing-function: ease-in-out;
   }
    */

    .events-left .category-box {
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
        margin: .5rem;
   }
    .events-left .contact-callout {
        display: initial;
   }
    .events-top .headertext {
        font-size: clamp(1.025rem,2vw,1.25rem);
        line-height: 1.5;
   }
    .events-left .category-boxes {
        display: initial;
        min-width: 266px;
   }
    .events-left .category-box {
        border: .0625rem #e2ded7 solid;
        border-top: 0;
        box-shadow: 1px 1px 5px 1px #e2ded7;
        margin: 0 auto 1rem auto;
        padding: 0;
   }
    .events-left .cb-image {
        box-shadow: 1px 1px 5px 1px #e2ded7;
        border: .0625rem #e2ded7 solid;
        border-bottom: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        width: 100%;
   }
   .events-left .cb-image img {
        width: 100%;
        margin: 0; 
        padding: 0;
   }

    .events-left .category-box .cb-image img {
        width: 100%;
   }
    .events-left .category-box .cb-wrapper {
        padding: 1rem 1rem .25rem 1rem;
   }
    .events-left .category-box .cb-header {
        border-bottom: solid #FABB14 .1875rem;
        /*border-bottom: dotted #FABB14 .325rem;*/
        color: black;
        font-size: clamp(1rem,1.5vw,1.25rem);
        font-weight: 600;
        line-height: 1.25;
        margin: 0 1rem 1rem .5rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
   }
    .events-left .category-box .cb-image {
        display: block;
   }
    .events-left .category-box .cb-image img {
        width: 100%;
   }
    .events-left .category-box .cb-list {
        padding-left: 1rem;
   }
    .events-left .category-box .cb-list li {
        font-size: clamp(.9rem,1.5vw,1rem);
        padding: .125rem 0;
   }
    .events-left .category-box .cb-list li a {
        color: #8a0000;
        font-size: clamp(.9375rem,1.5vw,1rem);
        text-decoration: none;
   }
    .events-left .category-box .cb-list li a:hover {
        color: #8a0000;
        text-decoration: underline;
   }
    .events-left .contact-callout .contact-info__heading {
       display: block;
   }
    .events-right-top {
       padding: 0 .5rem;
   }
    .events-right-top h2 {
        display: block;
   }
   /*.events-right-top .searchdiv {
        display: block;
   }
   */
    .events-right h2.eventtitle {
        display: block;
        width: 100%;
        font-size: clamp(1.125rem, 1.5vw, 1.625rem);
   }
    .events-right .event__heading {
       width: 100%
   }
}
@media only screen and (max-width: 968px) {
    .mobile-icon {
        margin-bottom: 20px !important;
   }
    .rotateUp {
        transform: rotate(-90deg) !important;
   }
    .event-time-mobile {
        color: #6c6769;
        font-size: .875rem;
   }
    .mobile-nav-list {
        display: none;
        font-size: .7rem;
        margin-top: 1rem !important;
   }
    .mobile-nav-list li {
        margin-bottom: .4rem;
   }
    .user-markup .mobile-nav-list > li:before {
        content: '';
   }
    .eventImg {
        float: none;
        width: auto;
   }
    .event-img-div {
        text-align: center;
   }
}
.backbutton {
    border: 1px solid maroon;
    width: initial;
    font-size: clamp(.75rem, 1.25vw, 1rem);
    max-width: 8rem;
    padding: .125rem .25rem;
    float: right;
    margin-top: -2rem;
    margin-bottom: -1rem;
}
@media screen and (min-width:48em) {
    .backbutton {
        padding: .5rem .75rem;
        margin-top: -3rem;
        margin-bottom: -2rem;
    }

}
.addthis {
   display: block;
    width: 100%
}
@media screen and (min-width:48em) {
    .addthis {
       display: inline-block;
        width: 50%
   }
}
/*NO DATA STYLES*/
.no-data {
   font-size: clamp(.875rem, 1.25vw, .9375rem);
    line-height: 1.5;
}
.no-data p {
   font-size: clamp(.875rem, 1.25vw, .9375rem);
    line-height: 1.5;
    padding: 0 0 .5rem 0;
    margin: 0;
}
.no-data p:first-child {
   padding: 0;
}
.no-data-links {
   display: block;
}
.no-data-links div {
    margin-top: 1rem;
}
.no-data-links div:first-child {
    margin-top: 0;
}
.no-data-links div ul {
    margin-right: 1rem;
    list-style-type: disc;
}
.no-data-links div ul li {
    margin: .33rem 0;
    font-size: clamp(.875rem, 1.25vw, .9375rem);
}
.no-data-links div a {
    font-size: clamp(.75rem, 1.25vw, .875rem);
}
@media screen and (min-width:48em) {
    .no-data-links {
        display: flex;
        flex-direction: row;
   }
    .no-data-links div ul {
        margin-right: 0;
   }
    .no-data-links div {
        padding: 0 1rem;
   }
    .no-data-links div:first-child {
        margin-top: 1rem;
   }
}
/*END NO DATA STYLES*/
.cal-wrapper {
    width: 100%;
    background: #fff;
    border: .0625rem #e2ded7 solid;
    box-shadow: 1px 1px 5px 1px #e2ded7;
    /*box-shadow: 1px 1px 5px black;*/
    margin-bottom: 1rem;
   /*border-radius: .5rem;
    box-shadow: 0 1rem 40px rgba(0,0,0,0.12);*/
}
.cal-wrapper .cal-header {
    display: initial;
    align-items: center;
    padding: 0 0 0 0;
    justify-content: space-between;
}
.cal-header .current-month {
    font-size: clamp(1rem,1.5vw,1rem);
    font-weight: 600;
    color: #111111;
    margin: 0;
    padding: .5rem 0 0 0;
    text-align: center;
}
.cal-header .icons {
    display: flex;
    width: auto;
    margin: 0;
    padding: 0;
}
.cal-header .icons span {
   /*height: 1.75rem;*/
    margin: 0;
    cursor: pointer;
     color: #205664;/*2a78a2*/
    text-align: center;
    line-height: 1.5;
    font-size: 1.75rem;
    font-weight: 600;
    user-select: none;
   /*border-radius: 50%;*/
    flex-basis: 50%;
}
.cal-header span.today {
    color: #205664;/*2a78a2*/
    font-size: .835rem;
    font-weight: 600;
    padding: .75rem;
    display: block;
    width: 5rem;
    margin: -2.5rem auto 0 auto;
    text-align: center;
}
.cal-header span.today:hover {
    cursor: pointer;
    color: #144c71;
}
.icons span:last-child {
    margin-right: -10px;
}
.cal-header .icons span:hover {
    color: #144c71;
}
.calendar {
    padding: 0 0 1rem 0;
}
.calendar ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
}
.calendar .days {
    margin-bottom: 1rem;
}
.calendar li {
    color: #333;
    width: calc(100% / 7);
    font-size: clamp(.75rem, 1vw, .875rem);
}
.calendar .weeks {
    margin: 0;
}
.calendar .weeks li {
    font-weight: 500;
    cursor: default;
}
.calendar .days {
    margin: 0;
}
.calendar .days li {
    z-index: 1;
    cursor: pointer;
    position: relative;
    margin-top: .5rem;
}
.days li.inactive {
    color: #333333;
}
.days li.inactive:hover {
    color: #FFFFFF;
}

.days li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 1.5rem;
    width: 1.5rem;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.days li.active::before {
    background: #e4e4e4;
}
.days li.active {
    color: #111111;
}
.days li.qsdate {
    font-weight: bold;
    color: #111111;
}
.days li.qsdate::before {
    background: #e4e4e4;
}
.days li:not(.active):hover::before {
    background: #f2f2f2;
    background: #c2c2c2;
}
.calendar .days li a {
    text-decoration: none;
    color:inherit;
}

#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-button-label {
    padding-top: 1.5rem;
    margin-bottom: 0;
    display: block;
}
#at-expanded-menu-host .at-expanded-menu-service-list button {
    margin-bottom: 1rem;
    display: block;
}
.event_wrapper .share_div {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.event_wrapper .share_div_left {
    flex-basis: 95%;
    text-align: left;
    font-size: initial;
    padding: 0;
}
.event_wrapper .share_div .share_div_left .share-add-link {
    display: inline-block;
    font-size: clamp(.6875rem, 1.25vw, 1rem);
    margin-left: .5rem;
}
.event_wrapper .share_div .share_div_left .share-add-link svg {
    height: 1.125rem;
    width: 1.125rem;
}
@media screen and (min-width: 48em) {
    .event_wrapper .share_div .share_div_left .share-add-link svg {
        height: 1.25rem;
        width: 1.25rem;
    }
}
.event_wrapper .share_div .share_div_right {
    text-align: right;
    font-size: initial;
    padding: 0;

}

.event_wrapper .share_div .share_div_right .backtotop {
    color: #246070;
    text-decoration: none;
    font-size: clamp(.75rem, 1.25vw, 1rem);
    font-weight: normal;
    transition-property: color,background-color;
    transition-delay: 0.1s;
    transition-duration: 375ms;
    transition-timing-function: ease-in-out;
    display: inline-block;
    /*padding-top: .25rem;
    padding-right: .5rem;
    padding-bottom: .25rem;
    padding-left: .5rem;*/
    padding: .75rem 1rem;
    height: 2.75rem; width: 2.75rem; vertical-align: middle;
    transform: rotate(-90deg);
}
    .event_wrapper .share_div .share_div_right .backtotop:hover {
        color: #FFFFFF;
        cursor: pointer;
        text-decoration: none;
        background-color: #246070;

        /*border-bottom: .125rem solid #144c71;*/
    }
    
/*SINGLE EVENT PAGE STYLES*/
@media screen and (min-width: 48em) {
    .event_display .event-page {padding: 1rem 1rem;}
    .event-page .event_title_container h1.event__heading {
        max-height: 3em;
    }
}

  .event-page .event_title_container {}
  .event-page .event_title_container:hover {cursor: default;}
.event-page .event_title_container .event_title_div {}
.event-page .event_title_container .event__date-post {}
.event-page .event_title_container .event__month {}
.event-page .event_title_container .event__day {}
.event-page .event_title_container .event__year {}
.event-page .event_title_container .event__details {}
.event-page .event_title_container h1.event__heading {
    font-size: clamp(1rem,2.25vw,1.875rem); 
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: block;
    line-height: 1.5em; /* a */
       
}
@media screen and (max-width: 20rem) {

    .event-page .event_title_container .event__date-post {
        float: none;
        margin-right: auto;
        margin-left: auto;
        height: initial;
        width: 5rem;
    }
    .event__details { 
        margin-left: 0;
        margin-top: 1rem;
    }
}
.event-page .event_title_container .event_title_div .event__date-post:hover, 
.event-page .event_title_container .event_title_div .event__date-post:hover .event__month, 
.event-page .event_title_container .event_title_div .event__date-post:hover .event__day, 
.event-page .event_title_container .event_title_div .event__date-post:hover .event__year {
    background-color: #FFFFFF;
    color: #8a0000 !important;
    cursor: default;
}
.event_pageHeading:hover {
    cursor: pointer;
}
@media print {
    .event_wrapper .share-add {display: none;}
}