@charset "utf-8";
/*@import "cg_var_narrow.css" only screen and (max-width: 639px);
@import "cg_var_wide.css" only screen and (min-width: 640px);*/

:root {
    /*
    Moved to narrow/wide stylesheets
    */
    --cg-stylesheet-variant: 'Normal';
    --cg-page-wrap-pad-x: 2vw;
    --cg-page-wrap-pad-y: 1vh;
    --cg-page-wrap-width: calc(100vw - (var(--cg-page-wrap-pad-x) * 2));
    --cg-page-wrap-max-width: var(--cg-info-container-max-width);
    --cg-page-wrap-min-width: var(--cg-info-container-min-width);
    --cg-page-wrap-wide-pad-x: var(--cg-spacer);
    --cg-page-wrap-wide-pad-y: var(--cg-spacer);
    --cg-page-wrap-wide-width: calc(100vw - (var(--cg-page-wrap-wide-pad-x) * 2));
    --cg-page-wrap-wide-max-width: 100vw;
    --cg-page-wrap-wide-min-width: calc(var(--cg-section-fixed-width) + (var(--cg-page-wrap-wide-pad-x) * 2));
    --cg-section-fixed-width: 900px;
    --cg-section-bottom-margin: 2rem;
    --cg-section-row-gap: 2rem;
    --cg-section-column-gap: 1rem;
    /* --cg-section-margin: 0 0 32px 0; */
    --cg-section-centered-margin: 0 auto var(--cg-section-bottom-margin) auto;
    /* --cg-section-last-margin: 0 0 0 0; */
    --cg-spacer: 10px;
    --cg-double-spacer: 20px;
    --cg-half-spacer: 5px;
    /* --cg-header-back-color: transparent; */
    /* --cg-header-color: black; */
    --cg-voting-info-flag-height: 144px;
    --cg-info-container-min-width: calc(var(--cg-info-column-min-width) + (var(--cg-spacer) * 2));
    --cg-info-container-max-width: calc((var(--cg-info-column-min-width) * 3) + (var(--cg-info-grid-column-gap) * 2) + (var(--cg-spacer) * 2) - 1px);
    --cg-info-column-min-width: 380px;
    --cg-info-column-max-width: 100%;
    --cg-info-grid-column-gap: 1rem;
    --cg-info-grid-row-gap: 1.5rem;
    --cg-color-active: hsl(215deg, 70%, 55%);
    --cg-color-inactive: hsl(215deg, 20%, 65%);
    /* --cg-footer-back-color: hsl(215deg, 40%, 25%); */
    /* --cg-footer-color: white; */
    --cg-disabled-color: hsl(0deg, 0%, 70%);
    --cg-disabled-back-color: hsl(0deg, 0%, 50%);
    --cg-selection-highlight-fore-color: var(--cg-color-active);
    --cg-selection-highlight-back-color: hsl(228deg, 68%, 67%, 1);
    /*
    Body
    */
    --cg-body-back-color: white;
    --cg-body-font-size: 62.5%;
    /*           */
    /* Text: Basic, paragraph text and the like. */
    --cg-heading-color: black;
    --cg-text-color: black;
    --cg-text-font-family: 'Segoe WP', sans-serif;
    --cg-text-font: normal 400 1.5rem/1.5 var(--cg-text-font-family);
    /*
    Link
    */
    --cg-link-color: var(--color-old-glory-blue);
    --cg-link-color-active: var(--color-old-glory-red);
    --cg-link-color-visited: var(--color-old-glory-blue);
    /*
    Nav link
    */
    --cg-nav-link-font: normal 700 1.62rem/1.5 'Nunito Bold', sans-serif;
    --cg-nav-link-color: var(--color-old-glory-blue);
    --cg-nav-link-hover-color: hsl(215deg, 70%, 55%);
    /*
    Panel
    */
    --cg-panel-back-color: hsl(215, 30%, 90%);
    --cg-panel-margin: 2rem 0;
    /*
    Photo Credit
    */
    --cg-photo-credit-font: italic 600 1.1rem/1.5 var(--cg-text-font-family);
    --cg-photo-credit-color: black;
    /*
    Focus Outline
    */
    --cg-inactive-box-shadow: inset 0 0 3px 3px var(--cg-color-inactive);
    --cg-active-box-shadow: inset 0 0 2px 3px var(--cg-color-active);
    --cg-focus-transition: box-shadow 200ms ease 0ms;
    --cg-focus-ring-pad: .5rem;
    /* hsl(215deg, 70%, 55%); */
    /*
    Button
    */
    --cg-button-width: 6rem;
    --cg-button-height: 2.5rem;
    --cg-button-back-color: hsl(215, 25%, 35%);
    --cg-button-back-color-hover: hsl(215, 25%, 55%);
    /*
    Tool Button
    */
    --cg-tool-button-width: 8rem;
    --cg-tool-button-height: 8rem;
    /*
    Image
    */
    --cg-image-drop-shadow: drop-shadow(4px 4px 4px hsl(215deg, 10%, 30%));
    /*
    Field Controls
    */
    --cg-field-label-font-family: 'Nunito Bold', 'Segoe WP Bold', sans-serif;
    --cg-field-label-font: normal 700 1.5rem/1.5 var(--cg-field-label-font-family);
    --cg-field-label-small-font: normal 700 1.3rem/1.5 var(--cg-field-label-font-family);
    --cg-field-value-font-family: 'Nunito SemiBold', 'Segoe WP Semibold', sans-serif;
    --cg-field-value-font: normal 600 1.5rem/1.5 var(--cg-field-value-font-family);
    --cg-field-value-small-font: normal 600 1.3rem/1.5 var(--cg-field-value-font-family);
    /*
    Input
    */
    --cg-input-color: black;
    --cg-input-back-color: white;
    --cg-input-color-focus: black;
    --cg-input-back-color-focus: white;
    /*
    Border Radius
    */
    --cg-panel-border-radius: 32px;
    --cg-input-border-radius: 24px;
    --cg-link-border-radius: 16px;
    --cg-button-border-radius: 12px;
    /*
    Graph
    */
    --cg-graph-panel-back-color: var(--cg-panel-back-color);
    --cg-graph-back-color: var(--cg-panel-back-color);
    --cg-graph-data-back-color: black;
    --cg-graph-title-font: normal 700 1.8rem/1.5 'Nunito Bold', 'Segoe WP Bold', sans-serif;
    /* --cg-graph-title-font-size: 24px; */
    --cg-graph-title-color: hsl(215deg, 30%, 22%);
    --cg-graph-data-color-1: hsl(215deg, 70%, 70%);
    --cg-graph-data-color-2: hsl(215deg, 90%, 50%);
    --cg-graph-data-color-3: hsl(215deg, 20%, 80%);
    --cg-graph-data-color-4: hsl(60deg, 90%, 50%);
    --cg-graph-data-color-hover: hsl(120deg, 70%, 60%);
    /* --cg-graph-data-line-width: 3px; */
    --cg-graph-data-border-color: white;
    /* --cg-graph-data-border-width: 3px; */
    --cg-graph-reference-label-font-size: 16px;
    --cg-graph-reference-label-color: white;
    --cg-graph-reference-line-color: white;
    --cg-graph-reference-line-width: 1.5px;
    --cg-graph-reference-line-dasharray: 2px 4px;
    --cg-graph-reference-line-opacity: .4;
    /*
    Named Colors
    */
    --color-alabama-crimson: #AF002A;
    --color-old-glory-blue: #3C3B6E;
    --color-old-glory-red: #B22234;
    /*
    Icon
    */
    --cg-icon-fill-primary: hsl(0deg, 0%, 26%);
    --cg-icon-stroke-primary: hsl(0deg, 0%, 96%);
    --cg-icon-fill-disabled: hsl(0deg, 0%, 50%);
    --cg-icon-stroke-disabled: hsl(0deg, 0%, 70%);
}