/* =========================================================
   HISTORY
   Original Muzex layout preserved
   Font: Cormorant Garamond
========================================================= */


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

.elementor-widget-muzex_history
.history-one {
/*     padding-bottom: 150px;
    padding-top: 95px; */

    position: relative;

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


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

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


/* =========================================================
   DECORATIVE SCULPTURE
   Hidden as previously requested
========================================================= */

.elementor-widget-muzex_history
.history-one__sculp {
    display: none !important;
}


/* =========================================================
   MAIN HEADER SUBTITLE
   Canva: 16.4
   Example: OUR STORY
========================================================= */

.elementor-widget-muzex_history
.history-one .block-title-two p {
/*     font-family: "Cormorant Garamond", Georgia, serif !important; */
	font-family: "EB Garamond" !important;

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

    font-weight: 600 !important;

    letter-spacing: 2.4px !important;

    text-transform: uppercase;

    color: #c9a668 !important;
	
}


/* =========================================================
   MAIN HEADER TITLE
   Canva: 41.5
   Requested size: 36.5
   Gold + Bold
========================================================= */

.elementor-widget-muzex_history
.history-one .block-title-two h3 {
/*     font-family: "Cormorant Garamond", Georgia, serif !important; */
	font-family: "EB Garamond" !important;

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

    font-weight: 700 !important;

    letter-spacing: -0.2px !important;

    color: #c9a668 !important;
}


/* =========================================================
   ALTERNATING ROWS
========================================================= */

.elementor-widget-muzex_history
.history-one__single:nth-child(odd) .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;

    flex-direction: row-reverse;
}


.elementor-widget-muzex_history
.history-one__single:nth-child(odd)
.history-one__image {
    display: -webkit-box;
    display: flex;

    -webkit-box-pack: end;
    justify-content: flex-end;
}


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

.elementor-widget-muzex_history
.history-one__image {
    position: relative;

    overflow: hidden;
}


.elementor-widget-muzex_history
.history-one__image > img {
    position: relative;

    box-shadow:
        0 20px 50px
        rgba(33, 37, 43, 0.2);
}


/* =========================================================
   IMAGE HOVER EFFECT
========================================================= */

.elementor-widget-muzex_history
.history-one__image::after {
    position: absolute;

    top: 50%;
    left: 50%;

    z-index: 1;

    display: block;

    content: "";

    width: 0;
    height: 0;

    background:
        rgba(255, 255, 255, 0.2);

    border-radius: 0;

    -webkit-transform:
        translate(-50%, -50%);

    transform:
        translate(-50%, -50%);

    opacity: 0;
}


.elementor-widget-muzex_history
.history-one__image:hover::after {
    -webkit-animation: circle 0.95s;

    animation: circle 0.95s;
}


/* =========================================================
   IMAGE DECORATIVE DOTS
========================================================= */

.elementor-widget-muzex_history
.history-one__image::before {
    content: "";

    position: absolute;

    width: 250px;
    height: 202px;

    background-image:
        url(../images/shapes/about-dot-2.png);

    background-repeat: no-repeat;

    top: 50%;
    left: 0;

    -webkit-transform:
        translateY(-50%)
        translateX(-50%);

    transform:
        translateY(-50%)
        translateX(-50%);
}


/* Odd rows */

.elementor-widget-muzex_history
.history-one__single:nth-child(odd)
.history-one__image::before {
    left: auto;
    right: 0;

    -webkit-transform:
        translateY(-50%)
        translateX(50%);

    transform:
        translateY(-50%)
        translateX(50%);
}


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

.elementor-widget-muzex_history
.history-one__content {
    width: 100%;

    padding-right: 70px;
}


.elementor-widget-muzex_history
.history-one__single:nth-child(even)
.history-one__content {
    padding-right: 0;
    padding-left: 70px;
}


/* =========================================================
   SINGLE ITEM
========================================================= */

.elementor-widget-muzex_history
.history-one__single {
    position: relative;
}


