/******************************* GENERAL ITEMS (FONT FACE, DEFAULT ELEMENTS, ETC) ********************************/

@font-face {
  font-family: "Sharp Grotesk Bold";
  src: url("../fonts/SharpGrotesk/SharpGroteskBold14.woff2") format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskBold14.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Book";
  src: url("../fonts/SharpGrotesk/SharpGroteskBook18.woff2") format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskBook18.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Medium 15";
  src: url("../fonts/SharpGrotesk/SharpGroteskMedium15.woff2") format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskMedium15.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Medium 19";
  src: url("../fonts/SharpGrotesk/SharpGroteskMedium19.woff2") format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskMedium19.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Medium Italic";
  src: url("../fonts/SharpGrotesk/SharpGroteskMediumItalic13.woff2")
      format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskMediumItalic13.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Semibold 16";
  src: url("../fonts/SharpGrotesk/SharpGroteskSmBold16.woff2") format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskSmBold16.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Semibold 20";
  src: url("../fonts/SharpGrotesk/SharpGroteskSmBold20.woff2") format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskSmBold20.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Semibold 18";
  src: url("../fonts/SharpGrotesk/SharpGroteskSmBold18.woff2") format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskSmBold18.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Semibold Italic 19";
  src: url("../fonts/SharpGrotesk/SharpGroteskSmBoldItalic19.woff2")
      format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskSmBoldItalic19.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Semibold Italic 18";
  src: url("../fonts/SharpGrotesk/SharpGroteskSmBoldItalic18.woff2")
      format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskSmBoldItalic18.woff") format("woff");
}
@font-face {
  font-family: "Sharp Grotesk Semibold Italic 17";
  src: url("../fonts/SharpGrotesk/SharpGroteskSmBoldItalic17.woff2")
      format("woff2"),
    url("../fonts/SharpGrotesk/SharpGroteskSmBoldItalic17.woff") format("woff");
}

@font-face {
  font-family: "Larken Regular";
  src: url("../fonts/Larken/LarkenRegular.woff2") format("woff2"),
    url("../fonts/Larken/LarkenRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Larken Light";
  src: url("../fonts/Larken/LarkenLight.woff2") format("woff2"),
    url("../fonts/Larken/LarkenLight.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Larken Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  background-color: #f7f7f7;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

p {
  font-size: 18px;
  color: #000f4d;
  font-family: "Larken Regular";
  line-height: 30px;
}

p.h6,
caption.h6 {
  font-family: "Sharp Grotesk Semibold Italic 18";
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #000f4d;
}

caption {
  caption-side: top;
}

h1 {
  font-family: "Sharp Grotesk Semibold Italic 19";
  font-size: 80px;
}

h1.main-h1,
h2.h1 {
  font-family: "Sharp Grotesk Semibold Italic 17";
  font-weight: 600;
  font-style: normal;
  font-size: 82px;
  line-height: 82px;
  color: #000f4d;
}

h2 {
  font-family: "Sharp Grotesk Semibold Italic 19";
  font-weight: 600;
  font-style: normal;
  font-size: 70px;
  line-height: 62px;
}

h3 {
  font-family: "Sharp Grostesk";
  font-weight: 700;
  font-style: normal;
  font-size: 55px;
  line-height: 70px;
}

h4 {
  font-family: "Sharp Grotesk Semibold Italic 19";
  font-weight: 600;
  font-style: normal;
  font-size: 30px;
  line-height: 38.25px;
}

h5 {
  font-family: "Sharp Grotesk Semibold Italic 19";
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 35.6px;
}

h5.para {
  font-size: 18px;
}

h6 {
  font-family: "Sharp Grotesk Semibold 18";
  font-weight: 600;
  font-size: 19px;
  line-height: 24px;
  color: #000f4d;
}

.opacity-100 {
  opacity: 1 !important;
  transition: all 0.3s ease-in-out;
}

.res-img {
  width: 100%;
  height: auto;
}

.navy-large-numbering {
  font-family: "Sharp Grotesk Bold";
  font-size: 45px;
  line-height: initial !important;
}

.navy-mid-numbering {
  font-family: "Sharp Grotesk Bold";
  font-size: 40px;
  line-height: initial !important;
}

.navy-blue-card {
  background-color: #000f4d;
  color: #ffffff;
  padding: 15%;
}

#ae-paralympic-game-tokyo-background .navy-blue-card,
#sic-paralympic-game-tokyo-background .navy-blue-card {
  padding: 10% 15%;
}

.curved {
  border-radius: 5px;
}

.text-navy {
  color: #000f4d;
}

.crimson-skewed-card {
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 2rem;
  cursor: pointer;
}

.crimson-skewed-card-text-layer {
  background-color: #600017;
  width: 60%;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5%;
  height: 100vh;
  transform-origin: bottom left;
  transform: skewX(-10deg);
  display: flex;
  align-items: flex-end;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.crimson-skewed-card h4 {
  font-family: "Sharp Grotesk Semibold Italic 17";
  font-size: 27px;
  font-weight: 600;
  line-height: 35px;
  transform: skewX(10deg);
  margin-bottom: 0;
  padding-right: 2rem;
}

.crimson-skewed-card-img {
  width: 50%;
  height: auto;
  min-height: 150px;
  object-fit: cover;
  object-position: left top;
}

.crimson-skewed-card-img.right {
  object-position: right top;
}

.crimson-skewed-card:hover .crimson-skewed-card-text-layer {
  background-color: #9f9f9f;
}

.image-with-text {
  position: relative;
}

.image-with-text::before {
  width: 80%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/sport-advancement/talent/our-collegiate-system.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 20% center;
}

.image-with-text-overlay {
  width: 60%;
  margin-left: auto;
  padding-top: 7.5%;
  padding-bottom: 7.5%;
  position: relative;
}

#sa-building-stronger-future .image-with-text-overlay .share-btn {
  position: absolute;
  left: 0;
  top: -15px;
}

.skewed-card-mini {
  font-size: 17px !important;
  line-height: 26px !important;
}

.grey-skewed-card {
  overflow: hidden;
  background-color: #d5d5d5;
  border: 0;
}

.grey-skewed-card p,
.navy-skewed-card p {
  font-family: "Sharp Grotesk Medium Italic";
  font-weight: 500;
  font-size: 20px;
}

.grey-skewed-card-image-wrapper {
  width: 100%;
  height: auto;
  transform-origin: bottom right;
  transform: skewY(8deg);
  overflow: hidden;
  max-height: 500px;
}

#ae-athlete-advocacy-plan .grey-skewed-card-text-wrapper h5,
#ae-normalizing-mental-health .grey-skewed-card-text-wrapper h5,
#ae-mental-health-support .grey-skewed-card-text-wrapper h5,
#ae-athlete-expression .grey-skewed-card-text-wrapper h5 {
  font-size: 24px;
}

#ae-athlete-advocacy-plan .grey-skewed-card-text-wrapper p,
#ae-normalizing-mental-health .grey-skewed-card-text-wrapper p,
#ae-mental-health-support li,
#ae-athlete-expression .grey-skewed-card-text-wrapper p {
  font-size: 16px;
  font-family: "Larken Regular";
  font-weight: normal;
  line-height: 28px;
}

.grey-skewed-card-text-wrapper h5 {
  font-size: 26px;
}

.grey-skewed-card-text-wrapper {
  padding: 2.5% 12.5% 5% 12.5%;
}

.grey-skewed-card-img {
  height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: center top;
  transform-origin: bottom right;
  transform: skewY(-8deg);
}

.share-btn {
  background-color: #600017;
  padding: 0.5rem 1rem;
  border-radius: 29px;
  display: inline-flex;
  align-items: center;
  vertical-align: unset;
}

.share-btn::before {
  content: "";
  background: url(../images/general/share.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 15px;
  height: 15px;
  margin-right: 0.6rem;
}

.share-btn p {
  font-family: "Sharp Grotesk Semibold 16" !important;
  font-size: 12px !important;
  font-style: normal;
  color: #ffffff;
  text-transform: none;
  margin-bottom: 0;
  line-height: normal !important;
}

.share-btn:hover {
  background-color: #af932f;
}

.navy-skewed-card {
  background-color: #0a2b84;
  position: relative;
  overflow: hidden;
  min-height: 700px;
  display: flex;
  align-items: center;
}

.navy-skewed-card h4 {
  font-size: 26px;
}

.navy-skewed-card-text-wrapper {
  padding-top: 5%;
  padding-bottom: 5%;
  position: relative;
  z-index: 3;
}

.navy-skewed-card::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 45%;
  background-color: #0a2b84;
  transform-origin: top left;
  transform: skewX(8deg);
  z-index: 2;
}

