.path--event #content-area {
    max-width: unset !important;
    margin: 0 auto;
}
/*
  Styles for the most outer events container.
  Creates a two cloumn container
*/
.uiFrameworkCalendar__container {
  display: grid;
  font-family: bio-sans, Arial, sans-serif;
  grid-template-columns: 1.5fr 0.5fr;
  grid-gap: 40px;
}

.uiFrameworkCalendar__event-container {
  font-family: bio-sans, Arial, sans-serif;
}

.uiFrameworkCalendar__event-container,
.uiFrameworkCalendar__event-container-content {
  margin: 0 auto;
  max-width: 1024px;
}

.uiFrameworkCalendar__event-container-content {
  box-sizing: border-box;
}

.main__content-news-hero-overlay .uiFrameworkCalendar__event-container {
  max-width: unset;
}

.main__content-news-hero-overlay .uiFrameworkCalendar__event-container-content {
  padding:30px;
}

.uiFrameworkCalendar__event--item.uiFrameworkCalendar__event--date span, .uiFrameworkCalendar__event--item.uiFrameworkCalendar__event--time span {
    color:  #000;
}
/*.uiFrameworkCalendar__event--item.uiFrameworkCalendar__event--dept a:hover,*/
/*.uiFrameworkCalendar__event--item.uiFrameworkCalendar__event--download a:hover {*/
/*    text-decoration: underline !important;*/
/*}*/

/*
  Styles for the event items container.
  Creates a two column container
*/
.uiFrameworkCalendar__event {
    display: grid;
    /*grid-template-columns: 70px 1fr;*/
    grid-template-columns:fit-content(100%) fit-content(100%);
    grid-gap: 20px;
}

.uiFrameworkCalendar__event .uiFrameworkCalendar__event--item,
.uiFrameworkCalendar__event--multiday .uiFrameworkCalendar__event--item{
  margin:5px 0px;
  display: flex;
  justify-content: left;
  align-items: center;
  color:var(--baylorGreen);
}

.uiFrameworkCalendar__event--item.event-date {
  font-weight: bold;
}

.uiFrameworkCalendar__event .uiFrameworkCalendar__event--name {
    margin: 0 0 10px 0;
}
.uiFrameworkCalendar__event .uiFrameworkCalendar__event--name a {
    line-height: 1.2em;
    overflow-wrap: anywhere;
    hyphens: auto;
}

/* ------ Event Detail Page Styles ------ */

.uiFrameworkCalendar__event-container .hero_media .caption {
  padding: 12px 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}

.uiFrameworkCalendar__event-container .hero_media .caption p {
  font: 0.85em/1.25em bio-sans,sans-serif;
  color: #656565;
  margin:0;
}

.uiFrameworkCalendar__event_detail > div[class*='event-detail'] {
  margin-bottom:10px;
}

.uiFrameworkCalendar__event_detail .event-detail {
  display: grid;
  grid-template-columns: 4% 96%;
  grid-template-rows: 1fr;
  grid-auto-columns: 1fr;
  gap:10px;
  grid-auto-flow: row;
  grid-template-areas:
    "event-detail-icon event-detail-text";
  margin:3px 0;
}

.event-detail-icon { grid-area: event-detail-icon; }
.event-detail-text { grid-area: event-detail-text; }
.event-detail-icon {
  align-self: center;
  justify-self: center;
}
/*
  Styles for the event items container.
  Creates a two column container
*/
.uiFrameworkCalendar__view__selection ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "uiFrameworkCalendar__view__select";
    padding: 0;
}

.uiFrameworkCalendar__controls__title {
  display: grid;
  grid-template-columns: 15px 1fr 15px;
}

.uiFrameworkCalendar__event-container .hero_media {
  max-width: 400px;
  float:right;
  margin: 0 0 10px 10px;
}

.uiFrameworkCalendar__event-container .introduction {
  font-family: bio-sans,sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.3;
  color: #154734;
  margin-bottom: 20px;
}

.uiFrameworkCalendar__event-container div[class="contentTop"][data-text_color="dark"] .introduction {
  color:var(--baylorGreen);
}

@media (min-width: 800px) {
  .uiFrameworkCalendar__event-container div[class="contentTop"][data-text_color="light"] .introduction,
  .uiFrameworkCalendar__event-container div[class="contentTop"][data-text_color="light"] .uiFrameworkCalendar__event .uiFrameworkCalendar__event--item,
  .uiFrameworkCalendar__event-container div[class="contentTop"][data-text_color="light"] .uiEventWidget-style-default .dateWidget {
    color:#fff;
  }

  .pub_featuredStory-page-header-content {
    bottom:40px!important;
  }

  .uiFrameworkCalendar__event-container div[class="contentTop"] .uiFrameworkCalendar__event {
    margin-bottom:0;
  }
}

