  ﻿/*
1rem = 16px
.9375rem = 15px
.875rem = 14px
.8125rem = 13px
.75rem = 12px
.6875rem = 11px
.625rem = 10px
*/
.event_title_container .event__date-post .event__day {
    font-size: clamp(2rem, 6vw, 3.5rem); 
}

.event_title_container .event__date-post, 
.event_title_container .event__date-post .event__month, 
.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;

}
.divright:hover .event_title_container {color: #6a0000; cursor: pointer;}
.divright:hover .event_title_container h2.event__heading {color: #8a0000; cursor: pointer;}

.divright:hover .event_description {color: #000; cursor: pointer;}

.divright:hover .event_title_container .event__date-post, 
.divright:hover .event_title_container .event__month, 
.divright:hover .event_title_container .event__year, 
.divright:hover .event_title_container .event__day
{
    background-color: #2e262a;
    color: #ffc420;
}
.event-page:hover{
    cursor:default;
    background-color:white
}

.event_wrapper {
    margin-top: 1.25rem;
}
.event_wrapper:first-child {
    margin-top: 0;
 }
 .event_wrapper .event_description {
    margin-top: 0;
    margin-bottom: .75rem;
    padding: 0; 
}
@media screen and (min-width: 48em) {
    .event_wrapper .event_description {
        margin-top: 1rem;
        margin-bottom: .25rem;
        padding: 0;
        min-height: 8.25rem;
   }
}
@media screen and (max-width: 48em) {
    .event_wrapper .hide_description {
        display: none
    }
}

.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 {
    color: #a9a9a9;
    background-color: #a9a9a9;
    width: 100%;
    height: 1px;
    margin: .25rem 0 .5rem 0;
    max-width:none;
}
.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;
}
@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;
}
.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: clamp(.9375rem,2vw,1.325rem);
}
.event_title_div {
    float: left;
    width: 100%;
}
.eventImg {
    margin: 0; 
    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;
}
.eventText .customButton {
    padding: .5rem 1rem;
    width: initial;
}
.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;
}
.eventText-toggle {
    display: block;
    margin: 0;
    width: 100%;
}
    .eventText-toggle .text {
        /*background-color: rgba(240,238,234, .75);*/
        border-bottom: 1px #CCC dotted;
        margin: .5rem 0 .5rem 0 !important;
        color:#333;
        display: block;
        font-size: clamp(.8125rem, 1vw, .9375rem) !important;
        font-weight: 600;
        line-height: 1.5;
        /*text-transform: uppercase;*/
        width: 100%;
    }
    .eventText-toggle .text:before {
        content: '\002B';
        font-size: 1.5rem;
        font-family: monospace;
        float: none;
        margin-right: .5rem;

    }
    .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;
   }
}

@media screen and (min-width: 48em) {
    .eventText-hide {
        display: block;
    }
    .event_description .eventText {
        padding: 0 0 0 0;
    } 
}
.eventText font {
    background-color: #ffe920; 
    background-color: #fff16d;
    background-color: #fff6a0;
    font-size: clamp(.875rem, 1.25vw, 1rem);
}
.event__heading font {
    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;
    padding: .25rem .5rem .125rem .5rem;
    text-align: left;
}
.bar-menu {
    padding: 0 !important;
    margin: 0 !important;
}
.bar-menu li {
    display: inline;
    font-size: clamp(.625rem, 1vw, .8125rem) !important;
    font-size: clamp(.75rem, 1vw, .9375rem) !important;
    font-weight: 600;
    line-height: 1.5 !important;
    margin: 0 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

@media screen and (min-width: 48em) {
    .bar-menu li {
        display: inline-block;
    }    
}
.bar-menu li:after {
    color: rgba(17, 34, 51, .75);
    content: '\25CF';
    margin: 0;
    font-size: .625rem;
    display: inline-block;
    margin: 0 0 0 .3rem;

}
.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;
}
.bar-menu .eventbegindatetime {
    font-weight: normal;
    text-transform: initial;
}
.bar-menu .eventlocation {
    font-weight: normal;
    text-transform: initial;
}
.bar-menu .eventtype {
    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 a {
    color: black;
    float: left;
    padding: 8px 16px;
    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;
}
/*/
@media screen and (min-width: 48em) {
    .hr-toggle {
       display: none;
   }
}
@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;
   }
}

/*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: #2a78a2;
    text-align: center;
    line-height: 1.5;
    font-size: 1.75rem;
    font-weight: 600;
    user-select: none;
   /*border-radius: 50%;*/
    flex-basis: 33%;
}
.cal-header .icons span.today {
    color: #2a78a2;
    font-size: .835rem;
    font-weight: 600;
    padding: .75rem;
    width: 33%;
    text-align: center;
}
.cal-header .icons div.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: #767676;
}
.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: #8a0000;
}
.days li.active {
    color: #fff;
}
.days li.qsdate {
    font-weight: bold;
    color: #333;
}
.days li.qsdate::before {
    background: #c2c2c2;
}
.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%;
    margin-top: .5rem;

}
.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);
}
.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 {
        padding: 0 0 0 0;
    }
