html,
body {
  height: 100%;
}

main, header, body {
background-color: rgba(5, 11, 0, 1) !important;
}

body {
color:  rgba(218, 184, 82,1) !important;
font-family:  Optima, Arial Narrow;
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0);
}


  /* Overlay */
.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(8, 28, 29, 0.95); /* Dark Teal semi-transparent */
  color: #DBEEEE; /* Light Aqua text */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  z-index: 9999;
  font-family: Optima, Arial Narrow;
}

/* Box */
.cookie-box {
  background: transparent;
  padding: 1.5rem;
  border-radius: 12px;
  max-width: 600px;
  width: 100%;
  text-align: center;
}

/* Heading */
.cookie-box h2 {
  margin-bottom: 0.5rem;
  color: #D9A752; /* Gold */
}

/* Paragraph */
.cookie-box p {
  font-size: 0.95rem;
  color: #DBEEEE; /* Light Aqua */
  margin-bottom: 1.2rem;
}

/* Buttons */
.cookie-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.cookie-actions button {
  padding: 0.6rem 1.2rem;
  border: none;
  border-radius: 0;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* Accept button */
.btn-accept {
  background: rgba(218, 184, 82,1); /* Gold */
  color: #081C1D; /* Dark Teal text */
}

.btn-accept:hover {
  background: rgba(218, 184, 82,0.5); /* Bright Aqua */
  color: rgba(219, 238, 238,1);
}

/* Reject button */
.btn-reject {
  background: rgba(218, 184, 82,1); /* Gold */
  color: #081C1D; /* Dark Teal text */
}

.btn-reject:hover {
  background: rgba(218, 184, 82,0.5); /* Dark Teal */
  color: rgba(219, 238, 238,1); /* Bright Aqua */
}

.text-bg-dark {
  color: rgba(218, 184, 82,1) !important;
  background-color: rgba(5, 11, 0, 1)!important;
  font-family: Palatino, Caslon Classico, Minion, Georgia;
}

.cover-container {
  min-width: 100%;
  max-width:  100%;
}

.p-3 {
padding: 0 !important;
}

.ut {
font-size: 40px;
vertical-align:  middle;
}

.logo {
margin-left: 1em;
}


/* Custom default button */

.btn-primary {
--bs-btn-color: rgba(156, 248, 250, 0.5) !important;
--bs-btn-bg: rgba(255, 255, 255, 0)!important;
--bs-btn-border-color: rgba(156, 248, 250, 0.5)!important;
--bs-btn-hover-color: rgba(218, 184, 82,1) !important;
--bs-btn-hover-bg: rgba(255, 255, 255, 0.1)!important;
--bs-btn-hover-border-color: rgba(156, 248, 250, 0.5)!important;
--bs-btn-focus-shadow-rgb: 49,132,253;
--bs-btn-active-color: rgba(218, 184, 82,1) !important;
--bs-btn-active-bg: rgba(255,255, 255,0.6) !important;
--bs-btn-active-border-color: rgba(156, 248, 250, 0.5)!important;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #333333;
--bs-btn-disabled-bg: #333333;
--bs-btn-disabled-border-color: #333333;
font-size:  1rem;
border-radius: 1px;
margin-top: 10px;
}

.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(255, 255, 255, 0.06)!important;
}

.btn-light, .btn-light:hover, .btn-light:focus {
font-family: "Optima", Caslon Classico, Minion;
color: rgba(218, 184, 82,1) !important;
font-size:  1rem;
border-radius: 1px;
text-shadow: none;
}

.btn-light {
--bs-btn-border-color: rgba(218, 184, 82,0.5)!important;
--bs-btn-hover-border-color: rgba(219, 238, 238, 0.5)!important;
}

.bg-white:hover {
background-color: rgba(255, 255, 255, 0.1)!important;
color: rgba(219, 238, 238, 1) !important;
}

.feature {
color: rgba(218, 184, 82,1);
} 

.car {
background-color: rgba(21,38,10,0.5) !important;
border-color: rgba(219, 238, 238,1) !important;
color: rgba(219, 238, 238,1) !important;
}

.car:hover {
border-color: rgba(218, 184, 82,1) !important;
color: rgba(218, 184, 82,1) !important;
}

.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
  }
}

.bd-placeholder-img-sml {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: 50%;
}

button.navbar-toggler {
border-radius: 0;
}

nav {
z-index: 999999999;
}

nav ul {
margin-right: 3em;

}

nav ul li  {
text-decoration: none;
font-size: 100%; 
padding-left: 0;
width: 100%;
color: rgba(218, 184, 82,1);
-webkit-text-fill-color: rgba(218, 184, 82,1);
-webkit-text-stroke-width: 0;
-webkit-text-stroke-color: none;
letter-spacing: 0; 
outline: none;
box-shadow: none;
background:  transparent;
margin-right: 1em;
}

nav ul li a:hover {
color: rgba(218, 184, 82,1);
-webkit-text-fill-color: rgba(218, 184, 82,1);
outline: none;
box-shadow: none;
}

nav ul ul li a:hover {
color: rgba(156, 248, 250, 1);
-webkit-text-fill-color: rgba(156, 248, 250, 1);
outline: none;
box-shadow: none;
}

a.logo {
text-shadow: 1.5px 1.5px rgba(56, 48, 24, 1);
font-stretch:  expanded;
background-color:  transparent;
font-size:  1.5em;
}




.nav-link {
color: rgba(218, 184, 82,1)!important;
font-family:  Optima, Arial;
border-bottom: .1rem solid transparent;
outline: none;
box-shadow: none;
}

.navbar-nav {
background:  transparent;
border-radius:  0;
outline: none;
box-shadow: none;
}

.dropdown-item {
outline: none;
box-shadow: none;
}

.dropdown-item:hover {
outline: none;
box-shadow: none;
background: rgba(219, 238, 238, 0.5) !important;
}

.dropdown-menu {
border-radius: 0;
border: none;
background: rgba(5, 11, 0, 0.75)!important;
}

.nav-link:hover,
.nav-link:focus {
border-bottom-color: rgba(255, 255, 255, .25);
color: rgba(219, 238, 238,1) !important;
outline: none;
box-shadow: none;
}

.nav-link + .nav-link {
margin-left: 1rem;
}

a {
color: rgba(218, 184, 82,1)!important;
font-family:  Optima, Helvetica;
text-decoration: none;
}

a:hover {
color:  rgba(218, 184, 82,1);
font-family:  Optima, Helvetica;
text-decoration: none;
}

/* Call button matches logo */
a.call-btn {
  background-color: rgba(218, 184, 82, 1); /* gold */
  border: none;
  color: rgba(5, 11, 0, 1)!important;
  font-size: 1.1em;        /* exact match to .logo */
  padding: 0.25rem 0.45rem;
  border-radius: 0.35rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--logo-shadow);          /* exact match to .logo */
  transition: transform .12s ease, box-shadow .12s ease;
}

.nav-mid {
background-color: transparent;
}

.call-btn:hover {
  transform: translateY(0.5px);
  text-shadow: -1px 1px 1px rgba(218,184,82,0.35),
                0.5px -0.5px 0 rgba(219, 238, 238, 0.5);
}
.call-btn:focus {
  outline: none;
  box-shadow: 0 0 0 0.22rem rgba(218,184,82,0.35);
}