/* JUNE 20, 2023, NEW NAV STRUCTURE */

body{
  padding-top: 50px;
}

@media only screen and (min-width:992px){
  body{
    padding-top: 0;
  }
}

/* ---- LAYOUT ---- */

.layout-header{
  background-color: #FFFFFF; /* NDWA-White */
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: stretch;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #BBBBBB; /* NDWA-Medium-Light-Grey-Borders */
}

@media only screen and (min-width:992px){
  .layout-header{
    height: auto;
    position: relative;
    overflow: initial;
  }
}

.layout-body{

}

@media only screen and (min-width:992px){
  .layout-body{

  }
}

.layout-footer{
  background-color: #000000; /* NDWA-Black */
}

/* ---- TYPOGRAPHY ---- */

a{
  color: #ff9d14; /* NDWA-Orange */
}

a:hover{
  color: #d98003; /* NDWA-Orange-HOVER */
}

.everyaction-form .at-markup p,
.everyaction-form .content.thankYou p,
.everyaction-form .at-markup h1,
.everyaction-form .at-markup h2,
.everyaction-form .at-markup h3,
.everyaction-form .at-markup h4,
.everyaction-form .at-markup h5,
.everyaction-form .at-markup h6,
.everyaction-form .at fieldset legend,
.everyaction-form .at label,
body,
p{
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
}

@media only screen and (min-width:768px){
  .everyaction-form .content.thankYou p,
  .everyaction-form .at-markup p,
  .everyaction-form .at-markup h1,
  .everyaction-form .at-markup h2,
  .everyaction-form .at-markup h3,
  .everyaction-form .at-markup h4,
  .everyaction-form .at-markup h5,
  .everyaction-form .at-markup h6,
  .everyaction-form .at fieldset legend,
  .everyaction-form .at label,
  body,
  p{
    font-size: 17px;
  }
}

@media only screen and (min-width:992px){
  .everyaction-form .content.thankYou p,
  .everyaction-form .at-markup p,
  .everyaction-form .at-markup h1,
  .everyaction-form .at-markup h2,
  .everyaction-form .at-markup h3,
  .everyaction-form .at-markup h4,
  .everyaction-form .at-markup h5,
  .everyaction-form .at-markup h6,
  .everyaction-form .at fieldset legend,
  .everyaction-form .at label,
  .everyaction-form .at section.fastaction-modal .fa-modal-content > *,
  body,
  p{
    font-size: 18px;
  }
}

.everyaction-form .at label,
.everyaction-form .radio-description{
  font-size: 14px;
}

@media only screen and (min-width:768px){
  .everyaction-form .at label,
  .everyaction-form .radio-description{
    font-size: 15px;
  }
}

@media only screen and (min-width:992px){
  .everyaction-form .at label,
  .everyaction-form .radio-description{
    font-size: 16px;
  }
}

.everyaction-form.donate-form .at .at-steps li a,
.everyaction-form.donate-form .at-markup h6,
.everyaction-form .content.thankYou h5,
.everyaction-form .content.thankYou h6,
h5, h6{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

.everyaction-form header.at-title,
.everyaction-form section.fastaction-modal h1,
.everyaction-form .content.thankYou h1,
.everyaction-form .content.thankYou h2,
.everyaction-form .content.thankYou h3,
.everyaction-form .content.thankYou h4,
h1, h2, h3, h4,
.item-photo-quote.short-quote p.quote,
.item-photo-quote.short-quote p.attribution,
blockquote,
blockquote p{
  font-family: 'Montserrat', sans-serif;
  /* font-family: 'Chiswick Grotesque Web', sans-serif; */
  font-weight: 800;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

ul, ol{
  margin: 0;
  padding: 0;
}

p{
  margin: 0;
  padding: 0;
}

@media only screen and (min-width:768px){
  p{
    
  }
}

@media only screen and (min-width:992px){
  p{

  }
}

.layout-hero p,
p.hero,
span.hero,
a.item.block-link span{
  font-size: 17px;
}

a.item.block-link span{
  line-height: 1.2;
  display: block;
}

@media only screen and (min-width:768px){
  .layout-hero p,
  p.hero,
  span.hero,
  a.item.block-link span{
    font-size: 19px;
  }
}

@media only screen and (min-width:992px){
  .layout-hero p,
  p.hero,
  span.hero,
  a.item.block-link span{
    font-size: 20px;
    line-height: 1.5;
  }

  a.item.block-link span{
    line-height: 1.2;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero p,
  p.hero,
  span.hero,
  a.item.block-link span{
    font-size: 21px;
    line-height: 1.5;
  }

  a.item.block-link span{
    line-height: 1.2;
  }
}

p.large,
span.large,
.item-photo-quote.medium-quote p.quote,
.item-photo-quote.medium-quote p.attribution{
  font-size: 19px;
  line-height: 1.5;
}

@media only screen and (min-width:768px){
  p.large,
  span.large,
  .item-photo-quote.medium-quote p.quote,
  .item-photo-quote.medium-quote p.attribution{
    font-size: 20px;
  }
}

@media only screen and (min-width:992px){
  p.large,
  span.large,
  .item-photo-quote.medium-quote p.quote,
  .item-photo-quote.medium-quote p.attribution{
    font-size: 21px;
  }
}

.everyaction-form .at-row.SmsLegalDisclaimer,
.everyaction-form .at-row.SmsLegalDisclaimer p,
.everyaction-form .at-markup.FooterHtml,
.everyaction-form .at-markup.FooterHtml p,
p.small,
span.small{
  font-size: 11px;
  line-height: 1.5;
}

@media only screen and (min-width:768px){
  .everyaction-form .at-row.SmsLegalDisclaimer,
  .everyaction-form .at-row.SmsLegalDisclaimer p,
  .everyaction-form .at-markup.FooterHtml,
  .everyaction-form .at-markup.FooterHtml p,
  p.small,
  span.small{
    font-size: 12px;
  }
}

@media only screen and (min-width:992px){
  .everyaction-form .at-row.SmsLegalDisclaimer,
  .everyaction-form .at-row.SmsLegalDisclaimer p,
  .everyaction-form .at-markup.FooterHtml,
  .everyaction-form .at-markup.FooterHtml p,
  p.small,
  span.small{
    font-size: 13px;
  }
}

p > span.small{
  display: inline-block;
  line-height: 1.5;
}

.background-color-white .everyaction-form .at-row.SmsLegalDisclaimer,
.background-color-white .everyaction-form .at-row.SmsLegalDisclaimer p,
.background-color-white .everyaction-form .at-markup.FooterHtml,
.background-color-white .everyaction-form .at-markup.FooterHtml p,
.background-color-white .small.disclaimer,
.background-color-light-grey .everyaction-form .at-row.SmsLegalDisclaimer,
.background-color-light-grey .everyaction-form .at-row.SmsLegalDisclaimer p,
.background-color-light-grey .everyaction-form .at-markup.FooterHtml,
.background-color-light-grey .everyaction-form .at-markup.FooterHtml p,
.background-color-light-grey .small.disclaimer{
  color: #999999; /* NDWA-Medium-Grey-Placeholder-Text */
}

.background-color-white .everyaction-form .at-row.SmsLegalDisclaimer a,
.background-color-white .everyaction-form .at-markup.FooterHtml a,
.background-color-white .layout-section-text .everyaction-form .at-markup.FooterHtml a,
.background-color-white .small.disclaimer a,
.background-color-light-grey .everyaction-form .at-row.SmsLegalDisclaimer a,
.background-color-light-grey .everyaction-form .at-markup.FooterHtml a,
.background-color-light-grey .small.disclaimer a{
  color: #999999 !important; /* NDWA-Medium-Grey-Placeholder-Text */
  text-decoration: underline;
}

.everyaction-form.donate-form  header.at-title, 
.everyaction-form.donate-form .content.thankYou h1,
h1{
  font-size: 37px;
  line-height: 1.2;
}

@media only screen and (min-width:768px){
  .everyaction-form.donate-form  header.at-title, 
  .everyaction-form.donate-form .content.thankYou h1,
  h1{
    font-size: 42px;
  }
}

@media only screen and (min-width:992px){
  .everyaction-form.donate-form  header.at-title, 
  .everyaction-form.donate-form .content.thankYou h1,
  h1{
    font-size: 50px;
  }
}

.h1-large{
  font-size: 49px;
  line-height: 1.1;
}

@media only screen and (min-width:768px){
  .h1-large{
    font-size: 54px;
  }
}

@media only screen and (min-width:992px){
  .h1-large{
    font-size: 64px;
  }
}

.everyaction-form header.at-title,
.everyaction-form .content.thankYou h1,
h2,
.h1-small,
h3.hero-title,
.item-photo-quote.short-quote p.quote{
  font-size: 31px;
  line-height: 1.3;
}

@media only screen and (min-width:768px){
  .everyaction-form header.at-title,
  .everyaction-form .content.thankYou h1,
  h2,
  h3.hero-title,
  .h1-small,
  .item-photo-quote.short-quote p.quote{
    font-size: 36px;
  }
}

@media only screen and (min-width:992px){
  .everyaction-form header.at-title,
  .everyaction-form .content.thankYou h1,
  h2,
  h3.hero-title,
  .h1-small,
  .item-photo-quote.short-quote p.quote{
    font-size: 46px;
  }
}

.item-photo-quote.short-quote p.quote{
  font-size: 257x;
  line-height: 1.3;
}

@media only screen and (min-width:768px){
  .item-photo-quote.short-quote p.quote{
    font-size: 28px;
  }
}

@media only screen and (min-width:992px){
  .item-photo-quote.short-quote p.quote{
    font-size: 32px;
  }
}

h2.h2-medium{
  /* font-size: 31px; */
  /* font-size: 26px; */
  font-size: 28px;
  line-height: 1.3;
}

@media only screen and (min-width:768px){
  h2.h2-medium{
    /* font-size: 36px; */
    /* font-size: 28px; */
    font-size: 32px;
  }
}

@media only screen and (min-width:992px){
  h2.h2-medium{
    /* font-size: 46px; */
    /* font-size: 30px; */
    font-size: 38px;
  }
}

.everyaction-form .content.thankYou h2,
.everyaction-form section.fastaction-modal h1,
.list-of-items.title-size-medium h4,
.everyaction-form .content.thankYou h3,
h3,
.h2-small,
.item-photo-quote.short-quote.has-photo p.quote,
blockquote,
blockquote p{
  font-size: 26px;
  line-height: 1.3;
}

@media only screen and (min-width:768px){
  .everyaction-form .content.thankYou h2,
  .everyaction-form section.fastaction-modal h1,
  .list-of-items.title-size-medium h4,
  .everyaction-form .content.thankYou h3,
  h3,
  .h2-small,
  .item-photo-quote.short-quote.has-photo p.quote,
  blockquote,
  blockquote p{
    font-size: 28px;
  }
}

@media only screen and (min-width:992px){
  .everyaction-form .content.thankYou h2,
  .everyaction-form section.fastaction-modal h1,
  .list-of-items.title-size-medium h4,
  .everyaction-form .content.thankYou h3,
  h3,
  .h2-small,
  .item-photo-quote.short-quote.has-photo p.quote,
  blockquote,
  blockquote p{
    font-size: 30px;
  }
}

.layout-cta h3.layout-section-title,
.layout-text h3.layout-section-title{
  text-align: center;
  margin-bottom: 40px;
}

@media only screen and (min-width:768px){
  .layout-cta h3.layout-section-title,
  .layout-text h3.layout-section-title{
    margin-bottom: 50px;
  }
}

@media only screen and (min-width:992px){
  .layout-cta h3.layout-section-title,
  .layout-text h3.layout-section-title{
    margin-bottom: 70px;
  }
}

h4,
.h3-small,
.item-photo-quote.short-quote p.attribution{
  font-size: 21px;
  line-height: 1.3;
}

@media only screen and (min-width:768px){
  h4,
  .h3-small,
  .item-photo-quote.short-quote p.attribution,
  a.item.block-link h3{
    font-size: 22px;
  }
}

@media only screen and (min-width:992px){
  h4,
  .h3-small,
  .item-photo-quote.short-quote p.attribution,
  a.item.block-link h3{
    font-size: 23px;
  }
}

@media only screen and (min-width: 1200px){
  a.item.block-link h3{
    font-size: 26px;
  }
}

h5{
  font-size: 16px;
  line-height: 1.3;
}

@media only screen and (min-width:768px){
  h5{
    font-size: 17px;
  }
}

@media only screen and (min-width:992px){
  h5{
    font-size: 18px;
  }
}

h6{
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media only screen and (min-width:768px){
  h6{
    font-size: 16px;
  }
}

@media only screen and (min-width:992px){
  h6{
    font-size: 17px;
  }
}

.everyaction-form.donate-form .at .at-steps li a{
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
}

@media only screen and (min-width:768px){
  .everyaction-form.donate-form .at .at-steps li a{
    font-size: 14px;
  }
}

@media only screen and (min-width:992px){
  .everyaction-form.donate-form .at .at-steps li a{
    font-size: 15px;
  }
}

/* ::before element for h2 ids (fixes anchor jump link) is spilling into block links nav area */
.layout-flexible-text{
  overflow: hidden;
}

.layout-flexible-text h3.layout-section-title{
  text-align: center;
}

@media only screen and (min-width:768px){
  .layout-flexible-text h3.layout-section-title{

  }
}

@media only screen and (min-width:992px){
  .layout-flexible-text h3.layout-section-title{

  }
}

/* CAPTION */

p.caption {
  color: #777777;
  font-size: .9em;
  margin-top: 0;
  padding-top: 15px !important;
}

/* LINK */

a:not[.button],
a:not[button]{
  text-decoration: underline;
  color: #ff9d14; /* NDWA-Orange */
}

a:hover{
  text-decoration: underline;
  color: #d98003; /* NDWA-Orange-HOVER */
}

/* LISTS */

.layout-body ul,
.layout-body ol{
  margin-left: 22px;
  padding-left: 20px;
}

.layout-body .container-generic ul li, .layout-body .container-generic ol li {
  margin-left: 30px;
}

.layout-body ul li + li,
.layout-body ol li + li{
  margin-top: 15px;
}

@media only screen and (min-width:768px){
  .layout-body ul li + li,
  .layout-body ol li + li{
    margin-top: 25px;
  }
}

@media only screen and (min-width:992px){
  .layout-body ul li + li,
  .layout-body ol li + li{
    margin-top: 30px;
  }
}

.layout-body li ol,
.layout-body li ul{
  margin-top: 15px;
}

@media only screen and (min-width:768px){
  .layout-body li ol,
  .layout-body li ul{
    margin-top: 25px;
  }
}

@media only screen and (min-width:992px){
  .layout-body li ol,
  .layout-body li ul{
    margin-top: 30px;
  }
}

/* ---- Responsive Text Sizing ---- */

p strong,
p b,
li strong,
li b,
span strong,
span b{
  font-weight: 600;
}

.layout-body h1 + ul,
.layout-body h1 + ol,
.layout-body h1 + p,
.layout-body h1 + h1,
.layout-body h1 + h2,
.layout-body h1 + h3,
.layout-body h1 + h4,
.layout-body h1 + h5,
.layout-body h1 + h6,

.layout-body h2 + ul,
.layout-body h2 + ol,
.layout-body h2 + p,
.layout-body h2 + h1,
.layout-body h2 + h2,
.layout-body h2 + h3,
.layout-body h2 + h4,
.layout-body h2 + h5,
.layout-body h2 + h6,

.layout-body h3 + ul,
.layout-body h3 + ol,
.layout-body h3 + p,
.layout-body h3 + h1,
.layout-body h3 + h2,
.layout-body h3 + h3,
.layout-body h3 + h4,
.layout-body h3 + h5,
.layout-body h3 + h6,

.layout-body h4 + ul,
.layout-body h4 + ol,
.layout-body h4 + p,
.layout-body h4 + h1,
.layout-body h4 + h2,
.layout-body h4 + h3,
.layout-body h4 + h4,
.layout-body h4 + h5,
.layout-body h4 + h6,

.layout-body h5 + ul,
.layout-body h5 + ol,
.layout-body h5 + p,
.layout-body h5 + h1,
.layout-body h5 + h2,
.layout-body h5 + h3,
.layout-body h5 + h4,
.layout-body h5 + h5,
.layout-body h5 + h6,

.layout-body h6 + ul,
.layout-body h6 + ol,
.layout-body h6 + p,
.layout-body h6 + h1,
.layout-body h6 + h2,
.layout-body h6 + h3,
.layout-body h6 + h4,
.layout-body h6 + h5,
.layout-body h6 + h6,

.layout-body p + ul,
.layout-body p + ol,
.layout-body ul + p,
.layout-body ol + p,
.layout-body p + p,
.layout-body ul + h1,
.layout-body ul + h2,
.layout-body ul + h3,
.layout-body ul + h4,
.layout-body ul + h5,
.layout-body ul + h6,
.layout-body ol + h1,
.layout-body ol + h2,
.layout-body ol + h3,
.layout-body ol + h4,
.layout-body ol + h5,
.layout-body ol + h6,
.layout-body p + h1,
.layout-body p + h2,
.layout-body p + h3,
.layout-body p + h4,
.layout-body p + h5,
.layout-body p + h6,
.layout-body .podcast-list + h3{
  padding-top: 20px;
}

@media only screen and (min-width:768px){
  .layout-body h1 + ul,
  .layout-body h1 + ol,
  .layout-body h1 + p,
  .layout-body h1 + h1,
  .layout-body h1 + h2,
  .layout-body h1 + h3,
  .layout-body h1 + h4,
  .layout-body h1 + h5,
  .layout-body h1 + h6,

  .layout-body h2 + ul,
  .layout-body h2 + ol,
  .layout-body h2 + p,
  .layout-body h2 + h1,
  .layout-body h2 + h2,
  .layout-body h2 + h3,
  .layout-body h2 + h4,
  .layout-body h2 + h5,
  .layout-body h2 + h6,

  .layout-body h3 + ul,
  .layout-body h3 + ol,
  .layout-body h3 + p,
  .layout-body h3 + h1,
  .layout-body h3 + h2,
  .layout-body h3 + h3,
  .layout-body h3 + h4,
  .layout-body h3 + h5,
  .layout-body h3 + h6,

  .layout-body h4 + ul,
  .layout-body h4 + ol,
  .layout-body h4 + p,
  .layout-body h4 + h1,
  .layout-body h4 + h2,
  .layout-body h4 + h3,
  .layout-body h4 + h4,
  .layout-body h4 + h5,
  .layout-body h4 + h6,

  .layout-body h5 + ul,
  .layout-body h5 + ol,
  .layout-body h5 + p,
  .layout-body h5 + h1,
  .layout-body h5 + h2,
  .layout-body h5 + h3,
  .layout-body h5 + h4,
  .layout-body h5 + h5,
  .layout-body h5 + h6,

  .layout-body h6 + ul,
  .layout-body h6 + ol,
  .layout-body h6 + p,
  .layout-body h6 + h1,
  .layout-body h6 + h2,
  .layout-body h6 + h3,
  .layout-body h6 + h4,
  .layout-body h6 + h5,
  .layout-body h6 + h6,

  .layout-body p + ul,
  .layout-body p + ol,
  .layout-body ul + p,
  .layout-body ol + p,
  .layout-body p + p,
  .layout-body ul + h1,
  .layout-body ul + h2,
  .layout-body ul + h3,
  .layout-body ul + h4,
  .layout-body ul + h5,
  .layout-body ul + h6,
  .layout-body ol + h1,
  .layout-body ol + h2,
  .layout-body ol + h3,
  .layout-body ol + h4,
  .layout-body ol + h5,
  .layout-body ol + h6,
  .layout-body p + h1,
  .layout-body p + h2,
  .layout-body p + h3,
  .layout-body p + h4,
  .layout-body p + h5,
  .layout-body p + h6,
  .layout-body .podcast-list + h3{
    padding-top: 25px;
  }
}

@media only screen and (min-width:992px){
  .layout-body h1 + ul,
  .layout-body h1 + ol,
  .layout-body h1 + p,
  .layout-body h1 + h1,
  .layout-body h1 + h2,
  .layout-body h1 + h3,
  .layout-body h1 + h4,
  .layout-body h1 + h5,
  .layout-body h1 + h6,
  
  .layout-body h2 + ul,
  .layout-body h2 + ol,
  .layout-body h2 + p,
  .layout-body h2 + h1,
  .layout-body h2 + h2,
  .layout-body h2 + h3,
  .layout-body h2 + h4,
  .layout-body h2 + h5,
  .layout-body h2 + h6,
  
  .layout-body h3 + ul,
  .layout-body h3 + ol,
  .layout-body h3 + p,
  .layout-body h3 + h1,
  .layout-body h3 + h2,
  .layout-body h3 + h3,
  .layout-body h3 + h4,
  .layout-body h3 + h5,
  .layout-body h3 + h6,
  
  .layout-body h4 + ul,
  .layout-body h4 + ol,
  .layout-body h4 + p,
  .layout-body h4 + h1,
  .layout-body h4 + h2,
  .layout-body h4 + h3,
  .layout-body h4 + h4,
  .layout-body h4 + h5,
  .layout-body h4 + h6,
  
  .layout-body h5 + ul,
  .layout-body h5 + ol,
  .layout-body h5 + p,
  .layout-body h5 + h1,
  .layout-body h5 + h2,
  .layout-body h5 + h3,
  .layout-body h5 + h4,
  .layout-body h5 + h5,
  .layout-body h5 + h6,
  
  .layout-body h6 + ul,
  .layout-body h6 + ol,
  .layout-body h6 + p,
  .layout-body h6 + h1,
  .layout-body h6 + h2,
  .layout-body h6 + h3,
  .layout-body h6 + h4,
  .layout-body h6 + h5,
  .layout-body h6 + h6,
  
  .layout-body p + ul,
  .layout-body p + ol,
  .layout-body ul + p,
  .layout-body ol + p,
  .layout-body p + p,
  .layout-body ul + h1,
  .layout-body ul + h2,
  .layout-body ul + h3,
  .layout-body ul + h4,
  .layout-body ul + h5,
  .layout-body ul + h6,
  .layout-body ol + h1,
  .layout-body ol + h2,
  .layout-body ol + h3,
  .layout-body ol + h4,
  .layout-body ol + h5,
  .layout-body ol + h6,
  .layout-body p + h1,
  .layout-body p + h2,
  .layout-body p + h3,
  .layout-body p + h4,
  .layout-body p + h5,
  .layout-body p + h6,
  .layout-body .podcast-list + h3{
    padding-top: 35px;
  }
}


hr{
  margin-top: 45px;
  margin-bottom: 45px;
}

@media only screen and (min-width: 768px){
  hr{
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 992px){
  hr{
    margin-top: 55px;
    margin-bottom: 55px;
  }
}

ul.menu-language-switcher{
  display: none !important;
}

@media only screen and (min-width:992px){
  ul.menu-language-switcher{
    font-size: 13px;
    display: flex !important;
  }
}

@media only screen and (min-width: 1200px){
  ul.menu-language-switcher{
    font-size: 13px;
  }
}

ul.menu-primary > li > ul.sub-menu > li > a,
ul.menu-primary > li > a{
  font-size: 17px;
  line-height: 1.2;
}

/* ul.menu-primary > li > ul.sub-menu > li > a{
  font-size: 17px;
}

@media screen and (min-width: 1200px){
  ul.menu-primary > li > ul.sub-menu > li > a,
  ul.menu-primary > li > a{
    font-size: 17px;
  }
}

@media screen and (min-width: 1200px){
  ul.menu-primary > li > ul.sub-menu > li > a{
    font-size: 17px;
  }
} */

/* PRODUCTION-ONLY */

#rmp_menu_trigger-9528{
  position: fixed !important;
  top: 0;
  right: 0;
}

#rmp-container-9528{
  top: 0;
  right: 0;
}

/* ---- COLOR PALETTE: BACKGROUND COLORS ---- */

/* ---- DARK BACKGROUND COLORS ---- */

.background-color-black{
  background-color: #000000; /* NDWA-Black */
}

.background-color-blue{
  background-color: #2e6dad; /* NDWA-Blue */
}

.background-color-dark-teal{
  background-color: #24a3b2; /* NDWA-Dark-Teal */
}

.background-color-dark-pink{
  background-color: #9a1d73; /* NDWA-Pink-Unbossed */
}

.background-color-lavender{
  background-color: #6D64AB; /* NDWA-Lavender-WeDiB */
}

.background-color-purple{
  background-color: #8833f5; /* NDWA-Purple-Sunstorm */
}

.background-color-pink{
  background-color: #FF1A99; /* NDWA-Pink-Sunstorm */
}

.background-color-dark-coral{
  background-color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

/* ---- LIGHT BACKGROUND COLORS ---- */

.background-color-white{
  background-color: #FFFFFF; /* NDWA-White */
}

.background-color-light-grey{
  background-color: #EEEEEE; /* NDWA-Light-Grey-Background */
}

.background-color-yellow{
  background-color: #FDBD3D; /* NDWA-Yellow-WeDiB */
}

.background-color-green{
  background-color: #BFC236; /* NDWA-Green */
}

.background-color-teal{
  background-color: #90d5de; /* NDWA-Teal */
}

.background-color-orange{
  background-color: #ff9d14; /* NDWA-Orange */
}

.background-color-light-coral{
  background-color: #F49B99; /* NDWA-Light-Coral-CiA */
}

/*-------- LIGHT BACKGROUNDS - TEXT COLOR ---------*/

.background-color-white,
.background-color-light-grey,
.background-color-yellow,
.background-color-green,
.background-color-teal,
.background-color-orange,
.background-color-light-coral,
.background-color-custom-light{
  color: #000000; /* NDWA-Black */
}

.background-color-white a:not(.button, .at-share-btn),
.background-color-light-grey a:not(.button, .at-share-btn),
.background-color-yellow a:not(.button, .at-share-btn),
.background-color-green a:not(.button, .at-share-btn),
.background-color-teal a:not(.button, .at-share-btn),
.background-color-orange a:not(.button, .at-share-btn),
.background-color-light-coral a:not(.button, .at-share-btn),
.background-color-custom-light a:not(.button, .at-share-btn){
  color: #000000; /* NDWA-Black */
  text-decoration: underline;
}

/*-------- DARK BACKGROUNDS - TEXT COLOR ---------*/

.background-color-black,
.background-color-blue,
.background-color-dark-teal,
.background-color-dark-pink,
.background-color-lavender,
.background-color-purple,
.background-color-pink,
.background-color-dark-coral,
.background-color-custom-dark{
  color: #FFFFFF; /* NDWA-White */
}

.background-color-black a:not(.button, .at-share-btn),
.background-color-blue a:not(.button, .at-share-btn),
.background-color-dark-teal a:not(.button, .at-share-btn),
.background-color-dark-pink a:not(.button, .at-share-btn),
.background-color-lavender a:not(.button, .at-share-btn),
.background-color-purple a:not(.button, .at-share-btn),
.background-color-pink a:not(.button, .at-share-btn),
.background-color-dark-coral a:not(.button, .at-share-btn),
.background-color-custom-dark a:not(.button, .at-share-btn){
  color: #FFFFFF; /* NDWA-White */
  text-decoration: underline;
}

/*-------- HERO CORNER LINK BASED ON BACKGROUND COLOR ---------*/

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

  .background-color-black a.hero-corner-link,
  .background-color-blue a.hero-corner-link,
  .background-color-dark-teal a.hero-corner-link,
  .background-color-dark-pink a.hero-corner-link,
  .background-color-lavender a.hero-corner-link,
  .background-color-purple a.hero-corner-link,
  .background-color-pink a.hero-corner-link,
  .background-color-dark-coral a.hero-corner-link,
  .background-color-custom-dark a.hero-corner-link,

  .background-color-white a.hero-corner-link,
  .background-color-yellow a.hero-corner-link,
  .background-color-green a.hero-corner-link,
  .background-color-teal a.hero-corner-link,
  .background-color-orange a.hero-corner-link,
  .background-color-light-coral a.hero-corner-link,
  .background-color-custom-light a.hero-corner-link{
    background-color: #FFFFFF; /* NDWA-White */
    text-decoration: none;
  }

  .background-color-white a.hero-corner-link{
    border-left: 1px solid #BBBBBB; /* NDWA-Medium-Light-Grey-Borders */
    border-bottom: 1px solid #BBBBBB; /* NDWA-Medium-Light-Grey-Borders */
  }

  .background-color-black a.hero-corner-link{
    color: #000000; /* NDWA-Black */
  }
  
  .background-color-black a.hero-corner-link{
    color: #000000; /* NDWA-Black */
  }

  .background-color-blue a.hero-corner-link{
    color: #2e6dad; /* NDWA-Blue */
  }

  .background-color-dark-teal a.hero-corner-link{
    color: #24a3b2; /* NDWA-Dark-Teal */
  }

  .background-color-dark-pink a.hero-corner-link{
    color: #9a1d73; /* NDWA-Pink-Unbossed */
  }

  .background-color-lavender a.hero-corner-link{
    color: #6D64AB; /* NDWA-Lavender-WeDiB */ 
  }

  .background-color-purple a.hero-corner-link{
    color: #8833f5; /* NDWA-Purple-Sunstorm */
  }

  .background-color-pink a.hero-corner-link{
    color: #FF1A99; /* NDWA-Pink-Sunstorm */
  }

  .background-color-dark-coral a.hero-corner-link{
    color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
  }

  .background-color-white a.hero-corner-link{
    color: #000000; /* NDWA-Black */
  }

  .background-color-yellow a.hero-corner-link{ 
    color: #000000; /* NDWA-Black */
  }

  .background-color-green a.hero-corner-link{
    color: #000000; /* NDWA-Black */
  }

  .background-color-teal a.hero-corner-link{
    color: #000000; /* NDWA-Black */
  }
  
  .background-color-orange a.hero-corner-link{
    color: #000000; /* NDWA-Black */
  }

  .background-color-light-coral a.hero-corner-link{
    color: #000000; /* NDWA-Black */
  }

  .background-color-custom-light a.hero-corner-link{
    color: #000000; /* NDWA-Black */
  }
}

/*-------- BREADCRUMBS COLOR BASED ON BACKGROUND COLOR ---------*/

.background-color-black nav.breadcrumbs ul li,
.background-color-blue nav.breadcrumbs ul li,
.background-color-dark-teal nav.breadcrumbs ul li,
.background-color-dark-pink nav.breadcrumbs ul li,
.background-color-lavender nav.breadcrumbs ul li,
.background-color-purple nav.breadcrumbs ul li,
.background-color-pink nav.breadcrumbs ul li,
.background-color-dark-coral nav.breadcrumbs ul li,
.background-color-custom-dark nav.breadcrumbs ul li,
.background-color-black nav.breadcrumbs ul li a,
.background-color-blue nav.breadcrumbs ul li a,
.background-color-dark-teal nav.breadcrumbs ul li a,
.background-color-dark-pink nav.breadcrumbs ul li a,
.background-color-lavender nav.breadcrumbs ul li a,
.background-color-purple nav.breadcrumbs ul li a,
.background-color-pink nav.breadcrumbs ul li a,
.background-color-dark-coral nav.breadcrumbs ul li a,
.background-color-custom-dark nav.breadcrumbs ul li a{
  color: #FFFFFF; /* NDWA-White */
  text-decoration: none;
}

.background-color-white nav.breadcrumbs ul li,
.background-color-yellow nav.breadcrumbs ul li,
.background-color-green nav.breadcrumbs ul li,
.background-color-teal nav.breadcrumbs ul li,
.background-color-orange nav.breadcrumbs ul li,
.background-color-light-coral nav.breadcrumbs ul li,
.background-color-custom-light nav.breadcrumbs ul li,
.background-color-white nav.breadcrumbs ul li a,
.background-color-yellow nav.breadcrumbs ul li a,
.background-color-green nav.breadcrumbs ul li a,
.background-color-teal nav.breadcrumbs ul li a,
.background-color-orange nav.breadcrumbs ul li a,
.background-color-light-coral nav.breadcrumbs ul li a, 
.background-color-custom-light nav.breadcrumbs ul li a{
  color: #000000; /* NDWA-Black */
  text-decoration: none;
}

.background-color-black nav.breadcrumbs ul{
  background-color: #000000; /* NDWA-Black */
}

.background-color-blue nav.breadcrumbs ul{
  background-color: #2e6dad; /* NDWA-Blue */
}

.background-color-dark-teal nav.breadcrumbs ul{
  background-color: #24a3b2; /* NDWA-Dark-Teal */
}

.background-color-dark-pink nav.breadcrumbs ul{
  background-color: #9a1d73; /* NDWA-Pink-Unbossed */
}

.background-color-lavender nav.breadcrumbs ul{
  background-color: #6D64AB; /* NDWA-Lavender-WeDiB */ 
}

.background-color-purple nav.breadcrumbs ul{
  background-color: #8833f5; /* NDWA-Purple-Sunstorm */
}

.background-color-pink nav.breadcrumbs ul{
  background-color: #FF1A99; /* NDWA-Pink-Sunstorm */
}

.background-color-dark-coral nav.breadcrumbs ul{
  background-color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.background-color-custom-dark nav.breadcrumbs ul{
  background-color: #000000; /* NDWA-Black */
}

.background-color-white nav.breadcrumbs ul{
  background-color: #FFFFFF; /* NDWA-White */
}

.background-color-yellow nav.breadcrumbs ul{
  background-color: #FDBD3D; /* NDWA-Yellow-WeDiB */
}

.background-color-green nav.breadcrumbs ul{
  background-color: #BFC236; /* NDWA-Green */
}

.background-color-teal nav.breadcrumbs ul{
  background-color: #90d5de; /* NDWA-Teal */
}

.background-color-orange nav.breadcrumbs ul{
  background-color: #ff9d14; /* NDWA-Orange */
}

.background-color-light-coral nav.breadcrumbs ul{
  background-color: #F49B99; /* NDWA-Light-Coral-CiA */
}

/* ---- HIGHLIGHT LINK COLORS, COLOR APPLIED TO CONTAINER OR ANCESTOR ELEMENT, 
COLOR APPLIES TO LINKS WITHIN AREA ---- */

/* THIS LOGIC MAY BE FAULTY...

REMOVE highlight-color-<?php the_field('hero_background_color'); ?> 
FROM page-flexible.php if it causes more problems than it is helpful.

.highlight-color-COLOR class can still be applied manually as a page block class.

PROBLEM added highlight-color to header or something really high up on the page and it interfered with nav link colors.

Fixed 3/31/22
highlight colors should work within layout-body blocks only.
But might look weird against other colors besides white. 
Check this.

*/

/* NDWA-Blue */
.layout-body .highlight-color-blue a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-blue a:not(.button, .block-link, .h3-link, .grid-item){
  color: #2e6dad;
}

/* NDWA-Dark-Teal */
.layout-body .highlight-color-dark-teal a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-dark-teal a:not(.button, .block-link, .h3-link, .grid-item){
  color: #24a3b2;
}

/* NDWA-Pink-Unbossed */
.layout-body .highlight-color-dark-pink a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-dark-pink a:not(.button, .block-link, .h3-link, .grid-item){
  color: #9a1d73;
}

/* NDWA-Lavender-WeDiB */
.layout-body .highlight-color-lavender a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-lavender a:not(.button, .block-link, .h3-link, .grid-item){
  color: #6D64AB;
}

/* NDWA-Purple-Sunstorm */
.layout-body .highlight-color-purple a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-purple a:not(.button, .block-link, .h3-link, .grid-item){
  color: #8833f5;
}

/* NDWA-Pink-Sunstorm */
.layout-body .highlight-color-pink a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-pink a:not(.button, .block-link, .h3-link, .grid-item){
  color: #FF1A99;
}

/* NDWA-Dark-Coral-CiA */
.layout-body.highlight-color-dark-coral a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-dark-coral a:not(.button, .block-link, .h3-link, .grid-item){
  color: #EF3B3A;
}

/* NDWA-Yellow-WeDiB */
.layout-body.highlight-color-yellow a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-yellow a:not(.button, .block-link, .h3-link, .grid-item){
  color: #FDBD3D;
}

/* NDWA-Green */
.layout-body.highlight-color-green a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-green a:not(.button, .block-link, .h3-link, .grid-item){
  /* color: #BFC236; too light */
  color: #787B23;
}

/* NDWA-Teal */
.layout-body .highlight-color-teal a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-teal a:not(.button, .block-link, .h3-link, .grid-item){
  color: #90d5de;
}

/* NDWA-Orange */
.layout-body .highlight-color-orange a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-orange a:not(.button, .block-link, .h3-link, .grid-item){
  color: #ff9d14;
}

.layout-body .highlight-color-orange .layout-standard-cta.background-color-orange a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-orange .layout-standard-cta.background-color-orange a:not(.button, .block-link, .h3-link, .grid-item){
  color: #000000;
}

/* NDWA-Light-Coral-CiA */
.layout-body.highlight-color-light-coral a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-light-coral a:not(.button, .block-link, .h3-link, .grid-item){
  color: #F49B99;
}

/* NDWA-Blue-HOVER */
.layout-body.highlight-color-blue a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-blue a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #1e5893;
}

/* NDWA-Pink-Unbossed-HOVER */
.layout-body.highlight-color-dark-pink a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-dark-pink a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #830f5e;
}

/* NDWA-Lavender-WeDiB-HOVER */
.layout-body .highlight-color-lavender a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-lavender a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #544b8f;
}

/* NDWA-Purple-Sunstorm-HOVER */
.layout-body.highlight-color-purple a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-purple a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #6e23cf;
}

/* NDWA-Pink-Sunstorm-HOVER */
.layout-body.highlight-color-pink a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-pink a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #c00b6e;
}

/* NDWA-Dark-Coral-CiA-HOVER */
.layout-body.highlight-color-dark-coral a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-dark-coral a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #d62020;
}

/* NDWA-Yellow-WeDiB-HOVER */
.layout-body.highlight-color-yellow a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-yellow a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #d8a13a;
}

/* NDWA-Green-HOVER */
.layout-body.highlight-color-green a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-green a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #a3a518;
}

/* NDWA-Teal-HOVER */
.layout-body.highlight-color-teal a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-teal a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #68b7c2;
}

/* NDWA-Dark-Teal-HOVER */
.layout-body.highlight-color-dark-teal a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body .highlight-color-dark-teal a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #137e8b;
}

/* NDWA-Orange-HOVER */
.layout-body .highlight-color-orange a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-orange a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #d98003;
}

/* NDWA-Light-Coral-CiA-HOVER */
.layout-body .highlight-color-light-coral a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-light-coral a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #d87776;
}

/* ---- 

AUTO-APPLIED LINK COLORS ARE BELOW. THESE ARE IN EFFECT WHEN A HERO COLOR IS SET. 
WHITE BLOCKS WILL INHERIT THE HERO COLOR FOR THEIR NON-BUTTON LINKS.
FOR LIGHT COLORS, THE "HOVER" VERSION OF THE COLOR IS USED FOR LINKS.

---- */

/* DARK */

/* NDWA-Blue */
.layout-list.highlight-color-blue.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-blue .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #2e6dad;
}

/* NDWA-Dark-Teal */
.layout-list.highlight-color-dark-teal.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-dark-teal .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #24a3b2;
}

/* NDWA-Pink-Unbossed */
.layout-list.highlight-color-dark-pink.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-dark-pink .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #9a1d73;
}

