/* ========== GLOBAL STYLES ========== */

:root {
  --body-color: rgba(255,255,255,0.92);
  --heading-color: rgba(255,255,255,0.95);
  --bs-table-bg: initial;
  --bs-table-color: initial;
  --db-orange: rgb(255,205,7);
}

html {
  font-size: 19px;
}

body {
  font-family: forma-djr-text, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: var(--body-color);
  background-color: #000000;
}

p {
  letter-spacing: .025rem;
  line-height: 1.55;
}

p a {
  color: inherit;
  border-bottom: 1px solid #ffcd07;
}

p a:hover {
  border-bottom: 2px solid #ffcd07;
  color: inherit;
  text-decoration: none;
}

a {
  transition: all .3s ease-in-out;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: forma-djr-display, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  color: var(--heading-color);
  letter-spacing: 0.02rem;
}

/* All standard font sizes based on "Minor Third" on type-scale.com */

.h1, h1 {
  font-size: 2.488rem;
  text-align: center;
}

@media (min-width: 576px) {
  .h1, h1 {
    font-size: 2.488rem;
  }
}

.display-1 {
  font-size: 2.074rem;
  font-weight: 700;
  line-height: 110%;
}

@media (min-width: 578px) {
  .display-1 {
    font-size: 2.488rem;
  }
}

.display-2 {
  font-weight: 700;
  font-size: 2.074rem;
}

.h2, h2 {
  font-size: 2.074rem;
  text-align: center;
}

.h3, h3 {
  font-size: 1.728rem;
  letter-spacing: 0.03rem;
}

.h4, h4 {
  font-size: 1.44rem;
  line-height: 1.3;
  letter-spacing: 0.04rem;
}

.h5, h5 {
  font-size: 1.22rem;
  line-height: 1.4;
  letter-spacing: 0.04rem;
}

.h6, h6 {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.04rem;
}

.small {
  font-size: .833rem !important;
}

.x-small {
  font-size: .694rem !important;
}

.minh-100 {
  min-height: 100vh !important;
}

.text-shadow {
  text-shadow: 1px 1px 1px rgba(0,0,0,.8) !important;
}

.text-shadow-x2 {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.8), 0px 0px 50px rgba(0,0,0,1) !important;
}

.text-shadow-x3 {
  text-shadow: 1px 1px 1px rgba(0,0,0,1), 1px 1px 5px rgba(0,0,0,1), 2px 2px 10px rgba(0,0,0,1), 2px 2px 20px rgba(0,0,0,1), 0px 0px 50px rgba(0,0,0,1) !important;
}

.lead {
  line-height: 1.5;
  font-size: 1.44rem;
}

.text-white-50 {
  color: rgba(255,255,255,0.6) !important;
}

.bg-dark {
  background-color: rgb(0,0,0)!important;
}

.border-dark {
  border: 2px solid rgba(255,255,255,.2) !important;
}

.border-top-grey50 {
  border-top: 1px solid rgba(255,2555,255,0.25) !important;
}

.border-top-greydk-dotted {
  border-top: 4px dotted rgba(255,255,255,0.3) !important;
}

.parallax-img {
  background-attachment: fixed !important;
}

.btn {
  border-radius: 5px;
  transition: all .3s ease-in-out;
  border: none;
  text-align: center;
  text-shadow: none;
  padding: .45rem 1.2rem .35rem;
  font-size: 1.22rem;
}

.btn.btn-primary {
  font-family: forma-djr-text, sans-serif;
  font-weight: 400;
  color: #000;
  background: rgba(255,205,7,0.9);
}

.btn.btn-primary:hover {
  color: #000000;
  background: #ffcd06;
}

.btn.btn-outline-primary {
  font-family: roc-grotesk-condensed, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
}

.btn.btn-outline-primary:hover {
  background-color: rgba(255,255,255,.15);
  color: rgba(255,255,255) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: rgba(255,255,255,.15);
}

.btn.btn-secondary, .contact-clean form .btn-secondary {
  background-color: rgba(255,255,255,0.85)!important;
  color: rgba(0,0,0,0.9)!important;
}

