.field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.field-p-wysiwyg h2::after {
  position: absolute;
  height: 2px;
  width: 20px;
  content: '';
  display: block;
  z-index: 2; }

.content-type__header {
  color: #4d4f53;
  position: relative; }
  .content-type__header .page-title {
    margin-top: 10px; }
  .content-type__header .social-actions {
    position: relative;
    padding: 10px;
    margin-top: 10px; }
    .content-type__header .social-actions::after {
      left: 0;
      transform: none; }

.content-type__media-container::after {
  clear: both;
  content: "";
  display: block; }

@media only screen and (min-width: 1024px) {
  .content-type__media-container {
    margin-right: 100px;
    margin-left: 100px; } }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.left-align-media .content-type__media, .content-type__media-container.right-align-media .content-type__media {
    margin-top: 40px;
    width: 50%; } }

@media only screen and (min-width: 1500px) {
  .content-type__media-container.left-align-media .content-type__media, .content-type__media-container.right-align-media .content-type__media {
    margin-top: -20px; } }

.content-type__media-container.left-align-media .content-type__media img, .content-type__media-container.right-align-media .content-type__media img {
  display: block;
  margin: 0 auto; }
  @media only screen and (min-width: 1024px) {
    .content-type__media-container.left-align-media .content-type__media img, .content-type__media-container.right-align-media .content-type__media img {
      margin: 0; } }

.content-type__media-container.left-align-media .content-type__header, .content-type__media-container.right-align-media .content-type__header {
  margin-top: 40px;
  padding-bottom: 40px; }
  @media only screen and (min-width: 1024px) {
    .content-type__media-container.left-align-media .content-type__header, .content-type__media-container.right-align-media .content-type__header {
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .content-type__media-container.left-align-media .content-type__header::after, .content-type__media-container.right-align-media .content-type__header::after {
      content: '';
      background-color: #F9F6EF;
      position: absolute;
      top: 40px;
      bottom: 40px;
      width: 100vw;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      z-index: -1;
      top: 0;
      bottom: 5%;
      width: 150vw; } }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.left-align-media .breadcrumbs-container, .content-type__media-container.right-align-media .breadcrumbs-container {
    width: 50%; } }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.left-align-media .content-type__media {
    float: left; } }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.left-align-media .content-type__media figure,
  .content-type__media-container.left-align-media .content-type__media picture {
    margin-right: 40px; } }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.left-align-media .content-type__header {
    float: left; } }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.left-align-media .breadcrumbs-container {
    float: right; } }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.right-align-media .content-type__media {
    float: right; } }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.right-align-media .content-type__media figure,
  .content-type__media-container.right-align-media .content-type__media picture {
    margin-left: 40px; } }

.content-type__media-container.right-align-media .content-type__media figure::after,
.content-type__media-container.right-align-media .content-type__media picture::after {
  margin-left: -100vw;
  width: 150vw; }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.right-align-media .content-type__header {
    margin-top: 40px;
    padding-top: 40px; } }

@media only screen and (min-width: 1024px) {
  .content-type__media-container.right-align-media .breadcrumbs-container {
    float: left; } }

.content-type-date {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 50px; }
  .content-type-date time {
    padding-left: 5px; }

.photo-credit {
  text-align: center;
  margin: 10px 0 0 0; }
  @media only screen and (min-width: 1024px) {
    .photo-credit {
      text-align: left;
      margin: -15px 0 10px 0; } }
  .photo-credit p {
    margin-bottom: 10px; }

.content-type-date__actions {
  padding-top: 5px; }

.content-type__media-header::after {
  clear: both;
  content: "";
  display: block; }

.field-s-news-top-media #hero-banner:not(.component-centered-container-margins) {
  margin-top: -170px; }
  @media only screen and (min-width: 860px) {
    .field-s-news-top-media #hero-banner:not(.component-centered-container-margins) {
      margin-top: -176px; } }
  .field-s-news-top-media #hero-banner:not(.component-centered-container-margins) .hero-banner__container {
    border: 0; }

