@import url('footer.css');
@import url('fonts.css');
@import url('frontpage.min.css');
@import url('slick.css');
@import url('slick-theme.css');
@import url('ud-news.css');
@import url('ud-databases.css');
@import url('ud-events.css');
@import url('ud-footer.css');
@import url('staff-inlinecard.css');
@import url('libcontact-inlinecard.css');

.section-2x.blue .items {
    padding: 33px 5% 0;
    background: #e33;
    background: var(--color-gold-pale);
    border-radius: 2rem;
    margin: 0 5%;
    box-shadow: 0 1px 0.5rem rgba(0,0,0,0.2),
    		0 1px 0.5rem rgba(0,0,0,0.2);
}

.section-2x.blue {
	margin-top:0px;
	padding-top:0px;
    padding-bottom: 2rem;
}

.section-2x.blue .linea-svg-inner {
    background: var(--color-blue-dark);
}

.section-2x.blue a {
    color: inherit;
}

.section-2x.blue a:hover {
    color: var(--color-blue-med);
}

.section-2x.blue .item-desc strong {
    font-family: 'greycliff_bold';
    letter-spacing: 0;
    color: var(--color-blue-dark);
    border-bottom: 0.2rem solid;
    padding: 0 0.25rem;
}

.available-hidden {
    font-size: 0;
    line-height: 0;
}




.events-sorting {
    text-align: center;
    margin-bottom: 2rem;
}

span.sort-by {
    font-family: 'Greycliff_SemiBold';
}

.events-sorting a {
    display: inline-table;
    margin: 0 0.2rem;
}

.events-sorting a.active {
    background: var(--color-blue-light);
}

.events-sorting > a.active:after {
    content: '';
    display: inline-block;
    border-top: 0.5rem solid #fff;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    margin-left: 0.5rem;
    margin-right: -0.2rem;
    border-bottom: 1px solid transparent;
    vertical-align: middle;
}

.events-sorting > a.active.asc:after {
    border-bottom: 0.5rem solid #fff;
    border-top: 0;
}

/*
.events-results .event-video-link {
    flex-shrink: 0;
    margin-left: 1rem;
}

.event-video-link a {
    display: flex;
}
*/

.meta-event-video span.meta-sub {
    background: var(--color-blue-med);
    color: #fff !important;
}

.meta-event-video span.meta-sub:hover,
.meta-event-video span.meta-sub:focus {
    background: var(--color-blue-light);
}

.meta-event-video span.meta-sub:before {
    content: '' !important;
    border-left: 7px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin: auto 0.5rem auto 0;
    display: inline-block;
}

.event-video-link a:before {
    content: '';
    border-left: 1rem solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    margin: auto 9px auto 0;
}

.event-is-over .event-video-link {
    display: inline-flex;
    padding: 0.5rem 1rem;
}

.event-row.past {
    color: #767676;
}

.event-row.past .event-meta {
    color: inherit;
}

.event-row.past .event-day {
    color: #767676;
}

.event-row.past .meta-sub,
.event-row.past .event-month {
    color: #626262;
}

span.meta-sub {
    display: block;
    display: inline-block;
}

@media screen and (min-width: 1025px) {
  .event-meta .meta-sub:first-child:before {
    content: "\2022";
  }
}


@media screen and (max-width: 767px) {
  .events-results .event-video-link {
    flex-basis: 110px;
    flex-basis: 10rem;
  }

  .events-results .event-video-link a {
    line-height: 1.5rem;
  }

  .events-results .event-video-link a:before {
    border-width: 0.75rem 0px 0.75rem 1rem;
    margin: auto 0.75rem auto 0;
  }

  .event-is-over {
    padding: 1.5rem 0;
  }

  .event-is-over .event-video-link {
    display: flex;
    margin-top: 0.25rem;
  }
}



/* =============== CONTINUITY CHAT BUTTON TEXT - DESKTOP ONLY =============== */

/*
@media screen and (min-width: 768px) {

#live-chat-button {
    width: initial !important;
    min-width: 3.75rem;
}

.live-chat-open:before {
    content: 'Ask the Library';
    font-family: 'greycliff_semibold';
    color: #fff;
    display: inline-block;
    vertical-align: top;
    line-height: 3.75rem;
    margin: 0 -0.5rem 0 1rem;
    }

.live-chat-open .linea-svg {
    width: 3.75rem;
    display: inline-block;
}

}

*/