.btn.btn-secondary:hover, .contact-clean form .btn-secondary:hover {
  background-color: rgb(255,255,255)!important;
  color: rgb(0,107,227)!important;
}

.btn.btn-success {
  background-color: rgba(0,0,0,0.5);
  color: rgba(255,255,255,0.85);
  border: 1px solid rgba(255,255,255,0.75);
}

.btn.btn-success:hover {
  background-color: rgba(3,119,252,0.3);
  color: #ffffff;
}

.btn-sm {
  padding: .5rem .75rem .35rem .75rem !important;
  font-size: .833rem !important;
}

.btn-show-hide {
  border: none !important;
  font-size: .694rem !important;
  background-color: rgba(0,0,0,0) !important;
}

/* Custom Bootstrap card styles */

.card {
  background-color: rgba(0,0,0,0);
  border: none;
  height: 100%;
}

.card-body {
  border: 1px solid rgba(255,255,255,.25) !important;
  padding: 2rem 1.5rem 1.5rem 1.5rem !important;
  background-color: rgba(10,10,10,.75) !important;
}

.card-body p {
  color: var(--body-color);
}

@media (min-width: 768px) {
  .card-body {
    padding: 2rem 1.5rem 2rem 1.5rem !important;
  }
}

.card-title {
  color: var(--heading-color);
}

.bg-primary {
  background-color: rgb(0,97,208)!important;
}

.bg-warning {
  background-color: rgba(255,224,101,0.8)!important;
}

/* TABLE STYLES */

table {
  color: rgba(255,255,255,.85) !important;
}

table th, table td {
  border-top: none !important;
  padding: .4rem .75rem !important;
  text-shadow: none;
}

.table thead th {
  border-bottom: none;
}

/* Reset Bootsrap variables (for Top Ten page) */

.table > :not(caption) > * > * {
  background-color: initial;
  color: var(--heading-color);
}

/* ========== NAVBAR STYLES ========== */

header .nav-item {
  margin-bottom: 10px !important;
}

@media (min-width: 992px) {
  header .nav-item {
    margin-left: 1rem;
  }
}

header .nav-link {
  font-family: forma-djr-text, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(255,255,255,0.9)!important;
  padding: .15rem 0;
  text-align: right;
  font-size: 1rem;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8) !important;
}

header .nav-item .nav-link:hover {
  color: #ffffff!important;
}

/* Add blue underline for active menu items on large screens */

@media (min-width: 992px) {
  header .nav-item .nav-link.active:not(#navlink-support-us) {
    border-bottom: 1px solid rgb(0,97,208)!important;
  }
}

/* Remove red rollover for fb link in navbar */

.nav-item:last-of-type .nav-link:hover {
  color: #ffffff !important;
}

/* Highlight Support Us link */

#navitem-support-us {
  text-align: right;
}

#navlink-support-us {
  color: var(--bs-black) !important;
  text-shadow: none !important;
  border: none !important;
  padding: .2rem .7rem .1rem .7rem;
  background-color: rgba(255,205,7,0.9);
  display: inline-block;
}

#navlink-support-us:hover {
  background-color: #ffcc00 !important;
}

@media (min-width: 992px) {
  #navitem-support-us {
    text-align: left;
  }
}

@media (min-width: 992px) {
  #navlink-support-us {
    color: var(--bs-black) !important;
    text-shadow: none !important;
    border: none !important;
    padding: .2rem .7rem .1rem .7rem;
    background-color: rgba(255,205,7,0.9);
    display: block;
  }
}

/* Style navbar links on mobile - PENDING */

/* ========== HOMEPAGE STYLES ========== */

/* Alerts */

.alert-secondary {
  background-color: rgba(0, 28, 61, 0.8);
}

/* Height 100% for parallax effect */

#home, #home-old {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) right / cover, url("../../assets/img/hero-home.jpg") top right;
}

/* Limit the width of Homepage content on very small screens */

@media (max-width: 575px) {
  #home .container {
    max-width: 500px;
  }
}

#home aside p {
  font-size: .833rem;
  color: rgba(255,255,255,.8);
}

@media (min-width: 992px) {
  #home-hero h1 {
    font-size: 2.986rem;
  }
}

