:root{
  --mm-black:#050505;
  --mm-charcoal:#111214;
  --mm-graphite:#25282b;
  --mm-silver:#c5c8cb;
  --mm-white:#ffffff;
}
body.montega-motors-site{background:var(--mm-black);color:#fff;}
.montega-motors-site .navbar.nav-transparent{background:rgba(0,0,0,.62);border-bottom-color:rgba(255,255,255,.16);}
.montega-motors-site .navbar .logo{max-height:70px;width:auto;}
.montega-motors-site .navbar-nav>li>a{color:#fff!important;letter-spacing:.08em;}
.montega-motors-site .navbar-nav>li>a:hover,
.montega-motors-site .navbar-nav>li>a.active{color:#fff!important;border-bottom-color:#fff!important;}

.montega-motors-site section{background-color:var(--mm-black);}
.montega-motors-site .bg-gray{background:#111214!important;}
.montega-motors-site .bg-dark-gray{background:#0b0c0e!important;}
.montega-motors-site .bg-fast-yellow{background:#25282b!important;}
.montega-motors-site h1,
.montega-motors-site h2,
.montega-motors-site h3,
.montega-motors-site h4,
.montega-motors-site h5,
.montega-motors-site h6,
.montega-motors-site p,
.montega-motors-site span,
.montega-motors-site li,
.montega-motors-site i{color:#fff;}
.montega-motors-site .agency-title{color:var(--mm-silver)!important;}
.montega-motors-site .separator-line{background:var(--mm-silver)!important;}
.montega-motors-site .key-person-details{background:#111214!important;border-color:#25282b!important;}
.montega-motors-site .portfolio-filter a{color:#fff!important;}
.montega-motors-site .portfolio-filter .active a,
.montega-motors-site .portfolio-filter a:hover{color:var(--mm-silver)!important;border-color:var(--mm-silver)!important;}
.montega-motors-site .grid figcaption h3,
.montega-motors-site .grid figcaption p{color:#fff!important;}

.montega-motors-site .agency-header img{max-width:170px;height:auto;margin-bottom:25px;}
.montega-motors-site .agency-header h1,
.montega-motors-site .agency-header span{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.7);}

.montega-photography-slider-full{width:100%;position:relative;overflow:hidden;background:#050505;}
.tp-banner-container{background:#050505;}

.mm-agency-visual{min-height:620px;position:relative;overflow:hidden;}
.mm-agency-visual .mm-visual-copy{padding:235px 20px 190px;position:relative;z-index:5;}
.mm-testimonial{background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;padding:95px 0;}
.mm-testimonial .jumbotron{background:transparent!important;margin-bottom:0;}

.montega-motors-site input,
.montega-motors-site textarea,
.montega-motors-site select{color:#111!important;background:#fff!important;border-color:#d7d7d7!important;}
.montega-motors-site input::placeholder,
.montega-motors-site textarea::placeholder{color:#666!important;}

.montega-motors-site footer,
.montega-motors-site footer .bg-white{background:#070707!important;}
.montega-motors-site footer h6,
.montega-motors-site footer span,
.montega-motors-site footer a,
.montega-motors-site footer i,
.montega-motors-site footer .copyright{color:#fff!important;}

@media(max-width:991px){
  .mm-agency-visual{min-height:460px;}
  .mm-agency-visual .mm-visual-copy{padding:170px 20px 130px;}
}
@media(max-width:767px){
  .montega-motors-site .navbar .logo{max-height:54px;}
  .mm-agency-visual{min-height:360px;}
  .mm-agency-visual .mm-visual-copy{padding:130px 20px 90px;}
}


/* =========================================================
   MONTEGA MOTORS - CENTER ALL AGENCY SECTION HEADINGS
   ========================================================= */
.montega-motors-site .agency-title {
    border-left: none !important;
    padding-left: 0 !important;
    display: block !important;
    width: 100%;
    text-align: center !important;
    color: var(--mm-silver) !important;
}

.montega-motors-site .mm-agency-heading-copy {
    display: block;
    max-width: 900px;
    margin: 22px auto 0;
    text-align: center !important;
    line-height: 1.5;
}

/* Center the Occasions filter row beneath the heading */
#portfolio .mm-portfolio-filter {
    display: inline-block !important;
    float: none !important;
    text-align: center !important;
    margin-top: 28px !important;
}

#portfolio .mm-portfolio-filter li {
    float: none !important;
    display: inline-block !important;
}

/* Keep heading sections visually balanced */
.montega-motors-site .mm-centered-agency-heading {
    text-align: center;
}

@media (max-width: 767px) {
    #portfolio .mm-portfolio-filter {
        display: block !important;
    }

    #portfolio .mm-portfolio-filter li {
        margin-bottom: 8px;
    }
}



/* =========================================================
   AIRPORT / FBO PARALLAX FIX
   Prevents the wide image from scrolling upward far enough
   to expose the black background before the section ends.
   ========================================================= */
#airport-fbo-intro {
    min-height: 100vh !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    overflow: hidden;
}

#airport-fbo-intro .container,
#airport-fbo-intro .scroll-down {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    #airport-fbo-intro {
        min-height: 650px !important;
        background-attachment: scroll !important;
        background-position: center center !important;
    }
}



/* =========================================================
   MONTEGA MOTORS - BACKGROUND IMAGE ASSIGNMENTS
   Moved from inline style attributes in index.html
   ========================================================= */

.mm-vip-about-bg {
    background-image: url('../images/montega-motors/vip-chauffeurs.png') !important;
}

#airport-fbo-intro {
    background-image: url('../images/montega-motors/airport-fbo-sprinter-service.png') !important;
}

.mm-fleet-testimonial-bg {
    background-image: url('../images/montega-motors/Montega-fleet.png') !important;
}

.mm-hidden-preload {
    display: none !important;
}
/* Montega Motors reservation form */

.mm-form-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.mm-form-status {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.5;
}

.mm-form-status.is-sending {
    color: #c5c8cb;
}

.mm-form-status.is-success {
    color: #ffffff;
}

.mm-form-status.is-error {
    color: #ffb3b3;
}

#reservation-submit:disabled {
    opacity: .65;
    cursor: wait;
}

/* ==========================================================
   MONTEGA MOTORS - SIMPLE RESPONSIVE HERO
   Replaces the Revolution Slider at the top of the one-page site.
   The image is never cropped: it scales to the browser width.
   ========================================================== */
.mm-static-hero {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #050505;
    line-height: 0;
}

.mm-static-hero-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

/* Prevent any inherited H-Code full-screen/slider sizing from affecting it. */
#home.mm-static-hero {
    min-height: 0 !important;
    height: auto !important;
}

@media only screen and (max-width: 767px) {
    .mm-static-hero,
    #home.mm-static-hero {
        min-height: 0 !important;
        height: auto !important;
    }

    .mm-static-hero-img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* ==========================================================
   MONTEGA MOTORS - PORTFOLIO-SIZE IMAGE SYSTEM
   Uses a consistent 3:2 media frame for the hero and major
   image-led sections so desktop and mobile behave like the
   responsive portfolio images instead of full-screen panels.
   ========================================================== */
:root {
    --mm-portfolio-ratio: 3 / 2;
    --mm-portfolio-max-height: 560px;
}

/* Portfolio tiles and service-area image tiles use one ratio. */
.montega-motors-site .gallery-img,
.montega-motors-site .key-person-img {
    aspect-ratio: var(--mm-portfolio-ratio);
    overflow: hidden;
    background: #050505;
}

.montega-motors-site .gallery-img img,
.montega-motors-site .key-person-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block;
}

/* Static top hero now behaves like an enlarged portfolio image. */
#home.mm-static-hero {
    width: 100% !important;
    height: min(66.6667vw, var(--mm-portfolio-max-height)) !important;
    min-height: 0 !important;
    max-height: var(--mm-portfolio-max-height) !important;
    overflow: hidden !important;
    background: #050505 !important;
}

#home.mm-static-hero .mm-static-hero-img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

/* Major image-led H-Code sections use the same visual height. */
.montega-motors-site .parallax-fix.full-screen,
.montega-motors-site #airport-fbo-intro,
.montega-motors-site .mm-agency-visual {
    width: 100% !important;
    height: min(66.6667vw, var(--mm-portfolio-max-height)) !important;
    min-height: 0 !important;
    max-height: var(--mm-portfolio-max-height) !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* H-Code may apply full-screen height to nested containers; cancel it. */
.montega-motors-site .parallax-fix.full-screen > .container.full-screen,
.montega-motors-site #airport-fbo-intro > .container.full-screen {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* Center Cullinan overlay copy inside its shorter image frame. */
.montega-motors-site .mm-agency-visual > .container {
    height: 100% !important;
}

.montega-motors-site .mm-agency-visual .mm-visual-copy {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    padding: 0 28px !important;
    margin: 0 auto !important;
}

/* Keep the background movement on desktop, but don't force giant heights. */
@media only screen and (min-width: 768px) {
    .montega-motors-site .parallax-fix.full-screen,
    .montega-motors-site #airport-fbo-intro {
        background-attachment: fixed !important;
    }
}

@media only screen and (max-width: 767px) {
    :root {
        --mm-portfolio-max-height: 420px;
    }

    #home.mm-static-hero,
    .montega-motors-site .parallax-fix.full-screen,
    .montega-motors-site #airport-fbo-intro,
    .montega-motors-site .mm-agency-visual {
        height: 66.6667vw !important;
        min-height: 0 !important;
        max-height: 420px !important;
    }

    .montega-motors-site .parallax-fix.full-screen,
    .montega-motors-site #airport-fbo-intro {
        background-attachment: scroll !important;
        background-position: center center !important;
    }

    /* Scale overlay copy so it fits the portfolio-height image panels. */
    .montega-motors-site .agency-header img {
        max-width: 92px !important;
        margin-bottom: 8px !important;
    }

    .montega-motors-site .agency-header h1 {
        font-size: 24px !important;
        line-height: 1.08 !important;
        margin-bottom: 8px !important;
    }

    .montega-motors-site .agency-header span {
        font-size: 9px !important;
        line-height: 1.35 !important;
        letter-spacing: .04em !important;
    }

    .montega-motors-site .mm-agency-visual .mm-visual-copy h1 {
        font-size: 24px !important;
        line-height: 1.15 !important;
        margin: 0 !important;
    }

    /* The arrow consumes too much room in a short mobile image panel. */
    .montega-motors-site .parallax-fix.full-screen .scroll-down,
    .montega-motors-site #airport-fbo-intro .scroll-down {
        display: none !important;
    }
}
/* MOBILE PORTRAIT ROTATE NOTICE */

.rotate-phone-notice {
    display: none !important;
}

@media screen and (orientation: portrait) and (max-width: 900px) {

    .rotate-phone-notice {
        display: flex !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: #050505 !important;
        z-index: 99999999 !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 30px !important;
    }

    .rotate-phone-box {
        width: 100%;
        max-width: 380px;
        color: #ffffff;
    }

    .rotate-phone-box h3 {
        color: #ffffff !important;
        font-size: 22px;
        margin: 15px 0;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .rotate-phone-box p {
        color: #cccccc !important;
        font-size: 16px;
        line-height: 1.6;
    }

    .rotate-phone-icon {
        font-size: 55px;
        display: block;
        margin-bottom: 15px;
    }

    .rotate-arrow {
        display: block;
        color: #ffffff;
        font-size: 50px;
        margin-top: 20px;
    }
}