.uiFrameworkCalendar__view__selection ul.events__view_selection li {
    list-style: none;
    border: 1px solid #868686;
    padding: .5rem .75rem;
    margin-left: -1px;
    font-size: 1rem;
    text-align: center;
    color: #868686;
    font-family: bio-sans, Arial, sans-serif;
}
.uiFrameworkCalendar__view__selection ul.events__view_selection li a:hover {
    cursor: pointer;
    color: #1A4B38;
    font-weight: bold;
}
.uiFrameworkCalendar__view__selection ul.events__view_selection li.controller-active, .uiFrameworkCalendar__view__selection ul.events__view_selection li.controller-active a {
    background-color: #eee;
    color: #1A4B38;
    font-weight: bold;
}
.uiFrameworkCalendar__view__selection ul.events__view_selection li a {
    font-size: 1rem;
    text-align: center;
    color: #868686;
    font-family: bio-sans,Arial,sans-serif;
    font-weight: normal;
    text-decoration: none;
    border: 0;
}
.uiFrameworkCalendar__view__selection ul.events__view_selection li a:hover {
    background-size: 0;
    text-decoration: underline;
}
.uiFrameworkCalendar__search__selection {
    margin-top: 20px;
}
.uiFrameworkCalendar__events {
    margin: 0px 0;
}
.uiFrameworkCalendar__events .svg-inline--fa {
    width: 1em;
}
.uiFrameworkCalendar__event,
.uiFrameworkCalendar__event--multiday {
    margin: 20px 0;
}
.uiFrameworkCalendar__events .uiFrameworkCalendar__event--info {
    font-size: .8em;
    color: #154734;
}
.uiFrameworkCalendar__event--time svg, .uiFrameworkCalendar__event--date svg, .uiFrameworkCalendar__event--dept svg, .uiFrameworkCalendar__event--download svg {
    padding-right:  5px;
}
.uiFrameworkCalendar__pager h3 {
    margin: 0;
    font: 24px/1.1em bio-sans, Arial, sans-serif;
    color: #154734;
    text-align: center;
}
.iFrameworkCalendar__side__container {
    float: left;
    width: 26.8%;
    font: 16px/1.2em bio-sans, Arial, sans-serif;
}
.uiFrameworkCalendar__form-items input:not(.form-submit), .uiFrameworkCalendar__form-items select {
    display: block;
    border: 1px solid #868686;
    padding: .5rem .75rem;
    font-size: 1rem;    margin: 0 auto;
    margin-top: 5px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    /* padding: 0.8rem 1.6rem 0.8rem 4.6rem; */
    border: 0.1rem solid #787878;
    color: #212B36;
    width: -webkit-fill-available;
}
.uiFrameworkCalendar__form-items label {
    font-size: 18px;
    color: #154634;
}
.uiFrameworkCalendar__form-items .search-button-container {
    text-align: right;
    margin-top: 20px;
}
.uiFrameworkCalendar__calendar--day  {
    border-top: 1px solid #cccccc;
}
.uiFrameworkCalendar__event.event-break .uiFrameworkCalendar__event--info  {
    border-top: 1px solid #cccccc;
    padding-top: 20px;
}
.uiFrameworkCalendar__event--name a, .event-title {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.7em;
  color: #154734;
}

/*.uiFrameworkCalendar__event--name a:hover,
.uiFrameworkCalendar__event--name a:focus {
  text-decoration: underline !important;
}*/
.eventWidget-date .eventWidget-date--month {
    text-transform: uppercase;
}
.eventWidget-date .eventWidget-date--day {
    font-weight: 900;
    font-size: 24px;
    line-height: 1.1em;
}
.uiFrameworkCalendar__event--date em {
  display: block;
  font-size: .9em;
}
.uiFrameworkCalendar__events .uiFrameworkCalendar__event--noVcal {
    grid-template-columns: 22% 43% 30%;
}
.uiFrameworkCalendar__controls__table td span {
    font-size: 14px;
    color: #686868;
}
.uiFrameworkCalendar__event > div {
    margin: auto 0;
    margin-top: 0px;
}
.uiFrameworkCalendar__event .event-date--containter {
    color:  #154734;
}
.uiFrameworkCalendar__event .event-date--containter .event-date {
    font-weight: 700;
}
.uiFrameworkCalendar__event_detail svg, .uiFrameworkCalendar__event_detail .event-detail, .uiFrameworkCalendar__event_detail .event-detail a {
    color:  #154734;
    /*padding: 3px 0;*/
    text-decoration: none;
}
/*.uiFrameworkCalendar__event_detail .event-detail a:hover {*/
/*    text-decoration: underline !important;*/
/*}*/
.uiFrameworkCalendar__event_detail .event-description {
    font-family: 'Calluna', Georgia, serif;
    margin-top: 30px;
    line-height: 1.6em;
}
div.uiFrameworkCalendar__event--dept {
  padding: 0;
}

