@import url("reset.css");
/*
@import url("fontawesome.min.css");
*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css");
@import url("forms-basic.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');

html {-webkit-font-smoothing: antialiased;}

body {background: #fff; color: #333; font: 110%/1.5em 'Domine', serif;margin: 0; padding: 0;}
a {border: none; color: #2d3b7c; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
img, a, a img {border: none;}
img {max-width: 100%; vertical-align: top;}/*  does not exceed the width of its container  */
.clear {clear: both;}
.cmjhide {display: none;}
.rule {height: 1px; background: #eee; margin: 20px 0;}
.rule hr {display: none;}
.devnote {background: lightyellow; color: red; padding: 5px;}

/* Base OVERRIDES */
h1,h2,h3 {margin:1em 0;/* top & bottom margin based on font size */}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;/*bringing boldness back to headers and the strong element*/}
abbr,acronym {border-bottom:1px dotted #000; cursor:help;/*indicating to users that more info is available */}
em {font-style:italic;/*bringing italics back to the em element*/}
blockquote,ul,ol,dl {margin:1em;/*giving blockquotes and lists room to breath*/}
ol,ul,dl {margin-left:2em;/*bringing lists on to the page with breathing room */}
ol li {list-style: decimal outside;/*giving OL's LIs generated numbers*/}
ul li {list-style: disc outside;/*giving UL's LIs generated disc markers*/}
dl dd {margin-left:1em;/*providing spacing for definition terms*/}
table {font-size:inherit; font:100%;}
th,td {/*  border:1px solid #000;  */ padding:.5em;/*borders and padding to make the table readable*/}
th {font-weight:bold; text-align:center;/*distinguishing table headers from data cells*/}
caption {margin-bottom:.5em; text-align:center;/*coordinated margin to match cell's padding*/}
p,fieldset,table,pre {margin-bottom:1em;/*so things don't run into each other*/}
select, input, button, textarea {/*  font:99% arial,helvetica,clean,sans-serif;  */}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
/* +++++++++++++++++++++ */

.roboto-mono {font-family: 'Roboto Mono', monospace;} /*  used for the home entrance or other instruction-type statements */
.domine {font-family: 'Domine', serif;} /*  used as the primary body copy */
.titi {font-family: 'Titillium Web', sans-serif;} /*  used as the primary HEADING font and ActionBtn */
.opensans {font-family: 'Open Sans', sans-serif;} /*  backup stable font */

.cBlueDark {color: #2d3b7c;}
.cBlueLight {color: #6579ab;}

.basewrap {width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}

h1, h2 {font-weight: normal;}
h1 {font-family: 'Titillium Web', sans-serif; color: #2d3b7c; font-size: 1.6em; letter-spacing: .34em; font-weight: 700; margin: 0; text-transform: uppercase;}
h2 {font-size: 1.2em; margin: .75em 0;}
h3 {font-size: 1em; margin: 0; color: #000;}

/*--------------------------------------------------------------
# *** MAIN: Header ***
--------------------------------------------------------------*/
#mainHdr {text-align: center;background: #fff; color: #2d3b7c; padding: 30px 0; border-top: 30px solid #2d3b7c; border-bottom: 15px solid #6579ab;}
	#mainHdr .inside {display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center;}
	#mainHdr .inside .logo {}
	#mainHdr .inside .logo img {width: 100%; max-width: 250px;}
	#mainHdr .inside h1 {font-size: 1.2em; margin-top: 15px;}

/*  response  */
@media screen and (min-width: 1200px) {
	#mainHdr .inside {justify-content: space-between;}
	#mainHdr .inside .logo img {max-width: 250px;}
	#mainHdr .inside h1 {font-size: 1.6em; margin-top: 0px;}
}

/*--------------------------------------------------------------
# *** MAIN: Body ***
--------------------------------------------------------------*/
#mainBody {}
	#mainBody .outer {background: transparent;}
		#mainBody .inner {background: transparent; padding: 20px 30px;}
		#mainBody .inner h2 {background: transparent; margin-top: 0;}

/*  response  */
@media screen and (min-width: 1200px) {

}


/*--------------------------------------------------------------
# *** Top Header for Pages ***
--------------------------------------------------------------*/
.pgHdr {text-align: center; margin-bottom: 30px;}

.pgHdr h2 { text-transform: uppercase;}
.pgHdr h2:before, .pgHdr h2:after {content: '\2014';}
.pgHdr h2:before {margin-right: 5px;}
.pgHdr h2:after {margin-left: 5px;}
.pgHdr h3 { font-style: italic; }



/*--------------------------------------------------------------
# *** Error Pages ***
--------------------------------------------------------------*/
#error {}
	#error .outer {background: transparent;}
		#error .inner {background: transparent; padding: 20px 30px; text-align:center;}
		#error .inner h1 {margin: 20px 0;}
		#error .inner h1:before, #mainBody .inner h1:after {content: '\2014';}
		#error .inner h1:before {margin-right: 5px;}
		#error .inner h1:after {margin-left: 5px;}
		#error .inner h2 {}
		#error .inner p {}

		#error .inner .houston {font-family: 'Roboto Mono', monospace; font-size: 150%; color: #2d3b7c; margin: 30px 0;}

/*  response  */
@media screen and (min-width: 1200px) {

}


/*--------------------------------------------------------------
# *** BUTTON Settings ***
--------------------------------------------------------------*/
button.submitBtn, input.submitBtn, a.actionBtn {background: #2d3b7c; color: #eee; border: 1px solid #2d3b7c;}
button.submitBtn, input.submitBtn, a.actionBtn {font-family: 'Roboto Mono', monospace;
padding: 12px 24px; letter-spacing: .13em; border-radius: 6px;
 font-size: 110%; font-weight: bold; text-decoration: none;
 text-align: center; cursor: pointer; font-weight: bold;
}
button.submitBtn:hover, input.submitBtn:hover, a.actionBtn:hover {background: #6579ab; color: #fff; border: 1px solid #6579ab;}
input:focus.submitBtn, a:focus.actionBtn {outline: none;}
a.actionBtn {display:inline-block;}


/*--------------------------------------------------------------
# *** MAIN: NAV ***
--------------------------------------------------------------*/
nav {background: #2d3b7c; color: #fff;padding: 20px 0;}
nav ul {margin: 0; padding: 0; display: flex; justify-content: space-evenly; flex-wrap: wrap; align-items: center;}
nav ul li {list-style-type: none; display: block; width: 50%; text-align:center; margin: 5px 0;}
nav ul li a {font-family: 'Roboto Mono', monospace;display: block; margin: 0 10px; padding: 14px 16px;}
nav ul li a {background: #2d3b7c; color: #fff; border: 1px solid #6579ab;}
nav ul li a:hover, nav ul li a.hot {background: #6579ab; color: #fff; text-decoration: none;}

/*  response  */
@media screen and (min-width: 600px) {

}
@media screen and (min-width: 1200px) {
	nav ul {}
	nav ul li {width: 20%;}
}




/*--------------------------------------------------------------
# *** MAIN: Footer ***
--------------------------------------------------------------*/
#mainFtr {background: #2d3b7c; color: #fff; border-top: 15px solid #6579ab;}
	#mainFtr .inside {padding: 20px 0; text-align:center;}

	.lobby {}
	.exit {}
	.reachout {font-family: 'Titillium Web', sans-serif; margin: 20px 10px; padding: 0 30px; font-size: 90%; text-align: justify; }
	.reachout a {color: #fff;}

/*  response  */
@media screen and (min-width: 600px) {

}
@media screen and (min-width: 1200px) {

}

/* MAIN: SR */
#mainSR {background: transparent; padding: 25px 0; }
#mainSR .sr {text-align:center;}
#mainSR .sr a {
font-family: 'Open Sans', sans-serif;
color: #f1b51c;
font-size: 90%;
font-weight: normal;
text-decoration:none;
padding: 16px 0 16px 50px;
background: url(https://siteresq.com/assets-global/sr-logos/siteresq_logo.png) no-repeat left center;
background-size: 20%;
}