[role="main"],.hero{margin:0 auto;max-width:1010px;overflow:hidden;position:relative}
.hero:after{content:"";display:table;clear:both}
@media only screen and (min-width:42em){.hero{padding-top:36.7%;max-height:400px}
}
@media only screen and (min-width:42em){.hero__column{position:absolute;top:0;width:61.8%;height:100%}
.hero__column--right{right:0;width:37.7%}
}
.hero__caption{width:100%;padding:1em;position:absolute;bottom:0;color:#fff;background:rgba(0,0,0,0.5);z-index:1}
@media only screen and (min-width:42em){.hero__caption{font-size:115%}
}
.hero__title{font-size:1.15em;line-height:1.3;font-weight:700;margin-bottom:0}
.hero__box{position:relative;display:block;width:100%;float:left;overflow:hidden}
.hero__box a{position:relative;display:block}
.hero__box img{width:100%;vertical-align:middle}
.hero__box--large{height:100%;border-bottom:4px solid #eee8e1}
@media only screen and (min-width:42em){.hero__box--large{border-right-width:4px;border-bottom:0}
}
.hero__box--small{right:0;width:50%;border-right:2px solid #eee8e1}
.hero__box--small .hero__caption:before{font-size:50%}
.hero__box--small .hero__title{font-size:85%}
@media(min-width:500px){.hero__box--small .hero__title{font-size:94%}
}
@media only screen and (min-width:42em){.hero__box--small{height:50%;border-left:none;border-right-width:0}
.hero__box--small+.hero__box--small{border-top:4px solid #eee8e1}
}
@media(max-width:500px){.hero__box--small:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.5)}
.hero__box--small .hero__caption{background:0;bottom:auto;top:0}
}
.hero__box--small .hero__title{margin:0}
@media screen and (min-width:700px){.hero__box--small .hero__caption{height:auto}
}
@media only screen and (min-width:42em){.hero__box--small{width:100%}
}
@media screen and (min-width:700px){.hero__box--small{margin:0}
.hero__box--small img{display:block}
}
.hero__box--small:nth-child(0n+2){border-right:0;border-left:2px solid #eee8e1}
@media only screen and (min-width:42em){.hero__box--small:nth-child(0n+2){border-left:0}
}
.primary{padding:0;margin:0}
.primary section{margin:0 0 1em}
.primary section h2{display:block;margin:.6em 15px}
.primary section h2 a{color:#333}
@media only screen and (min-width:42em){.primary{padding-top:.8%;position:relative}
.primary section{margin:2.1em 0 1em}
}
@media only screen and (min-width:63.125em){.primary section h2{margin:0 0 .6em}
}
.primary .events{padding:0}
.primary .event{margin-bottom:.18em}
.primary .event>a{display:table;width:100%}
@media only screen and (min-width:50em){.primary .event{font-size:110%}
}
.primary .event__image,.primary .event__info{display:table-cell;color:#fff}
.primary .event__image{width:12%;padding:.72em 0;text-align:center;background:#54274c;vertical-align:middle}
.primary .event__image .icon-calendar{display:block;font:0/0 a;color:transparent}
.primary .event__image .icon-calendar:before{color:#fff;font:30px/1.6 'Motab-Icons';text-align:center}
@media only screen and (min-width:50em){.primary .event__image .icon-calendar:before{font-size:42px}
}
.primary .event__info{padding:.6em 4% 2.8em;width:88%;padding:.8em 3%;border-left:1px dashed #54274c}
.primary .event__info h3{color:#fefafa;line-height:1.2;margin:0 0 .3em;font-size:1.125em}
.primary .event__info .date,.primary .event__info .location{color:#54274d;font-size:.875em;line-height:1.2;display:inline-block;margin-right:1.2em}
.primary .event__info .date.icon-pin:before,.primary .event__info .location.icon-pin:before{margin-right:.28em;font-size:.85em;color:#2b0826}
.primary .view-calendar{background:#54274c;width:100%;display:block;color:#fff;text-align:center;padding:.5em;font-size:.813em}
@media only screen and (min-width:42em){.primary .view-calendar{background:0;display:inline-block;color:#54274c;text-align:left;font-size:96%}
}
.primary .news>li h3{line-height:1.2;font-size:1.313em;padding:1.2em 1em;margin:0 0 .625em;color:#fefafa}
.primary .news>li h3 p{font-size:100%;margin:0}
.primary .news>li p{font-size:.88em;margin:0 0 .375em;color:#fefafa}
.primary .news>li p a{color:#fff;text-decoration:underline}
.primary .news>li img{width:100%}
.primary .news>li .more{color:#fff;font-weight:700;font-size:.813em}
.primary .news>li+li{border-top:1px solid #fff}
.primary .news .green{background:#247d58}
.primary .news .yellow{background:#edad41}
.primary .news .orange{background:#fa8c40}
.primary .news .red{background:#b21c51}
.primary .news .blue{background:#3990ba}
@media only screen and (min-width:42em){.primary .news{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.primary .news>li{width:32%;position:relative}
.primary .news>li+li{box-shadow:none;border-top:0}
.primary .news>li:last-child{margin-right:0}
.primary .news>li h3{font-size:1.438em;line-height:1.14}
}
@media(min-width:960px){.primary .news>li h3{font-size:1.35em}
}
.primary .other-news a{display:block}
.primary .other-news .more{background:#ff565d;color:#fff;padding:.313em .750em}
.primary .other-news h4{margin-bottom:.5em}
@media only screen and (min-width:42em){.primary .other-news{border:8px solid #e5dcd2;font-size:112%}
}
.primary .halves{display:table;width:100%;background:#fff}
.primary .halves>div{padding:1.4em 1.8em}
.primary .halves>div+div{border-top:1px solid #ccc}
.primary .halves+.halves{border-top:1px solid #ccc}
@media only screen and (min-width:42em){.primary .halves>div{display:table-cell;width:50%}
.primary .halves>div+div{border-top:0;border-left:1px solid #ccc}
}
.primary .media{margin-bottom:2em}
.primary .media:after{content:"";display:table;clear:both}
.primary .media img{width:100%}
.primary .media>li{margin-bottom:20px}
@media only screen and (min-width:42em){.primary .media>li{float:left;width:31%;margin-right:3.5%}
}
.primary .media>li a{display:block}
.primary .media>li a span{font-size:.72em;line-height:1.2;color:#666;font-weight:700;display:block;margin:10px 15px 30px}
.primary .media>li .play{display:block}
.primary .media>li:last-child{margin-right:0}
@media(max-width:669px){.primary .media .photo-border-thin{border-color:#abc27e}
}
@media only screen and (min-width:63.125em){.primary .media>li a span{font-size:1em;margin:0}
}
.primary .media-more{margin:0 15px 4em;font-size:1em}
@media only screen and (min-width:63.125em){.primary .media-more{margin-right:0;margin-left:0}
}