/* === Homepage: Search Form Area === */

#homepage .hero-wrap:not(.only-search-bar) {
    height: 480px;
    max-height: 480px;
}

#homepage .hero-wrap:not(.only-search-bar) {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url(https://yellowducky.ca/storage/app/page-sections/homepage/DiRY8k88sMYfzdeIKA5KNvH6tlOk0jJJCffs9SJe.jpg) !important;
    background-size: cover;
}

#homepage .hero-wrap:not(.only-search-bar) h1.hero-title,
#homepage .hero-wrap:not(.only-search-bar) h5.hero-subtitle {
    text-wrap: balance;
}

@media (max-width: 400px) {
    #homepage .hero-wrap:not(.only-search-bar) h1.hero-title {
        font-size: clamp(1.25rem, 6.6vw, 1.75rem);
    }

}

#homepage .search-row .search-col:first-child > div {
    border-start-start-radius: 28px !important;
    border-end-start-radius: 28px !important;
}

#homepage .search-row .search-col:first-child .form-control {
    border-start-start-radius: 28px !important;
    border-end-start-radius: 28px !important;
}

#homepage .search-row .search-col button {
    border-start-end-radius: 28px !important;
    border-end-end-radius: 28px !important;
}

#homepage .search-row .search-col .btn {
    border-start-end-radius: 28px !important;
    border-end-end-radius: 28px !important;
}

@media (max-width: 767px) {
    #homepage .search-row .search-col:first-child > div,
    #homepage .search-row .search-col:first-child .form-control,
    #homepage .search-row .search-col > div,
    #homepage .search-row .search-col .form-control,
    #homepage .search-row .search-col button,
    #homepage .search-row .search-col .btn {
        border-radius: 28px !important;
    }

}

/* === Homepage: Locations & SVG Map === */