/* NDWA-Lavender-WeDiB */
.layout-list.highlight-color-lavender.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-lavender .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #6D64AB;
}

/* NDWA-Purple-Sunstorm */
.layout-list.highlight-color-purple.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-purple .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #8833f5;
}

/* NDWA-Pink-Sunstorm */
.layout-list.highlight-color-pink.background-color-white a:not(.button, .block-lin, .h3-link, .grid-item),
.layout-body.highlight-color-pink .background-color-white a:not(.button, .block-lin, .h3-link, .grid-item){
  color: #FF1A99;
}

/* NDWA-Dark-Coral-CiA */
.layout-list.highlight-color-dark-coral.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-dark-coral .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #EF3B3A;
}

/* NDWA-Blue-HOVER */
.layout-list.highlight-color-blue.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-blue .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #1e5893;
}

/* NDWA-Dark-Teal-HOVER */
.layout-list.highlight-color-dark-teal.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-dark-teal .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #137e8b;
}

/* NDWA-Pink-Unbossed-HOVER */
.layout-list.highlight-color-dark-pink.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-dark-pink .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #830f5e;
}

/* NDWA-Lavender-WeDiB-HOVER */
.layout-list.highlight-color-lavender.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-lavender .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #544b8f;
}

/* NDWA-Purple-Sunstorm-HOVER */
.layout-list.highlight-color-purple.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-purple .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #6e23cf;
}

/* NDWA-Pink-Sunstorm-HOVER */
.layout-list.highlight-color-pink.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-pink .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #c00b6e;
}

/* NDWA-Dark-Coral-CiA-HOVER */
.layout-list.highlight-color-dark-coral.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-dark-coral .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #d62020;
}

/* LIGHT HIGHLIGHT COLORS AGAINST WHITE NEED INTENTIONALLY DARKER OFFSET COLORS */

/* NDWA-Yellow-WeDiB-DARKER */
.layout-list.highlight-color-yellow.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-yellow .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #b47b10;
}

/* NDWA-Green-DARKER */
.layout-list.highlight-color-green.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-green .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #838507;
}

/* NDWA-Teal-DARKER */
.layout-list.highlight-color-teal.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-teal .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #228d9b;
}

/* NDWA-Orange-DARKER */
.layout-list.highlight-color-orange.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-orange .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #cc7c0c;
}

/* NDWA-Light-Coral-CiA-DARKER */
.layout-list.highlight-color-light-coral.background-color-white a:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-light-coral .background-color-white a:not(.button, .block-link, .h3-link, .grid-item){
  color: #EF3B3A;
}

/* NDWA-Yellow-WeDiB-DARKER-HOVER */
.layout-list.highlight-color-yellow.background-color-white a:hover:not(.button, .h3-link, .grid-item),
.layout-body.highlight-color-yellow .background-color-white a:hover:not(.button, .h3-link, .grid-item){
  color: #976406;
}

/* NDWA-Green-DARKER-HOVER */
.layout-list.highlight-color-green.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-green .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #616302;
}

/* NDWA-Teal-DARKER-HOVER */
.layout-list.highlight-color-teal.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-teal .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #0e6672;
}

/* NDWA-Orange-DARKER-HOVER */
.layout-list.highlight-color-orange.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-orange .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #a76304;
}

/* NDWA-Light-Coral-CiA-DARKER-HOVER */
.layout-list.highlight-color-light-coral.background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item),
.layout-body.highlight-color-light-coral .background-color-white a:hover:not(.button, .block-link, .h3-link, .grid-item){
  color: #d62020;
}

/* ---- COLOR PALETTE: TEXT COLORS, COLOR APPLIED TO AN ELEMENT AND A:LINK CHILDREN ---- */

/* NDWA-Black */
.text-color-black,
.text-color-black a,
a .text-color-black{
  color: #000000 !important; /* NDWA-Black */
}

/* NDWA-White */
.text-color-white,
.text-color-white a,
a .text-color-white{
  color: #FFFFFF !important; /* NDWA-White */
}

/* NDWA-Medium-Grey-Placeholder-Text */
.text-color-medium-grey,
.text-color-medium-grey a,
a .text-color-medium-grey{
  color: #999999 !important; /* NDWA-Medium-Grey-Placeholder-Text */
}

/* NDWA-Medium-Light-Grey-Borders */
.text-color-medium-light-grey,
.text-color-medium-light-grey a,
a .text-color-medium-light-grey{
  color: #BBBBBB !important; /* NDWA-Medium-Light-Grey-Borders */
}

/* NDWA-Blue */
.text-color-blue,
.text-color-blue a,
a .text-color-blue{
  color: #2e6dad !important;
}

/* NDWA-Dark-Teal */
.text-color-dark-teal,
.text-color-dark-teal a,
a .text-color-dark-teal{
  color: #24a3b2 !important;
}

/* NDWA-Pink-Unbossed */
.text-color-dark-pink,
.text-color-dark-pink a,
a .text-color-dark-pink{
  color: #9a1d73 !important;
}

/* NDWA-Lavender-WeDiB */
.text-color-lavender,
.text-color-lavender a,
a .text-color-lavender{
  color: #6D64AB !important;
}

/* NDWA-Purple-Sunstorm */
.text-color-purple,
.text-color-purple a,
a .text-color-purple{
  color: #8833f5 !important;
}

/* NDWA-Pink-Sunstorm */
.text-color-pink,
.text-color-pink a,
a .text-color-pink{
  color: #FF1A99 !important;
}

/* NDWA-Dark-Coral-CiA */
.text-color-coral,
.text-color-coral a,
a .text-color-coral,
.text-color-dark-coral,
.text-color-dark-coral a,
a .text-color-dark-coral{
  color: #EF3B3A !important;
}

.background-color-white .text-color-coral,
.background-color-white .text-color-coral a,
.background-color-white a .text-color-coral,
.background-color-white .text-color-dark-coral,
.background-color-white .text-color-dark-coral a,
.background-color-white a .text-color-dark-coral{
  color: #E71313 !important; /* ACCESSIBLE */
}

/* NDWA-Yellow-WeDiB */
.text-color-yellow,
.text-color-yellow a,
a .text-color-yellow{
  color: #FDBD3D !important;
}

/* NDWA-Green */
.text-color-green,
.text-color-green a,
a .text-color-green{
  color: #BFC236 !important;
}

/* NDWA-Teal */
.text-color-teal,
.text-color-teal a,
a .text-color-teal{
  color: #90d5de !important;
}

/* NDWA-Orange */
.text-color-orange,
.text-color-orange a,
a .text-color-orange{
  color: #ff9d14 !important;
}

/* NDWA-Light-Coral-CiA */
.text-color-light-coral,
.text-color-light-coral a,
a .text-color-light-coral{
  color: #F49B99 !important;
}

/* NDWA-Black */
.text-color-black a:hover,
a:hover .text-color-black{
  color: #000000 !important; /* NDWA-Black */
  opacity: 0.7;
}

/* NDWA-White */
.text-color-white a:hover,
a:hover .text-color-white{
  color: #FFFFFF !important; /* NDWA-White */
  opacity: 0.7;
}

/* NDWA-Medium-Grey-Placeholder-Text */
.text-color-medium-grey a:hover,
a:hover .text-color-medium-grey{
  color: #777777 !important; /* custom hover color */
}

/* NDWA-Medium-Light-Grey-Borders */
.text-color-medium-light-grey a:hover,
a:hover .text-color-medium-light-grey{
  color: #999999 !important; /* custom hover color */

}

/* NDWA-Blue-HOVER */
.text-color-blue a:hover,
a:hover .text-color-blue{
  color: #1e5893 !important;
}

/* NDWA-Dark-Teal-HOVER */
.text-color-dark-teal a:hover,
a:hover .text-color-dark-teal{
  color: #137e8b !important;
}

/* NDWA-Pink-Unbossed-HOVER */
.text-color-dark-pink a:hover,
a:hover .text-color-dark-pink{
  color: #830f5e !important;
}

/* NDWA-Lavender-WeDiB-HOVER */
.text-color-lavender a:hover,
a:hover .text-color-lavender{
  color: #544b8f !important;
}

/* NDWA-Purple-Sunstorm-HOVER */
.text-color-purple a:hover,
a:hover .text-color-purple{
  color: #6e23cf !important;
}

/* NDWA-Pink-Sunstorm-HOVER */
.text-color-pink a:hover,
a:hover .text-color-pink{
  color: #c00b6e !important;
}

/* NDWA-Dark-Coral-CiA-HOVER */
.text-color-coral a:hover,
a:hover .text-color-coral,
.text-color-dark-coral a:hover,
a:hover .text-color-dark-coral{
  color: #d62020 !important;
}

/* NDWA-Yellow-WeDiB-HOVER */
.text-color-yellow a:hover,
a:hover .text-color-yellow{
  color: #d8a13a !important;
}

/* NDWA-Green-HOVER */
.text-color-green a:hover,
a:hover .text-color-green{
  color: #a3a518 !important;
}

/* NDWA-Teal-HOVER */
.text-color-teal a:hover,
a:hover .text-color-teal{
  color: #68b7c2 !important;
}

/* NDWA-Orange-HOVER */
.text-color-orange a:hover,
a:hover .text-color-orange{
  color: #d98003 !important;
}

/* NDWA-Light-Coral-CiA-HOVER */
.text-color-light-coral a:hover,
a:hover .text-color-light-coral{
  color: #d87776 !important;
}

/* ---- BLOCK QUOTES ---- */

blockquote{
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 30px;
  border-left: 5px solid #000000;
}

.container-generic blockquote {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

blockquote p {
  font-weight: 700;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

blockquote.text-color-black{
  border-left-color: #000000 !important;
}

blockquote.text-color-white{
  border-left-color: #FFFFFF !important;
}

blockquote.text-color-medium-grey{
  border-left-color: #999999 !important;
}

blockquote.text-color-medium-light-grey{
  border-left-color: #BBBBBB !important;
}

blockquote.text-color-blue{
  border-left-color: #2e6dad !important;
}

blockquote.text-color-dark-teal{
  border-left-color: #24a3b2 !important;
}

blockquote.text-color-dark-pink{
  border-left-color: #9a1d73 !important;
}

blockquote.text-color-lavender{
  border-left-color: #6D64AB !important;
}

blockquote.text-color-purple{
  border-left-color: #8833f5 !important;
}

blockquote.text-color-pink{
  border-left-color: #FF1A99 !important;
}

blockquote.text-color-coral,
blockquote.text-color-dark-coral{
  border-left-color: #EF3B3A !important;
}

blockquote.text-olor-yellow{
  border-left-color: #FDBD3D !important;
}

blockquote.text-color-green{
  border-left-color: #BFC236 !important;
}

blockquote.text-color-teal{
  border-left-color: #90d5de !important;
}

blockquote.text-color-orange{
  border-left-color: #ff9d14 !important;
}

blockquote.text-color-light-coral{
  border-left-color: #F49B99 !important;
}

/* ---- SHOW / HIDE FOR ENGLISH and SPANISH ---- */

/* ENGLISH */
body.en .show-for-en{
  display: block;
}

body.en .show-for-es{
  display: none;
}

/* SPANISH FOOTER */
body.es .show-for-es{
  display: block;
}

body.es .show-for-en{
  display: none;
}

/* ---- NAV ---- */


/* ---- NAV STRUCTURE ---- */

.header-logo{
  flex: 1 1 auto;
  overflow: hidden;
}

@media only screen and (min-width:992px){
  .header-logo{
    order: 1;
  }
}

.header-language{
  flex: 0 0 auto;
  margin-right: 50px;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}

@media only screen and (min-width:992px){
  .header-language{
    flex: 0 0 auto;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 1px;
    display: flex;
    height: 45px;
    z-index: 10001; /* ABOVE MAIN NAV */
  }
}

.header-nav{
}

@media only screen and (min-width:992px){
  .header-nav{
    order: 2;
    background-color: #FFFFFF; /* NDWA-White */
    flex: 1 0 auto;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: stretch;
  }
}

/* ---- LOGO ---- */

ul.menu-logo-switcher{
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

ul.menu-logo-switcher li{
  flex: 1 1 auto;
  overflow: hidden;
}

.header-logo li a{
  height: 50px;

  background-position: 10px center;
  background-size: auto 45%;
  background-repeat: no-repeat;
  display: block;
  color: transparent !important;
  overflow: hidden;
}

@media only screen and (min-width:992px){
  .header-logo li a{
    /* height: 88px;  */
    height: 107px; /* SETTING: HEIGHT OF DESKTOP NAV BAR */
    background-position: 20px center;
  }
}

@media only screen and (min-width: 1200px){
  .header-logo li a{
    background-position: 25px center;
  }
}

@media only screen and (min-width:992px){
  .header-logo li a:hover{
    opacity: 0.8;
  }
}

/* Dynamic class based on language of page */

body .header-logo li a,
body.en .header-logo li a{
  background-image: url('../assets/ndwa-2021-logo.svg');
  background-size: auto 40%;
}

body.es .header-logo li a{
  background-image: url('../assets/ndwa-2021-logo.svg'); 
  background-size: auto 40%;

  /* add SPANISH LOGO here and update height property here, and all other breakpoints */
  background-size: auto 45%;
}

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

  body .header-logo li a,
  body.en .header-logo li a{
    background-size: auto 50%;
  }

  body.es .header-logo li a{
    background-size: auto 50%;
  }
}

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

  body .header-logo li a,
  body.en .header-logo li a{
    background-size: auto 65%;
  }

  body.es .header-logo li a{
    background-size: auto 65%;
  }
}

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

  body .header-logo li a,
  body.en .header-logo li a{
    background-size: auto 38%;
  }

  body.es .header-logo li a{
    background-size: auto 38%;
  }
}

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

  body .header-logo li a,
  body.en .header-logo li a{
    background-size: auto 38%;
  }

  body.es .header-logo li a{
    background-size: auto 38%;
  }
}

/* ---- LANGUAGE ---- */

ul.menu-language-switcher{
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-right: 19px;

  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  z-index: 10001;
}

@media only screen and (max-width:480px){
  ul.menu-language-switcher {
    font-size: 78%;
    margin-right: 12px;
  }
}

@media only screen and (max-width:400px){
  ul.menu-language-switcher {
    /* display: inline-block; */
    /* font-size: 70%; */
    /* line-height: 1.4; */
  }
}

ul.menu-language-switcher li{
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  margin-left: 10px;
}

@media only screen and (min-width:992px){
  ul.menu-language-switcher li{
    margin-left: 8px;
  }
}

ul.menu-language-switcher li a{
  display: block;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #999999; /* NDWA-Medium-Grey-Placeholder-Text */
}

ul.menu-language-switcher li.wpml-ls-current-language a{
  font-weight: 400;
  color: #000000; /* NDWA-Black */
  text-decoration: underline;
}

ul.menu-language-switcher li a:hover{
  color: #d98003; /* NDWA-Orange-HOVER */
}

.layout-header.header-class-homepage.has-background-style-left-with-background-gradient ul.menu-language-switcher li a{
  color: rgba(0,0,0,0.6); 
}

.layout-header.header-class-homepage.has-background-style-left-with-background-gradient ul.menu-language-switcher li a:hover{
  color: rgba(0,0,0,1);
}

.layout-header.header-class-homepage.has-background-style-left-with-background-gradient ul.menu-language-switcher li.wpml-ls-current-language a{
  color: rgba(0,0,0,1);
}

/* ---- DESKTOP NAV ---- */

.header-nav{
  display: none;
}

@media only screen and (min-width:992px){
  .header-nav{
    display: block;
  }
}

ul.menu-primary{
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0 20px 0 0;
  justify-content:flex-end;
  align-items: stretch;
  list-style-type: none;
  height: 100%;
  z-index: 10000;
  position: relative;
}

ul.menu-primary > li{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: stretch;
  position: relative;
  padding: 45px 0 22px;
}

ul.menu-primary > li > a{
  display: block;
  padding: 0 15px 0 25px;
  flex: 0 0 100%;

  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

ul.menu-primary a{
  color: #000000; /* NDWA-Black */
  font-weight: 500;
  text-decoration: none;
}

ul.menu-primary a:hover{
  color: #d98003; /* NDWA-Orange-HOVER */
  text-decoration: none;
}

ul.menu-primary a:focus{
  outline: 3px solid rgba(0,0,0,0.2);
}

ul.menu-primary > li#menu-item-68,
ul.menu-primary > li#menu-item-61{
  padding-left: 9px;
}

ul.menu-primary > li#menu-item-68 > a,
ul.menu-primary > li#menu-item-61 > a{
  background-color: #ff9d14; /* NDWA-Orange */
  border-radius: 2px;
  color: #FFFFFF; /* NDWA-White */
  padding-left: 25px;
  padding-right: 25px;
}

ul.menu-primary > li#menu-item-68 > a:hover,
ul.menu-primary > li#menu-item-61 > a:hover{
  background-color: #d98003; /* NDWA-Orange-HOVER */
  box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
}

ul.menu-primary > li#menu-item-68 > a:focus,
ul.menu-primary > li#menu-item-61 > a:focus{
  box-shadow: none;
  outline: 3px solid rgba(0,0,0,0.2);
}

ul.menu-primary > li > ul.sub-menu{
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
  top: 85px; /* SETTING: HEIGHT OF NAV BAR */
  min-width: 275px; /* SETTING: MINIMUM WIDTH OF DROPDOWN */
  left: 0;
  display: none;
  box-shadow: 0 3px 4px rgba(0,0,0,0.2);
}

ul.menu-primary > li:hover > ul.sub-menu{
  display: block;
}

ul.menu-primary > li > ul.sub-menu > li{
  display: block;
}

ul.menu-primary > li > ul.sub-menu > li > a{
  display: block;
  padding: 10px 25px;
  background-color: #FFFFFF; /* NDWA-White */
}

/* ---- MOBILE NAV ---- */

/* Settings for the Mobile Nav can be configured with the Responsive Menu plugin. */

/* 991, 1px less than 992 */
@media screen and (max-width: 991px){
  #responsive-menu-container{
    background-color: transparent !important;
  }

  #responsive-menu-container #responsive-menu-wrapper{
    background-color: transparent !important;
  }

  ul#responsive-menu{
    margin-top: 50px;
  }

  button#responsive-menu-button{
    position: fixed !important;
    border-radius: 0;
    background-color: #ff9d14; /* NDWA-Orange */
    min-width: 0;
  }

  button#responsive-menu-button .responsive-menu-box{
    transform: translateY(-2px);
  }

  .responsive-menu-inner, 
  .responsive-menu-inner::before, 
  .responsive-menu-inner::after {
    border-radius: 0 !important;
    height: 2px !important;
  }

  #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link{
    font-size: 1.1rem !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    outline: none;
    border: none;
    box-shadow: none;
  }

  #responsive-menu-container #responsive-menu li.responsive-menu-item a,
  #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a{
    line-height: 50px !important;
    height: 50px !important;
  }

  #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    right: 0 !important;
    height: 49px !important;
    line-height: 49px !important;
    width: 50px !important;
    font-size: 0.6em !important;
  }
}

/* LANGUAGE IN DROPDOWN MENU */
#rmp-menu-item-wpml-ls-404-en,
#rmp-menu-item-wpml-ls-404-es{
  display: inline-block;
  width: auto !important;
}

#rmp-menu-item-wpml-ls-404-en a,
#rmp-menu-item-wpml-ls-404-es a{
  padding-top: 30px;
  height: 75px !important;
  padding-right: 20px !importantd;
}

li#rmp-menu-item-wpml-ls-404-en:before {
  content: "Language";
  display: block;
  padding: 5px 0 0;
  width: 100%;
  height: 10px;
  position: absolute;
  border-top: 1px solid #333333;
}

/* ---- HERO ---- */

.layout-hero{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: stretch;
  min-height: 200px;
}

.layout-hero.breadcrumbs-yes:not(.background-style-plain){
  padding-top: 45px;
}

