/*
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;
    --yellow: #ff0;
	--ltorange: #ffdc94;
    
    --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;
}

html {
  scroll-behavior: smooth;
}

.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;}

/* JAC - added .wp-caption to be left aligned - is used in the imported ahead of the trend articles and it apparently made pictures be left aligned so defined as such */
.wp-caption {text-align: left;}

/* TOP POSITION FIX FOR ACHORS */
/* JAC - removed on 3/31/2023 since had unwanted side effect on amcharts export menu, making the menu items invisible; added scroll-padding-top setting below to handle sticky header offset
a:not([href]) { display:inline-block; opacity:0; position:relative; top:-180px; }
*/

/* Set scroll padding to account for sticky header - makes in-page anchor tag jumps vertically align better */
html {  scroll-padding-top: 131px; }

/* HELIX OVERWRITES */
.sidebarFull > div > div > div { border: 0 !important;}
.helix-sidebar {color: var(--white) !important; font-size: .85em !important;}
.helix-sidebar > div > div { border: 0 !important; background-color: var(--green); padding: 0; !important; margin: 0 0 50px 0 !important; border-radius: 0 !important;}
.helix-sidebar > div > div > div { border: 0 !important; background-color: var(--green); padding: 20px 30px 20px 30px !important; margin: 0 0 50px 0 !important; border-radius: 0 !important;}
.helix-sidebar h3 {font-family: 'PT Serif', times new roman, serif; font-size: 18px; color: var(--orange); font-weight: normal;}
.helix-sidebar a {color: var(--white); text-decoration: none; line-height: 30px; font-size: 1.2em !important;}
.helix-sidebar a:visited {color: var(--white); text-decoration: none;}
.helix-sidebar a:hover {color: var(--beige); text-decoration: none;}
.helix-sidebar > div > div > div td {background-color: var(--green) !important;}
/* RLC - testing changing color from bright yellow to a muted yellow */
/*.helix-sidebar > div > div > div td b { color: var(--yellow); font-size: 1.2em !important;} */
.helix-sidebar > div > div > div td b { color: var(--ltorange); font-size: 1.2em !important;} 
.helix-sidebar > div > div > div td b::before {content: '> ';}

.floatingmoduleck {z-index: 99999999 !important;}

/* JAC - leave h3 definition as is */
/* .wrapperContent h3 {margin: 10px 0 !important;} */

.article-count {display: none !important;}
.article-full-image img {display: none !important;}

.spbookmark-icon {display: none !important;}

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

/* LINKS */
a.content {color: var(--green); text-decoration: none; border-bottom: 1px dotted var(--green);}
a:visited.content {color: var(--green); text-decoration: none;}
a:hover.content {color: var(--blue); text-decoration: none; border-bottom: 1px solid var(--green);}

.wrapperContent a {color: var(--green); text-decoration: none; border-bottom: 1px dotted var(--green);}
.wrapperContent a:visited {color: var(--green); text-decoration: none;}
.wrapperContent a:hover {color: var(--blue); text-decoration: none; border-bottom: 1px solid var(--green);}

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;}

button.buttonSidebar {text-transform: uppercase; border: 1px solid var(--midgray); font-size: .7em; font-weight: bold; padding: 6px 20px; text-align: center; background-color: var(--ltgray); color: var(--green);}
button:hover.buttonSidebar {background-color: var(--dkgray); color: var(--white); border: 1px solid var(--dkgray); cursor: pointer;}

/* FORM ELEMENTS */
select.selectSidebar {font-size: .8em; border: 1px solid var(--green); height: 30px; background-color: var(--white); border-radius: 0px; width: 100%;}


