/*******  CALL TO ACTION BUTTONS  *******/
.action-button { margin-bottom:5px; }
.action-button a {
    display:block; padding: 20px 50px 20px 20px;
    font-family:"Roboto Condensed"; font-size:22px; line-height:22px;
    text-transform:uppercase;

    color:white;
    background:url(../assets/call-to-action-arrow.png) no-repeat right 50%;
}
#body-core .action-button a:hover {
    text-decoration: none;
}

.action-button a.blue { background-color:#3c7e94; border:1px solid #367185; }
.action-button a.green { background-color:#86a532; border:1px solid #77922c; }
.action-button a.purple { background-color:#946398; border:1px solid #8b5d8f; }
.action-button a.orange { background-color:#d9a90c; border:1px solid #c99d0b; }
.action-button a.brown { background-color:#ad7345; border:1px solid #a36c41; }
.action-button a:hover.blue { background-color:#4b9db8; border:1px solid #40869d; }
.action-button a:hover.green { background-color:#9cc03a; border:1px solid #8aaa34; }
.action-button a:hover.purple { background-color:#b377b8; border:1px solid #a870ad; }
.action-button a:hover.orange { background-color:#f1bc0d; border:1px solid #e2b00d; }
.action-button a:hover.brown { background-color:#bc7d4b; border:1px solid #c78450; }
/****************************************/


/*******  Accordion  *******/
.collapsible-content { border-bottom: 1px solid #e5e5e1; }
.collapsible-content * { box-sizing:border-box; }
.collapsible-content > .title {
    position:relative;
    display:block; width:100%; padding: 15px 50px 15px 20px; background-color:#f9f9f7;
    line-height:26px; font-size:20px; color:#0084e0;
    cursor: pointer;
    transition: color 0.2s linear;
}
.collapsible-content > .title:after { content:"\f107"; font-family:"FontAwesome"; position:absolute; right:22px; top:50%; line-height:0; }
.collapsible-content.open > .title { color:#484d52; }
.collapsible-content > .title:hover { color:#484d52; }
.collapsible-content.open > .title:after { content:"\f106" }

.collapsible-content > .content { overflow:hidden; margin-top:-1px; }
.collapsible-content > .content > .in {
    padding:16px 20px;
    font-size:16px; line-height:24px;
}

.end-collapsible-content { padding:16px 0; }
/***************************/



.spotlight {

}
.spotlight__image {
    position:relative;
    height:0;
    padding-bottom: 66.36%; /*219/330*/
    overflow:hidden;
}
.spotlight__image img {
    display:block;
    width:100%;
    height:auto;
}
.spotlight__category {
    position:absolute;
    left:0;
    bottom:0;
    padding:2px 10px;
    background:grey;
    color: white;
    font-weight:bold;
    text-transform: uppercase;
}
.spotlight__title {
    font-size: 30px;
    font-weight: 100;
    font-family: "Roboto Condensed";
    margin-top: 24px;
}
.spotlight__title a {
    color: #565656;
    text-decoration: none;
}
.spotlight__text {
    font-size: 16px;
    margin-top: 12px;
}


.big-spotlight {
    background: grey;
    display:flex;
    margin-bottom: 50px;
}
.big-spotlight--align-left .big-spotlight__image-wrap {order:0;}
.big-spotlight--align-left .big-spotlight__content {order:1;}
.big-spotlight--align-right .big-spotlight__image-wrap {order:1;}
.big-spotlight--align-right .big-spotlight__content {order:0;}

.big-spotlight__image-wrap {
    position:relative;
    width:50%;
    box-sizing:border-box;
    flex-shrink:0;
    flex-grow:0;
}
.big-spotlight__image {
    position:relative;
    background-size: cover;
    background-position:center;
    height:100%;
}
.big-spotlight__image img {
    position:absolute;
    display:block;
    width: 100%;
    height:auto;
}
.big-spotlight__content {
    width:50%;
    box-sizing:border-box;
    flex-shrink:0;
    flex-grow:0;
    display:flex;
    flex-direction: column;
    justify-content: center;
    color:white;
    padding: 40px;
}
.big-spotlight__title {
    font-weight: 100;
    font-family: "Roboto Condensed";
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.big-spotlight__text {
    font-size: 30px;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 28px;
}
.big-spotlight__text p {
    margin-bottom:0;
}
.big-spotlight__button {

}
.big-spotlight__button a {
    border: 2px solid white;
    padding: 12px 24px;
    display:inline-block;
    font-size: 18px;
    font-weight:bold;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
}
.big-spotlight__button a:hover {
    text-decoration: none !important;
    color: #646462;
    background-color: white;
}



.event-list__event {
    display:flex;
    align-items:flex-start;
    padding:12px;
    border-top:1px solid #e2e3e3;
}
.event-list__event:last-child {
    border-bottom:1px solid #e2e3e3;
}
.event-list__date {
    display:flex;
    flex-shrink:0;
    flex-grow:0;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    color:white;
    background-color: grey;
    position:relative;
    width:40px;
    height:40px;
}
.event-list__date:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,0.30);
}
.event-list__date .month {
    font-size:14px;
    line-height:14px;
    text-transform:uppercase;
    z-index:1;
}
.event-list__date .day {
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    z-index:1;
}
.event-list__title a {
    display:block;
    color: #565656;
    font-size:19px;
    line-height: 20px;
    font-weight:bold;
    padding-left:12px;
}
.event-list__all {
    text-align:right;
    padding: 12px 0;
    font-size:16px;
}
.event-list__all a {
    color: grey;
    text-decoration: underline;
}


@media screen and (max-width: 850px) {
    .big-spotlight {
        display:block;
    }
    .big-spotlight__image {
        height:0;
        padding-bottom: 71.3%;
    }
    .big-spotlight__content {
        width: 100%;
    }
    .big-spotlight__image-wrap {
        width: 100%;
    }
}