.uiFrameworkCalendar__event--dept a:hover,
.uiFrameworkCalendar__event--dept a:focus,
.uiFrameworkCalendar__event--download a:hover,
.uiFrameworkCalendar__event--download a:focus,
.uiFrameworkCalendar__view__selection a:hover,
.uiFrameworkCalendar__view__selection a:focus, {
  text-decoration: underline !important;
}
@keyframes uiButtonSecondary-events {
  0% { transform: translate3d(20px,2px,0px) scale(1) }
  50% {transform: translate3d(26px,2px,0px) scale(1.1) }
  100% { transform: translate3d(20px,2px,0px) scale(1) }
}
.uiFrameworkCalendar__event--item.event--date {
    font-weight: 600;
}

.uiFrameworkCalendar__events .uiFrameworkCalendar__event--download  {
    margin: auto;
}
.uiFrameworkCalendar__event--download a.vcal {
    /*line-height: 0;*/
    color: #154734;
    text-decoration: none;
}
.uiFrameworkCalendar__event--download a.vcal:focus {
    box-shadow: none;
}
.uiFrameworkCalendar__event--download a.vcal:focus::before {
    box-shadow: inset 0px 0px 5px -1px #4d90fe, 0 0 3px 3px #4d90fe;
}
.uiFrameworkCalendar__event--socialMedia {
    margin: 30px 0;
}
.uiFrameworkCalendar__event--socialMedia .socialMedia-item {
    display: inline-block;
    font-size: 1.4em;
    padding-right: 5px;
}
.uiFrameworkCalendar__event--socialMedia .socialMedia-title {
    color: #134633;
    font-weight: bold;
}

.uiFrameworkCalendar__event--socialMedia .facebook a {
    color: #077be8;
}
.uiFrameworkCalendar__event--socialMedia .twitter a {
    color: #000;
}
.uiFrameworkCalendar__event--socialMedia .email a {
    color: #134633;
}
.uiFrameworkCalendar__pager {
    grid-template-columns: 15px 1fr 15px;
    align-items: center;
    padding: 0 0 10px 0;
}
.uiFrameworkCalendar__pager a.uiFrameworkCalendar__button.uiFrameworkCalendar__button--next {
    /* margin-left: 95px; */
    margin-top: 7px;
}
.uiFrameworkCalendar__pager a.uiFrameworkCalendar__button.uiFrameworkCalendar__button--prev {
    /* margin-right: 95px; */
    margin-top: 7px;
}
.uiFrameworkCalendar__mini__calendar a.uiFrameworkCalendar__button.uiFrameworkCalendar__button--next {
    margin-top: 10px;
    align-self: right;
    justify-self: right;
}
.uiFrameworkCalendar__mini__calendar .uiFrameworkCalendar__button.uiFrameworkCalendar__button--prev {
    margin-left: 0px;
    margin-top: 10px;
    align-self: left;
    justify-self: left;
}
.uiFrameworkCalendar h3 {
    font-size: 20px;
    margin: 0;
    text-align: center;
}

.uiFrameworkCalendar__buttonSet {
    padding: 0 0 0 10px;
}

.uiFrameworkCalendar__button {
    line-height: 0;
    font-size: 0;
    color: transparent;
}
.uiFrameworkCalendar__button:focus {
    box-shadow: none;
}

.uiFrameworkCalendar__button i, .uiFrameworkCalendar__button svg {
    line-height: 1;
    font-size: 11px;
    color: #feb82b;
    transition: all .3s ease;
}
.uiFrameworkCalendar__button-disabled svg {
    color: #686868;
}
.uiFrameworkCalendar__button i:hover,
.uiCalendarControls__button i:hover,
.uiFrameworkCalendar__button i:focus,
.uiCalendarControls__button i:focus {
    color: #0a2d21;
}

/* Side Calendar */

.uiFrameworkCalendar__controls {
  margin-top: 15px;
  padding-top: 25px;
  border-top: 1px solid #eee;
}

