﻿/* DEFAULTS
----------------------------------------------------------*/
html{min-height:100%;height:100%;border-top:7px solid #000000;}/* make sure it is at least as tall as the viewport */
/*** FONTS   *****/
@font-face {
    font-family: "Open-Sans";
    src: url("../fonts/open-sans.regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans.regular.woff") format("woff"), url("../fonts/open-sans.regular.ttf") format("truetype");
}
@font-face {
    font-family: "Enriqueta-Regular";
    src: url("../fonts/Enriqueta-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Enriqueta-Regular.woff") format("woff"), url("../fonts/Enriqueta-Regular.ttf") format("truetype");
}

body{height:100%;font-family:'Open-Sans', serif;color: #484848;background: url(../images/bgTile01.png) repeat;padding-top:0px;}
.clearfix:after, .list-group-item:after, .groupIconCntBtn:after, .iconContainer:after {content: " "; /* Older browser do not support empty content */visibility: hidden;display: block;height: 0;clear: both;}

/* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2{margin-top: 0px;}
   
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: 'Open-Sans', serif;font-weight: 600;margin-top:8px;color:#484848;margin-bottom:15px;}
h1 {margin-top:15px;margin-bottom:30px;line-height:1.1;color:#095868;display:grid;}
h1 span {display:inline-block;padding-bottom:0px;}
h2 {color:white;font-size:26px;line-height:1.4;}
h2.optionLeftGrey {text-align:left;color:#484848;}
h3 {font-size:16px;line-height:1.4;text-align:center;}
h4 {font-size:18px;font-family:'Open-Sans', sans-serif;}
.underline {border-bottom:4px dotted #55889d;}
p, .btnList li {font-size:18px;font-family:'Open-Sans', sans-serif;line-height:1.6;}
.green-dark {color:#095868;}
.green-light {color:#55889d;}
.grey {color:#484848;}
.white {color:#fff;}
.footerPosBot p {font-size:14px;}
.textCenter {text-align:center;}
.jotform-form {padding-top:12px!important;}
.navbar {margin-bottom:0;}
.navbar-default .navbar-collapse {border:none;}
/*.img-responsiveHeight {height:max-height:100%;width:auto;display:block*/
.navbar-default, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover
{
background-image:none!important;
background-color:transparent;
box-shadow:none;
color: #55889d;
border:none;
font-weight:600;
}
.navbar-default .navbar-nav > li > a
{
cursor: pointer;
font-size:23px;
font-family: 'Open-Sans', sans-serif;
font-weight: 400;
}
.btnGrid a {background-color:#ccc;}
.btnGrid a:hover  {text-decoration:none;}
.btnGrid a:hover div.promoBox {background-color:##FAF7DA;}
.btnList li {margin:10px;}
.btnList a {text-decoration:underline;}
.btnList a:hover  {text-decoration:none;color:#55889d;}
.bgColorDarkGreen {background-color:#095868;padding-top:15px;padding-bottom:15px;}
.bgColorTheJunction {background-color:#0c717b;margin-bottom:40px;}
.bgColorOther {}
.socialMedia {padding-top:15px;padding-bottom:45px;text-align:center;}
.promoBox {border:1px solid grey;width:130px;height:130px;background-color:white;margin:10px auto;padding:8px;}
img.picMain {border:1px solid #484848;}
.footerPosBot {position:fixed;bottom:0;left:15px;height:40px;width:100%;padding-top:8px;padding-bottom:8px;background-color:#000;}
@media (max-width: 767px) {
.navbar-header {height:68px;}
.navbar-brand img{height:60px;}
.navbar-default .navbar-nav > li > a {padding-top:8px;}	
.navbar-toggle {background-color:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #fff;}
h1 {font-size:34px;}
body#pageContact .socialMediaIcons {position:relative;bottom: -20px;width: 100%;text-align: center;left: 0;}
}
@media (min-width: 480px) {
h3 {font-size:30px;text-align:center;padding-top:20px;}
.promoBox {width:210px;height:210px;}
}
@media (min-width: 768px) {
.navbar-default .navbar-nav > li > a {font-size:17px;}
.navbar-header {height:108px;}
.navbar-brand img{height:100px;}
.navbar-default .navbar-nav > li > a {padding-top:45px;}
h1 {font-size:50px;line-height:1.3;}
h3 {font-size:30px;text-align:center;padding-top:20px;}
.promoBox {width:220px;height:220px;}
}
@media (min-width: 1024px) {
.navbar-default .navbar-nav > li > a {font-size:23px;}
.wrapper {width:80%;margin:0 auto;}		
}
@media (min-width: 1200px) {
.navbar-header {height:128px;}
.navbar-brand img{height:120px;}
.navbar-default .navbar-nav > li > a {padding-top:55px;}
}
@media (min-width: 1600px) {
	.wrapper {width:65%;margin:0 auto;}	
	}