/*
The ARDA
Version: 2.1
Developer: Internet Imagineering LLC
Copyright (c) All rights reserved
*/

/* GOOGLE FONTS
font-family: 'PT Sans', sans-serif;
font-family: 'PT Serif', serif;
*/

:root {
    --blue: #233d60;
    --green: #28666e;
    --ltgreen: #7c9885;
    --beige: #d6c38d;
    --white: #ffffff;
    --red: #990000;
    --orange: #ff9933;
    
    --black: #000000;
    --ltblack: #333333;
    --ltgray: #e1e1e1;
    --midgray: #CCCCCC;
    --dkgray: #666666;

}

body {
	background-color: var(--white);
	margin: 0px 0px; 
	padding: 0px;
	font-family: 'PT Sans', verdana, arial, sans-serif;
	color: var(--ltblack);
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
}

.clear { clear: both;}

.imgfade { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.imgfade:hover {opacity: 0.5;}

.alignright {text-align: right;}
.alignleft {text-align: left;}

/* TEXT COLORS */
.textGreen {color: var(--green);}
.textOrange {color: var(--orange);}
.textGray {color: var(--midgray);}

/* LINKS */
a.headerLink {color: var(--white); text-decoration: none; margin: 0 10px;}
a:visited.headerLink {color: var(--white); text-decoration: none;}
a:hover.headerLink {color: var(--beige); text-decoration: none;}

a.linkWhite {color: var(--white); text-decoration: none; margin: 0 10px;}
a:visited.linkWhite {color: var(--white); text-decoration: none;}
a:hover.linkWhite {color: var(--beige); text-decoration: none;}

a.linkGreen {color: var(--green); text-decoration: none; margin: 0 10px;}
a:visited.linkGreen {color: var(--green); text-decoration: none;}
a:hover.linkGreen {color: var(--black); text-decoration: underline;}

a.linkGreen2 {color: var(--green); text-decoration: none;}
a:visited.linkGreen2 {color: var(--green); text-decoration: none;}
a:hover.linkGreen2 {color: var(--black); text-decoration: underline;}

/* BUTTONS */
button.buttonWhiteBorder {text-transform: uppercase; letter-spacing: 2px; border: 2px solid var(--white); font-size: 14px; font-weight: bold; padding: 16px 20px; text-align: center; background-color: var(--green); color: var(--white);}
button:hover.buttonWhiteBorder {background-color: var(--white); color: var(--green); border: 2px solid var(--white); cursor: pointer;}

button.buttonGreenBorder {text-transform: uppercase; letter-spacing: 2px; border: 2px solid var(--green); font-size: 14px; font-weight: bold; padding: 16px 20px; text-align: center; background-color: var(--white); color: var(--green);}
button:hover.buttonGreenBorder {background-color: var(--green); color: var(--white); border: 2px solid var(--green); cursor: pointer;}


/* HEADINGS */
h1.titlePage {font-family: 'PT Serif', times new roman, serif; font-size: 36px; font-weight: 400;}

h3.subtitlePage {font-weight: 700; font-size: 24px;}
h3.footerTitle {font-family: 'PT Serif', times new roman, serif; font-size: 24px; font-weight: 400;}

h5.headlineTitle {font-family: 'PT Serif', times new roman, serif; font-size: 18px; font-weight: 400; margin: 10px 0 30px 0;}
h5.footerNav {color: var(--orange); text-transform: uppercase;}

/* HEADER */
.headerWrapper {width: 100%;}
.headerTop {width: 100%; background-color: var(--blue);}
	.headerTop-Container {width: 90%; margin: 0 auto; max-width: 1440px; display: grid; grid-template-columns: auto auto; padding: 10px 0; align-items: center;}
	.headerTop-Slogan {color: var(--white); text-transform: uppercase; font-size: 14px;}
	.headerTop-Navigation {display: grid; grid-template-columns: auto 120px; grid-column-gap: 20px; text-align: right; font-size: 14px; color: var(--white); align-items: center;}
	.socialLinks {font-size: 18px; text-align: right;}
	.navHeader {text-align: right; text-transform: uppercase;}
	
.headerMain {width: 90%; margin: 0 auto; max-width: 1440px;}
.headerMain-Top {width: 100%; display: grid; grid-template-columns: 350px auto 600px; align-items: center; margin: 30px 0;}
	.headerMain-Logo {width: 100%;}
	.headerMain-Logo img {width: 100%;}
	.headerMain-Search {text-align: right;}
	
.headerMain-Navigation {width: 100%; display: grid; grid-template-columns: auto auto;}

.holderSearch {width: 600px; display: grid; grid-template-columns: auto 45px; text-align: right; right: 0; align-items: center;}
.holderSearchInput {}
	input.inputSearch {font-size: 16px; color: var(--midgray); border: 1px solid var(--midgray); padding: 10px 10px; width: 250px;}
.holderSearchButton {background-color: var(--green); color: var(--white); font-size: 14px; text-align: center;  display: flex; justify-content: center; align-items: center; height: 40px; margin: 0px 0 0 2px;}

.navMain ul {margin: 0; padding: 0;}
.navMain ul li {list-style-type: none; display: inline-block; padding: 16px 20px; font-weight: bold; text-transform: uppercase; font-size: 18px; text-align: center;}
.navMain ul li:hover {background-color: var(--ltgray);}

.navMainRight ul {margin: 0; padding: 0; text-align: right;}
.navMainRight ul li {list-style-type: none; display: inline-block; padding: 16px 20px; font-weight: bold; text-transform: uppercase; font-size: 18px; text-align: center;}
.navMainRight ul li:hover {background-color: var(--ltgray);}

a.topnav {color: var(--green); text-decoration: none;}
a:hover.topnav {color: var(--black); text-decoration: none;}

.sectionpicWrapper {width: 100%; background: var(--ltgray) url('../images/sectionpic-1.jpg') top right; height: 160px; min-height: 160px; position: relative;}
.sectionTitle {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((100vw - 1440px) / 2); padding-left: 100px;}
.sectionpic-Overlay {width: 40%; background-color: var(--green); height: 180px; transform: skewX(-45deg); margin-left: -100px; overflow: hidden;}
	
/* GENERAL LAYOUT */
.wrapperPage-Sidebar {width: 90%; max-width: 1440px; margin: 100px auto; display: grid; grid-template-columns: 300px auto; grid-column-gap: 80px;}
.pageSectionTitle {font-size: 18px; text-transform: uppercase; font-weight: 700;}
.pageSectionTitle2 {font-size: 18px; text-transform: uppercase; font-weight: 700; margin: 10px 0;}

.sidebarFull {background-color: var(--green); padding: 30px; margin: 0 0 50px 0;}
.sidebarBorder {border: 1px solid var(--green); padding: 30px; margin: 0 0 50px 0;}
.sidebarTitle {font-family: 'PT Serif', times new roman, serif; font-size: 18px;}

.navSidebar {margin: 20px 0 0 0;}
.navSidebar ul {margin: 0; padding: 0;}
.navSidebar ul li {list-style-type: none; margin: 10px 0;}

a.linkSidebar-White {color: var(--white); text-decoration: none;}
a:visited.linkSidebar-White {color: var(--white); text-decoration: none;}
a:hover.linkSidebar-White {color: var(--beige); text-decoration: none;}

a.linkSidebar-Green {color: var(--green); text-decoration: none;}
a:visited.linkSidebar-Green {color: var(--green); text-decoration: none;}
a:hover.linkSidebar-Green {color: var(--black); text-decoration: none;}

.layout-2-1 {width: 90%; max-width: 1440px; margin: 100px auto; display: grid; grid-template-columns: 2fr 1fr; grid-column-gap: 80px;}
.layout-1-1 {width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 80px;}
.layout-3-1-1 {width: 90%; max-width: 1440px; margin: 100px auto; display: grid; grid-template-columns: 3fr 1fr 1fr; grid-column-gap: 50px;}

.contentBullets ul {margin: 0; padding: 0;}
.contentBullets ul li {list-style-type: none; margin: 6px 0; padding: 0;}
i.bulletChevron {font-size: 14px; margin: 0 10px 0 0;}

img.ctaImage {border: 1px solid var(--ltgray); padding: 1px;}

.separator {width: 100%; background: var(--white) url('../images/separator.png') no-repeat top; height: 10px; min-height: 10px;}

/* FRONT PAGE */
.sliderWrapper {width: 100%; background: var(--ltgray) url('../images/slider-1.jpg') top right; height: 600px; min-height: 600px; position: relative;}
.sliderCTA {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((100vw - 1440px) / 2); padding-left: 0px; width: 400px;}
.slider-Overlay {width: 60%; background-color: var(--green); height: 620px; transform: skewX(-45deg); margin-left: -400px; overflow: hidden;}
.sliderCTA-description {font-size: 20px; margin: 20px 0;}

.holderNewsColumn {border-left: 2px solid var(--ltgray); padding: 0 0 0 50px;}

.wrapperFrontFeatures {width: 100%; background: var(--white) url('../images/background-angles.jpg') no-repeat top; min-height: 800px;}
.containerFrontFeatures {width: 90%; max-width: 1440px; margin: 0 auto; padding: 100px 0;}

.containerLayouts1-1-1 {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; margin: 0 0 0px 0;}

.navButtons {margin: 30px 0 0 0;}
.navButtons ul {margin: 0; padding: 0;}
.navButtons ul li {list-style-type: none; display: inline-block; margin: 0 30px 0 0;}

/* FOOTER */
.sponsorsWrapper {width: 100%; background-color: var(--ltgray); padding: 30px 0;}
.sponsorsContainer {width: 90%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr; grid-column-gap: 60px;}
.holderSponsors {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 40px; align-items: center; margin: 0 0 40px 0;}
.holderSponsors img {width: 70%;}

.holderSponsors2 {width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px; align-items: center; margin: 30px 0 40px 0;}
.holderSponsors2 img {width: 100%;}

.footerWrapper {width: 100%; background-color: var(--green); padding: 40px 0;}
.footerContainer {width: 90%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 40px;}

.holderFooterNav {margin: 10px 0;}
.holderFooterNav ul {list-style-type: none; margin: 0; padding: 0;}
.holderFooterNav ul li {margin: 8px 0; padding: 0; font-size: 16px;}
.holderFooterNav ul li a {color: var(--white); text-decoration: none;}
.holderFooterNav ul li a:visited {color: var(--white); text-decoration: none;}
.holderFooterNav ul li a:hover {color: var(--orange); text-decoration: none;}

.copyrightWrapper {width: 100%; background-color: var(--ltblack); padding: 40px 0;}
.copyrightContainer {width: 90%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: auto auto;}
.footerCopyright {color: var(--ltgray); font-size: 14px; text-transform: uppercase;}
.footerSupport {text-align: right; font-size: 14px; text-transform: uppercase;}


@media screen and (min-width: 0px) and (max-width: 1440px) {

	@media screen and (min-width: 1201px) and (max-width: 1440px) {
	
		

	}
	
	@media screen and (min-width: 1024px) and (max-width: 1200px) {
	
		
	
	}
	
	@media screen and (min-width: 768px) and (max-width: 1023px) {
	
		
		
		
		@media screen and (min-width: 768px) and (max-width: 1023px) {
			
			
			
		}
		
		@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
		

		
		}

	}
	
	@media screen and (min-width: 481px) and (max-width: 767px) {
		
		
	}
	
	@media screen and (min-width: 0px) and (max-width: 480px) {
		
		
		
	}
	
}

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

	
}