:root,[data-bs-theme=light] {

    --bs-gray: #797979;

    --bs-primary: #242b63;
    --bs-secondary: #bc9a64;

    --bs-light: #f2f2f2;
    --bs-dark: #191d3e;
    --bs-primary-rgb: 36, 43, 99;
    --bs-secondary-rgb: 188, 154, 100;

    --bs-light-rgb: 238,238,238;
    --bs-dark-rgb: 25, 29, 62;

    --bs-white-rgb: 252,252,252;
    --bs-black-rgb: 10,10,10;

    --bs-font-sans-serif: "Montserrat", sans-serif;
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 17px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.65;
    --bs-body-color: #2c2c2c;
    --bs-body-color-rgb: 44,44,44;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;

    --bs-secondary-color: rgba(44,44,44,.75);
    --bs-secondary-color-rgb: 44,44,44;
    --bs-secondary-bg: #dfdfdf;
    --bs-secondary-bg-rgb: 223,223,223;

    --bs-tertiary-color: rgba(44,44,44,.5);
    --bs-tertiary-color-rgb: 44,44,44;
    --bs-tertiary-bg: #f8f8f8;
    --bs-tertiary-bg-rgb: 248,248,248;

    --bs-link-color: #ffb607;
    --bs-link-color-rgb: 255,182,7;
    --bs-link-decoration: none;
    --bs-link-hover-color: #cc9206;
    --bs-link-hover-color-rgb: 204,146,6;

    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #c5c5c5;
    --bs-border-color-translucent: rgba(0,0,0,.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);

    --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);

    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(255,182,7,.25);
    --bs-form-valid-color: #95ce65;
    --bs-form-valid-border-color: #95ce65;
    --bs-form-invalid-color: #c93126;
    --bs-form-invalid-border-color: #c93126
}

#reviews {
   display: none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--bs-secondary);
    color: var(--bs-dropdown-link-active-color);
}

.nav-link:focus, .nav-link:hover {
    color: var(--bs-secondary);
}

.navbar-brand img {
    max-width: 400px;
    transition: all 0.2s linear;
}

#header .navbar {
   background: #fff;
}

#header .navbar.fixed-top {
    padding: 1rem;
    box-shadow: 2px 0 7px 0px rgba(21,21,21,0.2);
}

.navbar.fixed-top .navbar-brand img {
    max-width: 300px;
}

.form-control {
    margin: 11px 0;
}

hr {
    border: 0;
    border-top: 1px solid;
    color: var(--bs-primary);
    margin: 1rem 0;
    opacity: .45;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--bs-heading-color);
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1rem;
    margin-top: 0;
}

#newsletter .form-group {
   padding: 1rem 0;
}

.nav-link {
    background: none;
    border: 0;
    color: var(--bs-nav-link-color);
    display: block;
    font-size: var(--bs-nav-link-font-size);
    font-weight: 500;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

#hero .container {
    --bs-gutter-x: 10vw;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(2px);
    background-color: rgb(220 220 225 / 90%);
    color: var(--bs-dark);
    font-size: 120%;
    padding-bottom: 3rem;
    padding-top: 0;
    position: relative;
    z-index: 1;
    max-width: 50vw;
}

p {
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.75;
}

a {
    color: var(--bs-primary);
    font-weight: 700;
    text-decoration: none;
}

.card {
 box-shadow: 0 0.25rem 1.5rem -8px rgba(var(--bs-dark-rgb), 0.25);
 font-weight: 400;
}

b, strong {
    font-weight: bold;
}

.ancillary [class*=fa-], .ancillary [icon] {
    color: var(--bs-secondary);
    font-size: 1.25rem;
    line-height: inherit;
}

main .opener .h1, main .opener h1 {
    margin-bottom: 0;
    color: var(--bs-white);
}

.h1, h1 {
    font-size: 2.75rem;
}

.h2, h2 {
    font-size: 2.25rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 217,155,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc539;
    --bs-btn-active-border-color: #ffbd20;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffb607;
    --bs-btn-disabled-border-color: #ffb607;
}

#main .resources {
     padding: 0;
}

.resources .resource-link {
    padding: 5rem 2rem;
    color: #fff;
    font-weight: 400;
    transition: all .2s linear;
}

.resources .resource-link:hover {
    background: var(--bs-secondary);
}


.text-bg-primary {
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important;
    color: var(--bs-secondary)!important;
}

#footer :is(.h1, p) {
  color: var(--bs-dark);
}

#footer:before {
    background-color: rgba(230, 230, 230,.75);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

#footer a {
    color: var(--bs-primary);
    font-weight: 600;
}

#copyright a {
    color: var(--bs-secondary);
}

#footer #copyright p {
    color: var(--bs-light);
}

#footer .copyright {
  flex-basis: 40%;
}

#footer .footer-links {
   flex-basis: 40%;
}

#footer .byf-link {
  flex-basis: 50%;
}

#footer {overflow:hidden;}


@media screen and (max-width: 575px) {

  #hero .container {
    max-width: 90vw;
}

.f-carousel__slide {
    text-align: center;
}

.navbar-brand img {
    max-width: 225px;
}

.navbar.fixed-top .navbar-brand img {
    max-width: 200px;
}


}