.event_wrapper .share_div .share_div_right {
    text-align: right;
    font-size: initial;
    padding: 1rem 0 0 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;
    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 .bar-menu .eventloctype span.eventlocation {
    font-size: clamp(.75rem, 1.5vw, 1rem) !important;
}
.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;}
}
.banner {text-align: center !important;}
.banner-text {font-size: clamp(.8125rem,1.25vw, 1rem); padding: .5rem 0 .5rem 0;}
.banner-menu {
    display: flex;
    justify-content: center;
    max-width: 40rem;
    margin: auto;
    padding: .5rem 0 .5rem 0;
}
.linkdiv {
    width: 33%;
    text-align: center;
}
    .linkdiv a {
        text-decoration: none;
        color: black;
        font-size: 1.0625rem;
        font-size: clamp(.875rem,1.25vw, 1.0625rem);
        font-weight: 600;
        text-decoration: underline;
        text-decoration-style:solid;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
}
    .linkdiv a:hover {
        color: #8a0000;
    }
.days-menu {
    display: flex;
    justify-content: center;
    margin: 1rem auto;
}
.days-menu div {
    width: 17%;
    text-align: center;
    border-top: 1px transparent solid;
    border-left: 1px #E6E6E6 solid;
    border-bottom: 1px transparent solid;
    border-right: 1px #E6E6E6 solid;
    background-color: #FAFAFA;
    vertical-align: middle;
}
.days-menu div:first-child { border-left: 0 }
.days-menu div:last-child { border-right: 0 }

.days-menu div.day-selected {
    border-top: 1px #E6E6E6 solid;
    background-color: #FFFFFF;
}
.days-menu div.day-selected a {
    color: #8a0000;
    font-weight: 600;
}
.days-menu div a {
    display:block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-decoration: none;
    color: black;
    font-size: clamp(1rem,2vw,1.375rem);
    font-weight: normal;
}
.days-menu div:hover {
    background-color: #FFFFFF;
    border-top: 1px #E6E6E6 solid;

}
.days-menu div a:active {
    background-color: #FFFFFF;
}
.days-menu div:hover a {
    color: #000;
    font-weight: 600;
}
.flexdiv {
    display: flex;
    justify-content: center;
    width: 100%;
}
.flexdiv .divleft {width: 45%; padding: 1rem 1rem 1rem 0;}
.flexdiv .divleft img {
    transition-property: opacity;
    transition-delay: 0.1s;
    transition-duration: 375ms;
}
.flexdiv .divleft img:hover {cursor: pointer; opacity: .75;}
.flexdiv .divright {width: 55%; padding: 1rem 0 1rem 1rem;}
.flexdiv .divright:hover {cursor: pointer;}
.xlarge-10 {
    width: 99%;
}
@media only screen and (max-width: 40rem) {
    .days-menu div a {padding-top: 1rem; padding-bottom: 1rem;}
    .flexdiv {display: initial;}
    .flexdiv .divleft {width: 100%; padding: 0 0 1rem 0;}
    .flexdiv .divright {width: 100%; padding: 0 0 0 0;}
}
.event_footer {
    margin-top: 2rem;
    text-align: center;
}
/**/
#homecoming-schedule .event_wrapper {
    /*margin-top: 25px;
    font-size: 21px;
    text-align: center;*/

    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/**/
/*.column .component:nth-child(2) {
    min-height: 24rem;
}*/
.global-footer__container {
padding: 0 0 0 0;
margin-bottom: -2rem;
}
.footer-top {
position: relative;
margin-bottom: -6.5rem;
z-index: 1;
}

@media screen and (min-width: 48em) {
    .wave_highlevel {
        height: 17%;
    }
}