/* Listen section */

#jwdb-sample, #listen-this-week {
  background: rgba(255,255,255,0.2);
  backdrop-filter: blur( 25px );
  -webkit-backdrop-filter: blur( 25px );
  border: 1px solid rgba(255,255,255,.3);
  border-radius: .25rem;
}

@media (min-width: 576px) {
  #jwdb-sample, #listen-this-week {
    border-radius: .25rem;
    border: 1px solid rgba(255,255,255,.3);
  }
}

.bkgd-white-blur {
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,0.2);
  backdrop-filter: blur( 25px );
  -webkit-backdrop-filter: blur( 25px );
}

#jwdb-sample h3 {
  color: rgb(255,255,255);
}

@media (max-width: 991px) {
  #listen-this-week > div {
    max-width: 422px;
  }
}

#listen-this-week .nav.nav-tabs {
  margin-bottom: 1px;
}

#listen-this-week .nav .nav-link {
  color: rgba(255,255,255,0.9);
}

#listen-this-week .nav .nav-link:hover {
  color: rgb(255,255,255) !important;
  border-color: rgba(0,0,0,0) !important;
  background-color: rgba(255,255,255,0.1);
}

#listen-this-week .nav .nav-link.active {
  color: rgba(0,0,0,0.9);
  background-color: rgba(255,255,255,0.9);
}

#listen-this-week .nav .nav-link.active:hover {
  color: rgba(0,0,0,0.9) !important;
  background-color: rgba(255,255,255,0.9);
  border-bottom: none;
}

.db-action-block {
  border-radius: 5px;
  padding: 50px 10px 40px 10px;
  background-color: rgba(0,0,0,.5);
}

@media (min-width: 576px) {
  .db-action-block {
    padding: 50px 10px 40px 10px;
  }
}

@media (min-width: 992px) {
  .db-action-block {
    padding: 50px 40px 40px 40px;
  }
}

/* Sponsors section */

#home-sponsors {
  background-color: rgba(164,198,159,0.23);
  backdrop-filter: blur( 80px );
  -webkit-backdrop-filter: blur( 80px );
}

#home-sponsors img {
  max-height: 100px;
}

/* Interviews section */

#latest-interviews .col div div:last-of-type {
  margin-bottom: 0 !important;
}

/* Support the Show section */

.home-panel-blue {
  background: rgba(0,28,61,0.8);
  border: 1px solid rgba(255,255,255,.25);
  padding: 2rem 1.5rem 1.5rem 1.5rem;
}

.event-section {
  background: rgba(5,40,0,0.45) !important;
  border: 1px solid rgba(255,255,255,.25);
  padding: 2rem 1.5rem 1.5rem 1.5rem;
}

#home-support .btn {
  letter-spacing: 0.03rem;
}

/* Dave's Faves section */

.daves-faves-cd {
  border: 1px solid rgba(255,255,255,.3);
  border-radius: .25rem;
  margin-bottom: .25rem;
}

/* Tools section */

.home-tools {
  padding-top: 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  padding-bottom: 1.75rem;
}

/* Musician section */

#home-musician p a {
  border-bottom: 1px solid #ffcd07;
}

#home-musician p a:hover {
  border-bottom-width: 2px;
  color: #ffffff;
}

/* #roussel {
  background: linear-gradient(45deg, #a6bca3 12.5%, #94ae92 12.5%, #94ae92 37.5%, #a6bca3 37.5%, #a6bca3 62.5%, #94ae92 62.5%, #94ae92 87.5%, #a6bca3 87.5%);
  background-size: 5px 5px;
  background-position: 50px 50px;
}
#roussel p, #roussel h2 {
  text-shadow: none;
  color: rgba(0,0,0,.9);
}
#roussel p a {
  border-bottom-color: #0066da;
}
#roussel p a:hover {
  color: rgba(0,0,0,.9);
  border-bottom-width: 4px;
} */

@media (min-width: 1200px) {
  #home-contact p {
    max-width: 60%;
  }
}

#home-musician {
  background: url("../../assets/img/mb_092213_0118-web.jpg");
  background-attachment: fixed !important;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover !important;
}

