/* Fonts */

/* League Spartan - font */
@font-face {
  font-family: "LeagueSpartan-ExtraBold";
  src: url("../fonts/League_Spartan/static/LeagueSpartan-ExtraBold.ttf");
}

@font-face {
  font-family: "LeagueSpartan-Bold";
  src: url("../fonts/League_Spartan/static/LeagueSpartan-Bold.ttf");
}

/* Avenir - font */
@font-face {
  font-family: "Avenir-Light";
  src: url("../fonts/Avenir/AvenirLight.ttf");
}

@font-face {
  font-family: "Avenir-Book";
  src: url("../fonts/Avenir/AvenirBook.ttf");
}

@font-face {
  font-family: "Avenir-Heavy";
  src: url("../fonts/Avenir/AvenirHeavy.ttf");
}

/* REM References */

@media (max-width: 1000px) {
  html {
    font-size: 9.5px !important;
  }
}

@media (max-width: 850px) {
  html {
    font-size: 9px !important;
  }
}

@media (max-width: 700px) {
  html {
    font-size: 8.5px !important;
  }
}

@media (max-width: 600px) {
  html {
    font-size: 8px !important;
  }
}

/* General */

body.fl-theme-builder-header {
  color: #000;
  font-size: 1.8rem;
}

body h2 {
  font-size: 3.7rem;
}

body h3 {
  font-size: 3.2rem;
}

h1,
h2,
h3,
h2.fl-post-feed-title,
.fl-module-content h1,
.fl-module-content h2,
.fl-module-content h3 {
  line-height: 1.2;
  margin-top: 0;

  font-family: "LeagueSpartan-ExtraBold", "Helvetica", sans-serif !important;
  font-variation-settings: "wght" 700;
}

h4,
h5,
h6,
p,
li {
  font-family: "Avenir-Book", sans-serif !important;
  font-variation-settings: "wght" 400;
}

body a {
  text-decoration: underline;
  color: #16b4c8;
  transition: all 0.15s;
}

a:hover {
  color: #1e8f9e;
}

span.fl-button-text {
  font-family: "Avenir-Heavy", sans-serif !important;
  font-variation-settings: "wght" 700;
}

@media (max-width: 768px) {
  body.fl-theme-builder-header {
    font-size: 2rem;
  }
}

/* Font Awesome adjustments */

body .fa-tiktok:before {
  content: "\e07b";
  max-height: 4px;
  font-size: 2.5rem;
  background: #090909;
  padding: 0.4rem 0.7rem;
  border-radius: 5px;
  color: #f5fdf0;
  position: relative;
  top: -6px;
}

/* Infinite Scroll - slider jQuery */

.home-music-spotlight-slider {
}

.home-music-spotlight-slider-content {
  max-height: 360px;
}

.home-music-spotlight-single {
  max-height: 360px;
}

.home-music-spotlight-single img {
  display: inline-block;
  max-height: 360px;
  object-fit: cover;
}

.infinite-slider-first
  .home-music-spotlight-slider
  .home-music-spotlight-single {
  position: relative;
  transform: translateX(-180px);
}

/* Header menu */

/* Hiding menu filler item that centers the logo when its uneven */
.menu-filler-item {
	visibility: hidden;
}

.menu-block .fl-menu-logo {
  max-width: 120px;
  display: flex !important;
  justify-content: center;
}

.menu li a {
  display: inline-block;
  width: 140px;

  font-family: "Avenir-Heavy", sans-serif !important;
  font-variation-settings: "wght" 700;
  text-decoration: none !important;

  transition: all 0.15s;
}

/* Home page */

.home-page-intro-section-image {
  position: relative;
  z-index: 1;
}

/* ================== */
/* ===== Forms ====== */
/* ================== */

.gfield_label {
  font-family: "Avenir-Heavy", sans-serif !important;
  font-variation-settings: "wght" 700;
}

.gfield_label,
.gform-field-label {
  font-size: 1.8rem !important;
}

body .gform-theme--foundation .gfield .ginput_password.large,
body .gform-theme--foundation .gfield input.large,
body .gform-theme--foundation .gfield select.large,
.gform-theme--foundation .gfield textarea.large {
  border-radius: 5px;
  font-size: 1.8rem;
  font-family: "Avenir-Light", sans-serif !important;
  font-variation-settings: "wght" 200;
}

body
  .contact-page-form-container.contact-page-form-section
  .gform-theme--foundation
  .gfield
  .ginput_password.large,
