:root {
    --rz-link-color: var(--rz-primary);
    --rz-primary: #007933;
    --rz-secondary: #a3d65e;
}

body {
    margin: 0 auto;
    max-width: 980px;
    padding: 20px;
}

h4 {
    margin-bottom: 0;
    margin-top: 0;
}

.form-container {
    width: 75%;
}

.iframe-video {
    height: 315px;
    width: 100%;
}

/* Styles for Radzen dropdown form fields. */
.rz-dropdown {
    margin: .5rem 0;
}

/* Styles to fix font issues with Radzen form components. */
.rz-dropdown-item,
.rz-dropdown-label,
.rz-form-field-label,
.rz-radiobutton-label
{
    font-family: var(--rz-text-font-family);
    font-size: 1.25rem;
}

/*
    Styles for input labels on Radzen form fields.
    Fixes an issue in which the label font does not use the correct font styles. 
*/
.rz-form-field-label {
    color: var(--rz-base-600);
}

/* Styles for Radzen radio buttons. */
.rz-radiobutton-box {
    width: auto; /* fixes an issue in which radio buttons appear squished. */
}

/* Styles for Radzen radio buttons container. */
.rz-radio-button-list-horizontal {
    padding: 1.25rem;
}

@media (max-width: 600px) {
    body {
        padding: 10px;
    }
    .form-container {
        width: 90%;
    }
    .iframe-video {
        height: 200px;
        width: 100%;
    }
}