#home-musician .col {
  border: 1px none rgba(255,255,255,.5);
}

/* Make playlist popup fill the screen */

.featherlight .featherlight-content {
  width: 90% !important;
  height: 90% !important;
}

/* Pseudo-element to modify bottom border at large screen sizes */

#home aside h5 {
  margin-bottom: .75rem;
}

/* Listener Survey modal */

#survey-modal .btn-close {
  background-color: #fff;
}

#survey-modal .modal-content {
  background-color: #000;
  box-shadow: 0px 0px 100px rgba(255,240,183,0.4);
  outline: 1px solid rgba(255,255,255,0.3);
  outline-offset: -0.482rem;
}

#survey-modal .modal-header {
  padding-right: 1.44rem;
  padding-top: 1.44rem;
  border-bottom: none;
  padding-left: 1.44rem;
}

/* ========== FOOTER STYLES ========== */

footer {
}

footer p {
  color: #fefefe;
  text-shadow: none;
  line-height: 1.45;
}

p.footer-copyright {
  letter-spacing: 0.02rem;
}

.footer-social {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 100%;
  width: 100px;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}

footer p a, footer p a:hover {
  color: inherit;
}

footer i.fa {
  text-shadow: none;
  transition: color .2s ease-in-out;
}

.social-icon-color {
  color: rgba(255,255,255,0.9);
}

footer a.fa-stack {
  color: rgb(0,97,208);
  font-size: 1.5rem;
}

footer i.fa:hover {
  color: #057bff;
}

@media (min-width: 992px) {
  .navbar-brand {
  }
}

.navbar-brand img {
  max-width: 50vw;
  width: 150px;
}

@media (max-width: 379px) {
  .navbar-brand img {
    max-width: 35vw;
  }
}

.navbar-light .navbar-toggler-icon {
  background: url("../../assets/img/hamburger-white.svg");
}

.navbar-light .navbar-toggler {
  border-color: rgba(255,255,255,.6) !important;
}

.footer-fineprint {
  font-size: .75em;
  line-height: 1.6;
  color: rgba(255,255,255, .85);
}

/* ========== CONTACT PAGE STYLES ========== */

.contact-clean form {
  background-color: #000000;
  max-width: 580px;
  border-radius: 0;
  padding-top: 22px;
}

.contact-clean form p {
  color: rgba(255,255,255,.6);
}

.contact-clean form .btn-secondary {
  font-weight: normal;
  text-transform: none;
  padding: .7rem 1.2rem .5rem;
  transition: all .3s;
  font-size: 1.22rem;
}

.contact-clean h1 {
  text-transform: none;
}

.contact-clean form .form-control {
  height: auto;
}

/* ========== "FIND YOUR STATION" PAGE ========== */

.station {
  margin-bottom: 1.5rem;
  align-items: stretch;
  display: flex;
}

@media (min-width: 768px) {
  .station-wrapper {
    background-color: rgba(0,0,0,5.8) !important;
  }
}

.station-wrapper {
  background-color: rgba(255,255,255,0.1);
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  border-radius: .25rem;
  flex-grow: 1;
}

.station-time {
  color: rgba(255,242,128,0.9);
  flex-grow: 1;
  flex-basis: 100%;
  font-size: .85rem;
  letter-spacing: .03rem;
  margin-bottom: 0.75rem;
  text-shadow: none;
  line-height: 145%;
}

@media (min-width: 576px) {
  .station-name-listen {
    display: flex;
  }
}

.station-name {
  align-self: start;
  display: inherit;
  flex-grow: 1;
}

@media (min-width: 576px) {
  .station-name {
    padding-right: 1rem;
    flex-basis: 60%;
  }
}

.station-name a {
  font-size: 2rem;
  color: var(--heading-color);
  line-height: 90%;
  transition: all .2s ease-in-out;
}

.station-name a:hover {
  color: rgba(255,255,255,1);
  text-decoration: none;
  text-shadow: 0px 0px 20px rgb(255,251,210);
}

station p {
  color: var(--body-color);
}

a.listen-live {
  color: #f50f35;
  text-transform: uppercase;
  text-shadow: none;
  border-radius: 3px;
  align-self: start;
  margin-top: .75rem;
  transition: all .4s ease-in-out;
}

