:root {
    --sita-dark-font: #005485;
    --sita-dark-blue: #005485;
    --sita-success-font: #49ad32;
    --sita-font-color-dark: #000;
    --sita-font-color-light: #fff;
    --sita-font-color-dim-gray: #646464;
    --sita-font-family: 'Open Sans', Arial, sans-serif;
    --sita-font-family-header: "Titillium Web", sans-serif;
    --sita-off-white: #f4f4f4;
    --sita-font-wt-light: 300;
    --sita-font-wt-reg: 400;
    --sita-font-wt-header: 600;
    --sita-font-wt-bold: 700;
}


/**********************************************
                 HEADING STYLES
***********************************************/

.sita-heading1,
.sita-heading2,
.sita-heading3,
.sita-heading4 {
    color: var(--sita-font-color-dark);
    font-weight: var(--sita-font-wt-header);
    font-family: var(--sita-font-family-header);
}

.sita-heading1 {
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.sita-heading2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.sita-heading3 {
    font-size: 1.125rem;
    line-height: 1.25rem;
}

.sita-heading4 {
    font-size: 1rem;
    line-height: 1.125rem;
}

.sita-applicationTitle {
    font-family: var(--sita-font-family-header);
    color: var(--sita-font-color-light);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: var(--sita-font-wt-light);
}



/**********************************************
        BODY TEXT STYLES 
***********************************************/

/* This font style is shared across all BODY TEXT STYLES
    except for sita-dataAndFormFieldLabels */
.bodyText-fontStyle, .sita-bodyText-fontStyle {
    color: var(--sita-font-color-dark);
    font-family: var(--sita-font-family);
}

.sita-bodyText-Large {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: var(--sita-font-wt-reg);
}

.sita-bodyText-LargeBold {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: var(--sita-font-wt-bold);
}

.sita-bodyText-Paragraph {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: var(--sita-font-wt-reg);
}

.sita-bodyText-ParagraphBold {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: var(--sita-font-wt-bold);
}

.sita-finePrintSmallText {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: var(--sita-font-wt-reg);
}

.sita-navigation-DescriptiveText {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: var(--sita-font-wt-light);
}



/**********************************************
        LINKS & ACTION, TAB TEXT STYLES 
***********************************************/

/* This font style is shared with .sita-textlink and .sita-tabMenuHeading 
    It has been made a separate class because the attributes are not always preferred. */
.sita-linksAndAction-fontStyleAccent {
    font-family: var(--sita-font-family);
    color: var(--sita-dark-blue);
}

.sita-textLink {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: var(--sita-font-wt-reg);
    text-decoration: underline;
}

.sita-tabMenuHeading {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: var(--sita-font-wt-reg);
    text-transform: uppercase;
}

/* This font style is shared with .sita-btn and .sita-tabHeading-Active
    It has been made a separate class because the attributes are not always preferred */
.sita-linksAndAction-fontStyleLight {
    font-family: var(--sita-font-family);
    color: var(--sita-font-color-light);
}

.sita-btn {
    font-family: var(--sita-font-family);
    font-size: 0.875rem;
    font-weight: var(--sita-font-wt-reg);
    text-transform: uppercase;
}

.sita-btn:hover {
    background-color: var(--sita-dark-blue);
    color: var(--sita-font-color-light);
    border-color: var(--sita-dark-blue);
    background-image: var(--rz-button-hover-gradient);
    box-shadow: var(--rz-button-hover-shadow);
}

.sita-tabHeading-Active {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: var(--sita-font-wt-bold);
    text-transform: uppercase;
}