.uiCalendarControls__button {
    line-height: 0;
    font-size: 0;
    margin: 0 auto;
    color: transparent;
    position: relative;
    width: 20px;
    height: 20px;
    z-index: 0;
    overflow: visible;
    border-radius: 50%;
}
.uiCalendarControls__button::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -1px;
    width: 100%;
    border: 2px solid #ffb81c;
    height: 100%;
    z-index: -1;
    background-color: #ffb81c;
    border-radius: inherit;
    box-shadow: inset 0 0 0 10px #fff;
    transition: all 0.3s;
}
.uiCalendarControls__button--next::before {
    left: -3px;
}
.uiCalendarControls__button:hover::before,
.uiCalendarControls__button:focus::before {
    box-shadow: inset 0 0 0 2px #ffb81c;
}
.uiFrameworkCalendar__button {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    text-align: center;
    z-index: 1;
    overflow: visible;
}
.uiFrameworkCalendar__button::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -1px;
    width: 100%;
    border: 2px solid #feb82b;
    height: 100%;
    z-index: -1;
    background-color: #feb82b;
    border-radius: inherit;
    box-shadow: inset 0 0 0 10px #fff;
    transition: all 0.3s;
}

.uiFrameworkCalendar__button.uiFrameworkCalendar__button--next::before {
    left: -3px;
}
.uiFrameworkCalendar__button:hover::before,
.uiFrameworkCalendar__button:focus::before {
    box-shadow: inset 0 0 0 2px #feb82b;
}
.uiCalendarControls__button i {
    line-height: 1;
    font-size: 16px;
    color: #154734;
}
.uiFrameworkCalendar__button i:hover, .uiFrameworkCalendar__button svg:hover {
    color: #fff;
}
.uiFrameworkCalendar__button--prev:hover svg,
  .uiFrameworkCalendar__button--prev:focus svg,
  .uiFrameworkCalendar__button--next:hover svg,
  .uiFrameworkCalendar__button--next:focus svg
{
    color: #fff;
    fill: #fff;
}

.uiFrameworkCalendar__controls__title #monthSelect #f-month{
    display: block;
    border: 0px solid #868686;
    padding: .5rem 0rem;
    font-size: 1rem;
    margin: 0 auto;
}
.uiFrameworkCalendar__controls__title .month-label {
    font-size: 16px;
    font-weight: bold;
    color: #154734;
    text-decoration: none;
}
.uiFrameworkCalendar__controls__weekColumn_select {
    position: relative;
    width: 7%;
    background: #fff;
    vertical-align: middle;
}
.uiFrameworkCalendar__controls__selectedWeek .uiFrameworkCalendar__controls__currentDay {
    background-color: #ffb81c;
/*    background-color: #eee;*/
}

.uiFrameworkCalendar__controls__currentDay {
    background-color: #ffb81c !important;
}
.uiFrameworkCalendar__controls__selectedDay {
    background-color: #eeeeee !important;
}
.uiFrameworkCalendar__controls__day a:hover {
    background-color: #ffb81c;
}
.uiCalendarControls__button .uiCalendarControls__button--prev {
    grid-column-start: 1;
}
.uiFrameworkCalendar__controls .uiCalendarControls__button svg {
    overflow: hidden;
}

.uiFrameworkCalendar__controls__weekColumn_select a {
    display: block;
    color: #154734;
    text-indent: -9999px;
    width: 12px;
    height: 7px;
    margin: 0 auto;
    padding: 0;
}

.uiFrameworkCalendar__controls__selectedWeek .uiFrameworkCalendar__controls__weekColumn_select a:before, .uiFrameworkCalendar__controls__selectedWeek .uiFrameworkCalendar__controls__weekColumn_select a:hover::before {
    color: #feb82b;
}
.uiFrameworkCalendar__controls__tableHeader .uiFrameworkCalendar__controls__weekColumn {
    visibility: hidden;
}

.uiFrameworkCalendar__controls__selectedWeek {
    background-color: #eee;
}

.uiFrameworkCalendar__controls__selectedMonth {
    background-color: #eee;
}

.uiFrameworkCalendar__controls__selectedMonth ~ .uiFrameworkCalendar__controls__weekColumn_select {
    background-color: none !important;
}
/* Mini Calendar Section Styles */
section.uiFrameworkCalendar__calendar {
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    border-spacing: 0px;
}
section.uiFrameworkCalendar__calendar form {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}
section.uiFrameworkCalendar__calendar form label.uiFrameworkCalendar__weekday {
    display: inline-block;
    width: 25px;
    margin: 8px;
    text-align: center;
    color: #999;
    font-weight: 600;
}
section.uiFrameworkCalendar__calendar form label.uiFrameworkCalendar__weekColumn_select {
    visibility: hidden;
    position: relative;
    width: 7%;
    background: #fff;
    vertical-align: middle;
}
section.uiFrameworkCalendar__calendar form label.day {
    display: inline-block;
    width: 25px;
    margin: 8px;
}
section.uiFrameworkCalendar__calendar form label a {
    font-weight: 400;
    color: #154734;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 0;
    font-size: 14px;
    transition: all 0.3s ease-in;
}
section.uiFrameworkCalendar__calendar form label.day span {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: -2px 0 0 -2px;
    border-radius: 50%;
    border: 2px solid #29323f;
    text-align: center;
    transition: all 0.2s linear;
    cursor: pointer;
}


