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

.brick.is-editorial a:link,
.brick.is-editorial a:visited,
.overlay-brick.is-editorial a:link,
.overlay-brick.is-editorial a:visited {
  background: #f9b000;
}

.brick.is-editorial a:hover,
.overlay-brick.is-editorial a:hover {
  background-color: #FFBF33;
}

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

/* Tiktok embed styles */

.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
  
/* Then style the iframe to fit in the container div with full height and width */
.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}