/*
CSS for ESA 2017
Copyright ESA

Menu blue: #469AD7 
Menu green: #79B957

Philippe
Text: #4B637E
Blue: #019CDC
Green: #61BC47
Hover: #0084C2

CSS for ESA 2021
Text: #333333
Blue: #0082ca
Home Join US Section: #eaf5de
Home Green Button: #76bc21
Footer Section: #dee6e8
*/
html {
	font-size: 62.5%;
}

body {
font-family: 'Raleway', sans-serif;
padding: 0;
margin: 0;
border: 0;
color: #333333;
overflow-y:scroll;
}

a {
color: #333333;
text-decoration: none;	
}

a:hover, 
a:active {
color: #0084C2;	
}

a.cta-button, button.cta-button, p.login-logout-link a {
 background-color:  #0082ca;
 color: #fff !important;
 padding: 0.5rem 2rem;
 border-radius: 15px;
 /* font-size: 1.4rem; Better with ESA17 width 1200 */
 font-size: 1.2rem;
 text-transform: uppercase;
}

a.cta-button:hover, button.cta-button:hover, p.login-logout-link a:hover {
	color: #000000 !important;
	text-decoration:none !important;	
}

a.cta-button--white, button.cta-button--white {
	background-color:  #fff;
	color:#4d4d4d !important;
}

a.cta-button--white:hover, button.cta-button--white:hover {
	color: #0084C2 !important;
}

a.cta-button--green, button.cta-button--green, p.login-logout-link a {
	background-color:  #76bc21;
	color:#fff !important;
}

img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

#wrapper {
/* max-width: 120rem; Width Set for ESA17 */
max-width: 102rem;  /* Width Set for ESA21 */
padding:1rem 4rem 2rem 4rem;
margin: 0 auto;
background-color: #FFFFFF;
position: relative;
}

.scrolled #wrapper {
	padding-top: 0;
}

.scrolled header {
	position: sticky;
	  position: -webkit-sticky;
/*
	  position: fixed;*/
	top: 0;

	z-index:20;
}

header .nav {
align-self: flex-end;
}

/* .scrolled header .nav {
	align-self: flex-start;
} */



header .nav ul {
	padding: 0;
	margin: 0;
	text-align:right;
	font-size: 0;
	text-transform: uppercase;
}

header .nav li {
	padding: 1.25rem 0;
	margin: 0;
	display: inline-block;
	width: 24%;
	text-align: center;
	font-size: 1.4rem;
	font-weight: none;	
}

header .nav--row-bottom li {
	background-color: #0082ca;
}

header .nav--row-top li  {
	background-color: #fff;
}

header .nav--row-bottom li a {
	color: #fff;
}

header .nav--row-top li a {
	color: #0082ca;
}

header .nav--row-bottom li a:hover {
	color: #f0f0f0;
}

header .nav--row-top li a:hover {
	color: #469AD7;
}

header .nav > ul > li  {
  position: relative;
}

header ul.nav-top  {
	margin-right: 6rem;
  }
  

/* Line up the top nav for 1st state */
/* header .nav > ul > li:first-child {
	margin-left:17.6rem;
} */

header .nav--row-bottom > ul > li:nth-child(1),
header .nav--row-bottom > ul > li:nth-child(2)
 {
	background-color: #4B637E;
	padding: 0.5rem 0;
}

header .nav--row-bottom > ul > li:nth-child(1)
 {
	background-color: #61BC47;
}

/* .scrolled header .nav > ul > li:nth-child(1),
.scrolled header .nav > ul > li:nth-child(2)
 {
	display: none;
} */

header .nav--row-bottom > ul > li:nth-child(1),
header .nav--row-bottom > ul > li:nth-child(2)
 {
	display: none;
}

header .nav--row-bottom ul {
	margin-right: 3rem;
}

header {
	background-color: #fff;
}


/* Main Nav drop-down menus */

header .nav li ul {
  position: absolute;
  visibility: hidden;
  top: 100%;
  z-index: 50;
  color: #fff;
  padding: 1.5rem 0;
  background-color: #61BC47;	
}