/* Mini Calendar Table Styles */
.uiFrameworkCalendar__controls__table {
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    border-spacing: 0px;
}

.uiFrameworkCalendar__controls__table td {
    text-align: center;
    padding: 0px;
    height: 30px;
}

.uiFrameworkCalendar__controls__table tr th {
    font-weight: 600;
}

.uiFrameworkCalendar__controls__table td a {
    font-weight: 400;
    color: #154734;
    text-decoration: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px 0;
    font-size: 14px;
    transition: all 0.3s ease-in;
    border-radius: 50%;
    box-sizing: border-box;
}
.uiFrameworkCalendar__controls__weekColumn_select a:hover::before {
    color: #ffb81c;
}

#monthSelect {
    margin: 0px 0 0 0;
    font-size: 14px;
    text-align: center;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}

#f-month {
    margin: 0 0 0 15px;
}
#f-month:focus {
    box-shadow: none;
}

.uiFrameworkCalendar__buttonInactive {
    opacity: 0.5;
    cursor: default;
}
.uiFrameworkCalendar__buttonInactive:hover::before,
.uiFrameworkCalendar__buttonInactive:focus::before {
    box-shadow: inset 0 0 0 12px #fff;
}
.uiFrameworkCalendar__buttonInactive:focus {
    box-shadow: none;
    outline: none;
}
.ui-state-disabled {
    cursor: default;
    pointer-events: none;
}
.ui-state-disabled::before {
    border: 2px solid #686868;
    background-color: #686868;
}
.ui-state-disabled:hover::before,
.ui-state-disabled:focus::before {
    box-shadow: inset 0 0 0 12px #fff;
}
.ui-state-disabled:focus {
    outline: none;
    box-shadow: none;
}
.uiFrameworkCalendar__button.ui-state-disabled i, .uiFrameworkCalendar__button.ui-state-disabled svg {
  color: #686868;
}
/* Individual Event Styles */

.eventDetails  {
    width: 100%;
    font: 400 15.5px/1.2em bio-sans;
}
.eventDetails .key {
    width: 100px;
    background: #f7f7f7;
    font-size: .85em;
    text-transform: uppercase;
}
.eventDetails tr td {
    padding: 10px;
    line-height: 1.4em;
}
.eventDetails td {
    border: 1px solid #eee;
    padding: 15px 12px;
    border-left: none;
    border-right: none;
}
.eventDetails td h3 {
    text-align: left;
    font-size: 24px;
    margin: 20px 0 10px 0;
}

.eventDetails td h3:first-child {
  margin-top: 0;
}
.eventDetails td h4 {
    color: #000;
    font-weight: 600;
    margin: 18px 0 0 0;
    font-size: 18px;
    font-style: normal;
}
.eventDetails td p {
    margin: 6px 0 15px;
}
.eventDetails td ul {
    margin-left: 15px;
}

.eventDetails a {
  text-decoration: none;

}

.eventDetails a:hover,
.eventDetails a:focus {
  text-decoration: underline;
}

.side_extra {
    padding: 12px;
}
.side_extra .uiFrameworkCalendar__controls h5 {
    font-size: 18px;
}
.side_extra #monthSelect {
    text-align: left;
}

.uiFrameworkCalendar__message {
    float: right;
    width: 40%;
    text-align: right;
}
.uiFrameworkCalendar__message {
    font-family: bio-sans, Arial, sans-serif;
}
.uiFrameworkCalendar__pager ~ .msg {
    clear: both;
}

/* MEDIA QUERIES */

@media(max-width: 1023px) {
    .uiFrameworkCalendar__container {
        grid-template-columns: 1.3fr .7fr;
    }
    .uiFrameworkCalendar__controls__table {
        margin: 0 auto;
        font-size: 14px
    }
    .uiFrameworkCalendar__controls__table tr td:first-of-type {
        border: none;
        width: 30px;
    }
    .uiFrameworkCalendar__controls__table .uiFrameworkCalendar__controls__selectedWeek td {
        border: 0px solid #ccc;
    }
    .uiFrameworkCalendar__controls__table td {
        border: 0px solid #eee;
    }
    .uiFrameworkCalendar__controls__table td a {

    }
    .uiFrameworkCalendar__controls__weekColumn_select a:before {
        margin-top: 6px;
        right: 11px;
    }
    .side_extra {
        padding: 0;
    }
    .side_extra #monthSelect {
        text-align: center;
    }
}

