.event_marker {
    background-color: #60BEB4
    }
nav {
    font-weight: normal;
    font-size: 100%;
    font-family: "Georgia", "Times", "Times New Roman", serif
    }
.loc_marker {
    background-color: #60BEB4
    }
.curr_loc_marker, .mp-filterbar-textbar::before {
    background-color: #000
    }
a {
    color: #000
    }
h5, label {
    font-family: "Georgia", "Times", "Times New Roman", serif
    }
a:hover {
    color: #60BEB4
    }
h1, h2, h3, h4 {
    font-style: normal;
    color: #000;
    font-family: "Arial", "Helvetica Neue", "Helvetica", sans-serif
    }
p {
    font-size: 100%;
    font-family: "Arial", "Helvetica Neue", "Helvetica", sans-serif
    }
/* highlight color #60BEB4 */
/* latin-ext
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v9/zOL64pLDlL1D99S8g8PtiKchq-lmjcDidBeT5g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-ext
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


 /* page margins & container spacing */
html {
    background: #efefef
    }
body {
    max-width: 88rem;
    margin: 0 auto;
    background: #fff
    }
main {
    max-width: 72em;
    margin: 0 auto 5rem
    }
@media only screen and (min-width: 48em) {
    .mp-sidebar #main {
        padding-right: 5%
        }
    }
@media only screen and (max-width: 72em) {
    main {
        margin: 0 1rem 5rem
        }
    }
@media only screen and (max-width: 32em) {
    main {
        margin: 0 0.75rem 3rem
        }
    }
.mp-layout-sprocket {
    padding: 0.5rem 0
    }
@media only screen and (min-width: 48em) {
    .mp-layout-sprocket {
        padding: 0.75rem
        }
    }
.image img, .mp-thumb img {
    --ls-ratio: 0.5625
    }
/* fonts & text sizing */
body, p, li, button, input {
    font-family: "Roboto", sans-serif
    }
h1, h2, h3 {
    font-family: "Abril Fatface", Georgia, serif
    }
h4, h5, h6 {
    font-family: "Roboto", sans-serif
    }
a {
    color: #60BEB4
    }
h1 {
    font-size: 2.5rem;
    line-height: 120%
    }
h2 {
    font-size: 2rem;
    line-height: 120%
    }
.mp-title h2, #features h2, h3.sidebar-title, #related h3, .mentions_list h3, #comments h3, .tags h4 {
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.025rem;
    font-weight: 700;
    padding: 0.5rem 0;
    font-size: 1.1rem;
    border-bottom: 1px solid #999;
    margin-bottom: 0.5rem
    }
.ui-tabs h2 {
    font-family: "Roboto", sans-serif;
    font-size: 0.8rem
    }
.ui-tabs h2 a {
    color: #000
    }
h3 {
    font-size: 1.3rem;
    line-height: 130%
    }
.mp-classiclist h3 {
    font-size: 1.2rem;
    line-height: 120%
    }
.content h2, .content h3, .content h4, .mp-cal h3 {
    font-family: "Roboto", sans-serif
    }
.content h2 {
    font-size: 1.5rem
    }
.content h3 {
    font-size: 1.2rem
    }
h4 {
    font-size: 1.15rem;
    line-height: 125%
    }
.address h4, .event_info h4 {
    font-family: "Abril Fatface", Georgia, serif
    }
.address h4 a, .event_info h4 a {
    color: #000
    }
h5 {
    font-size: 1rem;
    line-height: 125%
    }
#QLOpened, #QLOpened input, #QLOpened button {
    font-size: 0.8rem
    }
@media only screen and (max-width: 32em) {
    h1, h2, h3 {
        font-size: 1.5rem
        }
    h2 {
        font-size: 1.3rem
        }
    h3 {
        font-size: 1.2rem
        }
    }
.mp-title h2 a, .mp-list-item h3 a, .feature h3 a {
    color: #000
    }
