.elementor-kit-54{--e-global-color-primary:#FFDA29;--e-global-color-secondary:#272B2D;--e-global-color-text:#000000;--e-global-color-accent:#7F1F26;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-39dd567-font-family:"BIZ UDGothic";--e-global-typography-39dd567-font-size:53px;--e-global-typography-39dd567-font-weight:700;--e-global-typography-39dd567-text-transform:uppercase;--e-global-typography-39dd567-font-style:normal;--e-global-typography-39dd567-line-height:1.4em;}.elementor-kit-54 e-page-transition{background-color:#FFBC7D;}.elementor-kit-54 button,.elementor-kit-54 input[type="button"],.elementor-kit-54 input[type="submit"],.elementor-kit-54 .elementor-button{font-family:"Inter", Sans-serif;font-weight:700;}.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);}@media(max-width:1024px){.elementor-kit-54{--e-global-typography-39dd567-font-size:33px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-54{--e-global-typography-39dd567-font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =============================================================================
   MECHANICAL MARAUDERS - TEAM 271
   Complete WordPress/Elementor Theme CSS

   Add this to: Appearance → Customize → Additional CSS
   Or: Elementor → Site Settings → Custom CSS
   ============================================================================= */

/* -----------------------------------------------------------------------------
   CSS VARIABLES
   ----------------------------------------------------------------------------- */
:root {
    --mm-black: #272B2D;
    --mm-yellow: #FFDA29;
    --mm-maroon: #7F1F26;
    --mm-white: #FFFFFF;
    --mm-periscope: #46444C;
    --mm-green-essence: #E9EAC8;
    --mm-blue-atoll: #00B1D2;
    --mm-gray-mid: #6B7280;
    --mm-gray-light: #F3F4F6;
    --mm-gray-border: #E5E7EB;
    --mm-yellow-soft: #FFF4BF;
    --mm-font-headline: 'BankGothic', 'Eurostile', sans-serif;
    --mm-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --mm-radius: 8px;
    --mm-radius-lg: 12px;
    --mm-shadow-md: 0 2px 8px rgba(0,0,0,0.08);
    --mm-transition: 0.15s ease;
}

/* -----------------------------------------------------------------------------
   TYPOGRAPHY
   ----------------------------------------------------------------------------- */
body { font-family: var(--mm-font-body); color: var(--mm-periscope); }

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    font-family: var(--mm-font-headline);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--mm-black);
}

a { color: var(--mm-blue-atoll); transition: color var(--mm-transition); }
a:hover { color: var(--mm-black); }
::selection { background: var(--mm-yellow); color: var(--mm-black); }

/* -----------------------------------------------------------------------------
   BUTTONS
   ----------------------------------------------------------------------------- */
.elementor-button {
    font-family: var(--mm-font-body);
    font-weight: 600;
    padding: 12px 24px;
    border-radius: var(--mm-radius);
    background-color: var(--mm-yellow) !important;
    color: var(--mm-black) !important;
    border: 2px solid var(--mm-yellow) !important;
    transition: all var(--mm-transition);
}
.elementor-button:hover {
    background-color: #e6c425 !important;
    border-color: #e6c425 !important;
}
.elementor-button:focus {
    box-shadow: 0 0 0 3px rgba(255, 218, 41, 0.3);
}

/* -----------------------------------------------------------------------------
   FORMS
   ----------------------------------------------------------------------------- */
input, textarea, select, .elementor-field-textual {
    font-family: var(--mm-font-body);
    padding: 12px 16px;
    border: 2px solid var(--mm-gray-border);
    border-radius: var(--mm-radius);
    transition: all var(--mm-transition);
}
input:focus, textarea:focus, select:focus {
    border-color: var(--mm-yellow);
    box-shadow: 0 0 0 3px rgba(255, 218, 41, 0.2);
    outline: none;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--mm-yellow); }

/* -----------------------------------------------------------------------------
   HEADER & NAVIGATION
   ----------------------------------------------------------------------------- */
header, .elementor-location-header { background-color: var(--mm-black); }
header::before, .elementor-location-header::before {
    content: ''; display: block; height: 4px; background-color: var(--mm-yellow);
}
.elementor-nav-menu--main .elementor-item {
    color: var(--mm-white) !important;
    padding: 8px 16px;
    border-radius: 6px;
}
.elementor-nav-menu--main .elementor-item:hover {
    background-color: rgba(255,255,255,0.1);
}
.elementor-nav-menu--main .elementor-item.elementor-item-active {
    background-color: var(--mm-yellow) !important;
    color: var(--mm-black) !important;
}

/* -----------------------------------------------------------------------------
   CARDS & CONTAINERS
   ----------------------------------------------------------------------------- */
.elementor-widget-container { border-radius: var(--mm-radius-lg); }
.mm-card-top { border-top: 4px solid var(--mm-yellow); }
.mm-card-accent { border-left: 4px solid var(--mm-yellow); }

/* -----------------------------------------------------------------------------
   FOOTER
   ----------------------------------------------------------------------------- */
footer, .elementor-location-footer { background-color: var(--mm-black); }
footer::before, .elementor-location-footer::before {
    content: ''; display: block; height: 4px;
    background: linear-gradient(90deg, var(--mm-yellow) 70%, var(--mm-maroon) 70%);
}
footer a { color: var(--mm-gray-mid); }
footer a:hover { color: var(--mm-yellow); }

/* -----------------------------------------------------------------------------
   UTILITY CLASSES
   ----------------------------------------------------------------------------- */
.mm-bg-black { background-color: var(--mm-black) !important; }
.mm-bg-yellow { background-color: var(--mm-yellow) !important; }
.mm-bg-light { background-color: var(--mm-gray-light) !important; }
.mm-bg-maroon { background-color: var(--mm-maroon) !important; }
.mm-text-yellow { color: var(--mm-yellow) !important; }
.mm-text-black { color: var(--mm-black) !important; }
.mm-text-white { color: var(--mm-white) !important; }/* End custom CSS */