.post-hero {
    padding-bottom:40%;
    position: relative;
    overflow: hidden;
}

.post-hero > img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

@media (min-width:922px) {
    .post-hero {
        padding-bottom:45%;
    }
}

.post-title {
    color: #ffffff;
    margin:0 0 2em 0;
    width:100%;
    position: relative;
}

@media (min-width:1200px) {
    .post-title {
        margin:-15% 0 2em 1.5em;
        width:38%;
    }
}

.post-title--top {
    padding:30px 30px 10px 30px;
    background-color: #555555;
}

.post-title--top span {
    margin-right:1em;
    text-transform: uppercase;
}

.post-title--top h1 {
    font-family: 'Sainsbury Museum Baumer', ui-sans-serif, system-ui, sans-serif !important;
    color: inherit;
    margin:0.25em 0 0.5em 0;
}

.post-title--bottom {
    font-size: 20px;
    padding:15px 30px;
    text-transform: uppercase;

}

.post-title--bottom a {
    color:inherit;

}

.post-title--bottom a:hover {
    color:inherit;
}

.post-columns {
    display: flex;
    margin-bottom:2em;
    flex-direction: column;
}

@media (min-width:992px) {
    .post-columns {
        flex-direction: row;
    }
}

@media (min-width:992px) {
    .post-columns--left,
    .post-columns--right {
        width:50%;
    }
}

.ticket-info {
    margin:0 0 2em 0;
}

.ticket-info p {
    margin:0;
}

.post-columns--right {
    padding:1em;
}

.post-columns--right p.sidebar-quote {
    font-size:2.25em;
    line-height:1.3em;
}

.post-columns--right-book {
    clear:both;
    float:right;
    color:#fff;
    font-size:1em;
    font-weight: 100;
    padding:1.25em 3em;
    text-decoration: none;
    text-transform: uppercase;
}

.post-columns--right-book a {
    color:#fff;
    text-decoration: none;
}

@media (min-width:992px) {
    .post-columns--right {
        padding:0 15px 0 40px;
    }
}

@media (min-width:1200px) {
    .post-columns--right {
        margin-top:-2.5em;
    }
}

.event_branding_colour_pink_bg,
.event_cat_branding_colour_pink,
.event_shortcode_brand_color_pink {
    background:rgb(85, 85, 85);
}

.event_branding_colour_blue_bg,
.event_cat_branding_colour_blue,
.event_shortcode_brand_color_blue {
    background:rgb(85, 85, 85);
}

.event_branding_colour_green_bg,
.event_cat_branding_colour_green,
.event_shortcode_brand_color_green {
    background:rgb(85, 85, 85);
}

/* .post-media > div {
    display: flex;
} */

.post-media {
    position: relative;
}

.post-media--carousel {
    display: flex;
    flex-wrap: wrap;
}

.post-media .swiper-container {
    margin:0!important;
}

@media (min-width:768px) {
    .post-media .post-media--carousel-3.swiper-container {
        margin:0;
    }
}

.post-media .arrow-left,
.post-media .arrow-right {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc( 100% - 25px );
    z-index: 5;
    opacity: 0.5;
    transition: opacity 0.5s ease;
    cursor: pointer;
    top: 25px;
}

.post-media .arrow-right {
    right: 0;
}

.post-media .arrow-left:hover,
.post-media .arrow-right:hover {
    opacity: 1;
}

.post-media .swiper-container .swiper-slide,
.post-media .swiper-container .swiper-slide a {
    margin: 0 !important;
    text-decoration: none;
}

.post-media .swiper-container .swiper-slide p.caption {
    text-decoration: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.post-media .swiper-container .swiper-slide p.caption svg {
    width: 15px;
    height: 15px;
    margin: 0 0 -2px 2px;
}

.post-media .swiper-container .swiper-slide img {
    width: 100%;
    object-fit: cover;
}

.post-media .swiper-container .swiper-pagination-bullets {
    position: relative;
    bottom:-7px;
    text-align: left;
}

.post-media .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    cursor: pointer;
    height:13px;
    width:13px;
}

/*
.post-media--carousel {
    position: relative;
}

.post-media--carousel .slick-dots {
    bottom:-31px;
    text-align: left;
}

.post-media--carousel .slick-dots li button:before {
    font-size:11px!important;
}

.post-media .post-media--carousel_3 div.slick-slide div {
    width:150px;
}

*/

.post-media div a {
    display: block;
    margin-right:0.5em;
    position: relative;
}

.post-media div a:hover {
    opacity: 1;
}

.post-media span.post-image-enlarge {
    align-items: center;
    background:rgba(255,255,255, 0.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width:100%;
}

.post-media div a:hover span.post-image-enlarge {
    opacity: 1;
}

.post-media span.post-image-enlarge i {
    font-size:2em;
    opacity: 0.7;
}

.post-related {
    margin:4em 0 2em 0;
}

.post-related--posts {
    display: flex;
    flex-wrap: wrap;
}

.post-related--post {
    background-color: rgb(255, 255, 255);
    box-shadow: 2px 2px 10px #c3c3c3;
    margin:1em;
    position: relative;
    width:100%;
}

@media (min-width:565px) {
    .post-related--post {
        width:43.5%;
    }
}

@media (min-width:768px) {
    .post-related--post {
        width:28.75%;
    }
}

@media (min-width:1200px) {
    .post-related--post {
        margin:1em 2em 1em 0;
        min-height: 600px;
        width:23%;
    }
}

@media (min-width:1200px) {
    .post-related--post:last-child {
        margin-right:0;
    }
}

.post-related--post .event-listing-post-image-container {
    position: relative;
    overflow: hidden;
}

.post-related--post .post-related--post--image {
    background-size:cover;
    background-repeat: no-repeat;
    padding-bottom:115%;
    transition: 0.3s all ease-in-out;
}

.post-related--post:hover .post-related--post--image {
    transform: scale(1.1);
    transition: 0.3s all ease-in-out;
}

.post-related--post .post-related--post--image img {
    width:100%;
    transform: scale(1);
    transition: 0.3s all ease-in-out;
}

.post-related--post--text {
    padding: 25px 30px 40px 15px;
}

/*
@media (min-width:1200px) {
    .post-related--post .post-related--post--image img {
        height:322px!important;
    }
} */

.post-related--post:hover .post-related--post--image img {
    transform: scale(1.1);
    transition: 0.3s all ease-in-out;
}post-related--post

.post-related--post--text {
    margin-bottom: 10px;
    padding:10px 15px 0 15px;
}

.post-related--post .event-sc-post--content--note span {
    position: relative;
    font-size: 0.9em;
    float:right;
    margin:1em 0;
    padding: 0 1.5em;
}

.post-related--post .event-sc-post--content--note span:before,
.post-related--post .event-sc-post--content--note span:after {
    background:#000;
    content:"";
    height:2px;
    position: absolute;
    top:11px;
    width:15px;
}

.post-related--post .event-sc-post--content--note span:before {
    left:0;
}

.post-related--post .event-sc-post--content--note span:after {
    right:0;
}

.post-related--post a {
    height:100%;
    left:0;
    position: absolute;
    top:0;
    width:100%;
}


.single-art-and-objects .post-media .swiper-slide a {
    padding:1em;
}