@charset "UTF-8";

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Adobe Fonts */
@import url("https://use.typekit.net/njg8zhi.css");


/* Navbar fixed to the top */

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

body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #7b7b7b;
  margin-top: 8vh;
  -webkit-font-smoothing: antialiased;
  }

p {
    font-size: 15px;
    line-height: 170%;
    letter-spacing: 0.2px;
    color: #7b7b7b;
    font-weight: 500;
}

.container {
  max-width: 1100px;
}

.text-pretty {
  text-wrap: pretty;
}

.navbar {
    background-color: #303030;
    z-index: 999;
}

.navbar-toggler {
  background-color: #ffffff10;
}

.navbar-nav {
    --bs-nav-link-color: rgba(255, 255, 255, 0.66);
    --bs-nav-link-hover-color: #fff;
}

.navbar-custom {
  font-family: "proxima-nova-extra-wide", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight:400;
    letter-spacing: 0.5px;
}

.dropdown-item {
  font-family: "proxima-nova-extra-wide", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight:400;
  letter-spacing: 0.5px;
}

.navbar-container {
    max-width: 1100px;
}

.nav-link {
    margin-left: 0px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.navbar-collapse {
  background-color: #003d5c;
  font-weight: 300;
}

  h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova-extra-wide", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  color: #7b7b7b;
  }

  .letter-spacing-sm {
    letter-spacing: 3px;
  }

  .letter-spacing-xl {
    letter-spacing: 10px;
  }

  .letter-spacing-md {
    letter-spacing: 6px;
  }

  .letter-spacing-podcast {
    letter-spacing: 4px;
  }

  .podcast-description {
    line-height: 1.4rem;
  }

  .logo-navbar {
    max-width: 300px;
    height: auto;
  }

  .list-group-item {
    color: #fff;
    text-decoration: none;
    background-color:#26262600;
    border: none;
  }

  .section-light-gray {
    background-color: #F2F2F2;
  }

  .background-light-gray {
    background-color: #F2F2F2;
  }

  .background-dark-gray {
    background-color: #333333;
  }

  .brand-blue {
    color: #2E6195;
  }

  .brand-blue-background {
    background-color: #2E6195;
  }

  .brand-dark-blue {
    color: #003d5c;
  }

  .brand-dark-blue-background {
    background-color: #003d5c;
  }

  .bright-blue {
    color: #009CFF;
  }

  .bright-blue-background {
    background-color: #009CFF;
  }

  .text-gray {
    color: #767676;
  }

  .text-dark-gray {
    color: #575757;
  }

  .text-light-gray {
    color: #F2F2F2;
  }

  .letter-spacing-4 {
    letter-spacing: 4px;
  }

  .link-unstyled {
    text-decoration: none;
    color: inherit;
  }

  .subhead-2 {
    letter-spacing: 4px;
    font-size: 28px;
    font-weight: 500;
  }

  .subhead-3 {
    letter-spacing: 4px;
    font-weight: 400;
  }

  .card-heading-1 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
    opacity: 0.75;
  }

  .card-heading-2 {
    font-size: 20px;
    letter-spacing: 3px;
  }

  .partner-logo {
    filter: grayscale(1);
    opacity: 0.66;
  }

  .home-coach-name {
    font-family: "proxima-nova-extra-wide", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight:600;
    letter-spacing: 1px;
  }

  .home-coach-title {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1.4;
  }

  .individual-coach-cta {
    font-family: "proxima-nova-extra-wide", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
  }

  .table-custom {
    font-size: 12px;
  }

  .btn-custom {
    border-width: 2px;
    border-color: #009CFF;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 0px;
    font-family: "proxima-nova-extra-wide", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 13px;
    outline: 1px solid rgba(144, 144, 144, 0.5);
    outline-offset: 2px;
    white-space: nowrap;
  }

  .btn-custom:hover {
    color: #fff;
    background-color: #003d5c;
    font-weight: 600;
  }

  .btn-custom-dark {
    color: #fff;
    outline: 1px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
  }

  .btn-custom-dark:hover {
    color: #fff;
    background-color: #009CFF;
  }

  .btn-nav-cta {
    border-width: 2px;
    border-color: #5b5b5b;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0px;
    font-family: "proxima-nova-extra-wide", sans-serif;
    text-transform: uppercase;
    outline: 1px solid rgba(144, 144, 144, 0.5);
    outline-offset: 2px;
    white-space: nowrap;
}

