/* add to _header.scss */
.header-brand-logo-full > img {
  width: 100%;
  height: auto;
}

/* _content */

.content-title-hero a,
.content-title-hero a:hover,
.content-title-hero a:focus {
  color: #fff;
}

.content-title-sm {
  font-size: 24px;
  padding: 5px 20px;
}

@media screen and (max-width: 767px) {
  .content-title-sm {
    font-size: 18px;
  }
}

/* _content-classic */
.slider-hero .content-classic-hero-img-expand {
  z-index: 10;
}

.content-classic .carousel-inner {
  position: relative;
  height: 100%;
}

.content-classic .slider-img {
  min-height: 100%;
}

.slider-hero-img {
  background-size: cover;
  background-repeat: no-repeat;
}

/* _content-story */

.story-media-btns {
  margin: 20px 0;
}

.story-media-btns .btn {
  margin-bottom: 20px;
}

.story-media-expand {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.story-media-expand .icon {
  width: 70px;
  height: auto;
}

.story-media-expand .icon:hover, .story-media-expand .icon:focus {
  width: 80px;
  height: auto;
}

.story-mobile-media-expand {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  top: 70px;
}

.story-mobile-media-expand .icon {
  width: 60px;
  height: auto;
}

.story-mobile-media-expand .icon:hover, .story-media-expand .icon:focus {
  width: 70px;
  height: auto;
}

.story-body {
  overflow-x: hidden;
}

.story-body.is-builder {
  overflow-x: visible;
}

.ipr_contentArea-container .story .story-footer,
.ipr_contentArea-container .story-pane-gradient {
  display: none;
}

/* _content-story-classic */

.content-classic-hero-img-expand {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}

.content-classic-hero-img-expand .icon {
  width: 70px;
  height: auto;
  transition: all 0.2s ease;
}


.content-classic-hero-img-expand .icon:hover, .content-classic-hero-img-expand .icon:focus {
  width: 80px;
  height: auto;
}

@media screen and (max-width: 1023px) {
  .content-classic-hero-img {
    padding-bottom: 62%;
  }
}

.content-classic-meta-date {
  border-bottom: 3px solid #FED141; /* yellow */
  padding-bottom: 5px;
}

/* New story simple template uses full screen hero img size slider */


.slider-hero {
  position: relative;
  overflow: hidden;
}

.slider-hero-img {
  padding-bottom: 40% !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .slider-hero-img {
    padding-bottom: 60% !important;
  }
}

@media screen and (max-width: 767px) {
  .slider-hero-img {
    padding-bottom: 130% !important;
  }
}

.slider-hero-img-fade {
  position: absolute;
  bottom: -50px;
  left: -150px;
  right: -150px;
  height: 300px;
  -webkit-box-shadow: inset 0 -200px 100px black;
  box-shadow: inset 0 -200px 100px black;
  z-index: 0;
}

.slider-hero .content-classic-hero-img-expand {
  right: 60px;
}

@media screen and (max-width: 1024px) {
  .slider-hero .content-classic-hero-img-expand {
    right: 30px;
  }
}

/* new story simple template styles for headline area below slider */
/* including overrides for some existing components placed in this area */

.story-title-bar {
  background-color: #000;
  padding: 20px 50px 50px 90px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .story-title-bar {
    padding-top: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .story-title-bar {
    padding-left: 50px;
    padding-right: 30px;
  }
}

.story-title-bar .content-title {
  top: -60px;
  padding-left: 80px;
}

@media screen and (max-width: 767px) {
  .story-title-bar .content-title {
    top: 0;
    padding-left: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .story-title-bar .content-title {
    padding-left: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .story-title-bar .story-title {
    border-left: none;
  }
}

.story-title-bar .story-title {
  margin-left: -25px;
  padding-left: 15px;
}

@media screen and (min-width: 1025px) {
  .story-title-bar .story-options .dropdown {
    margin-left: auto;
  }
  .story-title-bar .content-classic-options .dropdown-menu {
    margin-left: auto;
    right: 5px;
  }
}

.story-title-bar .dropdown-toggle {
  background-color: transparent;
}

.story-title-bar .dropdown-toggle:hover,
.story-title-bar .dropdown-toggle:focus,
.story-title-bar .dropdown.open .dropdown-toggle {
  background: #1A76C5 url("../fonts/icon-arrow-down.svg") no-repeat right 10px top 50%; /* blue */
  border-color: #1A76C5; /* blue */
  color: #fff;
}

.story-meta-bar {
  border-top: 10px solid #FED141; /* yellow */
  border-bottom: 5px solid #FED141; /* yellow */
  background: linear-gradient(180deg, rgba(13,14,15,1) 0%, rgba(67,70,74,1) 100%);
  padding: 40px 0 20px;
}

.story-meta-bar .story-author {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .story-meta-bar .story-author-item {
      -webkit-box-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  }
}

@media screen and (min-width: 1025px) {
  .story-meta-bar .story-media-btns {
    text-align: right;
  }
}

.content-body-fade {
  background: linear-gradient(180deg, rgba(13,14,15,1) 0%, rgba(45,48,51,1) 100%);
  padding: 40px 0 0;
}

/* footer */
.footer-links {
  margin-bottom: 3%;
}

.disclaimer {
  margin-bottom: 3%;
  text-align: center;
  font-size: 12px;
}

.story .footer-links {
  margin-bottom: 3%;
}

.story .disclaimer {
  padding-bottom: 3%;
  margin-bottom: 0;
}


/* ContentBuilder Editor Additions */
.figure-left {
  float: left;
  margin: 0 20px 10px 0;
}

.figure-right {
  float: right;
  margin: 0 0 10px 20px;
}

.figure-center {
  margin: 0 auto 20px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .figure-left, .figure-right {
    max-width: 35%;
  }
}

.connectSortable {
  overflow-x: visible;
  overflow-y: visible;
}

td p:last-child {
  margin-bottom: 0;
}

.simplebox blockquote.no-caps {
  text-transform: none;
}

/* taken */

.cards3-figure {
  border-radius: 5px;
}

.cards3-figure img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

/* Leading the charge mobile adjustments */

@media (max-width: 1199px) {
  .message-body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.videogallery.spaces .video-screen-full .video-screen-item {
  display: block !important;
}

.videogallery.spaces .video-screen-full .video-screen-media {
  padding-bottom: 56.25%;
}

@media screen and (min-width: 768px) {
  .video-screen-full .video-screen {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
  }

  .videogallery.spaces .video-screen-full .video-screen-item {
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.cards2-item {
  flex: 1;
}

@media (max-width: 767px) {
  .message-author, .message-pretitle, .message-title, .message-position, .message-follow {
    text-align: center;
  }

  .message-avatar {
    margin-left: auto;
    margin-right: auto;
  }

  .message-meta {
    margin-left: auto;
    margin-right: auto;
  }
}

.imgLoaded .hero-cta {
    opacity: 1;
}

.story-author-item-image {
  flex: 0 0 76px;
}

@media screen and (min-width: 1024px) {
  .story-author-item-image {
    flex: 0 0 103px;
  }
}

.content-classic .story-related-wrapper-scroll-content {
  position: static;
}

.story-relatedNews-item::after {
    display: block;
    clear: both;
    content: "";
}


/* Share Buttons */
.content-share {
  margin: 0 10px;
  padding: 0 0 5px;
  display: flex;
  grid-gap: 10px;
}

@media (max-width: 1023px) {
  .content-share {
    justify-content: center;
  }
}


.social-btn {
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  color: #fff;
  border-radius: 4px;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.social-btn:hover, .social-btn:focus {
  color: #fff;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.social-btn__label {
  padding: 10px 12px;
  line-height: 1;
  order: 2;
  display: none;
}
@media (min-width: 768px) {
  .social-btn__label {
    /* display: inline; */
  }
}
.social-btn__icon {
  padding: 6px;
  width: 30px;
  height: 30px;
  line-height: 1;
}
@media (min-width: 768px) {
  .social-btn__icon {
    /* border-right: 1px solid #fff; */
  }
}
.social-btn--linkedin {
  background-color: #007BB6;
}
.social-btn--facebook {
  background-color: #3B5998;
}
.social-btn--twitter {
  background-color: #00ACED;
}
.social-btn--email {
  background-color: #7B7B7B;
}

/* Screen Readers */
.screen-reader,
.screen-reader-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.btn-arrow-right:after {
  font-family: "Font Awesome 6 Free";
}

/* Screen Readers */
.screen-reader,
.screen-reader-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Add Yellow Theme */
@media screen {
  .theme-yellow .content-classic-hero-content-container {
    background-color: #E9B201 !important;
    color: #000 !important;
  }

  .theme-yellow .content-classic-hero-content-container a {
    color: #000 !important;
  }
  
  .theme-yellow .cb-hero-title-label {
    background-color: #FED141;
    color: #000;
  }

  .theme-yellow .cb-section-title .dropdown-menu {
    background-color: #FED141;
    color: #000;
  }

  .theme-yellow .cb-section-title .dropdown-menu .dropdown-item {
    color: #000;
  }

  .theme-yellow .profile-dropdown-toggle.active {
    color: #000;
    text-decoration: underline;
  }

  .theme-yellow .cb-section-title .dropdown-toggle:not(:hover):not(:focus) {
    background-color: #FED141;
    color: #000;
  }
  .theme-yellow .cb-block .simplebox {
    background-color: #FED141;
    color: #000;
  }

  .theme-yellow .cb-block .simplebox a, .theme-yellow .cb-block .simplebox a:hover, .theme-yellow .cb-block .simplebox a:focus {
    color: #000;
    text-decoration: underline;
  }

  .theme-yellow .profile-image-wrapper {
    background: none;
  }

  .theme-yellow .cb-section-title {
    background-color: #FED141;
    color: #000;
  }

  .theme-yellow #profile_gallery_dropdown a:hover, .theme-yellow #profile_gallery_dropdown a:focus {
    background-color: #E9B201;
    color: #000;
  }

  .theme-yellow .bg-blue {
    background-color: #E9B201 !important;
    color: #000;
  }

  .theme-yellow .bg-blue a, .theme-yellow .bg-blue a:hover, .theme-yellow .bg-blue a:focus {
    color: #000 !important;
    text-decoration: underline;
  }

  .theme-yellow .dropdown-toggle {
    background: #FED141 url("../fonts/icon-arrow-down-dark.svg") no-repeat right 10px top 50%;
    border-color: #000;
  }

  .theme-yellow .simplebox {
    background-color: #FED141;
    color: #000;
  }

  .theme-yellow .simplebox a,
  .theme-yellow .simplebox a:hover,
  .theme-yellow .simplebox a:focus {
    color: #000 !important;
    text-decoration: underline;
  }
}

/* add to cb content */
.cb-caption.ipr_video-details {
  margin-bottom: 20px;
}

.cb-caption.ipr_video-details p {
  display: inline;
}

.cb-caption.ipr_video-details .cb-caption-text {
  margin-right: 5px;
}

.cb-img-credit {
  display: inline;
  border-left: none !important;
  padding: 0 !important;
  margin-left: 5px !important;
}

.cb-img-caption:has (+ cite) {
  display: inline;
}

.cb-image:has(figcaption) img {
  margin-bottom: 20px;
}


.cb-mt--0x--mb--0x {
  margin-top: 0 !important;  
  margin-bottom: 0 !important;
}


.title_center .spotlight-description {
  margin-left: auto;
  margin-right: auto;
}

.tilesSatic-item {
  margin-bottom: 0;
}

.tilesSatic-figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tilesSatic-item .hero-content {
  position: relative;
}

/*
#commentsblock{
  overflow-y: scroll;
  height: -webkit-fill-available;
}
*/
/* audio download style */
.audioplayer-download{
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 24px;
}

.hide-audio-download{
    display: none !important;
}
.show-audio-download{
    display: flex;
}


/* Indented text */
.indented-element {
  margin-left: 40px;
  border: none;
  padding: 0px;
}