@media (min-width: 576px) {
  a.listen-live {
    align-self: end;
    padding-left: 8px;
    padding-right: 5px;
    padding-top: 2px;
    flex-basis: initial;
    margin-bottom: auto;
    margin-top: 0;
  }
}

a.listen-live:hover {
  text-decoration: none;
  color: #ff002a;
}

@media (min-width: 576px) {
  a.listen-live:hover {
    text-decoration: none;
    background-color: #ff002a;
    color: #ffffff;
  }
}

.station-location {
  line-height: 140%;
  flex-basis: 100%;
  margin-top: 0rem;
}

.station-local-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.station-local {
  padding-left: .5rem;
  padding-right: .5rem;
  border-radius: 2px;
  margin-left: -.15rem;
  margin-bottom: 0.5rem;
  text-shadow: none;
  font-weight: 500;
  font-size: .8rem;
  padding-top: .15rem;
  color: #bfbfbf;
  border: 1px solid #858585;
  align-self: flex-end;
}

@media (min-width: 576px) {
  .station-local {
    flex-grow: 0;
    margin-right: .75rem;
  }
}

@media (min-width: 576px) {
  .station-local {
    margin-top: 0;
  }
}

/* Flexible spacing for local stations */

.station-local-wrapper p:first-of-type {
  margin-top: .75rem;
}

.station-wrapper p:last-of-type {
  margin-bottom: 0;
}

#home-musician p {
  color: #ffffff;
}

#home-musician h2 {
  color: #ffffff;
}

/* Google map embed - Overlay to keep map from zooming until user clicks on it */

.map-overlay {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 480px;
  margin-top: -480px;
}

/* THANKS PAGE */

#thanks h2 {
  max-width: 400px;
}

@media (min-width: 576px) {
  #thanks h2 {
    font-size: 3rem;
  }
}

#thanks {
  min-height: 77vh;
}

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

/* ========== TOP TEN PAGE ========== */

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

/* General Top Ten styles */

#top10-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../assets/img/top10-bkgd.jpg") center / cover no-repeat;
  min-height: 100vh;
}

.top10 {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

#top10-lists tr, #top10-lists td {
  letter-spacing: 0.03rem;
  color: rgba(255,255,255,.85);
  border-bottom: none;
}

#top10-hero .fa {
  color: rgba(255,255,255,.4);
  transition: all .3s ease-in-out;
  animation-duration: 1.5s;
  animation-delay: 1s;
}

#top10-hero a .fa:hover {
  color: rgba(255,255,255,.7) !important;
}

#top10-lists .fa {
  color: rgba(255,255,255,.4);
  transition: all .3s ease-in-out;
  border-bottom: none !important;
}

#top10-lists a .fa:hover {
  color: rgba(255,255,255,.7) !important;
}

.next-list-wrapper {
  border-bottom: none !important;
}

#top10-lists a {
  color: rgba(255,255,255,.85);
  border-bottom: 1px solid;
}

.table > :not(:first-child) {
  border-top: 2px solid rgba(255,255,255,0.12);
}

/* Year block style 1 - Blue w/yellow */

#top10-2015 .table-striped tbody tr:nth-of-type(odd), #top10-2019 .table-striped tbody tr:nth-of-type(odd), #top10-2023 .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(131,189,255,0.18);
}

#top10-2015 a, #top10-2019 a, #top10-2023 a {
  border-bottom-color: #ffba07;
}

#top10-2015 a:hover, #top10-2019 a:hover, #top10-2023 a:hover {
  border-bottom: 3px solid #ffba07;
  text-decoration: none;
}

/* Year block style 2 - Green w/red-orange */

#top10-2018 .table-striped tbody tr:nth-of-type(odd), #top10-2022 .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,0.4);
}

#top10-2018, #top10-2022 {
  background: rgba(193,255,188,0.1);
}

#top10-2018 a, #top10-2022 a {
  border-bottom-color: #ff5c00;
}

#top10-2018 a:hover, #top10-2022 a:hover {
  border-bottom: 3px solid #ff5c00;
  text-decoration: none;
}

