body.single-post .page-title {
  color: white; 
}

a:focus {
    outline: none !important;
}

.section.related-posts {
  padding-top: 0;
}
  
.yarpp-related {
    margin: 0em 0 !important;
}

/** Rusty doesn't want it transformed */
.related-posts .yarpp-related h3 {
  text-transform: none; 
}

.yarpp-related h3 a {
    text-decoration: none;
    font-weight: 500 !important;
}

/** Author Info **/
.author-info {
  position: relative;
  display: flex;
  flex-direction: row; 
  align-items: stretch;
  justify-content: flex-start;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 0 20px 0;
}

.author-info .separator {
  width: 2px;
  background-color: white;
  margin: 0 22px;
}


/** Share Buttons */
.share-buttons {
  list-style: none;
  padding-inline-start: 0;
}

.share-buttons li::before {
  display: none;
}

.share-buttons li {
  display: inline;
  margin-right: 16px;
}

.share-buttons li:last-child {
  margin-right: 0;
}

.share-buttons li a {
  text-decoration: none;
  font-size: 24px;
}
  

/** Super small screen author tweak */
@media (max-width: 576px) {
 	
  .author-info .separator { display: none; }
  .author-info { flex-direction: column; }
  
}

/** section .inner should have no left to-right padding **/
@media (max-width: 576px) {
  /** the very first .figure.size-full should remove any extra padding */
  
  section.single-post .feature-image {
    margin-top: 0 !important;
  }
  section.single-post .feature-image img {
        margin-top: calc(var(--verticalSectionPadding) * -1);
    margin-left: calc(var(--margin) * -1);
    margin-right: calc(var(--margin) * -1);
    max-width: 100vw;
    width: 100vw;
  }
  
}


@media (max-width: 767px) {
  
  .page-title {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 8px;
  }
  
  ul.share-buttons {
    margin: 0px;
  }
  
}

@media (min-width: 577px) and (max-width: 767px) {
  /** the very first .figure.size-full should remove any extra padding */
  section.single-post .feature-image {
    margin-top: 0 !important;
  }
  
  section.single-post .feature-image img {
	    margin-top: calc(var(--verticalSectionPadding) * -1);
    margin-left: calc((var(--margin) + 40px) * -1);
    margin-right: calc((var(--margin) + 40px) * -1);


    max-width: 100vw;
    width: 100vw;
  }
}

@media (prefers-color-scheme: light) {
  .section.related-posts #loop .post {
    background-color: #fff;
  }
}

@media (prefers-color-scheme: dark) {
  .section.related-posts #loop .post {
    background-color: #000;
  }
}

@media (max-width: 1443px) {
  .share-buttons .share-text {
    display: none;
  }
}

@media (min-width: 1444px) {
  .share-buttons .share-text {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: 2.3px;
    color: #fff;
    text-transform: uppercase;
  }
}