header .nav > ul > li > ul  {
  opacity:0;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

header .nav > ul > li:hover > ul {
  visibility: visible;	
   opacity:1;
  transition-delay:0s;
  width: 15rem;
}


header .nav li li {
	display: block;
	background-color: #61BC47;
/* 	width: 100%; */
	width: auto;
	padding: 0.5rem 1rem 0.5rem 3.5rem;
	text-align: left;
    font-size: 1.2rem;
}

header .nav li li:hover {
	background-color:#fff;
}

header .nav li li:hover a {
	color: #61BC47;
}


.logo-row {
	position: relative;
	background-color: transparent;
background-image: url('../graphics/logo_bg2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}

#logo,
#logo2 {
	width: 20.3rem;
/* 	bottom: 3rem; */
	padding-left: 1rem;
	padding-bottom: 2rem;
}

.scrolled #logo,
.scrolled #logo2 {
	padding-left: 0;	
	padding-bottom: 1rem;
	position: relative;
	left: -2rem;	
}

#donut {
	position: relative;
	display: none;
	cursor: pointer;
	z-index: 21000;
}

#donut .bar {
display: block;
background-color: #0082ca;
height: 0.5rem;
width: 3rem;
margin: 0.5rem 0;	
}

header .extra-nav-col {
	visibility: hidden;
}

header .social,
.header-mobile .social,
header .extra-nav-col {
/* 	font-size: 1.6rem; */
	font-size: 2.3rem;
	text-align: center;
	padding: 0;

}

header .social-inner,
.header-mobile .social-inner,
header .extra-nav-col-inner {
	background-color: #fff;	
	padding: 0;
margin: 0;
}

header .extra-nav-col-inner {
	background-color: #4B637E;
}

header .extra-nav-col-inner a:first-child span {
	background-color: #61BC47;
}

header .social a span,
header-mobile .social a span,
header .extra-nav-col a span {
	display: inline-block;
	color: #0082ca;	
	width: 50%;
	padding: 0.6rem 0;
}

header .extra-nav-col a span {
		color: #fff;
}

.scrolled header .extra-nav-col {
	visibility: visible;
}

.bottom-row {
	background-color: #0082ca;
 }

/*
header .social img {
height: 6.25rem;
width: auto;
}
*/

#page-header {
	padding-bottom: 2.5rem;
	position:relative;
	
}

.PH-holder {
/* 	position: relative; */
/* 	display: none; */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 0.5rem 2.5rem 0.5rem;	
}

.PH-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
/* opacity: 0.7; */		
	mix-blend-mode: multiply;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	background-color: #61BC47;
	background-color: rgba(97,188,71, 1);
z-index: 10;
}

@supports (position:-ms-page) {

.PH-bg {
opacity: 0.7;
}

}

.PH-legend {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
/* 	padding: 0 0.5rem 2.5rem 0.5rem; */
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 11;
}

/* Used when we are implementing a single click through button in banner text */
.ESA-homepage .PH-legend {
	justify-content: flex-end;
	align-items: flex-end;
}

.ESA-homepage .PH-legend .cta-button--mobile {
	display: none;
}

.ESA-homepage .PH-legend .cta-button--desktop {
	display: block;
}

/* Sets text area width */
/* .PH-legend>div {
	width: 60%;
} */

.PH-legend h1 {
	font-weight: 900;
/* 	padding-top: 18rem; */
	padding-bottom: 0;
	font-size: 3rem;
	text-transform: uppercase;
}

/*
.PH-legend h1 h1 {
	margin: 0;
	padding: 0;
}
*/

.PH-legend p {
	font-size: 1.6rem;
	line-height: 2.6rem;
	font-weight: 300;
	color:#333333 ;
	text-align: center;
}

/* CONTENT */
/* 
ESA17 with width 1200
.body_text {
	font-size: 1.6rem;
	line-height: 135%;
	padding-left: 3.5rem;
	padding-right: 3.5rem;
} 
*/

.body_text {
	font-size: 1.4rem;
	line-height: 2rem;
	padding-left: 3.5rem;
	padding-right: 3.5rem;
}


.ESA-homepage .body_text {
	font-size: 1.4rem;
	line-height: 2rem;
}

