/* ##################
Responsive Only CSS 

# Global
# Header
# Footer
# Button
# Sections
# Home Page 
# FAQ Page

################## */

/* 
Global 
*/

@media (min-width: 768px) {
  .w-md-auto {
    width: auto !important;
  }
}

.site-cms {
  padding-top: 82px;
}

/* 
Header 
*/

@media (max-width: 767.98px) {
  .site-banner {
    .hero-video-wrapper {
      padding-top: 0;
      margin-top: -3rem;
    }

    .hero-video {
      position: static;
    }

    .hero-content {
      padding: 0;
      margin-top: -2rem;
    }

    .hero-description {
      margin-bottom: 1.5rem;
    }
  }
}

/* 
Footer 
*/

@media (max-width: 767.98px) {
  .site {
    .site-footer {
      padding: 1rem 0;
    }
  }
}

/* 
Button 
*/

@media (max-width: 767.98px) {
  .button {
    min-width: auto;
    padding: 0.75rem 1.5rem;
  }
}

/* 
Sections 
*/

.site-main > section {
  h2 {
    margin-bottom: 2rem;
  }
}

@media (max-width: 767.98px) {
  .site-main > section {
    h2 {
      margin-bottom: 1.5rem;
    }
  }
}

/* 
Home Page 
*/

.section__partners {
  .logos {
    img {
      height: auto;
      width: auto;
    }
  }
}

@media (max-width: 1199.98px) {
  .section__partners .logos [class*="col-"] {
    height: auto;
  }
}

/* 
FAQs Page 
*/

.section__faq {
  .accordion-item {
    border-width: 1px;
  }

  .accordion-header {
    margin-bottom: 0;
  }

  .accordion-button {
    font-size: 16px;
    line-height: 24px;
    padding: 1rem 2rem 1rem 5rem;
  }

  .accordion-count {
    font-size: 20px;
    line-height: 26px;
  }

  .accordion-body {
    padding-bottom: 1rem;
    margin-top: 0;
  }

  .faq-section ~ .faq-section {
    padding-top: 2rem;
  }

  .faq-section > div:not(:first-child) {
    padding-top: 2rem;
  }

  #faq-categories {
    .accordion-button {
      padding: 1rem;
    }

    .accordion-body {
      padding: 0 1rem 1rem;
    }
  }
}