/* Year block style 3 - Violet w/yellow-green */

#top10-2017 .table-striped tbody tr:nth-of-type(odd), #top10-2021 .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(214,175,255,0.14);
}

#top10-2017 a, #top10-2021 a {
  border-bottom-color: #ecff79;
}

#top10-2017 a:hover, #top10-2021 a:hover {
  border-bottom: 3px solid #ecff79;
  text-decoration: none;
}

/* Year block style 4 - Turquoise w/red-orange */

#top10-2016 .table-striped tbody tr:nth-of-type(odd), #top10-2020 .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,0.5);
}

#top10-2016, #top10-2020 {
  background: rgba(66,209,255,0.12);
}

#top10-2016 a, #top10-2020 a {
  border-bottom-color: rgb(255,46,0);
}

#top10-2016 a:hover, #top10-2020 a:hover {
  border-bottom: 3px solid rgb(255,46,0);
  text-decoration: none;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  background-color: rgb(255,205,7);
  border: none;
}

/* HOLIDAY JAZZ SECTION */

#holiday-special {
  background-color: #da3b55;
  background-image: repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 30px), repeating-linear-gradient(60deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 30px), linear-gradient(60deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(120deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
  background-size: 60px/sqrt(3) 60px;
}

#holiday-special h2 {
  color: rgba(149,255,132,0.95);
  font-size: 3rem;
}

#holiday-special h4 {
  color: rgba(149,255,132,0.95);
}

#holiday-special p {
  color: rgba(255,255,255,.9);
}

.nav-item.nav-item-holiday {
  animation-delay: 2s;
}

.nav-link.nav-link-holiday, #top10-hero .nav-link.nav-link-holiday .fa {
  transition: all .3s ease-in-out;
  text-shadow: 0px 0px 20px #000;
  animation-delay: 2s !important;
  color: rgba(116,255,94,0.95)!important;
}

.nav-link.nav-link-holiday:hover {
  text-shadow: 0px 0px 20px rgb(35,255,0);
  color: rgb(144,255,126) !important;
  transform: scale(1.1);
}

@media (max-width: 991px) {
  .nav-link.nav-link-holiday:hover {
    transform: none;
  }
}

#find-your-station.parallax-img {
  background-color: #000;
  background-image: none;
}

@media (min-width: 768px) {
  #find-your-station.parallax-img {
    background: url("../../assets/img/stations-bkd.jpg") no-repeat;
    background-size: cover;
  }
}

.attn-directors {
  background-color: #152434 !important;
}

@media (min-width: 768px) {
  .attn-directors {
    background-color: #000 !important;
    border-radius: .25rem;
  }
}

/* ABOUT PAGE */

.about-job-title {
  color: #96ba93;
}

@media (min-width: 576px) {
  #about-img {
    width: 50%;
  }
}

/* SUPPORT US PAGE */

#support-us.parallax-img {
  background: radial-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.75)), url("../../assets/img/wall-of-sound-web.jpg") center / cover;
  background-size: cover, cover;
}

#support-us .card-body {
  background-color: rgb(0,0,0) !important;
}

#support-us .card h2 {
  font-size: 2.5rem;
}

/* SPONSOR PAGE */

#sponsor-nav .nav-link {
  font-size: 1rem;
  text-align: center;
}

#sponsor p strong {
  color: var(--heading-color);
}

@media (min-width: 768px) {
  #sponsor-hero {
    background: url("../../assets/img/jazz-values-web.jpg") left / contain no-repeat;
    background-position: 10% 0%;
  }
}

#sponsor-hero svg, #sponsor-national svg, #sponsor-values-1 svg, #sponsor-values-2 svg, #sponsor-cases svg {
  color: #fff;
}

#sponsor main {
  scroll-snap-type: y proximity;
}

#sponsor main section {
  scroll-snap-align: start;
}

.uw-sample {
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  font-size: .8rem;
}

.jazz-values-words {
  color: #000;
  text-shadow: -1px -1px 0 #ddd, 1px -1px 0 #ddd, -1px 1px 0 #ddd, 1px 1px 0 #ddd;
  font-size: 1.44rem;
}

