/* Marlow Airport Taxis - light modern theme (2026-10-16)
   Loaded last from header.php. Remove the <link> to css/modern-light.css to go back to the old dark look. */
:root {
  --mt-navy: #0B3A6F;
  --mt-blue: #1565C0;
  --mt-gold: #F5B700;
  --mt-gold-d: #A87A00;
  --mt-ink: #0F1B2D;
  --mt-text: #3F4B5C;
  --mt-muted: #6B7686;
  --mt-line: #E3E9F1;
  --mt-soft: #F4F7FB;
  --mt-tint: #EAF1FB;
  --mt-white: #FFFFFF;
  --mt-radius: 16px;
  --mt-shadow: 0 1px 2px rgba(15, 27, 45, .05), 0 8px 24px rgba(15, 27, 45, .07);
  --mt-shadow-h: 0 2px 4px rgba(15, 27, 45, .06), 0 16px 36px rgba(15, 27, 45, .12);
  --mt-font: 'Plus Jakarta Sans', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- base ---------- */
html body.mt-light { background: var(--mt-white) !important; color: var(--mt-text) !important; font-family: var(--mt-font) !important; font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
body.mt-light a, body.mt-light p, body.mt-light h1, body.mt-light h2, body.mt-light h3, body.mt-light h4,
body.mt-light h5, body.mt-light h6, body.mt-light .btn, body.mt-light button, body.mt-light input,
body.mt-light select, body.mt-light textarea, body.mt-light li, body.mt-light label { font-family: var(--mt-font) !important; }
body.mt-light p, body.mt-light li, body.mt-light td, body.mt-light .u-l li, body.mt-light ul.ul li,
body.mt-light .card-body, body.mt-light .text-card, body.mt-light .author-div .row div { color: var(--mt-text) !important; }
body.mt-light h1, body.mt-light h2, body.mt-light h3, body.mt-light h4, body.mt-light h5, body.mt-light h6,
body.mt-light b, body.mt-light strong { color: var(--mt-ink) !important; }
body.mt-light h1 { font-weight: 800; letter-spacing: -.02em; line-height: 1.2; }
body.mt-light h2 { font-weight: 800; letter-spacing: -.015em; line-height: 1.25; font-size: 30px; margin-bottom: 18px; }
body.mt-light h3 { font-weight: 700; letter-spacing: -.01em; }
body.mt-light a { color: var(--mt-blue); transition: color .2s, background-color .2s, box-shadow .2s, transform .2s; }
body.mt-light a:hover { color: var(--mt-navy); }
body.mt-light .divider { background: var(--mt-gold) !important; border-radius: 3px; width: 56px; }
body.mt-light .para { color: var(--mt-gold-d) !important; }
@media (max-width: 767px) { body.mt-light h2 { font-size: 24px !important; } }

/* dark inline section backgrounds -> soft light */
body.mt-light [style*="background: #000"], body.mt-light [style*="background:#000"],
body.mt-light [style*="background-color:#000"], body.mt-light [style*="background-color: #000"] { background: var(--mt-soft) !important; }
body.mt-light [style*="background: #f2fafd"], body.mt-light [style*="background-color:#eff7fa"],
body.mt-light [style*="background-color:#EFF7FA"] { background: var(--mt-soft) !important; }
body.mt-light .padd { padding: 64px 0; }
body.mt-light .padd-less { padding: 48px 0; }
body.mt-light .pt { padding: 56px 0 !important; }

/* ---------- top bar ---------- */
body.mt-light .top { background: var(--mt-navy) !important; }
body.mt-light .top a, body.mt-light .top li, body.mt-light .top span { color: #DCE7F5 !important; font-weight: 500 !important; }
body.mt-light .top a:hover { color: #fff !important; }

/* ---------- header ---------- */
body.mt-light .shade { background: rgba(255, 255, 255, .96) !important; position: sticky; top: 0; z-index: 1000 !important; box-shadow: 0 1px 0 var(--mt-line), 0 8px 24px rgba(15, 27, 45, .05) !important; -webkit-backdrop-filter: saturate(160%) blur(8px); backdrop-filter: saturate(160%) blur(8px); }
body.mt-light nav.navbar { min-height: 84px; }
body.mt-light .navbar-brand { padding: 12px 0 !important; margin-right: 24px !important; }
body.mt-light .navbar-brand > img { height: 58px !important; width: auto !important; max-width: 220px !important; }
@media (min-width: 768px) { body.mt-light .navbar-nav { margin-top: 22px !important; } }
body.mt-light .nav > li > a, body.mt-light .navbar-nav .dropdown > a { color: var(--mt-ink) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; padding: 10px 0 !important; margin-right: 22px !important; border-bottom: 2px solid transparent; }
body.mt-light .nav > li > a:hover, body.mt-light .nav > li > a:focus, body.mt-light .nav .open > a { background: transparent !important; color: var(--mt-blue) !important; border-bottom-color: var(--mt-gold) !important; }
body.mt-light .nav > li > a .caret { color: var(--mt-muted); }
body.mt-light a.phone-button-settoing { background: var(--mt-gold) !important; color: var(--mt-ink) !important; border-radius: 999px !important; padding: 10px 18px !important; margin-top: 0 !important; font-weight: 700 !important; border: 0 !important; animation: none !important; box-shadow: 0 6px 16px rgba(245, 183, 0, .35) !important; }
body.mt-light a.phone-button-settoing:hover { background: var(--mt-navy) !important; color: #fff !important; transform: translateY(-1px); }
body.mt-light .dropdown-menu { border: 1px solid var(--mt-line) !important; border-radius: 14px !important; box-shadow: var(--mt-shadow-h) !important; padding: 8px !important; margin-top: 0 !important; max-height: 70vh; overflow-y: auto; }
body.mt-light .dropdown-menu li a { color: var(--mt-ink) !important; border-radius: 10px; font-size: 14px; padding: 9px 14px !important; }
body.mt-light .dropdown-menu li a:hover { background: var(--mt-tint) !important; color: var(--mt-navy) !important; }
body.mt-light .navbar-toggle { border: 1px solid var(--mt-line) !important; border-radius: 10px !important; }
body.mt-light .navbar-toggle .icon-bar { background: var(--mt-navy) !important; }
@media (max-width: 767px) {
  body.mt-light .navbar-brand > img { height: 46px !important; }
  body.mt-light .navbar-collapse { background: #fff; border-top: 1px solid var(--mt-line) !important; box-shadow: none !important; }
  body.mt-light .nav > li > a { padding: 12px 4px !important; margin: 0 !important; border-bottom: 1px solid var(--mt-line) !important; }
  body.mt-light .nav > li:last-child > a { border: 0 !important; display: inline-block; margin: 14px 0 !important; }
  body.mt-light .dropdown-menu { box-shadow: none !important; border: 0 !important; }
}
body.mt-light .callbtn1 { background: var(--mt-gold) !important; border: 0 !important; color: var(--mt-ink) !important; border-radius: 999px !important; font-weight: 700; }

/* ---------- page banners (photo + navy overlay, white text) ---------- */
body.mt-light .service-banner, body.mt-light .banner-area, body.mt-light .quote,
body.mt-light section[style*="terms.jpg"] { position: relative; overflow: hidden; }
body.mt-light .service-banner::before, body.mt-light .banner-area::before, body.mt-light .quote::before,
body.mt-light section[style*="terms.jpg"]::before { content: ""; position: absolute; inset: 0; opacity: 1 !important; background: linear-gradient(100deg, rgba(11, 58, 111, .86) 0%, rgba(11, 58, 111, .62) 45%, rgba(21, 101, 192, .30) 100%) !important; z-index: 0; }
body.mt-light .service-banner > *, body.mt-light .banner-area > *, body.mt-light .quote > *,
body.mt-light section[style*="terms.jpg"] > * { position: relative; z-index: 1; }
body.mt-light .banner-area { padding: 120px 0 !important; }
body.mt-light .service-banner, body.mt-light .banner-area, body.mt-light .quote,
body.mt-light section[style*="terms.jpg"],
body.mt-light .service-banner *, body.mt-light .banner-area *, body.mt-light .quote *,
body.mt-light section[style*="terms.jpg"] * { color: #fff !important; }
body.mt-light .banner-text h2, body.mt-light .banner-text h1 { border-bottom: 4px solid var(--mt-gold) !important; padding-bottom: 6px; }
body.mt-light .service-banner h1, body.mt-light .banner-area h1, body.mt-light section[style*="terms.jpg"] h1 { font-size: 44px; }
@media (max-width: 767px) { body.mt-light .service-banner h1, body.mt-light .banner-area h1 { font-size: 30px !important; } }
body.mt-light .header-btns .btn, body.mt-light .service-banner .btn { border-radius: 999px !important; padding: 11px 26px !important; font-weight: 700 !important; border: 2px solid #fff !important; background: transparent !important; color: #fff !important; }
body.mt-light .header-btns div:last-child .btn, body.mt-light .service-banner .btn[href*="marlowairporttaxis.com/"] { background: var(--mt-gold) !important; border-color: var(--mt-gold) !important; color: var(--mt-ink) !important; }

/* ---------- home: booking iframe + intro cards ---------- */
body.mt-light #iframecontent { display: block; background: var(--mt-soft); }
body.mt-light .intro h1 { font-size: 34px; text-align: center; margin: 8px 0 28px; width: 100%; }
body.mt-light .intro br { display: none; }
body.mt-light .boxes-setting-area, body.mt-light .b1, body.mt-light .box-featured-setting { background: #fff !important; border: 1px solid var(--mt-line); border-radius: var(--mt-radius) !important; box-shadow: var(--mt-shadow) !important; overflow: hidden; transition: transform .25s, box-shadow .25s; }
body.mt-light .boxes-setting-area:hover, body.mt-light .b1:hover { background: #fff !important; transform: translateY(-4px); box-shadow: var(--mt-shadow-h) !important; }
body.mt-light .boxes-setting-area .feature-holder img { height: 210px !important; object-fit: cover; }
body.mt-light .boxes-setting-area .text-holder { padding: 22px 24px 18px !important; }
body.mt-light .boxes-setting-area h3, body.mt-light .intro h3 { font-size: 19px !important; color: var(--mt-ink) !important; margin-bottom: 10px !important; }
body.mt-light .intro p { color: var(--mt-text) !important; min-height: 0 !important; }
body.mt-light .b1 { height: auto !important; min-height: 190px; padding: 26px 22px !important; }
body.mt-light .b1 h3 { color: var(--mt-navy) !important; font-size: 19px; }
body.mt-light .b-r { border-right: 0 !important; }
body.mt-light .intro i { background: var(--mt-tint) !important; color: var(--mt-navy) !important; }
body.mt-light .padd-less.intro.fullw-dth-setting a { background: #fff !important; border: 1px solid var(--mt-line) !important; border-radius: var(--mt-radius) !important; box-shadow: var(--mt-shadow) !important; color: var(--mt-ink) !important; }
body.mt-light .logo-img { height: 48px !important; }

/* ---------- reviews ---------- */
body.mt-light .review .inner { background: #fff !important; border: 1px solid var(--mt-line) !important; border-radius: var(--mt-radius) !important; box-shadow: var(--mt-shadow) !important; margin: 8px 4px 16px; padding: 22px 18px !important; }
body.mt-light .review .inner .review-head h4 { color: var(--mt-ink) !important; font-weight: 700; }
body.mt-light .review .inner p { color: var(--mt-text) !important; }
body.mt-light .rate > * { color: var(--mt-gold) !important; }
body.mt-light .review .inner h5 { color: var(--mt-blue) !important; }

/* ---------- why choose us ---------- */
body.mt-light ul.ul.custom-ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 1080px; margin: 0 auto; }
body.mt-light ul.ul li { width: 330px !important; background: #fff; border: 1px solid var(--mt-line); border-radius: 12px; padding: 12px 16px !important; font-weight: 600; color: var(--mt-ink) !important; box-shadow: 0 1px 2px rgba(15, 27, 45, .04); }
body.mt-light ul.ul li i { color: var(--mt-gold-d) !important; }

/* ---------- FAQ + blog cards ---------- */
body.mt-light .card { background: #fff !important; border: 1px solid var(--mt-line) !important; border-radius: var(--mt-radius) !important; box-shadow: var(--mt-shadow) !important; overflow: hidden; }
body.mt-light .card-header { background: var(--mt-soft) !important; border: 0 !important; padding: 14px 18px !important; }
body.mt-light .card-header a { color: var(--mt-navy) !important; }
body.mt-light .card-body { background: #fff !important; }
body.mt-light .hun-section-card .card:hover { transform: translateY(-4px); box-shadow: var(--mt-shadow-h) !important; }
body.mt-light .hun-section-card .card { transition: transform .25s, box-shadow .25s; }
body.mt-light .pic-card img { object-fit: cover; height: 220px; border-radius: 12px; }
body.mt-light .title-card a { color: var(--mt-ink) !important; font-weight: 700; }
body.mt-light .title-card a:hover { color: var(--mt-blue) !important; }
body.mt-light .link-card { color: var(--mt-blue) !important; font-weight: 700; }
body.mt-light .author-div i { color: var(--mt-gold-d) !important; }
body.mt-light .discription-div, body.mt-light .discription-div p, body.mt-light .discription-div span { color: var(--mt-text) !important; }
body.mt-light .discription-div h2 span, body.mt-light .discription-div h3 span { color: var(--mt-ink) !important; }
body.mt-light .post-img img, body.mt-light .images-holder img { border-radius: var(--mt-radius) !important; box-shadow: var(--mt-shadow) !important; }
body.mt-light .img-fluid { border-radius: var(--mt-radius); }

/* ---------- forms ---------- */
body.mt-light .contact label { color: var(--mt-ink) !important; font-size: 13px !important; letter-spacing: .03em; }
body.mt-light .contact input, body.mt-light .contact select, body.mt-light .contact textarea { border: 1px solid #CDD6E2 !important; border-radius: 10px !important; padding: 12px 14px !important; font-size: 15px !important; background: #fff !important; }
body.mt-light .contact input:focus, body.mt-light .contact select:focus, body.mt-light .contact textarea:focus { outline: none; border-color: var(--mt-blue) !important; box-shadow: 0 0 0 3px rgba(21, 101, 192, .15); }
body.mt-light .contact input[type='submit'], body.mt-light .btn-primary, body.mt-light .btn-warning { background: var(--mt-gold) !important; border-color: var(--mt-gold) !important; color: var(--mt-ink) !important; border-radius: 999px !important; font-weight: 700 !important; }
body.mt-light .contact input[type='submit']:hover { background: var(--mt-navy) !important; border-color: var(--mt-navy) !important; color: #fff !important; }

/* ---------- footer (light) ---------- */
body.mt-light footer, body.mt-light .main_footer { background: var(--mt-soft) !important; border-top: 1px solid var(--mt-line); padding-top: 56px !important; }
body.mt-light footer p, body.mt-light footer li, body.mt-light footer a { color: var(--mt-text) !important; font-size: 14px !important; }
body.mt-light footer a:hover { color: var(--mt-blue) !important; }
body.mt-light footer h4 { color: var(--mt-ink) !important; font-size: 13px !important; letter-spacing: .08em; }
body.mt-light footer b { color: var(--mt-ink) !important; }
body.mt-light footer .mt-footer-logo { height: 52px; width: auto; margin-bottom: 16px; display: block; }
body.mt-light footer ul.social a { background: var(--mt-navy) !important; color: #fff !important; width: 34px !important; height: 34px !important; line-height: 26px; }
body.mt-light footer ul.social a:hover { background: var(--mt-gold) !important; color: var(--mt-ink) !important; }
body.mt-light footer ul.social a i { color: inherit !important; }
body.mt-light footer .third ul li a { border-bottom: 1px solid var(--mt-line) !important; padding: 6px 0; }
body.mt-light .bor div.sep { background: var(--mt-line) !important; }
body.mt-light .footer-bottom { border-top: 1px solid var(--mt-line) !important; background: #fff; padding: 16px 0 !important; }
body.mt-light .footer-bottom p, body.mt-light .footer-bottom a { color: var(--mt-muted) !important; font-size: 13px !important; }

/* ---------- fixes ---------- */
/* Font Awesome 5 "fas" icons never load on this site (FA 4 only) and showed as empty boxes */
body.mt-light .review i.fas, body.mt-light ul.ul li i.fas { display: none !important; }
body.mt-light ul.ul li { padding-left: 18px !important; }
@media (min-width: 768px) and (max-width: 1199px) {
  body.mt-light .nav > li > a, body.mt-light .navbar-nav .dropdown > a { margin-right: 14px !important; font-size: 13px !important; }
  body.mt-light .navbar-brand > img { height: 48px !important; }
}
@media (min-width: 1200px) { body.mt-light .nav > li > a, body.mt-light .navbar-nav .dropdown > a { margin-right: 20px !important; } }
body.mt-light a.phone-button-settoing { white-space: nowrap; }
/* the old stylesheet forces "Open Sans" on every span, which is no longer loaded */
body.mt-light span:not(.fa):not(.glyphicon):not([class^="fa-"]):not(.caret):not(.icon-bar) { font-family: var(--mt-font) !important; }
body.mt-light [style*="color:#e9b41c"], body.mt-light [style*="color: #e9b41c"] { color: var(--mt-gold-d) !important; }
body.mt-light .author-div .row { font-size: 13px; }
body.mt-light .author-div .row > div { white-space: nowrap; }
/* old "Call Us Now" buttons had no link and sat half under the header: replaced by .mt-callfab */
body.mt-light .callbtn1 { display: none !important; }
body.mt-light .mt-callfab { display: none; }
@media (max-width: 767px) {
  body.mt-light .navbar-header { padding: 0 4px; }
  body.mt-light .navbar-brand { margin-left: 0 !important; }
  body.mt-light .navbar-collapse .nav > li > a, body.mt-light .navbar-collapse .navbar-nav .dropdown > a { padding: 12px 18px !important; margin: 0 !important; }
  body.mt-light .navbar-collapse .nav > li:last-child > a { margin: 14px 18px !important; padding: 10px 18px !important; }
  body.mt-light .navbar-collapse .dropdown-menu li a { padding: 9px 30px !important; }
  body.mt-light .mt-callfab { display: inline-flex; align-items: center; gap: 8px; position: fixed; right: 16px; bottom: 16px; z-index: 1001; background: var(--mt-gold); color: var(--mt-ink) !important; font-weight: 800; font-size: 15px; padding: 13px 20px; border-radius: 999px; box-shadow: 0 10px 28px rgba(15, 27, 45, .28); text-decoration: none !important; }
  body.mt-light .mt-callfab .fa { font-size: 18px; }
}