body{
    background-color:#fffefc;
    margin: none;
    border: none;
    padding: none;
}
.navbar-brand{
    padding:none;
}

.navbar{
    text-align: right;
}

footer{
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: rgb(0, 0, 0);
}

.excursions{
    background-color:#63777e;
    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items: flex-end;
   
}
.row{       
    width: auto;
    height: auto;
    padding: 15px;
    margin: 5px;
    flex-wrap: wrap;
}

fig-caption{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: blanchedalmond;
}

.img-thumbnail{
    border: none;
    padding: none;
}

.social-media{
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: cursive;
    font-size: 20px;
    color: rgb(0, 0, 0);
}
.credits-disclaimer{
    display: flex;
    flex-direction: row;
    justify-content: center;   
    color: rgb(0, 0, 0); 
}
.cover .row .col img{
    width: auto;
    height: 250px;
    border: none;
}
.cover{
    padding: none;
    margin-top: none;
    background-color:#ffffff
}
.h1{
    text-align: center;
}

.h4{
    text-align: center;

}

.book-a-ride{
    background-color:rgb(255, 255, 255);
    color:rgb(77, 73, 78);
    padding: 50px;
}

.history{
    background-color:rgb(255, 255, 255);
    color:rgb(238, 230, 230);
    padding: 50px;
}
.form{
    background-color:#0e3c70;
    color:rgb(238, 230, 230);
    padding: 50px;
}
.travel {
    flex-wrap: wrap;
    justify-content: center ;
}

:root{
    --cru-sky-blue: #ffd700;
    --cru-sky-blue-dark: #f59e0b;
    --cru-sky-blue-soft: #2d2d2d;
    --bs-primary: #ffd700;
    --bs-primary-rgb: 255, 215, 0;
    --bs-primary-text-emphasis: #9a8800;
    --bs-primary-bg-subtle: #2d2d2d;
    --bs-primary-border-subtle: #665500;
}

a,
.text-primary,
.text-success {
    color: var(--cru-sky-blue-dark) !important;
}

a:hover,
a:focus {
    color: #c2410c !important;
}

.bg-primary,
.bg-success {
    background-color: var(--cru-sky-blue) !important;
}

.btn-primary,
.btn-success {
    background-color: var(--cru-sky-blue) !important;
    border-color: var(--cru-sky-blue) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-success:focus {
    background-color: var(--cru-sky-blue-dark) !important;
    border-color: var(--cru-sky-blue-dark) !important;
}

.btn-outline-primary,
.btn-outline-success {
    color: var(--cru-sky-blue-dark) !important;
    border-color: var(--cru-sky-blue-dark) !important;
}

.btn-outline-primary:hover,
.btn-outline-success:hover {
    background-color: var(--cru-sky-blue) !important;
    border-color: var(--cru-sky-blue) !important;
    color: #ffffff !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.dropdown-item:active {
    color: var(--cru-sky-blue-dark) !important;
}

/* Keep featured photos consistent across pages where layout allows. */
.hero img.img-fluid,
.hero-banner img.img-fluid,
.hero-section img.img-fluid,
main .img-fluid.rounded.shadow,
main .img-fluid.rounded.shadow-lg,
.gallery-card img {
    width: 100%;
    max-height: 340px;
    object-fit: cover;
}

/* Floating WhatsApp CTA shared by all pages. */
.whatsapp-cta {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1100;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #25d366;
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

.whatsapp-cta:hover,
.whatsapp-cta:focus {
    background: #1fa855;
    color: #ffffff !important;
}

.whatsapp-cta .wa-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    color: #25d366;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
}

.whatsapp-cta .wa-icon svg,
.call-cta .call-icon svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
    display: block;
}

.call-cta {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 1100;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--cru-sky-blue-dark);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

.call-cta:hover,
.call-cta:focus {
    background: #9a3412;
    color: #ffffff !important;
}

.call-cta .call-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    color: var(--cru-sky-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
}

@media (max-width: 576px) {
    .whatsapp-cta,
    .call-cta {
        width: 44px;
        height: 44px;
        padding: 0;
        justify-content: center;
    }

    .whatsapp-cta span:last-child,
    .call-cta span:last-child {
        display: none;
    }
}

/* Theme system for text + menus + backgrounds.
    Active site theme is controlled here in cru.css (default is Earthy olive + terracotta). */
:root {
    /* Default: Earthy olive + terracotta */
    --cru-page-glow-a: rgba(101, 163, 13, 0.2);
    --cru-page-glow-b: rgba(194, 65, 12, 0.18);
    --cru-page-bg-top: #fafaf5;
    --cru-page-bg-mid: #f7f5ea;
    --cru-page-bg-bottom: #fff4eb;
    --cru-text-main: #2f2a22;
    --cru-text-head: #3f6212;
    --cru-text-soft: #5e574d;
    --cru-nav-bg-a: rgba(255, 255, 255, 0.94);
    --cru-nav-bg-b: rgba(250, 247, 237, 0.94);
    --cru-nav-border: rgba(101, 163, 13, 0.24);
    --cru-nav-link: #3f6212;
    --cru-nav-link-hover: #c2410c;
    --cru-dd-bg-a: #3f6212;
    --cru-dd-bg-b: #c2410c;
    --cru-dd-text: #fff7ed;
    --cru-dd-hover: rgba(163, 230, 53, 0.28);
    --cru-accent-grad-a: #65a30d;
    --cru-accent-grad-b: #84cc16;
    --cru-accent-grad-c: #c2410c;
    --cru-hero-black: #0a0a0a;
    --cru-hero-mint: #1dd1a1;
    --cru-card-bg-a: #ffffff;
    --cru-card-bg-b: #fffbf5;
    --cru-card-border: rgba(101, 163, 13, 0.16);
}