#sponsor-values-1 {
  background: url("../../assets/img/jazz-values-web.jpg") left / contain no-repeat;
}

#sponsor-values-2 {
  background-image: url("../../assets/img/spencer-imbrock-JAHdPHMoaEA-unsplash-web.jpg");
  min-height: 100vh;
  background-size: 200%;
  background-position: center top;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  #sponsor-values-2 {
    background-size: 150%;
  }
}

@media (min-width: 992px) {
  #sponsor-values-2 {
    background-size: contain;
  }
}

#sponsor-values-3 .row {
  background: rgb(149,53,50);
}

@media (min-width: 768px) {
  #sponsor-values-3 .row {
    background: radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url("../../assets/img/spencer-imbrock-JAHdPHMoaEA-unsplash-web.jpg") center / cover no-repeat;
    text-shadow: 3px 3px 0px #000;
  }
}

#sponsor-numbers {
  background: radial-gradient(rgba(0,38,50,0.5) 0%, #000000 100%), url("../../assets/img/davide-ragusa-gcDwzUGuUoI-unsplash-web.jpg") top / cover no-repeat, #041504;
}

#sponsor-numbers .display-1 {
  font-size: 3.583rem;
  color: var(--heading-color);
}

#listener-numbers {
  max-width: 400px;
  font-size: 2.488rem;
  line-height: 105%;
}

@media (min-width: 576px) {
  #listener-numbers {
    font-size: 2.986rem;
  }
}

#sponsor-national {
  background-color: rgb(0,38,50);
}

#sponsor-cases table thead tr th {
  background-color: #000000!important;
}

#sponsor-cases table tbody tr td {
  background-color: rgba(0,0,0,0) !important;
  box-shadow: none;
  border-bottom: none;
}

#sponsor-cases table tbody tr:nth-of-type(odd) {
  background-color: rgba(193,255,188,0.1)!important;
}

/* Sponsor contact modal */

.sponsor-contact-modal .modal-content {
  background-color: #000;
  box-shadow: 0px 0px 200px rgba(255,255,255,0.18);
  outline: 1px solid rgba(255,255,255,0.3);
  outline-offset: -0.482rem;
}

.sponsor-contact-modal .btn-close {
  background-color: #fff;
}

.sponsor-contact-modal .modal-backdrop {
}

.sponsor-contact-modal .modal-header {
  padding-right: 1.44rem;
  padding-top: 1.44rem;
  border-bottom: none;
  padding-left: 1.44rem;
}

.sponsor-contact-modal .contact-clean {
  padding: 0px;
}

.sponsor-contact-modal form {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .sponsor-contact-modal form {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.sponsor-contact-modal h2 {
  font-size: 1.728rem;
}

@media (min-width: 576px) {
  .sponsor-contact-modal h2 {
    font-size: 2.074rem;
  }
}

.sponsor-contact-modal .modal-footer {
  border-top: none;
}

@media (min-width:992px) {
  .modal-lg, .modal-xl {
    max-width: 700px;
  }
}

/* PayPal modal */

.paypal-modal .modal-content {
  outline: 1px solid rgba(0,0,0,0.3);
  outline-offset: -0.482rem;
}

.paypal-modal .modal-header {
  border-bottom: none;
}

.paypal-modal p, .paypal-modal h4 {
  color: #000000;
}

/* KC Sponsor intro page */

@media (min-width: 576px) {
  #sponsor-kc-intro h1 {
    font-size: 2.986rem;
  }
}

#sponsor-kc-intro main p strong {
  color: #ffffff;
}

.fa.fa-chevron-up {
}

[aria-expanded="false"] .fa-chevron-up, [aria-expanded="true"] .fa-chevron-down {
  display: none;
}

/* INTERVIEW PAGE */

.interview-card h4 {
  margin-top: 1.5rem !important;
}

.interview-card {
  margin-bottom: 1.5rem !important;
}

.interview-audio-wrapper {
  margin-top: 1.5rem !important;
}

.interview-card .card-body {
  background-color: rgba(255,255,255,0.07) !important;
}

.home-listen-hour-block {
  min-height: 95px;
  text-align: center;
}