@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=PT+Serif:wght@400;700&family=Source+Sans+Pro:wght@200;300;400;600;700;900');

body {font:1em 'Source Sans Pro', sans-serif; color: #333; margin:0; font-weight: 500; letter-spacing: 0; overflow-x: hidden; position: relative;}

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:0;
    display:none;
    text-indent:-9999px;
    background: url(graphics/icon_top.png) no-repeat;
}

.btn-fix {
  color: black !important;
  border: 2px solid black;
}

label {
  margin: 0;
}

a {text-decoration: none;}
a:hover {text-decoration: none;}

.maroon {color:#843435;}
.gray {color:#999;}
.black {color:#333;}
.white {color:#fff;}

.small {font-size: 90%!important;}
.smaller {font-size: 80%!important;}
.large {font-size: 110%!important;}
.larger {font-size: 120%!important;}
.largest {font-size: 130%!important;}

.serif {font-family: 'PT Serif', serif;}

h1 {
	font-family: 'PT Serif', serif;
	font-size: 2.2em;
	font-weight: 700;
	color:#843435;
	letter-spacing: -1.5px;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 500;
	color:#999;
	letter-spacing: -.5px;
	text-transform: uppercase;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 800;
	color:#843435;
	letter-spacing: -.5px;
	text-transform: uppercase;
}

h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25em;
	font-weight: 800;
	color:#843435;
	letter-spacing: -.5px;
	text-transform: uppercase;
}

h5 {
	font-family: 'PT Serif', serif;
	font-size: 1.75em;
	font-weight: 400;
	color:#843435;
	letter-spacing: -1px;
}

h6 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25em;
	font-weight: 700;
	color:#843435;
	letter-spacing: -.5px;
	text-transform: uppercase;
}

.bar-h1 {width:100px; border-top:5px solid #999;}

.border-gray {border:1px solid #999;}
.border-maroon {border:1px solid #843435;}

.divider-gray {border-top:1px solid #ccc;}

.header {
  padding:5px;
  background: #fff;
  z-index:999999;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:#fff;
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

.bg-top {background:#843435; color:#fff; font-size:.725em; font-weight:400; letter-spacing: 0px;}
.bg-top a {color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-top a:hover {color: #999; text-decoration: none;}
.bg-top ul {padding:0; margin:0; text-align:right;}
.bg-top ul li {list-style-type:none; display:inline;}
.bg-top ul li:before {content:'';}
.bg-top ul li:after {content:''; margin:0 15px;}
.bg-top ul li:last-child:after {content:'';}

.social-top {font-size:1.25em;}
.social-top a {color: #999; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.social-top a:hover {color: #fff; text-decoration: none;}

.navbar-light .navbar-nav .nav-link {
	font-family: 'Montserrat', sans-serif;
	font-size: .9em;
	font-weight: 700;
	color:#843435;
	text-transform: uppercase;
	padding:15px 1.5rem!important;
	letter-spacing: -.5px!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 2px solid #fff;
}
.navbar-light .navbar-nav .nav-link:hover {color:#999!important; border: 2px solid #843435;}

.navbar-toggler {border-color:#000!important; background-color:transparent!important; border:0!important; color:(0,0,0,1.0)!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {height:100%;}
.navbar-brand img {height:65px;}
.navbar-brand.js-scrolling img {
	height: 50px;
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	transition: height 0.3s ease;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:#009ba8!important;}

.content-index {min-height: 350px;}
.content {min-height:550px; letter-spacing: -.5px;}
.content a {color:#843435!important; font-weight: 800; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#999!important; text-decoration:none;}
.btn-content {
	background-color:#843435;
	font-family: 'Montserrat', sans-serif;
	font-size:.8em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #843435;
}
.btn-content:hover {
	background:#333;
	color:#999!important;
	cursor: pointer;
	border:2px solid #333;
}

.bg-tagline {background-image: url(graphics/bg-tagline.jpg); color:#fff;}
.bar-tagline {width:100px; border-top:2px solid #843435;}
.tagline-text {font-family: 'PT Serif', serif; font-size:3em; line-height: 1.25em; letter-spacing: -1px;}
.btn-tagline {
	background-color:#843435;
	font-family: 'Montserrat', sans-serif;
	font-size:.8em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #843435;
}
.btn-tagline:hover {
	background:transparent;
	color:#999!important;
	cursor: pointer;
	border:2px solid #fff;
}

.footer {font-family: 'PT Serif', serif; font-size:.975em; font-weight:600; color:#333;}
.footer a {color: #333; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer a:hover {color: #999; text-decoration: none;}
.footer ul {padding:0; margin:0; text-align:center;}
.footer ul li {list-style-type:none; display:inline;}
.footer ul li:before {content:'';}
.footer ul li:after {content:''; margin:0 20px;}
.footer ul li:last-child:after {content:'';}

.fb-footer {font-size:1.25em;}
.fb-footer a {color: #843435; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.fb-footer a:hover {color: #999; text-decoration: none;}

.bg-anchor {background:#333; color:#999; font-weight:400; font-size:70%;  text-align: center!important; border-bottom: 3px solid #843435; letter-spacing:-.5px!important;}
.bg-anchor a {color:#999; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#fff; text-decoration:underline;}

.bg-anchor ul {padding:0; margin:0; text-align:center!important;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#843435; font-weight: 900; margin:0 10px;}
.bg-anchor ul li:last-child:after {content:'';}

.index-text {font-size: 1em; font-weight: 700; letter-spacing: -.5px; line-height: 1.75em;}

.news {background:#eee; font-size: .9em; font-weight: 400; letter-spacing: -.5px; line-height: 1.55em;}
.news-header {font-family: 'Montserrat', sans-serif; font-size: 1.75em; font-weight: 800; color:#843435; text-transform: uppercase;letter-spacing: -1px;}
.news-bar {border-top: 1px solid #999;}

.bg-callouts {color:#fff; background-color: #222222;
background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23333333' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");}
.callout-header {font-family: 'PT Serif', serif; font-size: 1.85em; font-weight: 700; color:#999;}
.callout-bar {width:75px; border-top:1px solid #843435;}
.callout-text {font-size: 1em; font-weight: 500;}
.btn-callout {
	background-color:#843435;
	font-family: 'Montserrat', sans-serif;
	font-size:.8em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #843435;
}
.btn-callout:hover {
	background:transparent;
	color:#999!important;
	cursor: pointer;
	border:2px solid ##843435;
}

.bg-more {background:#ddd; font-size: 105%;}
.more-icon {font-size: 3em; color:#999;}
.more-title {font-family: 'Montserrat', sans-serif; font-size: 1.65em; font-weight: 700; color:#843435; text-transform: uppercase;}
.btn-more {
	background-color:#843435;
	font-family: 'Montserrat', sans-serif;
	font-size:.675em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-more:hover {
	background:#333;
	color:#999!important;
	cursor: pointer;
}
.divider-more {border-top:2px solid #fff;}

.intro-text {font-size: 1.05em; font-weight: 600; line-height: 2em;}

.semen, .showPast, .hidePast {background:#eee; border:2px solid #ccc; color:#843435; font-family:'Montserrat', sans-serif; font-size: 95%; font-weight: 700; text-transform: uppercase;}

.total {border:2px solid #ddd; font-size: 1.35em; font-weight: 900; color:#843435;}

.list-group-item {font-size: .95em!important; font-weight: 700!important; letter-spacing: -.5px;}
.list-group-item:hover {background: #eee!important; color:#843435!important;}

/*TABS*/
.tab-pane {
  padding:2rem 0;
}

.nav-tabs {font-family: 'PT Serif', serif; font-size: 125%; font-weight: 700; border-bottom:0;}
.nav-item-tab {padding:1.5%; background:#fff; border:1px solid #bbb; margin-right:1%;}

.nav-link-tab {
background: #fff;
color:#999!important;
font-weight: 900;
}
.nav-link-tab.active {
  color:#843435!important;
  font-weight: 900;
  background:#fff;
}
/*END TABS*/

/*TABLES*/
table {
	width: 100%;
	border-collapse: collapse;
	margin:20px auto;

	}

/* Zebra striping */
tr:nth-of-type(odd) {
	background: #eee;
	}

th {
	background: #fff;
	color: #000000;
	font-weight: bold;
	font-size: 1.05em;
	}

td a {color:#c02035!important; text-decoration: none; font-weight: bold;}
td a:hover {color:#233065!important; text-decoration: underline!important;}

td, th {
	padding: 10px;
	text-align: left;
	font-size: 1em;;
	}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 768px)  {

	table {
	  	width: 100%;
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%;
		padding-right: 10px;
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}

}
/*END TABLES*/

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.map-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
border:2px solid #843435;
}

.map-container iframe,
.map-container object,
.map-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.adminbtn {background:#843435; font-size: .9em; color:#fff; border:2px solid #843435; font-weight: 600; border-radius: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.adminbtn:hover {background:#333; color:#999; border:2px solid #333; cursor: pointer;}

/*FORM*/
#form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;

        }

textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: 500!important;
		font-size: 90%;
        }

textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #843435;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"] {
	background-color:#843435!important;
	color:#fff!important;
	font-family: 'Jost', sans-serif;
	font-size:.95em;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #843435;
	border-radius: 5px;
}

input[type="submit"]:hover {
        background-color:#333!important;
		color:#999!important;
		cursor:pointer;
		border:2px solid #333;
		border-radius: 5px;
}

.submit {
	padding:2.5%;
	background:#843435;
	color:#fff!important;
	font-family: 'Montserrat', sans-serif;;
	font-size:2em;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background-color:#333!important;
	color:#999!important;
	cursor:pointer;
}

input {padding:7px!important;}
/*END FORM*/

@media (max-width: 1325px) {
.navbar-light .navbar-nav .nav-link {font-size: .9em; padding:10px .85rem!important;}
}

@media (max-width: 1200px) {
.tagline-text {font-size:2.5em;}
.footer {font-size:.95em;;}
.footer ul li:after {margin:0 10px;}
}

@media (max-width: 992px) {
.footer {font-size:.975em; line-height: 1.75em;}
.footer ul li {display:block;}
.footer ul li:after {margin:0;}
.fb-footer {font-size:2em; margin-top: 15px;}
.nav-item-tab {padding: 2.5%; margin-right: 2%; margin-top: 2%;}
}

@media (max-width: 768px) {
.bg-top {font-size:.9em; line-height: 1.5em;}
.bg-top ul {text-align:center;}
.bg-top ul li {display:block;}
.bg-top ul li:after {margin:0;}
.tagline-text {font-size:2em;}
.phone-mobile {font-size:1.5em;}
.semen {font-size: 75%;}
}

@media (max-width: 576px) {
.navbar-brand img {height:50px;}
.navbar-brand.js-scrolling img {height: 40px;}
.tagline-text {font-size:1.85em;}
.semen {font-size: 95%;}
}

@media (max-width: 480px) {
.tagline-text {font-size:2.15em;}
.nav-item-tab {font-size: 1.2em; width:92%; padding: 4%; margin:5px 0!important;}
}

@media (max-width: 375px) {
.navbar-brand img {height:30px;}
.navbar-brand.js-scrolling img {height: 30px;}
.tagline-text {font-size:1.75em;}
}