/* 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: 600;}

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;}

/* MOBILE NAV */
.mobileNav {width: 100%; background-color: var(--green); color: var(--white); position: fixed; top: 138px; bottom; z-index: 99999999; overflow: auto;}
.mobileNav a {color: var(--white); text-decoration: none;}
.mobileNav ul {margin: 0 20px; padding: 20px;}
.mobileNav ul li {font-size: 1em; color: var(--white); font-size: 1.2em; font-weight: bold; list-style-type: none; margin: 5px 0;}
.mobileNav ul li a {color: var(--white);}
.mobileNav ul li ul {margin: 10px 0 10px 20px; padding: 0;}
.mobileNav ul li ul li {font-size: .9em; font-family: 'PT Sans', verdana, arial, sans-serif; font-weight: normal; list-style-type: none;}
.mobileNav ul li ul li a {color: var(--midgray);}

/* HEADER */
.headerWrapper {width: 100%; height: 110px; min-height: 110px; transition: all 0.2s; position: sticky; top: 0; z-index: 999999999; background-color: var(--white);}
.headerTop {width: 100%; background-color: var(--blue);}
	.headerTop-Container {width: 92%; 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: 92%; margin: 0 auto; max-width: 1440px;}
.headerMain-Top {width: 100%; display: grid; grid-template-columns: 350px auto 600px; align-items: center; margin: 20px 0 12px 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(--blue); border: 1px solid var(--midgray); padding: 10px 10px; width: 250px; margin-right: 2px;}
.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: 15px 22px; 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: 15px 22px; 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: 150px; min-height: 150px; 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: 168px; transform: skewX(-45deg); margin-left: -100px; overflow: hidden;}
	
/* HEADER - SCROLL */
.scrolled .headerWrapper {box-shadow: 0px 1px 5px #333;  height: 104px; min-height: 104px; padding: 10px 0 0 0;}
.scrolled .headerMain-Top {margin: 0;}
.scrolled .headerMain-Navigation {margin: 5px 0 0 0;}
	
/* MAIN NAVIGATION - MEGA MENU */
.navMain-subnav {display: none;}

/* JAC - 03302023 adjusted top setting so that mega menu does not have a gap above it within menu bar */
/*
ul.navMain-List > li:hover > .navMain-subnav { display: block; position:absolute; width: 100%; left:0;right:0;top:125px;z-index:999; background: var(--ltgray); box-shadow: 0px 3px 2px #3338;}
.scrolled ul.navMain-List > li:hover > .navMain-subnav { display: block; position:absolute; width: 100%; left:0;right:0;top:116px;z-index:999; background: var(--ltgray);}
*/

ul.navMain-List > li:hover > .navMain-subnav { display: block; position:absolute; width: 100%; left:0;right:0;top:103px;z-index:999; background: var(--ltgray); box-shadow: 0px 3px 2px #3338;}
.scrolled ul.navMain-List > li:hover > .navMain-subnav { display: block; position:absolute; width: 100%; left:0;right:0;top:104px;z-index:999; background: var(--ltgray);}

/* JAC 06102023 Setting font-size:0 on the class used on the ul element of the main menu; results in no whitespace between the horizontal items in the menu, so no flicker when moving mouse across items.
   Apparently html will add some amount of space based on percentage of font-size between ul.li items using parent ul element's font-size, and can set this to zero since the li element font-size is non-zero and used for the actual list item text */
   
ul.navMain-List {font-size: 0;}

/* JAC - Made mega menu left column a little narrower (from 300 to 205 px) to reduce clipping other items with mouse movement to the right to clickable items */
/* .navMain-subnav-grid {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 300px auto; grid-column-gap: 50px; padding: 40px 0; z-index: 999999999999 !important;} */
.navMain-subnav-grid {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 205px auto; grid-column-gap: 45px; padding: 40px 0; z-index: 999999999999 !important;}

.navMain-subnav ul {margin: 0; padding: 0;}
.navMain-subnav ul li {display: block; list-style-type: none; border-bottom: 1px solid var(--green); padding: 13px 9px !important; color: var(--green); text-align: left !important; font-size: .93em;}
.navMain-subnav ul li:hover {background-color: var(--white) !important;}
.navMain-subnav ul li a {color: var(--green); text-decoration: none;}
.navMain-subnav ul li a:visited {color: var(--green); text-decoration: none;}
.navMain-subnav ul li a:hover {color: var(--black); text-decoration: none;}
.navMain-subnav-highlight {background-color: var(--white);}

.subnav-grid-subtitle {color: var(--green); font-size: .95em; font-weight: bold; margin: 10px 0 0 0; font-family: 'PT Sans', verdana, sans-serif; }

/* If we ever expand the mega menu to 4 columns, change below to 1fr 1fr 1fr 1fr */
.navMain-CTA {display: grid; grid-template-columns: 1fr 1fr 1fr 15%; grid-column-gap: 45px;}
.navMain-CTA-holder {text-align: left !important;}
.subnav-grid-image {width: 100%;}
.subnav-grid-image img {width: 100%;}
.subnav-grid-title {color: var(--green); font-family: 'PT Serif', times new roman, serif; margin: 5px 0; text-transform: initial !important;}
.subnav-grid-title a {color: var(--green); text-decoration: none;}
.subnav-grid-title a:visited {color: var(--green); text-decoration: none;}
.subnav-grid-title a:hover {color: var(--black); text-decoration: none;}
	
/* GENERAL LAYOUT */
.wrapperPage-NoSidebar {width: 92%; max-width: 1440px; margin: 100px auto; display: block; }
.wrapperPage-Sidebar {width: 92%; max-width: 1440px; margin: 100px auto; display: grid; grid-template-columns: 300px auto; grid-column-gap: 80px;}
.wrapperContent {min-height: 1000px;}
.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;}
.sidebarSubTitle {margin: 10px 0; font-weight: bold; font-size: .8em;}
.iconPadding {margin-right: 10px;}

.sidebarSelect {margin: 10px 0;}
.sidebarRadio3 {font-size: .9em; margin: 10px 0;}
.sidebarButton {margin: 10px 0;}

.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: 92%; 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: 92%; max-width: 1440px; margin: 65px auto 30px 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; width: 100%;}

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

