/* =========================================================
   EXHIBITION TWO
   Font: Cormorant Garamond

   Main Subtitle: 16.4px
   Main Title: 41.5px

   Card Title: 23.7px
   Card Second Title: 16.3px
   Card Text: 18.1px
   Button Text: 17.3px
========================================================= */


/* =========================================================
   FORCE CORMORANT GARAMOND
========================================================= */

.elementor-widget-muzex_exhibition2,
.elementor-widget-muzex_exhibition2 h1,
.elementor-widget-muzex_exhibition2 h2,
.elementor-widget-muzex_exhibition2 h3,
.elementor-widget-muzex_exhibition2 h4,
.elementor-widget-muzex_exhibition2 h5,
.elementor-widget-muzex_exhibition2 h6,
.elementor-widget-muzex_exhibition2 p,
.elementor-widget-muzex_exhibition2 span,
.elementor-widget-muzex_exhibition2 a,
.elementor-widget-muzex_exhibition2 div {
/*     font-family: "Cormorant Garamond" !important; */
	font-family: "EB Garamond" !important;
}


/* =========================================================
   MAIN SECTION
========================================================= */

.exhibition-two {
    padding-bottom: 340px;
}


/* =========================================================
   MAIN HEADER SUBTITLE
   Canva: 16.4
========================================================= */

.elementor-widget-muzex_exhibition2
.block-title-two p {
/*     font-family: "Cormorant Garamond" !important; */
	font-family: "EB Garamond" !important;

    font-size: 16.4px !important;
}


/* =========================================================
   MAIN HEADER TITLE
   Canva: 41.5
========================================================= */

.elementor-widget-muzex_exhibition2
.block-title-two h3 {
/*     font-family: "Cormorant Garamond" !important; */
	font-family: "EB Garamond" !important;

    font-size: 41.5px !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.exhibition-two__content {
    box-shadow:
        0px
        20px
        50px
        0px
        rgba(33, 37, 43, 0.1);

    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}


/* =========================================================
   CARD TITLE
   Canva: 23.7
========================================================= */

.exhibition-two__content h3 {
    margin: 0;

    padding-top: 30px;

    margin-bottom: 10px;

    font-family: "Cormorant Garamond" !important;

    font-size: 23.7px !important;

    line-height: 36px;

    font-weight: bold;

    color: var(--thm-black);
}


.exhibition-two__content h3 a {
    font-family: "Cormorant Garamond" !important;

    color: inherit;

    -webkit-transition: 500ms;
    transition: 500ms;
}


.exhibition-two__content h3 a:hover {
    color: var(--thm-base);
}


/* =========================================================
   SECOND TITLE / DATE
   Example: STRUCTURE AND EXECUTION

   Canva: 16.3
========================================================= */

.exhibition-two__content span {
    display: block;

    margin-bottom: 15px;

    font-family: "Cormorant Garamond" !important;

    font-size: 16.3px !important;

    color: var(--thm-base);
	font-weight:600;
    text-transform: uppercase;
}


/* =========================================================
   CARD DESCRIPTION
   Canva: 18.1
========================================================= */

.exhibition-two__content p {
    margin: 0;

    margin-bottom: 12px;

    font-family: "Cormorant Garamond" !important;

    font-size: 18.1px !important;

    line-height: 28px;

    color: #848484;
}


/* =========================================================
   BUTTON TEXT
   Canva: 17.3
========================================================= */

.exhibition-two__link {
    position: relative;

    font-family: "Cormorant Garamond" !important;

    font-size: 17.3px !important;

    font-weight: bold;

    color: #252930;

    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}


.exhibition-two__link::before {
    content: "";

    position: absolute;

    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    background-color: var(--thm-base);

    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);

    -webkit-transform-origin: left center;
    transform-origin: left center;

    -webkit-transition:
        -webkit-transform 500ms ease;

    transition:
        transform 500ms ease;
}


.exhibition-two__link:hover {
    color: var(--thm-base);
}


.exhibition-two__link:hover::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);

    -webkit-transform-origin: right center;
    transform-origin: right center;
}


/* =========================================================
   IMAGE
========================================================= */

.exhibition-two__image {
    overflow: hidden;

    position: relative;

    background-color: var(--thm-black);
}


.exhibition-two__image > img {
    width: 100%;

    opacity: 1;

    transform: scale(1);

    transition: 0.7s ease;
}


