/* 
  Table of Contents
	
  I.    Global --------------------------------------
        01. Fonts
		02. Typography
		      Paragraph
			    Lead
			  Headers
			    Subheaders
				Small
			  Links
			  Dividers
			  ul
			    li
			  ol
			    li
			  dl
			    dt
			  blockquote
			     cite
		      Mobile
		03. Icons
		      @2x
		04. Elements
		      Buttons
			  Forms
			  Inputs
			  Mobile
        05. Main Nav
              Mobile
		06. Footer
		      Mobile
		07. Pagination
		      Mobile
	    08. Social Sharing
			Mobile
		09. Helpers
		    Badge
			Stat
			Label
			Mobile
			
  II.   Building Blocks ----------------------------
  		01. Featured Set

  III.  Types --------------------------------------
        01. displayPageHome
		    Mobile
		02. displayPageStandard
		    Mobile
		03. displayTeaserStandard
		    Mobile

  IV.   Content Objects ---------------------------
        01. [name of object]
		    Mobile
		 		


/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css?family=Montserrat:700|Open+Sans:400,400i,700,700i');

/* ------------------------------------------------------------ *\
	Typography
\* ------------------------------------------------------------ */


/* Paragraph */
body { font-family: 'Open Sans', sans-serif; }
p { font-family: 'Open Sans', sans-serif; }
p.lead { font-family: 'Open Sans', sans-serif; }