@media(max-width: 800px) {
  .uiFrameworkCalendar__event-container div[class="contentTop"][data-text_color="light"] .introduction {
    color:var(--baylorGreen);
  }

  .uiFrameworkCalendar__event-container-content {
    max-width: 970px;
    padding-top:0;
  }

  .main__content-news-hero-overlay .uiFrameworkCalendar__event-container-content {
    padding-top:0;
  }
}

@media(max-width: 768px) {
  .uiFrameworkCalendar__event-container .hero_media {
    max-width:unset;
    float:unset;
    margin:unset;
    width:100%;
  }
}

@media(max-width: 700px) {

  .uiFrameworkCalendar__event_detail .event-detail {
     gap: 10px;
  }
    .uiFrameworkCalendar__event {
    }
    .uiFrameworkCalendar__event > div {
        /* width: 45%;
        margin: 0;
        padding: 2px 0; */
    }
    .uiFrameworkCalendar__event .uiFrameworkCalendar__event--name {
        /* width: 60%; */
    }
    .uiFrameworkCalendar__event .uiFrameworkCalendar__event--dept {
        /* width: 38%; */
    }
    .uiFrameworkCalendar__event--date {
        /* order: 3; */
    }
    .uiFrameworkCalendar__events .uiFrameworkCalendar__event--download {
        /* order: 4; */
        margin: auto 0;
    }
    .uiFrameworkCalendar__event--name {
        /* order: 1; */
    }
    .uiFrameworkCalendar__event--dept {

    }
}

/* Event Widget */

.section__background--gray .uiWidget-cards-item {
    background: #fff;
}

.section__background--white .uiWidget-cards-item .eventWidget_date .dateWidget-content {
    color: #16473C;
}

.uiEventWidget-style-simple {
    margin-top: 40px;
}
.uiEventWidget-style-default .dateWidget {
    float: left;
    width: 70px;
    box-sizing: border-box;
    font: 18px/1em bio-sans, Arial, sans-serif;
    text-align: center;
    color: #154734;
    border: 3px solid #ffb81c;
    padding: 10px 10px;
    letter-spacing: -0.02em;
    transition: all .25s;
}
.uiEventWidget-style-simple .dateWidget {
    float: left;
    width: 70px;
    box-sizing: border-box;
    font: 18px/1em bio-sans, Arial, sans-serif;
    text-align: center;
    color: #154734;
    border: 3px solid #ffb81c;
    padding: 10px 10px;
    letter-spacing: -0.02em;
    transition: all .25s;
}
.uiEventWidget-style-simple .uiEventWidget-item:hover .dateWidget {
    background: #ffb81c;
}

.uiEventWidget-style-simple .uiEventWidget-item {
    padding: 0px;
}
.uiEventWidget-item {
    max-width: 500px;
    width: 25%;
    display: block;
    box-sizing: border-box;
    padding: 30px;
    position: relative;
    text-decoration: none;
    color: #154734;
    text-align: center;
}

.main__content.sidebar .block-remote-events-block {
    padding: 60px 0px;
}

.uiEventWidget-style-simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.uiEventWidget-style-simple .uiEventWidget-item {
    width: calc(25% - 15px);
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
    color: #353535;
    transition: all .25s;
    text-decoration: none;
}

.uiEventWidget-style-simple .uiEventWidget-item:hover,
.uiEventWidget-style-simple .uiEventWidget-item:focus {
  color: #000;
  text-decoration: underline !important;
}

    .uiEventWidget-style-simple .uiEventWidget-item:focus .dateWidget,
    .uiEventWidget-style-simple .uiEventWidget-item:hover .dateWidget {
        background: #ffb81c;
    }


.uiEventWidget-style-simple .uiEventWidget-item-title {
    margin-left: 85px;
    font: 700 20px/1.1em bio-sans, Arial, sans-serif;
    padding: 10px 10px 10px 0;
    text-align: left;
}
.section__background--gold .uiEventWidget-item-title {
  color: #154734;
}
.section__background--gold .dateWidget {
  border: 3px solid #fff;
}
.section__background--gold .uiEventWidget-item:focus .dateWidget, .section__background--gold .uiEventWidget-item:hover .dateWidget {
    background: #fff;
    border-color: #fff;
}
.section__background--gold .uiEventWidget-item:focus, .section__background--gold .uiEventWidget-item:hover {
    color: #154734;
}

.section__background--charcoal .uiEventWidget-item-title, .section__background--green .uiEventWidget-item-title {
    color: #fff;
  }
