:root {
    --color-light: #FEF8F0;
    --color-dark: #140c01;
    --color-brown: #8F5108;
    --color-brown-dark: #502E05;
    --color-tan: #edd8b0;
    --color-orange-light: #f8e0c2;
    --color-orange: #f1a95c;
    --color-orange-dark:#E5820D;
    --color-red: #ff3700;
    --color-gray: #808080;
    --color-green: #3d6600;
    --color-blue-xlight: #f1f5f2;
    --color-blue: #548ea7;
    --color-blue-dark: #375973;

    --size-xs: 10px;
    --size-sm: 12px;
    --size-md: 16px;
    --size-lg: 1.2rem;
    --size-xl: 1.6rem;
    
    --width-xs: 440px;
    --width-lg: 800px;
    --width-xl: 1080px;
    --width-all: 100%;
    --width-1: 1px;
    --width-img-xs: 30px;
    --width-img-sm: 60px;
    --width-img-md: 110px;

    --height-0: 0px;
    --height-all: 100%;
    --height-header: 100px;
    --height-img-xs: 30px;
    --height-img-sm: 60px;
    --height-img-md: 110px;
    --height-huge: 9999999px;
    
    --spacing-0: 0px;
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-15: 15px;
    --spacing-md: 20px;
    --spacing-lg: 40px;

    --position-0: 0px;

    --radius-sm: 5px;
    --radius-md: 10px;
}

body { font-family: "Calcutta-Regular", sans-serif; font-size: 16px; line-height: 1.5em; }
h2 { font-size: 1.2rem; padding-bottom: 1rem; color: var(--color-orange-dark); }
strong { font-weight: bold; }
i:not(.fa-brands, .fa-solid), em { font-style: italic; color: var(--color-gray); }
sup { font-size: 0.83em; vertical-align: super; }

a, a:visited { color: hsl(214, 54%, 46.9%); text-decoration: none; }
a:hover { color: hsl(20, 86%, 52%); }

.z-header { z-index: 2; }
.z-menu { z-index: 3; }

.animate { transition-duration: .3s; }
.bar-gradient { background: linear-gradient(125deg, #426c8b, var(--color-blue-dark), var(--color-blue-dark), #426c8b); }

ul, ol { padding-inline-start: 40px; padding-bottom: 1rem;}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
blockquote { padding: 0 .5rem; margin: 0rem .5rem 1rem .5rem; border-left: 4px solid var(--color-blue); }
blockquote p { margin: 0; padding: 0; }

.row0.top, .row1.top, .row2.top, .row3.top, .row4.top, .row5.top, .row6.top { align-items: flex-start; }
.row0.middle, .row1.middle, .row2.middle, .row3.middle, .row4.middle, .row5.middle, .row6.middle { align-items: center; }
.row0.bottom, .row1.bottom, .row2.bottom, .row3.bottom, .row4.bottom, .row5.bottom, .row6.bottom { align-items: flex-end; }

.col0.top, .col1.top, .col2.top, .col3.top, .col4.top, .col5.top, .col6.top { justify-content: flex-start }
.col0.middle, .col1.middle, .col2.middle, .col3.middle, .col4.middle, .col5.middle, .col6.middle { justify-content: center; }
.col0.bottom, .col1.bottom, .col2.bottom, .col3.bottom, .col4.bottom, .col5.bottom, .col6.bottom { justify-content: flex-end; }

.row0.left, .row1.left, .row2.left, .row3.left, .row4.left, .row5.left, .row6.left { justify-content: flex-start; }
.row0.center, .row1.center, .row2.center, .row3.center, .row4.center, .row5.center, .row6.center { justify-content: center; }
.row0.right, .row1.right, .row2.right, .row3.right, .row4.right, .row5.right, .row6.right { justify-content: right; }

.col0.left, .col1.left, .col2.left, .col3.left, .col4.left, .col5.left, .col6.left { align-items: flex-start; }
.col0.center, .col1.center, .col2.center, .col3.center, .col4.center, .col5.center, .col6.center { align-items: center; }
.col0.right, .col1.right, .col2.right, .col3.right, .col4.right, .col5.right, .col6.right { align-items: right; }	

.shadow { box-shadow: 1px 1px 2px 0px var(--blue-bgc4); }
