/****************************************
 EVENT PAGE - LAYOUTS
  -- may need to be less global BEM if these will always be events only --
  -- if not in time these can be pulled into a more global stylesheet --
 ****************************************/

.section {
    margin: 0 0 6px;
}

.flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.flex-col {
    padding: 0 8px;
    width: 100%;
}

.flex-col--main {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-col--aside {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width:48em) {
    .section {
        margin: 0 0 15px;
    }

    .flex-row--nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .flex-col--main {
        width: auto;
    }

    .flex-col--aside {
        width: 340px;
        min-width: 340px;
    }
}

@media (min-width:48em) {
    .split-col {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .split--first {
        position: relative;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .split--first .widget {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .split--last {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 1;
        flex-shrink: 0;
    }
}

/****************************************
 EVENT PAGE - MODULES/WIDGETS
  -- may need to be less global BEM if these will always be events only --
  -- if not in time these can be pulled into a more global stylesheet --
 ****************************************/

/********* GLOBALS *********/

.svg-legend {
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 0;
    height: 0;
    overflow: hidden;
}

.svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/* Images */
.image--bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-transition: opacity 0.3s ease-in-out 0.3s;
    transition: opacity 0.3s ease-in-out 0.3s;
}

    .image--bg.not-loaded {
        background-image: none !important;
        opacity: 0 !important;
    }

.media--date {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 700;
    line-height: .9em;
    text-transform: uppercase;
}

/* VIDEO */

.video--bg {
    display: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Titles */
.event-page .title {
    font-family: "Teko", sans-serif !important;
    font-weight: 400;
}

.title__image, .main-callout__title img {
    display: block;
    margin: 0 auto 5px;
}


/* ANIMATIONS */

@-webkit-keyframes loader {
    0%,100% {
        box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em;
    }
}

@keyframes loader {
    0%,100% {
        box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em;
    }
}


/********* GLOBAL ITEM *********/

.event-page .item__title {
    text-transform: uppercase;
}

    .event-page .item__title .subtitle {
        display: block;
        text-transform: none;
    }

/********* GLOBAL WIDGET *********/

/* Widget - potentially colors, etc. could be pulled out to event-page or .widget--theme-color options */
.widget {
    position: relative;
    z-index: 5;
    border: 1px solid #ccc;
    background-color: #fff;
}

.flex-row .widget {
    margin-bottom: 6px;
}

.flex-col:last-child:not(.flex-col--aside) .widget {
    margin-bottom: 0;
}

.widget ul, .widget li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget a {
    color: #d91f29;
}

    .widget a:hover, .widget a:focus {
        color: #172a50;
        fill: #172a50;
    }

.widget__header {
    padding: 25px 0;
    overflow: hidden;
}

    .widget__header a {
        display: inline-block;
        margin: 0 10px;
        vertical-align: middle;
    }

        .widget__header a:after,
        .event-page .widget__header a:after {
            display: none;
        }

    .widget__header .svg-icon {
        font-size: 60px;
    }

.widget__title a {
    margin: 0 .3em;
    font-size: .85em;
    color: #fff;
}

    .widget__title a:hover,
    .widget__title a:focus {
        color: #172a50;
    }

    .widget__title a + a {
        margin-left: .1em;
    }

.widget__title .svg-icon {
    font-size: .8em;
}

.widget__title {
    display: inline-block;
    position: relative;
    z-index: 5;
    width: 58%;
    max-width: 400px;
    margin: 0;
    padding: 7px 20px 0;
    font-size: 32px;
    line-height: 1;
    font-weight: 400;
    font-family: "Teko", sans-serif;
    vertical-align: middle;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    background: #d91f29;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

    .widget__title:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: -27px;
        right: -27px;
        background-color: #d91f29;
        -webkit-transform: translateX(0) skew(-24deg);
        -ms-transform: translateX(0) skew(-24deg);
        transform: translateX(0) skew(-24deg);
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
    }

    .widget__title:after {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 100%;
        margin-left: 32px;
        border: 5px solid #d91f29;
        border-top: 0;
        border-bottom: 0;
        width: 15px;
        -webkit-transform: translateX(0) skew(-24deg);
        -ms-transform: translateX(0) skew(-24deg);
        transform: translateX(0) skew(-24deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.widget__content {
    position: relative;
    padding: 18px 20px;
    color: #010101;
    -webkit-transition: opacity 0.3s ease-in-out 0.3s;
    transition: opacity 0.3s ease-in-out 0.3s;
}

    .widget__content h1, .widget__content h2, .widget__content h3 {
        color: inherit;
    }

    .widget__content .item__title {
        margin: 0 0 .4em;
        font-family: "Roboto", sans-serif;
        font-size: 1.125em;
        line-height: 1;
    }

        .widget__content .item__title sup {
            top: -.6em;
            font-size: .52em;
        }

        .widget__content .item__title .subtitle {
            margin-top: .4em;
            font-size: 14px;
            font-weight: 400;
        }

    .widget__content .link-list {
        font-size: 1em;
    }

        .widget__content .link-list li {
            margin-bottom: .5em;
        }

        .widget__content .link-list a:after {
            top: 0;
        }

/* fix from other general styles */
#content .widget__content .link-list {
    margin-bottom: 0;
}
/* end fix from other general styles */

.widget__content .link-list a {
    font-weight: 400;
    font-size: 16px;
}

.widget__content .media,
.widget__content .media .image--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.widget__footer {
    position: relative;
    padding: 0 18px 24px;
    text-align: center;
}

    .widget__footer a {
        font-size: 16px;
    }

/* Added for purchase widget */
.purchase__widget .widget__content {
    min-height: 150px;
}

@media (min-width: 64em) {
    .purchase__widget .widget__footer {
        padding: 0 40px 24px;
    }
}

.qty-row {
    float: left;
}

    .qty-row label {
        float: left;
        font-weight: bold;
        padding-top: 15px;
        padding-right: 10px;
        font-size: 16pt;
        display: none;
    }

    .qty-row input {
        background: white;
        font-size: 16pt;
        font-weight: bold;
        text-align: center;
        padding: 5px 5px;
        margin: 10px 5px;
        border: solid thin;
        width: 45px;
        display: inline;
        vertical-align: bottom;
    }

    .qty-row .button {
        margin: 2px 0 0 5px;
        text-indent: -9999px;
        cursor: pointer;
        width: 50px;
        height: 50px;
        padding: 0;
        text-align: center;
        background: url(/images/ims/buttons-50px.png) no-repeat;
        display: inline-block;
    }

        .qty-row .button.dec {
            background-position: 0 -50px;
            margin: 2px 5px 0 0;
        }

.add-to-cart {
    cursor: pointer;
}

@media (max-width: 43.749em) {
    .qty-row {
        padding: 15px 50px;
        width: 100%;
    }
}
/* End Purchase widget */
.not-animated .widget__title {
    opacity: 0;
}

    .not-animated .widget__title:before {
        -webkit-transform: translateX(-120%) skew(-24deg);
        -ms-transform: translateX(-120%) skew(-24deg);
        transform: translateX(-120%) skew(-24deg);
    }

    .not-animated .widget__title:after {
        width: 0;
        -webkit-transform: translateX(-500px) skew(-24deg);
        -ms-transform: translateX(-500px) skew(-24deg);
        transform: translateX(-500px) skew(-24deg);
    }

.not-animated .widget__content {
    opacity: 0;
}

@media (min-width:23.125em) {
    .widget__content .link-list li {
        display: inline-block;
        padding-right: 8px;
        margin-bottom: 0;
    }
}

@media (min-width:40em) {
    .widget__content .link-list {
        font-size: 16px;
    }
}

@media (min-width:48em) {
    .flex-row .widget {
        margin-bottom: 0;
    }

    .split-col .widget {
        margin-bottom: 15px;
    }

    .split--first:last-child .widget {
        margin-bottom: 0;
    }

    .flex-col--aside .widget__title {
        padding-left: 35px;
        padding-right: 20px;
    }

    .widget__title:after {
        margin-left: 35px;
        border-left-width: 9px;
        border-right-width: 9px;
        width: 26px;
    }

    .widget__footer .event-btn {
        font-size: 40px;
    }
}

@media (min-width:64em) {
    .widget__title {
        padding: 12px 53px 5px;
    }

        .widget__title .svg-icon {
            font-size: .7em;
        }

    .widget__content {
        padding: 18px 53px;
    }

    .widget__footer {
        padding: 0 53px 24px;
    }
}

/********* SPECIFIC MODULES *********/

/* Main Callout */

.main-callout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background-color: #000;
}

.main-callout__media, .main-callout__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.landing-header .main-callout__media, .landing-header .main-callout__image {
    max-height: 350px;
}

.main-callout__media {
    z-index: 1;
    opacity: .5;
}

.main-callout__content {
    position: relative;
    z-index: 5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 25px 20px;
    min-height: 232px;
    color: #fff;
}

.main-callout__title,
.main-callout__subheading,
.main-callout__buttons,
.main-callout__countdown {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1016px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.main-callout .main-callout__title {
    font-family: inherit;
}

.main-callout__title {
    font-size: 27px;
    text-shadow: 0 0 15px rgba(0,0,0,.5), 0 0 80px #000;
}

    .main-callout__title strong {
        font-size: 38px;
        font-weight: 400;
    }

    .event-page .main-callout__title img,
    .main-callout__title .title__image {
        max-width: 280px !important;
    }

.event-page .landing-header .main-callout__title img, .landing-header .main-callout__title .title__image {
    max-height: 120px;
}

@media (max-width: 767px) {
    .event-page .main-callout__title img, .main-callout__title .title__image {
        max-width: 170px !important;
    }

    .event-page .landing-header .main-callout__title img, .landing-header .main-callout__title .title__image {
        max-height: 100px;
    }

        .landing-header .main-callout__title .title__image + .title__text {
            font-size: 24pt;
        }
}

.main-callout__title .title__image + .title__text {
    display: block;
    margin-top: .4em;
}

.main-callout__subheading {
    margin-top: .6em;
    margin-bottom: .5em;
    text-transform: none;
}

.event-page .main-callout__subheading {
    font-size: 15px;
}

.main-callout__buttons {
    margin: 1em auto 1em;
}

    .main-callout__buttons .event-btn {
        margin: 0 8px;
    }

.event-page .main-callout__buttons .event-btn {
    font-size: 16px;
}

.main-callout__countdown {
    margin: 1em auto 1em;
}

    .main-callout__countdown .countdown-clock {
        /* width: 20%; */
        margin: 0 auto;
        /* display: grid; */
        /* grid-template-columns: auto auto auto auto; */
        /* grid-column-gap: 45px;*/
    }

        .main-callout__countdown .countdown-clock div {
            width: 120px;
            max-width: 120px;
            font-family: 'Teko', sans-serif;
            font-size: 30pt;
            line-height: 0.6em;
            border-right: 2px solid;
            padding: 0 30px;
            display: inline-block;
            text-align: center;
        }

            .main-callout__countdown .countdown-clock div:last-child {
                border: none;
            }

            .main-callout__countdown .countdown-clock div span {
                font-size: 16pt;
                padding: 0;
                margin: 0;
                display: block;
            }

@media (max-width:500px) {
    .main-callout__countdown .countdown-clock div {
        width: 70px;
        max-width: 70px;
        font-size: 25pt;
        line-height: 0.7em;
        padding: 0 15px;
    }

        .main-callout__countdown .countdown-clock div.wide {
            width: 90px;
            max-width: 90px;
        }

        .main-callout__countdown .countdown-clock div span {
            font-size: 12pt;
        }
}

.main-callout--image-only .main-callout__media {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 49.219%;
}

.main-callout--image-only .main-callout__content {
    position: absolute;
    width: 1px;
    height: 1px;
    min-height: 0;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}



@media (min-width:60em) {
    .main-callout {
        height: 0;
        overflow: hidden;
        padding-top: 56.25%;
    }

    .landing-header {
        max-height: 350px;
        overflow: hidden;
    }

    .main-callout__content {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 35px;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .landing-header .main-callout__content {
        top: 28%;
    }

    .main-callout__title {
        font-size: 60px;
    }

        .event-page .main-callout__title img,
        .main-callout__title .title__image {
            max-width: 380px !important;
        }

    .landing-header .main-callout__title .title__image + .title__text {
        font-size: 38pt;
    }

    .event-page .main-callout__subheading {
        font-size: 22px;
    }

    .event-page .landing-header .main-callout__subheading {
        font-size: 25pt;
        margin: 10px 0;
    }

    .event-page .main-callout__buttons .event-btn {
        min-width: 230px;
        font-size: 22px;
    }

    .main-callout--image-only .main-callout__media {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0;
        height: auto;
    }
}

@media (min-width:40em) {

    .event-page .main-callout__title img,
    .main-callout__title .title__image {
        max-width: 200px !important;
    }

    .main-callout__title {
        font-size: 40px;
    }

        .main-callout__title strong {
            font-size: 54px;
        }
}
/* Alert Boxes */
.alert-box {
    color: #fff;
    background-color: #d91f29;
    text-align: center;
}

    .alert-box a {
        color: #fff;
    }

.alert-box__content {
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.alert-box__title {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
}

    .alert-box__title .title__link {
        display: block;
        padding: 20px 60px;
    }

        .alert-box__title .title__link:before {
            content: " ";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            bottom: 0;
            width: 80%;
            margin-left: -40px;
            background-color: #172a50;
            -webkit-backface-visibility: hidden;
            box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 9 0 0 0 #d91f29, 9 0 0 0 #172a50;
            -webkit-transform: translateX(-100%) skew(-24deg);
            -ms-transform: translateX(-100%) skew(-24deg);
            transform: translateX(-100%) skew(-24deg);
            -webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
            transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
        }

        .alert-box__title .title__link:hover:before,
        .alert-box__title .title__link:focus:before {
            box-shadow: 0 0 0 9px #d91f29, 9px 0 0 9px #172a50, 18px 0 0 9px #d91f29, 27px 0 0 9px #172a50;
            -webkit-transform: translateX(10px) skew(-24deg);
            -ms-transform: translateX(10px) skew(-24deg);
            transform: translateX(10px) skew(-24deg);
        }

        .alert-box__title .title__link:after {
            display: none;
        }

    .alert-box__title .title__text-wrap {
        margin: 0 auto;
        padding: 0 8px;
        max-width: 1032px;
    }

    .alert-box__title .title__description {
        font-weight: 400;
        line-height: 1.2;
    }

    .alert-box__title .faux-link {
        font-weight: 700;
    }

        .alert-box__title .faux-link:before {
            content: "|";
            display: none;
            padding-right: .65em;
            margin-left: .5em;
        }

.faux-link:after {
    content: "\00BB";
    display: inline-block;
    vertical-align: top;
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px);
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

a:hover .faux-link:after,
a:focus .faux-link:after {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
}

/*@media (min-width:48em) {
    .alert-box__title { font-size:28px; }
}*/

@media (min-width:70em) {
    .alert-box {
        text-align: left;
    }

    .alert-box__title .faux-link,
    .alert-box__title .faux-link:before {
        display: inline;
    }
}

/* EVENTS w/ Ticket Callouts */

.events__widget .widget__content {
    padding-top: 0;
}


.listing + .listing {
    padding-top: 25px;
}

.listing__title {
    margin: .1em 0 .6em;
    font-family: "Teko", sans-serif;
    font-size: 32px;
    font-weight: normal;
    text-transform: uppercase;
}

.listing__footer {
    padding: 20px;
    text-align: center;
}

    .listing__footer a {
        text-transform: uppercase;
    }

#content .event-list {
    margin: 0;
}

.event-list__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.event-list li:last-child .event-list__item {
    margin-bottom: 0;
}

.event-list__item .item__media {
    margin-right: 8px;
    width: 110px;
    color: #fff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.event-list__item .media--date,
.event-list__item .image--bg {
    height: 75px;
    font-size: 25px;
}

.event-list__item .item__content {
    padding: 0 12px;
}

.cta__widget {
    min-height: 150px;
}

    .cta__widget .widget__header {
        min-height: 220px;
    }

    .cta__widget .widget__content {
        position: static;
    }

    .cta__widget .widget__footer {
        position: absolute;
        bottom: 30px;
        right: 0;
        left: 0;
        padding: 0;
    }

        .cta__widget .widget__footer .event-btn {
            margin-bottom: 0;
        }

@media (min-width:40em) {

    .grouping .event-list__item .item__media {
        width: 150px;
    }

    .event-list__item .media--date,
    .grouping .event-list__item .image--bg {
        height: 100px;
        font-size: 30px;
    }
}

@media (min-width:48em) {
    .events__widget .widget__description {
        margin-bottom: 1.5em;
        font-size: 14px;
    }

    .cta__widget .widget__header {
        min-height: 250px;
    }
}

@media (min-width:48em) and (max-width:63.9em) {
    .event-list__item .item__title {
        font-size: 20px;
    }

    .event-list__item .link-list {
        font-size: 19px;
    }

    .events__widget .widget__footer a {
        font-size: 24px;
    }
}

@media (min-width:64em) {

    .events__widget .grouping {
        position: relative;
        overflow: hidden;
    }

    .events__widget .listing {
        position: relative;
        float: left;
        padding-right: 10px;
        padding-bottom: 45px;
        width: 50%;
        padding-top: 0;
    }

        .events__widget .listing:nth-child(even) {
            padding-left: 30px;
        }

            .events__widget .listing:nth-child(even):before {
                content: "";
                position: absolute;
                width: 1px;
                height: 100%;
                left: 0;
                top: 0;
                background-color: #333;
            }

    .events__widget .listing__content {
        position: relative;
    }

    .events__widget .listing__footer {
        position: absolute;
        left: 0;
        bottom: 5px;
        width: 100%;
    }

    #content .event-list {
        margin-bottom: 1.4em;
    }

    .event-list__item .item__media {
        width: 150px;
    }

    .event-list__item .image--bg {
        height: 100px;
    }

    .cta__widget {
        min-height: 290px;
    }

        .cta__widget .widget__footer {
            text-align: right;
        }
}

@media (min-width:64em) and (max-width:69.9em) {
    .grouping .event-list__item .item__media {
        width: 110px;
    }

    .grouping .event-list__item .media--date,
    .grouping .event-list__item .image--bg {
        height: 75px;
        font-size: 25px;
    }
}

@media (min-width:70em) {
    .events__widget .listing:nth-child(even) {
        padding-left: 40px;
    }

        .events__widget .listing:nth-child(even) .listing__content:before {
            left: -42px;
        }
}


/* Newsletter */
.newsletter {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    min-height: 278px;
    text-align: center;
    color: #fff;
    background-color: #d91f29;
    background: -moz-radial-gradient(center, ellipse cover, #d91f29 22%, #4b0b13 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #d91f29 22%,#4b0b13 100%);
    background: radial-gradient(ellipse at center, #d91f29 22%,#4b0b13 100%);
}

.newsletter__content p {
    text-transform: uppercase;
}

.newsletter__title {
    margin: 0;
    font-family: "Teko", sans-serif;
    font-size: 30px;
}

.newsletter__form {
    margin: 0 auto;
    max-width: 570px;
}

    .newsletter__form .row {
        margin: 0 -7px;
    }

        .newsletter__form .row [class*=col-] {
            padding: 0 7px;
        }

    .newsletter__form .input-group {
        position: relative;
    }

    .newsletter__form input:not([type=submit]),
    .newsletter__form select,
    .newsletter__form textarea {
        margin: 0 0 14px;
        padding: 5px 14px 2px;
        width: 100%;
        font-size: 16px;
        font-family: "Teko", sans-serif;
        background-color: #fff;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .newsletter__form input:not([type=submit]):hover,
        .newsletter__form input:not([type=submit]):focus,
        .newsletter__form select:hover,
        .newsletter__form select:focus,
        .newsletter__form textarea:hover,
        .newsletter__form textarea:focus {
            box-shadow: 6px 6px 0 3px rgba(0, 0, 0, .5);
        }

    .newsletter__form input:not([type=submit]),
    .newsletter__form select {
        text-transform: uppercase;
        line-height: 36px;
        height: 40px;
    }

    .newsletter__form input[type=submit] {
        position: absolute;
        right: 0;
        top: 1px;
        border: 4px solid #fff;
        padding: 4px 10px 0;
        height: 38px;
        font-family: "Teko", sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        text-transform: uppercase;
        cursor: pointer;
        color: #fff;
        background-color: #d91f29;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .newsletter__form input[type=submit]:hover,
        .newsletter__form input[type=submit]:focus {
            background-color: #172a50;
        }

.newsletter__content #success {
    font-weight: bold;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    font-size: 24pt;
    font-style: italic;
}

@media (min-width:48em) {
    .newsletter {
        min-height: 320px;
    }

    .newsletter__content {
        font-size: 18px;
    }

    .newsletter__title {
        font-size: 60px;
    }

    .newsletter__form input:not([type=submit]),
    .newsletter__form select,
    .newsletter__form textarea {
        font-size: 37px;
        padding: 5px 25px;
    }

    .newsletter__form input:not([type=submit]),
    .newsletter__form select {
        text-transform: uppercase;
        line-height: 60px;
        height: 70px;
    }

    .newsletter__form input[type=submit] {
        border-width: 6px;
        line-height: 56px;
        height: 68px;
        font-size: 38px;
    }
}


/* Separator Title */
.separator-title {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    min-height: 100px;
    text-align: center;
    color: #fff;
    background-color: #d91f29;
    background: -moz-radial-gradient(center, ellipse cover, #d91f29 22%, #4b0b13 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #d91f29 22%,#4b0b13 100%);
    background: radial-gradient(ellipse at center, #d91f29 22%,#4b0b13 100%);
}

.separator-title__content p {
    text-transform: uppercase;
}

.separator-title__title {
    margin: 0;
    font-family: "Teko", sans-serif;
    font-size: 30px;
}

@media (min-width:48em) {
    /*.separator-title {
        min-height: 320px;
    }*/

    .separator-title__content {
        font-size: 18px;
    }

    .separator-title__title {
        font-size: 60px;
    }
}

/* CALLOUTS / GROUP CALLOUTS */

.grouping {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grouping__callout {
    margin-top: 2px;
    width: 100%;
}

    .grouping__callout:first-child {
        margin-top: 0;
    }

.grouping--vertical {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .grouping--vertical .grouping__callout {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

.callout {
    display: block;
    position: relative;
    min-height: 110px;
    background-color: #c7c7c7;
    overflow: hidden;
}

.event-page a.callout:after {
    display: none;
}

.callout__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 0 50%;
    -webkit-transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out 0.15s;
    transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out 0.15s;
}

.sales-landing .callout__image.image--bg.image--large {
    background-position: top center;
    background-size: auto;
}

.callout__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    right: 0;
    width: 150px;
    text-align: center;
    color: #fff;
    background-color: #3b3b3b;
    -webkit-transition: all 0.3s ease-in-out 0.15s;
    transition: all 0.3s ease-in-out 0.15s;
}

    .callout__content.theme-color-01 {
        background-color: #d91f29
    }

    .callout__content.theme-color-02 {
        background-color: #c59332;
    }

    .callout__content.theme-color-03 {
        background-color: #505050;
    }

    .callout__content.theme-color-04 {
        background-color: #0074b7;
    }

    .callout__content.theme-color-05 {
        background-color: #23487c;
    }

    .callout__content.theme-color-06 {
        background-color: #3b3b3b;
    }

.callout__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
    margin: 0 auto;
    width: 150px;
    text-align: center;
    font-family: "Teko", sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    line-height: .9;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.callout:hover .callout__image:not(.image--small),
.callout:focus .callout__image:not(.image--small) {
    background-position: -35% 50%;
}

.callout.sales-landing:hover .callout__image:not(.image--small),
.callout.sales-landing:focus .callout__image:not(.image--small) {
    background-position: top;
}

.callout:hover .callout__content,
.callout:focus .callout__content {
    width: 100%;
    opacity: .9;
}

.callout__subtitle {
    border-top: 2px solid #fff;
    padding: 5px;
    text-transform: uppercase;
}


    .callout__subtitle:after,
    .callout--portrait .callout__title:after {
        content: "\00BB";
        vertical-align: top;
        -webkit-transform: translateX(2px);
        -ms-transform: translateX(2px);
        transform: translateX(2px);
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
    }

.callout--portrait .callout__title {
    font-size: 16px;
}

.callout--landscape:nth-child(odd) {
    background-color: #dedede;
}


@media (min-width:25em) and (max-width:43.75em) {
    .callout {
        min-height: 190px;
    }
}

@media (max-width:43.749em) {
    .callout__media .image--large {
        background: none !important;
    }
}

@media (min-width:43.75em) {
    .grouping--3, .grouping--4 {
        margin: 0 -8px;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .grouping--3 > .grouping__callout {
            margin: 0 8px;
            width: 33.33%;
        }


        .grouping--4 > .grouping__callout {
            margin: 0 5px;
            width: 24%;
        }

        .grouping--3 > .grouping__callout.sales-landing, .grouping--3 > .grouping__callout.sales-landing {
            max-height: 250px;
        }

    .grouping--vertical > .grouping__callout + .grouping__callout {
        margin-top: 16px;
    }

    .grouping__callout {
        margin-top: 0;
    }

    .callout {
        min-height: 0;
    }

    .callout__media .image--small {
        background: none !important;
    }

    .callout__content {
        width: 103px;
    }

    .callout__title {
        line-height: .8;
        width: 103px;
    }

    .callout--portrait .callout__media {
        display: block;
        position: relative;
        z-index: 1;
        height: 0;
        padding-top: 144.712%;
        overflow: hidden;
    }

    .callout--portrait .callout__image {
        background-position: 50% 50%;
    }

    .callout--portrait .callout__content {
        left: 0;
        width: auto;
        font-size: 30px;
        background: none;
    }

        .callout--portrait .callout__content:after {
            content: " ";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(5,12,50,0);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .callout--portrait .callout__title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px 10px 12px;
        width: 100%;
        font-size: 30px;
        line-height: 1;
        background: rgba(5,12,50,.7);
    }

        .callout--portrait .callout__title:after {
            display: none;
        }

    .callout--portrait:hover .callout__content:after,
    .callout--portrait:focus .callout__content:after {
        background: rgba(5,12,50,.6);
    }

    .callout--portrait:hover .callout__title,
    .callout--portrait:focus .callout__title {
        bottom: 50%;
        background: rgba(5,12,50,0);
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition: all 0.3s ease-in-out 0.2s;
        transition: all 0.3s ease-in-out 0.2s;
    }
}

@media (min-width:43.75em) {
    .callout__title {
        font-size: 30px;
    }
}

@media (min-width:48em) {
    .callout--portrait .callout__title {
        font-size: 45px;
    }
}

@media (min-width:64em) {
    .callout__title {
        font-size: 45px;
    }

    .callout--portrait .callout__content {
        font-size: 70px;
    }
}


/* NEWS WIDGET */

.news__widget .widget__content {
    padding: 0;
}

.news__widget .news__featured {
    padding: 0 20px 20px;
    width: 100%;
}

.news__widget .item__footer,
.news__widget .list__footer {
    font-size: 16px;
    text-align: center;
}

.news__featured {
    margin: 0 auto;
    max-width: 677px;
}

    .news__featured .item__media {
        position: relative;
        display: block;
        margin: 0 0 20px;
        padding-top: 50%;
        height: 0;
        overflow: hidden;
    }

    .news__featured .image--bg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .news__featured .item__content p {
        font-size: 14px;
    }


.news__widget .news__list {
    border-top: 1px solid #ccc;
    padding: 20px;
    background: #fff;
}

#content .news__list ul {
    margin: 0;
}

.news__list li {
    position: relative;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

    .news__list li.active {
        z-index: 10;
    }

.news__list.js-opened-item li {
    opacity: .6;
}

    .news__list.js-opened-item li.active {
        opacity: 1;
    }

.news__list .item-expander {
    display: block;
    padding: 10px 0;
    line-height: 1.4;
    color: #333;
}

    .news__list .item-expander:hover,
    .news__list .item-expander:focus {
        color: #d91f29;
    }

.news__list .item--expandable {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: -20px;
    right: -20px;
    overflow: hidden;
}

.news__list li:first-child .item-expander {
    padding-top: 0;
}

.news__list li:first-child .item--expandable,
.news__list li:first-child + li .item--expandable,
.news__list li:first-child + li + li .item--expandable {
    top: -20px;
    bottom: auto;
}

.news__list .item--expandable:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    border-right: 6px solid #d91f29;
    background-color: #172a50;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.news__list .item--expandable .item {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.news__list .active .item--expandable:before {
    width: 100%;
}

.news__list .active .item--expandable .item {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out 0.2s;
    transition: opacity 0.3s ease-in-out 0.2s;
}

.news__list .item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 15px 10px 10px 15px;
    overflow: hidden;
    color: #fff;
}

.news__list .item__media {
    float: left;
    margin: 0 10px 20px 0;
}

.news__list .item__header {
    margin-bottom: 10px;
}

.news__list .item__title {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
}

.news__list .item__content {
    clear: left;
    width: 100%;
    font-size: 12px;
}

    .news__list .item__content a {
        text-transform: uppercase;
    }

        .news__list .item__content a:before {
            content: "|";
            padding: 0 .5em 0 .3em;
            color: #fff;
        }

    .news__list .item__content p {
        margin: 0;
    }

        .news__list .item__content p + p {
            margin-top: 1em;
            padding-right: 40px;
        }

.news__list .image--bg {
    width: 95px;
    height: 48px;
    background-size: contain;
}

.news__list .item a {
    color: #fff;
}

.news__list .btn--close {
    position: absolute;
    bottom: 10px;
    right: 20px;
    border-radius: 50%;
    border: 1px solid currentColor;
    padding: 0;
    width: 16px;
    height: 16px;
    font-weight: 700;
    cursor: pointer;
    background: none;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .news__list .btn--close:hover,
    .news__list .btn--close:focus {
        color: #d91f29;
    }

    .news__list .btn--close:before,
    .news__list .btn--close:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 10px;
        background-color: currentColor;
    }

    .news__list .btn--close:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .news__list .btn--close:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }

@media (min-width:23.125em) {
    .news__list .item__header {
        width: 58%;
    }
}

@media (min-width:48em) {
    .news__widget .news__list {
        padding: 30px 50px;
    }

    .news__list .item-expander {
        padding: 10px 0;
        font-size: 14px;
    }

    .news__list .item--expandable {
        left: -50px;
        right: -50px;
    }
}

@media (min-width:64em) {
    .news__widget {
        border: 0;
        background: transparent;
    }

        .news__widget .widget__header {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
        }

        .news__widget .widget__content {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .news__widget .news__featured,
        .news__widget .news__list {
            position: relative;
            border: 1px solid #ccc;
            padding: 30px 30px 40px;
            vertical-align: top;
            background: #fff;
        }

        .news__widget .news__featured {
            margin-left: 0;
            margin-right: 20px;
            padding-top: 108px;
        }

        .news__widget .news__list {
            width: 31.5%;
        }

        .news__widget .item__footer,
        .news__widget .list__footer {
            position: absolute;
            bottom: 24px;
            left: 0;
            right: 0;
            font-size: 1em;
        }

    .news__list .list__footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
        text-align: center;
    }

    .news__list .item--expandable {
        left: -30px;
        right: -30px;
    }

    .news__list li:first-child .item--expandable,
    .news__list li:first-child + li .item--expandable,
    .news__list li:first-child + li + li .item--expandable {
        top: -30px;
    }

    .news__list .item__header {
        width: 62%;
    }
}

/* FULL WIDTH CALLOUT */

.full-callout {
    position: relative;
    z-index: 5;
    background-color: #c7c7c7;
}

.full-callout__media, .full-callout__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.full-callout__content {
    padding-top: 30px;
    min-height: 278px;
}

.full-callout__title {
    margin: 0;
    padding: 15px;
    text-align: center;
    background: rgba(23, 42, 80,.89);
}

    .full-callout__title a {
        display: block;
        color: #fff;
    }

.event-page .full-callout__title a:after {
    display: none;
}

.full-callout__title .title {
    display: block;
    font-size: 46px;
    line-height: 1;
}

.full-callout__title .subtitle {
    display: inline-block;
    position: relative;
    font-weight: 400;
    top: -.3em;
    margin-top: -.5em;
    padding: 0 35px;
    line-height: 1;
    font-size: .8em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .full-callout__title .subtitle:before,
    .full-callout__title .subtitle:after {
        content: " ";
        position: absolute;
        top: 50%;
        width: 25px;
        height: 4px;
        background-color: #fff;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .full-callout__title .subtitle:before {
        left: 0;
    }

    .full-callout__title .subtitle:after {
        right: 0;
    }

.full-callout__title a:hover .subtitle,
.full-callout__title a:focus .subtitle {
    color: #d91f29;
}

    .full-callout__title a:hover .subtitle:before,
    .full-callout__title a:focus .subtitle:before,
    .full-callout__title a:hover .subtitle:after,
    .full-callout__title a:focus .subtitle:after {
        width: 0;
        background-color: #d91f29;
    }

@media (min-width:23.125em) {
    .full-callout__title .title {
        font-size: 52px;
    }
}

@media (min-width:40em) {
    .full-callout__content {
        min-height: 416px;
    }

    .full-callout__title .title {
        font-size: 80px;
    }

    .full-callout__title .subtitle {
        top: 0;
        font-size: 35px;
    }
}

@media (min-width:64em) {
    .full-callout__content {
        padding-top: 68px;
        min-height: 567px;
    }

    .full-callout__title {
        padding: 30px;
    }

        .full-callout__title .title {
            font-size: 150px;
        }

        .full-callout__title .subtitle {
            padding: 0 115px;
            font-size: 56px;
        }

            .full-callout__title .subtitle:before,
            .full-callout__title .subtitle:after {
                width: 104px;
            }
}


/* MEDIA SOCIAL WALL */

.feeds__widget .widget__title {
    display: block;
    margin-bottom: 1em;
}

.feeds__widget .widget__content {
    position: relative;
    min-height: 400px;
}

    .feeds__widget .widget__content:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        margin: -.5em 0 0 -.5em;
        width: 1em;
        height: 1em;
        -webkit-animation: loader 1.3s infinite linear;
        animation: loader 1.3s infinite linear;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .feeds__widget .widget__content.no-items:before {
        opacity: 0;
    }

#mediawall {
    display: none;
    background: #fff;
}

.no-items #mediawall .social-wall {
    margin: 0;
}

.social-wall {
    position: relative;
    margin: 0 -18px;
}

    .social-wall .slick-slider {
        min-height: 200px;
    }

.social-wall__previous,
.social-wall__next {
    display: none;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    border: 0;
    width: 84px;
    height: 100%;
    background: rgba(255,255,255,.6);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-wall__next {
    left: auto;
    right: 0;
}

    .social-wall__previous:hover,
    .social-wall__previous:focus,
    .social-wall__next:hover,
    .social-wall__next:focus {
        width: 104px;
        background: rgba(255,255,255,.85);
    }

    .social-wall__previous:before,
    .social-wall__previous:after,
    .social-wall__next:before,
    .social-wall__next:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #172a50;
        width: 67px;
        height: 20px;
        border-radius: 20px;
        -webkit-backface-visibility: hidden;
    }

.social-wall__previous:before {
    margin-top: -18px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}

.social-wall__previous:after {
    margin-top: 18px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}

.social-wall__next:before {
    margin-top: -18px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.social-wall__next:after {
    margin-top: 18px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}


.social-wall .social-wall__item:after {
    display: none;
}

.social-wall .social-wall__item img {
    width: auto !important;
    height: 200px !important;
}

.social-wall__listing .social-wall__item {
    margin: 0 8px;
    float: left;
}

.social-wall__listing + .social-wall__listing {
    margin-top: 16px;
}

    .social-wall__listing + .social-wall__listing .social-wall__item {
        margin: 0 4px;
    }

@media (max-width:28em) {
    .feeds__widget .widget__title {
        width: 72%;
    }
}

@media (min-width:40em) {

    .feeds__widget .widget__title {
        display: inline-block;
        margin-bottom: 0;
    }

        .feeds__widget .widget__title + a {
            margin-left: 100px;
        }

    .social-wall__previous,
    .social-wall__next {
        display: block;
    }

    .social-wall .social-wall__item img {
        width: auto !important;
        height: 345px !important;
    }
}

@media (min-width:64em) {
    .social-wall {
        margin: 0 -53px;
    }
}

/****************************************
 EVENT PAGE - THEMING
 ****************************************/

/* TEMP FIXES for nav alignment - until new nav exists */
#logo img {
    width: 104px;
}

#header {
    -webkit-backface-visibility: hidden;
}

@media (min-width:960px) {
    #container-menu {
        width: auto !important;
    }

    #submenu-events > li > a {
        table-layout: fixed;
    }

        #submenu-events > li > a > span.sub-evt-icn img {
            max-width: 100% !important;
            height: auto !important;
        }
}

.event-page {
    margin: -10px 0;
    font-size: 16px;
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
    background: #f5f5f5;
}

    .event-page img {
        max-width: 100% !important;
        height: auto !important;
    }

    .event-page .dfp-ad {
        margin: 0 0 6px;
    }

    .event-page .split--last .dfp-ad {
        margin-bottom: 0;
    }

    .event-page .dfp-ad div {
        padding-top: 0 !important;
    }

    .event-page .dfp-ad img {
        max-width: none !important;
    }

    .event-page a,
    .event-page input[type=submit] {
        -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, transform 0.3s ease-in-out;
        transition: color 0.3s ease-in-out, background 0.3s ease-in-out, transform 0.3s ease-in-out;
    }

        .event-page a:after {
            content: "\00BB";
            display: inline-block;
            position: relative;
            top: -.1em;
            vertical-align: top;
            -webkit-transform: translateX(2px);
            -ms-transform: translateX(2px);
            transform: translateX(2px);
            -webkit-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
        }

        .event-page a:hover:after,
        .event-page a:focus:after {
            -webkit-transform: translateX(6px);
            -ms-transform: translateX(6px);
            transform: translateX(6px);
        }

        .event-page a.no-a-style {
            color: #000 !important;
        }

            .event-page a.no-a-style:after {
                content: none;
            }

            .event-page a.no-a-style:hover {
                color: #000 !important;
            }

    .event-page p {
        font-size: 1em;
        line-height: 1.3;
    }

    .event-page .event-btn {
        display: inline-block;
        position: relative;
        z-index: 5;
        margin-bottom: .5em;
        padding: 15px;
        overflow: hidden;
        font-family: "Roboto", sans-serif;
        font-size: 22px;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
        background-color: #d91f29;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 5px;
    }

        .event-page .event-btn:hover,
        .event-page .event-btn:focus {
            background-color: #c12436;
            color: #fff;
        }

        /* .event-page .event-btn:before {
            content: " ";
            z-index: -1;
            position: absolute;
            top: -1px;
            left: 0;
            height: 105%;
            width: 80%;
            margin-left: -30px;
            background-color: #172a50;
            box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateX(-100%) skew(-24deg);
            -ms-transform: translateX(-100%) skew(-24deg);
            transform: translateX(-100%) skew(-24deg);
            -webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
            transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
        }

        .event-page .event-btn:hover:before,
        .event-page .event-btn:focus:before {
            box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
            -webkit-transform: translateX(10px) skew(-24deg);
            -ms-transform: translateX(10px) skew(-24deg);
            transform: translateX(10px) skew(-24deg);
        } */

        .event-page .event-btn:after {
            position: relative;
            top: -.05em;
        }

    .event-page .event-btn--alternate {
        background-color: #c59232;
    }

        .event-page .event-btn--alternate:before {
            background-color: #d91f29;
            box-shadow: 0 0 0 0 #c59232, 0 0 0 0 #d91f29, 8px 0 0 0 #c59232, 8px 0 0 0 #d91f29;
        }

        .event-page .event-btn--alternate:hover:before,
        .event-page .event-btn--alternate:focus:before {
            box-shadow: 0 0 0 5px #c59232, 5px 0 0 5px #d91f29, 10px 0 0 5px #c59232, 15px 0 0 5px #d91f29;
        }

    .event-page .flex-row,
    .event-page .grouping {
        margin: 0 auto;
        max-width: 1032px;
    }

    .event-page .events__widget,
    .event-page .news__widget {
        margin: 0 auto;
        max-width: 1016px;
    }

@media (min-width:480px) {
    .event-page {
        margin: -15px;
    }
}

@media (min-width:48em) {
    .event-page {
        margin: 0 -15px -15px;
    }

        .event-page .dfp-ad {
            margin: 0 0 15px;
        }

        .event-page .event-btn:hover:before,
        .event-page .event-btn:focus:before {
            box-shadow: 0 0 0 6px #d91f29, 6px 0 0 6px #172a50, 12px 0 0 6px #d91f29, 18px 0 0 6px #172a50;
            -webkit-transform: translateX(10px) skew(-24deg);
            -ms-transform: translateX(10px) skew(-24deg);
            transform: translateX(10px) skew(-24deg);
        }

        .event-page .event-btn--alternate:hover:before,
        .event-page .event-btn--alternate:focus:before {
            box-shadow: 0 0 0 6px #c59232, 6px 0 0 6px #d91f29, 12px 0 0 6px #c59232, 18px 0 0 6px #d91f29;
        }
}

/* ------- MODULE COLOR THEMES ---------- */

/* THEME 01 */
.theme-01 .widget__title:before {
    background-color: #d91f29;
}

.theme-01 .widget__title:after {
    border-color: #d91f29;
}


.theme-01 .event-btn {
    background-color: #d91f29;
}

    .theme-01 .event-btn:before {
        box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
    }

    .theme-01 .event-btn:hover:before,
    .theme-01 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
    }


.theme-01 .widget__content a,
.theme-01 .widget__footer a:not(.event-btn) {
    color: #d91f29;
}

    .theme-01 .widget__content a:hover,
    .theme-01 .widget__content a:focus,
    .theme-01 .widget__footer a:not(.event-btn):hover,
    .theme-01 .widget__footer a:not(.event-btn):focus {
        color: #333;
    }


.theme-01 .news__list .item-expander {
    color: #333;
}

    .theme-01 .news__list .item-expander:hover,
    .theme-01 .news__list .item-expander:focus {
        color: #d91f29;
    }


/* THEME 02 */
.theme-02 .widget__title:before {
    background-color: #c59332;
}

.theme-02 .widget__title:after {
    border-color: #c59332;
}


.theme-02 .event-btn {
    background-color: #c59332;
}

    .theme-02 .event-btn:before {
        box-shadow: 0 0 0 0 #c59332, 0 0 0 0 #172a50, 8px 0 0 0 #c59332, 8px 0 0 0 #172a50;
    }

    .theme-02 .event-btn:hover:before,
    .theme-02 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #c59332, 5px 0 0 5px #172a50, 10px 0 0 5px #c59332, 15px 0 0 5px #172a50;
    }


.theme-02 .widget__content a,
.theme-02 .widget__footer a:not(.event-btn) {
    color: #c59332;
}

    .theme-02 .widget__content a:hover,
    .theme-02 .widget__content a:focus,
    .theme-02 .widget__footer a:not(.event-btn):hover,
    .theme-02 .widget__footer a:not(.event-btn):focus {
        color: #333;
    }

.theme-02 .news__list .item-expander {
    color: #333;
}

    .theme-02 .news__list .item-expander:hover,
    .theme-02 .news__list .item-expander:focus {
        color: #c59332;
    }


/* THEME 03 */
.theme-03 .widget__title:before {
    background-color: #505050;
}

.theme-03 .widget__title:after {
    border-color: #505050;
}


.theme-03 .event-btn {
    background-color: #505050;
}

    .theme-03 .event-btn:before {
        box-shadow: 0 0 0 0 #505050, 0 0 0 0 #172a50, 8px 0 0 0 #505050, 8px 0 0 0 #172a50;
    }

    .theme-03 .event-btn:hover:before,
    .theme-03 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #505050, 5px 0 0 5px #172a50, 10px 0 0 5px #505050, 15px 0 0 5px #172a50;
    }


.theme-03 .widget__content a,
.theme-03 .widget__footer a:not(.event-btn) {
    color: #505050;
}

    .theme-03 .widget__content a:hover,
    .theme-03 .widget__content a:focus,
    .theme-03 .widget__footer a:not(.event-btn):hover,
    .theme-03 .widget__footer a:not(.event-btn):focus {
        color: #333;
    }


.theme-03 .news__list .item-expander {
    color: #333;
}

    .theme-03 .news__list .item-expander:hover,
    .theme-03 .news__list .item-expander:focus {
        color: #505050;
    }


/* THEME 04 - color 1 #23487b / color 2 #7f8287 */
.theme-04 .widget__title:before {
    background-color: #0074b7;
}

.theme-04 .widget__title:after {
    border-color: #0074b7;
}


.theme-04 .event-btn {
    background-color: #0074b7;
}

    .theme-04 .event-btn:before {
        background-color: #7f8287;
        box-shadow: 0 0 0 0 #0074b7, 0 0 0 0 #7f8287, 8px 0 0 0 #0074b7, 8px 0 0 0 #7f8287;
    }

    .theme-04 .event-btn:hover:before,
    .theme-04 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #0074b7, 5px 0 0 5px #7f8287, 10px 0 0 5px #0074b7, 15px 0 0 5px #7f8287;
    }

.theme-04.alert-box,
.theme-04 .alert-box {
    background-color: #0074b7;
}

.theme-04 .alert-box__title .title__link:before {
    background-color: #7f8287;
    box-shadow: 0 0 0 0 #0074b7, 0 0 0 0 #7f8287, 9 0 0 0 #0074b7, 9 0 0 0 #7f8287;
}

.theme-04 .alert-box__title .title__link:hover:before,
.theme-04 .alert-box__title .title__link:focus:before {
    box-shadow: 0 0 0 9px #0074b7, 9px 0 0 9px #7f8287, 18px 0 0 9px #0074b7, 27px 0 0 9px #7f8287;
}


.theme-04 .widget__content a,
.theme-04 .widget__footer a:not(.event-btn) {
    color: #0074b7;
}

    .theme-04 .widget__content a:hover,
    .theme-04 .widget__content a:focus,
    .theme-04 .widget__footer a:not(.event-btn):hover,
    .theme-04 .widget__footer a:not(.event-btn):focus {
        color: #7f8287;
    }


.theme-04 .news__list .item-expander {
    color: #333;
}

    .theme-04 .news__list .item-expander:hover,
    .theme-04 .news__list .item-expander:focus {
        color: #0074b7;
    }


/* THEME 05 - color 1 #23487b / color 2 #e63644 */
.theme-05 .widget__title:before {
    background-color: #23487c;
}

.theme-05 .widget__title:after {
    border-color: #23487c;
}


.theme-05 .event-btn {
    background-color: #23487c;
}

    .theme-05 .event-btn:hover,
    .theme-05 .event-btn:focus {
        background-color: #204171;
    }

/* .theme-05 .event-btn:before {
        background-color: #e63644;
        box-shadow: 0 0 0 0 #23487c, 0 0 0 0 #e63644, 8px 0 0 0 #23487c, 8px 0 0 0 #e63644;
    }

    .theme-05 .event-btn:hover:before,
    .theme-05 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #23487c, 5px 0 0 5px #e63644, 10px 0 0 5px #23487c, 15px 0 0 5px #e63644;
    } */


.theme-05.alert-box,
.theme-05 .alert-box {
    background-color: #23487c;
}

.theme-05 .alert-box__title .title__link:before {
    background-color: #e63644;
    box-shadow: 0 0 0 0 #23487c, 0 0 0 0 #e63644, 9 0 0 0 #23487c, 9 0 0 0 #e63644;
}

.theme-05 .alert-box__title .title__link:hover:before,
.theme-05 .alert-box__title .title__link:focus:before {
    box-shadow: 0 0 0 9px #23487c, 9px 0 0 9px #e63644, 18px 0 0 9px #23487c, 27px 0 0 9px #e63644;
}


.theme-05 .widget__content a,
.theme-05 .widget__footer a:not(.event-btn) {
    color: #23487c;
}

    .theme-05 .widget__content a:hover,
    .theme-05 .widget__content a:focus,
    .theme-05 .widget__footer a:not(.event-btn):hover,
    .theme-05 .widget__footer a:not(.event-btn):focus {
        color: #e63644;
    }


.theme-05 .news__list .item-expander {
    color: #333;
}

    .theme-05 .news__list .item-expander:hover,
    .theme-05 .news__list .item-expander:focus {
        color: #23487c;
    }


/* THEME Global Color Overwrites */

[class*="theme-"] .news__list .item a {
    color: #fff;
}

    [class*="theme-"] .news__list .item a:hover,
    [class*="theme-"] .news__list .item a:focus {
        color: #d91f29;
    }



/* BACKGROUND Theme Colors */

.theme-color-01 {
    background-color: #d91f29;
}

.theme-color-02 {
    background-color: #c59332;
}

.theme-color-03 {
    background-color: #505050;
}

.theme-color-04 {
    background-color: #0074b7;
}

.theme-color-05 {
    background-color: #23487c;
}

.theme-color-06 {
    background-color: #3b3b3b;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/****************************************
 SLICK DEFAULT STYLES - CAN BE MOVED INTO OWN CSS FILE POTENTIALLY
 ****************************************/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}