/*Master.css - External Style Sheet for all pages*/

/*
a.siteLock
{
	display: flex;
	float: right;
	right: 3em;
	position: fixed;
	bottom: 0
}
*/

a:hover
{
	color: #e74c3c
}

div
{
	margin-left: auto;
	margin-right: auto
}

div.contentContainer
{
	width:80%;
	max-width:1000px;
	height:calc(100vh - 12rem);
	max-height:80%;
	left:50%;
	transform:translate(-50%);
	top:6.5em;
	position: fixed;
	background-color: white;
	z-index: 560;
	border-radius:0;
	overflow-y: auto;
	-webkit-box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.65);
	box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.65)
}

div.content
{
	margin-top: 7em;
	margin-left: 2em;
	margin-right:2em;
	text-align:left
}

.center
{
	text-align:center
}

div.gridSection
{
	width:14em;
	height:14em;
	border-radius:5%;
	display:inline-block;
	margin:.5em;
	background-color:white;
	-webkit-box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.65);
	box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.65);
	-o-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  transition: background-color .2s ease
}

a.gridSection, a.productSection
{
	color:inherit;
	text-decoration:none
}

a.gridSection:hover > div
{
	background-color:#3971cd
}


a.productSection:hover h3
{
	border-bottom: .2em solid black
}


img.gridSection
{
	width:57%;
	height:57%
}

img.productSection
{
    display:block
}

header.gridSection
{
	margin-top:.4em;
	margin-bottom:.4em;
	font-size:140%
}

div.productSection
{
	width:20%;
	display:inline-grid;
	margin: 0;
	padding-top:1em
}

h3.productSection
{
	-o-transition: border-bottom .2s ease;
    -ms-transition: border-bottom .2s ease;
    -webkit-transition: border-bottom .2s ease;
    -moz-transition: border-bottom .2s ease;
    transition: border-bottom .2s ease;
    font-size: 1vw;
    margin-top: 0;
    margin-bottom: 0
}


div.productSectionFooter
{
	margin-top:1em;
	display:block
}


h1, h2, h3, h4, h5, h6 
{
	margin-top:1em
}

p
{
	font-size: 1vw;
	line-height: 140%;
	margin-right: auto;
	margin-left: auto
}

h1			
{
	font-size: 2vw;
	line-height: 1%;
	text-align: center;
	margin-bottom: 1em
}


h2
{
	font-size: 1.75vw;
	margin-bottom: .5em
}

h3
{
	font-size:1.4vw
}

h4
{
	font-size:1.3vw;
	margin-bottom:.2em
}

h5
{
	font-size: 1.2vw
}

h5.returnValue
{
	font-size: 1.25vw;
	margin-bottom:0;
	padding-bottom:0
}

/*
hr.menu
{
	height: .12em;
	border: none;
	margin: none;
	color:#ffffff;
	background-color:#ffffff
}
*/

hr.methodBreak
{
	display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #021b37;
    margin: 1em 0;
    padding: 0
}

body
{
	margin:0;
	min-height: 100vh;
	min-height: -webkit-fill-available
}

html
{
	color: #021b37;
	background-color: #616161;
	width: 100%;
	height: -webkit-fill-available;
	font-family: 'Alegreya Sans', sans-serif;
	word-spacing:.1em
}

img
{
	margin: 0 auto
}



p.bold
{
	font-weight:bold
}

table
{
	text-align:left;
	border-spacing: 0
}

td
{
	padding-right: 2em;
	font-size:1vw
}

td.no_line_break{ white-space: nowrap }

tr.header
{
	font-size:1vw
}

tr.light { background-color: #e4e4e4 }
tr.medium { background-color: #c7c8c8 }

li.liLight { background-color: #e4e4e4; cursor: pointer}
li.liMedium { background-color: #c7c8c8; cursor: pointer}

li.liLight:hover{background-color: #FFDE38}
li.liMedium:hover{background-color: #FFDE38}

details summary::-webkit-details-marker {
  background: #021b37;
  color: #fff;
  font-size: 2vw
}

summary {outline:none}
summary::-webkit-details-marker {
  display: none
}
summary:after {
	background: #021b37; 
	content: "+"; 
	color: #fff; 
	float: left; 
	font-size: 1.3vw; 
	font-weight: bold; 
	margin: -5px 10px 0 0; 
	padding: 0; 
	text-align: center; 
	width: 5%;
	max-width:1em
}
details[open] summary:after {
  content: "-";
  outline:none
}

em.drop_header
{
   font-size: 1.2vw
}

span.indented
{
    display:inline-block;
    padding-left: 2em
}