/* Performance + responsive hardening (mobile / tablet / desktop) */

html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

.img-responsive,
.coach-img {
  display: block;
  max-width: 100%;
  height: auto;
}

.nav-logo > img.light-logo {
  width: 160px;
  height: 64px;
  max-height: 64px;
  object-fit: contain;
}

.wrapper {
  overflow-x: hidden;
}

/* Reserve space for FA icons to reduce CLS */
.fa {
  display: inline-block;
  min-width: 1em;
}

/* Font display for local icon/body fonts */
@font-face {
  font-family: 'FontAwesome';
  font-display: swap;
  src: local('FontAwesome');
}

/* Mobile / tablet navigation */
@media (max-width: 1024px) {
  .navbar .container {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar-right {
    background-color: #333 !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 120px;
  }

  .navbar-nav > li > a,
  .nav .dropdown .dropdown-menu li a {
    color: #fff !important;
    font-weight: 600 !important;
  }

  .nav .dropdown .dropdown-menu {
    background: #2b2b2b !important;
  }

  .navbar-toggle .icon-bar {
    background-color: #111 !important;
  }

  .navbar.navbar-transparent {
    background: #fff !important;
  }

  .coach-section {
    padding: 70px 0 40px;
  }

  .content-box {
    padding-top: 40px;
  }

  .bg-title {
    font-size: 72px;
  }

  .at-button-wrap,
  .at-button-wrap1,
  .at-button-wrap2 {
    right: 12px !important;
  }

  .social-sidebar {
    display: none;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .nav-logo > img.light-logo {
    width: 140px;
    height: 56px;
    max-height: 56px;
  }

  .coach-section .content-box p {
    font-size: 18px;
  }

  .module-title {
    font-size: 34px;
  }

  .profile-circle {
    margin: 0 auto;
  }

  .footer .col-sm-4 {
    margin-bottom: 24px;
  }
}

/* Phones */
@media (max-width: 767px) {
  .nav-logo > img.light-logo {
    width: 120px;
    height: 48px;
    max-height: 48px;
  }

  .navbar-toggle {
    top: 8px !important;
    right: 8px !important;
  }

  .coach-section {
    padding: 40px 0 20px;
  }

  .bg-title {
    font-size: 42px !important;
    line-height: 1.1;
  }

  .content-box {
    padding-top: 10px;
  }

  .content-box p {
    font-size: 16px !important;
    line-height: 1.5;
  }

  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer {
    padding: 24px 0;
  }

  .footer .col-sm-4 {
    width: 100%;
    float: none;
    display: block !important;
  }

  .footer-menu li a {
    display: inline-block;
    padding: 6px 0;
  }

  .at-button-wrap {
    bottom: 80px !important;
  }

  .at-button-wrap1 {
    bottom: 140px !important;
  }

  .at-button-wrap2 {
    bottom: 200px !important;
  }
}

.about-image-wrapper img,
.profile-circle img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 880 / 904;
}

.coach-img {
  aspect-ratio: 900 / 1080;
}