@charset "utf-8";
/* CSS Document */

/* Site built by Jacob Bearce | jacob@weblinxinc.com | jacob@bearce.me */

::-webkit-input-placeholder {
  color: #CCC !important;
}
:-moz-placeholder {
  color: #CCC !important;
}
.placeholder {
  color: #CCC !important;
}

/* reset */

* {outline: none;}
html, body, div, span, applet, object, iframe, hr, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;
}
:focus { outline: 0;}

body {
  background: url("../images/body.jpg") top center no-repeat #543E29;
  color: black;
  line-height: 1;
}
ol, ul {list-style: none;}
table {border-collapse:separate;border-spacing:0;border:0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img, a img {border: 0;}

/* fonts */
@font-face {
    font-family: "GillSansMTCondensed";
    src: url("gill-sans-mt-condensed/webfont.eot");
    src: url("gill-sans-mt-condensed/webfont.eot?#iefix") format("embedded-opentype"),
         url("gill-sans-mt-condensed/webfont.woff") format("woff"),
         url("gill-sans-mt-condensed/webfont.ttf") format("truetype"),
         url("gill-sans-mt-condensed/webfont.svg#GillSansMTCondensed") format("svg");
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: "GillSansUltraBold";
    src: url("gill-sans-ultra-bold/webfont.eot");
    src: url("gill-sans-ultra-bold/webfont.eot?#iefix") format("embedded-opentype"),
         url("gill-sans-ultra-bold/webfont.woff") format("woff"),
         url("gill-sans-ultra-bold/webfont.ttf") format("truetype"),
         url("gill-sans-ultra-bold/webfont.svg#GillSansUltraBold") format("svg");
    font-style: normal;
	font-weight: normal;
}

/* elements */

a {
	color: #728C01;
	text-decoration: none;
}

	a:hover {
		color: #0EA5FD;
	}

blockquote {
	margin: 0 0 19px;
	padding: 0 30px;
}

	blockquote *:last-child {
		margin-bottom: 0 !important;
	}


h1 {
	color: #728C01;
	font-family: "GillSansUltraBold", Gill Sans Ultra Bold, Arial, Helvetica, sans-serif, sans;
	font-size: 32px;
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
}

h2 {
	color: #728C01;
	font-family: "GillSansUltraBold", Gill Sans Ultra Bold, Arial, Helvetica, sans-serif, sans;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 1px;
	text-transform: uppercase;
}

h3 {
	color: #3E2A18;
	font-family: "GillSansMTCondensed", Gill Sans MT Condensed, Arial, Helvetica, sans-serif, sans;
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 4px;
	text-transform: uppercase;
}

h4 {
	color: #0EA5FD;
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif, sans;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

h5 {
	color: #432E1E;
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif, sans;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

h6 {
	color: #432E1E;
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif, sans;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}

hr {
	background: #0EA5FD;
	clear: both;
	color: #0EA5FD;
	height: 1px;
	margin: 10px 0 15px;
	width: 100%;
}

ol {
	color: #432E1E;
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif, sans;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	list-style: decimal;
	margin: 0 0 16px 20px;
}

p {
	color: #432E1E;
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif, sans;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 16px;
}

table {
	border-left: 1px solid #432E1E;
	border-top: 1px solid #432E1E;
	color: #432E1E;
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif, sans;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 16px;
}

	table tbody tr td, table tr td {
		border-bottom: 1px solid #432E1E;
		border-right: 1px solid #432E1E;
		padding: 2px 4px;
		vertical-align: top;
	}

	table thead tr td, table tr th {
		background: #432E1E;
		color: #FFF;
		padding: 2px 4px;
		vertical-align: top;
	}

ul {
	color: #432E1E;
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif, sans;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	list-style: disc;
	margin: 0 0 16px 20px;
}

/* structure */

#header {
	margin: 0 auto;
	position: relative;
	width: 990px;
}

#contentWrapper {
	background: #FFF;
	height: auto;
	margin: 0 auto 20px;
	min-height: 725px;
	position: relative;
	width: 990px;
	z-index: 999;
	clear: both;
	/* css3 */
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
}

	#contentWrapper #slideshowWrapper {
		background: url("../images/slideshowwrapper.jpg") top center no-repeat;
		border: 2px solid #B79E7F;
		height: 365px;
	}

		#contentWrapper #slideshowWrapper #slideshow {
			border: 2px solid #8C5F3C;
			float: left;
			height: 329px;
			margin: 6px 0 0 9px;
			width: 633px;
		}

		#contentWrapper #slideshowWrapper #slideshow div.slider-wrapper,
		#contentWrapper #slideshowWrapper #slideshow #slider {
			height: 329px;
			width: 633px;
      position: relative;
		}

		#contentWrapper #slideshowWrapper #gradeLevel {
			float: right;
			height: 351px;
			margin: 14px 0 0 13px;
			position: relative;
			width: 327px;
		}

			#contentWrapper #slideshowWrapper #gradeLevel h1 {
				color: #4A3B2C;
				font-family: "GillSansMTCondensed", Gill Sans MT Condensed, Arial, Helvetica, sans-serif, sans;
				font-size: 28px;
				font-weight: normal;
				text-transform: uppercase;
				line-height: auto;
				margin: 0;
			}

			#contentWrapper #slideshowWrapper #gradeLevel h2 {
				color: #0A97FF;
				font-family: "GillSansUltraBold", Gill Sans Ultra Bold, Arial, Helvetica, sans-serif, sans;
				font-size: 28px;
				font-weight: normal;
				text-transform: uppercase;
				line-height: auto;
				margin: 0;
			}

			#contentWrapper #slideshowWrapper #gradeLevel img {
				top: 2px;
				position: absolute;
				z-index: 999;
			}

	#contentWrapper .col {
		float: left;
	}

	#contentWrapper .col.third {
		margin: 38px 0 38px 20px;
		width: 307px;
	}

	#contentWrapper .col.last {
		margin-right: 0;
	}

	#contentWrapper #fullCol {
		margin: 24px 20px 0;
		padding: 0 0 24px;
	}

	#contentWrapper #leftCol {
		float: left;
		margin: 24px 20px 0;
		padding: 0 0 24px;
		width: 600px;
	}

	#contentWrapper #rightCol {
		background: url("../images/rightcol.jpg") top left no-repeat;
		float: right;
		height: auto;
		min-height: 325px;
		padding: 22px 18px;
		width: 293px;
	}

