/**
 * MOVIXIT v3.0.5 — Hero/Slider Height Controls
 * Uses CSS variables so administrators/developers can adjust the hero height
 * without editing the homepage template.
 */
:root {
    --mvx-hero-height-desktop: 420px;
    --mvx-hero-height-tablet: 330px;
    --mvx-hero-height-mobile: 200px;
    --mvx-hero-min-height: 0px;
}

.mvx-hero,
.mvx-hero-section,
.mvx-home-hero,
.mvx-home-slider,
.mvx-slider,
.mvx-slider-section,
.mvx-revolution-hero,
.mvx-hero-slider,
.movixit-hero,
.movixit-home-hero,
.movixit-slider,
.homepage-hero,
.homepage-slider {
    min-height: var(--mvx-hero-min-height);
}

/* Common full-height slider wrappers */
.mvx-hero[data-hero-height],
.mvx-hero-section[data-hero-height],
.mvx-home-hero[data-hero-height],
.mvx-home-slider[data-hero-height],
.mvx-slider[data-hero-height],
.mvx-slider-section[data-hero-height],
.movixit-hero[data-hero-height],
.movixit-home-hero[data-hero-height],
.movixit-slider[data-hero-height],
.homepage-hero[data-hero-height],
.homepage-slider[data-hero-height] {
    height: var(--mvx-current-hero-height, var(--mvx-hero-height-desktop));
    min-height: 0;
    max-height: var(--mvx-current-hero-height, var(--mvx-hero-height-desktop));
    overflow: hidden;
}

@media (max-width: 1024px) {
    .mvx-hero[data-hero-height],
    .mvx-hero-section[data-hero-height],
    .mvx-home-hero[data-hero-height],
    .mvx-home-slider[data-hero-height],
    .mvx-slider[data-hero-height],
    .mvx-slider-section[data-hero-height],
    .movixit-hero[data-hero-height],
    .movixit-home-hero[data-hero-height],
    .movixit-slider[data-hero-height],
    .homepage-hero[data-hero-height],
    .homepage-slider[data-hero-height] {
        height: var(--mvx-current-hero-height, var(--mvx-hero-height-tablet));
        max-height: var(--mvx-current-hero-height, var(--mvx-hero-height-tablet));
    }
}

@media (max-width: 767px) {
    .mvx-hero[data-hero-height],
    .mvx-hero-section[data-hero-height],
    .mvx-home-hero[data-hero-height],
    .mvx-home-slider[data-hero-height],
    .mvx-slider[data-hero-height],
    .mvx-slider-section[data-hero-height],
    .movixit-hero[data-hero-height],
    .movixit-home-hero[data-hero-height],
    .movixit-slider[data-hero-height],
    .homepage-hero[data-hero-height],
    .homepage-slider[data-hero-height] {
        height: var(--mvx-current-hero-height, var(--mvx-hero-height-mobile));
        max-height: var(--mvx-current-hero-height, var(--mvx-hero-height-mobile));
    }
}

/* Keep Revolution Slider content inside the reduced viewport. */
.mvx-hero [class*="rev_slider"],
.mvx-hero-section [class*="rev_slider"],
.mvx-home-slider [class*="rev_slider"],
.movixit-slider [class*="rev_slider"],
.homepage-slider [class*="rev_slider"],
.mvx-hero .rev_slider_wrapper,
.mvx-hero-section .rev_slider_wrapper,
.mvx-home-slider .rev_slider_wrapper,
.movixit-slider .rev_slider_wrapper,
.homepage-slider .rev_slider_wrapper {
    height: 100% !important;
    max-height: 100% !important;
}

.mvx-hero img,
.mvx-hero-section img,
.mvx-home-slider img,
.movixit-slider img,
.homepage-slider img {
    max-height: 100%;
}

/* Utility classes for intentional variants. */
.mvx-hero--compact { --mvx-current-hero-height: 430px; }
.mvx-hero--standard { --mvx-current-hero-height: 520px; }
.mvx-hero--tall { --mvx-current-hero-height: 620px; }

@media (max-width: 767px) {
    .mvx-hero--compact { --mvx-current-hero-height: 300px; }
    .mvx-hero--standard { --mvx-current-hero-height: 360px; }
    .mvx-hero--tall { --mvx-current-hero-height: 440px; }
}