/************************************************************************************************************************************//*
 * EarthBeat special colors
***************************************************************************************************************************************/

/* EB colors */
.earthbeat-colors h2,
.earthbeat-colors .view h4 {
  color: #329F4C !important; /*This colors the EarthBeat title and navigation and "In case you missed it" green */
}
.earthbeat-colors .brick a:link,
.earthbeat-colors .brick a:visited,
.earthbeat-colors .overlay-brick a:link,
.earthbeat-colors .overlay-brick a:visited,
.earthbeat-landingpage .brick a:link,
.earthbeat-landingpage .brick a:visited,
.earthbeat-domain.page-taxonomy-term .brick a:link,
.earthbeat-domain.page-taxonomy-term .brick a:visited,
.earthbeat-landingpage .overlay-brick a:link,
.earthbeat-landingpage .overlay-brick a:visited,
.earthbeat-domain.page-taxonomy-term .overlay-brick a:link,
.earthbeat-domain.page-taxonomy-term .overlay-brick a:visited {
  background: #329F4C;
}
.earthbeat-colors .brick a:hover,
.earthbeat-colors .overlay-brick a:hover,
.earthbeat-landingpage .brick a:hover,
.earthbeat-domain.page-taxonomy-term .brick a:hover,
.earthbeat-landingpage .overlay-brick a:hover,
.earthbeat-domain.page-taxonomy-term .overlay-brick a:hover  {
  background: #3dae58;
}
.earthbeat-colors h2::before {
  border-top: 1px solid #329F4C !important; /* This colors the horizontal line before the EarthBeat title */
}

/************************************************************************************************************************************//*
 * DFP ad blocks
***************************************************************************************************************************************/

#inline-ad-label {
  text-align: center;
}
#inline-ad-label h2,
#inline-ad-label strong,
.block-dfp p {
  text-align: center;
  color: black;
}
.header .block-dfp p {
  color: #fff;
}

/************************************************************************************************************************************//*
 * Slug bricks
***************************************************************************************************************************************/

.brick a:link,
.brick a:visited,
.overlay-brick a:link,
.overlay-brick a:visited {
  background: #00A3D9;
}

.brick a:hover,
.overlay-brick a:hover {
  background-color: #15b1e5;
}

/************************************************************************************************************************************//*
 * The channel/section treatment.
***************************************************************************************************************************************/

.section-subsection,
.section-subsection a {
  color: #00A3D9;
}
.views-row.is-earthbeat .section-subsection,
.views-row.is-gsr .section-subsection {
  display: none;
}
.earthbeat-landingpage .section-subsection a,
.earthbeat-domain.page-taxonomy-term .section-subsection a {
  color: #339F4D;
}

/************************************************************************************************************************************//*
 * The byline area.
***************************************************************************************************************************************/

.byline-wrapper.overlapping .no-image,
.byline-wrapper.overlapping .field--name-field-profile-media-image img {
  width: 50px;
  height: 50px;
}

.byline-wrapper img,
.byline-wrapper .no-image {
  width: 36px;
  height: 36px;
  text-align: right;
  border-radius: 50%;
  vertical-align: middle;
  -webkit-align-self: center; /* <---------- Safari */
  list-style: none;
  margin-right: .5rem;
}

/************************************************************************************************************************************//*
 * The reusable main-plus-three-column view on front and landing pages.
***************************************************************************************************************************************/

.main-plus-three-column .section-subsection a {
  color: #0069B4;
}

/* This is the horizontal line before the article titles on IN CASE YOU MISSED IT */
.main-plus-three-column .in-case-you-missed-it .views-field-title::before,
.main-plus-three-column .in-case-you-missed-it .view-content h3 a:before,
.in-case-you-missed-it .views-field-title::before {
  border-top: 1px solid #00A3D9;
}
.earthbeat-colors .in-case-you-missed-it .views-field-title::before {
  border-top: 1px solid #329F4C;
}
.gsr-colors .in-case-you-missed-it .views-field-title::before {
  border-top: 1px solid #480571;
}