/* FOOTER */
#footer {
	background: url("../images/footer.jpg") top center no-repeat;
  margin: 0 auto;
  width: 990px;
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0px;
}

#footer .block .field a {
  color: #FFF;
  text-decoration: none;
}

#footer .block .field a:hover {
  text-decoration: underline;
}

#footer .block .field a.green {
  color: #728C01;
}

#footer .block .field a.social {
  float: left;
  margin: 0 4px 0 0;
}

#footer .block .field a img {
  opacity: 1;
}

#footer .block .field a img:hover {
  opacity: 0.85;
}

#footer .block .field h1 {
  color: #728C01;
  font-family: "GillSansMTCondensed", Gill Sans MT Condensed, Arial, Helvetica, sans-serif, sans;
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 4px;
  text-transform: uppercase;
}

#footer .block .field h1.social {
  float: left;
  line-height: 49px;
  margin: 0 10px 4px 0;
}

#footer .block .field p {
  color: #FFF;
  font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif, sans;
  font-size: 14px;
  font-weight: normal;
  line-height: 17px;
  margin: 0 0 20px;
}

#footer .block .field p.brown {
  color: #8C5F3C;
}

#footer .block .field ul {
  color: #FFF;
  font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif, sans;
  font-size: 14px;
  font-weight: normal;
  line-height: 17px;
  list-style: none;
  margin: 0 0 20px;
}

#footer .block .field ul li {
  border-bottom: 1px solid #543E29;
  padding: 7px 0;
}

#footer .col.third {
  flex: 1;
  margin: 0 1rem;
}

/* independent classes */

a.arrow {
	background: url("../images/arrow.png") 0px 4px no-repeat;
	padding: 0 0 0 12px;
}

	a.arrow:hover {
		background-image: url("../images/arrow-hover.png");
	}

