@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

:root {
    --brand-blue: #0b72b9;
    --brand-blue-dark: #084f84;
    --brand-blue-soft: #eaf6ff;
    --brand-blue-ice: #f6fbff;
    --brand-text: #1d2939;
    --brand-muted: #667085;
    --brand-white: #ffffff;
    --hoppa-green: var(--brand-blue);
    --hoppa-dark: var(--brand-text);
    --hoppa-light: var(--brand-blue-soft);
}

* {
    font-family: 'Open Sans', sans-serif;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: var(--brand-text);
    background-color: var(--brand-white);
}


/* Site blue theme overrides */
.text-success,
.text-primary,
.fa-check,
.price-value,
.page-link,
.accordion-button:not(.collapsed) {
    color: var(--brand-blue) !important;
}

.fa-whatsapp {
    color: #25D366 !important;
}
.btn-success,
.btn-primary,
.page-item.active .page-link {
    background-color: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
}
.btn-success:hover,
.btn-primary:hover {
    background-color: var(--brand-blue-dark) !important;
    border-color: var(--brand-blue-dark) !important;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--brand-blue) !important;
    box-shadow: 0 0 0 .2rem rgba(11, 114, 185, .2) !important;
}
a {
    color: var(--brand-blue);
}
a:hover {
    color: var(--brand-blue-dark);
}