.mp-infos, .infos {
    font-size: 0.7rem;
    text-transform: uppercase;
    margin: 1em 0
    }
.mp-list-item .mp-infos, .infos span {
    margin-right: 0.5rem
    }
label {
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.025rem;
    font-weight: 700;
    font-size: 0.7rem
    }
.eventinfos div * {
    display: inline-block;
    vertical-align: baseline
    }
.eventinfos label {
    width: 8rem
    }
.eventinfos .dates {
    vertical-align: top
    }
.eventinfos label + span {
    margin-left: -0.25rem
    }
/* this hides parent section label on list items in sprockets*/
.mp-section a:not(:last-child) {
    display: none
    }
.mp-credits, .credits {
    display: none;
    font-size: 0.6rem;
    color: #fff;
    text-shadow: 0 0 1px #333
    }
/* header & nav */
.header_links, .chicklets, #mp-search-bar {
    display: none
    }
#logo {
    margin: 1rem 0
    }
.logo img {
    margin: 0 auto;
    max-width: 100%
    }
#topnav {
    background: #000
    }
#topnav .mainnav {
    margin: 0 auto;
    max-width: 72rem;
    justify-content: center
    }
.mainnav a {
    padding: 0.7rem 1rem;
    color: #dedede;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 300
    }
#topnav > ul .menu_section_home a, .menu_section_home a {
    display: none
    }
@media only screen and (min-width: 48em) {
    .mainnav .nav_handle {
        display: none
        }
    }
.mainnav li.selected > a, .mainnav > li > a:hover {
    color: #60BEB4
    }
.mainnav a:hover {
    background: #000;
    color: #fff
    }
.subnav_nested {
    min-width: 200px;
    box-shadow: 0 0 2px 1px #666
    }
.subnav_nested a {
    font-size: 0.92rem;
    padding: 0.4rem 1.5rem;
    text-transform: none;
    color: #333
    }
.subnav_nested a:hover {
    background: #60BEB4
    }
@media only screen and (max-width: 48em) {
    #topnav {
        padding: 0.56rem
        }
    #topnav .pull {
        float: right;
        width: 1.25rem;
        height: 1.25rem
        }
    }
@media only screen and (max-width: 32em) {
    #logo {
        margin: 0;
        position: absolute;
        z-index: 101
        }
    .logo img {
        width: 13em;
        margin: 0
        }
    #topnav .mainnav {
        margin-top: 2rem
        }
    .pull:hover {
        background: #000
        }
    .nav_handle {
        float: right
        }
    #topnav.open > ul li .subnav_nested.open li {
        height: 2.1rem
        }
    }
.ui-tabs {
    clear: both;
    margin-top: 1.5em
    }
.ui-tabs-nav li {
    padding: 0.25em 0.5em;
    margin-right: 0.25em;
    cursor: pointer
    }
#bottom {
    background-color: #000;
    padding: 2rem 0
    }
#bottomnav .mainnav, #textnav ul {
    border-bottom: 1px solid #333;
    justify-content: center
    }
#bottomnav .mainnav li, #textnav li {
    text-align: center;
    padding: 1rem
    }
#bottomnav .nav_handle {
    display: none
    }
@media only screen and (max-width: 32em) {
    #bottomnav .mainnav li, #textnav li, #bottomnav .mainnav a {
        padding: 0.25rem
        }
    #bottomnav .mainnav a {
        font-size: 0.9rem;
        font-weight: normal
        }
    }
#textnav a {
    color: #efefef;
    text-transform: uppercase;
    font-size: 0.85rem
    }
#textnav a:hover {
    color: #999
    }
#copyright, #mp_credits {
    color: #ccc;
    padding: 1.5rem 0
    }
#mp_credits {
    font-size: 0.7rem
    }