body
  .contact-page-form-container.contact-page-form-section
  .gform-theme--foundation
  .gfield
  input.large,
body
  .contact-page-form-container.contact-page-form-section
  .gform-theme--foundation
  .gfield
  select.large,
body
  .contact-page-form-container.contact-page-form-section
  .gform-theme--foundation
  .gfield
  textarea.large,
  /*search form field*/
  body .fl-module .fl-form-field input[type=search],
  body .fl-module .fl-form-field input[type=search]:hover, 
  body .fl-module .fl-form-field input[type=search]:focus,
  .form-control,
  .form-control:hover,
  .form-control:focus {
  background: #2d2d2d !important;
  color: #fff !important;
  border: 1px solid #636363 !important;
}

/*search form submit button adjustment*/
body .fl-builder-content .fl-module .fl-search-form-fields a.fl-button,
body .fl-builder-content .fl-module .fl-search-form-fields a.fl-button:visited {
  border: 1px solid #16b4c8;
  margin: 0;
  margin-left: 1rem;
}

/* Comment form */

.fl-comments-list-title,
.comment-reply-title {
  font-size: 3rem;
}

/* Blog archive page */

body.blog.fl-theme-builder-archive-blog-archive .fl-post-feed-post,
body.search-results .fl-post-feed-post,
.fl-post-feed-post {
  border: none;
  margin-bottom: 5.5rem;
  text-decoration: none !important;
}

.fl-post-feed-title a {
  transition: all 0.15s;
}

@media (max-width: 768px) {
  body.blog .fl-post-feed-post.fl-post-feed-image-beside,
  body.search-results .fl-post-feed-post.fl-post-feed-image-beside,
  .fl-post-feed-post.fl-post-feed-image-beside {
    max-width: 100% !important;
  }
}

/* Blog posts comment section: */
textarea.form-control,
#fl-comment-form input[type="text"] {
  background: #2d2d2d !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 1.8rem !important;
  font-family: "Avenir-Light", sans-serif !important;
  font-variation-settings: "wght" 200 !important;
  border: 1px solid #636363 !important;
}

.fl-comments-list .comment-content {
  border: none !important;
  padding: 15px 0 !important;
}

/**
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
    inline-size: 100%;
    background: #313131;
}

/* Footer subscription form */

.footer-subscription-title-content h2 {
  cursor: pointer;
  color: #090909;

  /*no select*/
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.footer-subscription-title-content {
  text-align: center;
}

.footer-subscription-form-container {
  max-width: 700px;
  margin: 20px auto 0;
}

.footer-subscription-form-container .gform-theme--foundation .gform_fields,
.gform-theme--foundation .gform_fields {
  row-gap: 2rem !important;
}

@media (max-width: 768px) {
  .footer-subscription-form-container .gform-theme--foundation .gform_fields,
  .gform-theme--foundation .gform_fields {
    row-gap: 1.3rem !important;
  }
}

/* Form adjustments for blue background */
body
  .footer-subscription-form-container
  .gform-theme--foundation
  .gfield
  .ginput_password.large,
body
  .footer-subscription-form-container
  .gform-theme--foundation
  .gfield
  input.large,
body
  .footer-subscription-form-container
  .gform-theme--foundation
  .gfield
  select.large,
body
  .footer-subscription-form-container
  .gform-theme--foundation
  .gfield
  textarea.large,
.footer-subscription-form-container
  .gform-theme--framework
  input[type="checkbox"]:where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ) {
  border: 1px solid #1e8f9e;
}

.footer-subscription-form-container .form-toggle,
.form-toggle span,
.button-show-more-lyrics span {
  display: inline-block;

  /*no select*/
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.form-toggle,
.button-show-more-lyrics {
  cursor: pointer;
  position: relative;
  padding: 1rem 0;
}

.form-toggle::after,
.button-show-more-lyrics::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  transition: all 0.15s;
  opacity: 0.7;
}

.form-toggle:hover::after {
  bottom: -7px;
  background: #090909;
  opacity: 1;
}

.button-show-more-lyrics:hover::after {
  bottom: -7px;
  background: #ffffff;
  opacity: 1;
}

.form-toggle span.span-arrow,
.button-show-more-lyrics span.span-arrow {
  margin-left: 5px;
}

.form-toggle.active span.span-arrow,
.button-show-more-lyrics.active span.span-arrow {
  transform: rotate(180deg);
}