.body_text p:first-child {
	font-weight: bold;
}

.ESA-homepage .body_text p:first-child {
	font-weight: normal;
}

.body_text h1 {
	font-size: 3rem;
	padding-bottom: 1.0rem;
	line-height: 3.5rem;
}

.body_text h2 {
	font-size: 2.4rem;
	margin: 0;
	padding: 1em 0 0 0;
	font-weight: normal;
}

.body_text h1 + h2 {
	padding: 0;
}

.body_text h2.home-section-join-news__title {
	font-weight: bold;
	text-transform: uppercase;
}




/* LEFT & RIGHT COL and LEFT and RIGHT Margin*/

.left-col,
.right-col {
	padding-left: 3.5rem;
	padding-right:0;
}

div .left-col {
	padding-left: 3.5rem !important;
}

.left-col ul, 
.right-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* LEFT COL */
.left-col .nav {
	padding-top: 1.3rem;
	/* font-family: "Open Sans"; ESA21 Change*/
	font-size: 1.4rem;
	/* letter-spacing: 0.12rem; ESA21 Change*/
	margin-bottom: 2rem;
}

.left-col .nav li {
	/* border-bottom: 1px solid #ECECEC; ESA21 Change*/
	padding: 1rem 0;
	/* text-transform: uppercase; ESA21 Change*/
}

.left-col .nav li ul li:before {
content:"--\00a0";
padding-left: 1rem;
}

.left-col .nav li ul li ul li:before {
	content:"----\00a0";
	padding-left: 1rem;
}

.left-col .nav li ul li:first-child {
padding-top: 1.5rem;
}

.left-col .nav li ul li:last-child {
border: none;
padding-bottom: 0;
}

.left-col .nav a.nav-selected {
font-weight: bold;
color: #0084C2;
}

.body_text a,
.right-col a {
color: #0084C2;
}

.body_text a:hover,
.right-col a:hover {
text-decoration: underline;	
}

.body_text .members_list table {
	border-collapse: separate;
	font-size: 2.1rem;
	margin: 0 auto;
	width: 100%;
}

.body_text .members_list td {
	padding: 1rem;
	background-color: #fff;
}

/*
.body_text .members_list td a {
	display: inline-block;
	padding: 0.5rem;
		background-color: #fff;
		border-radius: 50%;
	
}
*/


.body_text  .reports-table td {
padding: 2rem;
border-top: 1px dashed #76bc21;
vertical-align: top;
}

.body_text  .reports-table td:first-child {
padding: 2rem;
vertical-align: top;
}

.body_text  .reports-table tr:first-child td {
border-top: 0;
}

.body_text  .reports-table tr td:first-child {
padding: 2rem 0;

}

#JoinUs-Form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	padding-top: 1.5rem;
}

#JoinUs-Form label {
/* 	display: block; */
	padding-top: 1rem;
	font-weight: bold;
}

#JoinUs-Form .text-muted:not(:empty)  {
	color: red;
	font-size: 0;
}

#JoinUs-Form .text-muted:not(:empty):before {
	content: "*";	
	font-size: 3rem;
	vertical-align: middle;
}

#JoinUs-Form input {
	display: block;
	width: 80%;
	padding: 0.5rem 1rem;
	margin-bottom: 1.5rem;
	border: 1px solid #0082ca;
	
}

#JoinUs-Form input[type=checkbox] {
	width: auto;
}

#JoinUs-Form .captcha {
text-align: left;
}

#JoinUs-Form .captcha label {
/* 	display: block; */
	padding: 1rem 0;
	font-weight: normal;
}

#JoinUs-Form .captcha img {
	width: auto;
	padding: 0;
	margin: 0;
	padding-top: 1rem;
}

#JoinUs-Form .captcha input {
/*  display: inline-block; */
padding: 0.5rem 0;
margin: 0;
	width: 19rem;
	margin-top: 1rem;
}

#JoinUs-Form .checkbox label {
	font-weight: normal;
}

#JoinUs-Form .checkbox  {
	margin-bottom: 1rem;
}

#NetZeroRegistrationImage img {
 width: 10%;
}