.navy-skewed-card::after {
  content: "";
  background-image: url(../images/sport-advancement/diversity/nitria-ricker-usopc.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 70%;
  z-index: 1;
}

p.small {
  font-size: 13px;
}

li.paragraph {
  font-size: 18px;
  color: #000f4d;
  font-family: "Larken Regular";
  line-height: 30px;
}

.download-box {
  border-radius: 10px;
  border: 1px solid #600017;
  padding: 5% 7.5%;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.download-box::before {
  content: url("data:image/svg+xml,%0A%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.1412%2028.5L4.47458%2016.5H12.4746V0.5H17.8079V16.5H25.8079L15.1412%2028.5ZM27.1412%2027.1667V29.8333H3.14125V27.1667H0.474579V32.5H29.8079V27.1667H27.1412Z%22%20fill%3D%22%23600017%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin-right: 1.5rem;
}

.download-box.share::before {
  content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 16.3333V29.6667H0V4.33334H16V7.00001H2.66667V27H25.3333V16.3333H28ZM32 0.333344H17.3493L22.7293 5.66668L13.4267 15.0933L17.1973 18.864L26.5 9.43734L32 15V0.333344Z' fill='%23600017'/%3E%3C/svg%3E%0A");
}

.download-box p {
  font-size: 16px;
  color: #600017;
  margin-bottom: 0;
  line-height: 26px;
}

.download-box:hover {
  background: #600017;
  text-decoration: none;
}

.download-box:hover p {
  color: #ffffff;
}

.download-box.share:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 16.3333V29.6667H0V4.33334H16V7.00001H2.66667V27H25.3333V16.3333H28ZM32 0.333344H17.3493L22.7293 5.66668L13.4267 15.0933L17.1973 18.864L26.5 9.43734L32 15V0.333344Z' fill='%23FFF'/%3E%3C/svg%3E%0A");
}

.download-box:hover::before {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.1412%2028.5L4.47458%2016.5H12.4746V0.5H17.8079V16.5H25.8079L15.1412%2028.5ZM27.1412%2027.1667V29.8333H3.14125V27.1667H0.474579V32.5H29.8079V27.1667H27.1412Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

#three-footer {
  /* max-width: 1440px; */
  display: block;
  margin: 0 auto;
}

#three-footer img {
  max-height: 480px;
  object-fit: cover;
  object-position: center center;
}

.slides ul.slick-dots,
.slides-ae-first ul.slick-dots,
.slides-ae-second ul.slick-dots {
  display: none !important;
}

.slick-prev,
.slick-next {
  display: none !important;
}

.slides .card-body p,
.slides-ae-first .card-body p,
.slides-ae-second .card-body p {
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  font-family: "Larken Light";
}

.slides .card-body,
.slides-ae-first .card-body,
.slides-ae-second .card-body {
  padding: 0;
  margin: 1rem 0;
}

.slides a,
.slides-ae-first a,
.slides-ae-second a {
  text-decoration: none;
}

.slides .card,
.slides-ae-first .card,
.slides-ae-second .card {
  background-color: transparent;
}

.play-icon {
  position: absolute;
  width: 40%;
  left: 30%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
}

.play-icon p {
  font-family: "Sharp Grotesk Semibold 18";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 17px;
}

.play-desktop {
  max-width: 100px;
  margin-top: 2rem;
}

.play-mobile {
  max-width: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.sticky-card {
  position: absolute;
}

.search-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1021;
}

.search-close {
  max-width: 30px;
  cursor: pointer;
  border-radius: 50%;
  filter: brightness(0) invert(1);
  position: relative;
}

.search-close-wrapper {
  background-color: #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-margin {
  margin-left: 30px;
}

.gsc-control-cse {
  background-color: transparent !important;
  border: none !important;
}

.skip-to-content-accessibility {
  top: 0;
  left: 1%;
  top: 10px;
  position: absolute;
  z-index: 99999;
  transform: translateY(-150%);
  background-color: white;
  color: black;
}

.skip-to-content-accessibility:focus {
  transform: translateY(0%);
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {
  background: transparent;
}

/* piechart legends */

.legend {
  margin-top: 2rem;
  max-width: 100%;
}

.legend div {
  width: 50%;
  position: relative;
  display: inline-block;
  padding-left: 40px;
  padding-right: 5px;
  line-height: 1;
  margin-bottom: 1rem;
  color: #000f4d;
}

.legend span.legend-bar {
  position: absolute;
  width: 15px;
  height: 100%;
  display: block;
  top: 0;
  left: 15px;
}

.legend span.legend-title {
  font-family: "Sharp Grotesk Semibold Italic 19";
  font-size: 15px;
}

.legend span.legend-price {
  font-family: "Larken Regular";
  font-size: 13px;
}

.scrolling-box {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}

.scrolling-text {
  font-family: "Sharp Grotesk Semibold Italic 17";
  font-size: 12px;
  color: #fff;
  margin-bottom: 0;
}

.scrolling-icon {
  display: block;
  margin: 0 auto;
}

/******************************* Default Buttons Styling ********************************/

.blue-overline-btn {
  background-color: #eeeeee;
  color: #000f4d;
  padding: 0.75rem 3.5rem;
  border-radius: 40px;
  border-color: #000f4d;
  font-family: "Sharp Grotesk Book";
  font-weight: 400;
  font-size: 12px;
  line-height: 15.3px;
}

.blue-overline-btn:hover {
  background-color: #000f4d;
  color: #ffffff;
}

.white-bg-btn {
  background-color: #fff;
  color: #000f4d;
  padding: 0.75rem 3.5rem;
  border-radius: 40px;
  font-family: "Sharp Grotesk Book";
  font-weight: 400;
  font-size: 12px;
  line-height: 15.3px;
}

.white-bg-btn:hover {
  background-color: #000f4d;
  color: #ffffff;
}

/******************************* Navbar & Footer ********************************/

.navbar {
  padding: 0;
  background-color: #fff !important;
}

.navbar-brand > img {
  max-width: 120px;
}

.blue-box-card {
  background-color: #000f4d;
  padding: 2rem;
}

.blue-box-card p {
  color: white !important;
}

.dropdown-menu {
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 100% !important;
  margin: 0 auto;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  width: 100%;
}

.dropdown-menu a {
  color: #000f4d !important;
  font-family: "Sharp Grotesk Medium 15";
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  margin: 0.75rem 0;
  white-space: normal;
}

.dropdown-menu a:hover {
  background: none;
}

.dropdown-menu a:hover::after,
.current-selection::after {
  position: absolute;
  content: "";
  border: 0;
  border-bottom: 3px solid #000f4d;
  margin: 0;
  height: 30px;
  width: 85%;
  left: 7.5%;
}

.nav-link:hover::after,
.nav-link.active::after {
  display: block;
  position: absolute;
  content: "";
  border: 0;
  border-bottom: 3px solid #000f4d;
  margin: 0;
  top: 70px;
  width: 75%;
  left: 12.5%;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  background-color: #fff;
  border-radius: 0;
  border-color: transparent;
  margin-top: -0.75px;
  padding: 1rem 0;
}

.nav-link {
  margin: 0 2rem !important;
  color: #000f4d !important;
  font-weight: 500;
  font-family: "Sharp Grotesk Medium 15";
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  height: 72.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-impact-report {
  font-family: "Sharp Grotesk Semibold 18";
  margin-right: 2rem;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 17px;
}

.nav-financial {
  color: #000f4d !important;
  font-family: "Sharp Grotesk Medium 15";
  font-weight: 500;
  margin-right: 4rem;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}

.nav-financial > a {
  text-decoration: none;
}

.nav-search-icon {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  cursor: pointer;
}

.dropdown-toggle::after {
  content: none;
}

footer {
  font-family: "Sharp Grotesk Book";
  background-color: #000f4d;
  padding: 1rem 0;
}

footer span {
  color: #fff;
  font-size: 0.8rem;
}

.footer-span-right {
  font-weight: 400;
  font-size: 12px;
  line-height: 15.3px;
}

footer img {
  max-width: 250px !important;
}

/******************************* Breadcrumbs ********************************/

#breadcrumbs {
  background-color: #f7f7f7;
  padding: 1rem 0;
}

#breadcrumbs li {
  font-family: "Sharp Grotesk Medium 19";
  font-weight: 500;
  font-size: 14px;
  color: #000f4d;
}

#breadcrumbs ol {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
}

.breadcrumb-item {
  text-transform: uppercase;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/******************************* Year In Review Page (Page 2) ********************************/

#home-hero {
  position: relative;
  min-height: 125vh;
  overflow: visible;
  padding-top: 0;
  padding-bottom: 0;
  overflow-x: clip;
  height: calc(100vh - 72.5px);
  width: 100%;
}

.fancybox__content {
  width: 100vw !important;
  height: 80vh !important;
}

.sticky-part {
  position: sticky !important;
  top: 72.5px;
  left: 0;
  height: calc(100vh - 72.5px);
  overflow: hidden;
  background-image: url(../images/home/home-hero.png);
  background-size: cover;
}

.home-contents {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 200;
}

.overlay {
  opacity: 0.6;
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  top: 0;
}

#home-hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#home-hero .container {
  position: relative;
  z-index: 2;
}

.black-play-box {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: black;
  padding: 1rem;
  z-index: 200;
}

.play-icon-home {
  width: 100%;
  height: auto;
  max-width: 40px;
  display: block;
  margin: 0 auto;
}

.play-home-text {
  color: white;
  font-family: "Sharp Grotesk Semibold 18";
  font-size: 10px;
}

.hero-active {
  color: #fff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-span {
  color: #fff;
  opacity: 0.4;
  transition: 0.3s ease-in-out;
}

.hero-year {
  position: absolute;
  left: 0;
  transform: translateX(-100%);
}

.home-scroll-learn {
  font-size: 20px;
  line-height: initial;
  font-family: "Sharp Grotesk Semibold 18";
  color: #fff;
  opacity: 0.4;
  position: relative;
  top: 30px;
}

.home-scroll-learn::before {
  content: url("data:image/svg+xml,%3csvg width='25' height='14' viewBox='0 0 25 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.812988L12.813 12.626L24.626 0.812988' stroke='white'/%3e%3c/svg%3e");
  margin-right: 15px;
}

#home-review {
  background-image: url(../images/home/home-review.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}

.casey-credit {
  color: white;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

#home-float {
  background-color: #f7f7f7;
  padding: 0;
  margin-bottom: -25px;
}

.home-float-wrapper {
  padding-bottom: 150px;
}

.home-float-wrapper h2,
.home-float-wrapper h6 {
  opacity: 0.6;
}

#home-footer {
  background-image: url(../images/home/home-footer.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 10rem 0;
}

#home-footer h2 {
  color: #fff;
  font-family: "Sharp Grotesk Semibold Italic 17";
  font-size: 60px;
  line-height: 67px;
}

.float-content-sticky {
  position: absolute;
  padding-top: 75px;
}

.padding-float {
  padding-top: 75px;
}

.row-item-2 {
  top: -50px;
}

.row-item-3 {
  top: -100px;
}

/******************************* Athlete Excellence Page (Page 3) ********************************/

#ae-hero.athlete-excellence {
  background-color: #fafafa;
  background-image: url(../images/athlete-excellence/support/hero-banner.png);
  background-size: 100% 100%;
  background-position: center right;
}

#ae-hero-mobile {
  background-color: #000f4d;
}

/******************************* Athlete Excellence Page (Page 4) ********************************/

#ae-hero.well-being {
  background-image: url(../images/athlete-excellence/wellbeing/hero.png);
}

#ae-satisfied-athlete {
  padding: 12rem 0;
  background-image: url(../images/athlete-excellence/wellbeing/satisfied-athlete.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}

#ae-satisfied-athlete p.small,
#ae-statistics p.small {
  line-height: 14px;
}

#ae-empowering-athletes,
#ae-keeping-athlete-safe,
#ae-well-being-introductory {
  background-color: #f7f7f7;
  padding: 3rem 0;
}

#ae-athlete-advocacy-plan,
#ae-keeping-athletes-mentally-healthy,
#ae-athlete-view-on-mental-health,
#ae-mental-health-support,
#ae-career-education-transition-support,
#ae-athlete-marketing-platform-pilot,
#ae-athlete-expression,
#ae-paralympic-game-tokyo {
  padding-bottom: 3rem;
  background-color: #f7f7f7;
}

#ae-career-education-transition-support-background {
  background-image: url(../images/athlete-excellence/wellbeing/career-education-transition.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 6rem 0;
  margin-bottom: 3rem;
}

#ae-rugby-olympian {
  margin-bottom: 3rem;
}

#ae-rugby-olympian > .container-fluid,
#ae-track-and-field > .container-fluid,
#ae-athlete-view-on-mental-health > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#ae-athlete-view-on-mental-health .navy-skewed-card::after {
  background-image: url(../images/athlete-excellence/wellbeing/olympian-skewed.png);
  background-position: 70% top;
}

#ae-rugby-olympian .navy-skewed-card::after {
  background-image: url(../images/athlete-excellence/wellbeing/rugby-olympian.png);
  background-position: top left;
  width: 55%;
}

#ae-rugby-olympian .navy-skewed-card {
  padding: 5rem 0;
}

#ae-track-and-field .navy-skewed-card::after {
  background-image: url(../images/athlete-excellence/wellbeing/wellbeing-running.png);
  background-position: 70% center;
}

#ae-track-and-field .navy-skewed-card {
  padding: 2rem 0;
}

#ae-paralympic-game-tokyo-background {
  background-image: url(../images/athlete-excellence/wellbeing/paralympic-games-tokyo.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 10rem 0;
  margin-bottom: 3rem;
}

#ae-athlete-expression {
  background-image: url(../images/athlete-excellence/wellbeing/bicycle-right.png);
  background-color: #f7f7f7;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: right center;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 3rem;
}

#ae-keeping-athletes-mentally-healthy {
  background-image: url(../images/athlete-excellence/wellbeing/mentally-healthy.png);
  background-color: #f7f7f7;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: left center;
  max-width: 1440px;
  margin: 3rem auto 3rem auto;
}

#ae-rights-and-representation-background {
  background-image: url(../images/athlete-excellence/wellbeing/representation.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 6rem 0;
  margin: 0 0 3rem 0;
}

.navy-skewed-card p.normal {
  font-size: 16px;
  color: #ffffff;
  font-family: "Larken Regular";
  line-height: 28px;
}

#ae-athlete-ombuds-legal-resource-programs {
  padding-bottom: 3rem;
}

#ae-track-and-field {
  padding-bottom: 3rem;
}

/******************************* Athlete Expressions Page (Page 5) ********************************/

#ae-hero {
  background-image: url(../images/athlete-excellence/competitivesuccess/hero-banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

#ae-introductory,
#ae-competitor-quotes {
  padding: 3rem 0;
  background-color: #f7f7f7;
}

#ae-wrestling {
  background-image: url(../images/athlete-excellence/competitivesuccess/ae-wrestling.png);
  background-size: contain;
  background-position: center center;
  background-color: #1d1b71;
  background-repeat: no-repeat;
  padding: 5rem 0 15rem 0;
}

#ae-statistics {
  background-image: url(../images/athlete-excellence/competitivesuccess/ae-statistics.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 5rem 0;
}

