.category__sticky-nav {
  position: sticky;
  top: 0;
  background-color: #eeeeee;
  padding: 9px 0;
  margin-top: -30px;
  .container {
    padding: 0;
    .category__links {
      .sticky__nav-link {
        display: inline-block;
        margin-right: 40px;
        a {
          font-family: "Roboto";
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: 0.15px;
          color: #666666;
          &.active {
            font-weight: 500;
            color: #111111;
          }
        }
      }
    }
  }
}

.blocks__whereToFindUs {
  &.category__podcasts {
    .grid {
      .grid__item {
        h3 {
          font-family: "Roboto";
          font-size: 32px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: 0.44px;
          color: #111111;
        }
        p {
          font-family: "Roboto";
          font-size: 16px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: 0.22px;
          color: #111111;
        }
        &:last-child {
          .streaming__platforms {
            display: flex;
            .streaming__platform {
              &:hover {
                a {
                  img {
                    opacity: 1;
                  }
                }
              }
              a {
                img {
                  top: unset !important;
                  transform: none !important;
                  opacity: 0.7;
                }
              }
            }
          }
        }
      }
    }
  }
}

.blocks__banner {
  &.category__podcast-banner {
    .container {
      .banner_content {
        h4 {
          font-family: "Roboto";
          font-size: 32px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: 0.44px;
          text-align: center;
          margin: 0 0 10px 0;
        }
        h5 {
          font-family: "Roboto";
          font-size: 21px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: 0.29px;
          text-align: center;
          margin: 0 0 30px 0;
        }
      }
    }
  }
}

.category__banner {
  &.no-image {
    padding: 30px 0;
  }
  &.geek-green {
    background-color: #AADC33;
  }
  &.blue {
    background-color: #00C8DC;
  }
  &.yellow {
    background-color: #FBDC44;
  }
  &.sw-orange {
    background-color: #FF6200;
  }
  .container {
    padding: 0;
    .category__banner-grid {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      align-items: center;
      .category__banner-item {
        flex-basis: 50%;
        h1 {
          font-family: "Roboto";
          font-size: 40px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #111111;
          margin: 0;
        }
        img {
          width: 100%;
        }
      }
    }
  }
}

.latest__posts {
  &.category__posts {
    padding: 30px 0 60px 0;
  }
}

@media screen and (max-width: 1200px) {
  .category__sticky-nav {
    .container {
      padding: 0 15px;
      width: 100%;
    }
  }
  .category__banner {
    .container {
      width: 100%;
      padding: 0 15px;
    }
  }
}

@media screen and (max-width: 991px) {
  .blocks__whereToFindUs {
    &.category__podcasts {
      .disabled {
        display: none !important;
      }
      .container {
        .streaming__platforms {
          padding-bottom: 25px;
        }
      }
      .owl-dots {
        position: absolute;
        display: block !important;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
      }
    }
  }
  .category__sticky-nav {
    display: none;
  }
  .category__banner {
    margin-top: -30px;
    .container {
      .category__banner-grid {
        .category__banner-item {
          flex-basis: 100%;
          text-align: center;
          h1 {
            font-size: 32px;
            padding: 30px 0;
          }
        }
      }
    }
  }
  .latest__posts {
    &.category__posts {
      h3 {
        font-size: 18px;
      }
    }
  }
}

@media screen and (min-width: 768px) {
  .blocks__whereToFindUs {
    &.category__podcasts {
      .owl-dots {
        display: none !important;
      }
    }
  }
}