#ESA-Staff-Board img {
	width:50%;
}

#ESA-Staff-Board img.staff-portrait {
	width:38%;	
}

img.NetZeroRegistrationImage {
	float: left; 
	margin-right: 1rem; 
	width:30%;
   }

/* COMPONENTS */
 /* Simple Toggle List  */
a.togglelistLink.is-active {
	text-decoration: underline;
	font-weight: bold;
 }
 a.togglelistLink {
  font-size: large;
 }

  /* A-Z link table  */
  .atoz-table a, .atoz-table td {
	font-size:large;
  }

/* WIDGETS  */
/* Events */

.widget {
	font-size: 1.2rem;
	line-height: 1.7em;
	padding-top: 1.0rem;	
	font-family: "Raleway";
}

.widget h1,
.ccm-block-calendar-event-list-wrapper h2 {	
	font-family: "Raleway";
	font-size: 1.6rem;
	font-weight: 900;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

.ccm-block-calendar-event-list-wrapper.widget-featured-events {
	margin-bottom: 1rem;
}

.ccm-block-calendar-event-list-wrapper h2 {	
	padding-bottom: 1rem;
	color: #0082ca ;
}

.body_text .ccm-block-calendar-event-list-event {	
	padding: 1rem;
	margin: 1rem;
}

.body_text .ccm-block-calendar-event-list-event:nth-child(odd) {	
	background-color: #F3F3F3;
	padding: 1rem;
}

.ccm-block-calendar-event-list-event-date span:first-child {
	background-color: #0082ca !important;
}

.ccm-block-calendar-event-list-event-title {
	font-weight: 700;
	color: #0082ca;
}

.ccm-block-calendar-event-list-event-date-full {
	text-transform: uppercase;
}

.right-col .ccm-block-calendar-event-list-event-date-full {
	clear: both;
}

.body_text .widget-featured-events p:first-child {
	font-weight: normal;
}

.widget .logo {
	width: 3rem;
	height: auto;
	display: block;
	text-align: left;
	padding-bottom: 0.5rem;
}


/* Twwiter Feed */
#twitter-feed-container-esa_tweets {
	font-size: 1rem;
	line-height: 1.35em;
	padding-top: 3rem;	
	font-family: "Open Sans";
	padding-bottom: 2rem;	
}

.left-col #twitter-feed-container-esa_tweets {
	max-width: 200px;
}

.left-col #twitter-feed-esa_tweets .tweet {
	font-size: 1.2rem;
	color: #333333;
}

.footer-twitter-col #twitter-feed-container-esa_tweets {
	font-family: "Raleway";	
	padding-top: 0rem;	
	max-width: 312px;
}

#twitter-feed-container-esa_tweets:before {
  content: "\f099";
  font-family: "FontAwesome";
  color: #0082ca;
  font-size: 3rem;
}

.left-col #twitter-feed-container-esa_tweets h2 {
	font-family: "Raleway";
	font-size: 1.6rem !important;
	padding-top: 1rem;
	/* font-weight: 900;
	padding: 0;
	margin: 0;
	padding-top: 1rem; */
	color:#0082ca ;
}

.footer-twitter-col #twitter-feed-container-esa_tweets:before {
	content: "";
  }

  .footer-twitter-col #twitter-feed-esa_tweets li:first-child, .footer-twitter-col #twitter-feed-esa_tweets__footer li:first-child {
	padding-top: 0;
}

.footer-twitter-col #twitter-feed-esa_tweets__footer .user img, .footer-twitter-col #twitter-feed-esa_tweets .user a img {
    height: 36px;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 36px;
    border-radius: 50%;
}

.footer-twitter-col #twitter-feed-esa_tweets__footer .tweet, .footer-twitter-col #twitter-feed-esa_tweets .tweet,
.footer-twitter-col #twitter-feed-container-esa_tweets__footer .timePosted,.footer-twitter-col #twitter-feed-container-esa_tweets .timePosted {
	padding-left: 57px;
	padding-right: 10px;
}


