body,html {
    scroll-behavior: smooth;
}

h2, h3, h4 {
    margin-top: 1.35em !important;
    
}

h1, h2, h3, h4{
    margin-bottom: 0.6em !important;
}

p {
    line-height: 1.6 !important;
}

/* .col-podcast-list {
    min-width: 280px;
}

.col-podcast-list .card-body p {
    font-weight: 500;
    font-size: 1em;;
} */

/* ------------ Podcast-Cover on Homepage ---------------- */
.nwg-podcover-container {
    position: relative;
    width: 50%;
  }
  
  .nwg-podcover {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  .nwg-cover-text-wrapper {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .nwg-podcover-container:hover .nwg-podcover {
    opacity: 0.12;
  }
  
  .nwg-podcover-container:hover .nwg-cover-text-wrapper {
    opacity: 1;
  }
  
  .nwg-cover-text {

  }
/* ------------ Podcast-Cover on Homepage ---------------- */


.col-timeline-list {
    max-width: 380px;
    min-width: 280px;
}

.nwg-align-image-middle {
    display: flex; 
    align-items: center; 
    flex-wrap: wrap;
}

.nwg-svg-icon-group svg {
    margin-top: -3px;
    margin-right: 0.1em;
}

.nwg-list-item-episode {

}

.nwg-list-item-episode:active,.nwg-list-item-episode:hover {
    filter: brightness(0.65);
}

.nwg-topic-suggestion:hover {
    cursor: pointer;
}

/* Index on homepage */
.nwg-timetable {
    background-repeat: repeat-x;
    background-position: left center;
}

/* .nwg-episode-image {
    margin-top: 1.6em;
}

.nwg-podcast-identifier {
    position: absolute;
    z-index: 4000;
    top: 0px;
    right: 0px;
    padding: 0.05em;
    padding-left: 0.15em;
    padding-right: 0.15em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4em;
    width: 160px;
    height: 1.4em;
} */

/* horizontal scrollbars */          
.scrolling-wrapper{
    overflow-x: auto;
    max-width: 100%;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


/* Episode page */
#podcast-meta th.table-active {
    color: var(--bs-yellow);
    background-color: var(--bs-dark);
  }
  
  #podcast-meta td {
    color: var(--bs-light);
    background-color: var(--bs-dark);
  }
  
  
  .image-stack {
      margin: auto;
  }

  .nwg-meta-table {
      font-size:0.8em;
  }

  #nwg-sort-podcasts:hover {
    cursor: pointer;
  }
.nwg-masonry {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.cover-container {
    margin-top: -15px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link
{
    background-color: #C43846 !important;
}

.form-check-input:checked {
    border-color: #C43846 !important;
    background-color: #C43846 !important;
}

.pagination ul > li {
    display: inline-block;
    /* You can also add some margins here to make it look prettier */
    zoom:1;
    *display:inline;
    color: none;
}

.pagination ul > li.active {
    
}

.pagination {

}


/* custom button overrides */

.btn:hover  {
    filter: brightness(150%) !important;
}

.btn-override-primary {
    color: #C43846 !important;
    border-color: #C43846  !important;
}

.btn-override-primary:hover {
    color: #fff  !important;
    background-color: #C43846  !important;
}

.btn-override-purple {
    color: #6a2b86 !important;
    border-color: #6a2b86  !important;
}

.btn-override-purple:hover {
    color: #fff  !important;
    background-color: #6a2b86  !important;
}

.btn-override-success {
    color: #75c387 !important;
    border-color: #75c387  !important;
}

.btn-override-success:hover {
    color: #fff  !important;
    background-color: #75c387  !important;
}

.btn-override-secondary {
    color: #BA7E6D !important;
    border-color: #BA7E6D  !important;
}

.btn-override-secondary:hover {
    color: #fff  !important;
    background-color: #9aBA7E6Da79d  !important;
}

.btn-override-warning {
    color: #EFAA37 !important;
    border-color: #EFAA37  !important;
}

.btn-override-warning:hover {
    color: #fff  !important;
    background-color: #EFAA37  !important;
}

.btn-override-info {
    color: #278995 !important;
    border-color: #278995  !important;
}

.btn-override-info:hover {
    color: #fff  !important;
    background-color: #278995  !important;
}

/* episode list types */ 
.nwg-episode-type {
    padding: 2px;
    color: #222;
    font-size: 0.8em;
}

.nwg-episode-type-trailer {
    background-color: #F1F0EF;
}

.nwg-episode-type-bonus {
    background-color: #e9c4738e;
}

.nwg-episode-type-full {
    background-color: #c4384686;
}


/* Roadmap customization */
.roadmap__events__event::before, .roadmap__events__event::after, .roadmap__events::after {
    background-color: #F1F0EF !important;
}

#wordcloud {
    font-family: "Impact";
}

#wordcloud a {
    text-decoration: none;
}

section {
    overflow-x: hidden;
}

#podcast-episode-filter {
    overflow-x:visible;
}

/* Fix for weird button behaviour on Safari */ 
a[type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 
  }

  /* Fix for roadmap buttons */
  .event__date {
      font-size: 0.9em !important;
  }