@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');

:root {
    --dark: #323232;
    --gold: #e1b74e;
}

* { font-family: 'Merriweather', serif; }
html, body { overflow: auto!important; scroll-behavior: smooth; }
a { color: var(--dark); }
a:hover, a:focus, a:active { text-decoration: none; }


.grecaptcha-badge { display: none!important; }

input:focus, input:active,
select:focus, select:active,
textarea:focus, textarea:active {
    border-color: var(--gold)!important;
    box-shadow: 0 0 0 0.2rem rgba(207,41,44,.25)!important;
}


/* Style button */
.button-dark {
    border-radius: 70px;
    color: #FFF;
    background-color: var(--dark);
    padding: 6px 22px;
}
.button-dark:hover { transition: .8s; background-color: var(--gold); color: var(--dark); }


.button-white {
    border-radius: 70px;
    color: var(--dark);
    background-color: #FFF;
    padding: 6px 22px;
}
.button-white:hover { transition: .8s; background-color: var(--dark); color: #FFF; }

.button-gold {
    border-radius: 70px !important;
    color: var(--dark) !important;
    background-color: var(--gold) !important;
    padding: 6px 22px !important;
}
.button-gold:hover { transition: .8s; background-color: #FFF !important; color: var(--dark) !important; }