#ae-blue {
  padding-bottom: 3rem;
}

.ae-first-progressing {
  background-color: #dbe3e6;
  background-image: linear-gradient(to right, black, black);
  background-repeat: no-repeat;
  background-size: 33.33% 100%;
  border-radius: 10px;
  height: 5px;
  margin-left: 1.5em;
  overflow: hidden;
  transition: background-size 0.4s ease-in-out;
  width: calc(100% - 90px);
}

.ae-second-progressing {
  background-color: #dbe3e6;
  background-image: linear-gradient(to right, black, black);
  background-repeat: no-repeat;
  background-size: 50% 100%;
  border-radius: 10px;
  height: 5px;
  margin-left: 1.5em;
  overflow: hidden;
  transition: background-size 0.4s ease-in-out;
  width: calc(100% - 90px);
}

#ae-banner {
  background-image: url(../images/athlete-excellence/competitivesuccess/ae-banner.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 15rem 0;
  margin-top: 2rem;
}

#ae-blue .navy-skewed-card::after {
  background-image: url(../images/athlete-excellence/competitivesuccess/competitive-blue.png);
  background-position: center top;
}

#ae-blue > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#ae-performance {
  background-image: url(../images/athlete-excellence/competitivesuccess/gymnastics-side.png);
  background-color: #f7f7f7;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: left center;
  max-width: 1440px;
  margin: 3rem auto 3rem auto;
}

#ae-innovation {
  margin-bottom: 3rem;
}

#ae-innovation .normal {
  font-family: "Larken";
  font-size: 16px;
  line-height: 28px;
}

.ae-medals-first > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

.ae-medals-first .col {
  padding: 0;
  max-width: calc(12.5% - 20px);
}

.medals-cards {
  text-align: center;
  padding: 3rem 1rem;
  padding-top: 0;
  border: none;
  height: 100%;
}

.medals-cards::before {
  content: "";
  height: 80px;
  margin-bottom: 1rem;
  width: auto;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.medal-navy {
  background-color: #000f4d;
}

.medal-gold {
  background-color: #af932f;
}

.medal-gold::before {
  background-image: url(../images/athlete-excellence/competitivesuccess/medal.png);
}

.medal-silver {
  background-color: #9f9f9f;
}

.medal-silver::before {
  background-image: url(../images/athlete-excellence/competitivesuccess/medal.png);
}

.medal-bronze {
  background-color: #600017;
}

.medal-bronze::before {
  background-image: url(../images/athlete-excellence/competitivesuccess/medal.png);
}

.medal-text-small {
  font-family: "Sharp Grotesk Semibold Italic 19";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}

/******************************* Athlete Excellence Page (Page 6) ********************************/

#ae-hero.pandemic-mitigation-support {
  background-image: url(../images/athlete-excellence/pandemic/hero-banner.png);
}

#pms-introductory {
  background-color: #f7f7f7;
  padding: 3rem 0;
}

#pms-unique-games {
  background-color: #f7f7f7;
  padding-bottom: 3rem;
}

#pms-unique-games .grey-skewed-card-img {
  height: auto;
}

#pms-covid-support {
  background-image: url(../images/athlete-excellence/pandemic/support.png);
  padding: 5% 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #2969cd;
}

#pms-safety-protocols {
  padding: 3rem 0;
  background-color: #f7f7f7;
}

#pms-matt-ludwig-quote {
  padding: 3rem 0;
  background-color: #f7f7f7;
}

#pms-friend-family-hospitality-program {
  padding: 3rem 0;
  background-color: #f7f7f7;
}

#pms-friend-family-hospitality-program .grey-skewed-card-text-wrapper h5 {
  font-size: 17px;
  line-height: 26px;
}

#pms-group-photo {
  background-image: url(../images/athlete-excellence/pandemic/pms-banner.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

#pms-track-and-field > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#pms-track-and-field .navy-skewed-card::after {
  background-image: url(../images/athlete-excellence/pandemic/track-and-field.png);
}

#pms-track-and-field .navy-skewed-card {
  padding: 10rem 0;
}

#pms-covid-support h4 {
  font-size: 50px;
  line-height: 64px;
  font-family: "Sharp Grotesk Semibold Italic 17";
  font-weight: 600;
  color: #fff;
}

#pms-covid-support h5 {
  font-size: 26px;
  line-height: 35.6px;
  font-family: "Sharp Grotesk Semibold Italic 19";
  font-weight: 600;
  color: #fff;
}

#pms-femita-quote > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#pms-femita-quote .navy-skewed-card::after {
  background-image: url(../images/athlete-excellence/pandemic/femita.png);
  background-position: center top;
}

/******************************* Sport Page (Page 7) ********************************/
#sa-hero.main-sa {
  background-image: url(../images/sport-advancement/bethebest/sport-advancement-hero.png);
}

#sa-building-stronger-future {
  background-color: #f7f7f7;
  padding: 3rem 0;
}

#sa-nellie-viner-quote > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#sa-nellie-viner-quote .navy-skewed-card::after {
  background-image: url(../images/sport-advancement/bethebest/nellie-viner-senior-counsel-usa-triathlon.png);
  background-position: left top;
}

/******************************* Sports Advancement Page (Page 8) ********************************/

#sa-hero {
  background-image: url(../images/sport-advancement/integrity/sa-hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

#sa-introductory {
  padding: 3rem 0;
  background-color: #f7f7f7;
}

#sa-skating {
  background-image: url(../images/sport-advancement/integrity/sa-skating.png);
  background-color: #f7f7f7;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: left center;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 3rem;
}

#sa-advisory-background {
  padding: 2rem 0;
  background-image: url(../images/sport-advancement/integrity/sa-advisory.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.sm-navy-card {
  padding: 3rem 5rem;
}

#sic-paralympic-game-tokyo-background {
  background-image: url(../images/sport-advancement/integrity/sic-para.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 10rem 0;
  margin-bottom: 3rem;
}

/******************************* Sport Page (Page 9) ********************************/
#sa-pipeline-introductory {
  padding: 3rem 0;
}

#sa-hero.talent-pipeline {
  background-image: url(../images/sport-advancement/talent/hero.png);
}

#sa-building-stronger-future > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

.talent-card {
  padding: 1rem 2rem;
}

/******************************* Sport Page (Page 10) ********************************/
#sa-hero.ogranizational-effectiveness {
  background-image: url(../images/sport-advancement/org/hero.png);
}

#sa-organizational-effectiveness {
  padding: 3rem 0;
}

#sa-ngb-audits {
  padding-bottom: 3rem;
}

#sa-ngb-audits > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

.ethics-movement {
  position: relative;
  top: -60px;
}

#sa-ngb-audits .image-with-text::before {
  background: url(../images/sport-advancement/org/audit.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#sa-national-governing {
  padding-bottom: 3rem;
}

#sa-promoting-athlete-representation {
  padding-bottom: 3rem;
}

#sa-chuck-aoki-quote > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#sa-chuck-aoki-quote .navy-skewed-card::after {
  background-image: url(../images/sport-advancement/org/chuck-aoki.png);
  background-position: left center;
  width: 55%;
}

#sa-athlete-advisory-council {
  padding: 3rem 0;
}

/******************************* Sport Page (Page 11) ********************************/

.cards-credit {
  color: white;
  position: absolute;
  bottom: 0;
  left: 10px;
  font-size: 10px;
  font-family: "Larken";
  text-transform: none;
}

#sa-hero.diversity-equity-inclusion {
  background-image: url(../images/sport-advancement/diversity/hero.png);
  position: relative;
}

#sa-diversity-equity-inclusion {
  padding: 3rem 0;
}

#sa-nitra-rucker-quote {
  padding-bottom: 3rem;
}

#sa-nitra-rucker-quote > .container-fluid,
#sa-tamrya-mesah-stock-quote > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#sa-strategy {
  padding-bottom: 3rem;
}

#sa-strategy .navy-large-numbering {
  font-size: 30px;
}

#sa-award-winners {
  background-image: url(../images/sport-advancement/diversity/celebrating.png);
  background-position: right center;
  background-color: #f7f7f7;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: left center;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 3rem;
}

#sa-racial-social-justice {
  background-image: url(../images/sport-advancement/diversity/racial-social-justice.png);
  background-color: #f7f7f7;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: right center;
  max-width: 1440px;
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

#sa-choice-award-winners {
  background-image: url(../images/sport-advancement/diversity/choice-award-winners.png);
  background-color: #f7f7f7;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: left top;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 3rem;
}

#sa-tamrya-mesah-stock-quote .navy-skewed-card::after {
  background-image: url(../images//sport-advancement/diversity/woman-with-flag.png);
}

.share-top {
  margin-top: -7.5px;
}

.tamyra-para {
  font-size: 18px !important;
  font-family: "Larken Regular" !important;
  font-weight: normal !important;
}

/******************************* Community Growth (Page 12) ********************************/

#cg-hero {
  background-image: url(../images/community-growth/impact/hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

#cg-eddy-cue-quote {
  padding-top: 3rem;
}

#cg-eddy-cue-quote > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#cg-eddy-cue-quote .navy-skewed-card::after {
  background-image: url(../images/community-growth/impact/donor.png);
  background-position: left top;
}

/******************************* Fans & Donors (Page 13) ********************************/

#fd-hero {
  background-image: url(../images/community-growth/fan-donor/main-banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

.fd-statistics {
  padding-bottom: 3rem;
}

#fans-donor-introductory {
  margin: 3rem 0;
}

#fans-donor-sub-introductory {
  margin-bottom: 3rem;
}

#fd-christine-quote,
#fd-kai-quote {
  padding: 3rem 0;
}

#fd-competitor-quotes {
  padding-bottom: 3rem;
}

#fd-christine-quote > .container-fluid,
#fd-kai-quote > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#fd-christine-quote .navy-skewed-card::after {
  background-image: url(../images/community-growth/fan-donor/christine-walshe.jpg);
  background-position: top;
  width: 55%;
}

#fd-kai-quote .navy-skewed-card::after {
  background-image: url(../images/community-growth/fan-donor/kai-bg.jpg);
  background-position: center center;
}

#fd-slider {
  padding-bottom: 3rem;
  overflow-x: hidden;
}

#fd-slider > .container {
  max-width: 1440px;
  position: relative;
  left: 0;
}

#fd-video {
  margin-bottom: 3rem;
}

.fd-progressing {
  background-color: #dbe3e6;
  background-image: linear-gradient(to right, black, black);
  background-repeat: no-repeat;
  background-size: 75% 100%;
  border-radius: 10px;
  height: 5px;
  margin-left: 1.5em;
  overflow: hidden;
  transition: background-size 0.4s ease-in-out;
  width: calc(100% - 90px);
}

#fd-engagement {
  padding-bottom: 3rem;
}

/******************************* Community Paralympics page (Page 14) ********************************/

#cp-hero {
  background-image: url(../images/community-growth/paralympics/cp-hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

#cp-introductory {
  padding: 3rem 0;
  background-color: #f7f7f7;
}

#cp-brad-quote,
#cp-femita-quote {
  padding: 3rem 0;
}

#cp-gray {
  padding: 3rem 0;
  margin-bottom: 5rem;
}

#cp-brad-quote > .container-fluid,
#cp-femita-quote > .container-fluid,
#cp-gray > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#cp-brad-quote .navy-skewed-card::after {
  background-image: url(../images/community-growth/paralympics/brad.png);
  background-position: center top;
}

#cp-gray .navy-skewed-card::after {
  background-image: url(../images/gray.png);
  background-position: center top;
}

#cp-femita-quote .navy-skewed-card::after {
  background-image: url(../images/community-growth/paralympics/femita.png);
  background-position: center top;
}