.footer-twitter-col #twitter-feed-esa_tweets .tweet,
.footer-twitter-col #twitter-feed-esa_tweets .user span:nth-child(2),
.footer-twitter-col #twitter-feed-esa_tweets__footer .tweet,
.footer-twitter-col #twitter-feed-esa_tweets__footer .user span:nth-child(2) {
	font-size: 1.2rem;
}

.footer-social-col .fa {
	background: #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	padding: 3px;
}

.footer-social-col a {
	color: #acc0c6;	
}


a.button-more {
	display: inline-block;
	padding: 1.5rem 5rem;
	border: 1px solid #3B526D;
	color: #3B526D;
	font-family: 'Open Sans';
	font-size: 1.6rem;
	cursor: pointer;
}

a.button-more:hover {
	text-decoration: none;
	border: 1px solid #469AD7;
	background-color: #469AD7;
	color: #fff;
}


#widget_events .logo {
	padding-bottom: 1rem;
}

#widget_events h1 {
	padding-bottom: 1.5rem;
}

#widget_events .we-event {
padding-bottom: 1.5rem;
}

#widget_events .we-event-date {
	font-weight: bold;
	display: block;
	font-size: 1.1rem;
}
/* Page List (News Article) */
div.ccm-block-page-list-page-entry-horizontal {
	margin-bottom: 2.5rem;
}

div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail {
    padding-top: 5px;
}

/* Home Page Feature */
.feature-box {
	padding-top: 0rem;
	padding-bottom: 1rem;
	/* padding-left: 1.4rem;
	padding-right: 1.4rem; */
	color: #fff;
	font-size: 1.4rem;
	border-radius: 15px;
	max-width: 295px;
	margin-bottom: 1em;
	min-height: 215px;
}
.feature-box--mainpage {
	margin-top: 4rem;
} 
.feature-box--blue {
	background-color: #0082ca;
}
.feature-box--orange {
	background-color: #ec671a;
}
.feature-box--green {
	background-color: #76bc21;
}
.feature-box__title {
	 font-size: 2rem;
	 font-weight: normal;
}

.feature-box__icon {
	height: 81px;
	width: auto;
	margin-top: -4rem;
}

.feature-box p {
	padding-left: 1.2em;
	padding-right: 1.2em;
}

/* Home Page News Item  */
.news-item__title {
	font-size: 1.6rem;
}
.news-item__text {
	font-size: 1.2rem;
}

.news-item__title, .news-item__text {
	padding-left: 2rem;
}

.news-item__title  {
	padding-right: 0rem;
	margin-bottom: 1rem;
}

.news-item__text {
	padding-right: 0rem;
	margin-top: 0;
}

.news-item__image {
	max-width: 333px;
}

/* Home Page Slider */
.ccm-image-slider {
	margin-top: 2rem;
	max-width: 461px;
	margin-bottom: 4rem;
}

.rslides_tabs {
	text-align: center;
	padding: 0;
	position: relative;
	z-index: 10;
	margin-top: -4rem;
}
.ccm-image-slider-text {
	font-size: 2.2rem;
	color: #fff;
	width: 90%;
	line-height: 3.3rem;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	text-align: center;
}

.home-section-intro .ccm-image-slider-text p {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 2.2rem;
	line-height: 3.3rem;
}
.ccm-image-slider-text sub {
	font-size: 1.4rem;
	font-weight: normal;
}

.rslides_tabs li a {
 width: 10px;
 height: 10px;
 border: 3px solid #fff;
 background-color:transparent;
}

.rslides_tabs li.rslides_here a {
	background-color: #fff;
}

/* FOOTER */

footer {
	color: #333333;
/* 	color: #cfeac7; */
	padding: 0;
	font-size: 1.2rem;
	line-height: 160%;
}

footer div.footer-top {
	background-color: #dee6e8;
	padding: 3rem 3.5rem 3.5rem;
}

footer div.footer-bottom {
	background-color: #fff;
	padding: 1rem 3.5rem 1rem;
}

footer h2 {
	font-size: 1.6rem;
	color: #0082ca;
	font-weight: normal;
}

/*
footer ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
*/
footer .footer-quicklink-col ul li {
	line-height: 2rem;
}

footer .footer-quicklink-col a {
	color: #333333;
}

footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer ul.nav>li>a {
	text-transform: uppercase;
}

footer a:hover,
footer a.nav-selected {
	color: #0084C2;
}

footer ul.footer-social>li {
	display:inline;
}

footer ul.footer-social>li>a>img {
	max-width: 25px;
	padding-right: 10px;
}

footer div.footer-bottom {
	background-color: #fff;
}

footer div.footer-bottom ul, footer div.footer-bottom ul>li, footer div.footer-bottom p {
	display:inline;
} 

div.footer-bottom ul>li {
	padding-right: 2em;
}

footer div.footer-bottom a:hover,
footer div.footer-bottom a.nav-selected {
	color: #0084C2;
}

footer address {
	font-style: normal;
}

/* HOME PAGE  */
.home-section-join {
	background-color: #eaf5de;
	text-align: center;
	padding-left: 3.5rem !important;
	padding-right: 3.5rem !important;
}

.home-section-news__title-row,  .home-section-news__button-row {
	text-align: center;
}

.home-section-join__title-row {
	margin-bottom: 4.5rem;
}

.home-section-news__title-row {
	margin-bottom: 2rem;
}

.home-section-join__button-row {
	margin-bottom: 2rem;
}

.home-section-news__button-row {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.home-section-intro p {
	font-size: 1.4rem;
	line-height: 2rem;
}
.home-section-intro__text {
	padding-left: 3.5em;
}

.home-section-intro__text h1 {
	font-size: 3rem;
}

.home-section-intro__slider {
	padding-left: 1rem;
	padding-right: 3.5rem;
}

/* News Article PAGE  */
.news-article-summary-section {
	max-width: 600px;
	margin-top: 20px;
  }
  
  .news-article-summary-section_inner {
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
  }
  
  .news-article-summary-section__text {
	background-color:white;
	padding:10px
  }

  .news-article-summary-section__text p {
	margin: 0;
  }
  
  .news-article-summary-section__image {
	flex-direction: column;
	}
  
  .news-article-summary-section__image img {
	width:100%;
  }

/* UTILITIES */

.hidden {
	display: none;
}

.topBtn {
display: none;
position: fixed;
bottom: 2rem;
right: 0.5rem;
height: 3.5rem;
width: 5rem;
z-index: 99;
border: 0;
outline: none;
background-color: #0082ca;
color: #f0f0f0; 
cursor: pointer;
font-size: 1.5rem;
font-family: "Open Sans";
text-align: center;
}

.topBtn:before {
border-bottom: 1.5rem solid #0082ca;
border-left: 2.5rem solid transparent;
border-right: 2.5rem solid transparent;
content: "";
height: 0;
left: 0;
position: absolute;
top: -14px;
width: 0;
}

.center-col {
	display: flex ;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.triangle {
	height: 0;
	width: 0;
	display: inline;
	border-bottom: 8px solid transparent;;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #76bc21;
	margin-left: 5px;
	position: absolute;
	top:15px;
  }


/* Responsive */

/* Max 1024px	_md-* */
@media (max-width: 64em) {
	
#page-header {
padding-top: 11.6rem;
	}
	
#logo,
#logo2 {
	padding-left: 0;	
	padding-bottom: 1rem;
	position: relative;
	left: -2rem;
}

.logo-row {
	background-color: #fff;
}
	
header .extra-nav-col,
.scrolled header .extra-nav-col {
	display: none;
}

.scrolled header,
.scrolled header-mobile  {
	position: relative;
}

header .nav--row-bottom ul {
	margin-right: 0;
}

header .nav--row-top > ul > li:nth-child(1), header .nav--row-top > ul > li:nth-child(2)
{
	display: none;
} 


header .nav--row-bottom > ul > li:nth-child(1), header .nav--row-bottom > ul > li:nth-child(2)
{
	display: block;
} 
	
#wrapper {
	padding: 0;
}


#donut {
	display: block;
	position: absolute;
	top: 2rem;
	right: 3rem;
}

header .nav {
	position: absolute;
	top: 5.8rem;
	right: 0;
	z-index: 100;
	display: none;
/* 	animation: all 2s; */
}

