@charset "UTF-8";

.view-visit-events,
.view-visit-events * {
    box-sizing: border-box;
}

.view-visit-events .section-title {
    color: #002855;
    font-size: 2.625rem;
    font-wieight: 700;
    line-height: 1.2;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .view-visit-events .section-title {
        font-size: 3.625rem;
    }
}

@media (min-width: 768px) {
    .view-visit-events .view-content > div {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }
}

@media (min-width: 768px) {
    .view-visit-events .image {
        -ms-flex: 1 1 35%;
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    }
}

.view-visit-events a:empty,
.view-visit-events p:empty {
    display: none;
}

.view-visit-events .image img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    width: 100%;
}

@media (min-width: 768px) {
    .view-visit-events .content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1 1 65%;
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        padding-left: 2.5rem;
    }
}

.view-visit-events .content h2,
.view-visit-events .content h2 a {
    color: #0054AF;
    font-size: 1.5rem;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .view-visit-events .content h2,
    .view-visit-events .content h2 a {
        font-size: 2rem;
    }
}

.view-visit-events .content h2 {
    margin: 1.5rem 0 1rem;
}

@media (min-width: 768px) {
    .view-visit-events .content h2 {
        margin: 0 0 1rem;
    }
}

.view-visit-events .content .field-name-field-event-date,
.view-visit-events .content .field-name-field-event-date span,
.view-visit-events .content .field-name-field-location,
.view-visit-events .content .field-name-field-location span {
    color: #002855;
    display: block;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.625;
    margin: 0;
}

@media (min-width: 768px) {
    .view-visit-events .content .field-name-field-event-date,
    .view-visit-events .content .field-name-field-event-date span,
    .view-visit-events .content .field-name-field-location,
    .view-visit-events .content .field-name-field-location span {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .view-visit-events .content .field-name-field-event-date + .field-name-field-location .field-item:before {
        content: '|';
        padding-right: 0.25em;
    }
}

.view-visit-events .content .event-body {
    margin-top: 1rem;
}

.view-visit-events .content .event-body,
.view-visit-events .content .event-body a {
    color: #002855;
    font-size: 1.125rem;
    line-height: 1.625;
}

.view-visit-events .content .event-body a {
    color: #0054AF;
}

.view-visit-events .content .event-body {
    color: #002855;
}

.view-visit-events .content .content__extra {
    margin-top: 2rem;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.view-visit-events .content .paragraph-event__link {
    font-family: din-condensed-web, sans-serif;
    transition: all 300ms ease-in-out;
    color: #BE4D00;
    font-size: 1.5rem;
    line-height: 1.2;
}

.view-visit-events .content .paragraph-event__link:after {
    content: '\2192';
    display: inline-block;
    line-height: 1;
    margin: 0;
    padding-left: 0.5em;
}

.view-visit-events .content .paragraph-event__link:hover {
    color: #0054AF;
    text-decoration: none;
}