/*
Theme Styles
*/


/* Sections */
body {
    font-family: 'Lato', sans-serif!important;
}
.primary-bg {
    background-color: var(--primary)!important;
}
.secondary-bg {
    background-color: var(--secondary)!important;
}

/* Typography */

.primary {
    color: var(--primary)!important;
}
.secondary {
    color: var(--secondary)!important;
}
.tertiary {
    color: var(--tertiary)!important;
}
.accent {
    color: var(--accent)!important;
}
.white {
    color: white!important;
}
h1, 
h2,
h3 {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
h1 {
    font-size: 48px!important;
    
}
h2 {
    font-size: 32px!important;
}
h3 {
    font-size: 18px!important;
    font-weight: 700!important;
    line-height: 160%!important; /* 28.8px */
}
.subtitle {
    font-size: 24px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%!important;
    opacity: .8;
}

/* Images & Icons */
a > i {
    font-size: 1rem!important;
}
.main-navigation li a {
    color: white!important;
}

/* Buttons & Links */
.button,
.frm_button_submit {
    display: flex;
    padding: 8px 32px!important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 25px!important;
    text-decoration: none;
    color: white!important;
    line-height: 100%!important;
}
.btn-outline {
    border: 1px solid #FFF!important;
    background-color: transparent!important;
}
.btn-fill,
.frm_button_submit {
    border: none!important;
    background-color: var(--accent)!important;
}

/* UI Elements */

/* Forms */
input,
textarea {
    border-radius: 5px!important;
    border: 1px solid #989898!important;
}