img {
    max-width: 100%;
    height: auto;
    display: block;
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1,  h2,  h3,  h4,  h5,  h6 {
    font-family: var(--bs-heading-font-family);
    font-weight: var(--bs-heading-font-weight);
    line-height: var(--bs-heading-line-height);
    color: var(--bs-heading-color);

    margin-bottom: 1rem;
}
.display-1, .display-2, .display-3,
.display-4, .display-5, .display-6 {

}

a {
    color: var(--bs-link-color);
    text-decoration: var(--bs-link-decoration);
    transition: color .15s ease-in-out;
}

a:not(.btn):hover,
a:not(.btn):focus {
    color: var(--bs-link-hover-color);
    text-decoration: var(--bs-link-hover-decoration);
}

/* Optional: visible keyboard focus */
a:focus-visible {
    outline: 2px solid rgba(var(--bs-primary-hover-rgb), .4);
    outline-offset: 2px;
}

.cursor-pointer {
    cursor: pointer;
}

.smaller {
    font-size: .75em;
}
.smallest {
    font-size: .5em;
}

.form-control.form-control-lg {
    font-size: calc(1rem   * var(--ra-p-scale));
    border-radius: var(--bs-border-radius);
}

.form-control-invert {
    background-color: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-secondary);
}

.form-control-invert::placeholder {
    color: rgba(255,255,255,.7);
}

.form-control-invert:focus {
    background-color: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-secondary);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-secondary-rgb), .25);
}

/* Base sizing shared by all buttons (optional) */
.btn {
    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.2;
    --bs-btn-border-radius: .25rem;
}
/* Solid Primary */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);

    /* Hover / Active -> your darker shade */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-hover);

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-hover);
    --bs-btn-active-border-color: var(--bs-primary-hover);

    /* Focus */
    --bs-btn-focus-color: #fff;
    --bs-btn-focus-bg: var(--bs-primary-hover);
    --bs-btn-focus-border-color: var(--bs-primary-hover);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-hover-rgb);

    /* Disabled */
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

/* Solid Secondary (light background, dark text) */
.btn-secondary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);

    /* Hover / Active */
    --bs-btn-hover-color: #FFFFFFF;
    --bs-btn-hover-bg: var(--bs-secondary-hover);
    --bs-btn-hover-border-color: var(--bs-secondary-hover);

    --bs-btn-active-color: #FFFFFFF;
    --bs-btn-active-bg: var(--bs-secondary-hover);
    --bs-btn-active-border-color: var(--bs-secondary-hover);

    /* Focus */
    --bs-btn-focus-color: #FFFFFFF;
    --bs-btn-focus-bg: var(--bs-secondary-hover);
    --bs-btn-focus-border-color: var(--bs-secondary-hover);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-hover-rgb);

    /* Disabled */
    --bs-btn-disabled-color: rgba(17,17,17,.65);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

/* Outline Primary */
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);

    /* Hover / Active */
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-hover);
    --bs-btn-hover-color: #fff;

    --bs-btn-active-bg: var(--bs-primary-hover);
    --bs-btn-active-border-color: var(--bs-primary-hover);
    --bs-btn-active-color: #fff;

    /* Focus */
    --bs-btn-focus-color: var(--bs-primary);
    --bs-btn-focus-bg: rgba(var(--bs-primary-rgb), .1);
    --bs-btn-focus-border-color: var(--bs-primary-hover);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-hover-rgb);

    /* Disabled */
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
}

/* Outline Secondary */
.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);

    /* Hover / Active */
    --bs-btn-hover-bg: var(--bs-secondary-hover);
    --bs-btn-hover-border-color: var(--bs-secondary-hover);
    --bs-btn-hover-color: #111;

    --bs-btn-active-bg: var(--bs-secondary-hover);
    --bs-btn-active-border-color: var(--bs-secondary-hover);
    --bs-btn-active-color: #111;

    /* Focus */
    --bs-btn-focus-color: var(--bs-secondary);
    --bs-btn-focus-bg: rgba(var(--bs-secondary-rgb), .1);
    --bs-btn-focus-border-color: var(--bs-secondary-hover);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-hover-rgb);

    /* Disabled */
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-secondary);
}

/* Outline Light */
.btn-outline-light {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;

    /* Hover / Active */
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-hover-color: var(--bs-primary); /* brand text color */

    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-color: var(--bs-primary);

    /* Focus */
    --bs-btn-focus-color: #fff;
    --bs-btn-focus-bg: rgba(255, 255, 255, 0.1);
    --bs-btn-focus-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 255, 255, 255;

    /* Disabled */
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-btn-disabled-color: #fff;
}

@media only screen and (min-width: 768px) {
    .w-md-auto {width: auto !important;}
}

@media only screen and (min-width: 992px) {
    .w-lg-auto {width: auto !important;}

    .home-page h1, .home-page .h1 { font-size: calc(2.75rem * var(--ra-h-scale)); }
    .home-page h2, .home-page .h2 { font-size: calc(2.5rem   * var(--ra-h-scale)); }
    .home-page h3, .home-page .h3 { font-size: calc(1.75rem* var(--ra-h-scale)); }
    .home-page h4, .home-page .h4 { font-size: calc(1.5rem * var(--ra-h-scale)); }
    .home-page h5, .home-page .h5 { font-size: calc(1.25rem   * var(--ra-h-scale)); }
    .home-page h6, .home-page .h6 { font-size: calc(1.125rem   * var(--ra-h-scale)); }


    .display-1 { font-size: calc(3.5rem * var(--ra-h-scale)); }
    .display-2 { font-size: calc(3rem * var(--ra-h-scale)); }
    .display-3 { font-size: calc(2.5rem * var(--ra-h-scale)); }
    .display-4 { font-size: calc(2rem * var(--ra-h-scale)); }
    .display-5 { font-size: calc(1.5rem * var(--ra-h-scale)); }
    .display-6 { font-size: calc(1rem * var(--ra-h-scale)); }

    .home-page .main p {

    }

    .interior-page .main p {

    }
}