.btn-nav-cta:hover {
  color: #fff;
  background-color: #525252;
  font-weight: 600;
}

  .btn-search {
    background-color: #003d5c;
    border-radius: 0px;
    color: #fff;
    outline: 1px solid rgba(144, 144, 144, 0.5);
    outline-offset: 2px;
    transition: ease;
  }

  .btn-search:hover {
    background-color:#003d5c;
    opacity: 0.66;
    transition-duration: 0.2s;
  }

  .primary-section-padding {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }

  .primary-section-margin {
    margin-top: 6vh;
    margin-bottom: 6vh;
  }

  .border-none {
    border: none;
  }

  .hr-white {
    border-color: #fff;
    border-style: solid;
    opacity: 1;
  }

  .hr-mobile-nav {
    opacity: 0.1;
    transform: translateY(-14px);
    margin-left: 20%;
    margin-right: 20%;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
  }

  .hero-heading-adjustment {
    left: -4px;
  }

  .home-hero-container {
    background-image: url(img/stats-section-background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .home-stats-section-container {
    background-image: url(img/stats-section-background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .about-hero-container {
    background-image: url(img/about-hero-background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .coaches-hero-container {
    background-image: url(img/coaches-hero-background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .events-hero-container {
    background-image: url(img/events-hero-background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .tier1-hero-container {
    background-image: url(img/tier-1-hero-background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .podcast-hero-container {
    background-image: url(img/podcast-backgroud.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .background-white {
    background-color: #fff;
  }

  .border-square {
    border-radius: 0px;
  }

  .subhead-accent {
    color: #009CFF;
    border-width: 2px;
    margin-top: 0px;
    opacity: 1;
    width: 160px;
  }

  .learning-topics-container {
    border-left: solid 2px #009CFF;
  }

  .learning-topics-list {
    transform: translateY(-10px);
    line-height: 2.2rem;
    font-size: 13px;
  }

  .featured-video {
    outline: 6px solid #fff;
    outline-offset: 2px;
  }

  .home-success-section {
    background-color: #003d5c;
    background-image: url(svg/home-success-section-background-mobile.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .home-coaches-section {
    background-color: #fff;
    background-image: url(img/home-coaches-section-background.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .home-coaches-headshot {
    border: #fff 8px solid;
    width: 180px;
    height: 180px;
  }

  .podcast-guest-headshot {
    border: #f2f2f2 8px solid;
    width: 140px;
    height: 140px;
    margin-bottom: 10px;
  }

  .drop-quote-left {
    font-size:6rem;
    color:#003d5c;
    font-weight:700;
    position:absolute;
    transform: translate(-45px, 10px);
    opacity: 0.15;
  }

  .drop-quote-right {
    font-size:6rem;
    color:#003d5c;
    font-weight:700;
    position:absolute;
    transform: translate(0px, 32px);
    opacity: 0.15;
  }

  .coaching-icon-adjustment {
    transform: translateX(-4px);
  }

  .closing-connect-section {
    background-color: #333333;
    background-image: url(img/stats-section-background.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .closing-connect-section-alt {
    background-color: #333333;
    background-image: url(img/closing-connect-backgroud-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .mark-costes-hero-background {
    background-color: #333333;
    background-image: url(img/closing-connect-backgroud-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .footer-column-left {
    width: 100%;
    height: 200px;
  }


  .footer-copyright-text {
    font-family: "proxima-nova-extra-wide", sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    font-weight:500;
    letter-spacing: 2px;
    color: #6c6c6c;
  }

  .footer-nav-background {
    background-color: #26262628;
  }

  .footer-byline-background {
    background-color: #333333;
  }

  .footer-nav-list {
    font-family: "proxima-nova-extra-wide", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 2.5;
    position: relative;
    transform: translateY(-9px);
  }


  .footer-links-column {
    border-left: solid 2px #2E6195;
    margin-top: 8px;
    max-height: 96px;
  }

  .icon-tiers-listing {
    width: 30px;
    display: inline;
    margin-left: 16px;
    margin-right: 10px;
    line-height: 2.4rem;
  }

  .icon-footer-connect {
    width: 36px;
    height: 36px;
    border-width: 2px;
    border-style: solid;
    border-color:#2E6195;
    padding: 4px;
  }

  .icon-closing-connect-section {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-width: 3px;
    border-style: solid;
    border-color: #009CFF;
    padding: 8px;
    transition: ease, 0.4s;
  }


  .icon-closing-connect-section:hover {
    transform: scale(110%);
  }

  .content {
    position:relative;
    height:20vh;
    text-align:center;
    background-color: white;
  }
  

 /* Breakpoint md and larger */
  @media (min-width: 768px) {
    .home-hero-headshot {
      width: 480px;
      position: absolute;
      margin-right: -100px;
      filter: sepia(30%);
    }

    .home-success-section {
      background-image: url(svg/home-success-section-background.svg);
      background-position: left;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .learning-topics-list {
      font-size: 14px;
    }

    .icon-closing-connect-section {
      width: 56px;
      height: 56px;
    }

    .letter-spacing-md {
      letter-spacing: 10px;
    }

  }


    /* Breakpoint lg and larger */
    @media (min-width: 992px) {

      body {
        margin-top: 6vh;
      }

      .dropdown-item {
        font-size: 12px;
        line-height: 2;
      }

      .dropdown-menu.show {
        display: block;
        border-radius: 0px;
        outline: auto;
    }

    .dropdown-item:hover {
        background-color: #e1e1e1;
    }

      .nav-link {
        margin-left: 30px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
    }

    .first-nav-child {
      margin-left: 0px;
    }

    .navbar-collapse {
      background-color: transparent;
      background: transparent;
    }

    .nav-vr {
      background-color: #fff;
      margin-top: 8px;
      margin-bottom: 8px;
      margin-left: 20px;
      margin-right: 20px;
    }

    .btn-nav-custom {
      font-size: 13px;
      padding-top: 8px;
      padding-bottom: 8px;
      text-transform: none;
    }

      .primary-section-padding {
        padding-top: 10vh;
        padding-bottom: 10vh;
      }

      .primary-section-margin {
        margin-top: 10vh;
        margin-bottom: 10vh;
      }

      .table-custom {
        font-size: 14px;
      }

      .letter-spacing-xl {
        letter-spacing: 20px;
      }

      .letter-spacing-podcast {
        letter-spacing: 10px;
      }
      
      .coaching-icon-adjustment {
        transform: translateX(-8px);
      }

      .footer-column-left {
        width: 40%;
        height: 230px;
      }

    }

    @media (min-width: 1100px) {
      .nav-link {
        letter-spacing: 4px;
    }

    }

    /* Breakpoint xl and larger */
    @media (min-width: 1200px) {

      .hero-content-container {
      max-height: 340px;
      }

      .nav-vr {
        margin-left: 28px;
        margin-right: 28px;
      }

      .nav-link {
        letter-spacing: 4.5px;
    }


      .hero-heading-adjustment {
        left: -6px;
      }

      .home-hero-headshot {
        max-width: 660px;
        transform: translateX(-80px);
        filter: sepia(40%);
      }

      .learning-topics-video {
        margin-right: 60px
      }

    }

  /* Breakpoint xxl and larger */
  @media (min-width: 1400px) {

    .hero-content-container {
      max-height: 240px;
    }

  }

  @media (min-width: 1600px) {
    .learning-topics-video {
      margin-right: 20px
    }

}

  @media (min-width: 1800px) {

    .learning-topics-video {
      margin-right: 0px
    }

  }