/* Audio player fixes */

body .mejs-time {
  box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  height: 24px;
  overflow: hidden;
  align-self: center;
  padding: 0;
  text-align: center;
  width: auto;
  display: flex;
  align-items: center;
}

body .mejs-container {
  margin-bottom: 2rem;
}

/* ================== */
/* ===== Header ===== */
/* ================== */

/* Mobile menu */
.fl-menu-mobile-toggle.hamburger {
  position: relative;
  z-index: 100;
}

#custom-mobile-menu-icon {
  height: 40px;
  width: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*background: #000;*/
  position: absolute;
  z-index: 550;
  top: 24px;
  right: 30px;
  cursor: pointer;
}

.admin-bar #custom-mobile-menu-icon {
  top: 67px;
}

.line {
  width: 30px;
  height: 3px;
  border-radius: 6px;
  background-color: #bfbfbf;
  transition: all 0.2s;
}

.line:not(:last-child) {
  margin-bottom: 7px;
}

.mobile-menu-button-active .line-1 {
  transform: rotate(45deg) translate(9px, 7px);
}
.mobile-menu-button-active .line-2 {
  opacity: 0;
}
.mobile-menu-button-active .line-3 {
  transform: rotate(-45deg) translate(7px, -6px);
}

@media (min-width: 993px) {
  #custom-mobile-menu-icon {
    display: none;
  }
}

#custom-mobile-menu-container {
  display: flex;
  opacity: 0;
  background: rgba(0, 0, 0, 0.9);
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: -100vh;
  left: 0;
  z-index: 500;
  transition: opacity 0.4s;
}

.mobile-menu-active#custom-mobile-menu-container {
  top: 0;
  opacity: 1;
  align-items: center;
  justify-content: center;
}

#custom-mobile-menu-container .custom-mobile-menu-inner {
  max-width: 400px;
}

#custom-mobile-menu-container .custom-mobile-menu-inner ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  /*no select*/
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#custom-mobile-menu-container .custom-mobile-menu-inner ul li a {
  font-size: 3rem;
  text-decoration: none;
  color: #949494;
  font-weight: 400;
}

#custom-mobile-menu-container .custom-mobile-menu-inner ul li {
  margin-bottom: 20px;
}

#custom-mobile-menu-container .custom-mobile-menu-inner ul li a {
  transition: all 0.2s;
}

#custom-mobile-menu-container .custom-mobile-menu-inner ul li:hover a {
  color: #fff;
}

.fl-post-grid-post.type-songs {
  border: none;
}

/* Mobile menu dropdown fix */

@media (max-width: 992px) {
  #custom-mobile-menu-container .custom-mobile-menu-inner ul li ul.sub-menu a {
    color: #5b5b5b;
  }
}

/* ================== */
/* ===== Footer ===== */
/* ================== */

.footer-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.footer-icons li {
  margin-bottom: 0.7rem;
}

.footer-icons li:not(:last-child) {
  margin-right: 0.7rem;
}

.footer-icons li a {
  display: inline-block;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #202020;
  text-decoration: none !important;
  transition: all 0.2s;
}

.site-footer-section .footer-icons li a:link,
.site-footer-section .footer-icons li a:visited {
  font-size: 2rem;
  color: #5f5f5f;
}

.site-footer-section .footer-icons li a:hover,
.site-footer-section .footer-icons li a:active {
  background: rgba(32, 32, 32, 0.7);
  color: #fff;
  transition: all 0.2s;
}

/*
<ul class="footer-icons">
[wpbb-if site:acf_option type='url' name='footer_social_links_footer_social_links_twitter']
    <li><a href="[wpbb site:acf_option type='url' name='twitter']"><i class="fa-brands fa-x-twitter"></i></a></li>
[/wpbb-if]
*/
/* =================== */
/* ===== Buttons ===== */
/* =================== */

.button,
a.fl-post-feed-more,
.fl-button,
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
  display: inline-block;
  padding: 1.3rem 2rem;
  transition: all 0.15s;
  line-height: 1;
  margin-bottom: 1rem;
  font-size: 2rem;

  font-family: "Avenir-Heavy", sans-serif !important;
  font-variation-settings: "wght" 700;
}

a.fl-post-feed-more {
  color: #090909 !important;
}

.button:hover {
  /*opacity: 0.8;*/
  text-decoration: none;
  background: #1e8f9e;
}