.section__background--charcoal .dateWidget, .section__background--green .dateWidget {
      border: 3px solid #ffb81c;
      color: #fff;
  }
  .section__background--charcoal .uiEventWidget-item:focus .dateWidget, .section__background--charcoal .uiEventWidget-item:hover .dateWidget, .section__background--green .uiEventWidget-item:focus .dateWidget, .section__background--green .uiEventWidget-item:hover .dateWidget  {
      background: #ffb81c;
      border-color: #ffb81c;
      color: #154734;
  }
  .section__background--charcoal .uiEventWidget-item:focus, .section__background--charcoal .uiEventWidget-item:hover, .section__background--green .uiEventWidget-item:focus, .section__background--green .uiEventWidget-item:hover {
    color: #fff !important;
    text-decoration: underline !important;
}
    .uiEventWidget-item-title em {
        display: block;
        font-size: 12px;
        border-bottom: none;
    }

    .uiEventWidget-item-time {
        display: block;
        font-family: bio-sans, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.2em;
        text-align: left;
    }

    .uiEventWidget-style-simple .uiEventWidget-item-time {
        margin-left: 85px;
    }

    .uiFrameworkCalendar__event__mobile-controls {
        display: none;
    }

@media(max-width: 1200px) {
   .uiEventWidget-style-simple .uiEventWidget-item {
        width: calc(25% - 12px);
        margin-bottom: 16px;
    }
}
@media(max-width: 1100px) {
    .uiFrameworkCalendar__pager {
        grid-template-columns: 15px .75fr 15px;
        grid-gap: 20px;
    }
}
@media(max-width: 940px) {
    .path--events .main__content.no-sidebar {
        padding: 30px 16px 30px 16px !important;
    }
    .uiFrameworkCalendar__pager {
        grid-template-columns: 15px 1fr 15px;
        grid-gap: 20px;
    }
}
@media(max-width: 1023px) {
   .uiEventWidget-style-simple .uiEventWidget-item {
        width: calc(50% - 8px);
    }

}
@media(min-width:  768px) {
    .uiFrameworkCalendar__mini__calendar.event-calendar {
        display: block !important;
    }
}
@media(max-width: 768px) {
    .path--events .main__content.no-sidebar {
        padding: 30px 16px 30px 16px !important;
    }
    /* mobile-controls --- */
    .uiFrameworkCalendar__event__mobile-controls {
        display: block;
        text-align: right;
    }
    .uiFrameworkCalendar__event__mobile-controls .mobile-controls .baylor-button {
        padding:8px 10px;
        border-width: 2px;
        display: block;
        text-align: center;
        background: #fff;
    }
    .uiFrameworkCalendar__event__mobile-controls .mobile-controls {

    }
    .uiFrameworkCalendar__event__mobile-controls .mobile-controls#event-calendar {
        color: #ffb81c;
        font-size: 2em;
        vertical-align: middle;
        margin-right: 20px;
        margin-bottom: 3px;
        cursor:  pointer;
    }
    .uiFrameworkCalendar__pager {
        grid-template-columns: 15px 1fr 15px;
        margin: 30px 0px 0px 0px;
    }
    #event-filter-close-state {
        text-transform: uppercase;
        font: 700 16px/1.2em bio-sans, Arial, sans-serif;
        color:#154734;
        text-decoration: none;
        padding: 10px 20px;
        border: 1px solid black;
        display: block;
        transform: translateY(1px);
        border-bottom: 0;
        background: #fff;
        text-align: center;
    }
    .js-framework-calendar-isOpen .uiFrameworkCalendar__side__container{
        border-color:  #000;
        max-height: 600px;
    }

    .uiFrameworkCalendar__container {
        grid-template-columns: 1fr;
        grid-row-gap: 0;
    }
    .uiFrameworkCalendar__side__container {
      border: 1px solid transparent;
      border-top-width:  0px;
      padding: 0 10px;
      overflow: hidden;
      max-height: 0;
      transition: max-height .5s, border-color .25s .25s
    }
    .path--events .page__title {
        display:  inline-block;
    }
    .uiFrameworkCalendar__side__container#event-controller {
        order: 1;
    }
    .iFrameworkCalendar__events__container.uiFrameworkCalendar__events {
        order: 2;
    }
    .uiFrameworkCalendar__controls__table td a {
        padding: 4px 0;
    }
    .uiWidget-cards-item.dateWidget.eventWidget-date {
        /*width: 25% !important;*/
        margin-top: -30px !important;
        margin-left: 20px !important;
    }
    .uiWidget-cards-item-button {
        opacity: 100;
    }
}

@media(max-width: 650px) {
   .uiEventWidget-style-simple .uiEventWidget-item {
        width: calc(50% - 5px);
        margin-bottom: 10px;
    }
}