#cp-review {
  background-image: url(../images/community-growth/paralympics/cp-unpredecented.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.cp-subcontent {
  padding: 3rem 0;
  background-color: #f7f7f7;
}

/******************************* Community Growth - Financial (Page 15) ********************************/

#cg-financial-hero {
  background-image: url(../images/community-growth/financial/hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

#sa-building-stronger-future {
  background-color: #f7f7f7;
  padding-bottom: 3rem;
}

#cg-download-footer {
  padding: 3rem 0;
}

#cg-winner {
  background-image: url(../images/community-growth/financial/financial-left.png);
  background-color: #f7f7f7;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: left center;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 3rem;
}

/******************************* Year In Review Page (Page 16) ********************************/

#yir-hero {
  background-image: url(../images/year-review/main/hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
}

#yir-hero .share-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

#yir-purpose-vision-mission .image-with-text::before {
  width: 80%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/year-review/main/side-skating.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 20% center;
}

#yir-purpose-vision-mission > .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}

#yir-introductory,
#yir-living-our-mission,
#yir-empower-team-usa,
#yir-purpose-vision-mission,
#yir-global-movement {
  padding: 3rem 0;
  background-color: #f7f7f7;
}

.crimson-card-footer {
  background-color: #600017;
  padding: 1rem 2.5rem;
}

#yir-living-our-mission {
  padding-top: 0;
}

#yir-living-our-mission-background {
  background-image: url(../images/year-review/main/living-our-mission.png);
  background-position: center center;
  background-size: contain;
  background-color: #010101;
  background-repeat: no-repeat;
}

#yir-living-our-mission-background-img {
  padding-top: 8rem;
  padding-bottom: 8rem;
  background-position: 40% top;
  background-repeat: no-repeat;
  background-size: 50% auto;
}

#yir-athlete-excellence {
  background-image: url(../images/year-review/main/athlete-excellence.png);
  background-color: #f7f7f7;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: right center;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 3rem;
}

#yir-sport-advancement {
  background-image: url(../images/year-review/main/sport-advancement.jpg);
  background-color: #f7f7f7;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: left center;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 3rem;
}

#yir-community-growth {
  background-image: url(../images/year-review/main/community-growth.jpg);
  background-color: #f7f7f7;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: right center;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 3rem;
}

.chart-info {
  position: relative;
}

.chart-info p {
  background-color: #f7f7f7;
  display: inline-block;
  padding-right: 20px;
  position: relative;
  z-index: 2;
}

/* left */
.chart-info::after {
  content: "";
  height: 2px;
  background-color: #000f4d;
  position: absolute;
  top: 50%;
  left: 0;
  width: 135%;
  transform: translateY(-50%);
  z-index: 1;
}

.chart-info::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #000f4d;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 135%;
  z-index: 1;
}

.chart-info.ae::after {
  width: 115%;
}

.chart-info.ae::before {
  left: 115%;
}

/* right */
.chart-info.right p {
  background-color: #f7f7f7;
  padding-right: 0;
  display: block;
  position: relative;
}

.chart-info.right::after {
  content: "";
  height: 2px;
  background-color: #000f4d;
  position: absolute;
  left: -50%;
  width: 45%;
}

.chart-info.right::before {
  left: -50%;
}

.chart-info.cg.right::after {
  content: "";
  height: 2px;
  background-color: #000f4d;
  position: absolute;
  left: -17.5%;
  width: 12.5%;
}

.chart-info.cg.right::before {
  left: -17.5%;
}

/******************************* Year In Review (Message) - Page 17 ********************************/

#yir-sub-hero {
  background-image: url(../images/year-review/message-leadership/hero-banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

#yir-msg-triple {
  background-image: url(../images/year-review/message-leadership/triple-img.png);
  background-color: #f7f7f7;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: right top;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.yir-small {
  font-size: 14px;
}

/******************************* Reports, Statements & Disclosures Page (Page 18) ********************************/

#frd-hero {
  background-image: url(../images/reports/hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

#frd-downloadable-and-links {
  padding: 3rem 0;
}

.report-card {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}

.report-card > img {
  border-radius: 5px 10px 5px 5px;
}

.report-card-tag {
  position: absolute;
  width: 20%;
  height: 20%;
  background-color: #d5d5d5;
  color: #600017;
  padding: 5px;
  font-size: 0.6rem;
  right: 0;
  top: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 5px;
}

.report-card-tag:hover {
  color: #600017;
  text-decoration: none;
}

.report-card-icon {
  width: 30%;
  height: auto;
  display: block;
  margin: 0 auto 5px auto;
}

.report-card-title {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 30px;
  color: #ffffff;
  text-transform: uppercase;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 10%;
}

/******************************* Financial Page (Page 19) ********************************/

#financial-hero {
  background-image: url(../images/financial/hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}

#financial-introductory {
  background-image: url(../images/financial/intro.png);
  background-color: #f7f7f7;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: right top;
  max-width: 1440px;
  margin: 3rem auto;
}

#financial-resources {
  padding-bottom: 3rem;
}

#financial-resources p.small {
  line-height: 20px;
}

#financial-resources td {
  padding-left: 0px;
  padding-right: 0px;
  font-family: "Larken Regular";
  font-size: 18px;
  color: #000f4d;
  border: none;
  line-height: 18px;
}

#financial-resources tr > td:nth-child(2) {
  text-align: right;
}

#financial-resources tr.red td {
  color: #ed1c24;
}

#financial-resources tr.padding-bottom td {
  padding-bottom: 2.5rem;
}

#financial-resources tr.border-bottom-navy {
  border-bottom: 1px solid #000f4d;
  position: relative;
}

#financial-resources tr.border-bottom-navy.double::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 1px;
  left: 0;
  border-bottom: 1px solid #000f4d;
}

.piechart {
  font-family: "Sharp Grotesk Semibold Italic 19";
}

#financial-resources .piechart .chart-wrap {
  display: flex;
  justify-content: center;
}

#financial-resources .piechart .canvas-wrap {
  max-width: 340px;
  max-height: 340px;
  align-items: center;
}

.piechart .canvas-wrap {
  position: relative;
  width: 100%;
}

.piechart .chart-title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 170px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Enlargement Only */

/*Athlete Expressions */
body.enlargement #ae-satisfied-athlete p.small,
body.enlargement #ae-statistics p.small {
  line-height: 30px;
}

body.enlargement #ae-mental-health-support li,
body.enlargement #ae-innovation .normal {
  font-size: 24px;
  line-height: 35px;
}

body.enlargement #ae-athlete-advocacy-plan .grey-skewed-card-text-wrapper h5,
body.enlargement#ae-normalizing-mental-health .grey-skewed-card-text-wrapper h5,
body.enlargement #ae-mental-health-support .grey-skewed-card-text-wrapper h5,
body.enlargement #ae-athlete-expression .grey-skewed-card-text-wrapper h5 {
  font-size: 35px;
}

/* Sport Advancement */
body.enlargement .navy-skewed-card p.normal {
  font-size: 24px;
  line-height: 35px;
}

/* Community Growth */

body.enlargement .navy-large-numbering {
  font-size: 55px;
}

body.enlargement .card-body p {
  font-size: 24px;
  line-height: 35px;
}

/* Financial */

body.enlargement td {
  font-size: 27px;
  line-height: 35px;
}

body.enlargement #breadcrumbs li {
  font-size: 20px;
  line-height: 25px;
}

body.enlargement h1 {
  font-size: 100px;
  line-height: 120px;
}

body.enlargement h5 {
  font-size: 35px;
  line-height: 45px;
}

body.enlargement .footer-span-right {
  font-size: 18px;
  line-height: 25px;
}

body.enlargement p,
body.enlargement p.h6,
body.enlargement caption.h6,
body.enlargement h6,
body.enlargement #financial-resources td {
  font-size: 27px;
  line-height: 40px;
}

body.enlargement li.paragraph {
  font-size: 27px;
  line-height: 40px;
}

body.enlargement .legend span.legend-title {
  font-size: 22px;
  line-height: 30px;
}

body.enlargement #financial-resources p.small {
  line-height: inherit;
}

#yir-hero-mobile,
#sa-hero-mobile,
#cp-hero-mobile,
#frd-hero-mobile,
#financial-hero-mobile,
#cp-financial-hero-mobile,
#fd-hero-mobile,
#cg-hero-mobile {
  background-color: #000f4d;
}

/* ---------------------------------------------------
  MEDIA XXL Screens (1440 - 1599)
  ----------------------------------------------------- */

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .menu-wrapper {
    left: 160px;
  }

  .navy-skewed-card {
    max-height: 728px;
  }

  .move-left-item {
    margin-left: 70px;
  }
}

/* ---------------------------------------------------
  MEDIA XL-XXL Screens (1200-1439)
  ----------------------------------------------------- */

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  #yir-hero {
    min-height: 60vh;
  }

  #home-review {
    background-size: cover;
    background-position: -200px 0;
  }

  #home-footer {
    background-size: auto;
    padding: 4rem;
    background-position: -100px 0;
  }

  #yir-living-our-mission-background-img {
    background-position: 40% center;
  }

  #sa-hero.main-sa {
    background-position: -200px 0;
  }

  .menu-wrapper {
    left: 265px;
    width: 1000px;
  }

  .chart-info::after {
    width: 150%;
  }

  .chart-info::before {
    left: 150%;
  }

  .chart-info.ae::after {
    width: 125%;
  }

  .chart-info.ae::before {
    left: 125%;
  }

  .chart-info.right::after {
    content: "";
    height: 2px;
    background-color: #000f4d;
    position: absolute;
    left: -70%;
    width: 65%;
  }

  .chart-info.right::before {
    left: -70%;
  }

  .chart-info.cg.right::after {
    content: "";
    height: 2px;
    background-color: #000f4d;
    position: absolute;
    left: -25%;
    width: 20%;
  }

  .chart-info.cg.right::before {
    left: -25%;
  }

  #ae-athlete-marketing-platform-pilot .navy-large-numbering {
    font-size: 35px;
  }

  .card-max-width {
    max-width: 530px;
  }

  .navy-skewed-card {
    max-height: 728px;
  }
}