a.button {
	background: url("../images/button.jpg") top left repeat;
	border: 2px solid #004E72;
	color: #FFF;
	display: block;
	font-family: "GillSansMTCondensed", Gill Sans MT Condensed, Arial, Helvetica, sans-serif, sans;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 18px;
	text-align: center;
	width: 93px;
}

	a.button:hover {
		background: #004E72;
	}

img.right {
	float: right;
	margin: 0 0 0 7px;
}

#gradeLevel  #block-block-28 {
	position: relative;
}

#gradeLevel #search-block-form,
.region-rightcol #search-block-form {
	margin-bottom: 10px;
}
#gradeLevel #search-block-form #site-search-block-query,
.region-rightcol #search-block-form #site-search-block-query {
	width: 90%;
}
#gradeLevel #search-block-form button {
	margin-right: 15px;
}
.region-rightcol #search-block-form button {
	margin-right: 5px;
}

.messages .messages__list {
  color: #333;
  list-style: none;
  margin: 1rem;
}

.messages .messages__list .messages__item {
  padding-bottom: 1rem;
}


.messages .messages__list .messages__item .placeholder {
  color: #333 !important;
  font-weight: bold;
}

/**
 * Weblinks old styling
 * @todo - Verify if this is still needed.
 */
#weblinx {
  background: red;
  border: 2px solid #CCC;
  color: #000000;
  font: normal 11px "Trebuchet MS", Arial, sans-serif;
  margin: 10px auto;
  padding: 5px;
  text-align: center;
  width: 230px;
  /* css3 */
  filter: alpha(opacity=10);
  -webkit-opacity: 0.10;
  -o-opacity: 0.10;
  -ms-opacity: 0.10;
  -moz-opacity: 0.10;
  opacity: 0.10;
  /* -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -moz-transition: opacity .25s;
  transition: opacity .25s; */
}

#weblinx:hover {
  cursor: pointer;
  /* css3 */
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

#weblinx a:link, #weblinx a:visited  {
  color: #000000;
  text-decoration: none;
}

#weblinx a:hover, #weblinx a:active {
  color: #000000;
}


/**
 * New Styles to replace old files
 */

/* Tab Navigation */
nav.tabs {
  display: flex;
  padding-bottom: 1rem;
}
nav.tabs ul {
  display: flex;
  font-size: 1rem;
  line-height: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.tabs ul li {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
nav.tabs ul li a {
  border: 1px solid #333;
  color: #333;
  padding: 1rem;
}
nav.tabs ul li a:hover {
  color: #808080;
}

/* Message / Status Messages */
.messages {
  padding: 2rem;
}

.messages.messages--status {
  background-color: #4C5A00;
  color: white;
}

/* Search Results Page */
ol.search-results {
  list-style: none;
  margin: 2rem 0;
}

ol.search-results li {
  border-bottom: 1px solid #8C5F3C;
  padding-bottom: 0.5rem;
  padding-top: 1.5rem;
}

details.search-advanced {
  background-color: #8C5F3C;
  color: white;
  margin: 2rem 0;
  padding: 1rem;
}

details.search-advanced summary {
  cursor: pointer;
  padding: 1rem 0;
}

/* Navigation */
.menu--primary-links .nav {
  background: url("../images/nav.jpg");
  color: #FFF;
  font-family: "GillSansMTCondensed", Gill Sans MT Condensed, Arial, Helvetica, sans-serif, sans;
  font-size: 25px;
  font-weight: normal;
  height: 54px;
  line-height: 54px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 990px;
  z-index: 999;
}
.menu--primary-links .nav .menu-item {
  border-right: 1px solid #4C5A00;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.menu--primary-links .nav .menu-item:hover {
  background: url("../images/nav-hover.jpg") top left repeat-x;
}
.menu--primary-links .nav .menu-item:last-child {
  border-right: 0;
}
.menu--primary-links .nav .menu-item a {
  color: #FFF;
  display: block;
  padding: 0 17px;
  text-decoration: none;
}
.menu--primary-links .nav .menu-item a:hover {
  color: #FFF;
}

/* Header Block Logo */
.block.block-block-25 .field p {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.block.block-block-25 .field p a:first-of-type {
  display: block;
  float: left;
  margin: 35px 0 0 5px;
}
.block.block-block-25 .field p a:last-of-type {
  display: block;
  float: right;
  position: absolute;
  right: -15px;
}