.elementor-kit-4711{--e-global-color-primary:#EC098D;--e-global-color-secondary:#2C3477;--e-global-color-text:#F9EAC9;--e-global-color-accent:#F2CB20;--e-global-typography-primary-font-family:"Ramo De Rosas";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-size:24px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4711 button,.elementor-kit-4711 input[type="button"],.elementor-kit-4711 input[type="submit"],.elementor-kit-4711 .elementor-button{background-color:#EC098D;color:#F2CB20;}.elementor-kit-4711 button:hover,.elementor-kit-4711 button:focus,.elementor-kit-4711 input[type="button"]:hover,.elementor-kit-4711 input[type="button"]:focus,.elementor-kit-4711 input[type="submit"]:hover,.elementor-kit-4711 input[type="submit"]:focus,.elementor-kit-4711 .elementor-button:hover,.elementor-kit-4711 .elementor-button:focus{background-color:#2C3477;color:#F9EAC9;}.elementor-kit-4711 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#2C3477;padding-inline-end:0px;padding-inline-start:0px;}.elementor-kit-4711 a{font-family:"Ramo De Rosas", Sans-serif;font-weight:400;}.elementor-kit-4711 h1{font-family:"Ramo De Rosas", Sans-serif;font-weight:400;font-style:normal;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ========================================
   MUERTOS FEST — FESTIVAL CARDS
======================================== */

/* CARD CONTAINER */
.festival-card {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    aspect-ratio: 1 / 1;
}

/* PRIMARY + HOVER IMAGE WIDGETS */
.festival-card-primary,
.festival-card-hover {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ELEMENTOR IMAGE WRAPPERS */
.festival-card-primary .elementor-widget-container,
.festival-card-hover .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
}

/* ACTUAL IMAGES */
.festival-card-primary img,
.festival-card-hover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center;
}

/* PRIMARY IMAGE */
.festival-card-primary {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* HOVER IMAGE */
.festival-card-hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease;
}

/* HOVER SWAP */
.festival-card:hover .festival-card-primary {
    opacity: 0;
}

.festival-card:hover .festival-card-hover {
    opacity: 1;
}

/* CARD TITLE */
.festival-card-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

/* TITLE TYPOGRAPHY */
.festival-card-title,
.festival-card-title h1,
.festival-card-title h2,
.festival-card-title h3,
.festival-card-title h4,
.festival-card-title h5,
.festival-card-title h6 {
    font-size: 32px !important;
}


/* ========================================
   MUERTOS FEST — GET INVOLVED SUBMENU
======================================== */

/* OUTER PINK SUBMENU AREA */
.get-involved-submenu {
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ACTUAL MENU CONTAINER */
.get-involved-submenu .e-n-menu {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* MENU WRAPPER */
.get-involved-submenu .e-n-menu-wrapper {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 36px !important;
}

/* INDIVIDUAL MENU ITEMS */
.get-involved-submenu .e-n-menu-title {
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 10px 20px !important;

    display: flex !important;
    align-items: center !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

/* MENU TEXT */
.get-involved-submenu .e-n-menu-title-text,
.get-involved-submenu .e-n-menu-title-text a,
.get-involved-submenu a {
    font-size: 28px !important;
    line-height: 1 !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* REMOVE EXTRA ELEMENTOR SPACING */
.get-involved-submenu .e-n-menu-content {
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* HOVER — NAVY + WHITE + PULSE */
.get-involved-submenu .e-n-menu-title:hover {
    background-color: #303B80 !important;
    animation: submenu-pulse 0.7s ease-in-out infinite alternate;
}

.get-involved-submenu .e-n-menu-title:hover,
.get-involved-submenu .e-n-menu-title:hover a,
.get-involved-submenu .e-n-menu-title:hover .e-n-menu-title-text {
    color: #ffffff !important;
}

@keyframes submenu-pulse {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.05);
    }
}


/* ========================================
   MUERTOS FEST — HEADER IMAGE
======================================== */

.muertos-header-image {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.muertos-header-image img {
    display: block !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ========================================
   MUERTOS FEST — MOBILE NAVIGATION
======================================== */

@media (max-width: 767px) {

    /* OUTER BLUE HEADER BAR */
    .mobile-header-bar {
        width: 100% !important;
        min-height: 58px !important;

        margin: 0 !important;
        padding: 8px 12px !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 10px !important;

        background-color: #303B80 !important;

        position: relative !important;
        z-index: 20 !important;
    }

    /* MAIN MENU / HAMBURGER */
    .mobile-main-menu {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
    }

    /* HAMBURGER BUTTON */
    .mobile-main-menu .e-n-menu-toggle {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* OPEN MENU PANEL */
    .mobile-main-menu .e-n-menu-content {
        width: 100vw !important;
        max-width: 100vw !important;

        margin: 0 !important;
        padding: 10px 0 !important;

        background-color: #303B80 !important;

        top: 100% !important;
        left: 50% !important;
        right: auto !important;

        transform: translateX(-50%) !important;
    }

    /* STACK MENU ITEMS */
    .mobile-main-menu .e-n-menu-wrapper {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 4px !important;

        background-color: #303B80 !important;
    }

    /* MENU ITEM */
    .mobile-main-menu .e-n-menu-title {
        width: auto !important;

        margin: 0 !important;
        padding: 8px 16px !important;

        text-align: center !important;

        background-color: #303B80 !important;

        transition:
            background-color 0.2s ease,
            color 0.2s ease,
            transform 0.2s ease !important;
    }

    /* PINK HOVER / FOCUS */
    .mobile-main-menu .e-n-menu-title:hover,
    .mobile-main-menu .e-n-menu-title:focus-within {
        background-color: #F50087 !important;
        transform: scale(1.05) !important;
    }

    /* WHITE TEXT ON HOVER */
    .mobile-main-menu .e-n-menu-title:hover,
    .mobile-main-menu .e-n-menu-title:hover *,
    .mobile-main-menu .e-n-menu-title:focus-within,
    .mobile-main-menu .e-n-menu-title:focus-within * {
        color: #ffffff !important;
    }

    /* NO GET INVOLVED SUBMENU ON MOBILE */
    .get-involved-submenu {
        display: none !important;
    }

    /* SOCIAL ICONS */
    .mobile-header-bar .elementor-widget-social-icons {
        width: auto !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* GET THE APP BUTTON */
    .mobile-app-button {
        width: auto !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-app-button .elementor-button {
        width: auto !important;
        min-width: 0 !important;

        padding: 10px 16px !important;

        white-space: nowrap !important;
    }
}

/* ========================================
   GET INVOLVED BUTTON ROLLOVER
======================================== */

.get-involved-button {
    background-color: #F50087 !important;
    color: #F2CB20 !important;
    transition: background-color 0.25s ease,
                color 0.25s ease !important;
}

.get-involved-button:hover {
    background-color: #303B80 !important;
    color: #F9EAC9 !important;
}

/* ========================================
   HOME PAGE BUTTON ROLLOVER
======================================== */

.home-button {
    background-color: #FFD51F !important;
    color: #F50087 !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease !important;
}

.home-button:hover {
    background-color: #303B80 !important;
    color: #FFF3C4 !important;
}

/* ========================================
   NAV — GET THE APP BUTTON
======================================== */

.nav-app-button {
    background-color: #F50087 !important;
    color: #FFD51F !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease !important;
}

.nav-app-button:hover {
    background-color: #F2CB20 !important;
    color: #303B80 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ramo De Rosas';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://muertosfest.com/wp-content/uploads/2026/08/ramo-de-rosas.woff2') format('woff2');
}
/* End Custom Fonts CSS */