/* ---------------------------------------------------
  MEDIA LG-XL Screens (992-1199)
  ----------------------------------------------------- */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sticky-part {
    background-size: auto;
    background-position: -300px;
    background-repeat: no-repeat;
  }

  #pms-covid-support {
    background: none;
    padding-bottom: 0;
  }

  #pms-covid-support h4,
  #pms-covid-support h5 {
    color: #000f4d;
  }

  #ae-wrestling,
  #yir-living-our-mission-background {
    background: none;
    padding: 5% 0 0 0;
  }

  #yir-living-our-mission-background-img {
    padding-top: 0;
    padding-bottom: 0;
  }

  #ae-wrestling h5,
  #ae-wrestling p,
  #yir-living-our-mission-background h5,
  #yir-living-our-mission-background p {
    color: #000f4d !important;
  }

  #yir-empower-team-usa {
    padding-top: 0;
  }

  h1 {
    font-size: 60px;
  }

  p.h6,
  caption.h6 {
    font-size: 16px;
  }

  h1.main-h1,
  h2.h1 {
    font-size: 62px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 25px;
  }

  h5 {
    font-size: 20px;
  }

  h5.para {
    font-size: 12px;
  }

  h6 {
    font-size: 14px;
  }

  p {
    font-size: 16px;
  }

  .navbar {
    padding: 1rem 0;
  }
  .dropdown-menu {
    left: 0 !important;
    transform: none !important;
    top: 100% !important;
    display: block;
    text-align: left !important;
  }

  .dropdown-menu a {
    margin: 0 0 0 1.5rem;
  }

  .nav-link {
    padding-left: 0;
    padding-right: 0;
    float: left;
    font-size: 28px;
  }

  .nav-link:hover::after,
  .nav-link.active::after {
    display: none !important;
  }

  .nav-search-icon {
    position: relative;
  }

  .crimson-skewed-card h4 {
    font-size: 21px;
  }

  .grey-skewed-card-text-wrapper {
    padding: 2.5% 7.5% 5% 7.5%;
  }

  .grey-skewed-card-text-wrapper h5 {
    font-size: 22px;
  }

  .grey-skewed-card p,
  .navy-skewed-card p {
    font-size: 18px;
  }

  #home-review {
    background-size: cover;
    background-position: -250px 0;
  }

  #home-footer {
    background-size: auto;
    padding: 4rem 0;
    background-position: -250px 0;
  }

  #yir-hero {
    min-height: 50vh;
  }

  #yir-living-our-mission-background-img {
    background-size: cover;
  }

  .chart-info.right::after {
    left: -70%;
    width: 60%;
  }

  .chart-info.right::before {
    left: -70%;
  }

  #yir-athlete-excellence,
  #yir-sport-advancement,
  #yir-community-growth,
  #yir-msg-triple,
  #ae-keeping-athletes-mentally-healthy,
  #sa-skating {
    background-size: 40%;
  }

  .grey-skewed-card-img {
    height: 500px;
  }

  #ae-innovation .grey-skewed-card-img,
  #pms-friend-family-hospitality-program .grey-skewed-card-img {
    height: 400px;
  }

  #ae-banner {
    background-size: cover;
    background-position: center center;
  }

  .navbar {
    width: 100%;
    z-index: 999;
  }

  .navbar > .container {
    padding: 1.5rem 15px;
  }

  .navbar-brand > img {
    max-width: 140px;
  }

  .accessibility-toggle-wrapper {
    right: 0 !important;
    left: auto !important;
  }

  .btn-toggle.contrast {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0;
  }

  .btn-toggle.enlargement {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 6px;
  }

  #ae-wrestling {
    background: none;
    padding: 5% 0 0 0;
  }

  #ae-wrestling h5,
  #ae-wrestling p {
    color: #000f4d !important;
  }

  /* Enlargement Only */

  /* Community Growth */

  body.enlargement .navy-large-numbering {
    font-size: 50px;
  }

  body.enlargement p,
  body.enlargement p.h6,
  body.enlargement caption.h6,
  body.enlargement h6,
  body.enlargement #financial-resources td {
    font-size: 24px;
    line-height: 40px;
  }

  body.enlargement li.paragraph {
    font-size: 24px;
    line-height: 40px;
  }

  .float-content-sticky {
    padding-top: 110px;
  }

  .padding-float {
    padding-top: 110px;
  }

  .row-item-2 {
    top: -85px;
  }

  .row-item-3 {
    top: -135px;
  }

  #pms-covid-support {
    background: none;
    padding-bottom: 0;
  }

  #pms-covid-support h4,
  #pms-covid-support h5 {
    color: #000f4d;
  }

  .card-max-width {
    max-width: 449px;
  }
}

/* ---------------------------------------------------
  MEDIA MD-LG Screens (768-991)
  ----------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 991px) {

  .scrolling-text {
    font-family: "Sharp Grotesk Semibold Italic 17";
    font-size: 8px;
    color: #fff;
    margin-bottom: 0;
  }

  .scrolling-icon {
    max-width: 12.5px;
  }
  

  #yir-empower-team-usa .chart-wrap {
    display: flex;
    justify-content: center;
  }

  #yir-empower-team-usa .piechart .canvas-wrap {
    max-width: 340px;
    max-height: 340px;
    align-items: center;
  }

  .sticky-part {
    background-size: auto;
    background-position: -500px;
    background-repeat: no-repeat;
  }

  .navbar {
    padding: 1rem;
  }

  .chart-mob-padding {
    padding-left: 0;
  }

  .chart-ordering {
    order: -1;
  }

  h1 {
    font-size: 60px;
  }

  p.h6,
  caption.h6 {
    font-size: 14px;
  }

  h1.main-h1,
  h2.h1 {
    font-size: 55px;
    line-height: 60px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 25px;
  }

  h5 {
    font-size: 20px;
  }

  h5.para {
    font-size: 12px;
  }

  h6 {
    font-size: 14px;
  }

  p {
    font-size: 14px;
  }

  #home-hero h2 {
    line-height: 30px;
  }

  .hero-span,
  .hero-year {
    font-size: 35px;
  }

  #home-review {
    background-size: cover;
    background-position: -400px 0;
  }

  #home-footer {
    background-size: auto;
    padding: 4rem 0;
    background-position: -300px 0;
  }

  .hero-year {
    top: 81px;
  }

  .dropdown-menu {
    left: 0 !important;
    transform: none !important;
    top: 100% !important;
    display: block;
    text-align: left !important;
  }

  .dropdown-menu a {
    margin: 0 0 0 1.5rem;
  }

  .nav-link {
    padding-left: 0;
    padding-right: 0;
    float: left;
    font-size: 28px;
  }

  .nav-link:hover::after,
  .nav-link.active::after {
    display: none;
  }

  .nav-search-icon {
    position: relative;
  }

  .sticky-card {
    position: relative;
  }

  #sa-chuck-aoki-quote .navy-skewed-card::after {
    background-image: url(../images/sport-advancement/org/chuck-aoki.png);
    background-position: top center;
    width: 100%;
  }

  .navy-skewed-card::after {
    position: relative;
    height: 300px;
    width: 100%;
  }

  .navy-skewed-card::before {
    display: none;
  }

  .navy-skewed-card {
    flex-direction: column-reverse;
    min-height: auto;
  }

  .navy-large-numbering {
    font-size: 40px;
  }

  #yir-hero {
    min-height: 60vh;
  }

  #yir-living-our-mission-background-img {
    background-size: contain;
    background-position: 150px 50px;
  }

  #ae-hero.athlete-excellence,
  #yir-sub-hero,
  #ae-hero.well-being,
  #ae-hero,
  #ae-satisfied-athlete,
  #sa-hero.main-sa,
  #sa-hero,
  #sic-paralympic-game-tokyo-background,
  #fd-hero,
  #cp-hero,
  #cg-financial-hero,
  #frd-hero,
  #financial-hero,
  #ae-banner,
  #cg-hero {
    padding: 5rem 0;
  }

  #cg-download-footer {
    padding: 0;
  }

  #ae-rugby-olympian .navy-skewed-card,
  #ae-track-and-field .navy-skewed-card {
    padding-top: 0rem;
    padding-bottom: 2rem;
  }

  #pms-covid-support {
    padding: 3rem 0;
  }

  #pms-covid-support h4 {
    font-size: 35px;
  }

  #pms-covid-support h5 {
    font-size: 25px;
  }

  #pms-track-and-field .navy-skewed-card {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  #yir-community-growth,
  #yir-sport-advancement,
  #yir-athlete-excellence,
  #yir-msg-triple,
  #ae-keeping-athletes-mentally-healthy,
  #ae-athlete-expression,
  #ae-performance,
  #sa-skating,
  #sa-racial-social-justice,
  #sa-choice-award-winners,
  #cg-winner,
  #financial-introductory,
  #sa-award-winners {
    background: none;
  }

  #ae-athlete-expression {
    margin-bottom: 0;
  }

  #yir-msg-triple img {
    max-width: 150px;
    display: block;
    margin: 0 auto;
  }

  .chart-info.ae::after,
  .chart-info.cg.right::after,
  .chart-info.right::after,
  .chart-info::after,
  .chart-info.ae::before,
  .chart-info.cg.right::before,
  .chart-info.right::before,
  .chart-info::before {
    display: none;
  }

  #ae-paralympic-game-tokyo-background {
    padding: 5rem 0;
  }

  .navbar {
    width: 100%;
    z-index: 999;
  }

  .navbar > .container {
    padding: 1.5rem 15px;
  }

  .navbar-brand > img {
    max-width: 140px;
  }

  #fd-christine-quote .navy-skewed-card::after {
    width: 100%;
  }

  .accessibility-toggle-wrapper {
    right: 0 !important;
    left: auto !important;
  }

  .btn-toggle.contrast {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0;
  }

  .btn-toggle.enlargement {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 6px;
  }

  #ae-rugby-olympian .navy-skewed-card::after,
  .navy-skewed-card::after {
    height: 650px;
    width: 100%;
    background-position: 70% top;
  }

  #ae-wrestling {
    background-position: 200px center;
  }

  /* Community Growth */

  body.enlargement .navy-large-numbering {
    font-size: 40px;
  }

  body.enlargement p,
  body.enlargement p.h6,
  body.enlargement caption.h6,
  body.enlargement h6,
  body.enlargement #financial-resources td {
    font-size: 24px !important;
    line-height: 40px;
  }

  body.enlargement li.paragraph {
    font-size: 24px;
    line-height: 40px;
  }

  body.enlargement #home-review {
    background-position: -800px 0;
  }

  body.enlargement .hero-span,
  body.enlargement .hero-year {
    font-size: 50px;
    line-height: 60px;
  }

  body.enlargement .hero-year {
    left: -315px;
  }

  body.enlargement
    #pms-friend-family-hospitality-program
    .grey-skewed-card-text-wrapper
    h5 {
    font-size: 24px;
  }

  .float-content-sticky {
    padding-top: 130px;
  }

  .padding-float {
    padding-top: 130px;
  }

  .row-item-2 {
    top: -105px;
  }

  .row-item-3 {
    top: -155px;
  }

  #pms-covid-support {
    background: none;
    padding-bottom: 0;
  }

  #pms-covid-support h4,
  #pms-covid-support h5 {
    color: #000f4d;
  }

  #ae-wrestling,
  #yir-living-our-mission-background {
    background: none;
    padding: 5% 0 0 0;
  }

  #yir-living-our-mission-background-img {
    padding-top: 0;
    padding-bottom: 0;
  }

  #ae-wrestling h5,
  #ae-wrestling p,
  #yir-living-our-mission-background h5,
  #yir-living-our-mission-background p {
    color: #000f4d !important;
  }

  #yir-empower-team-usa {
    padding-top: 0;
  }
}

/* ---------------------------------------------------
  MEDIA SM-MD Screens (600-767)
  ----------------------------------------------------- */
