@charset "utf-8";

/* ERI HERO V2 — sans Slick / sans jQuery */

.eri-hero-v2 {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 764px;
    overflow: hidden;
    background: #000;
}

.eri-hero-v2__slide {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 500ms linear, visibility 0s linear 500ms;
}

.eri-hero-v2__slide.is-active {
    z-index: 2;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 500ms linear, visibility 0s linear 0s;
}

.eri-hero-v2__poster,
.eri-hero-v2__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
}

.eri-hero-v2__poster { z-index: 0; }

.eri-hero-v2__video {
    z-index: 1;
    opacity: 0;
    transition: opacity 250ms ease;
}

.eri-hero-v2__slide.is-video-playing .eri-hero-v2__video { opacity: 1; }

.eri-hero-v2__slide.center .eri-hero-v2__poster,
.eri-hero-v2__slide.center .eri-hero-v2__video { object-position: center center; }

.eri-hero-v2__slide.right .eri-hero-v2__poster,
.eri-hero-v2__slide.right .eri-hero-v2__video { object-position: right top; }

.eri-hero-v2__slide.left .eri-hero-v2__poster,
.eri-hero-v2__slide.left .eri-hero-v2__video { object-position: left top; }

.eri-hero-v2__slide.bottomcenter .eri-hero-v2__poster,
.eri-hero-v2__slide.bottomcenter .eri-hero-v2__video { object-position: center bottom; }

.eri-hero-v2__slide.topcenter .eri-hero-v2__poster,
.eri-hero-v2__slide.topcenter .eri-hero-v2__video { object-position: center top; }

.eri-hero-v2__content {
    position: absolute;
    z-index: 3;
}

.eri-hero-v2__slide.is-active .eri-hero-v2__content {
    animation: eriHeroV2FadeBottom 1s ease-in-out .65s both;
}

@keyframes eriHeroV2FadeBottom {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
}

.eri-hero-v2__content h2 {
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 125%;
    text-shadow: 0 0 .15em rgb(0 0 0 / 70%);
}

.eri-hero-v2__content p {
    font-family: GothamPro, sans-serif !important;
    font-size: 34px;
    color: #fff;
    letter-spacing: .25px;
    line-height: 115%;
    text-shadow: 0 0 .15em rgb(0 0 0 / 72%);
}

.eri-hero-v2__content .et_pb_button.et_pb_more_button {
    color: #fff !important;
    border-width: 0 !important;
    border-radius: 23px;
    background-color: #00C2CABF;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 24px;
    font-weight: 700 !important;
    padding: 0 1.4em 0 .7em !important;
}

.eri-hero-v2__content .et_pb_button.et_pb_more_button::after {
    content: url(/wp-content/uploads/2021/01/big_arrow_white.svg) !important;
    right: 8px;
    width: 16px;
    opacity: 1;
    margin-left: .3em;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.eri-hero-v2__slide.newyear .eri-hero-v2__content { top: 70%; }
.eri-hero-v2__slide.newyear h2 { font-size: 36px; text-align: center; }
.eri-hero-v2__slide.newyear p {
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 50px;
    text-align: center;
}

@media only screen and (min-width: 1921px) {
    .eri-hero-v2 { height: 900px; max-height: 900px; }
    .eri-hero-v2__content { width: 520px; left: 50%; top: 50%; }
}

@media only screen and (min-width: 1381px) {
    .eri-hero-v2__content { width: 520px; left: 50%; top: 50%; }
    .eri-hero-v2__slide.newyear .eri-hero-v2__content { width: 820px; left: 25%; top: 70%; }
    .eri-hero-v2__slide.newyear.topcenter .eri-hero-v2__content { top: 50%; }
    .eri-hero-v2__slide.newyear p { color: #fff; }
}

@media only screen and (max-width: 1380px) and (min-width: 981px) {
    .eri-hero-v2__content { width: 620px; left: 8vw; top: 40%; }
    .eri-hero-v2__slide.newyear .eri-hero-v2__content {
        width: 620px;
        left: 8vw;
        top: 70%;
        text-align: left;
    }
}

@media only screen and (max-width: 980px) and (min-width: 768px) {
    .eri-hero-v2__video { display: none !important; }
    .eri-hero-v2__content { width: 520px; left: 10%; top: 40%; }
    .eri-hero-v2__slide.newyear .eri-hero-v2__content { width: 520px; left: 10%; top: 70%; }
    .eri-hero-v2__slide.newyear h2,
    .eri-hero-v2__slide.newyear p { font-size: 40px !important; text-align: left; }
}

@media only screen and (max-width: 767px) {
    .eri-hero-v2 { height: calc(100vh - 60px); max-height: 100vh; }
    .eri-hero-v2__video { display: none !important; }
    .eri-hero-v2__content { width: auto; max-width: 90%; left: 5%; top: 40%; }
    .eri-hero-v2__slide.newyear .eri-hero-v2__poster { transform: scale(1.35); }
    .eri-hero-v2__slide.newyear h2 { font-size: 36px; }
    .eri-hero-v2__slide.newyear p { font-size: 40px; }
}

@media only screen and (max-width: 425px) {
    .eri-hero-v2__content { width: 80%; }
    .eri-hero-v2__content h2 { font-size: 30px; }
    .eri-hero-v2__content p { font-size: 26px; }
    .eri-hero-v2__slide.newyear .eri-hero-v2__poster { transform: scale(1.5); }
}

@media (prefers-reduced-motion: reduce) {
    .eri-hero-v2__slide,
    .eri-hero-v2__video { transition: none; }
    .eri-hero-v2__slide.is-active .eri-hero-v2__content { animation: none; }
}