.exhibition-two__single:hover
.exhibition-two__image > img {
    transform: scale(1.05);

    opacity: 0.5;
}


/* =========================================================
   IMAGE SHINE EFFECT
========================================================= */

.exhibition-two__image::after {
    position: absolute;

    top: 0;
    left: -75%;

    display: block;

    content: "";

    width: 50%;
    height: 100%;

    background:
        linear-gradient(
            to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.3) 100%
        );

    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}


.exhibition-two__single:hover
.exhibition-two__image::after {
    -webkit-animation: shine 1s;

    animation: shine 1s;
}


/* =========================================================
   CAROUSEL NAVIGATION
========================================================= */

.exhibition-two__carousel.owl-theme
.owl-nav {
    display: -webkit-box;
    display: flex;

    -webkit-box-align: center;
    align-items: center;

    -webkit-box-pack: center;
    justify-content: center;

    margin-top: 70px;
}


/* =========================================================
   NAV BUTTON
========================================================= */

.exhibition-two__carousel.owl-theme
.owl-nav [class*="owl-"] {
    width: 60px;
    height: 45px;

    border:
        1px solid
        var(--thm-base) !important;

    opacity: 50%;

    display: -webkit-box;
    display: flex;

    -webkit-box-align: center;
    align-items: center;

    -webkit-box-pack: center;
    justify-content: center;

    -webkit-transition: 500ms;
    transition: 500ms;

    position: relative;

    outline: none;

    margin: 0;
    padding: 0;
}


.exhibition-two__carousel.owl-theme
.owl-nav [class*="owl-"]:hover {
    border-color: var(--thm-base);

    background-color: transparent;

    opacity: 100%;
}


.exhibition-two__carousel.owl-theme
.owl-nav [class*="owl-"]
+ [class*="owl-"] {
    margin-left: 10px;
}


/* =========================================================
   NAV ARROW SPAN
========================================================= */

.exhibition-two__carousel.owl-theme
.owl-nav [class*="owl-"] span {
    color: rgba(0, 0, 0, 0);

    display: -webkit-box;
    display: flex;

    -webkit-box-align: center;
    align-items: center;

    -webkit-box-pack: center;
    justify-content: center;

    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    text-align: center;
}


/* =========================================================
   PREVIOUS ARROW
========================================================= */

.exhibition-two__carousel.owl-theme
.owl-nav [class*="owl-"] span::before {
    content: "\f30a";

    color: var(--thm-base);

    font-size: 17px;

    /*
     * Keep Font Awesome here.
     * Do NOT change this to Cormorant Garamond,
     * otherwise the arrow icon will break.
     */
    font-family: "Font Awesome 5 Free" !important;

    font-weight: 900;

    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    text-align: center;

    display: -webkit-box;
    display: flex;

    -webkit-box-align: center;
    align-items: center;

    -webkit-box-pack: center;
    justify-content: center;
}


/* =========================================================
   NEXT ARROW
========================================================= */

.exhibition-two__carousel.owl-theme
.owl-nav [class*="owl-"]:nth-child(2)
span::before {
    content: "\f30b";
}


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

@media (max-width: 991px) {

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


    .elementor-widget-muzex_exhibition2
    .block-title-two h3 {
        font-size: 36px !important;
    }


    .exhibition-two__content h3 {
        font-size: 22px !important;
    }


    .exhibition-two__content span {
        font-size: 15.5px !important;
    }


    .exhibition-two__content p {
        font-size: 17px !important;
    }


    .exhibition-two__link {
        font-size: 16.5px !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-widget-muzex_exhibition2
    .block-title-two p {
        font-size: 14px !important;
    }


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


    .exhibition-two__content h3 {
        font-size: 21px !important;
    }


    .exhibition-two__content span {
        font-size: 15px !important;
    }


    .exhibition-two__content p {
        font-size: 16.5px !important;
    }


    .exhibition-two__link {
        font-size: 16px !important;
    }

}


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

@media (max-width: 480px) {

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


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


    .exhibition-two__content h3 {
        font-size: 20px !important;
    }


    .exhibition-two__content span {
        font-size: 14.5px !important;
    }


    .exhibition-two__content p {
        font-size: 16px !important;
    }


    .exhibition-two__link {
        font-size: 15.5px !important;
    }

}