@media only screen and (min-width: 577px) and (max-width: 767px) {
  #yir-empower-team-usa .chart-wrap {
    display: flex;
    justify-content: center;
  }

  #yir-empower-team-usa .piechart .canvas-wrap {
    max-width: 340px;
    max-height: 340px;
    align-items: center;
  }

  .chart-ordering {
    order: -1;
  }

  .sticky-part {
    background-size: contain;
    background-color: black;
    background-position: 0 90%;
    background-repeat: no-repeat;
  }

  #pms-covid-support {
    background: none;
    padding-bottom: 0;
  }

  #pms-covid-support h4,
  #pms-covid-support h5 {
    color: #000f4d;
  }

  #ae-wrestling,
  #yir-living-our-mission-background {
    background: none;
    padding: 5% 0 0 0;
  }

  #yir-living-our-mission-background-img {
    padding-top: 0;
    padding-bottom: 0;
  }

  #ae-wrestling h5,
  #ae-wrestling p,
  #yir-living-our-mission-background h5,
  #yir-living-our-mission-background p {
    color: #000f4d !important;
  }

  #yir-empower-team-usa {
    padding-top: 0;
  }

  .navbar {
    padding: 1rem;
  }

  #home-float {
    margin-top: 3rem;
    padding-bottom: 4rem;
  }

  .float-content-sticky {
    position: relative;
    padding-top: 0;
  }

  .padding-float {
    padding-top: 0;
  }

  .home-float-wrapper {
    padding-bottom: 0;
  }

  .row-item-3 {
    top: 0;
  }

  .row-item-2 {
    top: 0;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .home-float-wrapper h2,
  .home-float-wrapper h6 {
    opacity: 1;
  }

  #home-review {
    padding: 0;
    margin-top: 3rem;
    background-image: none;
  }

  #home-review h1,
  #home-review p {
    color: #000f4d !important;
  }

  #home-hero h2 {
    line-height: 40px;
  }

  footer img {
    display: block;
    margin: 0 auto;
    max-width: 250px !important;
  }

  .footer-span-right {
    margin-top: 0.5rem;
    font-size: 14px;
    line-height: 25px;
    text-align: center !important;
    display: block;
  }

  h1 {
    font-size: 55px;
  }

  p.h6,
  caption.h6 {
    font-size: 14px;
  }

  h1.main-h1,
  h2.h1 {
    font-size: 55px;
    line-height: 60px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 25px;
  }

  h5 {
    font-size: 20px;
  }

  h5.para {
    font-size: 12px;
  }

  h6 {
    font-size: 14px;
  }

  p {
    font-size: 14px;
  }

  .hero-span,
  .hero-year,
  .hero-font {
    font-size: 50px !important;
    line-height: 40px;
    display: block;
  }

  .hero-year {
    top: 88px;
    left: -220px;
  }

  #home-review {
    background-size: cover;
    background-position: -400px 0;
  }

  #home-footer {
    background-size: cover;
    background-position: 0;
    padding: 5rem 2.5rem;
  }

  #home-footer h2 {
    font-size: 45px;
    line-height: 50px;
  }

  .dropdown-menu {
    left: 0 !important;
    transform: none !important;
    top: 100% !important;
    display: block;
    text-align: left !important;
  }

  .dropdown-menu a {
    margin: 0 0 0 1.5rem;
  }

  .nav-link {
    padding-left: 0;
    padding-right: 0;
    float: left;
    font-size: 28px;
  }

  .nav-link:hover::after,
  .nav-link.active::after {
    display: none;
  }

  .nav-search-icon {
    position: relative;
  }

  .sticky-card {
    position: relative;
  }

  #sa-chuck-aoki-quote .navy-skewed-card::after {
    background-image: url(../images/sport-advancement/org/chuck-aoki.png);
    background-position: top center;
    width: 100%;
  }

  .navy-skewed-card::after {
    position: relative;
    height: 550px;
    width: 100%;
  }

  .navy-skewed-card::before {
    display: none;
  }

  .navy-skewed-card {
    flex-direction: column-reverse;
    min-height: auto;
  }

  .navy-large-numbering {
    font-size: 40px;
  }

  #yir-hero {
    min-height: 50vh;
    text-align: center;
  }

  #ae-wrestling {
    padding: 5rem 0;
  }

  #yir-living-our-mission-background-img {
    background-size: contain;
    background-position: 150px 50px;
  }

  #ae-hero.athlete-excellence,
  #yir-sub-hero,
  #ae-hero.well-being,
  #ae-hero,
  #ae-satisfied-athlete,
  #sa-hero.main-sa,
  #sa-hero,
  #sic-paralympic-game-tokyo-background,
  #fd-hero,
  #cp-hero,
  #cg-financial-hero,
  #frd-hero,
  #financial-hero,
  #ae-banner,
  #cg-hero {
    padding: 5rem 0;
  }

  #cg-download-footer {
    padding: 0;
  }

  #ae-rugby-olympian .navy-skewed-card,
  #ae-track-and-field .navy-skewed-card {
    padding-top: 0rem;
    padding-bottom: 2rem;
  }

  #pms-covid-support {
    padding: 1rem 0.5rem;
    background: none;
  }

  #pms-covid-support h4 {
    font-size: 35px;
    color: #000f4d;
  }

  #pms-covid-support h5 {
    font-size: 25px;
    color: #000f4d;
  }

  #pms-track-and-field .navy-skewed-card {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  #yir-community-growth,
  #yir-sport-advancement,
  #yir-athlete-excellence,
  #yir-msg-triple,
  #ae-keeping-athletes-mentally-healthy,
  #ae-athlete-expression,
  #ae-performance,
  #sa-skating,
  #sa-racial-social-justice,
  #sa-choice-award-winners,
  #cg-winner,
  #financial-introductory,
  #ae-satisfied-athlete,
  #ae-wrestling,
  #pms-covid-support,
  #sa-award-winners {
    background: none;
  }

  #ae-athlete-expression {
    margin-bottom: 0;
  }

  #yir-msg-triple img {
    max-width: 150px;
    display: block;
    margin: 0 auto;
  }

  .chart-info.ae::after,
  .chart-info.cg.right::after,
  .chart-info.right::after,
  .chart-info::after,
  .chart-info.ae::before,
  .chart-info.cg.right::before,
  .chart-info.right::before,
  .chart-info::before {
    display: none;
  }

  #ae-paralympic-game-tokyo-background,
  #ae-statistics,
  #sic-paralympic-game-tokyo-background {
    padding: 2.5rem 0;
  }

  #yir-introductory,
  #ae-well-being-introductory,
  #ae-introductory {
    padding: 0;
  }

  #yir-living-our-mission {
    margin-top: 1rem;
    padding-bottom: 0;
  }

  #yir-empower-team-usa {
    padding-top: 1rem;
  }

  #yir-community-growth,
  #yir-sport-advancement,
  #yir-athlete-excellence {
    margin-bottom: 0;
  }

  #yir-global-movement,
  #ae-empowering-athletes {
    padding-top: 0;
  }

  #yir-msg-triple {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .maroon-card-mobile {
    background-color: #600017;
    font-family: "Sharp Grotesk Semibold Italic 17";
    color: white;
    font-size: 14px;
    padding: 3rem 1.5rem;
    text-align: center;
    line-height: 20px;
    box-shadow: 0px 3px 46px 2px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0px 3px 46px 2px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 3px 46px 2px rgba(0, 0, 0, 0.21);
  }

  .maroon-card-span {
    position: absolute;
    top: 50%;
    padding: 0 0.5rem;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .grey-skewed-card-text-wrapper h5 {
    font-size: 22px;
  }

  .navy-skewed-card h4 {
    font-size: 22px;
  }

  #ae-keeping-athletes-mentally-healthy {
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-bottom: 0;
  }

  #ae-satisfied-athlete,
  #ae-wrestling {
    padding: 0;
    margin: 1rem 0;
  }

  #ae-satisfied-athlete h5,
  #ae-satisfied-athlete .small,
  #ae-wrestling h5,
  #ae-wrestling p.mobile-blue {
    color: #000f4d !important;
  }

  .navy-blue-card {
    padding: 10%;
  }

  #ae-track-and-field,
  #ae-paralympic-game-tokyo {
    padding-bottom: 1rem;
  }

  #ae-blue {
    padding-bottom: 1rem;
  }

  #ae-competitor-quotes {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0;
  }

  #pms-safety-protocols {
    padding: 1rem;
  }

  #pms-introductory {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  #frd-downloadable-and-links {
    padding: 1rem 0;
  }

  #sa-building-stronger-future {
    padding-top: 1rem;
  }

  #sa-building-stronger-future {
    padding-bottom: 1rem;
  }

  #financial-introductory {
    margin: 1rem 0;
  }

  #financial-resources {
    padding-bottom: 1rem;
  }

  #sa-skating {
    margin-bottom: 0;
  }

  #sa-introductory,
  #sa-diversity-equity-inclusion {
    padding: 0 !important;
    margin-top: 1rem;
  }

  #sa-racial-social-justice {
    margin: 0 !important;
  }

  #sa-national-governing {
    padding-bottom: 1rem;
  }

  #sa-national-governing .download-box,
  #sa-promoting-athlete-representation .download-box {
    margin-bottom: 0;
  }

  #sa-ngb-audits {
    padding-bottom: 0;
  }

  #sa-organizational-effectiveness,
  #sa-pipeline-introductory,
  #cp-introductory,
  .cp-subcontent,
  #cp-femita-quote {
    padding: 1rem 0;
  }

  #fans-donor-introductory {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .fd-statistics {
    padding-bottom: 0;
  }

  #fans-donor-sub-introductory,
  #cp-gray,
  #fd-video,
  #cg-winner {
    margin-bottom: 1rem;
  }

  #fd-engagement {
    padding-bottom: 1rem;
  }

  .navbar {
    width: 100%;
    z-index: 999;
  }

  .navbar > .container {
    padding: 1.5rem 15px;
  }

  .navbar-brand > img {
    max-width: 140px;
  }

  #fd-christine-quote .navy-skewed-card::after {
    width: 100%;
  }

  .accessibility-toggle-wrapper {
    right: 0 !important;
    left: auto !important;
  }

  .btn-toggle.contrast {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0;
  }

  .btn-toggle.enlargement {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 6px;
  }

  #ae-rugby-olympian .navy-skewed-card::after {
    width: 100%;
  }

  .casey-credit {
    display: none;
  }

  /* Community Growth */

  body.enlargement .navy-large-numbering {
    font-size: 40px;
  }

  body.enlargement h1 {
    font-size: 60px;
    line-height: 80px;
  }

  body.enlargement p,
  body.enlargement p.h6,
  body.enlargement caption.h6,
  body.enlargement h6,
  body.enlargement #financial-resources td {
    font-size: 24px !important;
    line-height: 40px;
  }

  body.enlargement li.paragraph {
    font-size: 24px;
    line-height: 40px;
  }

  body.enlargement #home-review {
    background-position: -800px 0;
  }

  body.enlargement .hero-span,
  body.enlargement .hero-year {
    font-size: 60px !important;
    line-height: 60px;
  }

  body.enlargement .hero-year {
    left: -315px;
  }

  body.enlargement
    #pms-friend-family-hospitality-program
    .grey-skewed-card-text-wrapper
    h5 {
    font-size: 24px;
  }

  body .maroon-card-mobile {
    font-size: 18px;
  }

  .home-contents {
    text-align: center;
  }
}

/* ---------------------------------------------------
  MEDIA XS Screens (599px)
  ----------------------------------------------------- */