header .nav.visible {
	display: block;
}

header .nav li {
display: block;
	font-size: 1.6rem;	
	width: 25rem;
/* 	border-top: 1px dashed #fff; */
	text-align: left;
	padding: 0 ; 
}



header .nav li a {
display: block;
	padding: 1.5rem 1rem ; 
}

header .nav li a:hover {
	background-color: #0082ca;
}

header .nav>ul>li:nth-child(1),
header .nav>ul>li:nth-child(2)
 {
	padding: 0 ;
	width: inherit;
}

header .nav>ul>li:first-child {
margin-left:0;
border-top: none;
/* background-color: #f6410b; */
}


header .nav li ul {
  position: relative;
  visibility: visible;
  padding: 0;
  padding-top: 0; 
  background-color: transparent;
}

header .nav > ul > li > ul  {
  opacity:1;
}

header .nav li li {
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.2);
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 0rem;
text-align: left;
/*   font-size: 1.3rem; */
    font-size: 1.3rem;
}

header .nav li li a {
	padding: 0.5rem 0.5rem 0.5rem 2rem;
	}
	
	
header .nav li li:hover {
	background-color:inherit;
}

header .nav li li:hover a {
	color: inherit;
}

header .nav li li li {
	background-color: inherit;
	padding: 0.2rem 0.5rem 0.2rem 1.5rem;
	font-size: 1.2rem;
}
	
header .nav li li li a:before {
content:"--\00a0";
/* padding-left: 1rem; */
}

header .nav li li li:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

header .nav > ul > li:hover > ul {
  width: auto;
}
	

/* Fix for IE? */
header .social,
header .logo-row {
	display: none;
}

.header-mobile {
	display: block;
	width: 100%;
}

.header-mobile {
	position: fixed;
	top: 0;
	z-index: 110;
}

.header-mobile .logo-row {
	padding: 0;
	text-align: left;
}
	
.header-mobile .social-inner {
text-align: center;
background-color: #469AD7;
/* padding-top: 1rem; */
font-size: 2rem;
}

.header-mobile .social a span {
  color: #fff;
  width: auto;
  padding: 1rem;
  align-self: flex-start;
}

header .social-inner {
text-align: center;
background-color: #469AD7;

font-size: 2rem;
}

header .social a span {
  color: #fff;
  width: auto;
  padding: 1rem;
  align-self: flex-start;
}
	
	
.left-col .nav {
	display: none;
}

.PH-bg {
mix-blend-mode: normal;
opacity: 0.9;
}

.PH-legend h1 {
	font-size: 2.1rem;
}

.home-section-intro .ccm-image-slider-text p {
	font-size: 1.6rem;
    line-height: 2.3rem;
}

}



/* Max 768px	_sm-* */
@media (max-width: 48em) {
	#page-header {
	padding-bottom: 0;		
		}
		
	.body_text {
		padding: 0 2rem;
	}

		
	.PH-holder,
	.PH-legend {
		position: relative;
	}

	.PH-legend>div {
		width: 100%;
		padding: 1rem 2rem;
	}
	
	 /* Used to show mobile version of homepage CTA button */
	.ESA-homepage .PH-legend .cta-button--mobile {
		display: block;
	}

	 /* Used to hide desktop version of homepage CTA button */
	 .ESA-homepage .PH-legend .cta-button--desktop {
		display: none;
	}

	.feature-box {
		margin-bottom: 4rem;
	}

	.feature-box--green {
		margin-bottom: 2rem;
	}

	.news-item__text {	
		max-width:325px ;
	}

	.ccm-image-slider {
		margin-left: 3.5rem;
	}

	.news-article-summary-section_inner {
		flex-flow: column nowrap;
	  }

	  .news-article-summary-section__image img {
		width:50%;
	  }
}
/* Max 576px	_xs-* */
@media (max-width: 36em) {
	.ccm-image-slider-text {
		padding-top: 0;
	}

	.home-section-intro .ccm-image-slider-text p {
		font-size: 1.4rem ;
	}

	.ccm-image-slider-text sub {
		font-size: 1.2rem;
		font-weight: normal;
	}
}