/* =========================================================
   KEYHELD SERVICES
   Based on MUZEX Exhibition 2
========================================================= */


/* =========================================================
   ELEMENTOR WIDGET
========================================================= */

.elementor-widget-muzex_exhibition2 {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-widget-muzex_exhibition2
> .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   SECTION
   Override original 340px bottom padding
========================================================= */

.exhibition-two {
    padding-bottom: 30px !important;

    background: #f8f5ed;

    font-family: "Cormorant Garamond", Georgia, serif !important;
}


/* Use Cormorant Garamond throughout */

.exhibition-two,
.exhibition-two h1,
.exhibition-two h2,
.exhibition-two h3,
.exhibition-two p,
.exhibition-two span,
.exhibition-two a {
    font-family: "Cormorant Garamond", Georgia, serif !important;
}


/* =========================================================
   HEADER SPACING
========================================================= */

.exhibition-two .block-title-two {
    margin-bottom: 34px !important;

    padding-top: 65px !important;
}


/* =========================================================
   VERTICAL LINE
========================================================= */

.exhibition-two .block-title-two__line {
    width: 1px !important;
    height: 50px !important;

    top: -5px !important;

    background: #c9a668 !important;
}


/* =========================================================
   OUR SERVICES
   Canva: 16.4
========================================================= */

.exhibition-two .block-title-two p {
    margin-bottom: 12px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 16.4px !important;
    line-height: 1.3 !important;

    font-weight: 600 !important;

    letter-spacing: 2.5px !important;

    color: #b78b54 !important;
}


/* =========================================================
   THE KEYHELD METHOD
   Canva: 41.5
========================================================= */

.exhibition-two .block-title-two h3 {
    margin: 0 !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 41.5px !important;
    line-height: 1.15 !important;

    font-weight: 600 !important;

    letter-spacing: -0.3px;

    color: #c9a668 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .exhibition-two {
        padding-bottom: 30px !important;
    }

    .exhibition-two .block-title-two {
        padding-top: 58px !important;
        margin-bottom: 30px !important;
    }

    .exhibition-two .block-title-two p {
        font-size: 15px !important;
    }

    .exhibition-two .block-title-two h3 {
        font-size: 35px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .exhibition-two {
        padding-bottom: 30px !important;
    }

    .exhibition-two .block-title-two {
        padding-top: 52px !important;
        margin-bottom: 28px !important;
    }

    .exhibition-two .block-title-two__line {
        height: 40px !important;
    }

    .exhibition-two .block-title-two p {
        font-size: 14px !important;
        letter-spacing: 2px !important;
    }

    .exhibition-two .block-title-two h3 {
        font-size: 32px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .exhibition-two .block-title-two p {
        font-size: 13px !important;
    }

    .exhibition-two .block-title-two h3 {
        font-size: 29px !important;
    }

}



/* =========================================================
   EXHIBITION 2 - EQUAL CARD HEIGHT FIX
========================================================= */

/* Make Owl items stretch to the same height */

.exhibition-two .exhibition-two__carousel .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}


.exhibition-two .exhibition-two__carousel .owl-item {
    display: flex !important;

    float: none !important;

    height: auto !important;
}


/* Owl .item wrapper */

.exhibition-two .exhibition-two__carousel .owl-item > .item {
    display: flex !important;

    width: 100% !important;
    height: 100% !important;
}


/* Full card */

.exhibition-two .exhibition-two__single {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    background: #ffffff;
}


/* Keep every image the same height */

.exhibition-two .exhibition-two__image {
    flex: 0 0 290px;

    width: 100%;
    height: 290px !important;

    overflow: hidden;
}


.exhibition-two .exhibition-two__image > img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;
}


/* Content fills remaining card height */

.exhibition-two .exhibition-two__content {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100%;

    box-sizing: border-box;
}


/* Push Explore services to bottom */

.exhibition-two .exhibition-two__link {
    margin-top: auto !important;

    align-self: flex-start;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .exhibition-two .exhibition-two__image {
        flex-basis: 260px;

        height: 260px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

    .exhibition-two .exhibition-two__image {
        flex-basis: 250px;

        height: 250px !important;
    }

}