@media only screen and (max-width: 576px) {
  #yir-empower-team-usa .chart-wrap {
    display: flex;
    justify-content: center;
  }

  #yir-empower-team-usa .piechart .canvas-wrap {
    max-width: 340px;
    max-height: 340px;
    align-items: center;
  }

  .sticky-part {
    background-size: contain;
    background-color: black;
    background-position: 0 90%;
    background-repeat: no-repeat;
  }

  .chart-ordering {
    order: -1;
  }

  .home-contents {
    text-align: center;
  }

  #pms-covid-support {
    background: none;
    padding-bottom: 0;
  }

  #pms-covid-support h4,
  #pms-covid-support h5 {
    color: #000f4d;
  }

  #ae-wrestling,
  #yir-living-our-mission-background {
    background: none;
    padding: 5% 0 0 0;
  }

  #yir-living-our-mission-background-img {
    padding-top: 0;
    padding-bottom: 0;
  }

  #ae-wrestling h5,
  #ae-wrestling p,
  #yir-living-our-mission-background h5,
  #yir-living-our-mission-background p {
    color: #000f4d !important;
  }

  #yir-empower-team-usa {
    padding-top: 0;
  }

  #fans-donor-sub-introductory,
  #cp-gray,
  #fd-video,
  #cg-winner {
    margin-bottom: 1rem;
  }

  #fd-engagement {
    padding-bottom: 1rem;
  }

  #fans-donor-introductory {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .fd-statistics {
    padding-bottom: 0;
  }

  #sa-organizational-effectiveness,
  #sa-pipeline-introductory,
  #cp-introductory,
  .cp-subcontent,
  #cp-femita-quote {
    padding: 1rem 0;
  }

  #sa-ngb-audits {
    padding-bottom: 0;
  }

  #sa-national-governing .download-box,
  #sa-promoting-athlete-representation .download-box {
    margin-bottom: 0;
  }

  #sa-national-governing {
    padding-bottom: 1rem;
  }

  #sa-introductory,
  #sa-diversity-equity-inclusion {
    padding: 0 !important;
    margin-top: 1rem;
  }

  #sa-racial-social-justice {
    margin: 0 !important;
  }

  #sa-skating {
    margin-bottom: 0;
  }

  #financial-resources {
    padding-bottom: 1rem;
  }

  #financial-introductory {
    margin: 1rem 0;
  }

  #sa-building-stronger-future {
    padding-bottom: 1rem;
  }

  #sa-building-stronger-future {
    padding-top: 1rem;
  }

  #frd-downloadable-and-links {
    padding: 1rem 0;
  }

  #pms-introductory {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  #pms-safety-protocols {
    padding: 1rem;
  }

  #ae-competitor-quotes {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0;
  }

  h1 {
    font-size: 40px;
  }

  .navy-blue-card {
    padding: 5%;
  }

  p.h6,
  caption.h6 {
    font-size: 16px;
  }

  h1.main-h1,
  h2.h1 {
    font-size: 42px;
    line-height: 50px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 25px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h5.para {
    font-size: 12px;
  }

  h6 {
    font-size: 14px;
  }

  p {
    font-size: 14px;
  }

  #home-float {
    margin-top: 3rem;
    padding-bottom: 4rem;
  }

  .float-content-sticky {
    position: relative;
    padding-top: 0;
  }

  .padding-float {
    padding-top: 0;
  }

  .home-float-wrapper {
    padding-bottom: 0;
  }

  .row-item-3 {
    top: 0;
  }

  .row-item-2 {
    top: 0;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .home-float-wrapper h2,
  .home-float-wrapper h6 {
    opacity: 1;
  }

  #home-review {
    padding: 0;
    margin-top: 3rem;
    background-image: none;
  }

  .casey-credit {
    display: none;
  }

  #home-review h1,
  #home-review p {
    color: #000f4d !important;
  }

  .crimson-skewed-card h4 {
    font-size: 20px;
    line-height: 25px;
  }

  .crimson-skewed-card-img {
    min-height: 150px;
  }

  .navbar {
    padding: 1rem;
  }

  footer img {
    display: block;
    margin: 0 auto;
    max-width: 250px !important;
  }

  .footer-span-right {
    margin-top: 0.5rem;
    font-size: 12px;
    line-height: 18px;
    text-align: center !important;
    display: block;
  }

  .hero-span,
  .hero-year,
  .hero-font {
    font-size: 40px !important;
    line-height: 35px;
    display: block;
  }

  .home-scroll-learn {
    font-size: 16px;
  }

  #home-hero h2 {
    line-height: 20px;
  }

  .hero-year {
    top: 32px;
    left: -150px;
  }

  #home-review {
    background-size: cover;
    background-position: -400px 0;
  }

  #home-footer {
    background-size: cover;
    background-position: 0;
    padding: 2.5rem 0;
  }

  #home-footer h2 {
    font-size: 45px;
    line-height: 50px;
  }

  .dropdown-menu {
    left: 0 !important;
    transform: none !important;
    top: 100% !important;
    display: block;
    text-align: left !important;
  }

  .dropdown-menu a {
    margin: 0 0 0 1.5rem;
  }

  .nav-link {
    padding-left: 0;
    padding-right: 0;
    float: left;
    font-size: 28px;
  }

  .nav-link:hover::after,
  .nav-link.active::after {
    display: none;
  }

  .nav-search-icon {
    position: relative;
  }

  .sticky-card {
    position: relative;
  }

  #sa-chuck-aoki-quote .navy-skewed-card::after {
    background-image: url(../images/sport-advancement/org/chuck-aoki.png);
    background-position: top center;
    width: 100%;
  }

  .navy-skewed-card::after {
    position: relative;
    height: 300px;
    width: 100%;
  }

  .navy-skewed-card::before {
    display: none;
  }

  .navy-skewed-card {
    flex-direction: column-reverse;
    min-height: auto;
  }

  .navy-large-numbering {
    font-size: 40px;
  }

  #yir-hero {
    min-height: 50vh;
    text-align: center;
  }

  #breadcrumbs li {
    font-size: 12px;
  }

  #ae-wrestling {
    padding: 5rem 0;
  }

  #yir-living-our-mission-background-img {
    background-size: contain;
    background-position: 150px 50px;
  }

  #ae-hero.athlete-excellence,
  #yir-sub-hero,
  #ae-hero.well-being,
  #ae-hero,
  #ae-satisfied-athlete,
  #sa-hero.main-sa,
  #sa-hero,
  #sic-paralympic-game-tokyo-background,
  #fd-hero,
  #cp-hero,
  #cg-financial-hero,
  #frd-hero,
  #financial-hero,
  #ae-banner,
  #cg-hero {
    padding: 5rem 0;
  }

  #cg-download-footer {
    padding: 0;
  }

  #ae-rugby-olympian .navy-skewed-card,
  #ae-track-and-field .navy-skewed-card {
    padding-top: 0rem;
    padding-bottom: 2rem;
  }

  #pms-covid-support {
    padding: 1rem 0.5rem;
  }

  #pms-covid-support h4 {
    font-size: 35px;
    color: #000f4d;
  }

  #pms-covid-support h5 {
    font-size: 25px;
    color: #000f4d;
  }

  #pms-track-and-field .navy-skewed-card {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  #yir-community-growth,
  #yir-sport-advancement,
  #yir-athlete-excellence,
  #yir-msg-triple,
  #ae-keeping-athletes-mentally-healthy,
  #ae-athlete-expression,
  #ae-performance,
  #sa-skating,
  #sa-racial-social-justice,
  #sa-choice-award-winners,
  #cg-winner,
  #financial-introductory,
  #ae-satisfied-athlete,
  #ae-wrestling,
  #pms-covid-support,
  #sa-award-winners {
    background: none;
  }

  #ae-athlete-expression {
    margin-bottom: 0;
  }

  #yir-msg-triple img {
    max-width: 150px;
    display: block;
    margin: 0 auto;
  }

  .chart-info.ae::after,
  .chart-info.cg.right::after,
  .chart-info.right::after,
  .chart-info::after,
  .chart-info.ae::before,
  .chart-info.cg.right::before,
  .chart-info.right::before,
  .chart-info::before {
    display: none;
  }

  #ae-paralympic-game-tokyo-background,
  #ae-statistics,
  #sic-paralympic-game-tokyo-background {
    padding: 2.5rem 0;
  }

  .image-with-text-overlay {
    width: 80%;
  }

  #yir-introductory,
  #ae-well-being-introductory,
  #ae-introductory {
    padding: 0;
  }

  #yir-living-our-mission {
    margin-top: 1rem;
    padding-bottom: 0;
  }

  #yir-empower-team-usa {
    padding-top: 1rem;
  }

  #yir-community-growth,
  #yir-sport-advancement,
  #yir-athlete-excellence {
    margin-bottom: 0;
  }

  #yir-global-movement,
  #ae-empowering-athletes {
    padding-top: 0;
  }

  #yir-msg-triple {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .maroon-card-mobile {
    background-color: #600017;
    font-family: "Sharp Grotesk Semibold Italic 17";
    color: white;
    font-size: 12px;
    padding: 3rem 1.5rem;
    text-align: center;
    line-height: 20px;
    box-shadow: 0px 3px 46px 2px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0px 3px 46px 2px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 3px 46px 2px rgba(0, 0, 0, 0.21);
  }

  .maroon-card-span {
    position: absolute;
    top: 50%;
    padding: 0 0.5rem;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .grey-skewed-card-text-wrapper h5 {
    font-size: 22px;
  }

  .navy-skewed-card h4 {
    font-size: 22px;
  }

  #ae-keeping-athletes-mentally-healthy {
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-bottom: 0;
  }

  #ae-satisfied-athlete,
  #ae-wrestling {
    padding: 0;
    margin: 1rem 0;
  }

  #ae-satisfied-athlete h5,
  #ae-satisfied-athlete .small,
  #ae-wrestling h5,
  #ae-wrestling p.mobile-blue {
    color: #000f4d !important;
  }

  #ae-track-and-field,
  #ae-paralympic-game-tokyo {
    padding-bottom: 1rem;
  }

  #ae-blue {
    padding-bottom: 1rem;
  }

  .navbar {
    width: 100%;
    z-index: 999;
  }

  .navbar > .container {
    padding: 1.5rem 15px;
  }

  .navbar-brand > img {
    max-width: 140px;
  }

  #fd-christine-quote .navy-skewed-card::after {
    width: 100%;
  }

  .piechart .chart-title {
    width: 90px;
  }

  .piechart .chart-title h5 {
    font-size: 18px;
  }

  .piechart .chart-title p.h6 {
    font-size: 12px;
  }

  .accessibility-toggle-wrapper {
    right: 0 !important;
    left: auto !important;
  }

  .btn-toggle.contrast {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0;
  }

  .btn-toggle.enlargement {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 6px;
  }

  #ae-rugby-olympian .navy-skewed-card::after {
    width: 100%;
  }

  /* Community Growth */

  body.enlargement .navy-large-numbering {
    font-size: 40px;
  }

  body.enlargement h1 {
    font-size: 50px;
    line-height: 65px;
  }

  body.enlargement p,
  body.enlargement p.h6,
  body.enlargement caption.h6,
  body.enlargement h6,
  body.enlargement #financial-resources td {
    font-size: 24px !important;
    line-height: 40px;
  }

  body.enlargement li.paragraph {
    font-size: 24px;
    line-height: 40px;
  }

  body.enlargement #home-review {
    background-position: -800px 0;
  }

  body.enlargement .hero-span,
  body.enlargement .hero-year,
  body.enlargement .hero-font {
    font-size: 45px !important;
    line-height: 50px;
  }

  body.enlargement .hero-year {
    left: -315px;
  }

  body.enlargement
    #pms-friend-family-hospitality-program
    .grey-skewed-card-text-wrapper
    h5 {
    font-size: 24px;
  }

  body.enlargement .maroon-card-mobile {
    font-size: 16px;
  }

  body.enlargement h5.para {
    font-size: 24px;
  }
}

/* Accessibility (Contrast) */

/******************************* High Contrast ********************************/
.accessibility-toggle-wrapper {
  position: fixed;
  top: 50vh;
  bottom: auto;
  right: auto;
  left: 0;
  background: 0 0;
  z-index: 999;
}

.btn-toggle-wrapper {
  position: relative;
}

.btn-toggle {
  padding: 15px 12px;
  /* border-top: #000f4d 1px solid; */
  display: block;
  width: 61px;
  height: 64px;
  position: relative;
  z-index: 101;
  font-family: "Sharp Grotesk";
  font-size: 8px;
  font-weight: 600;
}

.tool {
  font-style: italic;
  font-family: "Sharp Grotesk";
  z-index: 101;
  position: absolute;
  background: #0a2458;
  top: 50%;
  transform: translate(-180px, -50%);
  right: auto;
  left: 0;
  width: 180px;
  text-align: center;
  padding: 4px 8px;
  line-height: 110%;
  transition: 0.3s;
  color: #ffffff;
  z-index: 100;
}

.tool::after {
  border-left: 0;
  border-right: 7px solid #0a2458;
  left: -7px;
  right: auto;
  content: "";
  transition: 0.3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  font-size: 0;
  line-height: 0;
}

.btn-toggle:hover ~ .tool {
  transform: translate(52px, -50%);
}

.btn-toggle > svg {
  width: 80%;
  height: 80%;
  margin: auto auto 0.3rem auto;
  color: #000f4d;
}

.btn-toggle svg:not([fill]) {
  fill: currentColor;
}

.btn-toggle:hover,
.btn-toggle.active {
  background-color: #000f4d;
  color: #ffffff;
}

.btn-toggle:hover svg,
.btn-toggle.active svg {
  color: #ffffff;
}

.btn-toggle.contrast {
  /* border-bottom: none; */
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0px;
}

.btn-toggle.enlargement {
  border-bottom-right-radius: 6px;
  border-top: none;
}

.btn-toggle.font-size {
  border-bottom-right-radius: 6px;
  border-left: none;
}

.btn-toggle.font-size.active {
  background-color: #af932f !important;
}

.btn-toggle.font-size.active svg {
  color: #000000 !important;
}

/* high contrast part */
body,
nav {
  transition: 0.3s ease-in-out;
}

body.high-contrast,
body.high-contrast .navbar {
  background-color: #000000 !important;
}

body.high-contrast #breadcrumbs li,
body.high-contrast p {
  color: #af932f !important;
}

