/* 
 * Copyright (C) Arc Math Software, All rights reserved.
 * NewUnivStudies.org
 *
 */

@font-face
{
    font-family: 'SerifFont';
    src: url('font/SourceSerif4Variable-Roman.ttf.woff2') format('woff2-variations');
    font-weight: 200 900;
    font-style: normal;
}
@font-face
{
    font-family: 'SerifFont';
    src: url('font/SourceSerif4Variable-Italic.ttf.woff2') format('woff2-variations');
    font-weight: 200 900;
    font-style: italic;
}
.fontSerif { font-family: SerifFont, serif; }

@font-face
{
    font-family: 'SansFont';
    src: url('font/SourceSans3VF-Upright.ttf.woff2') format('woff2-variations');
    font-weight: 200 900;
    font-style: normal;
}
@font-face
{
    font-family: 'SansFont';
    src: url('font/SourceSans3VF-Italic.ttf.woff2') format('woff2-variations');
    font-weight: 200 900;
    font-style: italic;
}
.fontSans { font-family: SansFont, sans-serif; }

html
{
    height: 100%;
}


body
{
    font-family: SerifFont, serif;
    font-size: medium;
    background-color: White;
    color: Black;
    margin: 0;
    padding: 0;
}
body.backgroundGainsboro
{
    background-color: Gainsboro;
}

#page-content
{
	text-align: center;
	height: 100%;
}

#page-frieze
{
    width: 100%;
    background-color: SlateGray;
    padding: 0;
}
#page-frieze-text
{
    color: White;
    text-align: center;
    padding: 0.26rem 0 0.31rem 0;
    margin: 0 0 0 0;
    font-family: SansFont, serif;
    font-variation-settings: 'wght' 650;
    font-size: 1.25rem;
}
#page-frieze-text a { color: White; text-decoration-line: none; }
#page-frieze-text a:visited { color: White; }
#page-frieze-text a:hover 
{
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
}

#page-lintel
{
    width: 100%;
    background-color: #F0F0F0;
    text-align: center;
}
#page-lintel-text
{
    padding: 0.26rem 0 0.26rem 0;
    font-family: SerifFont, serif;
    font-variation-settings: 'wght' 400;
    font-size: 1.12rem;
    font-variant: small-caps;
    color: #404040;
}
#page-lintel-text a 
{
    color: #404040;
    text-decoration: none;
}
#page-lintel-text a:visited { color: #404040; }
#page-lintel-text a:hover 
{
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
}

a 
{
    color: rgb(88, 44, 0);
    text-decoration: none;
}
a:hover 
{
    text-decoration: underline;
}

.linkSerif
{
    font-family: SerifFont, serif;
    font-variation-settings: 'wght' 575;
}
.linkSerifBold
{
    font-family: SerifFont, serif;
    font-variation-settings: 'wght' 700;
}

.linkSans
{
    font-family: SansFont, sans-serif;
    font-variation-settings: 'wght' 575;
}
.linkSansBold
{
    font-family: SansFont, sans-serif;
    font-variation-settings: 'wght' 700;
}


.menuLinkSerif
{
	font-size: 102%;
    font-family: SerifFont, serif;
    font-variation-settings: 'wght' 575;
}

a.newPage
{
	background-image: url(linknewpage.svg);

	color: rgb(88, 44, 0);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 1.15em;
}

.phl 
{
    text-align: center;
    color: rgb(88, 44, 0);
    text-decoration: none;
    cursor: pointer;
}
.phl:hover 
{
    text-decoration: underline;
}

/* Copyright (C) Arc Math Software, All rights reserved, NewUnivStudies.org */

h1
{
	display: block;
	margin: 0;
	font-family: SansFont, sans-serif;
	font-size: 1.6rem;
	font-variation-settings: 'wght' 675;
	color: #303030;
}

h2
{
	display: block;
	margin: 0;
	font-family: SansFont, sans-serif;
	font-size: 1.45rem;
	font-variation-settings: 'wght' 675;
	color: #303030;
}

h3
{
	display: block;
	margin: 0;
	font-family: SansFont, sans-serif;
	font-size: 1.35rem;
	font-variation-settings: 'wght' 675;
	color: #303030;
}

h4
{
	display: block;
	margin: 0;
	font-family: SansFont, sans-serif;
	font-size: 1.28rem;
	font-variation-settings: 'wght' 675;
	color: #303030;
}

h5
{
	display: block;
	margin: 0;
	font-family: SansFont, sans-serif;
	font-size: 1.2rem;
	font-variation-settings: 'wght' 675;
	color: #303030;
}


#portico
{
	width: 100%;
    background-color: white;
	margin: 0;
	padding-bottom: 1.0rem;
}

.pageReferences
{
    font-family: SerifFont, serif;
    font-size: 1.0rem;
    margin-left: 2.0rem;
    text-indent: -2.0rem;
}


.borderTan
{
    border-color: rgb(175, 110, 50);
    border-width: 1px;
    border-style: solid;
    box-shadow: 5px 4px 10px 2px gray;
}

.borderGreen 
{
    max-width: 30rem;
    border-color: Green;
    border-width: 4px;
    border-style: solid;
    box-shadow: 5px 4px 10px 2px gray;

    margin-top: 0.75rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.0rem;
    padding-right: 1.0rem;
}

