/*  
Theme Name: Koven Responsive Version
Description: It's... you know, responsive.
Author: Kent Koven
Author URI: http://www.kentkoven.com
*/

/* lato-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../../fonts/lato-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/***** General stuff *****/
.newsPageTitle {
	display:none;
}
.desktopOnly {
	display:none;
}
.mobileOnly {
	display:block;
}

body {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 16px;
	line-height:24px;
	color: #333;
	margin: 0px;
	padding: 0px;
}
html, body {
	width:100%;
	height:100%;
}

a{
	outline:none;
}
a:link, a:visited, a:active {
	color:#C0001C;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}
ul {
	padding:5px;
	margin:0px;
	margin-left:25px;
	list-style-position:outside;
}
li {
	padding:5px;
	list-style-position:outside;
}
h1 {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:900;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	line-height:35px;
	padding:0px;
	padding-top:70px;
	margin:0px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-position: center center;
}
.h1Overlay {
	background-image: url(/wp-content/uploads/bg-pattern-transparent.png);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.h1Title {
	background-color: rgba(0, 0, 0, 0.5);
	position:relative;
	z-index:1;
	padding:8px;
}
h2 {
	font-size:25px;
	font-weight:700;
	color:#2A3531;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	line-height:normal;
	text-transform:capitalize;
	text-align:center;
}
h3 {
	font-size:20px;
	color:#2A3531;
	margin:0px;
	padding:0px;
	margin-bottom:3px;
	line-height:normal;
}
h4 {
	font-size:15px;
	font-weight:700;
	color:#2A3531;
	margin:0px;
	padding:0px;
	margin-bottom:3px;
	line-height:normal;
}
ul.menu, .menu li {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
table {
	background:#fff;
}

.menu a {
	display:block;
	color:#FFFFCC;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
}
/* Menu ___________________________________________________________________________*/
.menuButton {
	text-indent:0;
	color:#ffffff;
	height:35px;
	width:35px;
	text-align:center;
	position:fixed;
	right:15px;
	top:15px;
	z-index:99;
}
.menuButton:hover {
	cursor:pointer;
}
.menuButton img {
	padding:5px;
	width:25px;
	height:25px;
}

.mobileMenu {
	position:fixed;
	z-index:99;
	width:100%;
	height:100%;
	top:0px;
	bottom:0px;
	overflow:hidden;
	display:none;
	background:#fff;
}
.mobileMenuOverlay {
	text-align:center;
	position:absolute;
	top:10px;
	left:20px;
	right:20px;
	bottom:10px;
	overflow:hidden;
	background:#2A3531;
	-moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
     box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
	 border:1px solid #ccc;
}
.mobileMenuHeader {
	height:40px;
	padding:15px 0px;
	width:100%;
	color:#fff;
	position:relative;
	border-bottom: 1px solid #FFFFCC;
	
}
.mobileMenuHeader img{
	height:100% !important;
	width:auto;
}
.mobileMenu ul {
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	bottom:45px;
	top:70px;
	width:100%;
	-webkit-overflow-scrolling: touch;
}
.mobileMenu li {
	position: relative;
}
.mobileMenu a {
	font-size:20px;
	padding-top:15px;
	padding-bottom:15px;
	opacity:.5;
}
.mobileMenu .current_page_item > a,
.mobileMenu .current_page_ancestor > a,
.mobileMenu .current_page_item a:hover {
	color:#FFFFCC;
	opacity:1;
}
#closeButton {
	background-color:#C0001C;
	color:#ffffff;
	height:45px;
	line-height:45px;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
}

.menu-item-577 img,  .menu-item-578 img {
	margin-top:-3px;
	padding-right: 15px !important;
}




/* Layout ___________________________________________________________________________*/
.headerMain {
	 position:fixed;
	 height:65px;
	 top:0px;
	 z-index:10;
	  -webkit-box-shadow: 0 8px 15px -12px black;           
     -moz-box-shadow: 0 8px 15px -12px black;               
      box-shadow: 0 8px 15px -12px black;
	  background-color:#2a3531;
	  left:0px;
	  right:0px;
	  border-bottom: 1px solid #FFFFCC;
}
.topLogo {
	height:40px;
	position:absolute;
	left:15px;
	top:13px;
}
.topLogo img {
	display:block;
	height:100%;
	width:auto;
	margin:auto;
}
.contentWrapper {
	padding:0px 10px;
}

.div1300 {
	max-width:1300px;
	margin:auto;
}
.div960 {
	max-width:960px;
	margin:auto;
	position:relative;
}
.pageSection {
	margin-bottom:40px;
}
.pageSectionPicture {
	float:none;
	width:100%;
	height:auto;
	margin:auto;
	max-width:400px;
	margin-bottom:5px;
}
.pageSectionPicture img {
	width:100% !important;
	height:auto !important;
}
.pageSectionTextWithPicture {
	margin-left:0px;
}
.sectionText {
	line-height:18px;
	margin-top:-10px;
}
.spacer {
	padding:15px;
}
footer {
	text-align:center;
	padding:50px 15px;
	background-color: #2A3531;
	color:#fff;
}


/* Stories ___________________________________________________________________________*/
.story {
	margin:15px;
	min-height:100px;
	margin-bottom:35px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}
.storyPic {
	line-height:0px;
	margin:auto;
	margin-bottom:10px;
	border: 1px solid #e2e2e2;
	padding:5px;
	background:#fff;
}
.storyPic img {
	width:100% !important;
	height:auto !important;
	display:block;
}
.storyText {
	text-align:center;
}
.storyDate {
	margin-bottom:5px;
	font-style:italic;
	margin-top:10px;
	color: #666;
    font-size: 11px;
	text-align:center;
}
.storyTitle {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}

.storyTitle a {
	font-size:18px;
	margin-bottom:5px;
	font-family:'Open Sans Condensed', sans-serif;
	color:#00497C;
	font-weight:normal !important;
}





/*** For Post Images ***/
.alignleft, .aligncenter, .alignright, img.alignright, img.alignleft, img.aligncenter {
	display:block;
	background-color:#ececec;
	font-size:11px;
	padding:5px;
	margin:auto;
}




/* 800px and higher _________________________________________________________________________________________________________________________________________________________________________*/
@media (min-width:800px){

h1 {
	font-size:45px;
	line-height:45px;
	padding:400px 0px;
	padding-bottom:0px;
}
h2 {
	text-align:left;
}

.menu a{
	color: #FFFFCC;
}



/* Layout ___________________________________________________________________________*/
.pageSectionPicture {
	float:left;
	width:150px;
	height:auto;
	margin-bottom:0px;
}

.pageSectionTextWithPicture {
	margin-left:160px;
}
.leftMenu {
	float:left;
	width:175px;
}
.rightContent {
	margin-left:170px;
	overflow: auto;
	border-left: 1px dotted #2A3531;
	padding-left:25px;
}
.twentyPercent {
	width:20%;
	float: left;
}
.thirtyPercent {
	width:30%;
	float: left;
}
.fortyPercent {
	width:40%;
	float: left;
}
.fiftyPercent {
	width:50%;
	float: left;
}
.sixtyPercent {
	width:60%;
	float: left;
}
.seventyPercent {
	width:70%;
	float: left;
}
.eightyPercent {
	width:80%;
	float: left;
}



.alignleft {
	float:left !important;
	background-color:#ececec;
	font-size:11px;
	padding:5px;
	margin:10px;
	margin-left:0px;
}
.aligncenter {
	float:left !important;
	background-color:#ececec;
	font-size:11px;
	padding:5px;
	margin:10px;
	margin-left:0px;
}
.alignright {
	float:right !important;
	background-color:#ececec;
	font-size:11px;
	padding:5px;
	margin:10px;
	margin-left:0px;
}
.wp-caption-text {
	padding:5px;
	line-height:15px;
}

img.alignright {
	float:right; 
	margin:15px;
	margin-right:0px;
}
img.alignleft {
	float:left; 
	margin:15px;
	margin-left:0px;
}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
}


/* 1030px and higher _________________________________________________________________________________________________________________________________________________________________________*/
@media (min-width:1030px){

.desktopOnly {
	display:block;
}
.mobileOnly {
	display:none;
}
html {
	overflow:auto !important;
}
body {
	margin:0px;
	overflow:auto !important;
}
html, body {
	height:auto;
	width:auto;
}

/* Menu ___________________________________________________________________________*/
.desktopMenu ul {
	list-style: none;
	padding:0px;
	text-align:center;
	font-size: 12px;
	position:absolute;
	top:15px;
	left: 250px;
	right:15px;
}
.desktopMenu li {
	position: relative;
	display:inline-block;
}
.desktopMenu a {
	display: block;
	text-decoration: none;
	font-size:16px;
	text-transform:uppercase;
	padding:0px;
	margin:0px 8px;
	line-height:35px;
	opacity:.5;
}
.desktopMenu li:hover > a,
.desktopMenu ul ul :hover > a,
.desktopMenu a:focus {
	color:#FFFFCC;
	opacity:1;
}

.desktopMenu .current_page_item > a,
.desktopMenu .current_page_ancestor > a,
.desktopMenu .current_page_item > a:hover,
.desktopMenu .current_page_ancestor > a:hover {
	color:#FFFFCC;
	opacity:1;
}

.desktopMenu .current_page_item > a,
.desktopMenu .current_page_ancestor > a {
	color:#FFFFCC;
}

#menu-item-577 .menu-image-title,  #menu-item-578 .menu-image-title {
	display:none;
}
#menu-item-577 img,  #menu-item-578 img {
	margin-top:-3px;
	padding-right: 0px;
	padding-left:3px;
}
.menu-item-577 img,  .menu-item-578 img {
	margin-top:0px;
	padding-right: 0px !important;
}

}