/*
 * FilePath: ./style/pages/page-home.css
 * Date: Wed Aug 27 2025
 * Description: Home Page specific styles
 */

/* #region --------------------------------- HEADER --------------------------------- */

/* FORCE Video Header scale properly */
.Header-Video {
    margin-bottom: 1.5em;
}
.Header-Video .elementor-html5-video {
    -o-object-fit: contain !important;
    object-fit: contain !important;
}

.Header-Video .BT-Video {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.Header-Video:hover .BT-Video {
    opacity: 1;
    transform: translateY(-10px);
}
/* #endregion * HEADER */

/* #region -------------------------------- MENU GRID ------------------------------- */

/* --------------------------------- General -------------------------------- */

/* Menu BG Colors */
.Home.MenuGrid .elementor-cta__bg {
    background-color: #e5f4fb;
}

/* Menu Border Colors */
.Home.MenuGrid .blue .elementor-cta__content {
    border-bottom: 8px solid #150189;
}

.Home.MenuGrid .red .elementor-cta__content {
    border-bottom: 8px solid #ef4130;
}

.Home.MenuGrid .yellow .elementor-cta__content {
    border-bottom: 8px solid #e5b33c;
}

/* --------------------------------- Desktop -------------------------------- */

[data-elementor-device-mode="desktop"] .Home.MenuGrid .Menu .elementor-cta__bg {
    background-position: 50% 50%;
}

/* Menu Button Position */

[data-elementor-device-mode="desktop"] .Home.MenuGrid .elementor-cta__button-wrapper {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

/* --------------------------------- Tablet --------------------------------- */

[data-elementor-device-mode="tablet"] .Home.MenuGrid .Menu .elementor-cta__bg {
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 0% 40%;
}

/* Menu Button Position */

[data-elementor-device-mode="tablet"] .Home.MenuGrid .elementor-cta__button-wrapper {
    position: absolute;
    bottom: 30px;
    right: 15px;
}

/* --------------------------------- Mobile --------------------------------- */

[data-elementor-device-mode="mobile"] .Home.MenuGrid .Menu .elementor-cta__bg {
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: -10% 35%;
}

/* Menu Button Position */

[data-elementor-device-mode="mobile"] .Home.MenuGrid .elementor-cta__button-wrapper {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

[data-elementor-device-mode="mobile"] .Menu .elementor-cta__description {
    color: #28306a !important;
    padding-left: 35% !important;
}

[data-elementor-device-mode="mobile"] .Menu:hover .elementor-cta__description {
    color: #fff !important;
}

/* ---------------------------------- OTHER --------------------------------- */

.Home.MenuGrid .elementor-cta:hover {
    cursor: pointer !important;
}
.Home.MenuGrid H2 {
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
}
.Home.MenuGrid:hover H2 {
    text-shadow: 0 0 0px rgba(0, 0, 0, 0);
}
.Home.MenuGrid .elementor-cta__button {
    padding-right: 40px;
    background-image: url("../../images/Menu_Arrow_White.png");
    background-repeat: no-repeat;
    background-position: 85% 50%;
    background-size: 10px 18px;
    background-color: #ef4130;
}
.Home.MenuGrid .elementor-cta:hover .elementor-cta__button {
    background-image: url("../../images/Menu_Arrow_White.png");
    background-repeat: no-repeat;
    background-size: 10px 18px;
    background-position: 90% 50%;
    background-color: #28306a !important;
}

/* #endregion * MENU GRID */