/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

body {
    font-family: 'Helvetica Neue', Arial, 'Noto Sans', "Liberation Sans", 'Courier New', Courier, monospace;
}

.card {
    border-radius: .25rem;
}

.business-hero-banner {
    color: #fff;
    text-shadow: #000 0 0 20px;
}

.banner-logo>img {
    width: 90%;
    filter: drop-shadow(5px 5px 5px #ffffff);
}


.banner-logo {
    width: 90%;
    -webkit-filter: drop-shadow(5px 5px 5px #ffffff);
    filter: drop-shadow(5px 5px 5px #ffffff);
}

.modal-gallery {
    background-color: rgb(0,0,0,0.3);
}

.gallery-view {
    text-align: center;
}

.gallery-web {
    height: 100%;
}

.modal-footer {
    border-top: none;
}

.site-header {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: var(--bs-gray-800) 0 0 10px;
}

.card-cover-fill {
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}

.card {
    border: none;
    box-shadow: var(--bs-gray-800) 1px 1px 5px !important;
}

.hf-200 {
    height: 200px !important;
}

.hf-250 {
    height: 250px !important;
}

.hf-300 {
    height: 300px !important;
}

.hf-350 {
    height: 350px !important;
}

.hf-400 {
    height: 400px !important;
}

.wf-200 {
    width: 200px;
}

.wf-250 {
    width: 250px;
}

.services {
    background-color: var(--bs-primary);
    color: #fff;
}

.callout {
    box-shadow: var(--bs-gray-800) inset 0 0 10px;
}

.map {
    box-shadow: var(--bs-gray-800) 0 0 10px;
}

.banner{
    color: #fff;
    text-shadow: #000 0px 0px 20px;
}

.banner h1 {
    font-size: 4.5em;
    font-weight: 700
}

.banner .lead {
    font-size: 1.5rem;
}


.services {
    box-shadow: #343a40 inset 0 0 10px;
    background-color: #337ab7;
    color: #fff;
}

.services h3, .services .h3 {
    text-shadow: #000 0px 0px 20px;
    font-size: 24px;
}

.services p {
    text-shadow: #000 0px 0px 20px;
    font-size: 16px;
}

.sub-title {
    text-align: center;
    font-size: 1.4rem;
}


.t-background {
    background-color: rgb(0,0,0,0.5);
    border-radius: 5px;
}

.foot-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer .featurette-heading {
    font-size: 1rem;
    color: var(--bs-gray-600);
}

footer .featurette-subheading {
    font-size: 1.1rem;
    color: var(--bs-gray-700);
}

.gallery {
    text-align: center;
}