.node--type-stanford_news {
  color: #4d4f53; }

.field-s-news-top-media {
  color: #4d4f53;
  margin-top: 50px; }

h1 {
  color: #4d4f53;
  font-size: 42px; }

.field-s-news-author {
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1024px) {
    .field-s-news-author {
      padding-left: 110px; } }

.block--field-s-news-date {
  margin-top: 10px;
  padding: 10px;
  position: relative; }
  @media only screen and (min-width: 576px) {
    .block--field-s-news-date {
      width: calc(100% - 30px);
      float: left;
      margin-left: 15px;
      margin-left: 0; } }
  @media only screen and (min-width: 768px) {
    .block--field-s-news-date {
      width: calc(66.6666666667% - 50px);
      float: left;
      margin-left: 30px;
      margin-left: 0; } }
  @media only screen and (min-width: 1024px) {
    .block--field-s-news-date {
      width: calc(58.3333333333% - 47.5px);
      float: left;
      margin-left: 30px;
      margin-left: 110px; } }
  .block--field-s-news-date::after {
    left: 0;
    transform: none; }
  .block--field-s-news-date .field--field-s-news-date {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .block--field-s-news-date .field--field-s-news-date {
        text-align: left;
        width: 40%; } }
    @media only screen and (min-width: 1024px) {
      .block--field-s-news-date .field--field-s-news-date {
        text-align: left;
        width: 40%; } }
    .block--field-s-news-date .field--field-s-news-date svg {
      color: #017c92;
      height: 1.6em;
      margin-right: 0.5rem; }
  .block--field-s-news-date .field--field-s-news-date__actions {
    height: 50px;
    line-height: 50px;
    margin: 10px auto; }
    @media only screen and (min-width: 768px) {
      .block--field-s-news-date .field--field-s-news-date__actions {
        display: inline-block;
        margin-bottom: 0;
        width: 250px; } }
    @media only screen and (min-width: 1024px) {
      .block--field-s-news-date .field--field-s-news-date__actions {
        display: inline-block;
        margin-bottom: 0;
        width: 50%; } }
  .block--field-s-news-date .field--field-s-news-date__action {
    color: #4d4f53;
    display: inline-block;
    vertical-align: top; }
  .block--field-s-news-date .email-popup {
    border-left: solid 1px #dad7cb;
    padding-left: 25px; }
  .block--field-s-news-date svg {
    color: #017c92;
    display: inline;
    height: 1.6em;
    margin-top: -3px;
    vertical-align: middle; }
    .block--field-s-news-date svg:hover {
      opacity: 0.8; }

.field-earth-matters-topic {
  text-transform: uppercase; }
  @media only screen and (min-width: 1024px) {
    .field-earth-matters-topic {
      padding-left: 110px; } }
  .field-earth-matters-topic .field-label {
    color: #017c92;
    display: inline-block;
    text-decoration: underline;
    margin-right: 1rem; }
    .field-earth-matters-topic .field-label::after {
      content: ": "; }
  .field-earth-matters-topic .field--field-earth-matters-topic {
    display: inline-block;
    margin-right: 5px; }
    .field-earth-matters-topic .field--field-earth-matters-topic a {
      display: inline-block;
      font-weight: normal;
      margin-bottom: 0.5rem;
      text-decoration: underline;
      white-space: nowrap; }
      @media only screen and (min-width: 768px) {
        .field-earth-matters-topic .field--field-earth-matters-topic a {
          margin-bottom: 0; } }

.field--field-s-news-category {
  display: inline-block;
  padding: 0 10px 0 0;
  text-transform: uppercase; }

.field-s-news-summary {
  color: #4d4f53;
  font-size: 20px;
  padding-top: 20px; }
  @media only screen and (min-width: 1024px) {
    .field-s-news-summary {
      padding-right: 110px;
      padding-left: 110px; } }
  .field-s-news-summary > :last-child {
    margin-bottom: 0; }

.section-news .field--body {
  padding-bottom: 0; }

@media only screen and (min-width: 576px) {
  .layout--basic .field-p-wysiwyg {
    padding: 0 80px 20px; } }

@media only screen and (min-width: 1024px) {
  .layout--basic .field-p-wysiwyg {
    padding-right: 110px;
    padding-left: 110px; } }

.video-embed-field-responsive-video {
  position: initial; }

@media only screen and (min-width: 576px) {
  .field-p-responsive-image,
  .field-p-responsive-image-cred,
  .field-p-responsive-media,
  .field-p-video-url {
    padding: 0 60px 20px; } }

@media only screen and (min-width: 1024px) {
  .field-p-responsive-image,
  .field-p-responsive-image-cred,
  .field-p-responsive-media,
  .field-p-video-url {
    padding-right: 60px;
    padding-left: 60px; } }

.field--responsive-image picture,
.field--responsive-video,
.field-p-responsive-media picture,
figure.align-center .figure-container,
.stanford-wysiwyg figure.align-center {
  display: block;
  margin-bottom: 20px;
  position: relative; }
  .field--responsive-image picture::after,
  .field--responsive-video::after,
  .field-p-responsive-media picture::after,
  figure.align-center .figure-container::after,
  .stanford-wysiwyg figure.align-center::after {
    content: '';
    background-color: #F9F6EF;
    position: absolute;
    top: 40px;
    bottom: 40px;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: -1; }
  .field--responsive-image picture img,
  .field--responsive-video img,
  .field-p-responsive-media picture img,
  figure.align-center .figure-container img,
  .stanford-wysiwyg figure.align-center img {
    display: block;
    margin-bottom: 0;
    max-width: none;
    width: 100%; }

.field-p-wysiwyg h2 {
  position: relative;
  padding-left: .9em;
  margin-bottom: 20px; }
  .field-p-wysiwyg h2::after {
    top: .7em;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #8c1515;
    left: 0; }

.field-p-responsive-image-cred {
  color: #4d4f53;
  text-align: left; }

.simple-columns {
  color: #4d4f53; }

.highlight-card {
  color: #4d4f53; }
  .highlight-card h4 {
    font-size: 26px; }
  .highlight-card h5 {
    text-transform: uppercase; }
  .highlight-card p {
    color: #4d4f53; }
  .highlight-card h5,
  .highlight-card p {
    font-size: 13px; }

.editorial-sidebar.simple-slat.is-narrow {
  margin: 0; }
  .editorial-sidebar.simple-slat.is-narrow .simple-block {
    background-color: #dad7cb;
    padding: 30px; }
    .editorial-sidebar.simple-slat.is-narrow .simple-block::after {
      clear: both;
      content: "";
      display: block; }
    @media only screen and (min-width: 576px) {
      .editorial-sidebar.simple-slat.is-narrow .simple-block {
        margin: 0 20px 20px;
        padding-left: 0; } }
    @media only screen and (min-width: 1024px) {
      .editorial-sidebar.simple-slat.is-narrow .simple-block {
        margin-right: 110px;
        margin-left: 110px; } }
  .editorial-sidebar.simple-slat.is-narrow .simple-block__image {
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .editorial-sidebar.simple-slat.is-narrow .simple-block__image {
        margin-bottom: 0; } }
  .editorial-sidebar.simple-slat.is-narrow .simple-block__title {
    font-size: 32px; }
  .editorial-sidebar.simple-slat.is-narrow .simple-block__description {
    color: #4d4f53;
    font-size: 20px; }

.field-s-news-source {
  clear: both;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .field-s-news-source {
      margin-left: 110px; } }

.field-s-news-rich-content .ptype-stanford-wysiwyg:first-of-type .field-p-wysiwyg {
  letter-spacing: normal; }
  .field-s-news-rich-content .ptype-stanford-wysiwyg:first-of-type .field-p-wysiwyg > p:first-of-type::first-line {
    font-size: 1em;
    letter-spacing: normal;
    position: relative; }
  .field-s-news-rich-content .ptype-stanford-wysiwyg:first-of-type .field-p-wysiwyg > p:first-child::first-letter {
    float: left;
    font-size: 3em;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 0.7;
    margin: 0.13em 0.2em 0 0; }

.subscribe-wrapper {
  margin-top: 10px; }
  @media only screen and (min-width: 576px) {
    .subscribe-wrapper {
      width: calc(100% - 30px);
      float: left;
      margin-left: 15px;
      margin: 10px auto; } }
  @media only screen and (min-width: 768px) {
    .subscribe-wrapper {
      width: calc(33.3333333333% - 40px);
      float: left;
      margin-left: 30px;
      margin-left: 30px;
      margin-top: 20px; } }
  @media only screen and (min-width: 1024px) {
    .subscribe-wrapper {
      width: calc(25% - 37.5px);
      float: left;
      margin-left: 30px;
      margin-left: 30px; } }
  .subscribe-wrapper a {
    display: block;
    text-transform: uppercase; }
  .subscribe-wrapper span {
    display: block;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 16px; }
  .subscribe-wrapper .button {
    border: 0;
    padding: 2px; }
  .subscribe-wrapper .suf,
  .subscribe-wrapper .sup {
    font-size: 0.75em;
    text-transform: none; }

/*# sourceMappingURL=stanford-news.css.map */