@media only screen and (min-width:768px){
  .layout-hero.breadcrumbs-yes{
    padding-top: 0;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.breadcrumbs-yes{
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

@media only screen and (min-width:576px){
  .layout-hero{
  }
}

@media only screen and (min-width:768px){
  .layout-hero{
    min-height: 350px;
  }
}

@media only screen and (min-width:992px){
  .layout-hero{
    padding-top: 45px;
    padding-bottom: 45px;
    min-height: 400px;
    flex-flow: row nowrap;
  }
}

.layout-hero .hero-container{
  padding-top: 25px;
  padding-bottom: 35px;
  z-index: 1;
}

@media only screen and (min-width:768px){
  .layout-hero .hero-container{
    padding-top: 25px;
    padding-bottom: 35px;
  }
}

@media only screen and (min-width:992px){
  .layout-hero .hero-container{
    padding-top: 25px;
    padding-bottom: 35px;
  }
}

.hero-body{
  margin-top: 15px;
}

@media only screen and (min-width:768px){
  .hero-body{
    margin-top: 15px;
  }
}

@media only screen and (min-width:992px){
  .hero-body{
    margin-top: 30px;
  }
}

/* TEXT / GRAPHIC TITLE */

.hero-title.h1-text-title .text-title{
  display: block;
}

.hero-title.h1-text-title .graphic-title{
  display: none;
}

.hero-container.hero-black-text-with-block .hero-title.h1-graphic-title span.text-title, 
.layout-hero.background-style-background-repeat .hero-container.hero-black-text-with-block .hero-title.h1-graphic-title span.text-title, 
.layout-hero.background-style-background-cover .hero-container.hero-black-text-with-block .hero-title.h1-graphic-title span.text-title,
.layout-hero.background-style-centered-with-background-gradient .hero-container.hero-black-text-with-block .hero-title.h1-graphic-title span.text-title{
  display: none;
}

.hero-title.h1-graphic-title .graphic-title{
  display: block;
}

.background-style-centered-with-background-gradient h1{
  color: #000000;
}

.hero-title.h1-graphic-title .graphic-title img{
  max-height: 300px; /* might need to override for specific use cases */
  min-height: 125px;
}

.hero-title.h1-graphic-title .graphic-title.graphic-title-white-box img{
  background-color: #FFFFFF;
  padding: 15px;
  min-height: 155px;
}

.hero-graphic{
  z-index: 1;
}

.hero-video-embed{
  z-index: 1;
}

/* ---- CENTERED BACKGROUND IMAGE OR PATTERN ---- */

/* BG */
.background-style-background-repeat,
.background-style-background-cover,
.background-style-plain,
.background-style-background-cover-with-box,
.background-style-centered-with-background-gradient{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: stretch;
}

.background-pattern-triangles,
.background-pattern-triple-dot,
.background-pattern-starburst,
.background-pattern-flower,
.background-pattern-square-burst,
.background-pattern-triple-triangle,
.background-pattern-square-flower,
.background-pattern-asterisk,
.background-pattern-hexagon,
.background-style-background-repeat{
  background-size: auto 600px;
  background-repeat: repeat;
}

.background-style-background-cover{
  text-align: center;
}

.background-style-background-cover-with-box{
  flex-flow: row nowrap;
}

.background-style-plain{
  background-image: none !important;
  text-align: center;
}

/* HERO CONTAINER */
.layout-hero.background-style-background-repeat .hero-container,
.layout-hero.background-style-background-cover .hero-container,
.layout-hero.background-style-plain .hero-container,
.layout-hero.background-style-centered-with-background-gradient .hero-container{
  padding-top: 45px;
  padding-bottom: 45px;
}

@media only screen and (min-width:768px){
  .layout-hero.background-style-background-repeat .hero-container,
  .layout-hero.background-style-background-cover .hero-container,
  .layout-hero.background-style-plain .hero-container,
  .layout-hero.background-style-centered-with-background-gradient .hero-container{
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.background-style-background-repeat .hero-container,
  .layout-hero.background-style-background-cover .hero-container,
  .layout-hero.background-style-plain .hero-container,
  .layout-hero.background-style-centered-with-background-gradient .hero-container{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-background-repeat .hero-container,
  .layout-hero.background-style-background-cover .hero-container,
  .layout-hero.background-style-plain .hero-container,
  .layout-hero.background-style-centered-with-background-gradient .hero-container{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/* TITLE + SUBTITLE */
.layout-hero.background-style-background-repeat .hero-title,
.layout-hero.background-style-background-repeat p.hero-subtitle,
.layout-hero.background-style-background-repeat .hero-body,
.layout-hero.background-style-background-repeat .button-wrapper,
.layout-hero.background-style-background-repeat .hero-custom-markup,

.layout-hero.background-style-background-cover .hero-title,
.layout-hero.background-style-background-cover p.hero-subtitle,
.layout-hero.background-style-background-cover .hero-body,
.layout-hero.background-style-background-cover .button-wrapper,
.layout-hero.background-style-background-cover .hero-custom-markup,

.layout-hero.background-style-centered-with-background-gradient .hero-title,
.layout-hero.background-style-centered-with-background-gradient p.hero-subtitle,
.layout-hero.background-style-centered-with-background-gradient .hero-body,
.layout-hero.background-style-centered-with-background-gradient .button-wrapper,
.layout-hero.background-style-centered-with-background-gradient .hero-custom-markup,

.layout-hero.background-style-plain .hero-title,
.layout-hero.background-style-plain p.hero-subtitle,
.layout-hero.background-style-plain .hero-body,
.layout-hero.background-style-plain .button-wrapper,
.layout-hero.background-style-plain .hero-custom-markup{
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.layout-hero p.hero-subtitle{
  margin-top: 15px;
}

.layout-hero .hero-custom-markup{
  margin-top: 30px;
}

/* CENTERED TEXT - TITLE & SUBTITLE COLOR + BG COLOR */
.layout-hero.background-style-background-repeat .hero-container.hero-black-text .hero-title,
.layout-hero.background-style-background-repeat .hero-container.hero-black-text p.hero-subtitle,
.layout-hero.background-style-background-cover .hero-container.hero-black-text .hero-title,
.layout-hero.background-style-background-cover .hero-container.hero-black-text p.hero-subtitle,
.layout-hero.background-style-centered-with-background-gradient .hero-container.hero-black-text .hero-title,
.layout-hero.background-style-centered-with-background-gradient .hero-container.hero-black-text p.hero-subtitle{
  color: #000000; /* NDWA-Black */
}

.layout-hero.background-style-background-repeat .hero-container.hero-white-text .hero-title,
.layout-hero.background-style-background-repeat .hero-container.hero-white-text p.hero-subtitle,
.layout-hero.background-style-background-cover .hero-container.hero-white-text .hero-title,
.layout-hero.background-style-background-cover .hero-container.hero-white-text p.hero-subtitle,
.layout-hero.background-style-centered-with-background-gradient .hero-container.hero-white-text .hero-title,
.layout-hero.background-style-centered-with-background-gradient .hero-container.hero-white-text p.hero-subtitle{
  color: #FFFFFF; /* NDWA-White */
}

.hero-container.hero-black-text-with-block .hero-title:not(.h1-graphic-title) span,
.layout-hero.background-style-plain .hero-container.hero-black-text-with-block .hero-title:not(.h1-graphic-title) span,
.layout-hero.background-style-background-repeat .hero-container.hero-black-text-with-block .hero-title:not(.h1-graphic-title) span,
.layout-hero.background-style-background-cover .hero-container.hero-black-text-with-block .hero-title:not(.h1-graphic-title) span,
.layout-hero.background-style-centered-with-background-gradient .hero-container.hero-black-text-with-block .hero-title:not(.h1-graphic-title) span{
  color: #000000; /* NDWA-Black */
  background-color: #FFFFFF; /* NDWA-White */
  display: inline-block;
  padding: 15px 30px;
}

.hero-container.hero-black-text-with-block p.hero-subtitle span,
.layout-hero.background-style-plain .hero-container.hero-black-text-with-block p.hero-subtitle span,
.layout-hero.background-style-background-repeat .hero-container.hero-black-text-with-block p.hero-subtitle span,
.layout-hero.background-style-background-cover .hero-container.hero-black-text-with-block p.hero-subtitle span,
.layout-hero.background-style-centered-with-background-gradient .hero-container.hero-black-text-with-block p.hero-subtitle span{
  color: #000000; /* NDWA-Black */
  background-color: #FFFFFF; /* NDWA-White */
  display: inline-block;
  padding: 5px 15px;
}

/* HIDDEN */
.layout-hero.background-style-background-repeat .hero-body,
.layout-hero.background-style-background-cover .hero-body,
.layout-hero.background-style-plain .hero-body,
.layout-hero.background-style-centered-with-background-gradient .hero-body,

.layout-hero.background-style-background-repeat .button-wrapper,
.layout-hero.background-style-background-cover .button-wrapper,
.layout-hero.background-style-plain .button-wrapper,
.layout-hero.background-style-centered-with-background-gradient .button-wrapper,

.layout-hero.background-style-background-repeat .hero-graphic,
.layout-hero.background-style-background-cover .hero-graphic,
.layout-hero.background-style-plain .hero-graphic,
.layout-hero.background-style-background-cover-with-box .hero-graphic,
.layout-hero.background-style-centered-with-background-gradient .hero-graphic,

.layout-hero.background-style-background-repeat .hero-video-embed,
.layout-hero.background-style-background-cover .hero-video-embed,
.layout-hero.background-style-plain .hero-video-embed,
.layout-hero.background-style-background-cover-with-box .hero-video-embed,
.layout-hero.background-style-centered-with-background-gradient .hero-video-embed,

.layout-hero.background-style-plain .background-tint,
.layout-hero.background-style-background-repeat .background-tint,
.layout-hero.background-style-background-right .background-tint,
.layout-hero.background-style-left-with-background-gradient .background-tint,
.layout-hero.background-style-video .background-tint{
  display: none;
}

/* BG PATTERN - TRIANGLES */

.take-action-graphic.background-pattern-triangles,
.background-color-white.background-pattern-triangles,
.background-color-light-grey.background-pattern-triangles,
.background-color-yellow.background-pattern-triangles,
.background-color-teal.background-pattern-triangles,
.background-color-custom-light.background-pattern-triangles{
  background-image: url('../assets/triangle-pattern-15pct.svg');
}

.background-color-black.background-pattern-triangles,
.background-color-green.background-pattern-triangles,
.background-color-orange.background-pattern-triangles,
.background-color-light-coral.background-pattern-triangles{
  background-image: url('../assets/triangle-pattern-10pct.svg');
}

.background-color-dark-teal.background-pattern-triangles,
.background-color-dark-pink.background-pattern-triangles,
.background-color-purple.background-pattern-triangles,
.background-color-pink.background-pattern-triangles,
.background-color-dark-coral.background-pattern-triangles,
.background-color-custom-dark.background-pattern-triangles{
  background-image: url('../assets/triangle-pattern-8pct.svg');
}

.background-color-blue.background-pattern-triangles,
.background-color-lavender.background-pattern-triangles{
  background-image: url('../assets/triangle-pattern-5pct.svg');
}

/* BG PATTERN - TRIPLE DOT */

.take-action-graphic.background-pattern-triple-dot,
.background-color-white.background-pattern-triple-dot,
.background-color-light-grey.background-pattern-triple-dot,
.background-color-yellow.background-pattern-triple-dot,
.background-color-teal.background-pattern-triple-dot,
.background-color-custom-light.background-pattern-triple-dot{
  background-image: url('../assets/triple-circle-pattern-15pct.svg');
}

.background-color-black.background-pattern-triple-dot,
.background-color-green.background-pattern-triple-dot,
.background-color-orange.background-pattern-triple-dot,
.background-color-light-coral.background-pattern-triple-dot{
  background-image: url('../assets/triple-circle-pattern-10pct.svg');
}

.background-color-dark-teal.background-pattern-triple-dot,
.background-color-dark-pink.background-pattern-triple-dot,
.background-color-purple.background-pattern-triple-dot,
.background-color-pink.background-pattern-triple-dot,
.background-color-dark-coral.background-pattern-triple-dot,
.background-color-custom-dark.background-pattern-triple-dot{
  background-image: url('../assets/triple-circle-pattern-8pct.svg');
}

.background-color-blue.background-pattern-triple-dot,
.background-color-lavender.background-pattern-triple-dot{
  background-image: url('../assets/triple-circle-pattern-5pct.svg');
}

/* BG PATTERN - STARBURST */

.take-action-graphic.background-pattern-starburst,
.background-color-white.background-pattern-starburst,
.background-color-light-grey.background-pattern-starburst,
.background-color-yellow.background-pattern-starburst,
.background-color-teal.background-pattern-starburst,
.background-color-custom-light.background-pattern-starburst{
  background-image: url('../assets/starburst-pattern-15pct.svg');
}

.background-color-black.background-pattern-starburst,
.background-color-green.background-pattern-starburst,
.background-color-orange.background-pattern-starburst,
.background-color-light-coral.background-pattern-starburst{
  background-image: url('../assets/starburst-pattern-10pct.svg');
}

.background-color-dark-teal.background-pattern-starburst,
.background-color-dark-pink.background-pattern-starburst,
.background-color-purple.background-pattern-starburst,
.background-color-pink.background-pattern-starburst,
.background-color-dark-coral.background-pattern-starburst,
.background-color-custom-dark.background-pattern-starburst{
  background-image: url('../assets/starburst-pattern-8pct.svg');
}

.background-color-blue.background-pattern-starburst,
.background-color-lavender.background-pattern-starburst{
  background-image: url('../assets/starburst-pattern-5pct.svg');
}

/* BG PATTERN - FLOWER */

.take-action-graphic.background-pattern-flower,
.background-color-white.background-pattern-flower,
.background-color-light-grey.background-pattern-flower,
.background-color-yellow.background-pattern-flower,
.background-color-teal.background-pattern-flower,
.background-color-custom-light.background-pattern-flower{
  background-image: url('../assets/flower-pattern-15pct.svg');
}

.background-color-black.background-pattern-flower,
.background-color-green.background-pattern-flower,
.background-color-orange.background-pattern-flower,
.background-color-light-coral.background-pattern-flower{
  background-image: url('../assets/flower-pattern-10pct.svg');
}

.background-color-dark-teal.background-pattern-flower,
.background-color-dark-pink.background-pattern-flower,
.background-color-purple.background-pattern-flower,
.background-color-pink.background-pattern-flower,
.background-color-dark-coral.background-pattern-flower,
.background-color-custom-dark.background-pattern-flower{
  background-image: url('../assets/flower-pattern-8pct.svg');
}

.background-color-blue.background-pattern-flower,
.background-color-lavender.background-pattern-flower{
  background-image: url('../assets/flower-pattern-5pct.svg');
}

/* BG PATTERN - SQUARE BURST */

.take-action-graphic.background-pattern-square-burst,
.background-color-white.background-pattern-square-burst,
.background-color-light-grey.background-pattern-square-burst,
.background-color-yellow.background-pattern-square-burst,
.background-color-teal.background-pattern-square-burst,
.background-color-custom-light.background-pattern-square-burst{
  background-image: url('../assets/square-burst-pattern-15pct.svg');
}

.background-color-black.background-pattern-square-burst,
.background-color-green.background-pattern-square-burst,
.background-color-orange.background-pattern-square-burst,
.background-color-light-coral.background-pattern-square-burst{
  background-image: url('../assets/square-burst-pattern-10pct.svg');
}

.background-color-dark-teal.background-pattern-square-burst,
.background-color-dark-pink.background-pattern-square-burst,
.background-color-purple.background-pattern-square-burst,
.background-color-pink.background-pattern-square-burst,
.background-color-dark-coral.background-pattern-square-burst,
.background-color-custom-dark.background-pattern-square-burst{
  background-image: url('../assets/square-burst-pattern-8pct.svg');
}

.background-color-blue.background-pattern-square-burst,
.background-color-lavender.background-pattern-square-burst{
  background-image: url('../assets/square-burst-pattern-5pct.svg');
}

/* BG PATTERN - TRIPLE TRIANGLE */

.take-action-graphic.background-pattern-triple-triangle,
.background-color-white.background-pattern-triple-triangle,
.background-color-light-grey.background-pattern-triple-triangle,
.background-color-yellow.background-pattern-triple-triangle,
.background-color-teal.background-pattern-triple-triangle,
.background-color-custom-light.background-pattern-triple-triangle{
  background-image: url('../assets/triple-triangle-pattern-15pct.svg');
}

.background-color-black.background-pattern-triple-triangle,
.background-color-green.background-pattern-triple-triangle,
.background-color-orange.background-pattern-triple-triangle,
.background-color-light-coral.background-pattern-triple-triangle{
  background-image: url('../assets/triple-triangle-pattern-10pct.svg');
}

.background-color-dark-teal.background-pattern-triple-triangle,
.background-color-dark-pink.background-pattern-triple-triangle,
.background-color-purple.background-pattern-triple-triangle,
.background-color-pink.background-pattern-triple-triangle,
.background-color-dark-coral.background-pattern-triple-triangle,
.background-color-custom-dark.background-pattern-triple-triangle{
  background-image: url('../assets/triple-triangle-pattern-8pct.svg');
}

.background-color-blue.background-pattern-triple-triangle,
.background-color-lavender.background-pattern-triple-triangle{
  background-image: url('../assets/triple-triangle-pattern-5pct.svg');
}

/* BG PATTERN - SQUARE FLOWER */

.take-action-graphic.background-pattern-square-flower,
.background-color-white.background-pattern-square-flower,
.background-color-light-grey.background-pattern-square-flower,
.background-color-yellow.background-pattern-square-flower,
.background-color-teal.background-pattern-square-flower,
.background-color-custom-light.background-pattern-square-flower{
  background-image: url('../assets/square-flower-pattern-15pct.svg');
}

.background-color-black.background-pattern-square-flower,
.background-color-green.background-pattern-square-flower,
.background-color-orange.background-pattern-square-flower,
.background-color-light-coral.background-pattern-square-flower{
  background-image: url('../assets/square-flower-pattern-10pct.svg');
}

.background-color-dark-teal.background-pattern-square-flower,
.background-color-dark-pink.background-pattern-square-flower,
.background-color-purple.background-pattern-square-flower,
.background-color-pink.background-pattern-square-flower,
.background-color-dark-coral.background-pattern-square-flower,
.background-color-custom-dark.background-pattern-square-flower{
  background-image: url('../assets/square-flower-pattern-8pct.svg');
}

.background-color-blue.background-pattern-square-flower,
.background-color-lavender.background-pattern-square-flower{
  background-image: url('../assets/square-flower-pattern-5pct.svg');
}

/* BG PATTERN - ASTERISK */

.take-action-graphic.background-pattern-asterisk,
.background-color-white.background-pattern-asterisk,
.background-color-light-grey.background-pattern-asterisk,
.background-color-yellow.background-pattern-asterisk,
.background-color-teal.background-pattern-asterisk,
.background-color-custom-light.background-pattern-asterisk{
  background-image: url('../assets/asterisk-pattern-15pct.svg');
}

.background-color-black.background-pattern-asterisk,
.background-color-green.background-pattern-asterisk,
.background-color-orange.background-pattern-asterisk,
.background-color-light-coral.background-pattern-asterisk{
  background-image: url('../assets/asterisk-pattern-10pct.svg');
}

.background-color-dark-teal.background-pattern-asterisk,
.background-color-dark-pink.background-pattern-asterisk,
.background-color-purple.background-pattern-asterisk,
.background-color-pink.background-pattern-asterisk,
.background-color-dark-coral.background-pattern-asterisk,
.background-color-custom-dark.background-pattern-asterisk{
  background-image: url('../assets/asterisk-pattern-8pct.svg');
}

.background-color-blue.background-pattern-asterisk,
.background-color-lavender.background-pattern-asterisk{
  background-image: url('../assets/asterisk-pattern-5pct.svg');
}

/* BG PATTERN - HEXAGON */

.take-action-graphic.background-pattern-hexagon,
.background-color-white.background-pattern-hexagon,
.background-color-light-grey.background-pattern-hexagon,
.background-color-yellow.background-pattern-hexagon,
.background-color-teal.background-pattern-hexagon,
.background-color-custom-light.background-pattern-hexagon{
  background-image: url('../assets/hexagon-pattern-15pct.svg');
}

.background-color-black.background-pattern-hexagon,
.background-color-green.background-pattern-hexagon,
.background-color-orange.background-pattern-hexagon,
.background-color-light-coral.background-pattern-hexagon{
  background-image: url('../assets/hexagon-pattern-10pct.svg');
}

.background-color-dark-teal.background-pattern-hexagon,
.background-color-dark-pink.background-pattern-hexagon,
.background-color-purple.background-pattern-hexagon,
.background-color-pink.background-pattern-hexagon,
.background-color-dark-coral.background-pattern-hexagon,
.background-color-custom-dark.background-pattern-hexagon{
  background-image: url('../assets/hexagon-pattern-8pct.svg');
}

.background-color-blue.background-pattern-hexagon,
.background-color-lavender.background-pattern-hexagon{
  background-image: url('../assets/hexagon-pattern-5pct.svg');
}

/* ---- NARROW BANNER INSTEAD OF HERO TITLE (POSTS, PODCASTS) ---- */

/* 
.no-min-height can be explicitly added as a hero class.
.background-height-narrow is automatically added to post pages when 'hero as banner' is set.
*/

/* ADDED 1/23/2025 */
.layout-hero.background-style-background-right.no-min-height .hero-container{
  min-height: 0;
}
/* END ADDED 1/23/2025 */

.layout-hero.no-min-height,
.layout-hero.background-height-narrow{
  min-height: 0 !important;
}

@media only screen and (min-width:992px){
  .layout-hero.no-min-height,
  .layout-hero.background-height-narrow{
    min-height: 0 !important;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.no-min-height,
  .layout-hero.background-height-narrow{
    min-height: 0 !important;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.background-height-narrow .hero-container{
    padding-top: 0;
    padding-bottom: 0;
  }
}

.layout-hero.no-min-height.layout-hero-tag .hero-container{
  padding-top: 15px;
  padding-bottom: 15px;
}

.layout-hero.use-hero-as-title h1.hero-title{
  display: block;
}

.layout-hero.use-hero-as-title h3.hero-title{
  display: none;
}

.layout-hero.background-height-narrow h1.hero-title{
  display: none;
}

.layout-hero.background-height-narrow h3.hero-title{
  display: block;
}

.layout-hero.background-height-narrow.breadcrumbs-yes{
  padding-top: 15px;
}

@media only screen and (min-width:992px){
  .layout-hero.background-height-narrow.breadcrumbs-yes{
    padding-top: 45px;
  }
}

.layout-hero.background-height-narrow .graphic-title img{
  height: 50px;
}

@media only screen and (min-width:992px){
  .layout-hero.background-height-narrow .graphic-title img{
    height: 80px;
  }
}

/* ---- Left Text + Graphic + BG Texture (2023) ---- */

.background-style-background-right.background-texture{
  background-size: cover;
  background-position: center center;
}

.background-texture-orange{
  background-image: url('https://www.domesticworkers.org/wp-content/themes/ndwa2020/assets/background-texture-orange.webp') !important;
}

.background-texture-teal{
  background-image: url('https://www.domesticworkers.org/wp-content/themes/ndwa2020/assets/background-texture-teal.webp') !important;
}

.background-texture-green{
  background-image: url('https://www.domesticworkers.org/wp-content/themes/ndwa2020/assets/background-texture-green.webp') !important;
}

/* ---- NO HERO ---- */

/* For rare cases, the hero can be completely hidden with hero class .hide-hero. 
This is currently used on the Donate page since the page title is in the embedded form. */

.layout-hero.hide-hero{
  display: none;
}

/* ---- TEXT LEFT & GRAPHIC RIGHT ---- */

/* BG */
.layout-hero.background-style-background-right:not(.background-repeat),
.layout-hero.background-style-video{
  background-image: none;
}

.layout-hero.background-style-left-with-background-gradient{

}

/* MIN-HEIGHT FOR HEADERS W/ CTA */
@media only screen and (min-width:992px){
  .layout-hero.background-style-background-right,
  .layout-hero.background-style-background-cover-with-box,
  .layout-hero.background-style-video,
  .layout-hero.background-style-left-with-background-gradient{
    min-height: 500px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-video.corner-link-yes{
    min-height: 530px;
  }
}

/* ALL LEFT-ALIGNED HERO CONTAINER */
.layout-hero.background-style-background-right .hero-container,
.layout-hero.background-style-background-cover-with-box .hero-container,
.layout-hero.background-style-video .hero-container,
.layout-hero.background-style-left-with-background-gradient .hero-container{
  order: 2;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width:576px){
  .layout-hero.background-style-background-right .hero-container,
  .layout-hero.background-style-background-cover-with-box .hero-container,
  .layout-hero.background-style-video .hero-container,
  .layout-hero.background-style-left-with-background-gradient .hero-container{
    max-width: none;
    margin: 0;
    padding: 0;
    width: auto;
  }
}

@media only screen and (min-width:768px){
  .layout-hero.background-style-background-right .hero-container,
  .layout-hero.background-style-background-cover-with-box .hero-container,
  .layout-hero.background-style-video .hero-container,
  .layout-hero.background-style-left-with-background-gradient .hero-container{
    margin: 0;
    padding: 0;
    width: auto;
    max-width: none;
    z-index: 2;
    min-height: 0;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.background-style-background-right .hero-container,
  .layout-hero.background-style-background-cover-with-box .hero-container,
  .layout-hero.background-style-video .hero-container,
  .layout-hero.background-style-left-with-background-gradient .hero-container{
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;
    order: 1;
    max-width: none;
    min-height: 410px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-background-right .hero-container,
  .layout-hero.background-style-background-cover-with-box .hero-container,
  .layout-hero.background-style-video .hero-container,
  .layout-hero.background-style-left-with-background-gradient .hero-container{
    max-width: none;
    margin: 0;
    padding: 0;
  }
}

/* HERO BUTTON WRAPPER */

.layout-hero.background-style-background-right .button-wrapper,
.layout-hero.background-style-background-cover-with-box .button-wrapper,
.layout-hero.background-style-video .button-wrapper,
.layout-hero.background-style-left-with-background-gradient .hero-container .button-wrapper{
  text-align: left;
}

/* --------------- GRAPHIC HERO CONTAINER --------------- */

/* CONTAINER */
.layout-hero.background-style-background-right .hero-container,
.layout-hero.background-style-left-with-background-gradient .hero-container{
  padding: 40px 45px 50px;
}

@media only screen and (min-width:992px){
  .layout-hero.background-style-background-right .hero-container,
  .layout-hero.background-style-left-with-background-gradient .hero-container{
    flex: 1 0 50%;
    padding: 0 45px 10px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-background-right .hero-container,
  .layout-hero.background-style-left-with-background-gradient .hero-container{
    flex: 0 1 600px;
  }
}

/* GRAPHIC */
.layout-hero.background-style-background-right .hero-graphic,
.layout-hero.background-style-left-with-background-gradient .hero-graphic,
.layout-standard-cta .standard-cta-graphic{
  display: block;
  height: 60vw;
  order: 1;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto 85%;
}

.layout-hero.background-style-background-right .hero-video-embed{
  display: none;
}

.layout-hero.background-style-background-right .hero-graphic.size-medium,
.layout-hero.background-style-left-with-background-gradient .hero-graphic.size-medium{
  background-size: contain;
}

.layout-hero.background-style-background-right .hero-graphic.size-large,
.layout-hero.background-style-left-with-background-gradient .hero-graphic.size-large,
.layout-standard-cta .standard-cta-graphic{
  background-size: cover;
}

@media only screen and (min-width:768px){
  .layout-hero.background-style-background-right .hero-graphic,
  .layout-hero.background-style-left-with-background-gradient .hero-graphic,
  .layout-standard-cta .standard-cta-graphic{
    height: 50vw;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.background-style-background-right .hero-graphic,
  .layout-hero.background-style-left-with-background-gradient .hero-graphic,
  .layout-standard-cta .standard-cta-graphic{
    flex: 1 0 50%;
    height: auto;
    order: 2;
    min-height: 410px;
    margin-top: -45px;
    margin-bottom: -45px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-background-right .hero-graphic,
  .layout-hero.background-style-left-with-background-gradient .hero-graphic,
  .layout-standard-cta .standard-cta-graphic{
    flex: 0 0 600px;
    margin-left: 5%;
  }
}

@media only screen and (min-width: 1200px){
  .layout-standard-cta .standard-cta-graphic{
    flex: 0 1 600px;
  }
}

/* ------------ PRESET BLACK & WHITE GRAPHICS ------------ */

/* --- If a custom graphic is set for hero, show the custom hero-graphic and hide the preset --- */
.hero-graphic.custom{
  display: none !important;
}

/* --- If a black and white preset graphic is set, but custom graphic is saved, this forces custom graphic to hide --- */
.hero-graphic + .hero-graphic{
  display: none !important;
}

/* --- If a custom graphic is saved, this forces custom graphic to show --- */
.hero-graphic.custom + .hero-graphic{
  display: block !important;
}

/* --- Default hero graphic --- */
.hero-graphic.default,
.standard-cta-graphic.default{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-5.webp');
}

.cutout-1{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-1.webp');
}

.cutout-2{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-2.webp');
}

.cutout-3{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-3.webp');
}

.cutout-4{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-4.webp');
}

.cutout-5{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-5.webp');
}

.cutout-6{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-6.webp');
}

.cutout-7{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-6.webp');
}

.cutout-8{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-8.webp');
}

.cutout-9{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-9.webp');
}

.cutout-10{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-10.webp');
}

.cutout-11{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-11.webp');
}

.cutout-12{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-12.webp');
}

.cutout-13{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-13.webp');
}

.cutout-14{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-14.webp');
}

.cutout-15-Childcare-Black-Girl-with-Backpack{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-15-Childcare-Black-Girl-with-Backpack.webp');
}

.cutout-16-Childcare-Black-Woman-and-Girl{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-16-Childcare-Black-Woman-and-Girl.webp');
}

.cutout-17-Childcare-Black-Children-Smiling{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-17-Childcare-Black-Children-Smiling.webp');
}

.cutout-18-Childcare-Black-Educator{
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/04/small-cutout-18-Childcare-Black-Educator.webp');
}

@media only screen and (min-width: 992px){
  .layout-hero .hero-graphic.preset-graphic,
  .layout-standard-cta .standard-cta-graphic.preset-graphic{
    background-position: center bottom;
    background-size: auto 95%;
  }
}

@media only screen and (min-width: 1500px){
  .layout-hero .hero-graphic.preset-graphic,
  .layout-standard-cta .standard-cta-graphic.preset-graphic{
  }
}

/* GRAPHIC IS FULL HEIGHT IF NAV IS TRANSPARENT */
@media only screen and (min-width: 992px){
  .header-class-homepage .layout-hero.has-background-style-left-with-background-gradient .hero-graphic.preset-graphic{
    background-size: auto 100%;
  }
}

/* ------------ GRADIENT HERO CONTAINER ------------ */


/* TRANSPARENT NAV FOR GRADIENT */

@media only screen and (min-width: 992px){
  .header-class-homepage.layout-header.has-background-style-left-with-background-gradient{
    background-color: transparent;
    margin-bottom: -113px;
    border-bottom: none;
  }
}

@media only screen and (min-width: 992px){
  .header-class-homepage.layout-header.has-background-style-left-with-background-gradient .header-nav{
    background-color: transparent;
  }
}

@media only screen and (min-width: 992px){
  .page-class-homepage.layout-hero.background-style-left-with-background-gradient{
    padding-top: 152px;
  }
}

/* TRIANGLES */

@media only screen and (min-width: 992px){
  .layout-standard-cta.background-gradient-transparent,
  .layout-hero.background-style-left-with-background-gradient{
    position: relative;
  }
}

.layout-standard-cta.background-gradient-transparent:before,
.layout-hero.background-style-left-with-background-gradient:before{
  display: block;
  position: absolute;
  width: 100%;
  height: 125px;
  content: " ";
  top: 0;
  left: 0;
  background-image: url('../assets/triangles-overlay.svg');
  background-size: auto 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.layout-standard-cta.background-gradient-transparent:after,
.layout-hero.background-style-left-with-background-gradient:after{
  display: block;
  position: absolute;
  width: 100%;
  height: 100px;
  content: " ";
  bottom: 0;
  right: 0;
  background-image: url('../assets/triangles-overlay-2.svg');
  background-size: auto 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 992px){
  .layout-standard-cta.background-gradient-transparent:before,
  .layout-hero.background-style-left-with-background-gradient:before{
    max-width: 60%;
    background-position: right top;
  }
}

@media only screen and (min-width: 1530px){
  .layout-standard-cta.background-gradient-transparent:before,
  .layout-hero.background-style-left-with-background-gradient:before{
    background-position: left top;
  }
}

@media only screen and (min-width: 992px){
  .layout-standard-cta.background-gradient-transparent:after,
  .layout-hero.background-style-left-with-background-gradient:after{
    max-width: 60%;
    background-position: left bottom;
  }
}

@media only screen and (min-width: 1530px){
  .layout-standard-cta.background-gradient-transparent:after,
  .layout-hero.background-style-left-with-background-gradient:after{
    background-position: right bottom;
  }
}

/* HEXAGONS */

.layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:before,
.layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:after{
  height: 100px;
  background-image: url('../assets/hexagons-overlay.svg');
  background-position: center center;
  opacity: 0.2;
}

.layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:before{
  opacity: 0.15;
}

.layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:after{
  opacity: 0.2;
}


@media only screen and (min-width: 768px){
  .layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:before,
  .layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:after{
    height: 120px;
  }
}

@media only screen and (min-width: 992px){
  .layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:before{
    height: 130px;
    background-position: right center;
  }
}

@media only screen and (min-width: 992px){
  .layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:after{
    height: 130px;
    background-position: left center;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:before,
  .layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple:after{
    height: 140px;
  }
}

/* AD-HOC HEXAGONS */

@media only screen and (min-width: 1200px){
  .hexagons-before,
  .hexagons-after{
    position: relative;
  }
}

@media only screen and (min-width: 1200px){
  .hexagons-before:before, 
  .hexagons-after:after {
    display: block;
    position: absolute;
    width: 500px;
    height: 140px;
    content: " ";
    top: 0;
    left: 0;
    background-image: url(../assets/hexagons-overlay.svg);
    background-size: auto 100%;
    background-position: right top;
    background-repeat: no-repeat;
    opacity: .7;
    z-index: 10;
  }
}

@media only screen and (min-width: 1200px){
  .hexagons-after:after {
    bottom: 0;
    right: 0;
    left: initial;
    top: initial;
    background-position: left top;
  }
}

@media only screen and (min-width: 1400px){
  .hexagons-before:before, 
  .hexagons-after:after {
    width: 600px;
  }
}

@media only screen and (min-width: 1600px){
  .hexagons-before:before, 
  .hexagons-after:after {
    width: 700px;
  }
}

/* HERO BACKGROUND GRADIENTS */

.layout-hero.background-style-centered-with-background-gradient.background-gradient-coral,
.layout-hero.background-style-left-with-background-gradient.background-gradient-coral{
  background-image: url('../assets/gradient-red.jpg');
  background-size: 140% 100%;
  background-color: #E44D40;
}

.layout-hero.background-style-centered-with-background-gradient.background-gradient-orange-purple,
.layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple{
  background-image: url('../assets/gradient-orange-purple3.jpg');
  background-size: 140% 100%;
  background-color: #F49B99;
}

@media only screen and (min-width: 992px){
  .layout-hero.background-style-centered-with-background-gradient.background-gradient-orange-purple,
  .layout-hero.background-style-left-with-background-gradient.background-gradient-orange-purple{
    background-position: left bottom;
    background-size: 120% auto;
  }
}

.layout-hero.background-style-centered-with-background-gradient.background-gradient-orange-teal,
.layout-hero.background-style-left-with-background-gradient.background-gradient-orange-teal{
  background-image: url('../assets/gradient-orange-teal.webp');
  background-color: #A5D1DB;
}

.layout-hero.background-style-centered-with-background-gradient.background-gradient-purple,
.layout-hero.background-style-left-with-background-gradient.background-gradient-purple{
  background-image: url('../assets/gradient-purple.jpg');
  background-color: #45436f;
  background-size: 100% 100%;
  background-position: center bottom;
}

.layout-standard-cta.background-gradient-transparent:before,
.layout-hero.background-style-left-with-background-gradient.background-gradient-transparent:before{
  opacity: 70%;
}

.layout-standard-cta.background-gradient-transparent:after,
.layout-hero.background-style-left-with-background-gradient.background-gradient-transparent:after{
  opacity: 70%;
}

/* ------------ FLOATING BOX HERO CONTAINER ------------ */

.layout-hero.background-style-background-cover-with-box{
  text-align: left;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.layout-hero.background-style-background-cover-with-box.layout-hero.breadcrumbs-yes{
  padding-top: 60px;
}

@media only screen and (min-width:768px){
  .layout-hero.background-style-background-cover-with-box{
    min-height: 0;
    padding-top: 45px;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 45px;
  }
}

.layout-hero.background-style-background-cover-with-box .hero-container{
  padding: 10px 15px 20px;
}

@media only screen and (min-width:768px){
  .layout-hero.background-style-background-cover-with-box .hero-container{
    min-height: 0;
    padding: 25px 30px 35px;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.background-style-background-cover-with-box .hero-container{
    flex: 1 0 50%;
    margin-right: 480px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-background-cover-with-box .hero-container{
    flex: 0 1 600px;
    margin-right: 509px; /* magic number, so it lines up with block-links */
  }
}

.layout-hero.background-style-background-cover-with-box.background-color-black .hero-container, 
.layout-hero.background-style-background-cover-with-box.background-color-blue .hero-container, 
.layout-hero.background-style-background-cover-with-box.background-color-dark-teal .hero-container,
.layout-hero.background-style-background-cover-with-box.background-color-dark-pink .hero-container, 
.layout-hero.background-style-background-cover-with-box.background-color-lavender .hero-container, 
.layout-hero.background-style-background-cover-with-box.background-color-purple .hero-container, 
.layout-hero.background-style-background-cover-with-box.background-color-pink .hero-container, 
.layout-hero.background-style-background-cover-with-box.background-color-dark-coral .hero-container, 
.layout-hero.background-style-background-cover-with-box.background-color-custom-dark .hero-container{
  color: #000000; /* NDWA-Black */
  background-color: #FFFFFF; /* NDWA-White */
}

.layout-hero.background-style-background-cover-with-box.background-color-white .hero-container,
.layout-hero.background-style-background-cover-with-box.background-color-light-grey .hero-container,
.layout-hero.background-style-background-cover-with-box.background-color-yellow .hero-container,
.layout-hero.background-style-background-cover-with-box.background-color-green .hero-container,
.layout-hero.background-style-background-cover-with-box.background-color-teal .hero-container,
.layout-hero.background-style-background-cover-with-box.background-color-orange .hero-container,
.layout-hero.background-style-background-cover-with-box.background-color-light-coral .hero-container,
.layout-hero.background-style-background-cover-with-box.background-color-custom-light .hero-container{
  color: #FFFFFF; /* NDWA-White */
  background-color: #000000; /* NDWA-Black */
}

.layout-hero.background-style-background-cover-with-box .hero-container.hero-black-text-in-white-box{
  color: #000000; /* NDWA-Black */
  background-color: #FFFFFF; /* NDWA-White */
}

.layout-hero.background-style-background-cover-with-box .hero-container.hero-white-text-in-black-box{
  color: #FFFFFF; /* NDWA-White */
  background-color: #000000; /* NDWA-Black */
}

/* ------------ HUB LAYOUT (3 FACTS WITHIN HERO) ------------ */

.hero-highlights{
  display: none;
}

.layout-hero.hero-hub.background-color-dark-coral .hero-container{
  background-color: #C92D2D; /* CUSTOM RED, DARKER THAN CiA RED */
}

.layout-hero.hero-hub.background-color-orange .hero-container{
  background-color: #ff8b00; /* CUSTOM ORANGE, DARKER THAN NDWA ORANGE */
}

.layout-hero.hero-hub.background-color-dark-coral .hero-highlights{
  background-color: #ffc8c8; /* CUSTOM PINK, LIGHTER THAN CiA RED */
}

.layout-hero.hero-hub.background-color-orange .hero-highlights{
  background-color: #ffc151; /* CUSTOM ORANGE, LIGHTER THAN NDWA ORANGE */
}

.page-class-hub .layout-section-text + .layout-section-text{
  padding-top: 20px;
}

@media only screen and (min-width: 768px) {
  .page-class-hub .layout-section-text + .layout-section-text{
    padding-top: 25px;
  }
}

@media only screen and (min-width: 992px) {
  .page-class-hub .layout-section-text + .layout-section-text{
    padding-top: 35px;
  }
}

@media only screen and (min-width: 992px) {
  .layout-hero.hero-hub{
    flex-flow: row wrap;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .hero-highlights{
    margin-top: 15px;
    justify-content: space-between;
    padding: 15px;
    
    order: 3;
    flex: 0 0 100%;
    max-width: 1400px;

    display: flex;
    flex-flow: row wrap;

    z-index: 1;
  }

  .hero-highlight{
    flex: 1 0 30%;
    padding: 0 30px;
    margin: 0;
  }
  
  .layout-hero.hero-hub.background-color-dark-coral .hero-highlight{
    border-left: 1px solid #e06f6f;
  }

  .layout-hero.hero-hub.background-color-orange .hero-highlight{
    border-left: 1px solid #ff8b00;
  }

  .layout-hero.hero-hub.background-color-dark-coral .hero-highlight:nth-child(1),
  .layout-hero.hero-hub.background-color-orange .hero-highlight:nth-child(1){
    border-left: 1px solid transparent;
  }

  p.hero-highlight-number {
    font-family: 'Fjalla One', 'Chiswick Grotesque Web', 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 7.5px;
    color: #000000;
  }

  .layout-hero.hero-hub.background-color-dark-coral p.hero-highlight-number{
    color: #AA2727;
  }

  .layout-hero.hero-hub.background-color-orange p.hero-highlight-number{
    color: #9C2F11;
  }  

  p.hero-highlight-text {
    font-size: 18px;
    color: #000000;
  }

  .layout-hero.hero-hub.background-color-dark-coral p.hero-highlight-text {
    color: #AA2727;
  }

  .layout-hero.hero-hub.background-color-orange p.hero-highlight-text{
    color: #9C2F11;
  } 

  .hero-highlight-source {
    margin-top: 10px;
    padding: 0 30px;
    color: #000000;
  }

  .hero-highlight-source p{
    font-size: 13px;
  }

  .layout-hero.hero-hub.background-color-dark-coral .hero-highlight-source p,
  .layout-hero.hero-hub.background-color-dark-coral .hero-highlight-source p a {
    color: #b63e3e !important;
  }

  .layout-hero.hero-hub.background-color-orange .hero-highlight-source p,
  .layout-hero.hero-hub.background-color-orange .hero-highlight-source p a {
    color: #9C2F11 !important;
  }
}

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

  .layout-hero.hero-hub.background-color-dark-coral .hero-highlights,
  .layout-hero.hero-hub.background-color-orange .hero-highlights{
    background-color: transparent;
  }

  .layout-hero.hero-hub{
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .layout-hero.background-style-background-right.wide.hero-hub .hero-container{
    padding: 0 30px;
  }

  .hero-highlights{
    background-color: transparent;
    padding: 0 15px 0;
  }

  .hero-highlight{
    flex: 1 0 30%;
    padding: 20px 30px 25px;
  }
  
  .layout-hero.hero-hub.background-color-dark-coral .hero-highlight{
    background-color: #ffc8c8; /* CUSTOM PINK, LIGHTER THAN CiA RED */
    border-left: none;
  }

  .layout-hero.hero-hub.background-color-orange .hero-highlight {
    background-color: #ffc151; /* CUSTOM ORANGE, LIGHTER THAN NDWA ORANGE */
    border-left: none;
  }

  .hero-highlight + .hero-highlight {
    margin-left: 15px;
  }

  .hero-highlight-source{
    padding: 0;
  }

  .layout-hero.hero-hub.background-color-dark-coral .hero-highlight-source p,
  .layout-hero.hero-hub.background-color-dark-coral .hero-highlight-source p a{
    color: #FFFFFF !important;
  }
}

/* SOURCES SECTION, ONLY STYLED FOR ORANGE so far */

/* #TEST-CHANGE: MAY 28 2024 */
/* .page-class-hub.layout-body.highlight-color-orange a:not(.button,.block-link,.h3-link,.grid-item){
  color: #444444;
}

.page-class-hub.layout-body.highlight-color-orange a:not(.button,.block-link,.h3-link,.grid-item):hover{
  color: #000000;
} */

/* Chiswick for Hub */
.page-class-hub .hero-title.h1-text-title .text-title,
.page-class-hub h3,
.page-class-hub h4{
  font-family: 'Chiswick Grotesque Web', sans-serif;
  font-weight: 800;
}

/* Invisible Bookmark - Makes anchor links above the title, so that title is visible on the page instead of hidden under the nav */
.page-class-hub h2,
.page-class-hub h3,
.page-class-hub h4{
  position: relative;
}

.page-class-hub .layout-section-text h2:before,
.page-class-hub .layout-section-text h3:before,
.page-class-hub .layout-section-text h4:before{
  display: block;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: transparent;
  margin-top: -40px;
  margin-bottom: 40px;
  pointer-events: none;
}

.page-class-hub .container-text h2{
  font-family: 'Fjalla One';
  font-size: 1.75em;
}

.page-class-hub.page-class-chiswick-only .container-text h2{
  font-family: 'Chiswick Grotesque Web', sans-serif;
  font-size: 2.25em;
}

.page-class-hub .container-text h2,
.page-class-hub .container-text h2 a,
.page-class-hub .container-text h3:not(.text-color-dark-teal,.text-color-blue,.text-color-coral,.text-color-dark-coral,.text-color-dark-pink,.text-color-green,.text-color-lavender,.text-color-light-coral,.text-color-orange,.text-color-pink,.text-color-purple,.text-color-teal,.text-color-yellow),
.page-class-hub .container-text h3 a{
  color: #000000 !important;
}

.page-class-hub .container-cta h2{
  font-family: 'Chiswick Grotesque Web', sans-serif;
}

.page-class-hub .container-text h2 a:hover,
.page-class-hub .container-text h3 a:hover{
  color: #d62020 !important;
}

@media only screen and (min-width:768px){
  .page-class-hub h2{
    font-size: 1.8em !important;
  }
}

@media only screen and (min-width:992px){
  .page-class-hub h2{
    font-size: 2.1em !important;
  }
}

/* "Block Quote" type of copy that is larger and highlighted a color. */
.hub-bold{
  font-size: 1.25em;
  font-family: 'Chiswick Grotesque Web', sans-serif;
  font-weight: 800;
  line-height: 1.3;
}

@media only screen and (min-width:768px){
  .hub-bold{
    font-size: 1.5em;
  }
}

@media only screen and (min-width:992px){
  .hub-bold{
    font-size: 1.75em;
  }
}

/* EA Form embedded on a Hub Page Body Area */

.page-class-hub .layout-section-text .everyaction-form{
  border: 1px solid #CCCCCC;
  padding: 20px 10px;
}

.page-class-hub .layout-section-text .everyaction-form header.at-title, 
.page-class-hub .layout-section-text .everyaction-form .content.thankYou h1{
  font-size: 1.5em;
  font-family: 'Chiswick Grotesque Web', sans-serif;
  font-weight: 800;
  line-height: 1.3;
  text-align: left;
  padding: 0 20px;
}

.page-class-hub .layout-standard-cta .everyaction-form header.at-title{
  font-family: 'Chiswick Grotesque Web', sans-serif;
  font-weight: 800;
  line-height: 1.3;
}

.page-class-hub .layout-section-text .everyaction-form header.at-title{
  margin-bottom: 0;
}

.page-class-hub.highlight-color-dark-coral .layout-section-text .everyaction-form header.at-title, 
.page-class-hub.highlight-color-dark-coral .layout-section-text .everyaction-form .content.thankYou h1{
    color: #E71313 !important;  
}

.page-class-hub .layout-section-text .at .at-fieldset.AdditionalInformation{
  padding-top: 0;
  padding-bottom: 0;
}

.page-class-hub .layout-section-text .everyaction-form .at fieldset legend{
  display: none;
}

.page-class-hub .layout-section-text .everyaction-form .at .at-fields label input{
    margin: 0;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
}

.page-class-hub .layout-section-text .everyaction-form .at .at-check input+span{
   margin-bottom: 10px; 
}

.page-class-hub .layout-section-text .everyaction-form .at-row.at-row-solo.at-row-full.UpdateMyProfile.at-mode-person-only {
    margin-top: 10px;
}

.page-class-hub.highlight-color-dark-coral .everyaction-form .at .btn-at-primary{
    background-color: #E71313 !important;  
}

.page-class-hub .layout-section-text .everyaction-form .content.thankYou p {
    padding: 10px 20px;
}

.page-class-hub .layout-section-text .everyaction-form .at .at-fields label input[type="radio"] {
  margin-right: 5px;
}

.page-class-hub .layout-section-text .everyaction-form .at .at-fields label[role="radio"]{
  display: flex;
  align-items: center;
  line-height: 1.2;
}

.page-class-hub .layout-section-text .everyaction-form header.at-title + .at-markup p{
  text-align: left;
  margin-top: 15px;
}

.everyaction-form .fastaction-block{
  margin-bottom: 10px;
}

.everyaction-form .at-markup .fastaction-block p{
  margin-bottom: 0;
  text-align: left;
  font-size: 11px;
}

.everyaction-form .at-markup .fastaction-block p > span{

}

.everyaction-form .fastaction-block > div{
  margin-bottom: 0;
}

.page-class-hub .layout-section-text .everyaction-form .at-form-submit{
  text-align: left;
  margin-left: 10px;
}

/* HUB - LIST OF KEY ITEMS WITH GRAPHICS */

.list-of-key-items{
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.list-of-key-items.lowercase-alpha{
  list-style: lower-alpha;
  margin-left: 30px !important;
}

@media only screen and (min-width:768px){
  .list-of-key-items.lowercase-alpha{
    list-style: lower-alpha;
    margin-left: 70px !important;
  }
}

.list-of-key-items li{
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0;
}

.list-of-key-items.lowercase-alpha li{
  list-style: lower-alpha;  
  display: list-item;
}

.list-of-key-items li +li{
  margin-top: 30px;
}

@media only screen and (min-width:992px){
  .list-of-key-items li +li{
    margin-top: 45px;
  }
}

.list-of-key-items li .key-item-image{
  flex: 0 0 50px;
  margin-right: 10px;
  /* padding-top: 7px; */
}

.list-of-key-items li .key-item-image img{
  max-width: 50px;
  max-height: 50px;
}

@media only screen and (min-width:768px){
  .list-of-key-items li .key-item-image{
    flex: 0 0 75px;
    margin-right: 20px;
  }

  .list-of-key-items li .key-item-image img{
    max-width: 75px;
    max-height: 75px;
  }
}

@media only screen and (min-width:992px){
  .list-of-key-items li .key-item-image{
    flex: 0 0 auto;
  }

  .list-of-key-items li .key-item-image img{
    max-width: 125px;
    max-height: 125px;
  }
}

.list-of-key-items li .key-item-text{
  flex: 1 1 50%;
}

.list-of-key-items li .key-item-text h3 + p{
  padding-top: 10px;
}

/* @media only screen and (min-width:992px){
  .list-of-key-items li .key-item-text{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
} */

.list-of-key-items.lowercase-alpha li::marker,
.page-class-hub h3,
.list-of-key-items li .key-item-text strong{
  font-family: 'Chiswick Grotesque Web', sans-serif;
  font-weight: 800;
  font-size: 1.6em;
  line-height: 1.1;
} 

@media only screen and (min-width:768px){
  .list-of-key-items.lowercase-alpha li::marker,
  .page-class-hub h3,
  .list-of-key-items li .key-item-text strong{
   font-size: 1.7em;
 }
}

@media only screen and (min-width:992px){
  .list-of-key-items.lowercase-alpha li::marker,
  .page-class-hub h3,
  .list-of-key-items li .key-item-text strong{
    font-size: 1.8em;
  }
}

.list-of-key-items li .key-item-text strong{
  line-height: 1.2;
}

@media only screen and (min-width:992px){
  .list-of-key-items li .key-item-text strong{
    font-family: 'Chiswick Grotesque Web', sans-serif;
    font-weight: 800;
  }
}

/* HUB CTA BLOCKS W/ NO TITLE */
.page-class-hub .list-of-items p:not(.subtitle){
  margin-top: 0;
}


/* ------------ VIDEO HERO CONTAINER ------------ */

.layout-hero.background-style-video{
  background-image: none !important;
}

.layout-hero.background-style-video .hero-container{
  padding: 25px 30px 35px;
}

@media only screen and (min-width:768px){
  .layout-hero.background-style-video .hero-container{
    min-height: 0;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.background-style-video .hero-container{
    flex: 1 0 350px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-video .hero-container{
    flex: 0 0 450px;
    max-width: 450px;
  }
}

/* HERO VIDEO */
.layout-hero.background-style-video .hero-graphic{
  display: none;
}

.layout-hero.background-style-video .hero-video-embed{
  display: block;
  order: 1;
}

@media only screen and (min-width:768px){
  .layout-hero.background-style-video .hero-video-embed{
  }
}

@media only screen and (min-width:992px){
  .layout-hero.background-style-video .hero-video-embed{
    flex: 0 1 615px;
    margin: 0 30px;
    order: 2;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-video .hero-video-embed{
    flex: 0 1 730px;
    margin: 0 30px 0 60px;
  }
}

.layout-hero.background-style-video .hero-video-embed video,
.layout-hero.background-style-video .hero-video-embed iframe{
  width: 100%;
  height: 100%;
  display: block;
}

/* ---- HERO LOGOS --- */

.hero-logos{
  display: none;
}

.logos-top-container.hero-logos.logos-top,
.logos-bottom-container.hero-logos.logos-bottom,
.logos-button-container.hero-logos.logos-right-of-cta{
  height: 60px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.background-style-background-repeat .hero-logos,
.background-style-background-cover .hero-logos,
.background-style-plain .hero-logos{
  justify-content: center;
}

.background-style-background-right .hero-logos,
.background-style-background-cover-with-box .hero-logos,
.background-style-video .hero-logos,
.hero-logos.logos-right-of-cta,
.layout-hero.background-style-left-with-background-gradient .hero-logos{
  justify-content: flex-start;
}

.logos-top-container.hero-logos.logos-top{
  margin-bottom: 30px;
}

.logos-top-container.hero-logos.logos-top.hero-logos-white-box .logo-image{
  background-color: #FFFFFF;
  padding: 15px;
  height: 90px;
}

.logos-bottom-container.hero-logos.logos-bottom{
  margin-top: 30px;
}

.hero-logos.logos-right-of-cta{
  margin-top: 30px;
}

@media only screen and (min-width:768px){
  .logos-button-container.hero-logos.logos-right-of-cta{
    height: 50px;
    justify-content: flex-end;
    margin-top: 0;
  }
}

.hero-logos .logo-image{
  height: 60px;
  width: auto;
}

.background-style-background-repeat .hero-logos .logo-image,
.background-style-background-cover .hero-logos .logo-image,
.background-style-plain .hero-logos .logo-image{
  margin: 0 15px;
}

.background-style-background-right .hero-logos .logo-image,
.background-style-background-cover-with-box .hero-logos .logo-image,
.background-style-video .hero-logos .logo-image,
.hero-logos.logos-right-of-cta .logo-image,
.layout-hero.background-style-left-with-background-gradient .hero-logos .logo-image{
  margin: 0 30px 0 0;
}

@media only screen and (min-width:768px){
  .hero-logos.logos-right-of-cta .logo-image{
    height: 50px;
    margin: 0 0 0 30px;
  }
}

.hero-logos .logo-image img{
  display: block;
  height: 60px;
  width: auto;
}

@media only screen and (min-width:768px){
  .hero-logos.logos-right-of-cta .logo-image img{
    height: 50px;
  }
}

/* ---- HERO BG TINT --- */

.background-tint{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
}

/* ---- HERO CORNER LINK --- */

a.hero-corner-link{
  display: none;
  text-decoration: none;
}

a.hero-corner-link:hover{
  text-decoration: underline;
}

@media only screen and (min-width:992px){
  a.hero-corner-link{
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 40px;
    line-height: 37px;
    padding: 0 15px;
	font-size: 17px;
    color: #000000; /* NDWA-Black */
  }
}

/* ---- BREADCRUMBS --- */

nav.breadcrumbs.show-breadcrumbs-no{
  display: none;
}

nav.breadcrumbs.show-breadcrumbs-yes{
  display: block;
  overflow: hidden;
}

nav.breadcrumbs{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}

@media only screen and (min-width:768px){
  nav.breadcrumbs{
    width: auto;
  }
}

nav.breadcrumbs ul{
  line-height: 45px;
  height: 45px;
  display: flex;
  flex-flow: row nowrap;
  font-size: 14px;
  padding: 0 5px;
  width: 100%;
}

@media only screen and (min-width:768px){
  nav.breadcrumbs ul{
    width: auto;
  }
}

nav.breadcrumbs ul li{
  flex: 0 0 auto;
  list-style-type: none;
}

nav.breadcrumbs ul li.current-page{
  margin-right: 10px;
}

nav.breadcrumbs ul li.current-page:before{
  content: "\203A";
  display: inline-block;
  margin-right: 10px;
}

nav.breadcrumbs ul li a{
  padding: 0 10px;
  text-decoration: none;
}

nav.breadcrumbs ul li a:hover{
  text-decoration: underline;
}

/* ---- BUTTONS ---- */

.everyaction-form .at-form-submit .at-submit,
.everyaction-form .at .btn-at,
.everyaction-form .at .btn-at-primary,
.button{
  display: block;
  background-color:#000000; /* NDWA-Black */
  color: #FFFFFF; /* NDWA-White */
  text-decoration: none !important;
  border: 0;
  min-width: 150px;
  
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;

  font-size: 16px;
  line-height: 24px;

  position: relative;
  padding: 10px 60px 10px 35px;
}

.wpforms-form button.wpforms-submit{
  background-color:#000000 !important; /* NDWA-Black */
  display: inline-block !important;
  border: none !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  padding: 10px 60px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 24px !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
}

.wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
  background-color: #EEEEEE !important;
  border: none !important;
}

.highlight-color-dark-coral .wpforms-form button.wpforms-submit{
  /* background-color:#EF3B3A !important; */
}

/* MODIFIES BUTTON LINKS WITHIN A LIST OF ITEMS SO THEY LOOK OK WHEN LONG. 
COULD BE USED FOR ALL LIST OF ITEMS LINKS, INSTEAD OF JUST THIS SIZE. */

/* @media only screen and (min-width: 992px) and (max-width: 1199px){
  .list-of-items-3-columns .button{
	  line-height:24px;
    min-height: 24px;
    height: auto;
  }
} */

/* @media only screen and (min-width: 992px){
  .list-of-items-4-columns .button{
	  line-height:24px;
    min-height: 24px;
    height: auto;
  }
} */

/* WILL THIS BREAK ALL BUTTONS? */

.list-of-items .button{
  line-height:24px;
  min-height: 24px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (min-width:992px){
  .block-links-large a.item.block-link span{
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
  }
}

.everyaction-form .at-form-submit .at-submit,
.everyaction-form .at .btn-at,
.everyaction-form .at .btn-at-primary{
  padding: 13px 35px;
}

.everyaction-form.donate-form .at .error small.error{
  left: 80px!important;
  top: -4px!important;
}

@media only screen and (min-width:500px){
  .everyaction-form .at-form-submit .at-submit,
  .everyaction-form .at .btn-at,
  .everyaction-form .at .btn-at-primary,
  .button{
    display: inline-block;
  }
}

.button + .button{
  /* margin-top: 10px; */
}

@media only screen and (min-width:768px){
  .button + .button{
    /* margin-top: 0; */
    /* margin-left: 10px; */
  }
}
 
.everyaction-form .at-form-submit .at-submit:hover,
.everyaction-form .at .btn-at:hover,
.everyaction-form .at .btn-at-primary:hover,
.button:hover{
  text-decoration: none;
  color: #FFFFFF; /* NDWA-White */
  cursor: pointer;
  
  background-color: rgba(0,0,0,0.7);
  box-shadow: 0 0 4px 0 rgba(0,0,0,0.25);
  outline: none;
}

.everyaction-form .at-form-submit .at-submit:focus,
.everyaction-form .at .btn-at:focus, 
.everyaction-form .at .btn-at-primary:focus,
.button:focus{
  text-decoration: none;
  color: #FFFFFF; /* NDWA-White */
  cursor: pointer;

  background-color: #000000; /* NDWA-Black */
  box-shadow: none;
  outline: 5px solid rgba(255,255,255,0.2); /* DEFAULT FOCUS */
}

.button.button-small{
  font-size: 14px;
  /* height: 45px; */
  line-height: 24px;
  padding: 8px 54px 8px 30px;
}

.button.button-large{
  font-size: 18px; 
  /* height: 55px; */
  line-height: 24px;
  padding: 15px 65px 15px 35px;
}

/* BUTTON ARROW */

.button:before{
  content: " ";
  width: 15px;
  height: 3px;
  display: block;
  position: absolute;
  right: 33px;
  top: 50%;
  margin-top: -3px;
  border-top: 3px solid #FFFFFF; /* NDWA-White */
}

.button:after{
  content: " ";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  right: 33px;
  top: 50%;
  margin-top: -7px;
  border-top: 3px solid #FFFFFF; /* NDWA-White */
  border-right: 3px solid #FFFFFF; /* NDWA-White */
  transform: rotate(45deg);
}

.button-large:before{
  width: 17px;
  height: 4px;
  right: 35px;
  margin-top: -3.2px;
  border-top: 4px solid #FFFFFF; /* NDWA-White */
}

.button-large:after{
  width: 15px;
  height: 15px;
  right: 35px;
  margin-top: -8.3px;
  border-top: 4px solid #FFFFFF; /* NDWA-White */
  border-right: 4px solid #FFFFFF; /* NDWA-White */
}

.button-small:before{
  width: 13px;
  height: 3px;
  right: 31px;
  margin-top: -2px;
  border-top: 3px solid #FFFFFF; /* NDWA-White */
}

.button-small:after{
  width: 11px;
  height: 11px;
  right: 31px;
  margin-top: -6px;
  border-top: 3px solid #FFFFFF; /* NDWA-White */
  border-right: 3px solid #FFFFFF; /* NDWA-White */
}

/* NO-ARROW BUTTONS */

.button.button-no-arrow{
  padding: 10px 35px;
}

.button.button-large.button-no-arrow{
  padding: 15px 35px;
}

.button.button-small.button-no-arrow{
  padding: 8px 30px;
}

.button.button-no-arrow:before,
.button.button-no-arrow:after{
  display: none;
}

/* BUTTON TEXT (TEXT-ONLY BUTTONS) */

.button.button-text{
  color: #000000; /* NDWA-Black */
  background-color: transparent !important;
  padding: 10px 25px 10px 0;
}

.button.button-small.button-text{
  padding: 8px 20px 8px 0;
}

.button.button-large.button-text{
  padding: 15px 30px 5px 0;
}

.button.button-text:before{
  border-top-color: #000000; /* NDWA-Black */
  right: 0;
}

.button.button-text:after{
  border-top-color: #000000; /* NDWA-Black */
  border-right-color: #000000; /* NDWA-Black */
  right: 0;
}

.button.button-text:hover,
.button.button-text:focus{
  box-shadow: none;
  background-color: transparent;
  color: rgba(0,0,0,0.7);
}

.button.button-text:hover:before,
.button.button-text:focus:before{
  border-top-color: rgba(0,0,0,0.7);
}

.button.button-text:hover:after,
.button.button-text:focus:after{
  border-top-color: rgba(0,0,0,0.7);
  border-right-color: rgba(0,0,0,0.7);
}

/* NDWA-Black */
.button.button-text.button-black{
  color: #000000; /* NDWA-Black */
}

.button.button-text.button-black:before{
  border-top-color: #000000; /* NDWA-Black */
}

.button.button-text.button-black:after{
  border-top-color: #000000; /* NDWA-Black */
  border-right-color: #000000; /* NDWA-Black */
}

.button.button-text.button-black:hover,
.button.button-text.button-black:focus{
  color: rgba(0,0,0,0.7);
}


.button.button-text.button-black:hover:before,
.button.button-text.button-black:focus:before{
  border-top-color: rgba(0,0,0,0.7);
}

.button.button-text.button-black:hover:after,
.button.button-text.button-black:focus:after{
  border-top-color: rgba(0,0,0,0.7);
  border-right-color: rgba(0,0,0,0.7);
}

/* NDWA-Blue */
.button.button-text.button-blue{
  color: #2e6dad; /* NDWA-Blue */
}

.button.button-text.button-blue:before{
  border-top-color: #2e6dad; /* NDWA-Blue */
}

.button.button-text.button-blue:after{
  border-top-color: #2e6dad; /* NDWA-Blue */
  border-right-color: #2e6dad; /* NDWA-Blue */
}

.button.button-text.button-blue:hover,
.button.button-text.button-blue:focus{
  color: #1e5893; /* NDWA-Blue-HOVER */
}

.button.button-text.button-blue:hover:before,
.button.button-text.button-blue:focus:before{
  border-top-color: #1e5893; /* NDWA-Blue-HOVER */
}

.button.button-text.button-blue:hover:after,
.button.button-text.button-blue:focus:after{
  border-top-color: #1e5893; /* NDWA-Blue-HOVER */
  border-right-color: #1e5893; /* NDWA-Blue-HOVER */
}

/* NDWA-Dark-Teal */
.button.button-text.button-dark-teal{
  color: #24a3b2; /* NDWA-Dark-Teal */
}

.button.button-text.button-dark-teal:before{
  border-top-color: #24a3b2; /* NDWA-Dark-Teal */
}

.button.button-text.button-dark-teal:after{
  border-top-color: #24a3b2; /* NDWA-Dark-Teal */
  border-right-color: #24a3b2; /* NDWA-Dark-Teal */
}

.button.button-text.button-dark-teal:hover,
.button.button-text.button-dark-teal:focus{
  color: #137e8b; /* NDWA-Dark-Teal-HOVER */
}

.button.button-text.button-dark-teal:hover:before,
.button.button-text.button-dark-teal:focus:before{
  border-top-color: #137e8b; /* NDWA-Dark-Teal-HOVER */
}

.button.button-text.button-dark-teal:hover:after,
.button.button-text.button-dark-teal:focus:after{
  border-top-color: #137e8b; /* NDWA-Dark-Teal-HOVER */
  border-right-color: #137e8b; /* NDWA-Dark-Teal-HOVER */
}

/* NDWA-Pink-Unbossed */
.button.button-text.button-dark-pink{
  color: #9a1d73; /* NDWA-Pink-Unbossed */
}

.button.button-text.button-dark-pink:before{
  border-top-color: #9a1d73; /* NDWA-Pink-Unbossed */
}

.button.button-text.button-dark-pink:after{
  border-top-color: #9a1d73; /* NDWA-Pink-Unbossed */
  border-right-color: #9a1d73; /* NDWA-Pink-Unbossed */
}

.button.button-text.button-dark-pink:hover,
.button.button-text.button-dark-pink:focus{
  color: #830f5e; /* NDWA-Pink-Unbossed-HOVER */
}

.button.button-text.button-dark-pink:hover:before,
.button.button-text.button-dark-pink:focus:before{
  border-top-color: #830f5e; /* NDWA-Pink-Unbossed-HOVER */
}

.button.button-text.button-dark-pink:hover:after,
.button.button-text.button-dark-pink:focus:after{
  border-top-color: #830f5e; /* NDWA-Pink-Unbossed-HOVER */
  border-right-color: #830f5e; /* NDWA-Pink-Unbossed-HOVER */
}

/* NDWA-Lavender-WeDiB */
.button.button-text.button-lavender{
  color: #6D64AB; /* NDWA-Lavender-WDiB */
}

.button.button-text.button-lavender:before{
  border-top-color: #6D64AB; /* NDWA-Lavender-WDiB */
}

.button.button-text.button-lavender:after{
  border-top-color: #6D64AB; /* NDWA-Lavender-WDiB */
  border-right-color: #6D64AB; /* NDWA-Lavender-WDiB */
}

.button.button-text.button-lavender:hover,
.button.button-text.button-lavender:focus{
  color: #544b8f; /* NDWA-Lavender-WDiB-HOVER */
}

.button.button-text.button-lavender:hover:before,
.button.button-text.button-lavender:focus:before{
  border-top-color: #544b8f; /* NDWA-Lavender-WDiB-HOVER */
}

.button.button-text.button-lavender:hover:after,
.button.button-text.button-lavender:focus:after{
  border-top-color: #544b8f; /* NDWA-Lavender-WDiB-HOVER */
  border-right-color: #544b8f; /* NDWA-Lavender-WDiB-HOVER */
}

/* NDWA-Purple-Sunstorm */
.button.button-text.button-purple{
  color: #8833f5; /* NDWA-Purple-Sunstorm */
}

.button.button-text.button-purple:before{
  border-top-color: #8833f5; /* NDWA-Purple-Sunstorm */
}

.button.button-text.button-purple:after{
  border-top-color: #8833f5; /* NDWA-Purple-Sunstorm */
  border-right-color: #8833f5; /* NDWA-Purple-Sunstorm */
}

.button.button-text.button-purple:hover,
.button.button-text.button-purple:focus{
  color: #6e23cf; /* NDWA-Purple-Sunstorm-HOVER */
}

.button.button-text.button-purple:hover:before,
.button.button-text.button-purple:focus:before{
  border-top-color: #6e23cf; /* NDWA-Purple-Sunstorm-HOVER */
}

.button.button-text.button-purple:hover:after,
.button.button-text.button-purple:focus:after{
  border-top-color: #6e23cf; /* NDWA-Purple-Sunstorm-HOVER */
  border-right-color: #6e23cf; /* NDWA-Purple-Sunstorm-HOVER */
}

/* NDWA-Pink-Sunstorm */
.button.button-text.button-pink{
  color: #FF1A99; /* NDWA-Pink-Sunstorm */
}

.button.button-text.button-pink:before{
  border-top-color: #FF1A99; /* NDWA-Pink-Sunstorm */
}

.button.button-text.button-pink:after{
  border-top-color: #FF1A99; /* NDWA-Pink-Sunstorm */
  border-right-color: #FF1A99; /* NDWA-Pink-Sunstorm */
}

.button.button-text.button-pink:hover,
.button.button-text.button-pink:focus{
  color: #c00b6e; /* NDWA-Pink-Sunstorm-HOVER */
}

.button.button-text.button-pink:hover:before,
.button.button-text.button-pink:focus:before{
  border-top-color: #c00b6e; /* NDWA-Pink-Sunstorm-HOVER */
}

.button.button-text.button-pink:hover:after,
.button.button-text.button-pink:focus:after{
  border-top-color: #c00b6e; /* NDWA-Pink-Sunstorm-HOVER */
  border-right-color: #c00b6e; /* NDWA-Pink-Sunstorm-HOVER */
}

/* NDWA-Dark-Coral-CiA */
.button.button-text.button-dark-coral{
  color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.button.button-text.button-dark-coral:before{
  border-top-color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.button.button-text.button-dark-coral:after{
  border-top-color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
  border-right-color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.button.button-text.button-dark-coral:hover,
.button.button-text.button-dark-coral:focus{
  color: #d62020; /* NDWA-Dark-Coral-CiA-HOVER */
}

.button.button-text.button-dark-coral:hover:before,
.button.button-text.button-dark-coral:focus:before{
  border-top-color: #d62020; /* NDWA-Dark-Coral-CiA-HOVER */
}

.button.button-text.button-dark-coral:hover:after,
.button.button-text.button-dark-coral:focus:after{
  border-top-color: #d62020; /* NDWA-Dark-Coral-CiA-HOVER */
  border-right-color: #d62020; /* NDWA-Dark-Coral-CiA-HOVER */
}

/* NDWA-White */
.button.button-text.button-white{
  color: #FFFFFF; /* NDWA-White */
}

.button.button-text.button-white:before{
  border-top-color: #FFFFFF; /* NDWA-White */
}

.button.button-text.button-white:after{
  border-top-color: #FFFFFF; /* NDWA-White */
  border-right-color: #FFFFFF; /* NDWA-White */
}

.button.button-text.button-white:hover,
.button.button-text.button-white:focus{
  color: rgba(255,255,255,0.7);
}

.button.button-text.button-white:hover:before,
.button.button-text.button-white:focus:before{
  border-top-color: rgba(255,255,255,0.7);
}

.button.button-text.button-white:hover:after,
.button.button-text.button-white:focus:after{
  border-top-color: rgba(255,255,255,0.7);
  border-right-color: rgba(255,255,255,0.7);
}

/* NDWA-Yellow-WeDiB */
.button.button-text.button-yellow{
  color: #FDBD3D; /* NDWA-Yellow-WeDiB */
}

.button.button-text.button-yellow:before{
  border-top-color: #FDBD3D; /* NDWA-Yellow-WeDiB */
}

.button.button-text.button-yellow:after{
  border-top-color: #FDBD3D; /* NDWA-Yellow-WeDiB */
  border-right-color: #FDBD3D; /* NDWA-Yellow-WeDiB */
}

.button.button-text.button-yellow:hover,
.button.button-text.button-yellow:focus{
  color: #d8a13a; /* NDWA-Yellow-WeDiB-HOVER */
}

.button.button-text.button-yellow:hover:before,
.button.button-text.button-yellow:focus:before{
  border-top-color: #d8a13a; /* NDWA-Yellow-WeDiB-HOVER */
}

.button.button-text.button-yellow:hover:after,
.button.button-text.button-yellow:focus:after{
  border-top-color: #d8a13a; /* NDWA-Yellow-WeDiB-HOVER */
  border-right-color: #d8a13a; /* NDWA-Yellow-WeDiB-HOVER */
}

/* NDWA-Green */
.button.button-text.button-green{
  color: #BFC236; /* NDWA-Green */
}

.button.button-text.button-green:before{
  border-top-color: #BFC236; /* NDWA-Green */
}

.button.button-text.button-green:after{
  border-top-color: #BFC236; /* NDWA-Green */
  border-right-color: #BFC236; /* NDWA-Green */
}

.button.button-text.button-green:hover,
.button.button-text.button-green:focus{
  color: #a3a518; /* NDWA-Green-HOVER */
}

.button.button-text.button-green:hover:before,
.button.button-text.button-green:focus:before{
  border-top-color: #a3a518; /* NDWA-Green-HOVER */
}

.button.button-text.button-green:hover:after,
.button.button-text.button-green:focus:after{
  border-top-color: #a3a518; /* NDWA-Green-HOVER */
  border-right-color: #a3a518; /* NDWA-Green-HOVER */
}

/* NDWA-Teal */
.button.button-text.button-teal{
  color: #90d5de; /* NDWA-Teal */
}

.button.button-text.button-teal:before{
  border-top-color: #90d5de; /* NDWA-Teal */
}

.button.button-text.button-teal:after{
  border-top-color: #90d5de; /* NDWA-Teal */
  border-right-color: #90d5de; /* NDWA-Teal */
}

.button.button-text.button-teal:hover,
.button.button-text.button-teal:focus{
  color: #68b7c2; /* NDWA-Teal-HOVER */
}

.button.button-text.button-teal:hover:before,
.button.button-text.button-teal:focus:before{
  border-top-color: #68b7c2; /* NDWA-Teal-HOVER */
}

.button.button-text.button-teal:hover:after,
.button.button-text.button-teal:focus:after{
  border-top-color: #68b7c2; /* NDWA-Teal-HOVER */
  border-right-color: #68b7c2; /* NDWA-Teal-HOVER */
}

/* NDWA-Orange */
.button.button-text.button-orange{
  color: #ff9d14; /* NDWA-Orange */
}

.button.button-text.button-orange:before{
  border-top-color: #ff9d14; /* NDWA-Orange */
}

.button.button-text.button-orange:after{
  border-top-color: #ff9d14; /* NDWA-Orange */
  border-right-color: #ff9d14; /* NDWA-Orange */
}

.button.button-text.button-orange:hover,
.button.button-text.button-orange:focus{
  color: #d98003; /* NDWA-Orange-HOVER */
}

.button.button-text.button-orange:hover:before,
.button.button-text.button-orange:focus:before{
  border-top-color: #d98003; /* NDWA-Orange-HOVER */
}

.button.button-text.button-orange:hover:after,
.button.button-text.button-orange:focus:after{
  border-top-color: #d98003; /* NDWA-Orange-HOVER */
  border-right-color: #d98003; /* NDWA-Orange-HOVER */
}

/* NDWA-Light-Coral-CiA */
.button.button-text.button-light-coral{
  color: #F49B99; /* NDWA-Light-Coral-CiA */
}

.button.button-text.button-light-coral:before{
  border-top-color: #F49B99; /* NDWA-Light-Coral-CiA */
}

.button.button-text.button-light-coral:after{
  border-top-color: #F49B99; /* NDWA-Light-Coral-CiA */
  border-right-color: #F49B99; /* NDWA-Light-Coral-CiA */
}

.button.button-text.button-light-coral:hover,
.button.button-text.button-light-coral:focus{
  color: #d87776; /* NDWA-Light-Coral-CiA-HOVER */
}

.button.button-text.button-light-coral:hover:before,
.button.button-text.button-light-coral:focus:before{
  border-top-color: #d87776; /* NDWA-Light-Coral-CiA-HOVER */
}

.button.button-text.button-light-coral:hover:after,
.button.button-text.button-light-coral:focus:after{
  border-top-color: #d87776; /* NDWA-Light-Coral-CiA-HOVER */
  border-right-color: #d87776; /* NDWA-Light-Coral-CiA-HOVER */
}

/* BUTTON WRAPPER */

.button-wrapper{
  text-align: center;
  padding-top: 15px;
}

@media only screen and (min-width:768px){
  .button-wrapper{
    padding-top: 15px;
  }
}

@media only screen and (min-width:992px){
  .button-wrapper{
    padding-top: 30px;
  }
}

.button-wrapper .button{
  margin-right: 10px;
  margin-bottom: 10px;
}

.button-wrapper .button:last-of-type{
  margin-right: 0;
}

@media only screen and (min-width:768px){
  .button-wrapper.has_header_logos{
    display: flex;
    flex-flow: row nowrap;
  }

  .button-wrapper.has_header_logos .button{
    flex: 0 0 auto;
  }

  .button-wrapper.has_header_logos .hero-logos{
    flex: 1 0 70px;
  }
}

.layout-section-sidebar .button-wrapper .button{
  width: 100%;
}

@media only screen and (min-width:768px){
  .layout-section-sidebar .button-wrapper .button{
    width: auto;
  }
}

@media only screen and (min-width:992px){
  .layout-section-sidebar .button-wrapper .button{
    width: 100%;
  }
}

/* ------------------------------------------------------------------------------------------- */

/* NDWA-Black */
.button.button-black{
  background-color: #000000; /* NDWA-Black */
  color: #FFFFFF; /* NDWA-White */
}

.button.button-black:hover,
.button.button-black:focus{
  background-color: rgba(0,0,0,0.7);
}

/* NDWA-Blue */
.button.button-blue{
  background-color: #2e6dad;
  color: #FFFFFF; /* NDWA-White */
}

.button.button-blue:hover,
.button.button-blue:focus{
  background-color: #1e5893; /* NDWA-Blue-HOVER */
}

/* NDWA-Dark-Teal */
.button.button-dark-teal{
  background-color: #24a3b2;
  color: #FFFFFF; /* NDWA-White */
}

.button.button-dark-teal:hover,
.button.button-dark-teal:focus{
  background-color: #137e8b; /* NDWA-Dark-Teal-HOVER */
}

/* NDWA-Pink-Unbossed */
.button.button-dark-pink{
  background-color: #9a1d73;
  color: #FFFFFF; /* NDWA-White */
}

.button.button-dark-pink:hover,
.button.button-dark-pink:focus{
  background-color: #830f5e; /* NDWA-Pink-Unbossed-HOVER */
}

/* NDWA-Lavender-WeDiB */
.button.button-lavender{
  background-color: #6D64AB;
  color: #FFFFFF; /* NDWA-White */
}

.button.button-lavender:hover,
.button.button-lavender:focus{
  background-color: #544b8f; /* NDWA-Lavender-WeDiB-HOVER */
}

/* NDWA-Purple-Sunstorm */
.button.button-purple{
  background-color: #8833f5;
  color: #FFFFFF; /* NDWA-White */
}

.button.button-purple:hover,
.button.button-purple:focus{
  background-color: #6e23cf; /* NDWA-Purple-Sunstorm-HOVER */
}

/* NDWA-Pink-Sunstorm */
.button.button-pink{
  background-color: #FF1A99;
  color: #FFFFFF; /* NDWA-White */
}

.button.button-pink:hover,
.button.button-pink:focus{
  background-color: #c00b6e; /* NDWA-Pink-Sunstorm-HOVER */
}

/* NDWA-Dark-Coral-CiA */
.button.button-dark-coral{
  background-color: #EF3B3A;
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Dark-Coral-CiA */
.button.button-dark-coral:hover,
.button.button-dark-coral:focus{
  background-color: #d62020; /* NDWA-Dark-Coral-CiA-HOVER */
}

/* NDWA-White */
.button.button-white{
  background-color: #FFFFFF; /* NDWA-White */
  color: #000000; /* NDWA-Black */
}

.button.button-white:hover,
.button.button-white:focus{
  background-color: rgba(255,255,255,0.7);
}

/* NDWA-Yellow-WeDiB */
.button.button-yellow{
  background-color: #FDBD3D;
  color: #000000; /* NDWA-Black */
}

.button.button-yellow:hover,
.button.button-yellow:focus{
  background-color: #d8a13a; /* NDWA-Yellow-WeDiB-HOVER */
}

/* NDWA-Green */
.button.button-green{
  background-color: #BFC236;
  color: #000000; /* NDWA-Black */
}

.button.button-green:hover,
.button.button-green:focus{
  background-color: #a3a518; /* NDWA-Green-HOVER */
}

/* NDWA-Teal */
.button.button-teal{
  background-color: #90d5de;
  color: #000000; /* NDWA-Black */
}

.button.button-teal:hover,
.button.button-teal:focus{
  background-color: #68b7c2; /* NDWA-Teal-HOVER */
}

/* NDWA-Orange */
.button.button-orange{
  background-color: #ff9d14;
  color: #000000; /* NDWA-Black */
}

.button.button-orange:hover,
.button.button-orange:focus{
  background-color: #d98003; /* NDWA-Orange-HOVER */
}

/* NDWA-Light-Coral */
.button.button-light-coral{
  background-color: #F49B99; /* NDWA-Light-Coral-CiA */
  color: #000000; /* NDWA-Black */
}

.button.button-light-coral:hover,
.button.button-light-coral:focus{
  background-color: #d87776; /* NDWA-Light-Coral-HOVER */
}

/* LIGHT BUTTON ARROWS */

.button.button-white:before,
.button.button-yellow:before,
.button.button-green:before,
.button.button-teal:before,
.button.button-orange:before,
.button.button-light-coral:before{
  border-top-color: #000000; /* NDWA-Black */
}

.button.button-white:after,
.button.button-yellow:after,
.button.button-green:after,
.button.button-teal:after,
.button.button-orange:after,
.button.button-light-coral:after{
  border-top-color: #000000; /* NDWA-Black */
  border-right-color: #000000; /* NDWA-Black */
}

.button.button-white:before:hover,
.button.button-yellow:before:hover,
.button.button-green:before:hover,
.button.button-teal:before:hover,
.button.button-orange:before:hover,
.button.button-light-coral:before:hover,
.button.button-white:before:focus,
.button.button-yellow:before:focus,
.button.button-green:before:focus,
.button.button-teal:before:focus,
.button.button-orange:before:focus,
.button.button-light-coral:before:focus{
  border-top-color: #000000; /* NDWA-Black */
}

.button.button-white:after:hover,
.button.button-yellow:after:hover,
.button.button-green:after:hover,
.button.button-teal:after:hover,
.button.button-orange:after:hover,
.button.button-light-coral:after:hover,
.button.button-white:after:focus,
.button.button-yellow:after:focus,
.button.button-green:after:focus,
.button.button-teal:after:focus,
.button.button-orange:after:focus,
.button.button-light-coral:after:focus{
  border-top-color: #000000; /* NDWA-Black */
  border-right-color: #000000; /* NDWA-Black */
}

/* ---- LAYOUT BLOCKS ---- */

.container{
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (min-width:768px){
  .container{
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width:992px){
  .container{
    padding-top: 65px;
    padding-bottom: 75px;
  }
}

@media only screen and (min-width: 1200px){
  .container{
    padding-top: 90px;
    padding-bottom: 100px;
  }
}

/* ---- CUSTOM CLASSES ON PAGE BLOCKS ---- */

/* ---- BORDER-TOP / BORDER-BOTTOM---- */

/* Used primarily for white blocks that touch. */

.border-top{
  border-top: 1px solid #BBBBBB; /* NDWA-Medium-Light-Grey-Borders */
}

.border-bottom{
  border-bottom: 1px solid #BBBBBB !important; /* NDWA-Medium-Light-Grey-Borders */
}

/* ---- MEDIUM-TOP-PADDING ---- */

.medium-top-padding .container{
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (min-width:768px){
  .medium-top-padding .container{
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width:992px){
  .medium-top-padding .container{
    padding-top: 65px;
    padding-bottom: 75px;
  }
}

@media only screen and (min-width: 1200px){
  .medium-top-padding .container{
    padding-top: 90px;
    padding-bottom: 100px;
  }
}

/* ---- MEDIUM-BOTTOM-PADDING ---- */

.medium-bottom-padding .container{
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (min-width:768px){
  .medium-bottom-padding .container{
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width:992px){
  .medium-bottom-padding .container{
    padding-top: 65px;
    padding-bottom: 75px;
  }
}

@media only screen and (min-width: 1200px){
  .medium-bottom-padding .container{
    padding-top: 90px;
    padding-bottom: 100px;
  }
}

/* ---- SMALL-TOP-PADDING ---- */

.small-top-padding .container{
  padding-top: 15px;
}

@media only screen and (min-width:768px){
  .small-top-padding .container{
    padding-top: 20px;
  }
}

@media only screen and (min-width:992px){
  .small-top-padding .container{
    padding-top: 30px;
  }
}

@media only screen and (min-width: 1200px){
  .small-top-padding .container{
    padding-top: 45px;
  }
}

/* ---- SMALL-BOTTOM-PADDING ---- */

.small-bottom-padding .container{
  padding-bottom: 15px;
}

@media only screen and (min-width:768px){
  .small-bottom-padding .container{
    padding-bottom: 20px;
  }
}

@media only screen and (min-width:992px){
  .small-bottom-padding .container{
    padding-bottom: 35px;
  }
}

@media only screen and (min-width: 1200px){
  .small-bottom-padding .container{
    padding-bottom: 50px;
  }
}

/* ---- XLARGE-TOP-PADDING ---- */

.xlarge-top-padding .container{
  padding-top: 45px;
}

@media only screen and (min-width:768px){
  .xlarge-top-padding .container{
    padding-top: 70px;
  }
}

@media only screen and (min-width:992px){
  .xlarge-top-padding .container{
    padding-top: 105px;
  }
}

@media only screen and (min-width: 1200px){
  .xlarge-top-padding .container{
    padding-top: 130px;
  }
}

/* ---- XLARGE-BOTTOM-PADDING ---- */

.xlarge-bottom-padding .container{
  padding-bottom: 45px;
}

@media only screen and (min-width:768px){
  .xlarge-bottom-padding .container{
    padding-bottom: 70px;
  }
}

@media only screen and (min-width:992px){
  .xlarge-bottom-padding .container{
    padding-bottom: 95px;
  }
}

@media only screen and (min-width: 1200px){
  .xlarge-bottom-padding .container{
    padding-bottom: 120px;
  }
}

/* ---- LARGE-TOP-PADDING ---- */

.large-top-padding .container{
  padding-top: 55px;
}

@media only screen and (min-width:768px){
  .large-top-padding .container{
    padding-top: 80px;
  }
}

@media only screen and (min-width:992px){
  .large-top-padding .container{
    padding-top: 105px;
  }
}

@media only screen and (min-width: 1200px){
  .large-top-padding .container{
    padding-top: 130px;
  }
}

/* ---- LARGE-BOTTOM-PADDING ---- */

.large-bottom-padding .container{
  padding-bottom: 45px;
}

@media only screen and (min-width:768px){
  .large-bottom-padding .container{
    padding-bottom: 70px;
  }
}

@media only screen and (min-width:992px){
  .large-bottom-padding .container{
    padding-bottom: 95px;
  }
}

@media only screen and (min-width :1200px){
  .large-bottom-padding .container{
    padding-bottom: 120px;
  }
}

/* ---- NO-TOP-PADDING ---- */

.no-top-padding .container{
  padding-top: 0;
}

@media only screen and (min-width:768px){
  .no-top-padding .container{
    padding-top: 0;
  }
}

@media only screen and (min-width:992px){
  .no-top-padding .container{
    padding-top: 0;
  }
}

@media only screen and (min-width: 1200px){
  .no-top-padding .container{
    padding-top: 0;
  }
}

/* ---- NO-BOTTOM-PADDING ---- */

.no-bottom-padding .container{
  padding-bottom: 0;
}

@media only screen and (min-width:768px){
  .no-bottom-padding .container{
    padding-bottom: 0;
  }
}

@media only screen and (min-width:992px){
  .no-bottom-padding .container{
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1200px){
  .no-bottom-padding .container{
    padding-bottom: 0;
  }
}

/* ---- NARROW ---- */
/* Used to restrict inner contents to 900px max. */

.narrow,
.narrow .container,
.container-posts,
.layout-section-text,
.container-generic h1,
.container-generic h2,
.container-generic h3,
.container-generic h4,
.container-generic h5,
.container-generic h6,
.container-generic p,
.container-generic ol,
.container-generic ul{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width:768px){
  .narrow,
  .narrow .container,
  .container-posts,
  .layout-section-text,
  .container-generic h1,
  .container-generic h2,
  .container-generic h3,
  .container-generic h4,
  .container-generic h5,
  .container-generic h6,
  .container-generic p,
  .container-generic span:not(.button),
  .container-generic ol,
  .container-generic ul{
    padding-left: 0;
    padding-right: 0;
  }
}

.layout-section-code{

}

/* ---- WIDE ---- */
/* Used to expand inner contents wider, to the max-width if of block links. 
This probably won't work for all blocks, since some blocks have custom max-widths. */


/* WIDER LIST OF ITEMS - EXAMPLE: HOMEPAGE 5 STRATEGIES, SPLIT CTA */
.layout-list-of-items.wide .container{
  max-width: 1400px !important;
}

/* WIDER GRID OF ITEMS - EXAMPLE: HOMEPAGE */
.layout-grid-of-items.wide .container{
  max-width: 1400px !important;
}

/* WIDER TEXT AREA, ONLY RECOMMEND USING FOR CUSTOM CODE. TEXT SHOULD ALMOST ALWAYS HAVE A MAX COLUMN WIDTH. */
.layout-flexible-text.wide .container{
  max-width: 492px;
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (min-width: 500px){
  .layout-flexible-text.wide .container{
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media only screen and (min-width: 768px){
  .layout-flexible-text.wide .container{
    max-width: none;
  }
}

.layout-flexible-text.wide .layout-section-code{
  max-width: 400px;
  margin: auto;
}

@media only screen and (min-width: 500px){
  .layout-flexible-text.wide .layout-section-code{
    max-width: none;
  }
}

@media only screen and (min-width: 1400px){
  .layout-flexible-text.wide .container{
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* WIDER & TALLER HERO - EXAMPLE: HOMEPAGE */
@media only screen and (min-width: 1400px){
  .layout-hero.wide{
    min-height: 600px;
  }
}

@media only screen and (min-width: 1400px){
  .layout-hero.wide .container{
    max-width: 1400px;
  }
}


@media only screen and (min-width: 1400px){
  .layout-hero.background-style-background-right.wide .hero-container,
  .layout-hero.background-style-left-with-background-gradient.wide .hero-container{
    flex: 0 0 655px; /* specific magic number to align with block links */
    padding: 0 0 10px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.background-style-background-right.wide .hero-graphic,
  .layout-hero.background-style-left-with-background-gradient.wide .hero-graphic{
    flex: 1 1 600px;
    margin-left: auto;
  }
}

@media only screen and (min-width: 1400px){
  .layout-hero.background-style-background-right.wide .hero-graphic,
  .layout-hero.background-style-left-with-background-gradient.wide .hero-graphic{
    flex: 0 0 716px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1400px){
  .layout-hero.background-style-background-cover-with-box.wide .hero-container {
    margin-right: 769px;
  }
}

@media only screen and (min-width: 1400px){
  .layout-hero.background-style-video.wide .hero-container {
    flex: 0 0 550px;
    max-width: 550px;
    padding-left: 0;
  }
}

@media only screen and (min-width: 1400px){
  .layout-hero.background-style-video.wide .hero-video-embed {
    flex: 0 1 760px;
    margin: 0 0 0 60px;
  }
}

/* ---- PAGE BLOCKS: LIST OF ITEMS ---- */

@media only screen and (min-width:500px){
  .layout-list-of-items .container{
    /* padding-left: 15px;
    padding-right: 15px; */
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media only screen and (min-width:992px){
  .layout-list-of-items .container{
    /* padding-left: 30px; */
    /* padding-right: 30px; */
    max-width: none;
  }
}

@media only screen and (min-width: 1200px){
  .layout-list-of-items .container{
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    max-width: 1140px;
  }
}

@media only screen and (min-width: 1400px){
  .layout-list-of-items .container{
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1140px;
  }
}

.list-of-items{
  padding-bottom: 1px; /* fixes gap that happens at < 768px for non-white backgrounds */
}

@media only screen and (min-width:500px){
  .list-of-items{

  }
}

@media only screen and (min-width:768px){
  .list-of-items{
    margin-left: -1.5%;
    margin-right: -1.5%;

    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
}

/* LAST ROW CENTERED */
@media only screen and (min-width:768px){
  .list-of-items.last-row-center{
    justify-content: center;    
  }
}

.list-of-items .item{
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  margin-bottom: 30px;
  text-align: left;
  display: block;
}

@media only screen and (min-width:500px){
  .list-of-items .item{
    padding: 35px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width:768px){
  .list-of-items .item{
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 30px;

    max-width: none;
    flex: 0 1 100%;

    display: flex;
    flex-flow: column nowrap;
  }
}

.list-of-items.text-align-center .item{
  text-align: center;
}

/* ENTIRE ITEM IS A LINK */
.list-of-items.highlight-color-default a.item,
.list-of-items.highlight-color-default a.item *,
.list-of-items.highlight-color-dark-coral a.item,
.list-of-items.highlight-color-dark-coral a.item *,
.list-of-items.highlight-color-orange a.item,
.list-of-items.highlight-color-orange a.item *,
.list-of-items.highlight-color-dark-teal a.item,
.list-of-items.highlight-color-dark-teal a.item *{
  text-decoration: none;
  color: #000000;
}

.list-of-items.highlight-color-default a.item:hover h4,
.list-of-items.highlight-color-dark-coral a.item:hover h4,
.list-of-items.highlight-color-orange a.item:hover h4,
.list-of-items.highlight-color-dark-teal a.item:hover h4{
  text-decoration: underline;
}

.list-of-items.highlight-color-default a.item:hover h4,
.list-of-items.highlight-color-default a.item:hover p,
.list-of-items.highlight-color-default a.item:hover span{
  opacity: 0.7;
}

.list-of-items.highlight-color-dark-coral a.item:hover h4,
.list-of-items.highlight-color-dark-coral a.item:hover h4 span{
  color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
  opacity: 1;
}

.list-of-items.highlight-color-dark-coral a.item:hover p,
.list-of-items.highlight-color-dark-coral a.item:hover span{
  opacity: 0.7;
}

.list-of-items.highlight-color-orange a.item:hover h4,
.list-of-items.highlight-color-orange a.item:hover h4 span{
  color: #e38f19; /* NDWA-Orange-HOVER */
  opacity: 1;
}

.list-of-items.highlight-color-orange a.item:hover p,
.list-of-items.highlight-color-orange a.item:hover span{
  opacity: 0.7;
}

.list-of-items.highlight-color-dark-teal a.item:hover h4,
.list-of-items.highlight-color-dark-teal a.item:hover h4 span{
  color: #24a3b2; /* NDWA-Dark-Teal */
  opacity: 1;
}

.list-of-items.highlight-color-dark-teal a.item:hover p,
.list-of-items.highlight-color-dark-teal a.item:hover span{
  opacity: 0.7;
}

/* TRANSPARENT BOXES */
.list-of-items.box-style-none:not(.list-of-items-4-columns-text, .list-of-items-3-columns-text, .list-of-items-2-columns-text) .item{
  padding-bottom: 0;
}

@media only screen and (min-width:768px){
  .list-of-items.box-style-none:not(.list-of-items-4-columns-text, .list-of-items-3-columns-text, .list-of-items-2-columns-text) .item{
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width:992px){
  .list-of-items.box-style-none:not(.list-of-items-4-columns-text) .item{
    padding-left: 0;
    padding-right: 0;
  }
}

/* WHITE BOXES */

.list-of-items.box-style-white-box .item{
  background-color: #FFFFFF;
  padding-bottom: 30px;
}

.background-color-white .list-of-items.box-style-white-box .item{
  border: 1px solid #BBBBBB; /* NDWA-Medium-Light-Grey-Borders */
}

@media only screen and (min-width:500px){
  .list-of-items.box-style-white-box .item{
    padding: 35px 35px 25px;;
  }
}

@media only screen and (min-width:992px){
  .list-of-items.list-of-items-4-columns.box-style-white-box .item,
  .list-of-items.list-of-items-4-columns-text.box-style-white-box .item{
    padding: 25px 20px 10px;
  }
}

.list-of-items.box-style-white-box.button-style-button-black .item{
  padding-bottom: 35px;
}

@media only screen and (min-width:500px){
  .list-of-items.box-style-white-box.button-style-button-black .item{
    padding-bottom: 35px;
  }
}

.list-of-items .item:last-of-type{
  margin-bottom: 0;
}

@media only screen and (min-width:500px){
  .list-of-items .item:last-of-type{
    margin-bottom: 0;
  }
}

@media only screen and (min-width:768px){
  .list-of-items .item:last-of-type{
    margin-bottom: 30px;
  }
}

.list-of-items h4{
  text-align: left;
}

@media only screen and (min-width:768px){
  .list-of-items h4{

  }
}

.list-of-items.text-align-center h4{
  text-align: center;
}

.list-of-items p{
  text-align: left;
}

.list-of-items ul{
  text-align: left;
  padding-top: 0;
  margin: 0;
}

.list-of-items h4 > *, 
.list-of-items p > * {
  word-break: break-word;
}

.list-of-items p.subtitle{
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 0;
}

.list-of-items p:not(.subtitle){
  padding-top: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media only screen and (min-width:768px){
  .list-of-items p{
  }
}

.list-of-items.text-align-center p{
  text-align: center;
}

@media only screen and (min-width:768px){
}

.item.item-has-no-description a.button{
  margin-top: 20px;
}

/* added .button.button-text so it applies to spans and not just a links */
.list-of-items .button.button-text,
.list-of-items a.button.button-text{
  margin-top: auto; /* floats button to bottom */
  flex: 0 0 auto;
  align-self: flex-start; /* horizontally left */
  min-width: 0;
  padding: 0 25px 0 0; /* default transparent-bg text-button */
  padding: 10px 25px 10px 0; /* fixed for buttons with long text */
  text-align: left;
  /* do not use overflow: hidden. it breaks all button arrows */
}

@media only screen and (min-width:768px){
  .list-of-items a.button.button-text{
  }
}

.list-of-items.text-align-center .button,
.list-of-items.text-align-center a.button{
  align-self: center; /* horizontally left */
  display: inline-grid; /* ?? what is this ?? */
  text-align: center;
}

.list-of-items .item-image{
  margin-bottom: 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items:  center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

@media only screen and (min-width:992px){
  .list-of-items .item-image{
    margin-bottom: 30px;
  }
}

.list-of-items .item-image img{
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  opacity: 0;
}

.list-of-items.text-align-center .item-image{
  background-position: center center;
}

.list-of-items.image-height-small .item-image{
  height: 150px;
}

.list-of-items.image-height-medium .item-image{
  height: 200px;
}

.list-of-items.image-height-large .item-image{
  height: 250px;
}

@media only screen and (min-width:500px){
  .list-of-items.box-style-white-box .item-image{
    background-position: center center;
    max-width: 200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width:992px){
  .list-of-items.box-style-white-box .item-image{
    width: 100%;
    max-width: 218px;
  }
}

.background-color-black .list-of-items.box-style-white-box,
.background-color-blue .list-of-items.box-style-white-box,
.background-color-dark-teal .list-of-items.box-style-white-box,
.background-color-dark-pink .list-of-items.box-style-white-box,
.background-color-lavender .list-of-items.box-style-white-box,
.background-color-purple .list-of-items.box-style-white-box,
.background-color-pink .list-of-items.box-style-white-box,
.background-color-dark-coral .list-of-items.box-style-white-box{
  color: #000000; /* NDWA-Black */
}

.list-of-items.button-style-button-text .button-text{
  display: inline-block; /* 3/22/22 not sure if this is a bad change. was block */
}

.list-of-items.button-style-button-text .button-black{
  display: none!important;
}

.list-of-items.button-style-button-black .button-text{
  display: none!important;
}

.list-of-items.button-style-button-black .button-black{
  display: block;
  margin-left: 0;
  margin-right: 0;
}

.list-of-items-bulleted .list-of-items p{
  margin: 0;
  padding: 0;
}

.list-of-items-bulleted .list-of-items ul{
  padding: 15px 15px 10px;
  margin: 0;
}

.list-of-items-bulleted .list-of-items ul li + li{
  margin-top: 10px;
}

@media only screen and (min-width:768px){
  .list-of-items-bulleted .list-of-items ul li + li{
    margin-top: 15px;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-bulleted .list-of-items ul li + li{
    margin-top: 15px;
  }
}

/* ---- PAGE BLOCKS: LIST OF ITEMS : 2 COLUMNS ---- */

@media only screen and (min-width:768px){
  .list-of-items-2-columns,
  .list-of-items-2-columns-text{
  }
}

@media only screen and (min-width:768px){
  .list-of-items-2-columns .item,
  .list-of-items-2-columns-text .item{
    flex: 0 0 47%;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-2-columns .item,
  .list-of-items-2-columns-text .item{
    flex: 0 0 47%;
  }
}

@media only screen and (min-width :1200px){
  .list-of-items-2-columns .item,
  .list-of-items-2-columns-text .item{
    flex: 0 0 47%;
  }
}

/* ---- PAGE BLOCKS: LIST OF ITEMS : 3 COLUMNS ---- */

@media only screen and (min-width:768px){
  .list-of-items-3-columns,
  .list-of-items-3-columns-text{

  }
}

@media only screen and (min-width:768px){
  .list-of-items-3-columns .item,
  .list-of-items-3-columns-text .item{
    flex: 0 0 47%;
  }
}

@media only screen and (min-width:992px){
  .list-of-items-3-columns .item,
  .list-of-items-3-columns-text .item{
    flex: 0 0 30%;
  }
}

.list-of-items-2-columns-text .item,
.list-of-items-3-columns-text .item,
.list-of-items-4-columns-text .item{
  padding: 30px 0 0;
}

.background-color-black .list-of-items-2-columns-text .item,
.background-color-blue .list-of-items-2-columns-text .item,
.background-color-dark-teal .list-of-items-2-columns-text .item,
.background-color-dark-pink .list-of-items-2-columns-text .item,
.background-color-lavender .list-of-items-2-columns-text .item,
.background-color-purple .list-of-items-2-columns-text .item,
.background-color-pink .list-of-items-2-columns-text .item,
.background-color-dark-coral .list-of-items-2-columns-text .item,
.background-color-custom-dark .list-of-items-2-columns-text .item,
.background-color-black .list-of-items-3-columns-text .item,
.background-color-blue .list-of-items-3-columns-text .item,
.background-color-dark-teal .list-of-items-3-columns-text .item,
.background-color-dark-pink .list-of-items-3-columns-text .item,
.background-color-lavender .list-of-items-3-columns-text .item,
.background-color-purple .list-of-items-3-columns-text .item,
.background-color-pink .list-of-items-3-columns-text .item,
.background-color-dark-coral .list-of-items-3-columns-text .item,
.background-color-custom-dark .list-of-items-3-columns-text .item,
.background-color-black .list-of-items-4-columns-text .item,
.background-color-blue .list-of-items-4-columns-text .item,
.background-color-dark-teal .list-of-items-4-columns-text .item,
.background-color-dark-pink .list-of-items-4-columns-text .item,
.background-color-lavender .list-of-items-4-columns-text .item,
.background-color-purple .list-of-items-4-columns-text .item,
.background-color-pink .list-of-items-4-columns-text .item,
.background-color-dark-coral .list-of-items-4-columns-text .item,
.background-color-custom-dark .list-of-items-4-columns-text .item{
  border-top: 6px solid #FFFFFF; /* NDWA-White */
}

.background-color-white .list-of-items-2-columns-text .item,
.background-color-light-grey .list-of-items-2-columns-text .item,
.background-color-yellow .list-of-items-2-columns-text .item,
.background-color-green .list-of-items-2-columns-text .item,
.background-color-teal .list-of-items-2-columns-text .item,
.background-color-orange .list-of-items-2-columns-text .item,
.background-color-light-coral .list-of-items-2-columns-text .item,
.background-color-custom-light .list-of-items-2-columns-text .item,
.background-color-white .list-of-items-3-columns-text .item,
.background-color-light-grey .list-of-items-3-columns-text .item,
.background-color-yellow .list-of-items-3-columns-text .item,
.background-color-green .list-of-items-3-columns-text .item,
.background-color-teal .list-of-items-3-columns-text .item,
.background-color-orange .list-of-items-3-columns-text .item,
.background-color-light-coral .list-of-items-3-columns-text .item,
.background-color-custom-light .list-of-items-3-columns-text .item,
.background-color-white .list-of-items-4-columns-text .item,
.background-color-light-grey .list-of-items-4-columns-text .item,
.background-color-yellow .list-of-items-4-columns-text .item,
.background-color-green .list-of-items-4-columns-text .item,
.background-color-teal .list-of-items-4-columns-text .item,
.background-color-orange .list-of-items-4-columns-text .item,
.background-color-light-coral .list-of-items-4-columns-text .item,
.background-color-custom-light .list-of-items-4-columns-text .item{
  border-top: 6px solid #000000; /* NDWA-Black */
}

.background-color-black .list-of-items-2-columns-text a.button.button-text:before,
.background-color-blue .list-of-items-2-columns-text a.button.button-text:before,
.background-color-dark-teal .list-of-items-2-columns-text a.button.button-text:before,
.background-color-dark-pink .list-of-items-2-columns-text a.button.button-text:before,
.background-color-lavender .list-of-items-2-columns-text a.button.button-text:before,
.background-color-purple .list-of-items-2-columns-text a.button.button-text:before,
.background-color-pink .list-of-items-2-columns-text a.button.button-text:before,
.background-color-dark-coral .list-of-items-2-columns-text a.button.button-text:before,
.background-color-custom-dark .list-of-items-2-columns-text a.button.button-text:before,
.background-color-black .list-of-items-3-columns-text a.button.button-text:before,
.background-color-blue .list-of-items-3-columns-text a.button.button-text:before,
.background-color-dark-teal .list-of-items-3-columns-text a.button.button-text:before,
.background-color-dark-pink .list-of-items-3-columns-text a.button.button-text:before,
.background-color-lavender .list-of-items-3-columns-text a.button.button-text:before,
.background-color-purple .list-of-items-3-columns-text a.button.button-text:before,
.background-color-pink .list-of-items-3-columns-text a.button.button-text:before,
.background-color-dark-coral .list-of-items-3-columns-text a.button.button-text:before,
.background-color-custom-dark .list-of-items-3-columns-text a.button.button-text:before,
.background-color-black .list-of-items-4-columns-text a.button.button-text:before,
.background-color-blue .list-of-items-4-columns-text a.button.button-text:before,
.background-color-dark-teal .list-of-items-4-columns-text a.button.button-text:before,
.background-color-dark-pink .list-of-items-4-columns-text a.button.button-text:before,
.background-color-lavender .list-of-items-4-columns-text a.button.button-text:before,
.background-color-purple .list-of-items-4-columns-text a.button.button-text:before,
.background-color-pink .list-of-items-4-columns-text a.button.button-text:before,
.background-color-dark-coral .list-of-items-4-columns-text a.button.button-text:before,
.background-color-custom-dark .list-of-items-4-columns-text a.button.button-text:before{
  border-top-color: #FFFFFF; /* NDWA-White */
}

.background-color-black .list-of-items-2-columns-text a.button.button-text:after,
.background-color-blue .list-of-items-2-columns-text a.button.button-text:after,
.background-color-dark-teal .list-of-items-2-columns-text a.button.button-text:after,
.background-color-dark-pink .list-of-items-2-columns-text a.button.button-text:after,
.background-color-lavender .list-of-items-2-columns-text a.button.button-text:after,
.background-color-purple .list-of-items-2-columns-text a.button.button-text:after,
.background-color-pink .list-of-items-2-columns-text a.button.button-text:after,
.background-color-dark-coral .list-of-items-2-columns-text a.button.button-text:after,
.background-color-custom-dark .list-of-items-2-columns-text a.button.button-text:after,
.background-color-black .list-of-items-3-columns-text a.button.button-text:after,
.background-color-blue .list-of-items-3-columns-text a.button.button-text:after,
.background-color-dark-teal .list-of-items-3-columns-text a.button.button-text:after,
.background-color-dark-pink .list-of-items-3-columns-text a.button.button-text:after,
.background-color-lavender .list-of-items-3-columns-text a.button.button-text:after,
.background-color-purple .list-of-items-3-columns-text a.button.button-text:after,
.background-color-pink .list-of-items-3-columns-text a.button.button-text:after,
.background-color-dark-coral .list-of-items-3-columns-text a.button.button-text:after,
.background-color-custom-dark .list-of-items-3-columns-text a.button.button-text:after,
.background-color-black .list-of-items-4-columns-text a.button.button-text:after,
.background-color-blue .list-of-items-4-columns-text a.button.button-text:after,
.background-color-dark-teal .list-of-items-4-columns-text a.button.button-text:after,
.background-color-dark-pink .list-of-items-4-columns-text a.button.button-text:after,
.background-color-lavender .list-of-items-4-columns-text a.button.button-text:after,
.background-color-purple .list-of-items-4-columns-text a.button.button-text:after,
.background-color-pink .list-of-items-4-columns-text a.button.button-text:after,
.background-color-dark-coral .list-of-items-4-columns-text a.button.button-text:after,
.background-color-custom-dark .list-of-items-4-columns-text a.button.button-text:after{
  border-top-color: #FFFFFF; /* NDWA-White */
  border-right-color: #FFFFFF; /* NDWA-White */
}

.background-color-black .list-of-items-2-columns-text a.button.button-text,
.background-color-blue .list-of-items-2-columns-text a.button.button-text,
.background-color-dark-teal .list-of-items-2-columns-text a.button.button-text,
.background-color-dark-pink .list-of-items-2-columns-text a.button.button-text,
.background-color-lavender .list-of-items-2-columns-text a.button.button-text,
.background-color-purple .list-of-items-2-columns-text a.button.button-text,
.background-color-pink .list-of-items-2-columns-text a.button.button-text,
.background-color-dark-coral .list-of-items-2-columns-text a.button.button-text,
.background-color-custom-dark .list-of-items-2-columns-text a.button.button-text,
.background-color-black .list-of-items-3-columns-text a.button.button-text,
.background-color-blue .list-of-items-3-columns-text a.button.button-text,
.background-color-dark-teal .list-of-items-3-columns-text a.button.button-text,
.background-color-dark-pink .list-of-items-3-columns-text a.button.button-text,
.background-color-lavender .list-of-items-3-columns-text a.button.button-text,
.background-color-purple .list-of-items-3-columns-text a.button.button-text,
.background-color-pink .list-of-items-3-columns-text a.button.button-text,
.background-color-dark-coral .list-of-items-3-columns-text a.button.button-text,
.background-color-custom-dark .list-of-items-3-columns-text a.button.button-text,
.background-color-black .list-of-items-4-columns-text a.button.button-text,
.background-color-blue .list-of-items-4-columns-text a.button.button-text,
.background-color-dark-teal .list-of-items-4-columns-text a.button.button-text,
.background-color-dark-pink .list-of-items-4-columns-text a.button.button-text,
.background-color-lavender .list-of-items-4-columns-text a.button.button-text,
.background-color-purple .list-of-items-4-columns-text a.button.button-text,
.background-color-pink .list-of-items-4-columns-text a.button.button-text,
.background-color-dark-coral .list-of-items-4-columns-text a.button.button-text,
.background-color-custom-dark .list-of-items-4-columns-text a.button.button-text{
  color: #FFFFFF; /* NDWA-White */
}

.background-color-black .list-of-items-2-columns-text a.button.button-text:hover,
.background-color-blue .list-of-items-2-columns-text a.button.button-text:hover,
.background-color-dark-teal .list-of-items-2-columns-text a.button.button-text:hover,
.background-color-dark-pink .list-of-items-2-columns-text a.button.button-text:hover,
.background-color-lavender .list-of-items-2-columns-text a.button.button-text:hover,
.background-color-purple .list-of-items-2-columns-text a.button.button-text:hover,
.background-color-pink .list-of-items-2-columns-text a.button.button-text:hover,
.background-color-dark-coral .list-of-items-2-columns-text a.button.button-text:hover,
.background-color-custom-dark .list-of-items-2-columns-text a.button.button-text:hover,
.background-color-black .list-of-items-3-columns-text a.button.button-text:hover,
.background-color-blue .list-of-items-3-columns-text a.button.button-text:hover,
.background-color-dark-teal .list-of-items-3-columns-text a.button.button-text:hover,
.background-color-dark-pink .list-of-items-3-columns-text a.button.button-text:hover,
.background-color-lavender .list-of-items-3-columns-text a.button.button-text:hover,
.background-color-purple .list-of-items-3-columns-text a.button.button-text:hover,
.background-color-pink .list-of-items-3-columns-text a.button.button-text:hover,
.background-color-dark-coral .list-of-items-3-columns-text a.button.button-text:hover,
.background-color-custom-dark .list-of-items-3-columns-text a.button.button-text:hover,
.background-color-black .list-of-items-4-columns-text a.button.button-text:hover,
.background-color-blue .list-of-items-4-columns-text a.button.button-text:hover,
.background-color-dark-teal .list-of-items-4-columns-text a.button.button-text:hover,
.background-color-dark-pink .list-of-items-4-columns-text a.button.button-text:hover,
.background-color-lavender .list-of-items-4-columns-text a.button.button-text:hover,
.background-color-purple .list-of-items-4-columns-text a.button.button-text:hover,
.background-color-pink .list-of-items-4-columns-text a.button.button-text:hover,
.background-color-dark-coral .list-of-items-4-columns-text a.button.button-text:hover,
.background-color-custom-dark .list-of-items-4-columns-text a.button.button-text:hover,

.background-color-black .list-of-items-2-columns-text a.button.button-text:focus,
.background-color-blue .list-of-items-2-columns-text a.button.button-text:focus,
.background-color-dark-teal .list-of-items-2-columns-text a.button.button-text:focus,
.background-color-dark-pink .list-of-items-2-columns-text a.button.button-text:focus,
.background-color-lavender .list-of-items-2-columns-text a.button.button-text:focus,
.background-color-purple .list-of-items-2-columns-text a.button.button-text:focus,
.background-color-pink .list-of-items-2-columns-text a.button.button-text:focus,
.background-color-dark-coral .list-of-items-2-columns-text a.button.button-text:focus,
.background-color-custom-dark .list-of-items-2-columns-text a.button.button-text:focus,
.background-color-black .list-of-items-3-columns-text a.button.button-text:focus,
.background-color-blue .list-of-items-3-columns-text a.button.button-text:focus,
.background-color-dark-teal .list-of-items-3-columns-text a.button.button-text:focus,
.background-color-dark-pink .list-of-items-3-columns-text a.button.button-text:focus,
.background-color-lavender .list-of-items-3-columns-text a.button.button-text:focus,
.background-color-purple .list-of-items-3-columns-text a.button.button-text:focus,
.background-color-pink .list-of-items-3-columns-text a.button.button-text:focus,
.background-color-dark-coral .list-of-items-3-columns-text a.button.button-text:focus,
.background-color-custom-dark .list-of-items-3-columns-text a.button.button-text:focus,
.background-color-black .list-of-items-4-columns-text a.button.button-text:focus,
.background-color-blue .list-of-items-4-columns-text a.button.button-text:focus,
.background-color-dark-teal .list-of-items-4-columns-text a.button.button-text:focus,
.background-color-dark-pink .list-of-items-4-columns-text a.button.button-text:focus,
.background-color-lavender .list-of-items-4-columns-text a.button.button-text:focus,
.background-color-purple .list-of-items-4-columns-text a.button.button-text:focus,
.background-color-pink .list-of-items-4-columns-text a.button.button-text:focus,
.background-color-dark-coral .list-of-items-4-columns-text a.button.button-text:focus,
.background-color-custom-dark .list-of-items-4-columns-text a.button.button-text:focus{
  opacity: 0.7;
}

.list-of-items-2-columns-text h4,
.list-of-items-2-columns-text p,
.list-of-items-3-columns-text h4,
.list-of-items-3-columns-text p,
.list-of-items-4-columns-text h4,
.list-of-items-4-columns-text p{
  text-align: left;
}

/* ---- PAGE BLOCKS: LIST OF ITEMS : 4 COLUMNS ---- */

@media only screen and (min-width:768px){
  .chapters-and-affiliates .item,
  .list-of-items-4-columns .item,
  .list-of-items-4-columns-text .item{
    flex: 0 0 47%;
  }
}

@media only screen and (min-width:992px){
  .chapters-and-affiliates .item,
  .list-of-items-4-columns .item,
  .list-of-items-4-columns-text .item{
    flex: 0 0 21.5%;
  }
}

@media only screen and (min-width:768px){
  .chapters-and-affiliates .item h4,
  .list-of-items-4-columns h4{
    word-break: break-word;
  }
}

@media only screen and (min-width:768px){
  .chapters-and-affiliates .item p,
  .list-of-items-4-columns p{
  }
}

@media only screen and (min-width:768px){
  .list-of-items-4-columns a.button{
    
  }
}

@media only screen and (min-width:768px){
  .list-of-items-4-columns .item-image{
    height: 125px !important;
  }
}

/* ---- PAGE BLOCKS: LIST OF PEOPLE ---- */

.list-of-items.list-of-people{
}

@media only screen and (min-width: 992px){
  .list-of-items.list-of-items-4-columns.list-of-people .item{
    flex: 0 0 22%;
    padding: 15px;
  }
}

.list-of-items.list-of-people .item-image{
  background-size: cover;
}

.list-of-items.list-of-people.image-style-square .item-image{
  margin-left: auto;
  margin-right: auto;
}

.list-of-items.list-of-people.image-style-circle .item-image{
  margin-left: auto;
  margin-right: auto;
}

.list-of-items.list-of-people.image-style-rectangle .item-image{
  margin-left: auto;
  margin-right: auto;
}

.list-of-items.list-of-people.list-of-items-1-column.image-style-square .item-image,
.list-of-items.list-of-people.list-of-items-3-columns.image-style-square .item-image{
  width: 250px;
  flex: 0 0 250px;
  height: 250px;
}

.list-of-items.list-of-people.list-of-items-1-column.image-style-circle .item-image,
.list-of-items.list-of-people.list-of-items-3-columns.image-style-circle .item-image{
  width: 200px;
  flex: 0 0 200px;
  height: 200px;
  border-radius: 125px;
}

.list-of-items.list-of-people.list-of-items-1-column.image-style-rectangle .item-image,
.list-of-items.list-of-people.list-of-items-3-columns.image-style-rectangle .item-image{
  width: 215px;
  flex: 0 0 250px;
  height: 250px;
}

.list-of-items.list-of-items-4-columns.list-of-people.image-style-square .item-image{
  width: 200px;
  flex: 0 0 200px;
  height: 200px;
}

.list-of-items.list-of-items-4-columns.list-of-people.image-style-circle .item-image{
  width: 200px;
  flex: 0 0 200px;
  height: 200px;
  border-radius: 100px;
}

.list-of-items.list-of-items-4-columns.list-of-people.image-style-rectangle .item-image{
  width: 175px;
  flex: 0 0 205px;
  height: 205px;
}

.list-of-items.list-of-people:not(.list-of-items-1-column) p.subtitle{
  font-size: 0.9em;
}

.list-of-items.list-of-people:not(.list-of-items-1-column) p.description{
  font-size: 0.85em;
}

/* LIST OF PEOPLE 1 COLUMN */

.list-of-items.list-of-items-1-column.list-of-people .item{
  flex: 0 0 100%;
  padding: 0;
  margin-bottom: 60px;
}

@media only screen and (min-width: 992px){
  .list-of-items.list-of-items-1-column.list-of-people .item{
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 992px){
  .list-of-items.list-of-items-1-column.list-of-people .item-image{
    flex: 0 0 250px;
    margin-right: 45px;
  }
}

@media only screen and (min-width: 992px){
  .list-of-items.list-of-items-1-column.list-of-people .item-text{
    flex: 1 0 50%;
  }
}

@media only screen and (min-width: 992px){
  .list-of-items.text-align-center.list-of-people.list-of-items-1-column h4{
    text-align: left;
  }
}

.list-of-items.text-align-center.list-of-people.list-of-items-1-column p:not(.subtitle){
  text-align: left;
}

@media only screen and (min-width: 992px){
  .list-of-items.text-align-center.list-of-people.list-of-items-1-column p.subtitle{
    text-align: left;
  }
}

/* SPEIFIC IMAGE FOR SPLIT-LAYOUT TEXT + SIDEBAR LAYOUT */
.text-sidebar-image{
 
}

.layout-section-text .text-sidebar-image{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 992px){
  .layout-section-text .text-sidebar-image{
    display: none;
  }
}

.layout-section-sidebar .text-sidebar-image{
  display: none;
}

@media only screen and (min-width: 992px){
  .layout-section-sidebar .text-sidebar-image{
    display: block;
    margin-left: 0;
  }
}

.single-image{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}

.single-image.center{
  margin-left: auto;
  margin-right: auto;
}

.single-image.circle{
  width: 275px;
  height: 275px;
  border-radius: 137.5px;
}

@media only screen and (min-width: 1200px){
  .single-image.circle{
    width: 336px;
    height: 336px;
    border-radius: 168px;
  }
}

.single-image.circle img{
  width: 100%;
  height: 100%;
  opacity: 0;
}

.single-image.square{
  width: 275px;
  height: 275px;
}

.single-image.square img{
  width: 100%;
  height: 100%;
  opacity: 0;
}

.single-image.rectangle{
  width: 275px;
  height: 300px;
}

.single-image.rectangle img{
  width: 100%;
  height: 100%;
  opacity: 0;
}

.single-image.img{
  background-image: none !important;
}

.single-image.img img{
  max-width: 300px;
  width: 100%;
  height: auto;
  opacity: 1;
}

@media only screen and (min-width: 992px){
  .single-image.img img{
    max-width: 100%;
  }
}

/* ---- PAGE BLOCKS: LIST OF LOGOS ---- */

.list-of-items.list-of-logos{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -1.5%;
  margin-right: -1.5%;
}

.list-of-items.list-of-logos.last-row-flex-start{
  justify-content: flex-start;
}

.list-of-items.list-of-logos .item{
  padding: 10px;
  margin-bottom: 5px;
  flex: 0 0 47.75%;
}

@media only screen and (min-width:500px){
  .list-of-items.list-of-logos .item{
    padding: 15px 10px;
  }
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-logos .item{
    flex: 0 0 30.3%;
  }
}

@media only screen and (min-width:992px){
  .list-of-items.list-of-logos .item{
    flex: 0 0 22%;
  }
}

.list-of-items.list-of-logos .item a{
  display:block;
}

.list-of-items.list-of-logos .item a:hover{
  opacity: 0.7;
}

.list-of-items.list-of-logos .item-image{
  background-position: center center;
  margin-bottom: 0;
  height: 70px;
}

@media only screen and (min-width:500px){
  .list-of-items.list-of-logos .item-image{
    height: 100px;
  }
}

/* ---- PROGRAMS & CAMPAIGNS / GET INVOLVED ---- */

.layout-list-of-items.layout-list-of-campaigns{
  
}

@media only screen and (min-width:500px){
  .layout-list-of-items.layout-list-of-campaigns .container{
    max-width: 1350px;
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.list-of-items.list-of-campaigns{
}

.list-of-items.list-of-actions .item,
.list-of-items.list-of-campaigns .item{
  margin-bottom: 30px;
}

.list-of-items.list-of-actions .item{
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-actions .item,
  .list-of-items.list-of-campaigns .item{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
    max-width: none;
  }
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-actions .item{
    padding-bottom: 0;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width:992px){
  .list-of-items.list-of-actions .item{
    margin-bottom: 90px;
  }
}

.list-of-items.list-of-campaigns .item-text{
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-actions .item-text,
  .list-of-items.list-of-campaigns .item-text{
    flex: 0 0 50%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;
  }
}

.list-of-items.list-of-campaigns .item h1,
.list-of-items.list-of-campaigns .item h2{

}

.list-of-items.list-of-campaigns .item h1 span,
.list-of-items.list-of-campaigns .item h2 span{
  color: #FFFFFF;
}

.list-of-items.list-of-campaigns .item.background-color-blue h1 span,
.list-of-items.list-of-campaigns .item.background-color-dark-teal h1 span,
.list-of-items.list-of-campaigns .item.background-color-dark-pink h1 span,
.list-of-items.list-of-campaigns .item.background-color-lavender h1 span,
.list-of-items.list-of-campaigns .item.background-color-purple h1 span,
.list-of-items.list-of-campaigns .item.background-color-pink h1 span,
.list-of-items.list-of-campaigns .item.background-color-dark-coral h1 span,
.list-of-items.list-of-campaigns .item.background-color-custom-dark h1 span,
.list-of-items.list-of-campaigns .item.background-color-blue h2 span,
.list-of-items.list-of-campaigns .item.background-color-dark-teal h2 span,
.list-of-items.list-of-campaigns .item.background-color-dark-pink h2 span,
.list-of-items.list-of-campaigns .item.background-color-lavender h2 span,
.list-of-items.list-of-campaigns .item.background-color-purple h2 span,
.list-of-items.list-of-campaigns .item.background-color-pink h2 span,
.list-of-items.list-of-campaigns .item.background-color-dark-coral h2 span,
.list-of-items.list-of-campaigns .item.background-color-custom-dark h2 span{
  color: #000000;
}

.list-of-items.list-of-actions .item h1 + p,
.list-of-items.list-of-campaigns .item h2 + p{
  padding-top: 0;
}

.list-of-items.list-of-campaigns .item h1 + p{
  padding-top: 20px;
}


.list-of-items.list-of-campaigns .item p{
  margin-top: 5px;
  margin-bottom: 10px;
}

.list-of-campaigns ul.tags{
  padding-top: 0;
  margin-bottom: 20px;
}

.list-of-campaigns ul.tags li + li{
  margin-top: 0;
}

.list-of-items.list-of-campaigns .item-image,
.list-of-items.list-of-actions .item-image{
  background-position: center center;
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-campaigns .item-image,
  .list-of-items.list-of-actions .item-image{
    margin-bottom: 0;
    height: auto;
    flex: 0 1 50%;
  }
}

.list-of-items.list-of-campaigns a.button{
  display: block;
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-actions a.button,
  .list-of-items.list-of-campaigns a.button{
    align-self: flex-start;
    display: inline-block;
  }
}

.list-of-items.list-of-campaigns .item:nth-child(2n){
  
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-actions .item:nth-child(2n +1) .item-image,
  .list-of-items.list-of-campaigns .item:nth-child(2n +1) .item-image{
    order: 2;
  }
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-actions .item:nth-child(2n +1) .item-text,
  .list-of-items.list-of-campaigns .item:nth-child(2n +1) .item-text{
    order: 1;
  }
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-actions .item:nth-child(2n +1) .item-text{
    padding-right: 40px;
  }
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-actions .item:nth-child(2n) .item-text{
    padding-left: 40px;
  }
}

/* ---- TAKE ACTION ---- */

.layout-list-of-items.layout-list-of-take-actions .container {
  
}

@media only screen and (min-width: 768px){
  .layout-list-of-items.layout-list-of-take-actions .container {
    padding-left: 35px;
    padding-right: 35px;
    max-width: none;
  }
}
    
@media only screen and (min-width: 992px){
  .layout-list-of-items.layout-list-of-take-actions .container {
    padding-left: 45px;
    padding-right: 45px;
    max-width: none;
  }
}

@media only screen and (min-width: 1200px){
  .layout-list-of-items.layout-list-of-take-actions .container {
    max-width: 1350px;
  }
}

.list-of-items.list-of-take-actions .item {
  padding: 0;
  align-items: stretch;
}

@media only screen and (min-width: 768px){
  .list-of-items.list-of-take-actions .item {
    
  }
}

.list-of-items.list-of-take-actions .item .take-action-graphic{
  background-color: #ff9d14;
  
}

.list-of-items.list-of-take-actions .item .take-action-graphic-image.custom{
  display:none;
}


.list-of-items.list-of-take-actions .item h6{
  background-color: #ff9d14;
  padding: 10px 25px;
  display: inline-block;
}

.list-of-items.list-of-take-actions .item h6.text-color-inverse-white{
  color: #000000;
}

.list-of-items.list-of-take-actions .item h6.text-color-inverse-black{
  color: #FFFFFF;
}

.list-of-items.list-of-take-actions .item .take-action-graphic-image{
  width: 100%;
  height: 200px;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.list-of-items.list-of-take-actions .item-text {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
  padding: 20px 25px 25px;
}

.list-of-items.list-of-take-actions .item h4 {
  word-break: break-word;
}

.list-of-items.list-of-take-actions .item p.post-location {
  margin-top: 10px;
  margin-bottom: 0px;
}

.list-of-items.list-of-take-actions .item p.post-description {
  margin-top: 20px;
  margin-bottom: 15px;
}

.layout-body .list-of-items.list-of-take-actions .item ul.tags{
  padding-top: 0;
}

.layout-body .list-of-items.list-of-take-actions .item ul.tags li + li{
  margin-top: 0 !important;
}

.list-of-items.list-of-take-actions a.button {
  margin-top: auto;
  background-color: #ff9d14;
}



/* ---- STRATEGY ---- */

.layout-hero.layout-single-strategy{
  padding-top: 0;
  padding-bottom: 0;
}

.layout-hero.layout-single-strategy.breadcrumbs-yes{
  padding-top: 10px;
  padding-bottom: 0;
}

@media only screen and (min-width:992px){
  .layout-hero.layout-single-strategy.breadcrumbs-yes{
    padding-top: 0;
    padding-bottom: 0;
  }
}

.layout-hero.layout-single-strategy .hero-container{
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (min-width:576px){
  .layout-hero.layout-single-strategy .hero-container{
    
  }
}

@media only screen and (min-width:992px){
  .layout-hero.layout-single-strategy .hero-container{
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen and (min-width:768px){
  .layout-hero.layout-single-strategy .hero-container{
    max-width: none;
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.layout-single-strategy .hero-container{
    max-width: none; 
  }
}

@media only screen and (min-width: 1200px){
  .layout-hero.layout-single-strategy .hero-container{
    max-width: 1350px;
  }
}

@media only screen and (min-width:992px){
  .layout-hero.layout-single-strategy.breadcrumbs-yes .hero-container{
    padding-top: 0;
    padding-bottom: 0;
  }
}

.list-of-items.list-of-campaigns.single-strategy .item{
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width:768px){
  .list-of-items.list-of-campaigns.single-strategy .item{
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width:992px){
  .list-of-items.list-of-campaigns.single-strategy .item{
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
}

@media only screen and (min-width:992px){
  .list-of-items.list-of-campaigns.single-strategy .item-image{
    background-position: right center;
  }
}

@media only screen and (min-width: 1200px){
  .list-of-items.list-of-campaigns.single-strategy .item-image{
    background-position: right center;
  }
}

@media only screen and (min-width:992px){
  .list-of-items.list-of-campaigns.single-strategy .item h2{
    text-align: left;
  }
}

@media only screen and (min-width:992px){
  .list-of-items.list-of-campaigns.single-strategy .item p{
    text-align: left;
  }
}

.single-strategy ul.tags{
  margin-bottom: 0;
  justify-content: flex-start;
}

/* ---- PAGE BLOCK: SPLIT CTA ---- */

.layout-split-cta{
  overflow: hidden;
}

@media only screen and (min-width: 992px){
  .layout-split-cta.layout-hero.background-style-background-right.image-left .hero-container,
  .layout-split-cta.layout-hero.background-style-left-with-background-gradient.image-left .hero-container{
    order: 2; 
    padding: 0 0 0 50px;
  }
}

@media only screen and (min-width: 992px){
  .layout-split-cta.layout-hero.background-style-background-right.image-left .hero-graphic, 
  .layout-split-cta.layout-hero.background-style-left-with-background-gradient.image-left .hero-graphic{
    order: 1;
  }
}

/* TRIANGLES & HEXAGONS */

@media only screen and (min-width: 992px){
  .layout-split-cta.overlay-triangles,
  .layout-split-cta.overlay-hexagons{
    position: relative;
  }
}

.layout-split-cta.overlay-triangles:before{
  display: block;
  position: absolute;
  width: 100%;
  height: 150px;
  content: " ";
  top: 0;
  left: 0;
  background-image: url('../assets/triangles-overlay-7.svg');
  background-size: auto 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.layout-split-cta.overlay-triangles:after{
  display: block;
  position: absolute;
  width: 100%;
  height: 200px;
  content: " ";
  right: 0;
  bottom: 0;
  background-position: right 100px;
  background-image: url('../assets/triangles-overlay-8.svg');
  background-size: auto 100%;
  background-repeat: no-repeat;
}

/* .layout-split-cta.image-left.overlay-triangles:before{
  left: initial;
  right: 0;
  background-position: left top;
}

.layout-split-cta.image-left.overlay-triangles:after{
  right: initial;
  left: 0;
  background-position: right 100px;
} */

@media only screen and (min-width: 992px){
  .layout-split-cta.overlay-triangles:before{
    background-position: left -100px;
  }
}

@media only screen and (min-width: 1400px){
  .layout-split-cta.overlay-triangles:before{
    background-position: left 0;
    height: 100px;
    background-size: auto 150px;
  }
}

@media only screen and (min-width: 992px){
  .layout-split-cta.image-left.overlay-triangles:before{
    background-position: left 0;
  }
}

@media only screen and (min-width: 992px){
  .layout-split-cta.overlay-triangles:after{
    background-position: right 0;
  }
}

@media only screen and (min-width: 992px){
  .layout-split-cta.image-left.overlay-triangles:after{
    height: 50px;
    background-size: auto 200px;
  }
}

@media only screen and (min-width: 1400px){
  .layout-split-cta.image-left.overlay-triangles:after{
    height: 100px;
    background-position: right -100px;
  }
}

.layout-split-cta.overlay-triangles:before,
.layout-split-cta.overlay-triangles:after{
  opacity: 0.2;
}

.layout-split-cta.background-color-light-grey.overlay-triangles:before,
.layout-split-cta.background-color-light-grey.overlay-triangles:after{
  opacity: 0.75;
}

.layout-split-cta.background-color-custom-light.overlay-triangles:before,
.layout-split-cta.background-color-custom-light.overlay-triangles:after{
  opacity: 0.5;
}

.layout-split-cta.background-color-teal.overlay-triangles:before,
.layout-split-cta.background-color-teal.overlay-triangles:after{
  opacity: 0.25;
}

.layout-split-cta.background-color-yellow.overlay-triangles:before,
.layout-split-cta.background-color-yellow.overlay-triangles:after,
.layout-split-cta.background-color-green.overlay-triangles:before,
.layout-split-cta.background-color-green.overlay-triangles:after,
.layout-split-cta.background-color-orange.overlay-triangles:before,
.layout-split-cta.background-color-orange.overlay-triangles:after,
.layout-split-cta.background-color-pink.overlay-triangles:before,
.layout-split-cta.background-color-pink.overlay-triangles:after{
  opacity: 0.2;
}

.layout-split-cta.background-color-dark-teal.overlay-triangles:before,
.layout-split-cta.background-color-dark-teal.overlay-triangles:after,
.layout-split-cta.background-color-dark-coral.overlay-triangles:before,
.layout-split-cta.background-color-dark-coral.overlay-triangles:after,
.layout-split-cta.background-color-light-coral.overlay-triangles:before,
.layout-split-cta.background-color-light-coral.overlay-triangles:after{
  opacity: 0.15;
}

.layout-split-cta.background-color-blue.overlay-triangles:before,
.layout-split-cta.background-color-blue.overlay-triangles:after,
.layout-split-cta.background-color-black.overlay-triangles:before,
.layout-split-cta.background-color-black.overlay-triangles:after{
  opacity: 0.12;
}

.layout-split-cta.background-color-lavender.overlay-triangles:before,
.layout-split-cta.background-color-lavender.overlay-triangles:after,
.layout-split-cta.background-color-purple.overlay-triangles:before,
.layout-split-cta.background-color-purple.overlay-triangles:after,
.layout-split-cta.background-color-dark-pink.overlay-triangles:before,
.layout-split-cta.background-color-dark-pink.overlay-triangles:after,
.layout-split-cta.background-color-custom-dark.overlay-triangles:before,
.layout-split-cta.background-color-custom-dark.overlay-triangles:after{
  opacity: 0.1;
}

.layout-split-cta.background-color-white.overlay-triangles:before{
  background-image: url('../assets/triangles-overlay-9.svg');
  opacity: 0.07;
}

.layout-split-cta.background-color-white.overlay-triangles:after{
  background-image: url('../assets/triangles-overlay-10.svg');
  opacity: 0.07;
}

.background-color-white + .layout-split-cta.background-color-white{
  border-top: 1px solid #dee2e6 !important;
}

/* HEXAGONS */

.layout-split-cta.overlay-hexagons:before,
.layout-split-cta.overlay-hexagons:after{
  display: block;
  position: absolute;
  width: 100%;
  height: 100px;
  content: " ";
  top: 0;
  left: -50px;
  background-image: url('../assets/hexagons-overlay.svg');
  background-size: auto 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.layout-split-cta.overlay-hexagons:after{
  top: initial;
  left: initial;
  bottom: 0;
  right: -50px;
  background-position: left bottom;
}

.layout-split-cta.image-left.overlay-hexagons:before{
  left: initial;
  right: -50px;
  background-position: left top;
}

.layout-split-cta.image-left.overlay-hexagons:after{
  bottom: 0;
  left: -50px;
  background-position: right bottom;
}

@media only screen and (min-width: 768px){
  .layout-split-cta.overlay-hexagons:before,
  .layout-split-cta.overlay-hexagons:after{
    height: 120px;
  }
}

@media only screen and (min-width: 992px){
  .layout-split-cta.overlay-hexagons:before{
    width: 500px;
  }
}

@media only screen and (min-width: 992px){
  .layout-split-cta.overlay-hexagons:after{
    width: 700px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-split-cta.overlay-hexagons:before{
    height: 140px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-split-cta.overlay-hexagons:after{
    height: 140px;
    width: 900px;
  }
}

.layout-split-cta.overlay-hexagons:before,
.layout-split-cta.overlay-hexagons:after{
  opacity: 0.2;
}

.layout-split-cta.background-color-light-grey.overlay-hexagons:before,
.layout-split-cta.background-color-light-grey.overlay-hexagons:after{
  opacity: 0.75;
}

.layout-split-cta.background-color-custom-light.overlay-hexagons:before,
.layout-split-cta.background-color-custom-light.overlay-hexagons:after{
  opacity: 0.5;
}

.layout-split-cta.background-color-teal.overlay-hexagons:before,
.layout-split-cta.background-color-teal.overlay-hexagons:after{
  opacity: 0.25;
}

.layout-split-cta.background-color-yellow.overlay-hexagons:before,
.layout-split-cta.background-color-yellow.overlay-hexagons:after,
.layout-split-cta.background-color-green.overlay-hexagons:before,
.layout-split-cta.background-color-green.overlay-hexagons:after,
.layout-split-cta.background-color-orange.overlay-hexagons:before,
.layout-split-cta.background-color-orange.overlay-hexagons:after,
.layout-split-cta.background-color-pink.overlay-hexagons:before,
.layout-split-cta.background-color-pink.overlay-hexagons:after{
  opacity: 0.2;
}

.layout-split-cta.background-color-dark-teal.overlay-hexagons:before,
.layout-split-cta.background-color-dark-teal.overlay-hexagons:after,
.layout-split-cta.background-color-dark-coral.overlay-hexagons:before,
.layout-split-cta.background-color-dark-coral.overlay-hexagons:after,
.layout-split-cta.background-color-light-coral.overlay-hexagons:before,
.layout-split-cta.background-color-light-coral.overlay-hexagons:after{
  opacity: 0.15;
}

.layout-split-cta.background-color-blue.overlay-hexagons:before,
.layout-split-cta.background-color-blue.overlay-hexagons:after,
.layout-split-cta.background-color-black.overlay-hexagons:before,
.layout-split-cta.background-color-black.overlay-hexagons:after{
  opacity: 0.12;
}

.layout-split-cta.background-color-lavender.overlay-hexagons:before,
.layout-split-cta.background-color-lavender.overlay-hexagons:after,
.layout-split-cta.background-color-purple.overlay-hexagons:before,
.layout-split-cta.background-color-purple.overlay-hexagons:after,
.layout-split-cta.background-color-dark-pink.overlay-hexagons:before,
.layout-split-cta.background-color-dark-pink.overlay-hexagons:after,
.layout-split-cta.background-color-custom-dark.overlay-hexagons:before,
.layout-split-cta.background-color-custom-dark.overlay-hexagons:after{
  opacity: 0.1;
}

.layout-split-cta.background-color-white.overlay-hexagons:before{
  background-image: url('../assets/hexagons-overlay-2.svg');
  opacity: 0.05;
}

.layout-split-cta.background-color-white.overlay-hexagons:after{
  background-image: url('../assets/hexagons-overlay-2.svg');
  opacity: 0.05;
}

/* LIST */

.layout-list-of-items.layout-list-of-programs .container{
  padding-top: 0;
}

@media only screen and (min-width:768px){
  .layout-list-of-items.layout-list-of-programs .container{
    padding-left: 35px;
    padding-right: 35px;
    max-width: none;
  }
}

@media only screen and (min-width:992px){
  .layout-list-of-items.layout-list-of-programs .container{
    padding-left: 45px;
    padding-right: 45px;
    max-width: none;
  }
}

@media only screen and (min-width: 1200px){
  .layout-list-of-items.layout-list-of-programs .container{
    max-width: 1350px;
  }
}

.list-of-items.list-of-programs .item{
  padding-bottom: 35px;
  align-items: stretch;
}

.list-of-items.list-of-programs .item-text{
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
}

.background-color-blue .list-of-items.list-of-programs h4 span{
  color: #2e6dad; /* NDWA-Blue */
}

.background-color-dark-teal .list-of-items.list-of-programs h4 span{
  color: #24a3b2; /* NDWA-Dark-Teal */
}

.background-color-dark-pink .list-of-items.list-of-programs h4 span{
  color: #9a1d73; /* NDWA-Pink-Unbossed */
}

.background-color-lavender .list-of-items.list-of-programs h4 span{
  color: #6D64AB; /* NDWA-Lavender-WDiB */
}

.background-color-purple .list-of-items.list-of-programs h4 span{
  color: #8833f5; /* NDWA-Purple-Sunstorm */
}

.background-color-pink .list-of-items.list-of-programs h4 span{
  color: #FF1A99; /* NDWA-Pink-Sunstorm */
}

.background-color-dark-coral .list-of-items.list-of-programs h4 span{
  color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.background-color-yellow .list-of-items.list-of-programs h4 span{
  color: #d8a13a; /* NDWA-Yellow-WeDiB-HOVER */
}

.background-color-green .list-of-items.list-of-programs h4 span{
  color: #a3a518; /* NDWA-Green-HOVER */
}

.background-color-teal .list-of-items.list-of-programs h4 span{
  color: #24a3b2; /* NDWA-Dark-Teal */
}

.background-color-orange .list-of-items.list-of-programs h4 span{
  color: #e38f19; /* NDWA-Orange-HOVER */
}

.background-color-light-coral .list-of-items.list-of-programs h4 span{
  color: #d87776; /* NDWA-Light-Coral-CiA-HOVER */
}

.list-of-items.list-of-programs .item p{
  margin-bottom: 15px;
}

.list-of-items.list-of-programs a.button{
  margin-top: auto;
}

/* ---- LIST-OF-ITEMS, HIDE BUTTON ---- */

.list-of-items.hide-link-button a.item span.button{
  display: none;
}

/* ---- LIST-OF-ITEMS W/ FANCY GRADIENT BG ---- */

.gradient-block-links.list-of-items{

}

.gradient-block-links.list-of-items .item{
  position: relative;
  margin-top: 90px;
}

@media only screen and (min-width:768px){
  .gradient-block-links.list-of-items .item{
    margin-top: 50px;
  }
}

@media only screen and (min-width:992px){
  .gradient-block-links.list-of-items .item{
    margin-top: 60px;
  }
}

.gradient-block-links.list-of-items .item .item-image{
  position: relative;
  z-index: 1;
  max-width: none;
  background-size: 1200px auto;
  background-position: left top;
  background-repeat: no-repeat;
}

.gradient-block-links.list-of-items .item .item-image:before{
  background-size: auto 140px;
  background-position: -800px top;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  z-index: 10;
  opacity: 0.6;
}

@media only screen and (min-width: 992px){
  .gradient-block-links.list-of-items.box-style-white-box .item-image {
    width: 100%;
    max-width: none;
  }
}

.gradient-block-links.list-of-items .item .item-image-inner{
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto 98%;
  position: absolute;
  display: block;
  pointer-events: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 315px;
  content: " ";
  z-index: 20;
  transition: all 0.3s ease-out;
}

.gradient-block-links.list-of-items a.item:hover .item-image-inner{
  background-size: auto 100%;
}

/* LIST OF ITEMS - GRADIENT ORANGE TO PURPLE */

.gradient-block-links-orange-purple.list-of-items .item .item-image{
  background-image: url('../assets/gradient-orange-purple.jpg') !important;
}

.gradient-block-links-orange-purple.list-of-items .item:nth-of-type(3n + 1) .item-image{
  
}

.gradient-block-links-orange-purple.list-of-items .item:nth-of-type(3n + 2) .item-image{
  background-position: center center;
  
}

.gradient-block-links-orange-purple.list-of-items .item:nth-of-type(3n) .item-image{
  background-position: right bottom;
  
}

.gradient-block-links-orange-purple.list-of-items .item .item-image:before{
  background-image: url(../assets/hexagons-overlay.svg);
  transition: background-position 0.3s ease-out;
}

.gradient-block-links-orange-purple.list-of-items .item:nth-of-type(3n + 1) .item-image:before{
  background-position: -800px top;
  opacity: 0.5;
}

.gradient-block-links-orange-purple.list-of-items .item:nth-of-type(3n + 2) .item-image:before{
  background-position: 100px bottom;
  opacity: 0.3;
}

.gradient-block-links-orange-purple.list-of-items .item:nth-of-type(3n) .item-image:before{
  background-position: 100px top;
  opacity: 0.3;
}

.gradient-block-links-orange-purple.list-of-items a.item:nth-of-type(3n + 1):hover .item-image:before{
  background-position: -780px top;
}

.gradient-block-links-orange-purple.list-of-items a.item:nth-of-type(3n + 2):hover .item-image:before{
  background-position: 80px bottom;
}

.gradient-block-links-orange-purple.list-of-items a.item:nth-of-type(3n):hover .item-image:before{
  background-position: 80px top;
}

/* LIST OF ITEMS - GRADIENT ORANGE TO TEAL */

.gradient-block-links-orange-teal.list-of-items .item .item-image{
  background-image: url('../assets/gradient-orange-teal.webp') !important;
}

.gradient-block-links-orange-teal.list-of-items .item:nth-of-type(3n + 1) .item-image{
  
}

.gradient-block-links-orange-teal.list-of-items .item:nth-of-type(3n + 2) .item-image{
  background-position: center center;
}

.gradient-block-links-orange-teal.list-of-items .item:nth-of-type(3n) .item-image{
  background-position: right bottom;
}

.gradient-block-links-orange-teal.list-of-items .item .item-image:before{
  background-image: url(../assets/triangles-overlay-8.svg);
  background-size: auto 230px;
  transition: background-position 0.3s ease-out;
}

.gradient-block-links-orange-teal.list-of-items .item:nth-of-type(3n + 1) .item-image:before{
  background-position: -800px -115px;
  opacity: 0.2;
}

.gradient-block-links-orange-teal.list-of-items .item:nth-of-type(3n + 2) .item-image:before{
  background-position: 100px 78px;
  opacity: 0.5;
}

.gradient-block-links-orange-teal.list-of-items .item:nth-of-type(3n) .item-image:before{
  background-position: 100px -115px;
  opacity: 0.4;
}

.gradient-block-links-orange-teal.list-of-items a.item:nth-of-type(3n + 1):hover .item-image:before{
  background-position: -780px -115px;
}

.gradient-block-links-orange-teal.list-of-items a.item:nth-of-type(3n + 2):hover .item-image:before{
  background-position: 80px 78px;
}

.gradient-block-links-orange-teal.list-of-items a.item:nth-of-type(3n):hover .item-image:before{
  background-position: 80px -115px;
}

/* LIST OF ITEMS - GRADIENT CORAL */

/* TO DO */

/* ---- PAGE BLOCKS: GRID OF ITEMS ---- */

.layout-grid-of-items{
}

.layout-grid-of-items .container{
  padding: 0 15px 15px;
  max-width: 1140px;
}

@media only screen and (min-width:992px){
  .grid-of-items{
    display: flex;
    flex-flow: row nowrap;
    justify-content: stretch;
    align-items: stretch;
  }
}

.grid-of-items-left{
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 15px;
}

@media only screen and (min-width:992px){
  .grid-of-items-left{
    flex: 0 0 50%;
    padding-right: 7.5px;
    padding-bottom: 0;
  }
}

.grid-of-items-right{
  display: flex;
  flex-flow: row wrap;
}

@media only screen and (min-width:992px){
  .grid-of-items-right{
    flex: 0 0 50%;
    padding-left: 7.5px;
  }
}

.grid-item{
  display: flex;
  flex-flow: column nowrap;
  padding: 15px 15px 5px;
}

@media only screen and (max-width:412px){
	.grid-item-1 {
	  margin-bottom: 15px;
	}

	.grid-item-5 {
	  margin-bottom: 15px;
	}

	.grid-item-2 {
	  margin-left: 0!important;
	}

	.grid-item-6 {
	  margin-left: 0!important;
	}
}

@media only screen and (min-width:768px){
  .grid-item{
    padding: 30px 30px 15px;
  }
}

@media only screen and (min-width:992px){
  .grid-item{
    padding: 15px 15px 5px;
    min-height: 200px;
  }
}

@media only screen and (min-width: 1200px){
  .grid-item{
    padding: 30px 30px 15px;
    min-height: 250px;
  }
}

.grid-item:hover{
  opacity: 0.8;
}

.grid-item:hover,
.grid-item:hover h2,
.grid-item:hover h3,
.grid-item:hover h4,
.grid-item:hover p,
.grid-item:hover span.button{
  text-decoration: none;
}

.grid-item h2{
  margin: 0 0 15px;
  padding: 0;
}

.grid-item h4{
  margin: 0 0 10px;
  padding: 0;
}

.grid-item h4 + p,
.grid-item h3 + p,
.grid-item h2 + p{
  margin: 0;
  padding: 0;
}

.grid-item-1{
  flex: 1 1 48%;
  margin-right: 7.5px;
}

.grid-item-2{
  flex: 1 1 48%;
  margin-left: 7.5px;
}

.grid-item-3{
  flex: 0 0 100%;
  margin-top: 15px;
}

.grid-item-4{
  flex: 0 0 100%;
  margin-top: 15px;
  order: 3;
}

@media only screen and (min-width:992px){
  .grid-item-4{
    order: 1;
    margin-top: 0;
    margin-bottom: 15px;
  }
}

.grid-item-5{
  flex: 1 1 48%;
  margin-right: 7.5px;
  order: 1;
}

@media only screen and (min-width:992px){
  .grid-item-5{
    order: 2;
  }
}

.grid-item-6{
  flex: 1 1 48%;
  margin-left: 7.5px;
  order: 2;
}

@media only screen and (min-width:992px){
  .grid-item-6{
    order: 3;
  }
}

.grid-item span.button{
  margin-top: auto;
}

.grid-item span.button:hover:before{
  border-top-color: #000000;
}

.grid-item span.button:hover:after{
  border-top-color: #000000;
  border-right-color: #000000;
}

.grid-item.background-color-white,
.grid-item.background-color-light-grey,
.grid-item.background-color-yellow,
.grid-item.background-color-green,
.grid-item.background-color-teal,
.grid-item.background-color-orange,
.grid-item.background-color-light-coral,
.grid-item.background-color-custom-light,
.grid-item.background-color-white:hover,
.grid-item.background-color-light-grey:hover,
.grid-item.background-color-yellow:hover,
.grid-item.background-color-green:hover,
.grid-item.background-color-teal:hover,
.grid-item.background-color-orange:hover,
.grid-item.background-color-light-coral:hover,
.grid-item.background-color-custom-light:hover{
  color: #000000;
}

.grid-item.background-color-black,
.grid-item.background-color-blue,
.grid-item.background-color-dark-teal,
.grid-item.background-color-dark-pink,
.grid-item.background-color-lavender,
.grid-item.background-color-purple,
.grid-item.background-color-pink,
.grid-item.background-color-dark-coral,
.grid-item.background-color-custom-dark,
.grid-item.background-color-black:hover,
.grid-item.background-color-blue:hover,
.grid-item.background-color-dark-teal:hover,
.grid-item.background-color-dark-pink:hover,
.grid-item.background-color-lavender:hover,
.grid-item.background-color-purple:hover,
.grid-item.background-color-pink:hover,
.grid-item.background-color-dark-coral:hover,
.grid-item.background-color-custom-dark:hover{
  color: #FFFFFF;
}

.grid-item.background-color-black:not(.image-style-background-image) span.button,
.grid-item.background-color-blue:not(.image-style-background-image) span.button,
.grid-item.background-color-dark-teal:not(.image-style-background-image) span.button,
.grid-item.background-color-dark-pink:not(.image-style-background-image) span.button,
.grid-item.background-color-lavender:not(.image-style-background-image) span.button,
.grid-item.background-color-purple:not(.image-style-background-image) span.button,
.grid-item.background-color-pink:not(.image-style-background-image) span.button,
.grid-item.background-color-dark-coral:not(.image-style-background-image) span.button,
.grid-item.background-color-custom-dark:not(.image-style-background-image) span.button{
  color: #FFFFFF;
}

.grid-item.background-color-black:not(.image-style-background-image) span.button:before,
.grid-item.background-color-blue:not(.image-style-background-image) span.button:before,
.grid-item.background-color-dark-teal:not(.image-style-background-image) span.button:before,
.grid-item.background-color-dark-pink:not(.image-style-background-image) span.button:before,
.grid-item.background-color-lavender:not(.image-style-background-image) span.button:before,
.grid-item.background-color-purple:not(.image-style-background-image) span.button:before,
.grid-item.background-color-pink:not(.image-style-background-image) span.button:before,
.grid-item.background-color-dark-coral:not(.image-style-background-image) span.button:before,
.grid-item.background-color-custom-dark:not(.image-style-background-image) span.button:before{
  border-top-color: #FFFFFF;
}

.grid-item.background-color-black:not(.image-style-background-image) span.button:after,
.grid-item.background-color-blue:not(.image-style-background-image) span.button:after,
.grid-item.background-color-dark-teal:not(.image-style-background-image) span.button:after,
.grid-item.background-color-dark-pink:not(.image-style-background-image) span.button:after,
.grid-item.background-color-lavender:not(.image-style-background-image) span.button:after,
.grid-item.background-color-purple:not(.image-style-background-image) span.button:after,
.grid-item.background-color-pink:not(.image-style-background-image) span.button:after,
.grid-item.background-color-dark-coral:not(.image-style-background-image) span.button:after,
.grid-item.background-color-custom-dark:not(.image-style-background-image) span.button:after{
  border-top-color: #FFFFFF;
  border-right-color: #FFFFFF;
}

.grid-item.background-color-white span.button,
.grid-item.background-color-light-grey span.button,
.grid-item.background-color-yellow span.button,
.grid-item.background-color-green span.button,
.grid-item.background-color-teal span.button,
.grid-item.background-color-orange span.button,
.grid-item.background-color-light-coral span.button,
.grid-item.background-color-custom-light span.button{
  color: #000000;
}

/* LARGE GRID ITEMS */

@media only screen and (min-width:992px){
  .grid-item.grid-item-3,
  .grid-item.grid-item-4{
    min-height: 400px;
  }
}

@media only screen and (min-width: 1200px){
  .grid-item.grid-item-3,
  .grid-item.grid-item-4{
    min-height: 500px;
  }
}

.grid-item.image-style-background-image{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 15px;
}

@media only screen and (min-width:768px){
  .grid-item.image-style-background-image{
    padding: 30px;
  }
}

@media only screen and (min-width:992px){
  .grid-item.image-style-background-image{
    padding: 15px;
  }
}

@media only screen and (min-width: 1200px){
  .grid-item.image-style-background-image{
    padding: 30px;
  }
}

.grid-item.image-style-background-image .grid-item-inner-container{
  background-color: #FFFFFF;
  color: #000000;
  padding: 15px;
  margin-bottom: 15px;
}

@media only screen and (min-width:768px){
  .grid-item.image-style-background-image .grid-item-inner-container{
    padding: 30px;
  }
}

@media only screen and (min-width:992px){
  .grid-item.image-style-background-image .grid-item-inner-container{
    padding: 15px;
  }
}

@media only screen and (min-width: 1200px){
  .grid-item.image-style-background-image .grid-item-inner-container{
    padding: 30px;
  }
}

.grid-item h3{
  flex: 0 0 100%;
}

.grid-item.grid-item-3 p,
.grid-item.grid-item-4 p{

}

.grid-item span.button{
  margin-top: auto;
  align-self: flex-start;
}

.grid-item.image-style-background-image.grid-item-3 span.button,
.grid-item.image-style-background-image.grid-item-4 span.button{
  background-color: #FFFFFF !important;
  color: #000000;
  padding-left: 30px;
  padding-right: 55px;
}

.grid-item.image-style-background-image.grid-item-3 span.button:before,
.grid-item.image-style-background-image.grid-item-4 span.button:before{
  right: 28px;
}

.grid-item.image-style-background-image.grid-item-3 span.button:after,
.grid-item.image-style-background-image.grid-item-4 span.button:after{
  right: 28px;
}

/* ---- PAGE BLOCKS: TEXT + SIDEBAR ---- */

.layout-text-sidebar{

}

@media only screen and (min-width:992px){
  .layout-text-sidebar .layout-section-text{
    margin-right: 30px;
  }
}

.layout-text-sidebar .layout-section-sidebar{
  margin-top: 25px;
}

@media only screen and (min-width:992px){
  .layout-text-sidebar .layout-section-sidebar{
    margin-top: 0;
    margin-left: 15px;
  }
}

.layout-body .layout-text-sidebar h3 + ul,
.layout-body .layout-text-sidebar h3 + ol,
.layout-body .layout-text-sidebar h3 + p,
.layout-body .layout-text-sidebar h3 + h4,
.layout-body .layout-text-sidebar h3 + h5,
.layout-body .layout-text-sidebar h3 + h6,

.layout-body .layout-text-sidebar h4 + ul,
.layout-body .layout-text-sidebar h4 + ol,
.layout-body .layout-text-sidebar h4 + p,
.layout-body .layout-text-sidebar h4 + h5,
.layout-body .layout-text-sidebar h4 + h6,

.layout-body .layout-text-sidebar h5 + ul,
.layout-body .layout-text-sidebar h5 + ol,
.layout-body .layout-text-sidebar h5 + p,
.layout-body .layout-text-sidebar h5 + h6,

.layout-body .layout-text-sidebar h6 + ul,
.layout-body .layout-text-sidebar h6 + ol,
.layout-body .layout-text-sidebar h6 + p,

.layout-body .layout-text-sidebar p + ul,
.layout-body .layout-text-sidebar p + ol,
.layout-body .layout-text-sidebar ul + p,
.layout-body .layout-text-sidebar ol + p,
.layout-body .layout-text-sidebar p + p,
.layout-body .layout-text-sidebar ul + h3,
.layout-body .layout-text-sidebar ul + h4,
.layout-body .layout-text-sidebar ul + h5,
.layout-body .layout-text-sidebar ul + h6,
.layout-body .layout-text-sidebar ol + h3,
.layout-body .layout-text-sidebar ol + h4,
.layout-body .layout-text-sidebar ol + h5,
.layout-body .layout-text-sidebar ol + h6,
.layout-body .layout-text-sidebar p + h3,
.layout-body .layout-text-sidebar p + h4,
.layout-body .layout-text-sidebar p + h5,
.layout-body .layout-text-sidebar p + h6{
  padding-top: 5px;
}

@media only screen and (min-width:768px){
  .layout-body .layout-text-sidebar h3 + ul,
  .layout-body .layout-text-sidebar h3 + ol,
  .layout-body .layout-text-sidebar h3 + p,
  .layout-body .layout-text-sidebar h3 + h4,
  .layout-body .layout-text-sidebar h3 + h5,
  .layout-body .layout-text-sidebar h3 + h6,
  
  .layout-body .layout-text-sidebar h4 + ul,
  .layout-body .layout-text-sidebar h4 + ol,
  .layout-body .layout-text-sidebar h4 + p,
  .layout-body .layout-text-sidebar h4 + h5,
  .layout-body .layout-text-sidebar h4 + h6,
  
  .layout-body .layout-text-sidebar h5 + ul,
  .layout-body .layout-text-sidebar h5 + ol,
  .layout-body .layout-text-sidebar h5 + p,
  .layout-body .layout-text-sidebar h5 + h6,
  
  .layout-body .layout-text-sidebar h6 + ul,
  .layout-body .layout-text-sidebar h6 + ol,
  .layout-body .layout-text-sidebar h6 + p,
  
  .layout-body .layout-text-sidebar p + ul,
  .layout-body .layout-text-sidebar p + ol,
  .layout-body .layout-text-sidebar ul + p,
  .layout-body .layout-text-sidebar ol + p,
  .layout-body .layout-text-sidebar p + p,
  .layout-body .layout-text-sidebar ul + h3,
  .layout-body .layout-text-sidebar ul + h4,
  .layout-body .layout-text-sidebar ul + h5,
  .layout-body .layout-text-sidebar ul + h6,
  .layout-body .layout-text-sidebar ol + h3,
  .layout-body .layout-text-sidebar ol + h4,
  .layout-body .layout-text-sidebar ol + h5,
  .layout-body .layout-text-sidebar ol + h6,
  .layout-body .layout-text-sidebar p + h3,
  .layout-body .layout-text-sidebar p + h4,
  .layout-body .layout-text-sidebar p + h5,
  .layout-body .layout-text-sidebar p + h6{
    padding-top: 10px;
  }
}

@media only screen and (min-width:992px){
  .layout-body .layout-text-sidebar h3 + ul,
  .layout-body .layout-text-sidebar h3 + ol,
  .layout-body .layout-text-sidebar h3 + p,
  .layout-body .layout-text-sidebar h3 + h4,
  .layout-body .layout-text-sidebar h3 + h5,
  .layout-body .layout-text-sidebar h3 + h6,

  .layout-body .layout-text-sidebar h4 + ul,
  .layout-body .layout-text-sidebar h4 + ol,
  .layout-body .layout-text-sidebar h4 + p,
  .layout-body .layout-text-sidebar h4 + h5,
  .layout-body .layout-text-sidebar h4 + h6,

  .layout-body .layout-text-sidebar h5 + ul,
  .layout-body .layout-text-sidebar h5 + ol,
  .layout-body .layout-text-sidebar h5 + p,
  .layout-body .layout-text-sidebar h5 + h6,

  .layout-body .layout-text-sidebar h6 + ul,
  .layout-body .layout-text-sidebar h6 + ol,
  .layout-body .layout-text-sidebar h6 + p,

  .layout-body .layout-text-sidebar p + ul,
  .layout-body .layout-text-sidebar p + ol,
  .layout-body .layout-text-sidebar ul + p,
  .layout-body .layout-text-sidebar ol + p,
  .layout-body .layout-text-sidebar p + p,
  .layout-body .layout-text-sidebar ul + h3,
  .layout-body .layout-text-sidebar ul + h4,
  .layout-body .layout-text-sidebar ul + h5,
  .layout-body .layout-text-sidebar ul + h6,
  .layout-body .layout-text-sidebar ol + h3,
  .layout-body .layout-text-sidebar ol + h4,
  .layout-body .layout-text-sidebar ol + h5,
  .layout-body .layout-text-sidebar ol + h6,
  .layout-body .layout-text-sidebar p + h3,
  .layout-body .layout-text-sidebar p + h4,
  .layout-body .layout-text-sidebar p + h5,
  .layout-body .layout-text-sidebar p + h6{
    padding-top: 15px;
  }
}

@media only screen and (min-width:992px){
  .layout-text-sidebar.sidebar-position-left .col-lg-8{
    order: 2;
  }
}

@media only screen and (min-width:992px){
  .layout-text-sidebar.sidebar-position-left .col-lg-4{
    order: 1;
  }
}

/* ---- PAGE BLOCKS: PHOTO + QUOTE BLOCK ---- */

.layout-photo-quote .container{
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (min-width:768px){
  .layout-photo-quote .container{
    padding-top: 45px;
    padding-bottom: 45px;
    max-width: none;
  }
}

@media only screen and (min-width:992px){
  .layout-photo-quote .container{
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-photo-quote .container{
    padding-top: 90px;
    padding-bottom: 90px;
    max-width: 1166px;
  }
}

.item-photo-quote{
  margin: auto 15px;
  padding: 30px;
}

@media only screen and (min-width:768px){
  .item-photo-quote.has-no-photo{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.item-photo-quote.short-quote{
  padding: 30px 30px 40px;
}

.item-photo-quote.short-quote.has-no-photo p{
  text-align: center !important;
}

@media only screen and (min-width:768px){
  .item-photo-quote{
    display: flex;
    flex-flow: row nowrap;
    max-width: none;
    align-items: stretch;
  }
}

.item-photo-quote .image{
  margin: auto;
}

@media only screen and (min-width:768px){
  .item-photo-quote .image{
    flex: 0 0 275px;
  }
}

@media only screen and (min-width: 1200px){
  .item-photo-quote .image{
    flex: 0 0 336px;
  }
}

.item-photo-quote .text{
  text-align: left;
  padding-top: 30px;
}

@media only screen and (min-width:768px){
  .item-photo-quote .text{
    flex: 1 1 300px;
    padding-top: 0;
    padding-left: 30px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;
  }
}

@media only screen and (min-width:992px){
  .item-photo-quote .text{
    padding-left: 45px;
  }
}

.item-photo-quote .quote{
  
}

.item-photo-quote .attribution{
  padding-top: 15px;
}


.item-photo-quote.short-quote p.quote{
  line-height: 1.5 !important;
}

.item-photo-quote.short-quote p.attribution{
  padding-top: 30px;
}

.item-photo-quote.short-quote.has-photo p.quote{
  text-align: left;
}

.item-photo-quote.short-quote.has-photo p.attribution{
  text-align: left;
}

.background-color-black .item-photo-quote{
  background-color: #000000; /* NDWA-Black */
}

.background-color-blue .item-photo-quote{
  background-color: #2e6dad; /* NDWA-Blue */
}

.background-color-dark-teal .item-photo-quote{
  background-color: #24a3b2; /* NDWA-Dark-Teal */
}

.background-color-dark-pink .item-photo-quote{
  background-color: #9a1d73; /* NDWA-Pink-Unbossed */
}

.background-color-lavender .item-photo-quote{
  background-color: #6D64AB; /* NDWA-Lavender-WeDiB */
}

.background-color-purple .item-photo-quote{
  background-color: #8833f5; /* NDWA-Purple-Sunstorm */
}

.background-color-pink .item-photo-quote{
  background-color: #FF1A99; /* NDWA-Pink-Sunstorm */
}

.background-color-dark-coral .item-photo-quote{
  background-color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.background-color-white .item-photo-quote{
  background-color: #FFFFFF; /* NDWA-White */
}

.background-color-light-grey .item-photo-quote{
  background-color: #EEEEEE; /* NDWA-Light-Grey-Background */
}

.background-color-yellow .item-photo-quote{
  background-color: #FDBD3D; /* NDWA-Yellow-WeDiB */
}

.background-color-green .item-photo-quote{
  background-color: #BFC236; /* NDWA-Green */
}

.background-color-teal .item-photo-quote{
  background-color: #90d5de; /* NDWA-Teal */
}

.background-color-orange .item-photo-quote{
  background-color: #ff9d14; /* NDWA-Orange */
}

.background-color-light-coral .item-photo-quote{
  background-color: #F49B99; /* NDWA-Light-Coral-CiA */
}

/* PHOTO LEFT */

@media only screen and (min-width:768px){
  .item-photo-quote.photo-on-left .image{
    margin-right: 45px;
  }
}

@media only screen and (min-width:992px){
  .item-photo-quote.photo-on-left .image{
    margin-right: 55px;
  }
}

@media only screen and (min-width:768px){
  .item-photo-quote.photo-on-left .text{

  }
}

/* PHOTO RIGHT */

@media only screen and (min-width:768px){
  .item-photo-quote.photo-on-right .image{
    order: 2;
    margin-left: 45px;
  }
}

@media only screen and (min-width:992px){
  .item-photo-quote.photo-on-right .image{
    margin-left: 55px;
  }
}

@media only screen and (min-width:768px){
  .item-photo-quote.photo-on-right .image{
    order: 1;
  }
}

/* QUOTE MARKS */

.item-photo-quote{
  position: relative;
}

.quote-left{
  display: none;
}

@media only screen and (min-width:576px){
  .has-quote-marks .quote-left{
    display: block;
    position: absolute;
    width: 100px;
    height: auto;
    top: -15px;
    left: -15px;
  }
}

@media only screen and (min-width: 1200px){
  .has-quote-marks .quote-left{
    position: absolute;
    height: auto;
    width: 125px;
    top: -30px;
    left: -30px;
  }
}

.quote-right{
  display: none;
}

@media only screen and (min-width:576px){
  .has-quote-marks .quote-right{
    display: block;
    position: absolute;
    width: 100px;
    height: auto;
    bottom: -15px;
    right: -15px;
  }
}

@media only screen and (min-width: 1200px){
  .has-quote-marks .quote-right{
    width: 125px;
    bottom: -30px;
    right: -30px;
  }
}

.quote-mark-color-black path{
  fill: #000000;
}

.quote-mark-color-blue path{
  fill: #2e6dad;
}

.quote-mark-color-dark-teal path{
  fill: #24a3b2;
}

.quote-mark-color-dark-pink path{
  fill: #9a1d73;
}

.quote-mark-color-lavender path{
  fill: #6D64AB;
}

.quote-mark-color-purple path{
  fill: #8833f5;
}

.quote-mark-color-pink path{
  fill: #FF1A99;
}

.quote-mark-color-dark-coral path{
  fill: #EF3B3A;
}

.quote-mark-color-white path{
  fill: #FFFFFF;
}

.quote-mark-color-yellow path{
  fill: #F9C056;
}

.quote-mark-color-green path{
  fill: #BFC236;
}

.quote-mark-color-teal path{
  fill: #90d5de;
}

.quote-mark-color-orange path{
  fill: #ff9d14;
}

.quote-mark-color-light-coral path{
  fill: #F49B99;
}

/* ---- CTA ---- */

.container-cta{
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

@media only screen and (min-width:768px){
  .container-cta{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width:992px){
  .container-cta{
    padding-top: 95px;
    padding-bottom: 95px;
  }
}

@media only screen and (min-width: 1200px){
  .container-cta{
    padding-top: 130px;
    padding-bottom: 130px;
  }
}

.container-cta .layout-section-title{
  margin-bottom: 40px;
}

@media only screen and (min-width:768px){
  .container-cta .layout-section-title{
    margin-bottom: 50px;
  }
}

@media only screen and (min-width:992px){
  .container-cta .layout-section-title{
    margin-bottom: 70px;
  }
}

.container-cta .layout-section-text{
  padding: 30px;
}

.background-color-black .container-cta .layout-section-text{
  background-color: #000000; /* NDWA-Black */
}

.background-color-blue .container-cta .layout-section-text{
  background-color: #2e6dad; /* NDWA-Blue */
}

.background-color-dark-teal .container-cta .layout-section-text{
  background-color: #24a3b2; /* NDWA-Dark-Teal */
}

.background-color-dark-pink .container-cta .layout-section-text{
  background-color: #9a1d73; /* NDWA-Pink-Unbossed */
}

.background-color-lavender .container-cta .layout-section-text{
  background-color: #6D64AB; /* NDWA-Lavender-WeDiB */
}

.background-color-purple .container-cta .layout-section-text{
  background-color: #8833f5; /* NDWA-Purple-Sunstorm */
}

.background-color-pink .container-cta .layout-section-text{
  background-color: #FF1A99; /* NDWA-Pink-Sunstorm */
}

.background-color-dark-coral .container-cta .layout-section-text{
  background-color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.background-color-white .container-cta .layout-section-text{
  background-color: #FFFFFF; /* NDWA-White */
}

.background-color-light-grey .container-cta .layout-section-text{
  background-color: #EEEEEE; /* NDWA-Light-Grey-Background */
}

.background-color-yellow .container-cta .layout-section-text{
  background-color: #FDBD3D; /* NDWA-Yellow-WeDiB */
}

.background-color-green .container-cta .layout-section-text{
  background-color: #BFC236; /* NDWA-Green */
}

.background-color-teal .container-cta .layout-section-text{
  background-color: #90d5de; /* NDWA-Teal */
}

.background-color-orange .container-cta .layout-section-text{
  background-color: #ff9d14; /* NDWA-Orange */
}

.background-color-light-coral .container-cta .layout-section-text{
  background-color: #F49B99; /* NDWA-Light-Coral-CiA */
}

.container-cta .layout-section-text p{
  text-align: center;
}

.container-cta .button{
  
}

.layout-cta p.small,
.layout-cta span.small{
  margin: 40px auto 0;
  opacity: 0.8;
}

@media only screen and (min-width:768px){
  .layout-cta p.small,
  .layout-cta span.small{
    padding: 0 20px;
  }
}

@media only screen and (min-width:992px){
  .layout-cta p.small,
  .layout-cta span.small{
    padding: 0;
    max-width: 700px;
  }
} 

/* ---- IMAGES ---- */

.container img{
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ---- VIDEOS ---- */

.layout-text iframe{
  width: 100%;
  height: 55vw;
  display: block;
}

@media only screen and (min-width:576px){
  .layout-text iframe{
    width: 100%;
    height: 290px;
  }
}

@media only screen and (min-width:768px){
  .layout-text iframe{
    width: 100%;
    height: 392px;
  }
}

@media only screen and (min-width:992px){
  .layout-text iframe{
    width: 100%;
    height: 490px;
  }
}

@media only screen and (min-width: 1200px){
  .layout-text iframe, .layout-body iframe{
    width: 850px;
    height: 490px;
    margin: auto;
  }
}

/* ---- FOOTER ---- */

.layout-footer .container-footer{
  padding: 45px;
  max-width: none;
}

@media only screen and (min-width:992px){
  .layout-footer .container-footer {
    padding: 0 50px 0 45px;
    max-width: none;
  }
}

@media only screen and (min-width: 1200px){
  .layout-footer .container-footer {
    max-width: 1400px;
  }
}

.container-footer .col-sm-6{
  margin-bottom: 20px; 
}

.container-footer .col-lg-4{
  border-top: 1px solid #555;
  padding-top: 20px;
}

@media only screen and (min-width:992px){
  .container-footer .col-lg-4{
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 0;
    border-top: none;
    border-left: 1px solid #555;
    padding-left: 45px;
  }
}

@media only screen and (min-width:768px){
  .container-footer .col-lg-4 .col-sm-6 + .col-sm-6{
    margin-top: 0;
  }
}

@media only screen and (min-width:992px){
  
  .container-footer .col-lg-2{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/* ---- FOOTER LINKS ---- */

.container-footer .col-6{
  margin-bottom: 45px;
}

ul.menu-footer{
  font-size: 15px;
  line-height: 1.4;
}

@media only screen and (min-width:768px){
  ul.menu-footer{
    
  }
}

@media only screen and (min-width: 1200px){
  ul.menu-footer{
    
  }
}

ul.menu-footer li{
  list-style-type: none;
}

ul.menu-footer li + li{
  margin-top: 15px;
}

ul.menu-footer li span{
  font-weight: 600;
}

ul.menu-footer li a{
  color: #AAAAAA;
}

ul.menu-footer li a span{
  color: #FFFFFF;
}

/* ---- FOOTER TEXT ---- */

.footer-text-container{
  margin-bottom: 30px;
}

.footer-text-container p{
  color: #777777;
}

.footer-text-container p a{
  color: #777777;
  text-decoration: underline;
}

@media only screen and (min-width:992px){
  li + li > a > span.footer-column-title{
    padding-top: 20px;
    display: block;
  }
}

/* FOOTER DISCLAIMER */

.layout-disclaimer{
  background-color: #222222;
}

.container.container-disclaimer{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.container.container-disclaimer .footer-text-container{
  margin-bottom: 0;
}

/* ---- FOOTER SOCIAL MEDIA ---- */

.footer-social-media{
  height: 20px;
  margin-top: 20px;
  text-align: left;
}

@media only screen and (min-width:992px){
  .footer-social-media{
    
  }
}

a.social-media-icon{
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 15px;
  overflow: hidden;
  color: transparent;
}

@media only screen and (min-width:992px){
  a.social-media-icon{
  }
}

a.social-media-icon:hover{
  opacity: 0.8;
}

a.social-media-icon.social-media-icon-instagram{
  background-image: url('../assets/instagram.svg');
}

a.social-media-icon.social-media-icon-twitter{
  background-image: url('../assets/twitter.svg');
}

a.social-media-icon.social-media-icon-facebook{
  background-image: url('../assets/facebook.svg');
}

a.social-media-icon.social-media-icon-tiktok{
  background-image: url('../assets/tiktok.svg');
}

/* ---- HERO SOCIAL MEDIA ICONS ---- */

.hero-social-media a.social-media-icon{
  width: 30px;
  height: 30px;
}

.hero-social-media a.social-media-icon span{
  display: none;
}

/* ---- PODCAST EPISODES LIST ---- */

.podcast-list{
}

.podcast-list article{
  border: 1px solid #CCCCCC;
  padding: 40px;
  margin: 0 0 30px;
  display: flex;
  flex-flow: row wrap;
}

@media only screen and (max-width:575px){
  .podcast-list article {
    border: none;
    padding: 10px;
  }
}

@media only screen and (min-width:992px){
  .podcast-list article{
    flex-flow: row nowrap;
  }
}

.podcast-list .episode-summary{
  flex: 0 0 100%;
  order: 2;
  margin-top: 20px;
}

.podcast-list .episode-summary h3{
  margin-bottom: 20px;
}

.podcast-list .episode-summary a.button{
  margin-top: 20px;
}

@media only screen and (min-width:992px){
  .podcast-list .episode-summary{
    flex: 1 1 100px;
    order: 1;
    margin-top: 0;
    padding-right: 40px;
  }
}

.podcast-list .episode-player{
  flex: 0 0 100%;
  order: 1;
}

@media only screen and (min-width:992px){
  .podcast-list .episode-player{
    flex: 0 0 300px;
    order: 2;
  }
}


.container-podcast .episode-player iframe,
.podcast-list .episode-player iframe{
  width: 300px;
  height: 300px;
  border: none;
  display: block;
  margin: auto;
}

/* ---- SINGLE PODCAST EPISODE ---- */

.container-podcast h1{
  margin-bottom: 30px;
}

@media only screen and (min-width:768px){
  .container-podcast h1{
  }
}

@media only screen and (min-width:992px){
  .container-podcast h1{
    margin-bottom: 50px;
  }
}

.container-podcast .episode-player{
  margin-bottom: 30px;
}

@media only screen and (min-width:992px){
  .container-podcast .episode-player{
    float: right;
    margin-left: 40px;
    margin-bottom: 40px;
  }
}

.episode-details p + p,
.episode-details p + h1,
.episode-details p + h2,
.episode-details p + h3,
.episode-details p + h4,
.episode-details p + h5,
.episode-details p + h6,
.episode-details p + ul,
.episode-details ul + p{
  margin-top: 30px;
}

@media only screen and (min-width:768px){
  .episode-details p + p,
  .episode-details p + h1,
  .episode-details p + h2,
  .episode-details p + h3,
  .episode-details p + h4,
  .episode-details p + h5,
  .episode-details p + h6,
  .episode-details p + ul,
  .episode-details ul + p{
    margin-top: 45px;
  }
}

@media only screen and (min-width:992px){
  .episode-details p + p,
  .episode-details p + h1,
  .episode-details p + h2,
  .episode-details p + h3,
  .episode-details p + h4,
  .episode-details p + h5,
  .episode-details p + h6,
  .episode-details p + ul,
  .episode-details ul + p{
    margin-top: 50px;
  }
}


.episode-details h1,
.episode-details h2,
.episode-details h3,
.episode-details h4,
.episode-details h5,
.episode-details h6{
  margin-bottom: 20px;
}

@media only screen and (min-width:992px){
  .episode-details h1,
  .episode-details h2,
  .episode-details h3,
  .episode-details h4,
  .episode-details h5,
  .episode-details h6{
    margin-bottom: 30px;
  }
}

.episode-transcript{
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #BBBBBB; /* NDWA-Medium-Light-Grey-Borders */
}

@media only screen and (min-width:992px){
  .episode-transcript{
    margin-top: 70px;
    padding-top: 70px;
  }
}

.episode-transcript h1, 
.episode-transcript h2, 
.episode-transcript h3{
  text-align: center;
  margin-bottom: 30px;
}

.episode-transcript strong,
.episode-transcript b{
  font-weight: 900;
}

.host-bio{
  border: 1px solid #BBBBBB; /* NDWA-Medium-Light-Grey-Borders */
  padding: 40px;
  margin: 0 0 40px;
}

@media only screen and (min-width:992px){
  .host-bio{
    display: flex;
    flex-flow: row nowrap;
  }
}

.host-info{
  flex: 0 0 100%;
}

@media only screen and (min-width:992px){
  .host-info{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
  }
}

.host-info h1,
.host-info h2,
.host-info h3,
.host-info h4{
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (min-width:992px){
  .host-info h1,
  .host-info h2,
  .host-info h3,
  .host-info h4{
    text-align: left;
  }
}

@media only screen and (min-width:992px){
  .host-info{
    flex: 1 1 100px;
    order: 1;
  }
}

.host-photo{
  display: block;
  width: 300px;
  height: auto;
  margin: 0 auto 30px;
  overflow: hidden;
}

@media only screen and (min-width:992px){
  .host-photo{
    flex: 0 0 300px;
    margin: 0 0 0 45px;
    order: 2;
  }
}

.host-photo img{
  width: 100%;
  height: auto;
  display: block;
}

/* ---- SMALL ICONS ---- */
/* podcast icons, social icons */

.small-icons{
  display: flex;
  flex-flow: row nowrap;
  margin-top: 30px;
  margin-bottom: 30px;
  justify-content: center;
}

.small-icons.left{
  justify-content: flex-start;
}

.small-icons.center{
  justify-content: center;
}

.small-icons.right{
  justify-content: flex-end;
}

.small-icons a{
  flex: 0 0 auto;
  display: block;
  height: 40px;
}

.small-icons.right a{
  margin: 0 0 0 10px;
}

.small-icons.left a{
  margin: 0 10px 0 0;
}

.small-icons.center a{
  margin: 0 5px;
}

.small-icons a img{
  height: 40px;
  display: block;
}

/* ---- NOTICE BOX ---- */
/* Examples:

- /programs-and-campaigns/mobilizing-voters/vote/fighting-voter-suppression/
- Sunstorm page

*/

.notice-box{
  margin: 30px auto;
  padding: 45px 45px 50px;
}

.notice-box h1,
.notice-box h2,
.notice-box h3,
.notice-box h4,
.notice-box h5,
.notice-box h6,
.notice-box p,
.notice-box span{
  text-align: center;
}

.border-color-black{
  border: 1px solid #000000; /* NDWA-Black */
}

.border-color-blue{
  border: 1px solid #2e6dad; /* NDWA-Blue */
}

.border-color-dark-teal{
  border: 1px solid #24a3b2; /* NDWA-Dark-Teal */
}

.border-color-dark-pink{
  border: 1px solid #9a1d73; /* NDWA-Pink-Unbossed */
}

.border-color-lavender{
  border: 1px solid #6D64AB; /* NDWA-Lavender-WeDiB */
}

.border-color-purple{
  border: 1px solid #8833f5; /* NDWA-Purple-Sunstorm */
}

.border-color-pink{
  border: 1px solid #FF1A99; /* NDWA-Pink-Sunstorm */
}

.border-color-dark-coral{
  border: 1px solid #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.border-color-white{
  border: 1px solid #FFFFFF; /* NDWA-White */
}

.border-color-medium-light-grey{
  border: 1px solid #BBBBBB; /* NDWA-Light-Grey-Background */
}

.border-color-medium-grey{
  border: 1px solid #999999; /* NDWA-Light-Grey-Background */
}

.border-color-light-grey{
  border: 1px solid #EEEEEE; /* NDWA-Light-Grey-Background */
}

.border-color-yellow{
  border: 1px solid #FDBD3D; /* NDWA-Yellow-WeDiB */
}

.border-color-green{
  border: 1px solid #BFC236; /* NDWA-Green */
}

.border-color-teal{
  border: 1px solid #90d5de; /* NDWA-Teal */
}

.border-color-orange{
  border: 1px solid #ff9d14; /* NDWA-Orange */
}

.border-color-light-coral{
  border: 1px solid #F49B99; /* NDWA-Light-Coral-CiA */
}

.border-thick{
  border-width: 5px;
}

/* ---- BLOCK LINKS ---- */

.layout-block-links{
}

.layout-block-links .container{
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  max-width: none;
  padding-left: 0;
  padding-right: 0;  
}

@media only screen and (min-width:992px){
  .layout-block-links .container{
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 1400px;
  }
}

.list-of-items.list-of-block-links{
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: stretch;
  margin-left: 3.25px;
  margin-right: 3.25px;    
}

@media only screen and (min-width:600px){
  .list-of-items.list-of-block-links{
    flex-flow: row nowrap;
  }
}

a.item.block-link{
  background-color: #000000; /* NDWA-Black */
  color: #FFFFFF; /* NDWA-White */
  max-width: none;
  min-height: 45px;
  padding: 7.5px 30px 7.5px 7.5px;
  flex: 1 1 45%;
  margin: 0 3.25px 7.5px;
  position: relative; 
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
}

@media only screen and (min-width:600px){
  a.item.block-link{
    flex: 1 0 15%;
    margin: 0 3.25px 0;
    min-height: 60px;
  }
}

@media only screen and (min-width:768px){
  a.item.block-link{
    padding: 15px 35px 15px 15px;
  }
}

@media only screen and (min-width:992px){
  a.item.block-link{
    padding: 15px 40px 15px 15px;
    margin: 0 7.5px;
  }
}

@media only screen and (min-width: 1200px){
  a.item.block-link{
    padding: 15px 45px 15px 15px;
  }
}

@media only screen and (min-width: 1200px){
  a.item.block-link{
    min-height: 100px;
  }
}

a.item.block-link:first-of-type{
  margin-left: 3.25px; 
}

@media only screen and (min-width:992px){
  a.item.block-link:first-of-type{
    margin-left: 15px;
  }
}

a.item.block-link:last-of-type{
  margin-right: 3.25px; 
}

.list-of-items a.item.block-link:last-of-type{
  margin-bottom: 7.5px;
}

@media only screen and (min-width:600px){
  .list-of-items a.item.block-link:last-of-type{
    margin-bottom: 0;
  }
}

@media only screen and (min-width:992px){
  a.item.block-link:last-of-type{
    margin-right: 15px;
  }
}

a.item.block-link span{
  word-break: break-word;
  line-height: 1.2;
}

/* LARGE BLOCK LINKS USE THE TITLE AS LINK TEXT < 992PX */
.block-links-large a.item.block-link span.block-title-as-link{
  display: block;
}

@media only screen and (min-width:992px){
  .block-links-large a.item.block-link span.block-title-as-link{
    display: none;
  }
}

/* LARGE BLOCK LINKS DO NOT SHOW DESCRIPTION OR LINK TEXT < 768PX */
.block-links-large a.item.block-link h3,
.block-links-large a.item.block-link p,
.block-links-large a.item.block-link span.small-block-link{
  display: none;
}

/* LARGE BLOCK LINKS SHOW DESCRIPTION, BUT BUTTON TEXT IS STILL HIDDEN AT > 768PX */
@media only screen and (min-width:768px){
  .block-links-large a.item.block-link h3,
  .block-links-large a.item.block-link p{
    display: block;
  }
}

@media only screen and (min-width:768px){
  .block-links-large a.item.block-link span.block-title-as-link{
    display: none;
  }
}


@media only screen and (min-width:768px){
  .block-links-large a.item.block-link span.small-block-link{
    display: block;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
}

/* LARGE BLOCK LINKS SHOW TITLE, DESCRIPTION, AND BUTTON TEXT > 992PX */
@media only screen and (min-width:992px){
  .block-links-large a.item.block-link span.small-block-link{
    display: block;
    width: auto;
    height: auto;
    position: relative;
    align-self: flex-start;
    padding-right: 30px;
  }

  .block-links-large a.item.block-link h3 + span.small-block-link{
    margin-top: 22px;
  }
}

/* SMALL BLOCK LINKS NEVER USE BLOCK LINK TITLE, OR DESCRIPTION */
.block-links-small a.item.block-link h3,
.block-links-small a.item.block-link p,
.block-links-small a.item.block-link span.block-title-as-link{
  display: none;
}

a.item.block-link span:after{
  content: " ";
  width: 12px;
  height: 12px;
  display: block;
  border-top: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
  transform: rotate(45deg);

  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6.5px;
}

@media only screen and (min-width:600px){
  a.item.block-link span:after{
    margin-top: -6.25px;
  }
}

@media only screen and (min-width:768px){
  a.item.block-link span:after{
    right: 17px;
  }
}

@media only screen and (min-width:992px){
  a.item.block-link span:after{  
    right: 23px;
  }
}

@media only screen and (min-width: 1200px){
  a.item.block-link span:after{
    right: 28px;
  }
}

@media only screen and (min-width:992px){
  .block-links-large a.item.block-link span.small-block-link:after{
    right: 4px;
  }
}

a.item.block-link span:before{
  content: " ";
  width: 15px;
  height: 3px;
  display: block;
  border-top: 3px solid #FFFFFF;

  position: absolute;
  right: 11px;
  top: 50%;
  margin-top: -2.2px;
}

@media only screen and (min-width:768px){
  a.item.block-link span:before{
    right: 18px;
  }
}

@media only screen and (min-width:992px){
  a.item.block-link span:before{  
    right: 24px;
  }
}


@media only screen and (min-width: 1200px){
  a.item.block-link span:before{
    right: 30px;
  }
}

@media only screen and (min-width:992px){
  .block-links-large a.item.block-link span.small-block-link:before{
    right: 6px;
  }
}

a.item.block-link h3{
  word-break: break-word;
}

a.item.block-link p{
  word-break: break-word;
}

@media only screen and (min-width:768px){
  a.item.block-link p{
    margin-top: 10px;
    margin-bottom: auto;
  }
}

@media only screen and (min-width:992px){
  a.item.block-link p{
    margin-top: 15px;
    margin-bottom: auto;
  }
}

/* LINK COLOR */

/* NDWA-Blue */
.highlight-color-blue a.item.block-link{
  background-color: #2e6dad;
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Dark-Teal */
.highlight-color-dark-teal a.item.block-link{
  background-color: #24a3b2;
  color: #FFFFFF; /* NDWA-Black */
}

/* NDWA-Pink-Unbossed */
.highlight-color-dark-pink a.item.block-link{
  background-color: #9a1d73;
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Lavender-WeDiB */
.highlight-color-lavender a.item.block-link{
  background-color: #6D64AB;
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Purple-Sunstorm */
.highlight-color-purple a.item.block-link{
  background-color: #8833f5;
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Pink-Sunstorm */
.highlight-color-pink a.item.block-link{
  background-color: #FF1A99;
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Dark-Coral-CiA */
.highlight-color-dark-coral a.item.block-link{
  background-color: #EF3B3A;
  color: #FFFFFF; /* NDWA-White */
}

.highlight-color-custom-dark a.item.block-link{
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Yellow-WeDiB */
.highlight-color-yellow a.item.block-link{
  background-color: #FDBD3D;
  color: #000000; /* NDWA-Black */
}

/* NDWA-Green */
.highlight-color-green a.item.block-link{
  background-color: #BFC236;
  color: #000000; /* NDWA-Black */
}

/* NDWA-Teal */
.highlight-color-teal a.item.block-link{
  background-color: #90d5de;
  color: #000000; /* NDWA-Black */
}

/* NDWA-Orange */
.highlight-color-orange a.item.block-link{
  background-color: #ff9d14;
  color: #000000; /* NDWA-Black */
}

/* NDWA-Light-Coral-CiA */
.highlight-color-light-coral a.item.block-link{
  background-color: #F49B99;
  color: #000000; /* NDWA-Black */
}

/* NDWA-Light-Grey */
.highlight-color-light-grey a.item.block-link{
  background-color: #EEEEEE;
  color: #000000; /* NDWA-Black */
}

.highlight-color-custom-light a.item.block-link{
  color: #000000; /* NDWA-Black */
}

.highlight-color-yellow a.item.block-link span:after,
.highlight-color-green a.item.block-link span:after,
.highlight-color-teal a.item.block-link span:after,
.highlight-color-orange a.item.block-link span:after,
.highlight-color-light-coral a.item.block-link span:after,
.highlight-color-custom-light a.item.block-link span:after,
.highlight-color-light-grey a.item.block-link span:after{
  border-top-color: #000000; /* NDWA-Black */
  border-right-color: #000000; /* NDWA-Black */
}

.highlight-color-yellow a.item.block-link span:before,
.highlight-color-green a.item.block-link span:before,
.highlight-color-teal a.item.block-link span:before,
.highlight-color-orange a.item.block-link span:before,
.highlight-color-light-coral a.item.block-link span:before,
.highlight-color-custom-light a.item.block-link span:before,
.highlight-color-light-grey a.item.block-link span:before{
  border-top-color: #000000; /* NDWA-Black */
}

/* HOVER */

/* NDWA-Blue */
.highlight-color-blue a.item.block-link:hover,
.highlight-color-blue a.item.block-link:focus{
  background-color: #1e5893; /* NDWA-Blue-HOVER */
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Dark-Teal */
.highlight-color-dark-teal a.item.block-link:hover,
.highlight-color-dark-teal a.item.block-link:focus{
  background-color: #137e8b; /* NDWA-Dark-Teal-HOVER */
  color: #FFFFFF; /* NDWA-Black */
}

/* NDWA-Pink-Unbossed */
.highlight-color-dark-pink a.item.block-link:hover,
.highlight-color-dark-pink a.item.block-link:focus{
  background-color: #830f5e; /* NDWA-Pink-Unbossed-HOVER */
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Lavender-WeDiB */
.highlight-color-lavender a.item.block-link:hover,
.highlight-color-lavender a.item.block-link:focus{
  background-color: #544b8f; /* NDWA-Lavender-WDiB-HOVER */
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Purple-Sunstorm */
.highlight-color-purple a.item.block-link:hover,
.highlight-color-purple a.item.block-link:focus{
  background-color: #6e23cf; /* NDWA-Purple-Sunstorm-HOVER */
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Pink-Sunstorm */
.highlight-color-pink a.item.block-link:hover,
.highlight-color-pink a.item.block-link:focus{
  background-color: #c00b6e; /* NDWA-Pink-Sunstorm-HOVER */
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Dark-Coral-CiA */
.highlight-color-dark-coral a.item.block-link:hover,
.highlight-color-dark-coral a.item.block-link:focus{
  background-color: #d62020; /* NDWA-Dark-Coral-CiA-HOVER */
  color: #FFFFFF; /* NDWA-White */
}

.highlight-color-custom-dark a.item.block-link:hover,
.highlight-color-custom-dark a.item.block-link:focus{
  color: #FFFFFF; /* NDWA-White */
}

/* NDWA-Yellow-WeDiB */
.highlight-color-yellow a.item.block-link:hover,
.highlight-color-yellow a.item.block-link:focus{
  background-color: #d8a13a; /* NDWA-Yellow-WeDiB-HOVER */
  color: #000000; /* NDWA-Black */
}

/* NDWA-Green */
.highlight-color-green a.item.block-link:hover,
.highlight-color-green a.item.block-link:focus{
  background-color: #a3a518; /* NDWA-Green-HOVER */
  color: #000000; /* NDWA-Black */
}

/* NDWA-Teal */
.highlight-color-teal a.item.block-link:hover,
.highlight-color-teal a.item.block-link:focus{
  background-color: #79ced9; /* NDWA-Teal-HOVER */
  color: #000000; /* NDWA-Black */
}

/* NDWA-Orange */
.highlight-color-orange a.item.block-link:hover,
.highlight-color-orange a.item.block-link:focus{
  background-color: #e38f19; /* NDWA-Orange-HOVER */
  color: #000000; /* NDWA-Black */
}

/* NDWA-Light-Grey -- ORANGE ON HOVER */
.highlight-color-light-grey a.item.block-link:hover,
.highlight-color-light-grey a.item.block-link:focus{
  background-color: #ff9d14; /* NDWA-Orange-HOVER */
  color: #000000; /* NDWA-Black */
}

/* ------------- NDWA-Light-Grey + HERO IS GRADIENT -- GRADIENT ON HOVER ------------- */

.list-of-items.block-links-large-gradient-orange-teal-boxes a.item.block-link{
  position: relative;
  z-index: 1;
  background-image: url('../assets/gradient-orange-teal.webp');
  background-size: 1200px auto;
  background-position: left top;
  background-repeat: no-repeat;
}

.list-of-items.block-links-large-gradient-orange-teal-boxes a.item.block-link + a.item.block-link{
  background-position: center top;
}

.list-of-items.block-links-large-gradient-orange-teal-boxes a.item.block-link + a.item.block-link + a.item.block-link{
  background-position: right top;
}

.list-of-items.block-links-large-gradient-orange-purple-boxes a.item.block-link{
  position: relative;
  z-index: 1;
  background-image: url('../assets/gradient-orange-purple.jpg');
  background-size: 1200px auto;
  background-position: left top;
  background-repeat: no-repeat;
}

.list-of-items.block-links-large-gradient-orange-purple-boxes a.item.block-link + a.item.block-link{
  background-position: center center;
}

.list-of-items.block-links-large-gradient-orange-purple-boxes a.item.block-link + a.item.block-link + a.item.block-link{
  background-position: right bottom;
}


.list-of-items.block-links-large-gradient-orange-purple-boxes a.item.block-link:after,
.list-of-items.block-links-large-gradient-orange-teal-boxes a.item.block-link:after{
  position: absolute;
  display: block;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  background-color: #EEEEEE;
  opacity: 1;
  transition: all 0.3s ease-out;
  z-index: 0;
}

.list-of-items.block-links-large-gradient-orange-purple-boxes a.item.block-link > *,
.list-of-items.block-links-large-gradient-orange-teal-boxes a.item.block-link > *{
  z-index: 1;
}

.list-of-items.block-links-large-gradient-orange-purple-boxes a.item.block-link:hover:after,
.list-of-items.block-links-large-gradient-orange-purple-boxes a.item.block-link:focus:after,
.list-of-items.block-links-large-gradient-orange-teal-boxes a.item.block-link:hover:after,
.list-of-items.block-links-large-gradient-orange-teal-boxes a.item.block-link:focus:after{
  background-color: rgba(255,255,255,0);
  opacity: 0;
}

/* ------------- END ------------- */

/* NDWA-Light-Coral-CiA */
.highlight-color-light-coral a.item.block-link:hover,
.highlight-color-light-coral a.item.block-link:focus{
  background-color: #d87776; /* NDWA-Light-Coral-CiA-HOVER */
  color: #000000; /* NDWA-Black */
}

.highlight-color-custom-light a.item.block-link:hover,
.highlight-color-custom-light a.item.block-link:focus{
  color: #000000; /* NDWA-Black */
}

.highlight-color-custom-light a.item.block-link:hover,
.highlight-color-custom-light a.item.block-link:focus,
.highlight-color-custom-dark a.item.block-link:hover,
.highlight-color-custom-dark a.item.block-link:focus{
  opacity: 0.9;
}

a.item.block-link:hover span:after{
  border-top-color: #FFFFFF;
  border-right-color: #FFFFFF;
}

a.item.block-link:hover span:before{
  border-top-color: #FFFFFF;
}

.highlight-color-yellow a.item.block-link:hover span:after,
.highlight-color-green a.item.block-link:hover span:after,
.highlight-color-teal a.item.block-link:hover span:after,
.highlight-color-orange a.item.block-link:hover span:after,
.highlight-color-light-coral a.item.block-link:hover span:after,
.highlight-color-custom-light a.item.block-link:hover span:after,
.highlight-color-light-grey a.item.block-link:hover span:after,
.highlight-color-yellow a.item.block-link:focus span:after,
.highlight-color-green a.item.block-link:focus span:after,
.highlight-color-teal a.item.block-link:focus span:after,
.highlight-color-orange a.item.block-link:focus span:after,
.highlight-color-light-coral a.item.block-link:focus span:after,
.highlight-color-custom-light a.item.block-link:focus span:after,
.highlight-color-light-grey a.item.block-link:focus span:after{
  border-top-color: #000000; /* NDWA-Black */
  border-right-color: #000000; /* NDWA-Black */
}

.highlight-color-yellow a.item.block-link:hover span:before,
.highlight-color-green a.item.block-link:hover span:before,
.highlight-color-teal a.item.block-link:hover span:before,
.highlight-color-orange a.item.block-link:hover span:before,
.highlight-color-light-coral a.item.block-link:hover span:before,
.highlight-color-custom-light a.item.block-link:hover span:before,
.highlight-color-light-grey a.item.block-link:hover span:before,
.highlight-color-yellow a.item.block-link:focus span:before,
.highlight-color-green a.item.block-link:focus span:before,
.highlight-color-teal a.item.block-link:focus span:before,
.highlight-color-orange a.item.block-link:focus span:before,
.highlight-color-light-coral a.item.block-link:focus span:before,
.highlight-color-custom-light a.item.block-link:focus span:before,
.highlight-color-light-grey a.item.block-link:focus span:before{
  border-top-color: #000000; /* NDWA-Black */
}

/* ---- CODE BLOCK, IFRAME, VIDEO ---- */

.layout-body iframe{
  width: 100%;
  height: 50vw;
}

.layout-body video{
  width: 100%;
  height: auto;
}

.layout-text-sidebar .video{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

@media only screen and (min-width:576px){
  .layout-body iframe{
    height: 300px;
  }
}

@media only screen and (min-width:768px){
  .layout-body iframe{
    height: 400px;
  }
}

@media only screen and (min-width: 992px){
  .layout-body iframe{
    top: 0;
    left: 0;	
    width: 100%;	
    height: 506px;	
  }	
  .layout-section-sidebar iframe{	
		height:300px;	
  }
}

@media only screen and (min-width:992px){
  .layout-section-code{
    max-width: 900px;
    margin: auto;
  }
}


@media only screen and (min-width: 1200px){
  .layout-section-code{
    max-width: none;
  }
}


@media only screen and (min-width: 1200px){
  .layout-section-code iframe{
    height: 625px;
  }
}

/* ---- LIST OF POSTS ---- */

.container-posts{
  padding-left: 30px;
  padding-right: 30px;
}

.posts{

}

.posts article{

}

.posts article + article{
  margin-top: 45px;
}

@media only screen and (min-width: 992px){
  .posts article + article{
    margin-top: 60px;
  }
}

@media only screen and (min-width: 1200px){
  .posts article + article{
    margin-top: 75px;
  }
}

.posts.posts-search article + article{
  margin-top: 25px;
}

@media only screen and (min-width: 992px){
  .posts.posts-search article + article{
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1200px){
  .posts.posts-search article + article{
    margin-top: 60px;
  }
}

.posts .post-summary{

}

.posts h3{
  margin-bottom: 10px;
}

.posts h3 a{
  color: #000000 !important; /* NDWA-Black */
  margin-bottom: 10px;
  text-decoration: none !important;
}

.posts h3 a:hover{
  text-decoration: underline !important;
}

.posts p{
  margin-bottom: 10px;
}

ul.tags{
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}

ul.tags li{
  list-style-type: none;
  margin: 0 5px 5px 0;
  padding: 0;
}

.list-of-campaigns:not(.single-strategy) ul.tags li,
ul.tags li a{
  display: block;
  padding: 0 8px;
  font-size: 0.85em;

  background-color: rgba(0,0,0,0.2);
  color: #000000 !important;
  text-decoration: none !important;
}

ul.tags li a:hover{
  /* background-color: rgba(255,255,255,0.4); */
  background-color: rgba(0,0,0,0.4);
  text-decoration: none;
}

.list-of-campaigns:not(.single-strategy) ul.tags li,
.list-of-campaigns ul.tags li a{
  background-color: rgba(255,255,255,0.2);
}

.list-of-campaigns ul.tags li a:hover{
  background-color: rgba(255,255,255,0.4);
}

.list-of-campaigns:not(.single-strategy) .background-color-blue ul.tags li,
.list-of-campaigns:not(.single-strategy) .background-color-dark-teal ul.tags li,
.list-of-campaigns:not(.single-strategy).background-color-dark-pink ul.tags li,
.background-color-lavender .list-of-campaigns:not(.single-strategy) ul.tags li,
.background-color-purple .list-of-campaigns:not(.single-strategy) ul.tags li,
.background-color-pink .list-of-campaigns:not(.single-strategy) ul.tags li,
.background-color-dark-coral .list-of-campaigns:not(.single-strategy) ul.tags li,
.background-color-custom-dark .list-of-campaigns:not(.single-strategy) .ul.tags li,
.background-color-blue ul.tags li a,
.background-color-dark-teal ul.tags li a,
.background-color-dark-pink ul.tags li a,
.background-color-lavender ul.tags li a,
.background-color-purple ul.tags li a,
.background-color-pink ul.tags li a,
.background-color-dark-coral ul.tags li a,
.background-color-custom-dark .ul.tags li a{
  background-color: rgba(0,0,0,0.2) !important;
  color: #FFFFFF !important;
}

.background-color-blue ul.tags li a:hover,
.background-color-dark-teal ul.tags li a:hover,
.background-color-dark-pink ul.tags li a:hover,
.background-color-lavender ul.tags li a:hover,
.background-color-purple ul.tags li a:hover,
.background-color-pink ul.tags li a:hover,
.background-color-dark-coral ul.tags li a:hover,
.background-color-custom-dark ul.tags li a:hover{
  background-color: rgba(0,0,0,0.4) !important;
}

@media only screen and (min-width: 768px){
  .posts.posts-updates .post-summary{
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: stretch;
    position: relative;
  }
}

.posts.posts-updates p.post-date{
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  padding-top: 0;
}

@media only screen and (min-width: 768px){
  .posts.posts-updates p.post-date{
    position: absolute;
    top: 5px;
    left: 0;
    width: 100px;
    height: 100px;
    padding: 0 15px;

    font-family: 'Montserrat', sans-serif;
    font-weight: 800;

    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;

    background-color: #000000; /* NDWA-Black */
    color: #FFFFFF;
  }
}

@media only screen and (min-width: 768px){
  .highlight-color-black .posts.posts-updates p.post-date,
  .highlight-color-blue .posts.posts-updates p.post-date,
  .highlight-color-dark-teal .posts.posts-updates p.post-date,
  .highlight-color-dark-pink .posts.posts-updates p.post-date,
  .highlight-color-lavender .posts.posts-updates p.post-date,
  .highlight-color-purple .posts.posts-updates p.post-date,
  .highlight-color-pink .posts.posts-updates p.post-date,
  .highlight-color-dark-coral .posts.posts-updates p.post-date,
  .highlight-color-custom-dark .posts.posts-updates p.post-date{
    color: #FFFFFF;
  }

  .highlight-color-light-grey .posts.posts-updates p.post-date,
  .highlight-color-yellow .posts.posts-updates p.post-date,
  .highlight-color-green .posts.posts-updates p.post-date,
  .highlight-color-teal .posts.posts-updates p.post-date,

  .highlight-color-orange .posts.posts-updates p.post-date,
  .highlight-color-light-coral .posts.posts-updates p.post-date,
  .highlight-color-custom-light .posts.posts-updates p.post-date{
    color: #000000;
  }

  .highlight-color-black .posts.posts-updates p.post-date{
    background-color: #000000; /* NDWA-Black */
  }

  .highlight-color-blue .posts.posts-updates p.post-date{
    background-color: #2e6dad; /* NDWA-Blue */
  }

  .highlight-color-dark-teal .posts.posts-updates p.post-date{
    background-color: #24a3b2; /* NDWA-Dark-Teal */
  }

  .highlight-color-dark-pink .posts.posts-updates p.post-date{
    background-color: #9a1d73; /* NDWA-Pink-Unbossed */
  }

  .highlight-color-lavender .posts.posts-updates p.post-date{
    background-color: #6D64AB; /* NDWA-Lavender-WDiB */
  }

  .highlight-color-purple .posts.posts-updates p.post-date{
    background-color: #8833f5; /* NDWA-Purple-Sunstorm */
  }

  .highlight-color-pink .posts.posts-updates p.post-date{
    background-color: #FF1A99; /* NDWA-Pink-Sunstorm */
  }

  .highlight-color-dark-coral .posts.posts-updates p.post-date{
    background-color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
  }

  .highlight-color-yellow .posts.posts-updates p.post-date{
    background-color: #FDBD3D; /* NDWA-Yellow-WeDiB */
  }

  .highlight-color-green .posts.posts-updates p.post-date{
    background-color: #BFC236; /* NDWA-Green */
  }

  .highlight-color-teal .posts.posts-updates p.post-date{
    background-color: #90d5de; /* NDWA-Teal */
  }

  .highlight-color-orange .posts.posts-updates p.post-date{
    background-color: #ff9d14; /* NDWA-Orange */
  }

  .highlight-color-light-coral .posts.posts-updates p.post-date{
    background-color: #F49B99; /* NDWA-Light-Coral-CiA */
  }
}

@media only screen and (min-width: 768px){
  .posts.posts-updates h3{
    order: 2;
    margin-left: 130px;
  }
}

.posts.posts-updates .post-description,
.posts.posts-updates ul.tags,
.posts.posts-updates ul.tags li{
  margin-top: 0;
  padding-top: 0;
}

@media only screen and (min-width: 768px){
  .posts.posts-updates .post-description{
    order: 3;
    margin-left: 130px;
  }
}

@media only screen and (min-width: 768px){
  .posts.posts-updates ul{
    order: 4;
    margin-left: 130px;
  }
}

@media only screen and (min-width: 768px){
  .posts.posts-updates a.button{
    order: 5;
    margin-left: 130px;
    align-self: flex-start;
  }
}

/* POSTS - POSTS (COMPRESSED) */

.container-posts.container-posts-compressed {
  padding-left: 45px;
  padding-right: 45px;
}

.posts.posts-compressed .post-summary{

}

@media only screen and (min-width: 768px){
  .posts.posts-compressed .post-summary{
    display: flex;
    flex-flow: row nowrap;
  }
}

@media only screen and (min-width: 768px){
  .posts.posts-compressed .post-summary {
    display: flex;
    flex-flow: row nowrap;
  }
}

@media only screen and (min-width: 768px){
  .posts.posts-compressed .post-summary .post-short-summary{
    flex: 1 1 300px;
    padding-top: 0;
    margin-left: 150px;
  }
}

@media only screen and (min-width: 768px){
  .posts.posts-compressed .post-summary .post-date + .post-short-summary{
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px){
  .posts.posts-compressed .post-summary .post-date{
    flex: 0 1 150px;
  }
}

.posts.posts-compressed .post-summary p{
  margin-bottom: 0;
}

.posts.posts-compressed .post-summary p + p{
  padding-top: 0;
}

.posts.posts-compressed .post-summary .post-short-summary a{
  display: block;
  font-weight: 600;
}

.posts.posts-compressed .post-summary .post-short-summary span.post-title{
  display: block;
  font-weight: 600;
  color: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.posts.posts-compressed .post-summary .post-short-summary span.post-categories{
  display: block;
}

.posts.posts-compressed article + article{
  margin-top: 20px;
}

/* PAGINATION */

nav.pagination{
  margin-top: 30px;
  border-top: 1px solid #BBBBBB; /* NDWA-Medium-Light-Grey-Borders */
  border-radius: 0;
}

nav.pagination h2{
  display: none;
}

nav.pagination .nav-links{
  margin-top: 45px;
}

nav.pagination .nav-links .page-numbers{  
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  margin-right: 10px;
}

/* PAGE BLOCK : ADD THIS BLOCK */

/* FLOATS RIGHT */
.add-this-block{
  text-align: right;
  float: right;
  padding-top: 5px;
  padding-right: 2px;
  padding-left: 3px;
}

@media only screen and (max-width: 991px){
  .add-this-block{
    float: none;
	margin-bottom:-25px;
  }
}

/* CENTERED, NO FLOAT */
.add-this-block.centered{
  text-align: center;
  float: none;
  padding-top: 5px;
  padding-right: 2px;
  padding-left: 3px;
}

.add-this-icon-color-black .at-share-btn-elements path{
  fill: #000000;
}

.add-this-icon-color-blue .at-share-btn-elements path{
  fill: #2e6dad;
}

.add-this-icon-color-dark-teal .at-share-btn-elements path{
  fill: #24a3b2;
}

.add-this-icon-color-dark-pink .at-share-btn-elements path{
  fill: #9a1d73;
}

.add-this-icon-color-lavender .at-share-btn-elements path{
  fill: #6D64AB;
}

.add-this-icon-color-purple .at-share-btn-elements path{
  fill: #8833f5;
}

.add-this-icon-color-pink .at-share-btn-elements path{
  fill: #FF1A99;
}

.add-this-icon-color-dark-coral .at-share-btn-elements path{
  fill: #EF3B3A;
}

.add-this-icon-color-white .at-share-btn-elements path{
  fill: #FFFFFF;
}

.add-this-icon-color-white .at-style-responsive .at-share-btn{
  background-color: #000000 !important;
}

.add-this-icon-color-yellow .at-share-btn-elements path{
  fill: #F9C056;
}

.add-this-icon-color-green .at-share-btn-elements path{
  fill: #BFC236;
}

.add-this-icon-color-teal .at-share-btn-elements path{
  fill: #90d5de;
}

.add-this-icon-color-orange .at-share-btn-elements path{
  fill: #ff9d14;
}

.add-this-icon-color-light-coral .at-share-btn-elements path{
  fill: #F49B99;
}

/* REPORTS & PUBLICATIONS */

.layout-list-reports .container{
  padding: 30px;
}

@media only screen and (min-width: 768px){
  .layout-list-reports .container{
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 992px){
  .layout-list-reports .container{
    padding-top: 65px;
    padding-bottom: 75px;
  }
}

@media only screen and (min-width: 768px){
  .layout-list-reports .container{
    padding-top: 90px;
    padding-bottom: 100px;
  }
}

.posts.posts-reports{
}

.posts.posts-reports article{
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
}

@media only screen and (min-width:576px){
  .posts.posts-reports article{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
}

.posts.posts-reports .preview-image{
  flex: 0 0 200px;
  height: 225px;
  margin-bottom:25px;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
}

.posts.posts-reports .post-summary{
  flex: 1 1 150px;
  padding-left: 20px;
}

@media only screen and (min-width:576px){
  .posts.posts-reports .post-summary{
    padding-left: 30px;
  }
}

/* ---- FOOTER TEXT ---- */

.container-footer-secondary .footer-text{
  text-align: center;
  max-width: 400px;
  margin: auto;
}

@media only screen and (min-width:768px){
  .container-footer-secondary .footer-text{
    max-width: none;
  }
}

@media only screen and (min-width:992px){
  .container-footer-secondary .footer-text{
    flex: 1 1 100px;
    text-align: left;
    margin: auto 0;
    padding: 0 0 0 25px;
  }
}

/* ---- LANGUAGE-SPECIFIC TEMPLATE ELEMENTS ---- */

body.en span.english-only,
body.en a.english-only,
body.es span.spanish-only,
body.es a.spanish-only,
body.ht span.kreyol-only,
body.ht a.kreyol-only{
  display: inline-block;
}

body.en span.spanish-only,
body.en a.spanish-only,
body.en span.kreyol-only,
body.en a.kreyol-only{
  display: none !important;
}

body.es span.english-only,
body.es a.english-only,
body.es span.kreyol-only,
body.es a.kreyol-only{
  display: none !important;
}

body.ht span.english-only,
body.ht a.english-only,
body.ht span.spanish-only,
body.ht a.spanish-only{
  display: none !important;
}

body.en div.english-only,
body.es div.spanish-only,
body.ht div.kreyol-only{
  display: block;
}

body.en div.spanish-only,
body.en div.kreyol-only,

body.es div.english-only,
body.es div.kreyol-only,

body.ht div.spanish-only,
body.ht div.english-only{
  display: none !important;
}

/* ---- LANDING PAGES ---- */

.page-template-page-landing-page #responsive-menu-button,
.page-template-page-cia-landing-page #responsive-menu-button{
  display: none;
}

.layout-header-landing-page .header-language{
  margin-right: 0;
}

/* ---- NDWA LANDING PAGE ---- */

@media only screen and (min-width:992px){
  .layout-header-landing-page .header-logo li a {
    background-position: center center;
  }
}

/* ---- CIA LANDING PAGE ---- */

.layout-header-landing-page.cia-homepage{
  border-bottom: 0;
}

body.page-template-page-cia-landing-page{
  padding-top: 0;
}

/* ---- H3 LINKS ON HOMEPAGE ---- */

a.h3-link{
  text-decoration: none !important;
  border-bottom: 3px solid #EEEEEE;
}

a.h3-link-1{
  border-bottom-color: #DD9941;
}

a.h3-link-2{
  border-bottom-color: #E89999;
}

a.h3-link-3{
  border-bottom-color: #C1C04F;
}

a.h3-link-4{
  border-bottom-color: #F6D04B;
}

a.h3-link-5{
  border-bottom-color: #74A3D1;
}

a.h3-link:hover{
  text-decoration: none !important;
  color: #000000 !important;
  border-bottom: 3px solid #000000;
}

/* ---- SEARCH ---- */

.screen-reader-text{
  display: none;
}

.header-search{
  display: none;
}

@media only screen and (min-width: 768px){
  .header-search{
    display: none;
  }
}

@media only screen and (min-width: 992px){
  .header-search{
    display: block;
    margin: 8px 0 0 0;
    z-index: 100;
    height: 32px;
    margin: 5px 0 0 0;
  }
}

.header-search form{
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: stretch;
}

.header-search label{
  margin-bottom: 0;
}

.header-search input[type='search']{
  font-size: 14px;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  padding: 0 7px;
  border-radius: 0;

  width: 30px;
  border: none;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  background-image: url('/wp-content/themes/ndwa2020/assets/search.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 19px auto;
  transition: all 0.3s ease;
}

.header-search input[type='search']::placeholder{
  color: transparent;
}

.header-search input[type='submit']{
  display: none;
}

.header-search input[type='search']:focus{
  border-radius: 0;
}

.header-search input[type='search']:focus-visible{
  border-radius: 0;
  outline: none;
  background-color: rgba(255, 157, 20, 0.3);
}

.header-search:focus-within{
  outline: 4px solid rgba(0,0,0,0.2);
}

.header-search:focus-within input[type='search']{
  display: block;
  width: 120px;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
  border: 1px solid rgba(0,0,0,0.4);
  background-image: none;
  color: #000000;
  cursor: auto;
}

.header-search:focus-within input[type='search']::placeholder{
  color: #CCCCCC;
}

.header-search:focus-within input[type='submit']{
  display: block;
  background-color: #000000;
  background-image: url('../assets/search-white.svg');
}

.header-search input[type='submit']{
  border: 1px solid rgba(0,0,0,0.4);
  border-left: none;
  color: transparent;
  background-color: transparent;
  height: 32px;
  width: 30px;
  box-sizing: border-box;
  background-image: url('../assets/search.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}

.header-search input[type='submit']:hover{
  border: 1px solid #ff9d14;
  background-color: #ff9d14;
  border-left: none;
}

.header-search input[type='search'] label{
  margin-bottom:0;
}

/* ---- MOBILE SEARCH PAGE LINK---- */

.header-search-mobile{
  color: transparent;
  background-color: transparent;
  height: 30px;
  width: 30px;
  box-sizing: border-box;
  margin-top: 9px;
}

@media only screen and (min-width: 768px){
  .header-search-mobile{
    display: none;
  }
}

.header-search-mobile .search-button{
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  background-image: url('../assets/search.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}

.header-search-mobile .search-button:hover{
  color: transparent;
  background-image: url('../assets/search-orange.svg');
  text-decoration: none;
}

.header-search-mobile .search-button span{
  color: transparent;
  text-decoration: none;
}

.header-search-mobile .search-button:hover span{
  color: transparent;
  text-decoration: none;
}

/* ---- SEARCH RESULTS---- */

.layout-hero-search .search-form{
  margin-top: 20px;
  text-align: center;
}

.posts.posts-search h3 a{
  text-decoration: underline !important;
}

.posts.posts-search h3 a:hover{
  color: #d98003 !important;
}

.tx-indexedsearch-redMarkup{
  background-color: rgba(255, 157, 20, 0.3);
}

.container-posts-search .posts-navigation{
  margin-top: 30px;
  border-top: 1px solid #BBBBBB;
  border-radius: 0;
}

.container-posts-search .posts-navigation .nav-links{
  display: flex;
  flex-flow: row nowrap;
  margin-top: 30px;
}

.container-posts-search .posts-navigation .nav-links .nav-previous{
  order: 2;
}

.container-posts-search .posts-navigation .nav-links .nav-next{
  order: 1;
}

.container-posts-search .posts-navigation .nav-links a{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 2px;
  font-size: 16px;
  margin-right: 20px;
}

.container-posts-search .posts-navigation .nav-links .nav-previous a{
  display: block;
}

.container-posts-search .posts-navigation .nav-links .nav-next a{
  display: block;
}

/* ---- SEARCH HERO---- */

.hero-search{
  text-align: center;
}

.layout-hero-search .search-form{
  margin-top: 20px;
  display: inline-block;
}

.layout-hero-search .search-form label{
  margin-bottom: 0;
}

.layout-hero-search .search-form input[type='search']{
  border: 1px solid rgba(0,0,0,0.4);
  font-size: 18px;
  box-sizing: border-box;
  height: 45px;
  line-height: 45px;
  padding: 0 7px;
  border-radius: 0;
}

@media only screen and (min-width: 768px){
  .layout-hero-search .search-form input[type='search']{
    width: 300px;
  }
}

.layout-hero-search .search-form input[type='search']:focus{
  border-radius: 0;
  outline: none;
}

.layout-hero-search .search-form input[type='search']:focus-visible{
  border-radius: 0;
  outline: none;
}

.layout-hero-search .search-form:focus-within{
  outline: 6px solid rgba(0,0,0,0.2);
}

.layout-hero-search .search-form:focus-within input[type='submit']{
  background-color: #000000;
  background-image: url('../assets/search-white.svg');
}

.layout-hero-search .search-form input[type='submit']{
  border: none;
  height: 45px;
  padding: 0 18px 0 35px;
  color: #FFFFFF;
  box-sizing: border-box;
  background-color: #000000;
  background-image: url('../assets/search-white.svg');
  background-position: left 12px top 12px;
  background-repeat: no-repeat;
  background-size: 18px auto;
  margin-left: -5px;
}

.layout-hero-search .search-form input[type='submit']:hover{
  color: #ff9d14;
  background-image: url('../assets/search-orange.svg');
}

.layout-hero-search .search-form input[type='search'] label{
  margin-bottom:0;
}

@media only screen and (min-width: 992px){
  .layout-header.header-class-homepage.has-background-style-left-with-background-gradient .header-search input[type='search']{
    border: none;
  }
}

@media only screen and (min-width: 992px){
  .layout-header.header-class-homepage.has-background-style-left-with-background-gradient .header-search input[type='submit']{
    border: none;
    margin-left: 1px;
  }
}

@media only screen and (min-width: 992px){
  .layout-header.header-class-homepage.has-background-style-left-with-background-gradient .header-search input[type='search']:focus{
    background-color: rgba(255,255,255,1);
  }
}

@media only screen and (min-width: 992px){
  .layout-header.header-class-homepage.has-background-style-left-with-background-gradient .search-form:focus-within input[type='submit']{
    background-color: #000000;
    background-image: url('../assets/search-white.svg');
  }
}

@media only screen and (min-width: 992px){
  .layout-header.header-class-homepage.has-background-style-left-with-background-gradient .search-form:focus-within input[type='submit']:hover{
    background-image: url('../assets/search-orange.svg');
  }
}

@media only screen and (min-width: 992px){
  .layout-header.header-class-homepage.has-background-style-left-with-background-gradient li#menu-item-93 > a{
    background-color: #000000;
    color: #FFFFFF;
  }
}

@media only screen and (min-width: 992px){
  .layout-header.header-class-homepage.has-background-style-left-with-background-gradient li#menu-item-93 > a:hover{
    background-color: #ff9d14;
  }
}

@media only screen and (min-width: 992px){
  .layout-header.header-class-homepage.has-background-style-left-with-background-gradient{
    background-color: transparent;
  }
}

@media only screen and (min-width: 992px){
  .scroll .layout-header.header-class-homepage.has-background-style-left-with-background-gradient{
    background-color: #FFFFFF;
  }
}

/* CHAPTERS & AFFILIATES */

.chapters-and-affiliates .container{
  padding-right: 45px;
  padding-left: 45px;
}

@media only screen and (min-width:768px){
  .chapters-and-affiliates .container{
    padding: 30px 45px 45px;
  }
}

@media only screen and (min-width:992px){
  .chapters-and-affiliates .container{
    width: 930px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0 120px 230px;
    box-sizing: border-box;
  }
}

@media only screen and (min-width:1200px){
  .chapters-and-affiliates .container{
    width: 1050px;
  }
}

@media only screen and (min-width:1400px){
  .chapters-and-affiliates .container{
    width: 1388px;
  }
}

@media only screen and (min-width:992px){
  .chapters-and-affiliates .container .list-of-items{
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
}

@media only screen and (min-width:992px){
  .chapters-and-affiliates .container .list-of-items:after{
    display: block;
    clear: both;
    content: " ";
    width: 100%;
    height: 1px;
  }
}

.chapters-and-affiliates .item{
  background-color: #FFFFFF;
  padding: 20px 20px 6px !important;
  border: 1px solid #BBBBBB; /* NDWA-Medium-Light-Grey-Borders */
  margin-bottom: 15px;
  max-width: none;
}

@media only screen and (min-width:576px){
  .chapters-and-affiliates .item{
    max-width: 450px;
  }
}

@media only screen and (min-width:768px){
  .chapters-and-affiliates .item{
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width:992px){
  .chapters-and-affiliates .item{
    display: block;
    float: left;
    width: 320px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px 20px 20px !important;
    height: 220px;
    position: relative;
    margin-bottom: 30px !important;
  }
}

@media only screen and (min-width:1200px){
  .chapters-and-affiliates .item{
    width: 380px;
  }
}

@media only screen and (min-width:1400px){
  .chapters-and-affiliates .item{
    width: 356px;
  }
}

.chapters-and-affiliates .item.list-item-title{
  flex: 1 0 60%;
  padding: 0 !important;
  border: none;
  font-size: 26px !important;
  background-color: transparent;
}

@media only screen and (min-width:992px){
  .chapters-and-affiliates .item.list-item-title{
    margin-left: -215px;
    font-size: 25px;

    max-width: none;
    width: 100%;
    height: 0;
  }
}

.chapters-and-affiliates .item.list-item-title h4{
  font-size: 24px;
  padding: 20px 0;
}

@media only screen and (min-width:992px){
  .chapters-and-affiliates .item.list-item-title h4{
    padding: 20px 0 0 0;
    max-width: 200px;
    font-size: 25px;
  }
}

.chapters-and-affiliates .item p{
  margin: 0;
  padding: 0;
}

.chapters-and-affiliates .item.item-ndwa-chapter{
  padding-top: 25px !important;
  position: relative;
  background-color: #d4f3f7;
  border: 1px solid #24a3b2;
}

.chapters-and-affiliates .item.item-ndwa-chapter p:not(.subtitle){
  background-color: #24a3b2;
  position: absolute;
  top: -16px;
  left: -9px;
  padding: 2px 9px;
  color: #FFFFFF;
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
}

.chapters-and-affiliates .list-of-items a.button.button-text{
  display: inline-block;
}

@media only screen and (min-width:992px){
  .chapters-and-affiliates .list-of-items a.button.button-text{
    position: absolute;
    bottom: 3px;
    left: 20px;
  }
}

.chapters-and-affiliates .item.list-item-divider{
  width: auto;
  height: 1px;
  float: none;
  clear: both;
  max-width: none;
  padding: 0 !important;
  margin-bottom: 0 !important;
  color: transparent;
  opacity: 0;
}

.get-involved-social-links{
  display: flex;
  flex-flow: row nowrap;
}

.get-involved-social-links a{
  display: block;
}

.get-involved-social-links a + a{
  margin-left: 25px;
}

.get-involved-social-links a svg{
  width: 30px;
  height: auto;
}

.get-involved-social-links a svg path{
  fill: #ff9d14; /* NDWA-Orange */
}

.get-involved-social-links a:hover svg path{
  fill: #e38f19; /* NDWA-Orange-HOVER */
}

.get-involved-social-links.cia-social-links a svg path{
  fill: #EF3B3A; /* NDWA-Dark-Coral-CiA */
}

.get-involved-social-links.cia-social-links a:hover svg path{
  fill: #d62020; /* NDWA-Dark-Coral-CiA-HOVER */
}

/* MEMBERSHIP NAV */

.header-membership-nav{
  display: none;
}

@media only screen and (min-width:768px){
  .header-membership-nav{
    display: none;
  }
}

@media only screen and (min-width:992px){
  .header-membership-nav{
    display: block;
  }
}

.layout-header:not(.layout-header.header-class-homepage.has-background-style-left-with-background-gradient) .header-membership-nav .wpml-ls-current-language > a{
  color: #AAAAAA;
}

.layout-header:not(.layout-header.header-class-homepage.has-background-style-left-with-background-gradient) .header-membership-nav li.wpml-ls-current-language > a:after {
  border-bottom: 3px solid #AAAAAA;
  border-left: 3px solid #AAAAAA;
}

.layout-header:not(.layout-header.header-class-homepage.has-background-style-left-with-background-gradient) .header-membership-nav .wpml-ls-current-language a:hover{
  color: #d98003;
}

.layout-header:not(.layout-header.header-class-homepage.has-background-style-left-with-background-gradient) .header-membership-nav li.wpml-ls-current-language > a:hover:after {
  border-bottom: 3px solid #d98003;
  border-left: 3px solid #d98003;
}

ul.menu-primary > li.wpml-ls-current-language > ul.sub-menu{
  right: 0;
  left: initial;
  text-align :right;
  min-width: 90px !important;
  top: 35px;
}
/* 
.es ul.menu-primary > li.wpml-ls-current-language > ul.sub-menu{
  min-width: 90px;
} */

ul.menu-primary > li.wpml-ls-current-language:hover > ul.sub-menu li a{
  font-size: 15px;
  font-weight: 400;
  padding: 5px 15px;
}

/* MOBILE DONATE BUTTON */

.mobile-donate-button{
  display: block;
}

@media only screen and (min-width:768px){
  .mobile-donate-button{
    display: block;
  }
}

@media only screen and (min-width:992px){
  .mobile-donate-button{
    display: none !important;
  }
}

/* WORKERS NAV */
.header-membership-nav ul.menu-primary{

}

.header-membership-nav ul.menu-primary > li{
  padding: 0;
}

.header-membership-nav ul.menu-primary > li > a{
  font-size: 0.8em;
  padding-left: 22px;
  font-weight: 400;
}

.header-membership-nav ul.menu-primary > li > ul.sub-menu > li > a{
  /* font-size: 0.8em; */
}

.header-membership-nav ul.menu-primary > li > ul.sub-menu{
  top: 39px;
  min-width: 220px;
}

.es .header-membership-nav ul.menu-primary > li > ul.sub-menu{
  min-width: 250px;
}

/* NAV ARROWS */
li.menu-item-has-children > a{
  position: relative;
}

li.menu-item-has-children > a:after{
  display: block;
  content: " ";
  pointer-events: none;
  position: absolute;
  right: 2px;
  top: 37%;
  border-right: 3px solid transparent;
  border-top: 3px solid transparent;
  border-bottom: 3px solid #000000;
  border-left: 3px solid #000000;
  width: 6px;
  height: 6px;
  transform: rotate(-45deg);
}

li.menu-item-has-children > a:hover:after{
  border-bottom-color: #d98003; /* NDWA-Orange-HOVER */
  border-left-color: #d98003; /* NDWA-Orange-HOVER */;
}

/* WORKER BANNER */

@media only screen and (min-width:768px){
  .membership-banner .list-of-items{
    min-height: 390px;
    position: relative;
  }
}

@media only screen and (min-width:1200px){
  .membership-banner .list-of-items{
    min-height: 0;
  }
}

.membership-banner .item{
  padding-top: 30px;
  width: auto;
  display: none;
}

@media only screen and (min-width:768px){
  .membership-banner .item{
    display: block;
    flex: 1 1 auto;
    margin-bottom: 0;
    margin-left: 42%;
  }
}

@media only screen and (min-width:1200px){
  .membership-banner .item{
    padding-top: 35px;
    flex: 0 0 16%;
    margin-left: 1.5%;
  }
}

.membership-banner .item.primary-cta{
  display: block;
  margin: 0;
  max-width: none;
  overflow: hidden;
  padding: 20px 0 0 45px;
  position: relative;
  background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/07/GivingTuesday2022-xxsmall.png');
  background-repeat: no-repeat;
  background-size: auto 95%;
  background-position: right bottom;
}
  
@media only screen and (min-width:768px){
  .membership-banner .item.primary-cta{
    width: 40%;
    position: absolute;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    bottom: 40px;
    left: 0;

    min-height: 370px;
    background-image: url('https://www.domesticworkers.org/wp-content/uploads/2022/11/GivingTuesday2022.png');
    padding-top: 220px;
  }
}

@media only screen and (min-width:1200px){
  .membership-banner .item.primary-cta{
    margin-bottom: 0;
    position: relative;
    margin-right: 0;
    margin-left: 0;
    bottom: 0;
    flex: 1 0 30%;
    min-height: 100px;
    padding-top: 30px;
    padding-left: 22% !important;
    background-position: left bottom;
  }
}

.membership-banner .item.primary-cta h4{
  font-size: 1.5em;
  line-height: 1.1;
  text-align: center;
  margin: auto;
}

@media only screen and (min-width:768px){
  .membership-banner .item.primary-cta h4{
    max-width: 300px;
  }
}

@media only screen and (min-width:1200px){
  .membership-banner .item.primary-cta h4{
    /* margin-left: 25%; */
    /* font-size: 1.7em; */
    text-align: left;
    max-width: none;
  }
}

.membership-banner .item.primary-cta p.subtitle{
  text-align: center;
}

@media only screen and (min-width:768px){
  .membership-banner .item.primary-cta p.subtitle{
    display: none;
  }
}

.membership-banner .item.primary-cta p:not(.subtitle){
  display: flex;
  flex-flow: row wrap;
}

.membership-banner .item.primary-cta a.button.button-text{
  display: none;
}

.membership-banner .item.primary-cta a.button.button-black{
  background-color: #ff9d14;
  display: block !important;
  color: #000000;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width:1200px){
  .membership-banner .item.primary-cta a.button.button-black{
    margin-left: 0;
    margin-bottom: 20px;
  }
}

.membership-banner .item.primary-cta a.button.button-black:hover{
  background-color: #d98003;
}

.membership-banner .item.primary-cta a.button:before{
  border-top: 3px solid #000000;
}

.membership-banner .item.primary-cta a.button:after{
  border-top: 3px solid #000000;
  border-right: 3px solid #000000;
}

.membership-banner .item.primary-cta span{
  display: block;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 9px 0 0;
  text-align: right;
  margin-right: 45px;
}

@media only screen and (min-width: 768px){
  .membership-banner .item.primary-cta span{
    text-align: center;
    margin-right: 0;
  }
  
  .membership-banner .item.primary-cta span > a{
    color: #FFFFFF;
  }
}
  
@media only screen and (min-width: 992px){
  .membership-banner .item.primary-cta span{
    flex: 0 0 100%;
  }
  
  .membership-banner .item.primary-cta span > a{
    
  }
}
  
@media only screen and (min-width: 1200px){
  .membership-banner .item.primary-cta span{
    flex: 0 0 100%;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
  }
  
  .membership-banner .item.primary-cta span > a{
    color: #ff9d14;
  }
}

.membership-banner .item h4{
  font-size: 1.1em;
}

.membership-banner .item p{
  margin-top: 10px;
  margin-bottom: 0;
}

@media only screen and (min-width:1200px){
  .membership-banner .item p{
    font-size: 0.9em;
  }
}

.membership-banner .item p a:hover{
  color: #ff9d14;
}

/* ADD CHISWICK */
/* h1, h2, h3, h4{
  font-family: 'Chiswick Grotesque Web', 'Montserrat', sans-serif;
  font-weight: 800;
} */

/* TEMPORARY -- SEO OPTIMIZED FOR MOBILE */

.layout-hero.care-hero{
  background-image: url('https://www.domesticworkers.org/wp-content/themes/ndwa2020/assets/care2023/care-summit-bg2-small.jpg')!important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.more-about-our-work{
  display: none;
}

@media only screen and (max-width:767px){
    
  body.home header.at-title{
    display: none;
  }
    
  body.home header.HeaderHtml{

  }
    
  body.home header.HeaderHtml p{
    display: none;
  }
    
  body.home header.HeaderHtml:after{
    color: #FFF;
    display: block;
    content: "Sign up to get notified as soon as we have new actions that you can take to support domestic workers.";
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
  }
    
  .membership-banner.layout-list-of-items .container{
    padding-left: 0 !important;
    padding-right: 0;
  }
  
  .membership-banner .item.primary-cta h4{
    text-align: left;
    font-size: 1.3em;
  }
  
  .membership-banner .item.primary-cta p.subtitle{
    text-align: left;
    margin-right: 150px;
  }

  .membership-banner .item.primary-cta .item-image img{
    display: none !important;
  }

  .membership-banner .item.primary-cta a.button.button-black{
    display: none !important;
  }
  
  .membership-banner .item.primary-cta a.button-text{
   display: inline-block !important;
   width: 150px;
   color: #FFF !important;
   margin-bottom: 10px;
  }
  
  .membership-banner .item.primary-cta a:before{
   border-top-color: #FFF !important;
  }
  
  .membership-banner .item.primary-cta a:after{
   border-top-color: #FFF !important;
       border-right-color: #FFF !important;
  }
  
  .homepage-our-work{
    background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/07/cutout-resize-3-xsmall.png');
    background-position: center bottom;
    background-size: 400px auto;
    background-repeat: no-repeat;
    padding-bottom: 230px;
    background-color: #ff9d14;
  }

  .homepage-our-work .container{
    max-width: none !important;  
  }
  
  .homepage-our-work h2,
  .homepage-our-work p{
      text-align: left !important;
      max-width: none !important;
  }
  
  .more-about-our-work{
    display: block;    
  }
  
  .list-of-items.list-of-take-actions .post-location,
    .list-of-items.list-of-take-actions .post-description{
    display: none;
  }
  
  body.home .layout-standard-cta .container{
    padding-left: 25px;
    padding-right: 25px;
  }
  
  .layout-hero.background-style-background-right.donate-footer{
    background-image: url('https://www.domesticworkers.org/wp-content/uploads/2023/07/small-cutout-5-xsmall.png') !important;
    background-position: center bottom;
    background-size: 300px;
    background-repeat: no-repeat;
    padding-bottom: 300px;
  }
  
  .layout-hero.background-style-background-right.donate-footer:before,
  .layout-hero.background-style-background-right.donate-footer:after{ 
    display: none;
  }
  
  .donate-footer .hero-graphic{
    display: none !important;
  }
}

.ndwa-pillars{
  display: none !important;
}

@media only screen and (min-width: 768px){
  .ndwa-pillars{
    display: block !important;
  }
}

/* unnecessary images~! */
.ndwa-pillars div.list-of-items > div.item > div.item-image > img{
  display: none !important;
}


/* TABLE OF CONTENTS */

.table-of-contents{
  border: 1px solid #CCCCCC;
  padding: 10px 15px;
  margin: 30px 0 10px;
  background-color: #FAFAFA;
}

.lightweight-accordion-title{
  position: relative;
  font-weight: bold;
}

.lightweight-accordion-title:after{
  content: "Show";
  position: absolute;
  right: 0;
  color: #000000;
}

details[open] .lightweight-accordion-title:after{
  content: "Hide";
  color: #888888;
}

.lightweight-accordion-body{
  margin-top: 10px;
}

.lightweight-accordion-body ol{
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-left: 0;
  padding-left: 15px;
}

.lightweight-accordion-body > ol{
  list-style: decimal;
  margin-left: 36px;
  padding-left: 0px;
  text-indent: 10px;
}

.lightweight-accordion-body > ol > li + li {
  margin-top: 15px !important;
}

.lightweight-accordion-body > ol > li:has(> ol) {
  padding-left: 10px;
}

.lightweight-accordion-body > ol > li > a{
  font-weight: bold;
}

.lightweight-accordion-body > ol > li > ol{
  list-style: disc;
  text-indent: 0;
  padding-left: 16px;
  margin-top: 15px !important;
}

.lightweight-accordion-body ol > li > ol > li + li {
  margin-top: 15px !important;
}

.lightweight-accordion-body > ol > li > ol > li > ol{
  list-style: none;
  text-indent: 0;
  padding-left: 0;
}

.lightweight-accordion-body li{
  line-height: 1.75;
}

.lightweight-accordion-body li li{
  line-height: 1.5;
}

.lightweight-accordion-body li + li{
  margin-top: 0 !important;
}

.layout-body .lightweight-accordion-body a{
  color: #000000 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed #AAAAAA !important;
}

.layout-body.highlight-color-dark-coral .lightweight-accordion-body a:hover{
  color: #d62020 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed #d62020 !important;
}

.layout-body.highlight-color-orange .lightweight-accordion-body a:hover{
  color: #cc7c0c !important;
  text-decoration: none !important;
  border-bottom: 1px dashed #cc7c0c !important;
}

/* UL Onorderd Lists with less space between items */

.layout-body p + ul.plain-list,
ul.plain-list{
  margin-top: 15px;
  padding: 0;
}

.layout-body p + p{
  padding-top: 15px;
}

ul.plain-list li + li{
  padding: 0;
  margin-top: 5px;
}


/* MEMBERSHIP */

.membership-more-links .list-of-items.box-style-white-box .item-image{
  height: 50px;
  width: 50px;
  margin-bottom: 10px;
}

/* SKINNY HERO BANNER FOR MEMBERSHIP PORTAL */

.layout-hero.hero-minimal.breadcrumbs-yes:not(.background-style-plain){
  padding-top: 0;
  padding-bottom: 0;
}

.layout-hero.wide.hero-minimal .container.hero-container{
  padding: 0;
  margin: 0;
  max-width: none;
}

.hero-minimal h1{
  font-size: 21px;
  line-height: 45px;
}

@media only screen and (min-width:768px){
  .hero-minimal h1{
    font-size: 22px;
  }
}

@media only screen and (min-width:992px){
  .hero-minimal h1{
    font-size: 23px;
  }
}

/* MEMBERSHIP PORTAL "PANEL" VIEW */

.membership-portal .layout-section-text{
  max-width: none;
  padding: 0;
}

.membership-portal .row .col-lg-6{
  display: flex;
}

.membership-portal-section{
  border: 1px solid #CCC;
  padding: 30px 30px;
  margin-bottom: 30px;
  width: 100%;
}

@media only screen and (min-width:992px){
  .membership-portal-section:not(.membership-portal-section-wide) a.button{
    text-align: left;
    padding-left: 25px;
  }
}

@media only screen and (min-width:992px){
  .membership-portal-section-wide p{
    text-align: center;
  }
}

.membership-portal-section h6{
  text-align: center;
}

.membership-portal-section h6 + p{
  margin-top: 0;
  padding-top: 20px;
}

/* MEMBERSHIP BENEFITS LIST */

.member-benefits-list .container-list-of-items{
  max-width: none;
}

.member-benefits-list .list-of-items{

}

.member-benefits-list .list-of-items .item{
  position: relative;
  max-width: none;
  padding-bottom: 15px !important;
  background-color: #FFFFFF;
  margin-bottom: 30px;
  min-height: 270px;
  border: 1px solid #BBBBBB;
}

.member-benefits-list .list-of-items .item .item-image{
  width: 100px;
  height: 100px;
  margin: auto;
}

.member-benefits-list .list-of-items .item h4{
  text-align: center;
  margin-bottom: 15px;
}

@media only screen and (min-width:768px){
  .member-benefits-list .container-list-of-items{
    max-width: 1000px;
  }
    
  .member-benefits-list .list-of-items .item{
    padding-left: 35px !important;
    padding-right: 35px !important;
    padding-bottom: 35px !important;
  }
  
  .member-benefits-list .list-of-items .item .item-image{
    width: 200px;
    height: 200px;
    position: absolute;
  }
    
  .member-benefits-list .list-of-items .item:nth-of-type(2n+1) .item-image{
    position: absolute;
    right: 35px;
  }
    
  .member-benefits-list .list-of-items .item h4{
    text-align: left;
  }

  .member-benefits-list .list-of-items .item:nth-of-type(2n) h4,
  .member-benefits-list .list-of-items .item:nth-of-type(2n) p,
  .member-benefits-list .list-of-items .item:nth-of-type(2n) a.button{
    margin-left: 220px;
  }

  .member-benefits-list .list-of-items .item:nth-of-type(2n+1) h4,
  .member-benefits-list .list-of-items .item:nth-of-type(2n+1) p,
  .member-benefits-list .list-of-items .item:nth-of-type(2n+1) a.button{
    margin-right: 220px;
  }
}

/* INTEREST BOX */
.interest-box{
  padding: 20px 25px 25px; 
  border: 4px solid #777777; 
  max-width: 900px; 
  margin: 30px auto;
}

@media only screen and (max-width:767px){
  .interest-box h3,
  .interest-box p{
      padding-left: 0;
      padding-right: 0;
  }
  
  .interest-box{
    margin: 20px auto;
  }
  
}
  
/* FAQ Accordion */

.layout-body.highlight-color-green .lightweight-accordion-body a {
  color: #000!important;
  text-decoration: none!important;
  border-bottom: 1px dashed #aaa!important;
}

.layout-body.highlight-color-green .lightweight-accordion-body a:hover {
  color: #616302!important;
  text-decoration: none!important;
  border-bottom: 1px dashed #616302!important;
} 

.layout-body.highlight-color-green .faq.lightweight-accordion:hover{
  background-color: #f8f8b4;
}

.layout-body.highlight-color-orange .lightweight-accordion-body a:hover {
  color: #cc7c0c !important;
  text-decoration: none!important;
  border-bottom: 1px dashed #cc7c0c !important;
} 

.layout-body.highlight-color-orange .faq.lightweight-accordion:hover{
  background-color: #ffedd4;
}

.faq.lightweight-accordion .lightweight-accordion-title{
  padding: 10px;
}

.faq.lightweight-accordion .lightweight-accordion-body{
  padding: 0 10px 10px;
  margin-top: 0;
}

.faq.lightweight-accordion .lightweight-accordion-title:hover{

}

.faq .lightweight-accordion-title:after {
  content: "";
  position: absolute;
  right: 0;
  color: #000;
}

.faq  details[open] .lightweight-accordion-title:after{
  content: "";
}

.hide{
  display: none !important;
}

/* SECTION TOPICS */

ul.section-topics li h4:before,
ul.section-topics li h3:before{
  display: none !important;
}

ul.section-topics{
  margin-left: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  margin-top: 20px;
  position: relative;
}

ul.section-topics li{
  padding-left: 0;
  list-style-type: none;
}

ul.section-topics li{
  margin: 0;
}

ul.section-topics li a{
  display: block;
  color: #000000 !important;
  padding: 13px 15px 18px 35px;
  background-color: #ffd9a3;
}

@media only screen and (min-width:992px){
  ul.section-topics li a{
    background-color: transparent;
    padding: 13px 0 18px 35px;
  }
}

.page-class-hub .container-text ul.section-topics li h3 a:hover{
  color: #000000 !important;
}

ul.section-topics li a:before{
  content: " ";
  width: 15px;
  height: 4px;
  background-color: #000000;
  display: block;
  left: 9px;
  top: 25px;
  position: absolute;
}

@media only screen and (min-width:992px){
  ul.section-topics li a:before{
    width: 18px;
    height: 4px;
    background-color: #000000;
    display: block;
    left: 2px;
    top: 30px;
    position: absolute;
  }
}

ul.section-topics li a:after{
  content: " ";
  width: 14px;
  height: 14px;
  border-top: 4px solid #000000;
  border-right: 4px solid #000000;
  transform: rotate(45deg);
  display: block;
  left: 10px;
  top: 20px;
  position: absolute;
}

@media only screen and (min-width:992px){
  ul.section-topics li a:after{
    width: 16px;
    height: 16px;
    left: 6px;
    top: 24px;
  }
}

ul.section-topics li a:hover{
  background-color: #ffbd16;
  color: #000000 !important;
}

ul.section-topics li + li{
  margin-top: 10px !important;
}

@media only screen and (min-width:992px){
  
  .page-class-hub .container-text .section-topics{
    border: 1px solid #CCCCCC;
    padding: 1rem !important;
  }
  
}

.page-class-hub .container-text .section-topics h2 a{
  font-family: 'Montserrat', sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 0;
}

.page-class-hub .container-text .section-topics h2 a:before,
.page-class-hub .container-text .section-topics h2 a:after{
  display: none !important;
}

.page-class-hub .container-text .section-topics h2 a:hover{
  color: #000000 !important;
}

.section-topics li h2 a:before{
  top: 34px;
  display: none;
}

.section-topics li h2 a:after{
  top: 28px;
    display: none;
}

/* PLAIN SECTION TOPICS */

ul.plain-section-topics{
  margin: 20px 0;
  padding: 20px 20px 20px 40px !important;
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
}

.highlight-color-dark-teal ul.plain-section-topics{
  background-color: #eafafb;
  border: 1px solid #7dbec7;
}


/* SOLID DIVIDER */

.solid-divider .container{
  padding-left: 0;
  padding-right: 0;
}

.solid-divider .layout-section-text{
  padding-right: 45px;
  padding-left: 45px;
  padding-top: 30px;
  border-top: 4px solid #000000;
}

@media only screen and (min-width:768px){
  .solid-divider .container{
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .solid-divider .layout-section-text{
    padding-right: 0;
    padding-left: 0;
    padding-top: 30px;
    border-top: 4px solid #000000;
  }
}

/* FULL-WIDTH DIVIDER */

.full-width-divider{
  border-top: 4px solid #000000;
}

/* CTA RESOURCE BLOCK - NANNY EMPLOYER RESOURCES */

.cta-resource{
  background-color: #eeeeee;
  display: flex;
  flex-flow: row nowrap;
  margin: 30px 0 15px;
  border: 1px solid #DDDDDD;
  overflow: hidden;
}

.highlight-color-dark-teal .cta-resource{
  background-color: #eafafb;
  border: 1px solid #7dbec7;
}

.cta-resource-image{
  flex: 0 0 300px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 30px 30px 0 30px;
}

.cta-resource-image img{
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

.cta-resource-image a:hover{
  opacity: 0.8;
}

.cta-resource-text{
  padding: 30px 30px 30px 0;
  min-height: 200px;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
}

.cta-resource-text .button-container{
  margin-top: 15px;
}

@media only screen and (max-width: 767px){
  .cta-resource{
    flex-flow: row wrap;
  }
  
  .cta-resource-image{
    flex: 0 0 100%;
    overflow: hidden;
    display: flex; 
    flex-flow: row nowrap;
    justify-content: center;
    border-bottom: 1px solid #DDDDDD;
  }

  .cta-resource-image img{
    max-width: 250px;
  }
  
  .highlight-color-dark-teal  .cta-resource-image{
     border-bottom: 1px solid #7dbec7;
  }
  
  .cta-resource-image img{
    margin: auto;
    display: block;
  }
  
  .cta-resource-text{
    flex: 0 0 100%;
    padding: 20px 30px 30px;
  }
  
  .cta-resource-text .button-container{
    width: 100%;
  }
  
  .cta-resource-text .button-container .button{
    width: 100%;
  }
}

/* END - CTA RESOURCE BLOCK - NANNY EMPLOYER RESOURCES */