.button.button-blue,
.form-submit input[type="submit"],
a.fl-post-feed-more,
.fl-button,
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
  color: #090909 !important;
  background: #16b4c8;
  border-radius: 0;
  border: none;
  transition: all 0.15s;
  text-decoration: none;
}

.fl-builder-content a.fl-button span {
  color: #090909 !important;
}

.button.button-blue:hover,
.form-submit input[type="submit"]:hover,
a.fl-post-feed-more:hover,
.fl-button:hover,
.fl-builder-content a.fl-button:hover,
.fl-builder-content a.fl-button:active {
  background: #1e8f9e !important;
  color: #090909;
  border: none;
  text-decoration: none;
}

a.fl-post-feed-more:hover,
a.fl-post-feed-more:active {
  text-decoration: none;
}

.gform_button {
  display: inline-block !important;
  padding: 1.3rem 2rem !important;
  transition: all 0.15s !important;
  line-height: 1 !important;
  margin-bottom: 1rem !important;
  font-size: 2.1rem !important;

  color: #090909 !important;
  background: #16b4c8 !important;
  border: none !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}

.gform_button:hover {
  opacity: 0.8 !important;
  text-decoration: none !important;

  background: #16b4c8 !important;
}

.footer-subscription-form-container .gform_button {
  background: #0f7381 !important;
  color: #fff !important;
}

.footer-subscription-form-container .gform_button:hover {
  background: #0f7381 !important;
}

/* ===================================== */
/* ===== Music Spotlights - single ===== */
/* ===================================== */

/* MS = Music Spotlights */

/* MS Section - top */

.ms-section-top {
}

.ms-song-info {
}

.ms-artist-name {
  margin-bottom: 0;
  font-size: 2.1rem;
}

.ms-song-name {
  font-size: 6rem;
  margin-top: 0;
}

/* Charts */

.chart-columns {
  color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
}

@media (min-width: 1150px) {
  .ms-section-consumption .chart-columns {
  }

  .ms-section-radio-research .chart-columns,
  .chart-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .ms-section-radio-charts .chart-columns {
  }

  .ms-section-the-church .chart-columns {
  }
}

.chart-item {
}

.chart-logo-cont {
  text-align: center;
  margin-bottom: 2rem;
}

.chart-logo-cont img {
  max-width: 12rem;
}
/*
.<div class="chart-logo-cont chart-logo-cont__mediabase">
<img src="https://55promotion.com/kbm24/wp-content/uploads/2024/02/mediabase-logo.png" alt="Billboard logo">
</div>
*/
.chart-value {
  font-size: 8rem;
  line-height: 1;
  margin-bottom: 0;
  text-align: center;

  font-family: "LeagueSpartan-Bold", "Helvetica", sans-serif;
  font-variation-settings: "wght" 600;
}

.chart-value span {
}

.chart-label {
  display: block;
  margin: 0;
  text-align: center;
  font-size: 2.2rem;
}

.ms-section-consumption .chart-columns,
.ms-section-radio-research .chart-columns,
.ms-section-artist-audience .chart-columns {
  color: #fff;
}

.ms-section-radio-charts .chart-columns,
.ms-section-the-church .chart-columns {
  color: #090909;
}

.ms-section-chart__logos {
  display: flex;
  justify-content: center;
}

.ms-section-chart__logos img.songscore-logo {
  max-width: 15rem;
}

.ms-section-chart__logos img.troy-research-logo {
  max-width: 11rem;
}

.ms-section-chart__logos img.planning-center-logo {
  max-width: 24rem;
}

.ms-section-chart__logos img.billboard-logo {
  max-width: 13rem;
}

.ms-section-chart__logos img.mediabase-logo {
  max-width: 13rem;
}

.ms-section-chart__logos img {
  display: inline-block;
  object-fit: contain;

  width: auto;
}

.ms-section-chart__logos img:not(:last-child) {
  margin-right: 2rem;
}

/*
<div class="ms-section-radio-research__logos">
    <img src="https://55promotion.com/kbm24/wp-content/uploads/2024/02/troy-logo.png" alt="Troy Research logo">
    <img src="https://55promotion.com/kbm24/wp-content/uploads/2024/02/songscore-logo.png" alt="Songscore logo">
</div>
*/