/* Headers */
h1 { font-family: 'Montserrat', sans-serif; color:#00416b; font-weight:900; line-height:1; margin-bottom:0.25em; }
h2 { font-family: 'Montserrat', sans-serif; color:#00416b; font-weight:900; line-height:1.1; }
h3 { font-family: 'Montserrat', sans-serif; color:#00416b; font-weight:900; }
h4 { font-family: 'Montserrat', sans-serif; color:#00416b; font-weight:900; }
h5 { font-family: 'Montserrat', sans-serif; color:#00416b; font-weight:900; }
h6 { font-family: 'Montserrat', sans-serif; color:#00416b; font-weight:900; }
h1 small { }
h2 small { }
h3 small { }
h4 small { }
h5 small { }
h6 small { }

hr { }

ul { }
ul li { }

ol { }
ol li { }

dl { }
dl dt { }

blockquote { margin: 3em; padding: 2em 4em; text-align: center; border-top: solid 1px #00416b; border-bottom: solid 1px #00416b; border-left: none; }
blockquote:before { content: '\f01e'; font-family: 'Ofii'; font-size: 2em; color: #00416b; margin: -1.75em auto 0 auto; position: absolute; background-color: #ffffff; padding: 0 1em; transform: translateX(-50%); }
blockquote p { font-size: 125%; font-style: italic; font-weight:700; color:#00416b; margin:auto; }
blockquote cite { }

strong { font-weight:600; } 

.uppercase { text-transform:uppercase; }

/* Mobile */
@media only screen and (max-width: 40em) { 
	p { font-size:1rem; }
	p.lead { font-size:1.1rem; }
	blockquote { margin:1em; padding:1em 0; }
}


/* ------------------------------------------------------------ *\
Icons
\* ------------------------------------------------------------ */

@font-face {
	font-family: 'Ofii';
	src: url('/css/icons/icons.eot');
	src: url('/css/icons/icons.eot?#iefix') format('embedded-opentype'),
		 url('/css/icons/icons.woff2') format('woff2'),
		 url('/css/icons/icons.woff') format('woff'),
		 url('/css/icons/icons.ttf') format('truetype'),
		 url('/css/icons/icons.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
  }

.icon { font-family: 'Montserrat', sans-serif; font-weight:900; font-size:0.9em; text-transform:uppercase; color:#ffffff; }
.icon:before { font-family: 'Ofii'; font-size: 2em; font-weight: normal; font-style: normal; line-height: 1.4; text-rendering: auto; vertical-align: middle; margin-right:0.25em; }
.icon > img { max-width: 65px; margin: 0 -5px -24px -10px; filter: brightness(0) invert(1); transform: translateY(-15px); }

.cmBiography .icon:before { content:'\f015'; }
.cmBiography .icon:after,
.cmBiography .type:before { content:'Board'; }
.cmBiography.Staff .icon:before { content:'\f00b'; }
.cmBiography.Staff .icon:after,
.cmBiography.Staff .type:before { content:'Staff'; }
.cmBlog .icon:before { content:'\f010'; }
.cmBlog .icon:after,
.cmBlog .type:before { content:'Insight'; }
.cmCareers .icon:before { content:'\f00b'; }
.cmCareers .icon:after,
.cmCareers .type:before { content:'Careers'; }
.cmFactSheet .icon:before { content:'\f014'; }
.cmFactSheet .icon:after,
.cmFactSheet .type:before { content:'Fact Sheet'; }
.cmGraphic .icon:before { content:'\f017'; }
.cmGraphic .icon:after,
.cmGraphic .type:before { content:'Graphic'; }
.cmLetters .icon:before { content:'\f013'; }
.cmLetters .icon:after,
.cmLetters .type:before { content:'Letter'; }
.cmMemberCompany .icon:before { content:''; }
.cmMemberCompany .icon:after,
.cmMemberCompany .type:before { content:'Member Company'; }
.cmNews .icon:before { content:'\f012'; }
.cmNews .icon:after,
.cmNews .type:before { content:'News'; }
.cmPolicyStatement .icon:before { content:'\f025'; }
.cmPolicyStatement .icon:after,
.cmPolicyStatement .type:before { content:'Policy Statement'; }
.cmPressRelease .icon:before { content:'\f00f'; }
.cmPressRelease .icon:after,
.cmPressRelease .type:before { content:'Press Release'; }
.cmPublication .icon:before { content:''; }
.cmPublication .icon:after,
.cmPublication .type:before { content:'Publication'; }
.cmReport .icon:before { content:'\f011'; }
.cmReport .icon:after,
.cmReport .type:before { content:'Report'; }
.cmState .icon:before { content:''; }
.cmState .icon:after,
.cmState .type:before { content:'State'; }
.cmStatistic .icon:before { content:'\f018'; }
.cmStatistic .icon:after,
.cmStatistic .type:before { content:'Statistic'; }
.cmVideo .icon:before { content:'\f016'; }
.cmVideo .icon:after,
.cmVideo .type:before { content:'Video'; }

.picon { max-width: 130px; margin: auto auto 1em auto; background-color: #efefef; border-radius: 1000px; overflow:hidden; }


/* Mobile */
@media only screen and (max-width: 40em) { 
	
}





/* ------------------------------------------------------------ *\
Palette
\* ------------------------------------------------------------ */
.orange { color:#F7A031; }
div.orange,
section.orange { background-color:#F7A031; color:inherit; }

.navy { color:#00416b; }
div.navy,
section.navy { background-color:#00416b; color:inherit; }

.blue { color:#19679a; }
div.blue,
section.blue { background-color:#19679a; color:inherit; }

.lime { color:#92c83e; }
div.lime,
section.lime { background-color:#92c83e; color:inherit; }

.teal { color:#00adca; }
div.teal,
section.teal { background-color:#00adca; color:inherit; }

.lightGrey { color:#efefef; }
div.lightGrey,
section.lightGrey { background-color:#efefef; color:inherit; }

.white { color:#ffffff; }
div.white,
section.white { background-color:#ffffff; color:inherit; }



/* ------------------------------------------------------------ *\
Elements
\* ------------------------------------------------------------ */
a { }

.button { text-transform:uppercase; color:#ffffff; transition:all 1s ease; padding: 0.85em 4em; box-shadow:0px 0px 5px rgba(0,0,0,0.2); font-family: 'Montserrat', sans-serif; font-weight:900; border:0; }
.button.orange { background-color:#F7A031; color:#ffffff; }
.button.navy { background-image: linear-gradient(-60deg, #00416b 50%, #92c83e 50%); color: #ffffff; background-size: 220% 100%; background-position: 99% 100%; transition: background-position 0.25s ease-in-out; }
.button.lime { background-image: linear-gradient(-60deg, #92c83e 50%, #00416b 50%); color: #ffffff; background-size: 220% 100%; background-position: 99% 100%; transition: background-position 0.25s ease-in-out; }
.button.teal { background-color:#00adca; color:#ffffff; }

input[type='submit'] { background-image: linear-gradient(-60deg, #92c83e 50%, #00416b 50%); color: #ffffff; background-size: 220% 100%; background-position: 100% 100%; transition: background-position 0.25s ease-in-out; }
input[type='text'] { }
input[type='checkbox'] { }
input[type='date'] { }
input[type='datetime'] { }
input[type='datetime-local'] { }
input[type='email'] { }
input[type='file'] { }
input[type='month'] { }
input[type='number'] { }
input[type='password'] { }
input[type='radio'] { }
input[type='search'] { }
input[type='tel'] { }
input[type='time'] { }
input[type='url'] { }
input[type='week'] { }
textarea { }
select { color:#808080; }


/* large hover */
@media screen and (min-width: 64em) {
	.button.orange:hover { background-color:#ce8528; }
	.button.navy:hover { background-position: 0% 100%; }
	input[type='submit']:hover,
	.button.lime:hover { background-position: 0% 100%; }
	.button.teal:hover { background-color:#00788c; }
}

/* Mobile */
@media only screen and (max-width: 40em) { 
	.button.orange { background-color:#F7A031; color:#ffffff; }
	.button.navy { background-image:none; background-color:#92c83e; }
	.button.lime { background-image:none; background-color:#92c83e; }
	.button.teal { background-color:#00adca; color:#ffffff; }
}

/* ------------------------------------------------------------ *\
Main Nav
\* ------------------------------------------------------------ */
.main-nav { background: #121212; font-size: 0.8125rem; font-weight: bold; z-index: 2; position: relative; padding: 0; width: 100%; }
.main-nav:before,
.main-nav:after { content: ' '; display: table; }

.main-nav,
.main-nav ul,
.title-bar { background: #00416a; box-shadow:0px 2px 5px rgba(0,0,0,0.1); }

.main-nav .title { color: #8a8a8a; padding: 10px; padding-left: 15px; font-size: 0.8em; }

.main-nav ul:first-child { float: left; }
.main-nav ul:last-child { float: right; }

.main-nav .menu a { font-family: 'Montserrat', sans-serif; font-size:1rem; color:#00416b; font-weight:900; height: 45px; line-height: 45px !important; background: transparent; padding: 0 1.3em; text-transform:uppercase; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.25s ease; }
.main-nav .menu a:hover:not(.button),
.main-nav .menu a:focus,
.main-nav .menu li.is-active > a { background: #00adca; color:#ffffff; }

/* Dropdowns */
.title-bar .dropdown.menu a,
.main-nav .dropdown.menu a { background: #ffffff; }
.main-nav .dropdown.menu a img { display:none; }
.main-nav .dropdown.menu > li.is-dropdown-submenu-parent { position:inherit; }
.main-nav .dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 2em !important; }
.main-nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after { content: normal; }
.main-nav .dropdown.menu .submenu { border: 0; table-layout:fixed; width:100%; right:0; left:0; }
.main-nav .dropdown.menu .submenu.js-dropdown-active { display:table; }
.main-nav .dropdown.menu .submenu > li { display:table-cell; background-color:#00adcb; }
.main-nav .dropdown.menu .submenu > li:not(:first-child):after { content:''; position:absolute; top:1em; bottom:1em; border-right:solid 1px #00416b; }
.main-nav .dropdown.menu .submenu > li a { background:transparent; color:#ffffff; text-transform:capitalize; overflow:visible; text-overflow:inherit; white-space:normal; text-align:center; line-height:1.4 !important; height: auto; padding:1em 2em 2em 2em; }
.main-nav .dropdown.menu .submenu > li a img { max-width:100px; border-radius:1000px; display:block; margin:1em auto; filter: brightness(0) invert(1); transition:all 0.25s ease-in-out; }
.main-nav .dropdown.menu .submenu > li a:hover,
.main-nav .dropdown.menu .submenu > li a:focus,
.main-nav .dropdown.menu .submenu > li.is-active a { color:rgba(0,0,0,0.5); }
.main-nav .dropdown.menu .submenu > li a:hover img,
.main-nav .dropdown.menu .submenu > li a:focus img,
.main-nav .dropdown.menu .submenu > li.is-active a img { filter: brightness(0) invert(0) opacity(0.5); }
/* Pips for drilldowns */
.main-nav .is-drilldown-submenu-parent > a:after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #e6e6e6; border-left-style: solid; border-right-width: 0; right: 12px; margin-top: -2px; }
.main-nav .js-drilldown-back > a::before { content: ''; width: 0; height: 0; border: inset 6px; border-color: transparent #e6e6e6 transparent transparent; border-right-style: solid; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; }

.sticky.stickynav { z-index: 1000; }

#subNav { width: 100%; padding: 1em 0 0 0; text-align: center; background:#19679a;}

/* header bar */
.headerbar { background:#00416b; padding:0.5em 1em; display:flex; }
.headerbar i { font-size: 1.5em; margin-right: 0.5em; color:#ffffff; }
.headerbar .barleft { display:flex; margin:auto; }
.headerbar .barcenter { text-align: center; }
.headerbar .barright { display:flex; margin:auto; }
.headerbar .barcenter img { max-height:4em; }

.headerbar .barright .navSearch { padding: 0.25em 0 0.25em 0; position: relative; margin: auto 0 auto auto; }
.headerbar .barright .navSearch:before { content: "\f002"; pointer-events:none; transition:all 0.25s ease-in-out; color: #ffffff; font-family: 'FontAwesome'; font-size: 1.3em; font-weight: normal; font-style: normal; line-height: 1; text-rendering: auto; vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%); left: -1.5em; }
.headerbar .barright .navSearch input:not(.button) { background: #00416b; color: #000000; border-color: #00416b; font-family: "freight-sans-pro",sans-serif; font-weight: 600; margin: 0 0 0 -2.5em; width: 0px; font-size: 1em; padding: 0.75em 0.5em 0.5em 0.75em; transition:all 0.25s ease-in-out; }
.headerbar .barright .navSearch input:not(.button)::placeholder { color:#ffffff; font-size:1em; transition:all 0.25 ease-in-out; }
.headerbar .barright .navSearch .button { font-family: "freight-sans-pro",sans-serif; font-weight: 600; margin: 0 0 0 -2.5em; font-size: 1em; padding: 0.75em 0.5em 0.5em 0.75em; transition:all 0.25s ease-in-out; position: absolute; z-index: -1; right:3px; top: 4px; bottom: 4px; color: #ffffff; background: #8ec63f; width: 3em; }

.headerbar .barright .navSearch input:not(.button):focus { width:200px; border-color:#ffffff; background:#ffffff; margin:0 0.5em 0 0; }
.headerbar .barright .navSearch input:not(.button):focus:before { color:#00416a; }
.headerbar .barright .navSearch input:not(.button):focus::placeholder { color:#cccccc; }
.headerbar .barright .navSearch input:not(.button):focus + .button { z-index: 20; }

/* Mobile */
@media only screen and (max-width: 40em) {
	.title-bar-title { float:right; }
	.title-bar-title img { max-width:200px; }
	.title-bar .menu-icon { margin-top:0.4em; }
	
	.main-nav ul { float: none; width: 100%; max-width: 100%; }
	
	.main-nav .menu a { color: #ffffff; text-align:left; }
	.main-nav .menu a > img { max-width:50px; filter: brightness(0) invert(1); margin: -0.25em 0.5em 0 0; display:inline-block; }
	
	#subNav { padding:2em 1.5em 1em 1.5em; }
}

/* ------------------------------------------------------------ *\
Footer
\* ------------------------------------------------------------ */
footer { background: #19679a; padding: 1em 0 0 0; }
footer label { margin: 0 0 0.8em 0; line-height: 2.5em; color:#ffffff; font-family: 'Montserrat', sans-serif; font-weight:900; font-size:1.1em; text-align:right; } 

footer .footerSignUp { padding: 1.2em 0 1em 0; }

footer .footerNav { padding:1em 0; }
footer .footerNav .row { display:flex; flex-wrap: wrap; }
footer .footerNav .row .columns:not(.logo) { display:flex; flex:1;  justify-content:center; }
footer .footerNav .row .columns:last-child { justify-content:flex-end; }
footer .footerNav .row .columns.logo img { max-height:3em; }
footer .footerNav a { color:#ffffff; font-size:1.5em; margin:auto 0 auto 0; }
footer .footerNav a:not(:last-child) { margin:auto 0.5em auto 0; }
footer .footerNav a.links { font-size:0.8em; margin:auto 1em auto 0; }
footer .footerNav a.links:not(:last-child):after { content:'|'; padding-left:1em; }

footer .footerCopy { padding:1em 0; }
footer .footerCopy p { margin-bottom:0; }

section.focusAreas + footer,
section.related + footer { margin-top:0; }

/* new name announcement */
#gba-new-name-announcement { position: fixed; z-index: 1000; bottom: 1rem; right: 1rem; width: 100%; max-width: 30rem; background-color: #00416b; padding: 3rem 3rem 1rem 3rem; box-shadow: 0 0 1rem rgba(0,0,0,0.5); color: white; }
#gba-new-name-announcement #close { font-size: 2rem; font-weight: bold; position: absolute; right: 1.5rem; top: 1rem; }
#gba-new-name-announcement h4 { color: #00adca;}

/* Mobile */
@media only screen and (max-width: 40em) {
	footer .footerSignUp { padding:0 1.5em 1.5em 1.5em; }
	footer .footerNav { padding:1.5em; }
	footer .footerNav .row .columns { justify-content:center !important; flex: 1 0 auto; padding: 0.5em; }
	footer .footerNav .row .columns:not(.logo) { flex:1 0 100%; }
	
	footer label,
	footer .footerNav { text-align:center !important; }

	#gba-new-name-announcement { left: 1rem; right: 1rem; max-width: calc(100% - 2rem); }
}

/* ------------------------------------------------------------ *\
Pagination
\* ------------------------------------------------------------ */
.paginationContainer { display:block; width:100%; margin:3em auto 0 auto !important; }
.pagination-previous a:before,.pagination-previous.disabled:before { content: normal; }
.pagination-previous a:after,.pagination-previous.disabled:after { content: ' PREV'; }
.pagination-next a:before,.pagination-next.disabled:before { content: 'NEXT '; }
.pagination-next a:after,.pagination-next.disabled:after { content: normal; }
.pagination a,.pagination-previous.disabled,.pagination-next.disabled { background-color:#ffffff; padding: 0.5em 1em; margin:auto 0.0625rem; outline:solid 1px #00416b; }
.pagination-previous.disabled,.pagination-next.disabled { outline:solid 1px #cccccc; }
.pagination .current { padding: 0.5em 1em; background-color:#91c83d; font-weight:700; outline:solid 1px #00416b; }

/* Mobile */
@media only screen and (max-width: 40em) { 
	.pagination { margin: 1em 0; }
	.pagination form { width: auto; display: inline-block; }
	.pagination select { width: auto; }
	.pagination-previous { float: left; }
	.pagination-next { float: right; }
	.pagination-previous a:after,.pagination-previous.disabled:after { content: normal; }
	.pagination-next a:before,.pagination-next.disabled:before { content: normal; }
	.pagination li.show-for-small-only { display: inline-block !important; }
 }
 
 
 
 
/* ------------------------------------------------------------ *\
Social Sharing
\* ------------------------------------------------------------ */
.social.share { margin: 1em 0 0 0; text-align: center; display:inline-block; }
.social.share i { cursor:pointer; margin:0 0.25em; }
.social.share h6 { display:inline-block; margin-right:0.5em; }

.social.follow { margin:0.25em auto 0 auto; font-size:1.1em; }
.social.follow i { margin:0 0.25em; }
.social a { font-size:1.5em; }
.social a:hover { color:#1CADC8; }

/* Mobile */
@media only screen and (max-width: 40em) { 
	.social { position: relative !important; width: 100%; }
	.social .share { float: left; width: 25%; }
}




/* ------------------------------------------------------------ *\
Helpers
\* ------------------------------------------------------------ */
.stripes { background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px, transparent 0, transparent 7px); background-size: 16px 14px; }
.responsive-embed,
.flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden;  }
.responsive-embed.widescreen,
.flex-video.widescreen { padding-bottom:56.25%; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }






/* Mobile */
@media only screen and (max-width: 40em) {
}




/* ------------------------------------------------------------ *\
Sections
\* ------------------------------------------------------------ */
section { margin: 2.5em auto 2em auto; padding: 1.5em 1em 0 1em; background-color:#ffffff; }
section > .title { margin-bottom:1.5em; }
section > .title hr { margin:2.5em auto 0 auto; }
section > .title + .intro { margin:-1.5em auto 1.5em auto; }
section > .title .icon { background-color: #efefef; width: 5em; border-radius: 1000px; display: inline-block; height: 5em; line-height: 4.8; text-align: center; }
section > .title .type:after { content:'|'; display:inline-block; margin:0 1.25em; }
section > .title .date:after { content:'|'; display:inline-block; margin:0 0 0 1.25em; }
section > .title a.button { margin:0 3em 0.25em 0; }
section > .title .social.share a { font-size:1.5em; }

section.intro { margin-bottom:0; }
section.intro hr { max-width:73rem; }

section.intro + section { margin-top:1em; }
section.intro + section:not(.feed):not(.promo):not(.white) { background-color:#efefef; margin:1.5em auto 0 auto; padding:2.5em 0 1em 0; }
section.intro + section:not(.feed):not(.promo):not(.white) .cmStatistic.teaser .image,
section.intro + section:not(.feed):not(.promo):not(.white) .cmFact.teaser .image { background-color:#ffffff; }
section.aboutUs:nth-child(even) { background-color:#efefef; margin:1.5em auto 0 auto; padding:2.5em 0 1em 0; }
section.aboutUs:nth-child(even) .cmFact.teaser .image,
section.aboutUs:nth-child(even) .dmHTML.teaser .image { background-color:#ffffff; }

section.featureSet { margin:0; padding:0; overflow:hidden; }
section.featureSet:after { content: ''; clear: left; }
section.featureSet > .title { margin-top: 2em; }
section.featureSet .tileCarousel { margin:0 auto 2em auto !important; }
section.featureSet .tileCarousel.active + .dots { display:none; }
section.featureSet .tileCarousel .container { padding:0; }
section.featureSet .tileCarousel .container > .row { max-width:none; }

section.inYourState { padding: 4.5em 1em 2em 1em; margin:0 auto; background-color:#00adca !important; }
section.inYourState #mapContainer { position:relative; padding-bottom:calc(65% + 2em); width:100%; }
section.inYourState #map { position:absolute; width:calc(100% - 2em) !important; height:auto !important; }
section.inYourState .point { position:fixed; display:none; padding:10px 15px; background:#ffffff; border:1px solid #262626; }
section.inYourState .container { display:flex; }
section.inYourState .container .mapColumn { flex: 1 0 70%; }
section.inYourState .container .formColumn { display:flex; flex:1 0 30%; }
section.inYourState .container .formColumn .stateForm { margin:auto; }
section.inYourState .pageForm { margin-bottom:2em; display:flex; justify-content:center; }
section.inYourState .pageForm h3 { margin:auto; max-width:50%; }
section.inYourState .pageForm form { margin:auto; }
section.inYourState .pageForm select { width:auto; margin:0 1em; }
section.inYourState .pageForm .button { margin-bottom:4px; }

section.lightGrey { margin:0 auto 0 auto; padding:3.5em 0 2em 0; }
section.lightGrey .cmStatistic.teaser .image { background-color:#ffffff; }

section.challenges { margin:0 auto 0 auto; padding:3.5em 0 2em 0; }

section.related { margin: 0em auto 0 auto; padding: 2.5em 1em 2.5em 1em; }

section.feed .blockGrid { justify-content:left; display:block; }

section.promo { margin:0 auto 0 auto; padding:2.5em 1em 2.5em 1em; }
section.promo .row { margin-bottom:0 !important; }

section.focusAreas { margin:0 auto; padding:2em 1em 1.5em 1em; }
section.focusAreas a { transition:all 0.25s ease-in-out; display:flex; }
section.focusAreas a img { max-width: 100px; border-radius: 1000px; margin: 0; filter: brightness(0) invert(1); transition: all 0.25s ease-in-out; align-self: center; }
section.focusAreas a:hover,
section.focusAreas a:focus { color:#13AFCB; }
section.focusAreas p { margin: auto 0; }
section.focusAreas .columns:not(:last-child) { border-right:solid 1px rgba(255,255,255,0.5); }

section.relatedStates { margin:0 auto; padding:2em 1em 2.5em 1em; }
section.relatedStates a { display:flex; justify-content:center; }
section.relatedStates a img { max-width: 100px; border-radius: 1000px; margin: 0; filter: brightness(0) invert(1); transition: all 0.25s ease-in-out; align-self: center; }
section.relatedStates a h5,
section.relatedStates a h5 small { transition:all 0.25s ease-in-out; margin: auto 0; }
section.relatedStates a:hover h5,
section.relatedStates a:focus h5,
section.relatedStates a:hover h5 small,
section.relatedStates a:focus h5 small { color:#00adca !important; }

section.signupForm { margin:0 auto; padding:2em; }
section.signupForm h2,
section.signupForm p { color:#ffffff; }
section.signupForm input { max-width: 68%; display: inline-block; vertical-align: middle; }
section.signupForm input[type="submit"] { max-width: 30%; display: inline-block; vertical-align: middle; }

article { }
article > h1,
article > h2,
article > h3,
article > h4,
article > h5,
article > h6,
article > p,
article > ul,
article > ol,
article > blockquote { max-width:70rem; margin-right:auto; margin-left:auto; }

article > p:last-of-type { margin-bottom:4em; }

article > .insertContent.image { width:100%; padding:0; }
article > .insertContent.image.leftAlign { max-width:50%; float:left; padding:0 2.5em 0 0; text-align:right; }
article > .insertContent.image.rightAlign { max-width:50%; float:right; margin:0 auto 0.5em 0; padding:0 0 0 2.5em; }
article > .insertContent.image.leftAlign img,
article > .insertContent.image.rightAlign img { max-width: calc(35rem - 2.5em); }
article > .insertContent.promo + p { margin-top: 2em; }

article > .insertContentVideoContainer { width: 40rem; float: left; margin-left: calc(50% - 35rem); margin-right: 2em; }
	

/* tablet */
@media screen and (max-width: 72em) {
	section.featureSet .tileCarousel.active + .dots { display:block; }
	section.featureSet .tileCarousel.active + .dots li:last-child { display:none; }
	
	section.inYourState .container { flex-direction: column-reverse; flex-wrap: wrap; }
	section.inYourState .container .formColumn .stateForm { display:flex; }
	section.inYourState .container .formColumn .stateForm .column:first-child { width:60%; }
	section.inYourState .container .formColumn .stateForm .column:last-child { width:40%; margin:auto; }
	section.inYourState .pageForm select { width:100%; margin:0 0 0.5em 0; }
	
	section.focusAreas .columns:not(:last-child) { border-right:none; }
	
	article > h1,
	article > h2,
	article > h3,
	article > h4,
	article > h5,
	article > h6,
	article > p,
	article > ul,
	article > ol,
	article > blockquote { margin-right:2em; margin-left:2em; }
	
	
	article > .insertContent.image.leftAlign,
	article > .insertContent.image.rightAlign { padding:0 2em; }
	article > .insertContent.image.leftAlign img,
	article > .insertContent.image.rightAlign img { max-width: 100%; }
	
	article > .insertContentVideoContainer { width: 100%; float: none; margin: 0; padding: 0 2em 0 2em; }
	
	section.signupForm input { max-width:none; display:block;}
	section.signupForm input[type="submit"] { max-width: none; display: inline-block; }
}

/* Mobile */
@media only screen and (max-width: 40em) {
	section > .title a.button { margin:1em auto 0 auto; }
	
	section.intro + section:not(.feed):not(.promo):not(.white) { padding-left:2em; padding-right:2em; margin:1.5em auto 0 auto; }
	
	section.inYourState .container .formColumn .stateForm { flex-direction:column; }
	section.inYourState .container .formColumn .stateForm .column:first-child { width:100%; }
	section.inYourState .container .formColumn .stateForm .column:last-child { width:100%; margin:auto; }

	section,
	section.lightGrey { padding-left:2em; padding-right:2em; margin:1.5em auto 0 auto; }
	
	section.featureSet .tileCarousel.active + .dots { display:block; }
		
	section.feed .blockGrid { display:block; white-space:normal; }
	section.feed .blockGrid .teaser { width:100%; margin-bottom:2em; }
	
	section.promo { padding:2em 1.5em 1.5em 1.5em; }
	
	article > .insertContent.image.leftAlign,
	article > .insertContent.image.rightAlign { padding:0 2em; float:none; max-width:100%; }
	article > .insertContent.image.leftAlign img,
	article > .insertContent.image.rightAlign img { max-width: 100%; }
	
}






/* ------------------------------------------------------------ *\
Building Blocks
\* ------------------------------------------------------------ */

/* cmBlockGrid */
.blockGrid { display:flex; flex-direction:row; margin-bottom: 3em; flex-wrap:wrap; justify-content:center; }
.blockGrid .teaser { margin:-1px; }

/* Mobile */
@media only screen and (max-width:40em){ 
	.blockGrid { display: flex; flex-wrap:nowrap; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width: 100%; margin-bottom: 2.5em; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; padding-bottom: 2.5em; justify-content:normal; }
	.blockGrid .teaser { display: inline-flex; position: relative; vertical-align: middle; float: none !important; width: 90%; clear: none !important; flex: 1 0 auto; }
	.blockGrid .teaser .wrapper h5,
	.blockGrid .teaser .wrapper p,
	.blockGrid .teaser a .text h5,
	.blockGrid .teaser a .text p { white-space:pre-line; }
}
 
/* cmCarouselTile */
.tileCarousel { margin: 1em auto 2em auto; background: inherit; padding: 0.5em 0.9em 0 0.9em; }
.tileCarousel:not(.active) .container a { pointer-events:all !important; }
.tileCarousel .container > .row .column { padding:0 1.5em; }
.tileCarousel.active { overflow: hidden; position: relative; }
.tileCarousel.active .container { width: 100%; margin-left: 0; transition: margin-left 0.25s ease-in-out; background: inherit; }
.tileCarousel .container > .row { display:flex; max-width: none !important; background: inherit; }
.tileCarousel.active .container > .row .column { clear: none !important; display:flex; flex-direction:column; }
.tileCarousel.active .container > .row .column:nth-last-child(5) ~ .column:nth-child(4),
.tileCarousel.active .container > .row .column:nth-last-child(5) ~ .column:nth-child(5) { flex:1; }
.tileCarousel.active .arrow { display:none; font-size: 2.5em; position: absolute; top: 0; color: #2c3840; cursor: pointer; background: inherit; height: 100%; width: 2.5rem; text-align: center; z-index: 4; }
.tileCarousel.active .arrow.inactive { color: #ccc; cursor: default; }
.tileCarousel.active .arrow.left { float: left; left:0; }
.tileCarousel.active .arrow.right { float: right; right:0; }
.tileCarousel.active .arrow i { position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.tileCarousel.active.arrows .arrow { display:block; }

.tileCarousel.active.expanded { padding:0; margin: 1em 0 2em 0; }
.tileCarousel.active.expanded .container { padding:0; }
.tileCarousel.active.expanded .container > .row .column { padding:0; }

.tileCarousel + .dots { width: 100%; text-align: center; margin:0 auto 0.5em auto; display:none; }
.tileCarousel + .dots ul { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; }
.tileCarousel + .dots ul li { position: relative; display: block; float: left; margin: 0 2px; width: 16px; height: 16px; background-color: #cccccc; border-radius: 1000px; border:solid 2px #cccccc; cursor:pointer; }
.tileCarousel + .dots ul li.active { background-color: #ffffff; }
.tileCarousel.active.dots + .dots { display:block; }

.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a,
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .wrapper { flex-direction:row; pointer-events:none; max-width:80%; margin:auto; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a.button { display:inline-block; pointer-events:all; margin-top:0.5em; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .image { padding:0 2em 0 0; width:100%; max-width:55%; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .image:after { content:normal; } 
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text { width:100%; max-width:45%; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text .icon { position:relative; margin:auto 0 0 0; padding:0; font-size:1em; top:0; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text h5 { margin:0.5em 0 0.5em 0; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text object { margin:0 0 auto 0; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a:hover .image:before { opacity:0; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a:hover .image:after { opacity:0; }

/* Tablet */
@media screen and (max-width: 64em) {
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .wrapper { max-width:90%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text .icon { display:none; }
}

/* Mobile */
@media only screen and (max-width: 40em) {
	
	.tileCarousel.active { padding: 0.5em 1.5em 3em 1.5em; margin:0 -2em; }
	.tileCarousel.active .arrow { display: none; }
	.tileCarousel .teaser { border:none !important; }
	.tileCarousel .teaser .wrapper { background-color:#ffffff; outline:solid 1px #cccccc; padding:1em; }
	.tileCarousel .teaser .wrapper .image { background-color:#efefef; }
	
	.tileCarousel .container > .row .column { padding:0 1.5em; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text .icon { display:block; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .image { padding-right:0; width:100%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a,
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .wrapper { flex-direction:column; max-width:100%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .image { padding-right:0; width:100%; max-width:100%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text { padding:1.5em 0 0 0; width:100% !important; max-width:100%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text p { margin:1em auto; }
	
	.related .tileCarousel.active { padding: 0.5em 2em 1em 0em; margin: 1em 0em 0em -1em; }
	.related .tileCarousel .container > .row .column { padding:0 1em; }
}
 
/* cmTabBlocks */
.cmTabBlocks { margin-bottom: 2em; }
.cmTabBlocks .tabs { border: none; background: none; }
.cmTabBlocks .tabs-title > a { border-top: 1px solid #d3d4ce; border-right: 1px solid #d3d4ce; border-left: 1px solid #d3d4ce; border-bottom: 1px solid #d3d4ce; background: #E8F2F4; padding: 0.85em 1em; font-family: "freight-sans-pro",sans-serif; color: #222222; text-transform: uppercase; font-size: 1em; font-weight: 600; }
.cmTabBlocks .tabs-title.is-active > a { background: #fff; border-bottom: 1px solid #fff; position: relative; }
.cmTabBlocks .tabs-title > a:hover { background: #DDE9ED; }
.cmTabBlocks .tabs-title.is-active > a:after { content: ""; border-bottom: 2px solid #A82B7C; width: calc(100% - 1.7em); height: 1px; position: absolute; left: 0.85em; bottom: 0.5em; }
.cmTabBlocks .tabs-title.is-active > a:hover { background: #ffffff; }
.cmTabBlocks .tabs-content { border-top: 1px solid #d3d4ce; border-bottom: 1px solid #d3d4ce; border-right: 1px solid #d3d4ce; border-left: 1px solid #d3d4ce; margin-top: -1px; padding: 1em; }
.cmTabBlocks .tabs-content .title { margin-bottom: 2em; }

/* Mobile */
@media only screen and (max-width: 40em) { 
	.cmTabBlocks { padding: 0; margin-left: -0.9375rem; width: calc(100% + 1.875rem); }
	.cmTabBlocks > .column { padding-left: 0; padding-right: 0; }
	.cmTabBlocks a.accordion-title { height: 90px; color: #222222; font-size: 1.2em; padding: 0.5rem 1rem; background-color: #EFEEEC; border: none; border-top: solid 1px #ffffff; border-bottom-color: #ffffff !important; }
	.cmTabBlocks a.accordion-title[aria-selected="true"] { background-color: #DADAD7; }
	.cmTabBlocks a.accordion-title > .icon { float: left; overflow: hidden; }
	.cmTabBlocks a.accordion-title > .text { position: relative; top: 50%; transform: translateY(-50%); }
	.cmTabBlocks .accordion-content { text-align: center; border: none; }
	.cmTabBlocks .accordion-content .title { margin-bottom: 2em; }
	.cmTabBlocks .accordion-content .row + .row { margin-right: auto; margin-left: auto; }
	.cmTabBlocks .accordion-content .teaser { padding-right: 0; padding-left: 0; margin-bottom: 1.5em; }
	.cmTabBlocks .accordion-content .teaser > a { display: block; width: 100%; height: 100%; text-align: left; overflow: hidden; padding-bottom: 1px; }
	.cmTabBlocks .accordion-content .teaser > a > p.image { display: inline-block; max-width: 40%; margin: 0 0 0 -15%; vertical-align: middle; }
	.cmTabBlocks .accordion-content .teaser > a > .label { margin: 0 0.5em; transform: none; }
	.cmTabBlocks .accordion-content .teaser > a > p.lead { display: inline-block; max-width: calc(75% - 1em); margin: 22px 0 0 0.5em; vertical-align: top; white-space: pre-line; }
 }
 
/* cmFeaturedSet */
.featuredCarousel { position: relative; max-width: 85rem; padding-right: 5px; padding-left: 5px; }
.featuredCarousel.expanded { max-width: 110rem; padding-right: 1px; padding-left: 1px; padding-top: 1px; }
.featuredCarousel > .column { float: left; padding:0; }
.featuredCarousel > .column h5 { color:#ffffff; }
.featuredCarousel > .column p { margin-bottom: 0.5em; color:#ffffff; }
.featuredCarousel > .column .txtContainer { width: 100%; height: 100%; position: relative; overflow: hidden; padding-bottom:100%; outline:solid 1em #ffffff; transition:all 0.25s ease-in-out; }
.featuredCarousel > .column .txtContainer .text { position: absolute; bottom:0; width:100%; padding:1em 2em 0.5em 1em; transition:all 0.25s ease-in-out; }
.featuredCarousel > .column .txtContainer .text .leader { transition:all 0.25s ease-in-out; }
.featuredCarousel > .column .image { position:absolute; top:50%; transform:translateY(-50%); }
.featuredCarousel > .column .image:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-image: linear-gradient(rgba(5, 66, 105, 0) 25%, rgba(15, 88, 134, 0.9)); }
.featuredCarousel > .column .image img { transition:all 0.25s ease-in-out; transform:translate3d(0,0,0); } 
 
/* one item */
.featuredCarousel > .column:first-child:nth-last-child(1) { width: 100%; max-height: none; }
.featuredCarousel > .column:first-child:nth-last-child(1) .txtContainer { padding-bottom:40%; }

/* two items */
.featuredCarousel > .column:first-child:nth-last-child(2),
.featuredCarousel > .column:first-child:nth-last-child(2) ~ .column { width: 50%; float:left; clear:none; }
.featuredCarousel > .column:first-child:nth-last-child(2) .txtContainer,
.featuredCarousel > .column:first-child:nth-last-child(2) ~ .column .txtContainer { padding-bottom:60%; }

/* three items */
/*
.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer { padding:0; padding-bottom: 60%; }
.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer .text { padding:0; top:50%; bottom:auto; transform:translateY(-50%); width:40%; }
.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer .text .leader { padding:1em 1.5em 0.75em 3em; background-color:rgba(0, 173, 202, 0.75); background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px, transparent 0, transparent 7px); background-size: 16px 14px; }
.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer .text h5 { font-size:150%; }
.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer .text p { padding-left:3em; opacity:0; transition:all 0.25s ease-in-out; }
*/
.featuredCarousel > .column:first-child:nth-last-child(3),
.featuredCarousel > .column:first-child:nth-last-child(3) ~ .column { width: 33.3333%; float:left; clear:none; }
.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer,
.featuredCarousel > .column:first-child:nth-last-child(3) ~ .column .txtContainer { padding-bottom:60%; }
.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer p:not(.leader):not(:last-child),
.featuredCarousel > .column:first-child:nth-last-child(3) ~ .column .txtContainer p:not(.leader):not(:last-child) { display: none; }
.featuredCarousel > .column:first-child:nth-last-child(3) { width: 66.66667%; }


/* four items */
.featuredCarousel > .column:first-child:nth-last-child(4) { width: 100%; }
.featuredCarousel > .column:first-child:nth-last-child(4) .txtContainer { padding:0; padding-bottom: 60.6%; }
.featuredCarousel > .column:first-child:nth-last-child(4) .txtContainer .text { padding:0; top:50%; bottom:auto; transform:translateY(-50%); width:40%; }
.featuredCarousel > .column:first-child:nth-last-child(4) .txtContainer .text .leader { padding:1em 1.5em 0.75em 3em; background-color:rgba(0, 173, 202, 0.75); background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px, transparent 0, transparent 7px); background-size: 16px 14px; }
.featuredCarousel > .column:first-child:nth-last-child(4) .txtContainer .text h5 { font-size:150%; }
.featuredCarousel > .column:first-child:nth-last-child(4) .txtContainer .text p { padding-left:3em; opacity:0; transition:all 0.25s ease-in-out; }
.featuredCarousel > .column:first-child:nth-last-child(4) ~ .column { width: 33.33333%; }
.featuredCarousel > .column:first-child:nth-last-child(4) ~ .column .txtContainer { padding-bottom:56.25%; }
.featuredCarousel > .column:first-child:nth-last-child(4) ~ .column .txtContainer .text p { display:none; }

/* five items */
.featuredCarousel > .column:first-child:nth-last-child(5) { width: 100%; }
.featuredCarousel > .column:first-child:nth-last-child(5) .txtContainer { padding:0; padding-bottom: 60.6%; }
.featuredCarousel > .column:first-child:nth-last-child(5) .txtContainer .text { padding:0; top:50%; bottom:auto; transform:translateY(-50%); width:40%; }
.featuredCarousel > .column:first-child:nth-last-child(5) .txtContainer .text .leader { padding:1em 1.5em 0.75em 3em; background-color:#00adca; background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px, transparent 0, transparent 7px); background-size: 16px 14px; }
.featuredCarousel > .column:first-child:nth-last-child(5) .txtContainer .text h5 { font-size:125%; }
.featuredCarousel > .column:first-child:nth-last-child(5) .txtContainer .text p { padding-left:3em; opacity:0; transition:all 0.25s ease-in-out; }
.featuredCarousel > .column:first-child:nth-last-child(5) ~ .column { width: 25%; }
.featuredCarousel > .column:first-child:nth-last-child(5) ~ .column .txtContainer { padding-bottom:56.25%; }
.featuredCarousel > .column:first-child:nth-last-child(5) ~ .column .txtContainer .text p { display:none; }

.featuredCarousel + .mobileDots { width: 100%; text-align: center; }
.featuredCarousel + .mobileDots ul { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; }
.featuredCarousel + .mobileDots ul li { position: relative; display: block; float: left; margin: 0 2px; width: 6px; height: 6px; background-color: rgba(0,0,0,0.5); border-radius: 1000px; }
.featuredCarousel + .mobileDots ul li.active { background-color: rgba(0,0,0,1); }

/* large hover */
@media screen and (min-width: 64em) {
	.featuredCarousel > .column a:hover .txtContainer,
	.featuredCarousel > .column a:hover .txtContainer { background-color:#00adca; background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px, transparent 0, transparent 7px); background-size: 16px 14px; }
	.featuredCarousel > .column:first-child:nth-last-child(4) a:hover .txtContainer .text .leader,
	.featuredCarousel > .column:first-child:nth-last-child(4) a:hover .txtContainer .text .leader { background-color:transparent; background-image:none; }
	.featuredCarousel > .column a:hover .txtContainer .image img { opacity:0.25; }
	
	.featuredCarousel > .column:first-child:nth-last-child(4) a:hover .txtContainer p,
	.featuredCarousel > .column:first-child:nth-last-child(5) a:hover .txtContainer p { opacity:1; }
}

/* small laptop */
@media screen and (max-width: 80em) {
	/* three items */
	.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer .text p,
	.featuredCarousel > .column:first-child:nth-last-child(3) ~ .column .txtContainer .text p { display:none; }
}
 
/* Mobile switches to carousel */
@media screen and (max-width: 64em) {
	.featuredCarousel,
	.featuredCarousel.expanded { padding: 0; width: 100%; max-width: none; transition: margin-left 0.25s ease-in-out; margin-left: 0; }
	.featuredCarousel > .column { clear: none !important; padding: 0 !important; float:left; }
	.featuredCarousel > .column:first-child:nth-last-child(1) { width: 100% !important; }
	.featuredCarousel > .column:first-child:nth-last-child(2),
	.featuredCarousel > .column:first-child:nth-last-child(2) ~ .column { width: 50% !important; }
	.featuredCarousel > .column:first-child:nth-last-child(3),
	.featuredCarousel > .column:first-child:nth-last-child(3) ~ .column { width: 33.33333% !important; }
	.featuredCarousel > .column:first-child:nth-last-child(4),
	.featuredCarousel > .column:first-child:nth-last-child(4) ~ .column { width: 25% !important; }
	.featuredCarousel > .column:first-child:nth-last-child(5),
	.featuredCarousel > .column:first-child:nth-last-child(5) ~ .column { width: 20% !important; }
	
	.featuredCarousel > .column .txtContainer { padding-bottom:56.25% !important; height:auto !important; outline:none !important; }
	.featuredCarousel > .column .txtContainer .text { padding:1em !important; text-align: center; width:100% !important; height:auto !important; bottom:0 !important; top:auto !important; transform:none !important; background-color: transparent !important; }
	.featuredCarousel > .column .txtContainer .text p { display:none; }
	.featuredCarousel > .column .txtContainer .text h5 { font-size:100% !important; }
	.featuredCarousel > .column .txtContainer .text .leader { background:none !important; padding:0 !important; }
 }
 
 
 
 /* ------------------------------------------------------------ *\
insertContent
\* ------------------------------------------------------------ */
.insertContent h5, .insertContent h6, .insertContent p { padding:0; margin:0; }

.insertContent.image { max-width:60rem; margin:0 auto 1.5em auto; padding: 0 2.5em; }
.insertContent.image .creditCaption { margin:0 auto 0.5em 0; }
.insertContent.image .creditCaption { border-left: solid 2px #ccc; margin: 0.5em 0 0 0; padding: 0.25em 0 0 0.5em; color: #808080; }
.insertContent.image .creditCaption h6,
.insertContent.image .creditCaption p { padding:0; margin:0; font-size:75%; }
.insertContent.image.leftAlign { max-width:50%; float:left; padding:0 2.5em 0 0; }
.insertContent.image.rightAlign { max-width:50%; float:right; margin:0 auto 0.5em 0; padding:0 0 0 2.5em; }
.insertContent.image.rightAlign .creditCaption { border-left:none; border-right: solid 2px #ccc; margin: 0.5em 0 0 0; text-align: right; padding: 0.25em 0.5em 0 0; color: #808080; }

.insertContent.video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 56.25%; overflow: hidden; }
.insertContent.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.insertContent.promo .wrapper { max-width: 60rem; margin: 2em auto 0 auto; display: flex; padding: 3em 0; }
.insertContent.promo .wrapper .image { max-width:55%; }
.insertContent.promo .wrapper .text { padding: 0 0 0 2em; margin: auto 0; }
.insertContent.promo .wrapper .text p { margin:0 auto 1em 0; }
	
.insertContent.expanded { max-width:none; margin:0 auto; padding:0; }

/* tablet */
@media screen and (max-width: 63.9375em) {
	.insertContent.promo .wrapper { margin: 2em; }
}

 /* Mobile */
@media only screen and (max-width: 40em) { 
	.insertContent.promo .wrapper { flex-direction: column; padding:1em 1em 0 1em; }
	.insertContent.promo .wrapper .image { max-width:none; }
	.insertContent.promo .wrapper .text { padding: 1em 1em 0 1em; margin: auto 0; }
	
	.insertContent.promo .wrapper { margin: auto; }
}
 
 
 
/* ------------------------------------------------------------ *\
drag me
\* ------------------------------------------------------------ */
.active [data-drag-me] { position:relative; cursor:move; cursor:-moz-grab; cursor:-webkit-grab; cursor:grab; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; }
.active [data-drag-me]:active { cursor:-moz-grabbing; cursor:-webkit-grabbing; cursor:grabbing; transition:none !important; }
.active [data-drag-me] img { -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; user-drag: none; user-select: none; }
 
 /* Mobile */
@media only screen and (max-width: 40em) { 
	
}





/* ------------------------------------------------------------ *\
displayPageHome
\* ------------------------------------------------------------ */

/* Mobile */
@media only screen and (max-width: 40em) { }



/* ------------------------------------------------------------ *\
displayPageBoard
\* ------------------------------------------------------------ */

section.board { background-color:#ffffff; }
section.board.boardmembers { margin: 2.5em auto 0 auto; padding:3em 0; background-color: #00adca; background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px, transparent 0, transparent 7px); background-size: 16px 14px; }

/* Mobile */
@media only screen and (max-width: 40em) { 
	section.board .blockGrid { display:block; white-space:normal; }
	section.board .blockGrid .teaser { width:100%; margin-bottom:2em; }
}




/* ------------------------------------------------------------ *\
displayPageContact
\* ------------------------------------------------------------ */

section.contactUs input::placeholder,
section.contactUs textarea::placeholder { color:#808080; }
section.contactUs #thankYouText { display:none; }

/* Mobile */
@media only screen and (max-width: 40em) { }







/* ------------------------------------------------------------ *\
displayPageStandard : members
\* ------------------------------------------------------------ */

section.members:nth-child(even) { background-color:#efefef; margin:2.5em auto 0 auto; padding:3.5em 0 2em 0; }
section.members .membersList { display: flex; flex-wrap: wrap; }
section.members .membersList p { flex:0 0 33%; line-height:1.1; }
:target[id]:before { content:""; display:block; height:250px; margin:-250px 0 0; }

.jumpLetterHeader { margin-bottom:0.5em; }
.jumpLettersContainer { display:table; table-layout:fixed; width:100%; }
a.jumpLetters { font-weight: 700; font-size: 1.1em; display: table-cell; margin: auto; text-align: center;  }

/* Mobile */
@media only screen and (max-width: 40em) { }




/* ------------------------------------------------------------ *\
displayPageStandard : cmBio
\* ------------------------------------------------------------ */

.teaser.cmBiography .image:after  { content:normal; }

/* Mobile */
@media only screen and (max-width: 40em) { }



/* ------------------------------------------------------------ *\
displayPageStandard : cmState
\* ------------------------------------------------------------ */

section.statePercentages { margin:2.5em auto 3.5em auto; }
section.statePercentages .row { max-width:50rem; }
section.statePercentages .row .columns { text-align:center; }
section.statePercentages h5.stat { font-size:3.5em; }

section.stateGloballyConnected .teaser .picon { margin:0 auto 2em auto; background-color:#ffffff; }
section.stateGloballyConnected .teaser h5 { text-transform:uppercase; }
section.stateGloballyConnected .teaser .wrapper { padding: 2em 2em 1em 2em; }
section.stateGloballyConnected .teaser:not(:last-child) { border-right:solid 1px #cccccc; }

section.stateMembers { margin:0 auto 0 auto; padding: 2.5em 1em 3em 1em; }
section.stateMembers .stateListing { column-count: 3; }

/* Tablet */
@media screen and (max-width: 64em) {
	section.stateMembers .stateListing { column-count: 2; text-align:left; }
	section.stateGloballyConnected .teaser:not(:last-child) { border-right:none; }
	section.stateGloballyConnected .teaser:first-child { border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; }
	section.stateGloballyConnected .teaser:last-child { border-left:solid 1px #cccccc; border-top:solid 1px #cccccc; }

}

/* Mobile */
@media only screen and (max-width: 40em) { 
	section.statePercentages .row .columns { margin-bottom:1em; }
	section.statePercentages .row .columns h6 {  }
	
	section.stateGloballyConnected .teaser .wrapper { background-color: #ffffff; outline: solid 1px #cccccc; padding: 2em 2em 1em 2em; margin-top: 1px; }
	section.stateGloballyConnected .teaser:not(:last-child) { border-right:none; }
	section.stateGloballyConnected .teaser:first-child { border-right:none; border-bottom:none; }
	section.stateGloballyConnected .teaser:last-child { border-left:none; border-top:none; }
	
	section.stateMembers .stateListing { column-count: 2; text-align:left; }
}





/* ------------------------------------------------------------ *\
	Teasers
\* ------------------------------------------------------------ */

.teaser { display:flex; flex:0 0 auto; }
.teaser a:not(.button),
.teaser .wrapper { display:flex; flex-direction:column; flex:1 1 auto; width:100%; }
.teaser .image { position:relative; }
.teaser .image:before { content:''; opacity:0; background:#00788c; top:0; right:0; bottom:0; left:0; position:absolute; transition:opacity 0.5s ease; background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px, transparent 0, transparent 7px); background-size: 16px 14px; }
.teaser .image:after { content:''; background:linear-gradient(rgba(5, 66, 105, 0) 50%, rgba(5, 66, 105, 0.5)); position:absolute; top:0; right:0; bottom:0; left:0; }
.teaser .image img { box-shadow:0 0 2px 2px rgba(0,0,0,0.1) }
.teaser .text { position:relative; display:flex; flex-direction:column; flex:1 1 auto; padding: 1em 0.5em 0 0.5em; color:#0A0A0A; }
.teaser .text h5 { line-height:1.1;  } 
.teaser .text p { margin-bottom:1.25em; }
.teaser .text p + p { margin-bottom:0.25em; margin-top:auto; }
.teaser .icon { position: absolute; z-index:1; top: -3.5em; left: 0; right: 0; padding:0 1em 0 1.5em; }

.standard.graphic .teaser.cmGraphic .image img { max-width:70%; box-shadow:none; }
.standard.graphic .teaser.cmGraphic .image:before,
.standard.graphic .teaser.cmGraphic .image:after { content: normal; }
.standard.graphic .teaser.cmGraphic .icon { display:none; }

.standard .teaser a.button { display:none; }

.ourFocus .teaser:not(:last-child) { border-right:solid 1px #cccccc; }
.ourFocus .teaser .text { text-align:center; }
.ourFocus .teaser .image { max-width:130px; border-radius:1000px; align-self:center; overflow:hidden; background-color:#ffffff; }
.ourFocus .teaser .image:after { content:normal; }

.aboutUs .teaser { margin-bottom:2em; }
.aboutUs .teaser:first-child:nth-last-child(3),
.aboutUs .teaser:first-child:nth-last-child(3) ~ .teaser:not(:last-child) { border-right:solid 1px #cccccc; }
.aboutUs .teaser:first-child:nth-last-child(4),
.aboutUs .teaser:first-child:nth-last-child(4) ~ .teaser:not(:last-child) { border-right:solid 1px #cccccc; }
.aboutUs .teaser:first-child:nth-last-child(5),
.aboutUs .teaser:first-child:nth-last-child(5) ~ .teaser:not(:nth-child(3)):not(:last-child) { border-right:solid 1px #cccccc; }
.aboutUs .teaser .text { text-align:center; }
.aboutUs .teaser .text h5 { padding: 0 0.25em; }
.aboutUs .teaser .image { max-width:130px; border-radius:1000px; align-self:center; overflow:hidden; background-color:#efefef; }
.aboutUs .teaser .image:after { content:normal; }

.stats .teaser:not(:last-child) { border-right:solid 1px #cccccc; }
.stats .teaser .text { text-align:center; }
.stats .teaser .text h5 { font-size:3.5rem; }
.stats .teaser .text h6 { text-transform:uppercase; }
.stats .teaser .image { max-width:130px; border-radius:1000px; align-self:center; overflow:hidden; background-color:#efefef; }
.stats .teaser .image:after { content:normal; }

.stats .teaser .animateViewport { height:4em; overflow:hidden; }
.stats .teaser .animateContainer { transform:translateY(calc(-100% + 3.5em)); }
.stats.animated .teaser .animateContainer { transform:translateY(0); }
.stats.animated .teaser .animateContainer { transition:transform 2s ease-in-out; }
.stats.animated .teaser:nth-child(1) .animateContainer { transition:transform 2s ease-in-out 0.25s; }
.stats.animated .teaser:nth-child(2) .animateContainer { transition:transform 2s ease-in-out; }
.stats.animated .teaser:nth-child(3) .animateContainer { transition:transform 2s ease-in-out 0.15s; }
.stats.animated .teaser .inview .animateContainer { transform:translateY(calc(-100% + 3.5em)); }

.feed .teaser { margin:0 0 2.5em 0; }
.feed .teaser .text p { flex:1; }
.feed .teaser a.button { display:none; }

.feed .teaser.search { margin: auto 0 1em 0; flex-direction: column; flex: 1 1 auto; }
.feed .teaser.search:not(:last-child):after { content:''; width:100%; height:1px; background:#cccccc; display:block; }
.feed .teaser.search a:not(.button) { flex-direction: row; box-shadow:none; outline:none; padding-bottom:1em; }
.feed .teaser.search .image { max-width: calc(20% - 1em); margin: auto; vertical-align: middle; }
.feed .teaser.search .text { display: inline-flex; vertical-align: middle; outline: none; padding: 0 0 0 1em; border-bottom: none; align-self: center; }
.feed .teaser.search .text p { margin-bottom: 0; }
.feed .teaser.search .icon { margin: 0; border-top:none; padding: 1em 1.2em 0.5em 0em; }

.promo .medium-up-1 { white-space: normal; overflow-x: hidden; overflow-y: hidden; }
.promo .medium-up-1 .teaser a,
.promo .medium-up-1 .teaser .wrapper { flex-direction:row; }
.promo .medium-up-1 .teaser.cmGraphic .wrapper { flex-direction:column; }
.promo .medium-up-1 .teaser a.button { display:inline-block; pointer-events:all; margin-top:0.5em; }
.promo .medium-up-1 .teaser .image { padding-right:2em; width:100%; max-width:55%; }
.promo .medium-up-1 .teaser.cmVideo .image { padding-right:2em; width:100%; }
.promo .medium-up-1 .teaser.cmVideo .text { max-width:45%; }
.promo .medium-up-1 .teaser .image:after { content:normal; } 
.promo .medium-up-1 .teaser .text .icon { position:relative; margin:auto 0 0 0; padding:0; font-size:1em; top:0; }
.promo .medium-up-1 .teaser .text h5 { margin:0.5em 0 0.5em 0; }
.promo .medium-up-1 .teaser .text object { margin:0 0 auto 0; }
.promo .medium-up-1 .teaser.cmGraphic img { margin:2em auto 0 auto; max-width:60%; }

.challenges .teaser .icon { color:#00416b; }

.boardmembers .teaser a { pointer-events:none; }
.boardmembers .teaser a .image { display:none; }
.boardmembers .teaser a .text h5,
.boardmembers .teaser a .text p { text-align:center; color:#ffffff; }
.boardmembers .teaser .boardposition { display:none; }

.related .teaser a.button { display:none; }

/* large hover */
@media screen and (min-width: 64em) {
	.teaser:not(.dmHTML) a:hover .image:before { opacity:0.8; }
	.teaser:not(.dmHTML) a:hover .image:after { opacity:1; }
		
	.featureSet .teaser a:hover .image:before,
	.promo .teaser a:hover .image:before { opacity:0; }
	.featureSet .teaser a:hover .image:after,
	.promo .teaser a:hover .image:after { opacity:0; }
}

/* tablet */
@media screen and (max-width: 64em) {
	.promo .teaser.cmVideo .wrapper { flex-direction:column; }
	.promo .teaser.cmVideo .image { padding-right:0; }
	.promo .teaser.cmVideo .text { padding:1.5em 0 0 0; text-align:center; width:100% !important; max-width:none !important; }
	.promo .teaser.cmVideo .image { padding-right:0; width:100%; max-width:none; }
}

/* Mobile */
@media only screen and (max-width: 40em) {
	.featureSet .teaser { outline:none; background-image:none !important; }
	.featureSet .teaser.leader { display:none; }
	.featureSet .teaser.leads:nth-child(1) { display:flex !important; }
	.featureSet .teaser.leads:nth-child(even) .image { display:block; }
	.featureSet .teaser .text { background-image:none !important; }
	
	.stats .teaser .statContainer { padding:0 0 2em 1em; }
	.stats .teaser .statContainer .statBlock { padding:0.5em 1em 1em 1em; }
	.stats .teaser .statContainer .statBlock p { width: calc(100% - 100px - 2em); }
	.stats .teaser .statContainer .statBlock h2 { display:none; }
	.stats .teaser .statContainer .statBlock img { max-width:100px; }
	
	.aboutUs .teaser { margin-bottom:0; width:70%; border-right:solid 1px #cccccc; }
	
	.researchAndPolicy .teaser { margin: 0 0 0 0; flex-direction: column; flex: 1 0 auto; }
	.researchAndPolicy .teaser a:not(.button) { flex-direction: column; box-shadow: 0px 2px 5px rgba(0,0,0,0.15); outline: solid 1px #cccccc; }
	.researchAndPolicy .teaser .image { max-width: 100%; margin: auto; vertical-align: middle; }
	.researchAndPolicy .teaser .text { display: flex; vertical-align: middle; outline: none; padding: 1.5em 2em 1.5em 2em; align-self: center; border-bottom:solid 6px #0A0A0A; }
	
	.suderFoundation .teaser .wrapper { flex-direction:column; margin-top:0em; }
	.suderFoundation .teaser .wrapper .image { flex:1 0 auto; }
	.suderFoundation .teaser .wrapper .text { padding:1.5em 1em 1.5em 0.5em; }
	.suderFoundation .teaser.cmAuthor:first-child:after { content:normal; }
	
	.feed .teaser.search { margin:0 0 2em 0; flex-direction: column; flex: 1 0 auto; }
	.feed .teaser.search a:not(.button) { flex-direction: column; box-shadow: 0px 2px 5px rgba(0,0,0,0.15); outline: solid 1px #cccccc; padding-bottom:0; }
	.feed .teaser.search .image { max-width: 100%; margin: auto; vertical-align: middle; }
	.feed .teaser.search .text { display: flex; flex-direction: column; flex: 1 1 auto; padding: 1.5em 2em 1.5em 2em; color: #0A0A0A; align-self:auto; }
	.feed .teaser.search .text p { margin-bottom: 1.25em; }
	.feed .teaser.search .text .icon { margin: auto -2.2em -0.75em -2.2em; border-top: solid 1px #cccccc; padding: 1em 1.2em 0.5em 1.2em; }
	.feed .teaser.pinned { width:100%; }
	
	.promo .teaser a,
	.promo .teaser .wrapper { flex-direction:column !important; }
	.promo .teaser .image { padding-right:0 !important; max-width:none !important; }
	.promo .teaser .text { padding:1.5em 0 0 0; text-align:center; width:100% !important; }
	.promo .teaser .text p { margin:1em auto; }
	.promo .teaser.cmGraphic h2 { white-space:pre-line; }
	.promo .teaser.cmGraphic p { white-space:pre-line; }
	.promo .teaser .image { padding-right:0; width:100%; max-width:100%; }
	.promo .teaser.cmGraphic img { margin:0; max-width:100%; }
}