/* FRONT PAGE */
.sliderWrapper {width: 100%; height: 600px; min-height: 600px; position: relative; background: var(--ltgray); }
.sliderBackground { background-position-x: right; background-position-y: top; background-size: auto 100%; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height: 600px; min-height: 600px; opacity:0;transition: background-size 15s linear, opacity 0.5s;  }
.sliderCTA {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((110vw - 1440px) / 2); padding-left: 0px; width: 400px;}
.slider-Overlay {position: absolute; top:0;left:0;width: 65%; 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('/media/templates/site/thearda/images/background-angles.jpg') no-repeat top; min-height: 750px;}
.containerFrontFeatures {width: 92%; max-width: 1440px; margin: 0 auto; padding: 40px 0 20px 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: 20px 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: 10px 0;}
.sponsorsContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 2fr 2fr; grid-column-gap: 60px;}
.holderSponsors {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 40px; align-items: center; margin: 10px 0 25px 0; grid-row-gap: 40px;}
.holderSponsors img {width: 99%;}

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

.footerWrapper {width: 100%; background-color: var(--green); padding: 30px 0;}
.footerContainer {width: 92%; 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: 25px 0;}
.copyrightContainer {width: 92%; 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) {
		.mobileNav-Button {display: none;}
		
		.headerMain-Logo-mobile {display: none;}
		
		.sectionTitle {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((120vw - 1440px) / 2); padding-left: 100px;}
		.sectionpic-Overlay {width: 60%; background-color: var(--green); height: 168px; transform: skewX(-45deg); margin-left: -100px; overflow: hidden;}
		
		.navMain ul li {padding: 15px 10px; font-weight: bold; text-transform: uppercase; font-size: 16px; text-align: center;}
		.navMainRight ul li {padding: 15px 10px; font-weight: bold; text-transform: uppercase; font-size: 16px; text-align: center;}
		
		.sliderWrapper-mobile {display: none;}
		
		.sliderCTA {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((140vw - 1440px) / 2); padding-left: 0px; width: 400px;}
		.slider-Overlay {width: 80%; background-color: var(--green); height: 620px; transform: skewX(-45deg); margin-left: -330px; overflow: hidden;}
		
		.sectionpicWrapper-mobile {display: none;}

	}
	
	@media screen and (min-width: 1024px) and (max-width: 1200px) {
		.headerMain-Logo-mobile {display: none;}
		
		.mobileNav-Button {display: none;}
		.wrapperPage-Sidebar {width: 92%; max-width: 1440px; margin: 100px auto; display: block;}
		
		.sectionTitle {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((140vw - 1440px) / 2); padding-left: 100px;}
		.sectionpic-Overlay {width: 60%; background-color: var(--green); height: 168px; transform: skewX(-45deg); margin-left: -100px; overflow: hidden;}
		
		.navMain ul li.navMain-home {display: none;}

		.navMain ul li {padding: 15px 9px; font-weight: bold; text-transform: uppercase; font-size: 16px; text-align: center;}
		.navMainRight ul li {padding: 15px 9px; font-weight: bold; text-transform: uppercase; font-size: 16px; text-align: center;}

		.sliderWrapper-mobile {display: none;}
		
		.sliderCTA {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((145vw - 1440px) / 2); padding-left: 0px; width: 400px;}
		.slider-Overlay {width: 80%; background-color: var(--green); height: 620px; transform: skewX(-45deg); margin-left: -320px; overflow: hidden;}
		
		.sectionpicWrapper-mobile {display: none;}
		
	}
	
	@media screen and (min-width: 768px) and (max-width: 1023px) {
		.headerMain-Logo-mobile {display: none;}
		
		.wrapperPage-Sidebar {width: 92%; max-width: 1440px; margin: 100px auto; display: block;}
		
		.sectionTitle {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((180vw - 1440px) / 2); padding-left: 100px;}
		.sectionpic-Overlay {width: 80%; background-color: var(--green); height: 168px; transform: skewX(-45deg); margin-left: -100px; overflow: hidden;}
		
		.mobileNav-Button {font-size: 30px; color: var(--blue);}
		
		.headerWrapper {height: 70px; min-height: 70px;}
		
		.headerMain-Top {grid-template-columns: 350px auto auto;}
		.formHeaderSearch {display: none;}
		.headerMain-Navigation {display: none;}
		li.navMain-home {display: none;}
		
		.headerTop-Container {width: 92%; margin: 0 auto; max-width: 1440px; display: block; padding: 10px 0; align-items: center;}
		.headerTop-Slogan {color: var(--white); text-transform: uppercase; font-size: 14px; width: 100%; text-align: center;}
		.headerTop-Navigation {display: none;}
		
		.holderSearch-mobile {width: 521px; display: grid; grid-template-columns: auto 45px; align-items: center;}
		input.inputSearch-mobile {font-size: 16px; color: var(--midgray); border: 1px solid var(--midgray); padding: 10px 10px; width: 471px;}
		.holderSearchButton-mobile {background-color: var(--white); color: var(--green); font-size: 14px; text-align: center;  display: flex; justify-content: center; align-items: center; height: 40px; margin: 0px 0 0 0px;}
		
		.scrolled .headerWrapper {box-shadow: 0px 1px 5px #333;  height: 60px; min-height: 60px; padding: 10px 0 0 0;}
		.scrolled .mobileNav {top: 60px;}
		
		.layout-3-1-1 {width: 92%; max-width: 1440px; margin: 65px auto 30px auto; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px;}
		.holderNewsFeature {grid-column-start: 1; grid-column-end: 4;}
		.holderNewsColumn {border-left: 0px solid var(--ltgray); padding: 0;}
		
		.layout-1-1 {width: 100%; display: block;}
		.navButtons ul {columns: 2;}
		.navButtons ul li {list-style-type: none; display: block; margin: 10px 0;}
		
		.sponsorsContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 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;}
/* JAC		.holderSponsors img {width: 60%;} */
		.holderSponsors img {width: 70%;}
		.holderSponsors2 img {width: 70%;}
		
		.sectionpicWrapper {display: none;}
		.sectionpicWrapper-mobile {width: 100%; background-color: var(--green); text-align: center; padding: 25px 0; color: var(--white); font-size: 18px; text-transform: uppercase; letter-spacing: 1.5px;}
		
		@media screen and (min-width: 768px) and (max-width: 1023px) {
			.headerMain-Logo-mobile {display: none;}
			
			.wrapperPage-Sidebar {width: 92%; max-width: 1440px; margin: 100px auto; display: block;}
			
			.sectionTitle {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((180vw - 1440px) / 2); padding-left: 100px;}
			.sectionpic-Overlay {width: 80%; background-color: var(--green); height: 168px; transform: skewX(-45deg); margin-left: -100px; overflow: hidden;}
			
			.mobileNav-Button {font-size: 30px; color: var(--blue);}
			
			.headerWrapper {height: 70px; min-height: 70px;}
			
			.headerMain-Top {grid-template-columns: 350px auto auto;}
			.formHeaderSearch {display: none;}
			.headerMain-Navigation {display: none;}
			li.navMain-home {display: none;}
			
			.headerTop-Container {width: 92%; margin: 0 auto; max-width: 1440px; display: block; padding: 10px 0; align-items: center;}
			.headerTop-Slogan {color: var(--white); text-transform: uppercase; font-size: 14px; width: 100%; text-align: center;}
			.headerTop-Navigation {display: none;}
			
			.holderSearch-mobile {width: 521px; display: grid; grid-template-columns: auto 45px;  align-items: center;}
			input.inputSearch-mobile {font-size: 16px; color: var(--midgray); border: 1px solid var(--midgray); padding: 10px 10px; width: 471px;}
			.holderSearchButton-mobile {background-color: var(--white); color: var(--green); font-size: 14px; text-align: center;  display: flex; justify-content: center; align-items: center; height: 40px; margin: 0px 0 0 0px;}
			
			.scrolled .headerWrapper {box-shadow: 0px 1px 5px #333;  height: 60px; min-height: 60px; padding: 10px 0 0 0;}
			.scrolled .mobileNav {top: 60px;}
			
			.layout-3-1-1 {width: 92%; max-width: 1440px; margin: 65px auto 30px auto; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px;}
			.holderNewsFeature {grid-column-start: 1; grid-column-end: 4;}
			.holderNewsColumn {border-left: 0px solid var(--ltgray); padding: 0;}
			
			.layout-1-1 {width: 100%; display: block;}
			.navButtons ul {columns: 2;}
			.navButtons ul li {list-style-type: none; display: block; margin: 10px 0;}
			
			.sponsorsContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 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;}
/* JAC		.holderSponsors img {width: 60%;} */
		.holderSponsors img {width: 70%;}
		.holderSponsors2 img {width: 70%;}
			
			.sliderWrapper-mobile {display: none;}
			.sliderCTA {color: var(--white); font-size: 24px; position: absolute; z-index: 555; top: 45%; transform:translateY(-45%); left: calc((140vw - 1023px) / 2); padding-left: 0px; width: 300px;}
			.slider-Overlay {width: 100%; background-color: var(--green); height: 620px; transform: skewX(-35deg); margin-left: -320px; overflow: hidden;}
			
			/*
			.sliderWrapper {display: none;}
			.slider-mobile-image {width: 100%; height: auto;}
			.slider-mobile-image img {width: 100%;}
			.slider-mobile-text {width: 100%; box-sizing: border-box; padding: 40px 5%; background-color: var(--green); text-align: center; color: var(--white); font-size: 20px; font-weight: bold;}
			.sliderCTA-description {font-size: 16px; margin: 20px 0; font-weight: normal;}
			*/
			
			.sectionpicWrapper {display: none;}
			.sectionpicWrapper-mobile {width: 100%; background-color: var(--green); text-align: center; padding: 25px 0; color: var(--white); font-size: 18px; text-transform: uppercase; letter-spacing: 1.5px;}
			
		}
		
		@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
			.headerMain-Logo-mobile {display: none;}
			
			.wrapperPage-Sidebar {width: 92%; max-width: 1440px; margin: 100px auto; display: block;}
			
			.sectionTitle {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((180vw - 1440px) / 2); padding-left: 100px;}
			.sectionpic-Overlay {width: 80%; background-color: var(--green); height: 168px; transform: skewX(-45deg); margin-left: -100px; overflow: hidden;}
			
			.mobileNav-Button {font-size: 30px; color: var(--blue);}
			
			.headerWrapper {height: 70px; min-height: 70px;}
			
			.headerMain-Top {grid-template-columns: 350px auto auto;}
			.formHeaderSearch {display: none;}
			.headerMain-Navigation {display: none;}
			li.navMain-home {display: none;}
			
			.headerTop-Container {width: 92%; margin: 0 auto; max-width: 1440px; display: block; padding: 10px 0; align-items: center;}
			.headerTop-Slogan {color: var(--white); text-transform: uppercase; font-size: 14px; width: 100%; text-align: center;}
			.headerTop-Navigation {display: none;}
			
			.holderSearch-mobile {width: 521px; display: grid; grid-template-columns: auto 45px;  align-items: center;}
			input.inputSearch-mobile {font-size: 16px; color: var(--midgray); border: 1px solid var(--midgray); padding: 10px 10px; width: 471px;}
			.holderSearchButton-mobile {background-color: var(--white); color: var(--green); font-size: 14px; text-align: center;  display: flex; justify-content: center; align-items: center; height: 40px; margin: 0px 0 0 0px;}
			
			.scrolled .headerWrapper {box-shadow: 0px 1px 5px #333;  height: 60px; min-height: 60px; padding: 10px 0 0 0;}
			.scrolled .mobileNav {top: 60px;}
			
			.layout-3-1-1 {width: 92%; max-width: 1440px; margin: 65px auto 30px auto; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px;}
			.holderNewsFeature {grid-column-start: 1; grid-column-end: 4;}
			.holderNewsColumn {border-left: 0px solid var(--ltgray); padding: 0;}
			
			.layout-1-1 {width: 100%; display: block;}
			.navButtons ul {columns: 2;}
			.navButtons ul li {list-style-type: none; display: block; margin: 10px 0;}
			
			.sponsorsContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 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;}
/* JAC		.holderSponsors img {width: 60%;} */
		.holderSponsors img {width: 70%;}
		.holderSponsors2 img {width: 70%;}
			
			.sliderWrapper-mobile {display: none;}
			.sliderCTA {color: var(--white); font-size: 24px; position: absolute; z-index: 555; top: 45%; transform:translateY(-45%); left: calc(140vw - 1023px) / 2); padding-left: 0px; width: 300px;}
			.slider-Overlay {width: 100%; background-color: var(--green); height: 620px; transform: skewX(-35deg); margin-left: -320px; overflow: hidden;}
			
			/*
			.sliderWrapper {display: none;}
			.slider-mobile-image {width: 100%; height: auto;}
			.slider-mobile-image img {width: 100%;}
			.slider-mobile-text {width: 100%; box-sizing: border-box; padding: 40px 5%; background-color: var(--green); text-align: center; color: var(--white); font-size: 20px; font-weight: bold;}
			.sliderCTA-description {font-size: 16px; margin: 20px 0; font-weight: normal;}
			*/
			
			.sectionpicWrapper {display: none;}
			.sectionpicWrapper-mobile {width: 100%; background-color: var(--green); text-align: center; padding: 25px 0; color: var(--white); font-size: 18px; text-transform: uppercase; letter-spacing: 1.5px;}
			
		}

	}
	
	@media screen and (min-width: 481px) and (max-width: 767px) { 
		.headerMain-Logo-mobile {display: none;}
		
		.wrapperPage-Sidebar {width: 92%; max-width: 1440px; margin: 100px auto; display: block;}
		
		.sectionTitle {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((240vw - 1440px) / 2); padding-left: 100px;}
		.sectionpic-Overlay {width: 80%; background-color: var(--green); height: 168px; transform: skewX(-45deg); margin-left: -100px; overflow: hidden;}
		
		.mobileNav-Button {font-size: 30px; color: var(--blue);}
			
		.headerWrapper {height: 70px; min-height: 70px;}
		
		.headerMain-Top {grid-template-columns: 350px auto auto;}
		.formHeaderSearch {display: none;}
		.headerMain-Navigation {display: none;}
		li.navMain-home {display: none;}
		
		.headerTop-Container {width: 92%; margin: 0 auto; max-width: 1440px; display: block; padding: 10px 0; align-items: center;}
		.headerTop-Slogan {color: var(--white); text-transform: uppercase; font-size: 14px; width: 100%; text-align: center;}
		.headerTop-Navigation {display: none;}
/*		
		.holderSearch-mobile {width: 500px; display: grid; grid-template-columns: auto 45px;  align-items: center;}
		input.inputSearch-mobile {font-size: 16px; color: var(--midgray); border: 1px solid var(--midgray); padding: 10px 10px; width: 450px;}
*/
		.holderSearch-mobile {width: 421px; display: grid; grid-template-columns: auto 45px;  align-items: center;}
		input.inputSearch-mobile {font-size: 16px; color: var(--midgray); border: 1px solid var(--midgray); padding: 10px 10px; width: 371px;}
		.holderSearchButton-mobile {background-color: var(--white); color: var(--green); font-size: 14px; text-align: center;  display: flex; justify-content: center; align-items: center; height: 40px; margin: 0px 0 0 0px;}
		
		.scrolled .headerWrapper {box-shadow: 0px 1px 5px #333;  height: 60px; min-height: 60px; padding: 10px 0 0 0;}
		.scrolled .mobileNav {top: 60px;}
		
		.layout-3-1-1 {width: 92%; max-width: 1440px; margin: 65px auto 30px auto; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px;}
		.holderNewsFeature {grid-column-start: 1; grid-column-end: 4;}
		.holderNewsColumn {border-left: 0px solid var(--ltgray); padding: 0;}
		
		.layout-1-1 {width: 100%; display: block;}
		.navButtons ul {columns: 2;}
		.navButtons ul li {list-style-type: none; display: block; margin: 10px 0;}
		
		.sponsorsContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1fr; grid-column-gap: 60px;}
		.holderSponsors {width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px; align-items: center; margin: 0 0 40px 0;}
/* JAC		.holderSponsors img {width: 80%;} */
		.holderSponsors img {width: 70%;}
		.holderSponsors2 img {width: 70%;}

		.footerContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 40px;}
		
		.copyrightContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: auto; grid-row-gap: 30px;}
		.footerCopyright {text-align: center;}
		.footerSupport {text-align: center; font-size: 14px; text-transform: uppercase;}
		
		.sliderWrapper {display: none;}
		.slider-mobile-image {width: 100%; height: 300px; background-position-x: right; background-position-y: top; background-size: auto 100%;}
		.slider-mobile-text {width: 100%; box-sizing: border-box; padding: 40px 5%; background-color: var(--green); text-align: center; color: var(--white); font-size: 20px; font-weight: bold;}
		.sliderCTA-description {font-size: 16px; margin: 20px 0; font-weight: normal;}
		
		.sectionpicWrapper {display: none;}
		.sectionpicWrapper-mobile {width: 100%; background-color: var(--green); text-align: center; padding: 25px 0; color: var(--white); font-size: 18px; text-transform: uppercase; letter-spacing: 1.5px;}
	}
	
	@media screen and (min-width: 0px) and (max-width: 480px) { 
		.headerMain-Logo {display: none;}
		.headerMain-Logo-mobile {width: 100%;}
		.headerMain-Logo-mobile img {width: 100%;}
		
		.wrapperPage-Sidebar {width: 92%; max-width: 1440px; margin: 100px auto; display: block;}
		
		.sectionTitle {color: var(--white); font-size: 28px; position: absolute; z-index: 555; top: 50%; transform:translateY(-50%); left: calc((260vw - 1440px) / 2); padding-left: 100px;}
		.sectionpic-Overlay {width: 80%; background-color: var(--green); height: 168px; transform: skewX(-45deg); margin-left: -100px; overflow: hidden;}
		
		.mobileNav-Button {font-size: 30px; color: var(--blue);}
			
		.headerWrapper {height: 70px; min-height: 70px;}
		
		.headerMain-Top {grid-template-columns: 140px auto auto;}
		.formHeaderSearch {display: none;}
		.headerMain-Navigation {display: none;}
		li.navMain-home {display: none;}
		
		.headerTop-Container {width: 92%; margin: 0 auto; max-width: 1440px; display: block; padding: 10px 0; align-items: center;}
		.headerTop-Slogan {color: var(--white); text-transform: uppercase; font-size: 14px; width: 100%; text-align: center;}
		.headerTop-Navigation {display: none;}
/*
		.holderSearch-mobile {width: 350px; display: grid; grid-template-columns: auto 45px;  align-items: center; margin: 20px 0 0 0;}
		input.inputSearch-mobile {font-size: 16px; color: var(--midgray); border: 1px solid var(--midgray); padding: 10px 10px; width: 300px;}
*/
		.holderSearch-mobile {width: 325px; display: grid; grid-template-columns: auto 45px;  align-items: center; margin: 20px 0 0 0;}
		input.inputSearch-mobile {font-size: 16px; color: var(--midgray); border: 1px solid var(--midgray); padding: 10px 10px; width: 280px; margin-right: 4px;}
		.holderSearchButton-mobile {background-color: var(--white); color: var(--green); font-size: 14px; text-align: center;  display: flex; justify-content: center; align-items: center; height: 40px; margin: 0px 0 0 0px;}
		
		.scrolled .headerWrapper {box-shadow: 0px 1px 5px #333;  height: 60px; min-height: 60px; padding: 10px 0 0 0;}
		.scrolled .mobileNav {top: 60px;}
		
		.layout-3-1-1 {width: 92%; max-width: 1440px; margin: 65px auto 30px auto; display: block;}
		.holderNewsFeature {margin: 30px 0;}
		.holderNewsColumn {border-left: 0px solid var(--ltgray); margin: 30px 0; padding: 0;}
		
		.layout-1-1 {width: 100%; display: block;}
		.navButtons ul {columns: 1;}
		.navButtons ul li {list-style-type: none; display: block; margin: 10px 0; padding: 0;}
		
		.sponsorsContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1fr; grid-column-gap: 60px;}
		.holderSponsors {width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px; align-items: center; margin: 0 0 40px 0;}
/* JAC		.holderSponsors img {width: 80%;} */
		.holderSponsors img {width: 70%;}
		.holderSponsors2 img {width: 70%;}
		
		.containerLayouts1-1-1 {width: 100%; display: block; margin: 30px 0;}
		
		.footerContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px;}
		
		.copyrightContainer {width: 92%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: auto; grid-row-gap: 30px;}
		.footerCopyright {text-align: center;}
		.footerSupport {text-align: center; font-size: 14px; text-transform: uppercase;}
		
		.sliderWrapper {display: none;}
		.slider-mobile-image {width: 100%; height: 300px; background-position-x: right; background-position-y: top; background-size: auto 100%;}
		.slider-mobile-text {width: 100%; box-sizing: border-box; padding: 40px 5%; background-color: var(--green); text-align: center; color: var(--white); font-size: 20px; font-weight: bold;}
		.sliderCTA-description {font-size: 16px; margin: 20px 0; font-weight: normal;}
		
		.sectionpicWrapper {display: none;}
		.sectionpicWrapper-mobile {width: 100%; background-color: var(--green); text-align: center; padding: 25px 0; color: var(--white); font-size: 18px; text-transform: uppercase; letter-spacing: 1.5px;}
		
	}
	
}

@media screen and (min-width: 1441px) {
	.mobileNav-Button {display: none;}
	.headerMain-Logo-mobile {display: none;}
	.sliderWrapper-mobile {display: none;}
	.sectionpicWrapper-mobile {display: none;}
	
}