body.high-contrast .nav-link,
body.high-contrast .nav-financial,
body.high-contrast .nav-impact-report,
body.high-contrast h5,
body.high-contrast #sa-introductory h5,
body.high-contrast p.h6 {
  color: #ffffff !important;
}

body.high-contrast .nav-link:hover::after,
body.high-contrast .nav-link.active::after {
  border-color: #af932f !important;
}

body.high-contrast .dropdown-menu {
  background-color: #af932f !important;
}

body.high-contrast .dropdown-menu a {
  color: #000000 !important;
}

body.high-contrast .nav-search-icon {
  filter: brightness(0) invert(1);
}

body.high-contrast .download-box p {
  color: #ffffff !important;
}

body.high-contrast .download-box {
  border-color: #af932f !important;
}

body.high-contrast .download-box::before {
  content: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1412 28.5L4.47458 16.5H12.4746V0.5H17.8079V16.5H25.8079L15.1412 28.5ZM27.1412 27.1667V29.8333H3.14125V27.1667H0.474579V32.5H29.8079V27.1667H27.1412Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  /* content: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1412 28.5L4.47458 16.5H12.4746V0.5H17.8079V16.5H25.8079L15.1412 28.5ZM27.1412 27.1667V29.8333H3.14125V27.1667H0.474579V32.5H29.8079V27.1667H27.1412Z' fill='%23AF932F'/%3E%3C/svg%3E%0A"); */
}

body.high-contrast .download-box:hover {
  background: #af932f;
}

body.high-contrast .download-box:hover p {
  color: #000000 !important;
}

body.high-contrast .download-box:hover::before {
  content: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1412 28.5L4.47458 16.5H12.4746V0.5H17.8079V16.5H25.8079L15.1412 28.5ZM27.1412 27.1667V29.8333H3.14125V27.1667H0.474579V32.5H29.8079V27.1667H27.1412Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  /* content: url('data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2030%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.1412%2028.5L4.47458%2016.5H12.4746V0.5H17.8079V16.5H25.8079L15.1412%2028.5ZM27.1412%2027.1667V29.8333H3.14125V27.1667H0.474579V32.5H29.8079V27.1667H27.1412Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A'); */
}

body.high-contrast {
  background: #000000 !important;
}

body.high-contrast .navy-blue-card {
  background-color: #af932f !important;
}

body.high-contrast .navy-blue-card h5,
body.high-contrast .navy-blue-card p {
  color: #000000 !important;
}

body.high-contrast .btn-toggle {
  border-color: #af932f !important;
  background-color: #000000 !important;
}

body.high-contrast .btn-toggle > svg {
  color: #ffffff !important;
}

body.high-contrast .btn-toggle:hover,
body.high-contrast .btn-toggle.active {
  background-color: #af932f !important;
  color: #000000 !important;
}

body.high-contrast .btn-toggle.font-size:hover,
body.high-contrast .btn-toggle.font-size.active {
  background-color: #600017 !important;
}

body.high-contrast .btn-toggle:hover svg,
body.high-contrast .btn-toggle.active svg {
  color: #ffffff !important;
}

body.high-contrast .btn-toggle.font-size.active {
  background-color: #600017 !important;
  color: #ffffff;
}

body.high-contrast .dropdown-item:hover,
body.high-contrast .dropdown-item:focus {
  background-color: #af932f !important;
  color: #600017 !important;
}

body.high-contrast footer {
  background-color: #000000 !important;
}

body.high-contrast footer span {
  color: #af932f !important;
}

body.high-contrast .tool {
  background-color: #af932f;
  color: #000000;
}

body.high-contrast .tool::after {
  border-right-color: #af932f;
}

body.high-contrast #home-float {
  background-color: #000 !important;
}

body.high-contrast h2.h1,
body.high-contrast h6 {
  color: #fff;
}

body.high-contrast .blue-overline-btn {
  background-color: transparent;
  border-color: #af932f;
  color: #af932f;
}

body.high-contrast .blue-overline-btn:hover {
  background-color: #af932f;
  color: #fff;
}

body.high-contrast #home-review p {
  color: #fff !important;
}

body.high-contrast #home-review .blue-overline-btn {
  background-color: #fff;
  color: #000f4d;
  border-color: white;
}

body.high-contrast #home-review .blue-overline-btn:hover {
  background-color: #af932f;
  color: #fff;
  border-color: #af932f;
}

body.high-contrast .white-bg-btn:hover {
  background-color: #af932f;
  color: #fff;
  border-color: #af932f;
}

/* continue high contrast part */
/* Year in Review */
body.high-contrast #breadcrumbs,
body.high-contrast #yir-introductory,
body.high-contrast #yir-living-our-mission,
body.high-contrast #yir-empower-team-usa,
body.high-contrast #yir-athlete-excellence,
body.high-contrast #yir-sport-advancement,
body.high-contrast #yir-community-growth,
body.high-contrast #yir-purpose-vision-mission,
body.high-contrast #yir-global-movement,
body.high-contrast #yir-msg-triple,
body.high-contrast .chart-info p {
  background-color: #000 !important;
}

body.high-contrast #yir-purpose-vision-mission li {
  color: black !important;
}

body.high-contrast .share-btn {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #af932f !important;
}

body.high-contrast .share-btn p {
  color: #fff !important;
}

body.high-contrast .share-btn:hover {
  background-color: #af932f !important;
  color: #000 !important;
}

body.high-contrast .share-btn:hover p {
  color: #000 !important;
}

body.high-contrast .share-btn:hover::before {
  filter: brightness(0%);
}

body.high-contrast .crimson-card-footer {
  background-color: #000 !important;
}

body.high-contrast .card {
  border-color: #af932f !important;
}

body.high-contrast a:hover {
  text-decoration: none !important;
}

body.high-contrast a:hover .crimson-card-footer {
  background-color: #af932f !important;
  color: #000 !important;
}

/* athlete excellence */
body.high-contrast #ae-hero.athlete-excellence,
body.high-contrast #ae-empowering-athletes,
body.high-contrast #ae-well-being-introductory,
body.high-contrast #ae-keeping-athletes-mentally-healthy,
body.high-contrast #ae-athlete-view-on-mental-health,
body.high-contrast #ae-mental-health-support,
body.high-contrast #ae-career-education-transition-support,
body.high-contrast #ae-athlete-marketing-platform-pilot,
body.high-contrast #ae-athlete-expression,
body.high-contrast #ae-paralympic-game-tokyo,
body.high-contrast #ae-introductory,
body.high-contrast #ae-competitor-quotes,
body.high-contrast #ae-performance,
body.high-contrast #pms-introductory,
body.high-contrast #pms-unique-games,
body.high-contrast #pms-safety-protocols,
body.high-contrast #pms-friend-family-hospitality-program {
  background-color: #000 !important;
}

body.high-contrast .grey-skewed-card {
  background-color: transparent !important;
  border: 1px solid #af932f !important;
}

body.high-contrast .crimson-skewed-card-text-layer {
  background-color: #af932f;
}

body.high-contrast
  .crimson-skewed-card:hover
  .crimson-skewed-card-text-layer
  h4 {
  color: #000 !important;
}

body.high-contrast .navy-skewed-card::before,
body.high-contrast .navy-skewed-card {
  background-color: #af932f !important;
}

body.high-contrast .navy-skewed-card p {
  color: #000 !important;
}

body.high-contrast .navy-skewed-card .share-btn p {
  color: #af932f !important;
}

body.high-contrast .navy-skewed-card .share-btn:hover {
  background-color: #fff !important;
}

body.high-contrast .navy-skewed-card .share-btn:hover p {
  color: #000 !important;
}

body.high-contrast li.paragraph {
  color: #af932f !important;
}

body.high-contrast a:hover {
  color: #fff;
}

/* sport advancement */
body.high-contrast #sa-building-stronger-future,
body.high-contrast #sa-introductory,
body.high-contrast #sa-skating,
body.high-contrast #sa-racial-social-justice,
body.high-contrast #sa-choice-award-winners {
  background-color: #000 !important;
}

body.high-contrast .animate-box {
  color: #fff !important;
}

body.high-contrast .fd-progressing {
  background-color: #dbe3e6;
  background-image: linear-gradient(to right, #af932f, #af932f);
}

/* community growth */
body.high-contrast #cp-introductory,
body.high-contrast .cp-subcontent,
body.high-contrast #cg-winner,
body.high-contrast #sa-award-winners {
  background-color: #000 !important;
}

/* financial */
body.high-contrast .report-card a:hover {
  background-color: #af932f;
}

body.high-contrast .report-card a:hover img {
  filter: brightness(0) invert(1);
}

body.high-contrast #financial-introductory {
  background-color: #000 !important;
}

body.high-contrast caption.h6 {
  color: #fff !important;
}

body.high-contrast #financial-resources td {
  color: #af932f !important;
}

body.high-contrast #financial-resources tr.border-bottom-navy,
body.high-contrast #financial-resources tr.border-bottom-navy.double::after {
  border-color: #af932f !important;
}

body.high-contrast .navbar-toggler-text {
  color: #fff;
}

body.high-contrast .navbar-toggler-icon {
  filter: brightness(0) invert(1);
}

body.high-contrast #ae-satisfied-athlete p {
  color: #fff !important;
}

body.high-contrast .legend span.legend-title {
  color: #fff !important;
}

/* mobile navbar */
.navbar-toggler {
  border: none;
}

.navbar-toggler.collapsed > .navbar-toggler-icon {
  background-image: url(../images/general/nav-bar.png);
}

.navbar-toggler > .navbar-toggler-icon {
  background-image: url(../images/general/nav-close.png);
}

.navbar-toggler-text {
  font-family: "Sharp Grotesk Semibold Italic 19";
  margin-top: 1rem;
  display: block;
  line-height: 11.47px;
  font-size: 9px;
  color: #000f4d;
  font-weight: 600;
}

.navbar-toggler.collapsed .navbar-toggler-text::after {
  content: "MENU";
}

.navbar-toggler .navbar-toggler-text::after {
  content: "CLOSE";
}

#navbarTogglerMobile {
  background-color: #000f4d;
  height: calc(100vh - 114.859px) !important;
  font-family: "Sharp Grotesk Semibold Italic 19";
  font-size: 25px;
  line-height: 37px;
  font-weight: 600;
  overflow: hidden;
}

#navbarTogglerMobile a {
  color: #fff !important;
}

#navbarTogglerMobile .navbar-nav {
  padding: 2rem 0;
}

#navbarTogglerMobile .navbar-nav > li.child {
  font-size: 18px;
}

#navbarTogglerMobile .navbar-nav > li {
  padding-bottom: 2rem;
  width: 100%;
}

#navbarTogglerMobile .navbar-nav > li > a {
  display: flex;
  width: 100%;
  position: relative;
  padding-right: 50px;
}

#navbarTogglerMobile .navbar-nav > li > a::after {
  content: "";
  background-image: url(../images/general/arrow-right.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#navbarTogglerMobile .navbar-nav > li > a.mobile-nav-navigate-back {
  padding-right: 0;
  padding-left: 50px;
}

#navbarTogglerMobile .navbar-nav > li > a.mobile-nav-navigate-back::after {
  background-image: url(../images/general/arrow-left.png);
  position: absolute;
  left: 0;
}

#navbarTogglerMobile .nav-search-icon {
  transform: none;
  top: 0;
  position: initial;
}

.main-nav-content {
  transition: 0.3s ease-in-out;
  transform: translateX(0);
}

.main-nav-content.hide {
  transform: translateX(-150%);
}

.side-nav-content {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 15px !important;
  padding-right: 15px !important;
  transform: translateX(150%);
  transition: 0.3s ease-in-out;
}

.side-nav-content.show {
  transform: translateX(0);
}

@media only screen and (min-width: 1200px) {
  #navbarTogglerMobile {
    display: none !important;
  }
}

@media only screen and (max-width: 1199px) {
  .sticky-part {
    top: 113.47px;
    height: calc(100vh - 113.47px);
  }
}