html {
	scroll-padding-top : 1rem;
	scroll-behavior    : smooth;
}
:root {
    --light-gray  : #EFEDE1;
    --medium-gray : #EFEDE1;
    --dark-gray   : #A9A9A9;
    --black       : #C99D81;
    --black-color : var(--black);
    --white       : #FEFEFE;
    --white-color : var(--white);

    --primary   : #346546;
    --secondary : #BFBFBF;
    --success   : #1D3A18;
    --warning   : #E78C2D;
    --alert     : #F04124;

    --primary-contrast   : #D2B981;
    --secondary-contrast : #005493;
    --success-contrast   : #FEFEFE;
    --warning-contrast   : #011993;
    --alert-contrast     : #FEFEFE;

    --primary-dark   : #164728;
    --secondary-dark : #A1A1A1;
    --success-dark   : #001C00;
    --warning-dark   : #C96E0F;
    --alert-dark     : #D22306;

    --header-color     : #4D93C9;
    --subheader-color  : #8A8A8A;
    --small-color      : #D6D6D6;
    --text-color       : #274A65;
    --link-color       : #8EB840;
    --link-color-hover : #D2B981;

    --selection-background : var(--primary);
    --selection-text       : var(--primary-contrast);

    --link-decoration       : False;
    --link-decoration-hover : False;

    --overlay-color : #000000;

    --radius : 3px;

    --small-gutter  : 1.25rem;
    --medium-gutter : 1.25rem;
    --large-gutter  : 2rem;

    /*  */
	--site-width : calc(1200rem/16);
    /*  */
}
::selection {
    background : var(--selection-background);
    color      : var(--selection-text);
}
.alt {
    --header-color          : #FEFEFA;
    --subheader-color       : #E6E6E6;
    --small-color           : #BFBFBF;
    --text-color            : #FEFEFA;
    --link-color            : #005493;
    --link-color-hover      : #FEFEFA;
    --link-decoration       : False;
    --link-decoration-hover : False;
}
.grid-container {
	max-width : var(--site-width);
}
.radius {
	border-radius : var(--radius);
}

body { font-size: calc(17.00rem/16); }
h1,.h1 { font-size: calc(28.00rem/16); }
h2,.h2 { font-size: calc(26.00rem/16); }
h3,.h3 { font-size: calc(22.00rem/16); }
h4,.h4 { font-size: calc(20.00rem/16); }
h5,.h5 { font-size: calc(18.00rem/16); }
h6,.h6 { font-size: calc(17.00rem/16); }
small { font-size: 20;}

.button {font-size: calc(12.00rem/16)}
.button.tiny {font-size: calc(10rem/16)}
.button.small {font-size: calc(12rem/16)}
.button.large {font-size: calc(12.00rem/16)}

@media only screen and (min-width: 40em) {
	body { font-size: calc(18.00rem/16); }
	h1,.h1 { font-size: calc(32.00rem/16); }
	h2,.h2 { font-size: calc(30.00rem/16); }
	h3,.h3 { font-size: calc(26.00rem/16); }
	h4,.h4 { font-size: calc(22.00rem/16); }
	h5,.h5 { font-size: calc(22.00rem/16); }
	h6,.h6 { font-size: calc(20.00rem/16); }
	small { font-size: 30; }
}
@media only screen and (min-width: 64em) {
	body { font-size: calc(18.00rem/16); }
	h1,.h1 { font-size: calc(34.00rem/16); }
	h2,.h2 { font-size: calc(34.00rem/16); }
	h3,.h3 { font-size: calc(30.00rem/16); }
	h4,.h4 { font-size: calc(26.00rem/16); }
	h5,.h5 { font-size: calc(24.00rem/16); }
	h6,.h6 { font-size: calc(20.00rem/16); }
	small { font-size: 30;}
}
a {
    color           : var(--link-color);
    text-decoration : var(--link-decoration);
}
a:hover, a:focus {
    color           : var(--link-color-hover);
    text-decoration : var(--link-decoration-hover);
}

.menu a {
    color      : var(--menu-link-color);
    background : var(--menu-bg-color);
}
.menu a:hover {
    color      : var(--menu-link-color-hover);
    /* background : var(--menu-bg-color-hover); */
}

h1,h2,h3,h4,h5,h6 {
    color : var(--header-color);
}
small {
    color : var(--small-color);
}
.subheader {
    color : var(--subheader-color);
}
.text ul,.text ol {
    list-style-position : outside;
}
.text>ul,
.text>ol,
.text .mez>div>ul,
.text .mez>div>ol {
    margin-left : True;
}
.text ul {
    list-style-type : disc;
}
.text ul ul,
.text ol ul {
    list-style-type : circle;
}
.text ol {
    list-style-type : decimal;
}
.text ol ol,
.text ul ol {
    list-style-type : lower-alpha;
}
.radius,
.radius:before,
.radius:after {
    border-radius : calc(3rem/16);
}

body {
    /*  */

    /*  */
    background-image  : url('/site-assets/images/newParchment4.webp');
    background-repeat : TrueFalseFalseFalse;
    background-size   : FalseFalseTrue;
    /*  */

    /*  */

     /*  */

    /*  */
}
/*  */
    /*  */
    /*  */
/*  */

/*  */