/* Custom color overrides for Fotato landing page */

/* Override the "Join Us" button in the header */
.dropdown--btn.btn-base {
    background: linear-gradient(90.07deg, #198754 -2.32%, #198754 99.95%);
    font-size: 16px;
    padding: 5px 13px;
}

.dropdown--btn.btn-base::before,
.dropdown--btn.btn-base::after {
    background: linear-gradient(90.07deg, #198754 -2.32%, #157347 99.95%);
}

.dropdown--btn.btn-base:hover::before {
    background: linear-gradient(90.07deg, #157347 -2.32%, #198754 99.95%);
    opacity: 1;
}

.dropdown--btn.btn-base:hover::after {
    background: linear-gradient(90.07deg, #157347 -2.32%, #198754 99.95%);
}

/* Fix any SVG fills or colors that might be orange */
*[stop-color="#FB5607"],
*[stop-color="#FFBE0B"] {
    stop-color: #198754;
}

*[fill="#FB5607"],
*[fill="#FFBE0B"] {
    fill: #198754;
}

/* Override gradient for search button in newsletter */
.input--grp .search-btn {
    background: #198754;
}

/* Override radial gradient for the search button */
.search-btn rect {
    fill: #198754 !important;
}

/* Override radial gradient for any elements using the orange radial gradient */
radialGradient#paint0_radial_246_199 stop[offset="0"] {
    stop-color: #198754;
}

radialGradient#paint0_radial_246_199 stop[offset="1"] {
    stop-color: #157347;
}