/*sticky menu*/
@media only screen and (min-width: 48em) {
    #topnav.active .menu_section_home a {
        display: block;
        position: absolute;
        left: 1%;
        width: 170px;
        text-indent: -9999px;
        background: url(cw_logo-mob.png) no-repeat 0 0;
        background-size: contain;
        background-position: center;
        transition: opacity 0.4s ease-out;
        opacity: 0
        }
    #topnav.active .menu_section_home a {
        opacity: 1
        }
    #topnav.active {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2000;
        background-color: #000;
        padding-top: 0;
        border-top: none;
        box-shadow: 0 0 3px 3px rgba(64, 64, 64, 0.4);
        -moz-box-shadow: 0 0 3px 3px rgba(64, 64, 64, 0.4);
        -webkit-box-shadow: 0 0 3px 3px rgba(64, 64, 64, 0.4)
        }
    #top.active {
        padding-bottom: 45px
        }
    }
#leaderboard_nav {
    margin: 1.5rem auto
    }
#breadcrumbs {
    max-width: 72rem;
    font-size: 0.7em;
    text-transform: uppercase;
    margin: 1.5rem auto 1rem
    }
@media only screen and (max-width: 72rem) {
    #breadcrumbs {
        margin: 0 1rem
        }
    }
@media only screen and (max-width: 32em) {
    #breadcrumbs {
        margin: 0 0.75rem
        }
    }
#html-search-bar {
    max-width: 300px;
    margin: 0 auto 2rem
    }
#html-search-bar input {
    width: 80%
    }
.search.submit {
    background-image: url(search-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    background-color: transparent;
    text-indent: 3.5rem;
    overflow: hidden;
    width: 3rem;
    height: 2.5rem;
    padding: 0
    }
.search.submit:hover {
    opacity: 0.5
    }
.sectionpaging {
    margin: 1rem 0
    }
.sectionpaging a:hover {
    background: transparent;
    text-decoration: underline
    }
.sectionpaging .prev::before, .sectionpaging .next::after {
    width: 1rem;
    height: 1rem
    }
.sectionpaging .prev::before {
    background-image: url(caret-left-blk.svg);
    margin-right: 0.25rem
    }
.sectionpaging .next::after {
    background-image: url(caret-right-blk.svg);
    margin-left: 0.25rem
    }
/* new section sprockets */
.mp-item-wrapper {
    margin: 0.5rem
    }
.mp-classiclist .mp-title {
    margin-bottom: 0.25rem
    }
.mp-carousel .mp-swiper-wrapper {
    padding-bottom: 1rem
    }
.mp-classiclist .mp-list-item {
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ccc
    }
.mp-classiclist .mp-item-wrapper {
    margin: 0
    }
.mp-carousel .mp-item-wrapper {
    margin: 0
    }
.mp-carousel .mp-thumb {
    background: #000
    }
.mp-carousel .mp-thumb a:after {
    display: block;
    z-index: 10;
    content: "";
    pointer-events: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+40,0.7+75,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    }
.mp-carousel .mp-text {
    position: absolute;
    z-index: 11;
    top: auto;
    bottom: 0;
    padding: 0 1.5rem 4.5rem
    }
.mp-carousel .mp-text a, .mp-carousel .mp-description, .mp-carousel .mp-infos, .mp-carousel .mp-infos a {
    color: #fff
    }
.mp-carousel .mp-infos {
    position: absolute;
    bottom: 1rem;
    z-index: 11
    }
.mp-carousel .mp-infos:first-of-type {
    left: 1.5rem
    }
.mp-carousel .mp-infos:nth-of-type(2) {
    left: 7rem
    }
.mp-carousel .mp-infos:nth-of-type(3) {
    right: 1rem
    }
.mp-carousel .mp-infos:nth-of-type(n+4) {
    display: none
    }
.mp-carousel .mp-text h3 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    letter-spacing: 1px
    }
.mp-carousel .mp-description {
    font-weight: 300
    }
.mp-grid-6 .mp-carousel .mp-text, .mp-grid-4 .mp-carousel .mp-text, .mp-grid-3 .mp-carousel .mp-text {
    padding-bottom: 2.5rem
    }