/* =========================================================
   CENTER TIMELINE DOT
========================================================= */

.elementor-widget-muzex_history
.history-one__single::before {
    content: "";

    width: 25px;
    height: 25px;

    border: 7px solid #f0ede6;

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

    position: absolute;

    top: 50%;
    left: 50%;

    -webkit-transform:
        translateY(-50%)
        translateX(-50%);

    transform:
        translateY(-50%)
        translateX(-50%);

    border-radius: 50%;

    z-index: 11;
}


/* =========================================================
   CENTER TIMELINE LINE
========================================================= */

.elementor-widget-muzex_history
.history-one__single::after {
    content: "";

    width: 1px;
    height: 100%;

    background-color: #e5e5e5;

    position: absolute;

    top: 0;
    left: 50%;

    -webkit-transform:
        translateX(-50%);

    transform:
        translateX(-50%);
}


/* =========================================================
   SPACE BETWEEN HISTORY ITEMS
   Original spacing preserved
========================================================= */

.elementor-widget-muzex_history
.history-one__single +
.history-one__single {
    padding-top: 70px;
}


/* =========================================================
   ITEM NUMBER / SMALL LABEL
========================================================= */

.elementor-widget-muzex_history
.history-one__top p {
/*     font-family: "Cormorant Garamond", Georgia, serif !important; */
	font-family: "EB Garamond" !important;

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

    font-weight: 600 !important;

    letter-spacing: 1px !important;

    margin-bottom: 0;

    color: #c9a668 !important;

    text-transform: none !important;
}


/* =========================================================
   ITEM TITLE
   Example:
   Our Vision
   Our Mission

   Canva: 23.7
   Gold + Bold
========================================================= */

.elementor-widget-muzex_history
.history-one__top h3 {
/*     font-family: "Cormorant Garamond", Georgia, serif !important; */
	font-family: "EB Garamond" !important;

    font-size: 23.7px !important;
    line-height: 1.25 !important;

    font-weight: 600 !important;

    letter-spacing: 0 !important;

    margin-top: 15px;
    margin-bottom: 20px;

    color: #c9a668 !important;
}


/* =========================================================
   BODY TEXT
========================================================= */

.elementor-widget-muzex_history
.history-one__content > p {
/*     font-family: "Cormorant Garamond", Georgia, serif !important; */
	font-family: "EB Garamond" !important;

    font-size: 19.3px !important;
    line-height: 1.6 !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;

    color: #0d264f !important;
}


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

@media (max-width: 991px) {

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


    .elementor-widget-muzex_history
    .history-one .block-title-two h3 {
        font-size: 33px !important;
    }


    .elementor-widget-muzex_history
    .history-one__top p {
        font-size: 15.5px !important;
    }


    .elementor-widget-muzex_history
    .history-one__top h3 {
        font-size: 22px !important;
    }


    .elementor-widget-muzex_history
    .history-one__content > p {
        font-size: 15.5px !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-widget-muzex_history
    .history-one .block-title-two p {
        font-size: 14px !important;

        letter-spacing: 2px !important;
    }


    .elementor-widget-muzex_history
    .history-one .block-title-two h3 {
        font-size: 30px !important;
    }


    .elementor-widget-muzex_history
    .history-one__top p {
        font-size: 15px !important;
    }


    .elementor-widget-muzex_history
    .history-one__top h3 {
        font-size: 21px !important;
    }


    .elementor-widget-muzex_history
    .history-one__content > p {
        font-size: 15px !important;
    }

}


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

@media (max-width: 480px) {

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


    .elementor-widget-muzex_history
    .history-one .block-title-two h3 {
        font-size: 28px !important;
    }


    .elementor-widget-muzex_history
    .history-one__top p {
        font-size: 14.5px !important;
    }


    .elementor-widget-muzex_history
    .history-one__top h3 {
        font-size: 20px !important;
    }


    .elementor-widget-muzex_history
    .history-one__content > p {
        font-size: 14.5px !important;
    }

}