:root {
    --wp--preset--color--black: #000000;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--primary: #F5B80A;
    --wp--preset--color--gold: #F5B80A;
    --wp--preset--color--secondary: #FFE300;
    --wp--preset--color--yellow: #FFE300;
    --wp--preset--color--tertiary: #6BC9C9;
    --wp--preset--color--light-blue: #6BC9C9;
    --wp--preset--color--foreground: #331A00;
    --wp--preset--color--darkbrown: #331A00;
    --wp--preset--color--background: #ffffff;
    --wp--preset--color--brown: #5C3000;
    --wp--preset--color--teal: #006354;
    --wp--preset--color--orange: #C76917;
    --wp--preset--color--magenta: #A80087;
    --wp--preset--color--light-gray: #DAD9D6;
    --wp--preset--color--white: #FFFFFF;
    --wp--preset--color--black: #000000;
    --wp--preset--color--alerts-bg: #006354;
    --wp--preset--color--alerts-red: #C7173D;
    --wp--preset--color--alerts-green: #1A7365;

    --wp--preset--font-family--span: "Span", serif;
    --wp--preset--font-family--system-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    --wp--preset--font-family--dm-sans: 'DM Sans', sans-serif;
    --wp--preset--font-family--sweet-sans-pro: sweet-sans-pro, sans-serif;
}

.valpo-sub-hero {
    padding-top: 0 !important;
    min-height: 350px !important;
    padding-bottom: 0;
    max-height: 350px;
}

.valpo-sub-hero__intro__title {
    position: relative;
    z-index: 2;
}

@media only screen and (min-width:1100px) {
    h1,
    .valpo-sub-hero__intro__title {
        font-size: 54px;
        text-align: center;
    }
}

.valpo-sub-hero__intro > .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Slate Forms Styles */
div.form_responses {
    white-space: initial;
}

body {
    margin: 0;
}

.valpo-sub-hero__media {
    margin-top: 0 !important;
}

#content {
    padding-top: 18px;
    font-size: 14px;
    max-width: 960px !important;
}

#content input[type="text"],
#content input[type="email"],
#content input[type="password"],
#content input[type="url"],
#content input[type="tel"],
#content input[type="number"],
#content input[type="search"],
#content input[type="date"],
#content input[type="datetime-local"],
#content input[type="month"],
#content input[type="time"],
#content input[type="week"],
#content input[type="color"],
#content textarea,
#content select {
    border-radius: 6px;
    border: 1px solid var(--wp--preset--color--light-gray #DAD9D6);
    background: var(---wp--preset--color--white, #FFF);
    font-style: normal;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 12px;
}

#content h1 {
    display: none;
}

#content a, a:link, a:visited {
    color: var(--wp--preset--color--darkbrown);
}

#content .form_label {
    margin-bottom: 9px;
}

#content .form_label + .form_responses {
    margin-bottom: 18px;
}

#content select[multiple] option:checked {
    background-color: rgba(255, 227, 0, 0.15) !important;  /* your highlight color */
    color: var(--wp--preset--color--darkbrown) !important;  /* text color on that highlight */
}

#content .form_header > .form_label {
    border-top: 3px solid var(--Gold, #F5B80A);
    background: rgba(255, 227, 0, 0.15);
    display: flex;
    height: 48px;
    padding: 0 18px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 9px;
    flex-shrink: 0;
    flex-grow: 1;
}

#content input[type="submit"],
#content button[type="submit"],
#content button.form_button_submit {
    color: var(--wp--preset--color--darkbrown, #331A00);
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px; /* 150% */
    letter-spacing: 0.8px;
    text-transform: uppercase;
    display: inline-flex;
    padding: 9px 18px 12px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: linear-gradient(284deg, #FFE300 0%, #F5B80A 100%);
}

#content form {
    margin-bottom: 90px;
}

#content .form_question[data-type="text"],
#content .form_question[data-type="multiselect"],
#content .form_question[data-type="email"],
#content .form_question[data-type="password"],
#content .form_question[data-type="url"],
#content .form_question[data-type="tel"],
#content .form_question[data-type="number"],
#content .form_question[data-type="search"],
#content .form_question[data-type="date"],
#content .form_question[data-type="birthdate"],
#content .form_question[data-type="datetime-local"],
#content .form_question[data-type="month"],
#content .form_question[data-type="time"],
#content .form_question[data-type="week"],
#content .form_question[data-type="color"],
#content .form_question[data-type="textarea"],
#content .form_question[data-type="checkbox"],
#content .form_question[data-type="radio"],
#content .form_question[data-type="file"],
#content .form_question[data-type="address"],
#content .form_question[data-type="select"] {
    margin: 0 18px 18px;
}

#content input[type="radio"] {
    visibility: hidden;
}

#content input[type="radio"] + label {
    position: relative;
}

#content input[type="radio"] + label::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-1 * (20px + 4px));
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--wp--preset--color--gold, #F5B80A);
    background-color: var(--wp--preset--color--white, #FFF);
    box-sizing: border-box;
}

#content input[type="radio"]:checked + label::before {
    border: 7px solid var(--wp--preset--color--gold, #F5B80A);
}

#content [data-type="radio"] .form_responses {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

#content input[type="checkbox"] {
    visibility: hidden;
}

#content input[type="checkbox"] + label {
    position: relative;
}

#content input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-1 * (20px + 4px));
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--wp--preset--color--gold, #F5B80A);
    background-color: var(--wp--preset--color--white, #FFF);
    box-sizing: border-box;
}

#content input[type="checkbox"]:checked + label::before {
    background-color: var(--wp--preset--color--gold, #F5B80A);
    content: '✔';
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><rect width="20" height="20" rx="10" fill="%23F5B80A"/><path d="M5.5 10L8.5 13L14.5 7" stroke="%23331A00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

#content [data-type="checkbox"] .form_responses {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

@media only screen and (min-width: 768px) {
    #content {
        font-size: 16px;
    }
}