.mp-grid-6 .mp-carousel h3, .mp-grid-4 .mp-carousel h3, .mp-grid-3 .mp-carousel h3 {
    font-size: 1.3rem
    }
.mp-grid-6 .mp-carousel .mp-description, .mp-grid-4 .mp-carousel .mp-description, .mp-grid-3 .mp-carousel .mp-description {
    display: none
    }
@media only screen and (max-width: 32em) {
    .mp-carousel .mp-thumb a:after {
        background: rgba(0, 0, 0, 0.5)
        }
    .mp-carousel .mp-description {
        display: none
        }
    .mp-carousel .mp-text h3 {
        font-size: 1.3rem
        }
    .mp-carousel .mp-text {
        padding-bottom: 2.5rem
        }
    .mp-carousel .mp-infos {
        bottom: 0.5rem
        }
    }
.mp-swiper-but {
    top: auto;
    bottom: 0;
    width: 1.5rem;
    height: 1.5rem
    }
.mp-carousel .mp-prev-but {
    background-image: url(caret-left-blk.svg)
    }
.mp-carousel .mp-next-but {
    background-image: url(caret-right-blk.svg)
    }
.mp-posterboard .mp-item-wrapper {
    margin: 0 0.5rem 1rem;
    padding: 0 1.25rem 1.25rem
    }
@media only screen and (max-width: 32em) {
    .mp-posterboard .mp-item-wrapper {
        margin: 0 0 1rem
        }
    }
.mp-posterboard .mp-thumb {
    margin: 0 -1.25rem;
    width: calc(100% + 2.5rem)
    }
.mp-posterboard .mp-text {
    padding: 0.5rem 0
    }
.mp-ad-sprocket {
    text-align: center
    }
.mp-cal {
    background: transparent;
    border: 2px solid #999
    }
.mp-cal .mp-title h2 {
    border-bottom: none;
    text-align: center
    }
.flatpickr-calendar .flatpickr-month {
    text-transform: uppercase
    }
.mp-cal .mp-event-item {
    margin: 0;
    border-top: 1px solid #ccc
    }
.mp-cal ul {
    border-bottom: 2px solid #ccc;
    max-width: 90%;
    margin: 0 auto 0.5rem
    }
.mp-goto-search {
    width: 8rem;
    text-align: center;
    font-size: 0.85rem;
    margin: 0.5rem auto;
    color: #333;
    border: 1px solid #666;
    padding: 0.25rem;
    text-transform: uppercase;
    display: block
    }
.mp-gallery .mp-item-wrapper {
    margin: 0;
    position: relative
    }
.mp-gallery .mp-thumb a:after {
    display: block;
    z-index: 10;
    content: "";
    pointer-events: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+40,0.7+75,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    }
.mp-gallery .mp-text {
    position: absolute;
    z-index: 11;
    top: auto;
    bottom: 0;
    padding: 0 1rem 2rem
    }
.mp-gallery .mp-text h3 {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    letter-spacing: 1px
    }
.mp-gallery .mp-description {
    font-weight: 300
    }
.mp-gallery .mp-text a, .mp-gallery .mp-description, .mp-gallery .mp-infos, .mp-gallery .mp-infos a {
    color: #fff
    }
.mp-gallery .mp-infos {
    position: absolute;
    bottom: 1rem;
    z-index: 11;
    margin: 0
    }
.mp-gallery .mp-infos:first-of-type {
    left: 1rem
    }
.mp-gallery .mp-infos:nth-of-type(2) {
    left: 7rem
    }
.mp-gallery .mp-infos:nth-of-type(3) {
    right: 1rem
    }
.mp-gallery .mp-infos:nth-of-type(n+4) {
    display: none
    }
.mp-gallery .mp-list-item .mp-item-wrapper {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
    margin-bottom: 1.5rem
    }
.mp-3item-list .mp-list-item {
    float: right
    }
.mp-3item-list .mp-list-item:first-child {
    width: 64%;
    float: left
    }