@media (max-width: 950px) {
  .chart-columns {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .ms-section-radio-research .chart-columns,
  .chart-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .chart-value {
    font-size: 7.5rem;
  }

  .chart-label {
    font-size: 2.1rem;
  }
}

@media (max-width: 768px) {
  .chart-value {
    font-size: 7rem;
  }

  .ms-section-radio-research .chart-columns,
  .chart-columns {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .chart-label {
    font-size: 2rem;
  }
}
@media (max-width: 550px) {
  .chart-columns {
    grid-template-columns: 1fr 1fr;
  }

  .ms-section-radio-research .chart-columns,
  .chart-columns {
    grid-template-columns: 1fr 1fr;
  }

  .chart-value {
    font-size: 6rem;
  }

  .chart-label {
    font-size: 1.9rem;
  }
}

/* MS Section - Downloadable assets */

.ms-section-downloadable-assets {
  color: #090909;
}

ul.ms-downloadable-assets {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.ms-downloadable-assets li {
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  transition: all 0.15s;
}

ul.ms-downloadable-assets li a {
  text-decoration: none;
  color: #090909;
}

ul.ms-downloadable-assets li:hover {
  opacity: 0.75;
}

ul.ms-downloadable-assets li:not(:last-child) {
  margin-bottom: 1rem;
}

ul.ms-downloadable-assets li img {
  display: inline-block;
  max-width: 4rem;
  margin-right: 1rem;
}

/* MS Section - The Song Story */

.ms-section-song-story {
  color: #fff;
}

/* MS Section - About the Artist */

.ms-about-the-artist-title-area {
}

.ms-about-the-artist-title-area--center {
  text-align: center;
}

.ms-about-the-artist-title-area h2 {
}

.ms-about-the-artist-title-area p {
  font-family: "Avenir-Heavy", sans-serif !important;
  font-variation-settings: "wght" 700;
}

/* Music Spotlights - Follow us */

.ms-social-links-container {
}

.ms-social-links-container a:link,
.ms-social-links-container a:visited {
  display: inline-block;
  color: #090909;
  transition: all 0.15s;
  font-size: 4rem;
}

.ms-social-links-container a:not(:last-child) {
  margin-right: 0.2rem;
}

.ms-social-links-container a:hover,
.ms-social-links-container a:active {
  opacity: 0.8;
  color: #090909;
}

/* Music Spotlights - More songs section */

.ms-more-songs-by-container {
  text-align: center;
}

.more-songs-items-container {
}

.more-songs-items-container ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}

.more-songs-items-container ul li {
}

.more-songs-items-container ul li:not(:last-child) {
  margin-right: 2.5rem;
}

.more-songs-items-container ul li .more-songs-image-container {
  max-width: 150px;
}

.more-songs-items-container ul li .more-songs-image-container img {
  display: inline-block;
  width: 100%;
}

/* Streaming icons */

ul.streaming-icons {
  display: flex;
  align-items: center;
  list-style: none;

  padding-left: 0;
}

ul.streaming-icons li {
  max-width: 5rem;
}

ul.streaming-icons li:not(:last-child) {
  margin-right: 1rem;
}

ul.streaming-icons li img {
  width: 100%;
  object-fit: cover;
}

ul.streaming-icons li a {
  display: inline-block;
  transition: all 0.15s;
}

ul.streaming-icons li a:hover {
  transform: translateY(-5px);
}

@media (max-width: 768px) {
  ul.streaming-icons {
    justify-content: center;
  }
}

/* Music Spotlights - The Lyrics section */

@media (min-width: 769px) {
  .the-lyrics-block {
    position: relative;
    max-height: 400px;
    overflow: hidden;
    /*transition: max-height 0.5s ease-in;*/
  }

  .the-lyrics-block.active {
    max-height: 100%;
    /*transition: max-height 0.5s ease-out;*/
  }

  .the-lyrics-block::after {
    content: "";
    display: block;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("https://55promotion.com/kbm24/wp-content/uploads/2024/03/bottom-fade-out-graphic.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .the-lyrics-block.active::after {
    display: none;
  }

  .button-show-more-lyrics {
    cursor: pointer;
  }
}

/* MS - Artist Audience */
/* force Consumption section background color change */

.ms-section-consumption.change-background-color .fl-row-content-wrap {
  background: #F5FDF0 !important;
}
.ms-section-consumption.change-background-color * {
  color: #090909 !important;
}

/* ===================================== */
/* == Music Spotlights - Archive page == */
/* ===================================== */

.ms-archive-block .fl-post-grid-post {
  background: none;
  border: none;
}

.ms-archive-block .fl-post-grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ms-archive-block .fl-post-image {
  margin-bottom: 1rem;
}

.ms-archive-block .fl-post-title {
  font-size: 2.2rem;
  font-family: "Avenir-Book", sans-serif !important;
  font-variation-settings: "wght" 400;
}

.ms-archive-block .fl-post-column {
  padding: 2px;
}

.ms-archive-item a {
  display: inline-block;
}

@media (min-width: 901px) {
  /* Music Spotlight list item animation */
  .ms-archive-item h2 a {
    color: #b5b5b5;
    transition: all 0.3s;
    text-decoration: none !important;
  }

  .ms-archive-item .fl-post-image {
    overflow: hidden;
    position: relative;
    cursor: pointer;
  }
  /*
  .ms-archive-item .fl-post-image::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.12);
    transition: all 0.3s;
  }
  */
  .ms-archive-item .fl-post-image {
    opacity: 0.9;
    transition: all 0.3s;
  }

  .ms-archive-item .fl-post-image:hover {
    opacity: 1;
  }

  .ms-archive-item .fl-post-image img {
    transition: all 0.7s;
  }
  /*
  .ms-archive-item .fl-post-image:hover::after {
    opacity: 0;
  }
  */

  .ms-archive-item .fl-post-image:hover img {
    transform: scale(1.02);
  }

  .ms-archive-item:hover h2 a {
    color: #fff;
  }
}

@media (max-width: 900px) {
  .ms-archive-item h2 a {
    color: #fff;
  }
}

/* Beaverbuilder Tabs block */

.ms-archive-block .fl-builder-content,
.ms-archive-block .fl-post-column,
.ms-archive-block .fl-module-content,
.ms-archive-block .fl-post-column {
  margin: 0;
  padding: 0;
}

.ms-archive-block .fl-tabs-panels {
  background: none;
}

/* Menu switcher */

.music-spotlight-archive-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.music-spotlight-archive-menu ul li {
  padding: 1rem 2.5rem;
  cursor: pointer;
}

.music-spotlight-archive-menu ul li:hover,
.music-spotlight-archive-menu ul li.active {
  background: #16b4c8;
  color: #090909 !important;
  /*
  font-family: "Avenir-Heavy", sans-serif !important;
  font-variation-settings: "wght" 700;
  */
}

/* Hide all grids initially */

.ms-archive-block--featured,
.ms-archive-block--ac,
.ms-archive-block--worship {
  display: none;
}

.ms-archive-block--featured.active,
.ms-archive-block--ac.active,
.ms-archive-block--worship.active,
/*Show on BeaverBuilder editor*/
html.fl-builder-edit .ms-archive-block--featured,
html.fl-builder-edit .ms-archive-block--ac,
html.fl-builder-edit .ms-archive-block--worship {
  display: block;
}

/* Category description text */

.ms-archive-description-text {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* ============================== */
/* ======= Video carousel ======= */
/* ============================== */

.fp-video-carousel {
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
}

.fp-video-carousel-cont {
  position: relative;
}

.fp-video-carousel-cont > * {
  position: relative;
  z-index: 2;
}

.fp-video-carousel-cont::before,
.fp-video-carousel-cont::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 200%;
  background: #4397f0;
  left: 50%;
}

.fp-video-carousel-cont::before {
  top: 70%;
  height: 6px;
}

.fp-video-carousel-cont::after {
  top: 73%;
  height: 11px;
}

.video-carousel-cont {
  max-width: 1000px;
  margin: 0 auto;
}

.video-carousel-item {
  position: relative;
  z-index: 5;
  padding: 2rem 4rem;
  display: flex !important;
  justify-content: center;
}

.store-yt-embed-code {
  display: none;
  position: absolute;
  top: 0;
}

.video-carousel-item a {
  cursor: pointer;
}

.slick-next.slick-arrow,
.slick-prev.slick-arrow {
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slick-next.slick-arrow {
  right: -15px;
}

.slick-prev.slick-arrow {
  left: -15px;
}

.video-carousel-item a .video-carousel-item-img-cont {
  max-width: 330px;
  cursor: pointer;
}

.video-carousel-item a .video-carousel-item-img-cont img {
  width: 100%;
}

.slick-slider button:focus {
  position: absolute !important;
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  font-size: 4rem;
}

.video-carousel-cont .slick-track {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .fp-video-carousel {
    max-width: 400px;
  }

  .video-carousel-item {
    padding: 2rem 6rem;
  }

  .slick-next.slick-arrow {
    right: 5px;
  }

  .slick-prev.slick-arrow {
    left: 5px;
  }
}

/* Youtube shorts - lightbox */

.lightbox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);

  display: none;
  justify-content: center;
  align-items: center;
  z-index: 5000;
}

.lightbox-container.active {
  display: flex !important;
}

.lightbox-container-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.admin-bar .lightbox-container-inner {
  margin-top: 46px;
}

.lightbox-content {
  position: relative;
  padding: 3rem;
  transform: scale(1);
  z-index: 5000;
}

.lightbox-iframe-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lightbox-content iframe {
  max-height: 100%;
}

.lightbox-x-button {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 3rem;
  color: #fff;
  z-index: 5005;
  cursor: pointer;
}

/* Play buttons for video thumbnails */

.video-carousel-item,
.video-single-container {
  position: relative;
}

.video-carousel-item::after,
.video-single-container::after {
  display: inline-block;
  font-weight: 400;
  font-family: "Font Awesome 6 Free";
  content: "\f144";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  color: #f5fdf0;
  cursor: pointer;
}

.video-carousel-item::after {
  font-size: 4rem;
}

.video-single-container::after {
  font-size: 7rem;
}

/* ============================== */

/* =================================== */
/* ======= Fact Check - single ======= */
/* =================================== */

.fc-single-title-container {
  display: inline-block;
  border-bottom: 2px solid #090909;
}

.fc-single-title-container.fc-single-title-container--white {
  border-bottom: 1px solid #fff;
}

.fc-single-title-container.fc-single-title-container--no-border {
  border-bottom: 0;
}

.fc-intro-section {
  /*overflow: hidden;*/
}

.fc-cta-section {
  position: relative;
}

.fc-cta-section *,
.z-index-1 {
  position: relative;
  z-index: 1;
}

/* html.fl-builder-edit  */

.fc-cta-section,
.fc-cta-section::after {
  z-index: 0;
  padding-top: 3rem;
}

.fc-cta-section::after {
  height: 1000px;
  width: 1500px;
  background: #090909;
  content: "";
  position: absolute;
  top: 0;
  right: 4rem;
}

.fc-cta-section ul {
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
}

.fc-intro-section-content {
  display: flex;
  padding-bottom: 2rem;
}

.fc-intro-section-col-left {
  width: 45%;
  margin-right: 3rem;
}

.fc-intro-section-col-left * {
  position: relative;
  z-index: 1;
}

.fc-intro-section-col-left .fc-intro-section-image-container {
}

.fc-intro-section-logos-container {
  max-width: 40rem;
  margin: 3rem 0 1rem;
}

.fc-intro-section-logos-container img {
  width: 100%;
  object-fit: contain;
}

.fc-intro-section-col-right {
  flex: 1;
}

.fc-fact-check-text-section * {
  color: #fff;
}

.section-title-box span.fl-heading-text {
  display: inline-block;
  background: #fff;
  padding: 1rem 2rem 0.7rem;
}

@media (max-width: 786px) {
  /*
  .fc-single-title-section {
    padding: 0 20px;
  }
  */

  .fc-intro-section-content {
    flex-direction: column;
  }

  .fc-intro-section-col-left {
    width: 100%;
  }

  .fc-cta-section ul {
    text-align: center;
  }

  .fc-cta-section::after {
    display: none;
    height: 1500px;
    width: 140%;
    top: -370px;
    right: 50%;
    transform: translateX(50%);
  }

  .fc-intro-section-content {
    position: relative;
  }

  .fc-intro-section-content::before {
    content: "";
    position: absolute;
    display: block;
    height: 1500px;
    width: 140%;
    top: 150px;
    right: 50%;
    transform: translateX(50%);
    background: #090909;
  }

  .fc-intro-section-text h1 {
    position: relative;
    z-index: 1;
    color: #fff;
  }
}

/* ==================================== */
/* ======= Fact Check - archive ======= */
/* ==================================== */

.fc-archive-items-container .fl-post-feed-post {
  margin: 0;
  border-bottom: 0;
}

.fc-archive-item {
  display: flex;
  align-items: center;
}

.fc-archive-item-date {
  margin-bottom: 3rem;
}

@media (min-width: 769px) {
  .fc-archive-items-container .fl-post-feed-post:nth-child(even) {
    background: #202020;
  }
}

.fc-archive-item * {
  color: #fff;
}

.fc-archive-item__image-container {
  height: auto;
  width: 25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-right: 3rem;
}

.fc-archive-item__image-container img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.fc-archive-item__text-container {
  flex: 1;
}

.fc-archive-item__text-container h3 a {
  text-decoration: none !important;
  transition: all 0.15s;
}

.fc-archive-item__text-container h3 a:hover {
  color: #1e8f9e;
}

.fc-archive-item__text-container a.button {
}

.fc-archive-sidebar .fl-html li,
.fc-archive-sidebar .fl-html li a,
.fc-archive-sidebar .fl-html a,
.fc-archive-sidebar .fl-html a:hover,
.fc-archive-sidebar .fl-html a:focus {
  color: #fff;
  text-decoration: none !important;
}

.fc-archive-sidebar .fl-html a:hover,
.fc-archive-sidebar .fl-html a:focus {
}

/* Mobile show-hide for FC Archive links */
.fc-archive-show-hide-button {
  display: block;
  text-align: center;
  padding: 1.3rem;
  background: #16b4c8;
  color: #000;

  font-family: "Avenir-Heavy", sans-serif !important;
  font-variation-settings: "wght" 700;
  cursor: pointer;

  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.fc-archive-show-hide-button.active i {
  transform: rotate(180deg) translateY(-1px);
}

/*Hide for other than mobile*/
.fc-archive-show-hide-container {
  display: none;
}

/*Unhide in BB editor*/
.fl-builder .fc-archive-show-hide-container {
  display: block;
}

@media (max-width: 768px) {
  .fc-archive-items-container {
    margin-top: 3rem;
  }
  .fc-archive-item {
    display: block;
    margin-bottom: 4.5rem;
  }
  .fc-archive-item__image-container {
    margin-right: 0;
    margin-bottom: 3rem;

    height: auto;
    width: 100%;
  }

  .fc-archive-item__image-container img {
    min-width: 100%;
    width: 100%;
    object-fit: contain;
  }

  .fl-col-small.fc-archive-sidebar,
  .fc-archive-items-container .fl-post-feed-post.fact-check {
    max-width: 100% !important;
    margin-right: 0;
    margin-left: 0;
  }

  .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 100% !important;
  }

  /* Mobile show-hide for FC Archive links */
  .fc-archive-show-hide-container {
    display: block;
  }

  .fc-archive-heading-container {
    display: none;
  }
}

/* Side bar - Year archive show/hide */

.fc-archive-year-item {
  display: none;
  padding-left: 2.2rem;
  position: relative;
}

.fc-archive-year-item a {
  text-decoration: none !important;
}

.fc-archive-year-item::before {
  content: "";
  width: 6.5px;
  height: 6.5px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.fc-archive-year-item.active {
  display: block;
}

.archive-item-year-button {
  color: #fff;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  cursor: pointer;

  font-family: "Avenir-Heavy", sans-serif !important;
  font-variation-settings: "wght" 700;

  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.archive-item-year-button i {
  margin-left: 1rem;
}

.archive-item-year-button.clicked i {
  transform: rotate(180deg);
}

blockquote {margin:25px !important; padding-top:20px !important;}
blockquote p, blockquote div {margin-bottom:20px !important;}

/* ==================================== */
/* ======== Who we are - page ========= */
/* ==================================== */

.who-we-are-top-section {
  position: relative;
  z-index: 1;
}

.who-we-are-content-section {
  background: #090909;
}
/*
.who-we-are-content-section > * {
  position: relative;
  z-index: 2;
}
*/

.contact-page-form-section {
  position: relative;
}
/*
.contact-page-form-section * {
  position: relative;
  z-index: 1;
}

.contact-page-form-section,
.contact-page-form-section::after {
  z-index: 0;
  padding-top: 3rem;
}

.contact-page-form-section::after {
  height: 665px;
  width: 1500px;
  background: #090909;
  content: "";
  position: absolute;
  top: 0;
  right: 4rem;
}

.contact-page-form-section::after {
  background: #202020;
}

@media (max-width: 786px) {
  .contact-page-form-section::after {
    right: 0;
    width: 100%;
    height: 100%;
  }

  .contact-page-form-section {
    padding-bottom: 2rem;
  }
}
*/