body.theme-midnight {
    --cru-page-glow-a: rgba(30, 64, 175, 0.24);
    --cru-page-glow-b: rgba(234, 179, 8, 0.18);
    --cru-page-bg-top: #0b1324;
    --cru-page-bg-mid: #111b31;
    --cru-page-bg-bottom: #1a2540;
    --cru-text-main: #e5e7eb;
    --cru-text-head: #fbbf24;
    --cru-text-soft: #cbd5e1;
    --cru-nav-bg-a: rgba(10, 23, 46, 0.9);
    --cru-nav-bg-b: rgba(17, 30, 58, 0.9);
    --cru-nav-border: rgba(234, 179, 8, 0.25);
    --cru-nav-link: #f8fafc;
    --cru-nav-link-hover: #fbbf24;
    --cru-dd-bg-a: #0b1022;
    --cru-dd-bg-b: #1e3a8a;
    --cru-dd-text: #f8fafc;
    --cru-dd-hover: rgba(234, 179, 8, 0.28);
    --cru-accent-grad-a: #1e3a8a;
    --cru-accent-grad-b: #334155;
    --cru-accent-grad-c: #f59e0b;
    --cru-card-bg-a: #111827;
    --cru-card-bg-b: #1f2937;
    --cru-card-border: rgba(148, 163, 184, 0.2);
}

body.theme-earthy {
    --cru-page-glow-a: rgba(255, 215, 0, 0.25);
    --cru-page-glow-b: rgba(255, 215, 0, 0.15);
    --cru-page-bg-top: #0f0f0f;
    --cru-page-bg-mid: #1a1a1a;
    --cru-page-bg-bottom: #0f0f0f;
    --cru-text-main: #f5f5f5;
    --cru-text-head: #ffd700;
    --cru-text-soft: #d4af37;
    --cru-nav-bg-a: rgba(15, 15, 15, 0.94);
    --cru-nav-bg-b: rgba(26, 26, 26, 0.94);
    --cru-nav-border: rgba(255, 215, 0, 0.3);
    --cru-nav-link: #f5f5f5;
    --cru-nav-link-hover: #ffd700;
    --cru-dd-bg-a: #1a1a1a;
    --cru-dd-bg-b: #2d2d2d;
    --cru-dd-text: #f5f5f5;
    --cru-dd-hover: rgba(255, 215, 0, 0.35);
    --cru-accent-grad-a: #1a1a1a;
    --cru-accent-grad-b: #ffd700;
    --cru-accent-grad-c: #f59e0b;
    --cru-card-bg-a: #1a1a1a;
    --cru-card-bg-b: #0f0f0f;
    --cru-card-border: rgba(255, 215, 0, 0.2);
}

body {
    background:
        radial-gradient(1200px 480px at -10% -20%, var(--cru-page-glow-a), rgba(255, 255, 255, 0) 60%),
        radial-gradient(1000px 500px at 120% -10%, var(--cru-page-glow-b), rgba(255, 255, 255, 0) 58%),
        linear-gradient(180deg, var(--cru-page-bg-top) 0%, var(--cru-page-bg-mid) 45%, var(--cru-page-bg-bottom) 100%) !important;
    color: var(--cru-text-main) !important;
}

h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    color: var(--cru-text-head) !important;
    letter-spacing: 0.01em;
}

p, li, .lead, .text-muted, .card-text, .form-label, label, small {
    color: var(--cru-text-soft) !important;
}

body,
.form-control,
.form-select,
.list-group-item,
.table,
.table td,
.table th {
    color: var(--cru-text-main) !important;
}

.navbar,
.navbar.bg-light,
.navbar.navbar-light {
    background: linear-gradient(90deg, var(--cru-nav-bg-a), var(--cru-nav-bg-b)) !important;
    border-bottom: 1px solid var(--cru-nav-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(8px);
}

.navbar .nav-link,
.navbar .navbar-brand {
    color: var(--cru-nav-link) !important;
    font-weight: 600;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
    color: var(--cru-nav-link-hover) !important;
}

.dropdown-menu,
.dropdown-menu-dark {
    background: linear-gradient(170deg, var(--cru-dd-bg-a), var(--cru-dd-bg-b)) !important;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);
}

.dropdown-item {
    color: var(--cru-dd-text) !important;
}

.dropdown-header,
.dropdown-menu .text-muted,
.navbar .dropdown-toggle {
    color: var(--cru-dd-text) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
    color: #ffffff !important;
    background: var(--cru-dd-hover) !important;
}

.hero-banner,
.hero,
.cta-section,
.bg-primary {
    background: linear-gradient(135deg, var(--cru-hero-black) 0%, var(--cru-hero-mint) 100%) !important;
    color: #ffffff !important;
}

.hero-banner .lead,
.hero .lead,
.cta-section p,
.cta-section h2,
.hero-banner h1,
.hero h1 {
    color: #ffffff !important;
}

.card,
.feature-card,
.service-item,
.gallery-card,
.testimonial,
.booking-card,
main .bg-white {
    background: linear-gradient(180deg, var(--cru-card-bg-a), var(--cru-card-bg-b)) !important;
    border: 1px solid var(--cru-card-border);
}