.mp-3item-list .mp-list-item:first-child .mp-thumb img {
    --ls-ratio: 0.633
    }
.mp-1item-list .mp-list-item:first-child h3, .mp-3item-list .mp-list-item:first-child h3 {
    font-size: 2rem
    }
.mp-1item-list .mp-list-item:first-child .mp-text, .mp-2item-list .mp-list-item:first-child .mp-text, .mp-3item-list .mp-list-item:first-child .mp-text {
    padding-bottom: 3rem
    }
.mp-3item-list .mp-list-item:nth-child(2) {
    margin-bottom: 2%
    }
.mp-3item-list .mp-list-item:nth-child(n+2) .mp-description, .mp-4item-list .mp-list-item .mp-description, .mp-5item-list .mp-list-item:nth-child(n+3) .mp-description, .mp-grid-8 .mp-5item-list .mp-list-item:nth-child(n+2) .mp-description, .mp-6item-list .mp-list-item .mp-description, .mp-grid-4 .mp-gallery .mp-description, .mp-grid-3 .mp-gallery .mp-description {
    display: none
    }
@media only screen and (max-width: 32em) {
    .mp-3item-list .mp-list-item:nth-child(n) {
        width: 100%;
        float: none;
        margin: 0 0 0.5rem
        }
    .mp-1item-list .mp-list-item:first-child h3, .mp-3item-list .mp-list-item:first-child h3 {
        font-size: 1.3rem
        }
    .mp-gallery .mp-infos {
        bottom: 0.5rem
        }
    .mp-gallery .mp-text .mp-description {
        display: none
        }
    }
.mp-slider .mp-list-item {
    margin: 0 1% 0 0
    }
.mp-slider .mp-slider-but {
    top: 13%
    }
.mp-grid-3 .mp-slider .mp-slider-but {
    top: 20%
    }
@media only screen and (max-width: 32em) {
    .mp-slider .mp-slider-but, .mp-grid-3 .mp-slider .mp-slider-but {
        top: 15%
        }
    }
.mp-slider .mp-prev-but {
    left: 0
    }
.mp-slider .mp-text {
    text-align: center;
    padding: 1rem 0.5rem
    }
.mp-slider .mp-text h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: uppercase
    }
.covers.mp-slider .mp-list-item {
    width: 33.33%;
    margin: 0 1% 0 0
    }
@media only screen and (max-width: 32em) {
    .covers.mp-slider .mp-list-item {
        width: 100%;
        margin: 0
        }
    }
.covers.mp-slider .mp-slider-but {
    top: 37%
    }
.covers .mp-thumb a {
    padding-bottom: 130%
    }
.covers .mp-thumb a img {
    --ls-ratio: 1.3
    }
/* original section elements */
.feature {
    margin-bottom: 1.5rem
    }
.feature .image {
    margin-right: 1rem
    }
@media only screen and (min-width: 48em) {
    .feature .image {
        width: 25%
        }
    }
/* old event sprocket */
.sprocket_eventcal .event_list li {
    border-bottom: 1px solid #ccc;
    margin: 0.5rem 0;
    padding: 0.5rem 0
    }
.sprocket_eventcal .event_category, .sprocket_eventcal .event_date, .sprocket_eventcal .event_location {
    font-size: 0.85rem;
    font-weight: 300
    }
.sprocket_eventcal .event_title {
    font-size: 1.2rem;
    text-transform: uppercase
    }
.sprocket_eventcal .event_location a {
    font-weight: bold;
    color: #666
    }
.sprocket_eventcal .search, .sprocket_eventcal .submit {
    width: 8rem;
    text-align: center;
    font-size: 0.85rem;
    margin: 0.5rem auto;
    color: #333;
    border: 1px solid #666;
    padding: 0.25rem;
    margin: 0.5rem;
    text-transform: uppercase;
    display: inline-block
    }