@media(max-width: 540px) {
    .uiWidget-cards-item.dateWidget.eventWidget-date {
        margin-top: -30px !important;
        margin-left: 20px !important;
    }
    .uiWidget-cards-item-button {
        opacity: 100;
    }
}
@media(max-width: 500px) {
    .uiFrameworkCalendar__pager,
    .uiFrameworkCalendar__message {
        text-align: left;
        padding: 0 0 10px 0;
    }
    .uiFrameworkCalendar__message {
        margin-top: -10px;
    }
    .contentMain h3 {
        font-size: 16px;
    }
}
/*@media(max-width: 400px) {

    .uiFrameworkCalendar__container {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
            grid-auto-columns: 1fr;
            gap: 0px 0px;
            grid-auto-flow: row;
            grid-template-areas: none;
          }

          .uiFrameworkCalendar__events_controller { grid-area: 1 / 1 / 3 / 2; }

          .uiFrameworkCalendar__side__container { grid-area: 2 / 1 / 3 / 2;  }

          .uiFrameworkCalendar__events__container { grid-area: 3 / 1 / 4 / 2;}


    .uiFrameworkCalendar__event__mobile-controls {
        width: 100%;
        display: block;
        text-align: right;
    }
    .uiFrameworkCalendar__event__mobile-controls .mobile-controls .baylor-button {
        padding:8px 10px;
        border-width: 2px;
    }
    .uiFrameworkCalendar__event__mobile-controls .mobile-controls {
        display: inline-flex;
    }
    .uiFrameworkCalendar__event__mobile-controls .mobile-controls#event-calendar {
        color: #ffb81c;
        font-size: 2em;
        vertical-align: middle;
        margin-right: 20px;
    }
    #event-filter-close-state {
        text-transform: uppercase;
        font: 700 16px/1.2em bio-sans, Arial, sans-serif;
        color:#154734;
        text-decoration: none;
        margin: 10px 12px 0px 18px;
    }

    .uiFrameworkCalendar__pager {
        margin-top: 40px;
        border-bottom: 2px solid #868686;
    }
    .uiFrameworkCalendar__pager h3 {
        font: 24px/1.1em bio-sans, Arial, sans-serif;
        width: 100%;
        text-align: center;
    }
    .uiFrameworkCalendar__pager a.uiFrameworkCalendar__button.uiFrameworkCalendar__button--prev {
        margin-left: 0px;
        margin-right: 15px;
        margin-top: 7px;
        width: 15px;
        height: 15px;
    }
    .uiFrameworkCalendar__pager a.uiFrameworkCalendar__button.uiFrameworkCalendar__button--next {
         margin-left: 15px;
        margin-right: 0px;
        margin-top: 7px;
        height: 15px;
    }
   .uiEventWidget-style-simple .uiEventWidget-item {
        width: 100%;
    }

    .uiFrameworkCalendar__side__container#event-controller .event-calendar, .uiFrameworkCalendar__side__container#event-controller .event-filter {
        display: none;
    }


    .uiFrameworkCalendar__controls__table td a {
        padding: 5px 0;
    }


    .uiFrameworkCalendar__calendar--day {
        padding-top: 15px;
    }
    .uiFrameworkCalendar__event {
        grid-template-columns: 50px 1fr;
    }

    .uiFrameworkCalendar__event > div {
        margin: auto 0;
        margin-top: 0px;
        padding: 3.5px 0px;
    }
    .uiFrameworkCalendar__event--cal--date.eventWidget-date-empty {
        padding: unset;

    }
    .dateWidget {
        width: 50px;
    }
    .eventWidget-date .eventWidget-date--month {
        font-size: 14px;
    }
    .eventWidget-date .eventWidget-date--day {
        font-size: 20px;
        margin-top: -3px;
    }
    .uiFrameworkCalendar__event .uiFrameworkCalendar__event--name a {
        font-size: 24px;
    }
    .uiFrameworkCalendar__events .uiFrameworkCalendar__event--info {
        font-size: 18px;
        color: #154734;
        margin-top: -4px;
        padding-top: 0px;
    }
    .uiFrameworkCalendar__event .uiFrameworkCalendar__event--name {
        word-break: break-word;
    }
    .uiFrameworkCalendar__events .uiFrameworkCalendar__event--download {

    }

    @media(max-width: 400px) {
        .path--events .main__content.no-sidebar {
            padding: 30px 16px 30px 16px !important;
        }
        .uiFrameworkCalendar__pager h3 {
            font: 20px/1em bio-sans, Arial, sans-serif;
            width: 100%;
            text-align: center;
        }
        .uiFrameworkCalendar__button::before {
            width: 15px;
            height: 15px;
            left: -2px;
        }
        .uiEventWidget-style-default .dateWidget {
            width: auto;
            padding: 3.5px;
        }
    }

}*/