.technote
{
    font-family: SansFont, sans-serif;
    font-size: 0.95rem;
    color: #001000;
}



.quoteBlock
{
    width: 85%;
    margin-top: 1.0rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	font-family: SansFont, sans-serif;

    /* font-variation-settings: 'wght' 450; */
    font-size: 0.95rem;
	color: #101010;
}
.quoteBlockQuote
{
    line-height: 1.35;
}
.quoteBlockRef
{
	margin-top: 0.25rem;
    line-height: normal;
}
.quoteBlockLink
{
	font-family: SansFont, sans-serif;

    font-variation-settings: 'wght' 575;
}
.quoteBlockBold
{
	font-family: SansFont, sans-serif;

    font-variation-settings: 'wght' 700;
}


.center { text-align: center; }

.spaced { letter-spacing: 1px; }
.spaced2 { letter-spacing: 2px; }
.spaced3 { letter-spacing: 3px; }
.spaced4 { letter-spacing: 4px; }

.italic { font-style: italic; }
.italicSpaced { font-style: italic; letter-spacing: 1px; }

.boldStyle { font-weight: bold; }
.boldSerif
{
    font-variation-settings: 'wght' 700;
}
.semiboldSerif
{
    font-variation-settings: 'wght' 575;
}
.boldSans
{
    font-variation-settings: 'wght' 700;
}
.semiboldSans
{
    font-variation-settings: 'wght' 575;
}



.super { vertical-align: super; }
.sub { vertical-align: sub; }

.superscript { vertical-align: super; font-size: smaller; }
.subscript { vertical-align: sub; font-size: smaller; }

img
{
	border: none;
	border-width: 0px;
}
img.autosize
{
	max-width: 100%;
	height: auto;
}
.pageImageBlock
{
    clear: both;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.pageImageTextBlock
{
    clear: both;
    text-align: left;

    font-family: SansFont, sans-serif;
    /* font-variation-settings: 'wght' 390; */
    font-size: 0.92rem;

    max-width: 27rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.pageImageTextBlockCenter
{
    clear: both;
    text-align: center;

    font-family: SansFont, sans-serif;
    /* font-variation-settings: 'wght' 390; */
    font-size: 0.92rem;

    margin-left: auto;
    margin-right: auto;
    padding: 0;
}


hr.centeredLine
{
    margin: 1.0rem auto 1.0rem auto;
    color: rgb(200,200,200);
    text-align: center;
}

hr.v
{
    margin: 1.0rem auto 1.0rem auto;
    color: rgb(200,200,200);
    text-align: center;
    max-width: 29.5rem;
}
hr.vb
{
    margin: 1.25rem auto 1.25rem auto;
    color: rgb(200,200,200);
    text-align: center;
    max-width: 29.5rem;
}

.v
{
    text-align: left;
    background-color: White;
    max-width: 29.5rem;
    margin-left: auto;
    margin-right: auto;
	padding: 0 0.75rem 0 0.75rem;

    /* font-family: SerifFont, serif; */
    /* font-variation-settings: 'wght' 440; */
}


p.pi { text-indent: 1.5rem; }


#plinth
{
    clear: both;
    text-align: center;

	font-family: SansFont, sans-serif;

    font-size: small;
    margin: 0;
    padding: 3px 0 3px 0;
    color: #202020;
    background-color: Gainsboro;
}

.tnl 
{
    cursor: pointer;
    color: rgb(88, 44, 0);
    font-weight: normal;
}
.tnl:hover { text-decoration: underline; }



#mainFloatBox
{
	max-width: 22rem;
	margin: 0.5rem auto 0 auto;
	/* background-color: rgb(255, 255, 250); */
	/* background-color: rgba(255, 255, 255, 0.0); */
	background-color: rgb(255, 255, 250, 0.9);
	text-align: center;
}

#mainFloatBoxBar
{
	background-color: SlateGray;
    font-family: SansFont, sans-serif;
    font-variation-settings: 'wght' 625;
    font-size: 1.18rem;
	color: White;
    padding: 0.2rem 0 0.2rem 0;
    margin: 0 0 0 0;
	width: 100%;
	text-align: center;
}
#mainFloatBoxBar a { color: White; text-decoration-line: none; }
#mainFloatBoxBar a:visited { color: White; }
#mainFloatBoxBar a:hover 
{
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
}




#mainFloatBoxTrailer
{
	max-width: 26rem;
	margin: 0rem auto 0 auto;

    font-family: SansFont, sans-serif;
    font-size: 0.8rem;

	color: rgb(64,64,64);

	text-shadow: 1px 0 2px rgb(230, 230, 230),
		1px 1px 2px rgb(230, 230, 230),
		-1px 1px 2px rgb(230, 230, 230),
		-1px 0 2px rgb(230, 230, 230),
		-1px -1px 2px rgb(230, 230, 230),
		0px -1px 2px rgb(230, 230, 230),
		1px -1px 2px rgb(230, 230, 230);

    text-align: center;
	width: 100%;
}

#pageTextHeadings
{
	text-align: center;
	width: 100%;
}

#pageNavContents
{
	text-align: center;
	width: 100%;
	margin-top: 1.35rem;
	margin-bottom: 1.25rem;
}

#pageNavBottom
{
	text-align: center;
	width: 100%;
}


body.homeGainsboro
{
    background-color: Gainsboro;
}