/* partner content label */
.partner-content .mp-item-wrapper:after {
    display: block;
    content: "Partner Content";
    text-transform: uppercase;
    font-size: 0.6rem;
    letter-spacing: 0.05em;
    color: #fff;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 7rem;
    padding: 0.25rem;
    margin: 0 auto;
    text-align: center;
    z-index: 1
    }
.partner-content .mp-item-wrapper {
    background: #efefef
    }
.mp-classiclist .partner-content.mp-list-item {
    border-bottom: none
    }
.mp-classiclist .partner-content .mp-item-wrapper {
    padding: 0 0.5rem 0.5rem
    }
.mp-classiclist .partner-content .mp-text {
    padding: 1.5rem 0 0.5rem
    }
/* Archives – CSS for archive page */
#covers h2 {
    padding: 1em 0 0.5em 0;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
    clear: left
    }
.cover {
    float: left;
    display: inline;
    padding: 0.92em;
    margin: 1px
    }
.cover:hover {
    background: #e9e9e9
    }
.cover img {
    width: 12em;
    height: auto
    }
.cover h3 {
    font-size: 0.75em;
    text-transform: uppercase
    }
/* content pages */
header h1, #title {
    margin-bottom: 1.5rem
    }
header .subtitle {
    font-weight: 300
    }
.sectionpaging {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
    padding: 0.5em 0
    }
.tools {
    margin-top: 1em
    }
.content a:hover {
    text-decoration: underline
    }
.pageinfos {
    text-align: left
    }
.pageinfos p {
    display: inline-block;
    margin-right: 0.25rem;
    font-weight: 700
    }
.pageinfos .author + time:before {
    content: "|";
    margin-right: 0.25em
    }
.pageinfos .time, .share .print, .share .RSS_link, .media-carousel .media-content {
    display: none
    }
.content p, .content h2, .content h3, .media-carousel, .content ul, .content ol {
    margin-bottom: 1.5rem
    }
.content h2, .content h3, .content h4 {
    font-family: "Abril Fatface", Georgia, serif
    }
.content p, .content ul, .content ol, .mp-description {
    font-weight: 300;
    line-height: 1.6
    }
.content li {
    margin-left: 1.5rem
    }
.media-carousel .file img {
    width: 100%
    }
.eventinfos div {
    margin-bottom: 1rem
    }
.eventinfos .pagination {
    margin-left: 8rem;
    max-width: 300px;
    justify-content: space-evenly
    }
#related li, .mentions_list li {
    margin-bottom: 1.5rem
    }
#related li .image, .mentions_list li .image {
    margin-right: 1rem
    }
@media only screen and (min-width: 48em) {
    #related li .image, .mentions_list li .image {
        width: 25%
        }
    }
#related li h4, .mentions_list li h4 {
    text-transform: uppercase
    }
.tags h4 {
    border-bottom: none
    }
.tags a {
    background: #fff;
    border: 1px solid #60BEB4;
    padding: 0.2rem 0.5rem;
    margin: 0 0.25rem 0.5rem 0
    }
.tags a:hover {
    color: #fff;
    background: #60BEB4
    }
.media-options .open-slideshow {
    display: none
    }
/* searches */
#filterbar {
    width: 70%;
    display: inline-block;
    margin: 1rem 1rem 0 0
    }
.pagination {
    margin: 1rem 0;
    font-size: 0.8rem;
    color: #ccc;
    text-transform: uppercase
    }
.event_result, .location_result, .location_listing_result {
    margin: 0.5rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ccc
    }
.event_info .event_date {
    text-transform: uppercase;
    font-size: 0.8rem
    }
.details .description {
    font-size: 0.9rem;
    margin-bottom: 1rem
    }
.cats, .feats {
    font-size: 0.8rem;
    font-style: italic
    }
.details .event_thumb, .details .loc_thumb {
    float: left;
    margin: 0 1rem 1rem 0
    }
/* RSS */
.RSS_link {
    display: none
    }
#cal_side .RSS_link {
    display: inline-block
    }