.cw-link--primary {
  letter-spacing: .09em;
  text-transform: uppercase;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: var(--ds-v1-link-primary-underline);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  position: relative
}

.cw-link--primary:hover {
  text-decoration-color: var(--ds-v1-link-primary-underline-hover)
}

[css--display-mode=light] .cw-link--primary,
[css--display-mode=light--primary] .cw-link--primary,
[css--display-mode=light--secondary] .cw-link--primary {
  color: var(--ds-v1-link-primary-text) !important
}

[css--display-mode=light] .cw-link--primary:hover,
[css--display-mode=light--primary] .cw-link--primary:hover,
[css--display-mode=light--secondary] .cw-link--primary:hover {
  color: var(--ds-v1-link-primary-text-hover) !important
}

[css--display-mode=dark] .cw-link--primary,
[css--display-mode=dark] .cw-link--primary:hover,
.cw-link--primary.inverted,
.cw-link--primary.inverted:hover {
  color: var(--ds-v1-text-inverted) !important
}

.cw-link--body {
  color: var(--ds-v1-link-primary-text);
  text-transform: none
}

.cw-button {
  background: var(--ds-v1-button-primary-bg) !important;
  color: var(--ds-v1-button-primary-text) !important;
  transition: all .5s ease-out;
  border-radius: 4px;
  text-decoration: none
}

.cw-button:hover {
  background: var(--ds-v1-button-primary-bg-hover) !important;
  transition: all .5s ease-out
}

.heading-3xl {
  font-family: Kazimir Text, serif !important;
  font-weight: 400 !important;
  font-size: 2.8rem !important;
  line-height: 3.2rem !important
}

@media (max-width: 991px) {
  .heading-3xl {
    font-size: 2.3rem !important;
    line-height: 2.6rem !important
  }
}

.heading-2xl,
.proxima-heading-2xl {
  font-family: Kazimir Text, serif !important;
  font-weight: 400 !important;
  font-size: 2.3rem !important;
  line-height: 2.6rem !important
}

@media (max-width: 991px) {

  .heading-2xl,
  .proxima-heading-2xl {
    font-size: 1.75rem !important;
    line-height: 2rem !important
  }
}

.heading-xl,
.proxima-heading-xl {
  font-family: Kazimir Text, serif !important;
  font-weight: 400 !important;
  font-size: 1.75rem !important;
  line-height: 2rem !important
}

@media (max-width: 991px) {

  .heading-xl,
  .proxima-heading-xl {
    font-size: 1.4rem !important;
    line-height: 1.6rem !important
  }
}

.heading-l {
  font-family: Kazimir Text, serif !important;
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  line-height: 1.6rem !important
}

@media (max-width: 991px) {
  .heading-l {
    font-size: 1.05rem !important;
    line-height: 1.2rem !important
  }
}

.heading-m {
  font-family: Proxima Nova, sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.05rem !important;
  line-height: 1.2rem !important
}

@media (max-width: 991px) {
  .heading-m {
    font-size: .9rem !important;
    line-height: 1rem !important
  }
}

.heading-s {
  font-family: Proxima Nova, sans-serif !important;
  font-weight: 500 !important;
  font-size: .9rem !important;
  line-height: 1rem !important
}

@media (max-width: 991px) {
  .heading-s {
    font-size: .8rem !important;
    line-height: .9rem !important
  }
}

.heading-xs,
.heading-eyebrow {
  font-family: Proxima Nova, sans-serif !important;
  font-weight: 500 !important;
  font-size: .7rem !important;
  line-height: .8rem !important;
  letter-spacing: .1rem !important;
  text-transform: uppercase !important
}

.heading-eyebrow {
  font-family: Proxima Nova, sans-serif !important;
  color: var(--ds-v1-text-accent) !important
}

.body-l {
  font-family: Proxima Nova, sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.4rem !important
}

@media (max-width: 991px) {
  .body-l {
    font-size: .9rem !important;
    line-height: 1.2rem !important
  }
}

.body-m {
  font-family: Proxima Nova, sans-serif !important;
  font-size: .9rem !important;
  line-height: 1.2rem !important
}

@media (max-width: 991px) {
  .body-m {
    font-size: .8rem !important;
    line-height: 1rem !important
  }
}

.body-s,
.cw-link--primary {
  font-family: Proxima Nova, sans-serif !important;
  font-size: .8rem !important;
  line-height: 1rem !important
}

@media (max-width: 991px) {

  .body-s,
  .cw-link--primary {
    font-size: .7rem !important;
    line-height: 1rem !important
  }
}

.body-xs {
  font-family: Proxima Nova, sans-serif !important;
  font-size: .7rem !important;
  line-height: 1rem !important
}

.body-2xs {
  font-family: Proxima Nova, sans-serif !important;
  font-size: .6rem !important;
  line-height: .8rem !important
}

.label-xs {
  font-family: Proxima Nova, sans-serif !important;
  font-weight: 500;
  font-size: .7rem !important;
  line-height: .8rem !important;
  letter-spacing: .04em;
  text-transform: uppercase !important
}

.label-2xs {
  font-family: Proxima Nova, sans-serif !important;
  font-weight: 500;
  font-size: .6rem !important;
  line-height: .8rem !important;
  letter-spacing: .04em;
  text-transform: uppercase !important
}

.label-3xs {
  font-family: Proxima Nova, sans-serif !important;
  font-weight: 500;
  font-size: .5rem !important;
  line-height: .6rem !important;
  letter-spacing: .04em;
  text-transform: uppercase !important
}

.inconsolata-heading-s {
  font-family: Inconsolata, monospace !important;
  font-weight: 600 !important;
  font-size: .9rem !important
}

.inconsolata-m {
  font-family: Inconsolata, monospace !important;
  font-weight: 400 !important;
  font-size: .9rem !important
}

.inconsolata-s {
  font-family: Inconsolata, monospace !important;
  font-weight: 400 !important;
  font-size: .8rem !important
}

.inconsolata-label {
  font-family: Inconsolata, monospace !important;
  font-weight: 600 !important;
  font-size: .7rem !important;
  letter-spacing: .06em;
  text-transform: uppercase !important;
  line-height: .8rem !important
}

@media (max-width: 991px) {
  .inconsolata-label {
    font-size: .6rem !important
  }
}

.proxima-heading-2xl {
  font-family: Proxima Nova, sans-serif !important
}

.proxima-heading-xl {
  font-family: Proxima Nova, sans-serif !important;
  font-weight: 600 !important
}

.nav-bar {
  background: var(--ds-v1-nav-bg);
  border-bottom: solid 1px var(--ds-v1-nav-border);
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100000
}

.nav-bar.fixed {
  position: fixed;
  background: #fff;
  top: -80px;
  border-bottom: solid 1px #dfdfd7;
  transform: translateY(80px);
  transition: transform .5s ease, background .25s ease
}

.nav-bar.fixed .nav-bar-section .logo a {
  background-image: url(../svg/cw-logo-dark-BcPk1WVG.svg)
}

.nav-bar.fixed .nav-items {
  display: none
}

.nav-bar.fixed .mycw-nav {
  display: none !important
}

@media only screen and (min-width:1025px) {
  .nav-bar.fixed .right-side .donate-link .button-links:before {
    display: none !important
  }
}

.nav-bar-section {
  padding: 24px;
  position: relative;
  height: 80px
}

.nav-bar-section .dropdown-parent-link a,
.nav-bar-section .header a,
.nav-bar-section .user-access a {
  color: #333232;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .9px
}

.nav-bar-section .dropdown-parent-link a:hover,
.nav-bar-section .header a:hover,
.nav-bar-section .user-access a:hover {
  color: #676464
}

.nav-bar-section ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.nav-bar-section .nav-items {
  display: none;
  position: relative
}

.nav-bar-section .logo {
  background-image: url(../svg/cw-logo-dark-BcPk1WVG.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 165px;
  height: 24px
}

.nav-bar-section .offcanvas-open-link {
  font-size: 20px
}

.nav-bar-section .right-side,
.nav-bar-section .right-side .donate-link {
  display: flex
}

.nav-bar-section .right-side .donate-link .button-links:before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: -2px;
  background: #71716c;
  transform: translateY(-50%)
}

@media only screen and (min-width:641px) {
  .nav-bar-section .right-side .donate-link .button-links:before {
    height: 25px
  }
}

.nav-bar-section .right-side .mycw-nav .dropdown {
  display: none
}

.nav-bar-section .right-side .mycw-nav .cw-icon-caret-down {
  display: block;
  top: 50%;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  font-size: 13px
}

nav.minimal .nav-bar-section .nav-items,
nav.minimal .nav-bar-section .right-side .donate-link,
nav.minimal .nav-bar-section .mobile-donate {
  display: none
}

@media only screen and (min-width:641px) {
  nav.wide-nav .nav-bar-section {
    max-width: none;
    margin-left: 24px;
    margin-right: 24px
  }
}

.mobile-nav-items a {
  color: #333232
}

.mobile-nav-items a:hover {
  color: #676464
}

.mobile-nav-items img {
  width: 24px
}

@media only screen and (min-width:1025px) {
  .nav-bar-section {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
  }

  .nav-bar-section .nav-items {
    display: block
  }

  .nav-bar-section .mobile-nav-items {
    display: none
  }

  .nav-bar-section .nav-items {
    display: flex;
    align-items: center
  }

  .nav-bar-section .nav-items li {
    margin-left: 52px
  }

  .nav-bar-section .nav-items li:hover .dropdown-parent-link a:after,
  .nav-bar-section .nav-items li:hover .header a:after {
    background-color: var(--cw-yellow-500) !important;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -4px;
    content: "";
    display: inline !important;
    left: 0;
    border-radius: 2px
  }

  .nav-bar-section .nav-items:hover .dropdown-parent-link a,
  .nav-bar-section .nav-items:hover .dropdown-parent-link .icn {
    opacity: .75
  }

  .nav-bar-section .nav-items .dropdown-parent-link a {
    display: block;
    transition-property: opacity, color
  }

  .nav-bar-section .nav-items .dropdown-parent-link a:hover {
    opacity: 1;
    color: #333232
  }

  .nav-bar-section .right-side .mycw-nav .dropdown {
    top: 45px;
    width: 275px
  }

  .nav-bar-section .right-side .mycw-nav .dropdown .truncate-line {
    width: 178px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  .nav-bar-section .right-side .mycw-nav .dropdown li {
    padding: 0
  }

  .nav-bar-section .right-side .mycw-nav .dropdown li a {
    color: var(--cw-grey-900);
    line-height: 20px !important
  }

  .nav-bar-section .right-side .mycw-nav .dropdown li a:hover {
    background-color: #f7f7f7
  }

  .nav-bar-section .right-side .mycw-nav .dropdown .team-name:not(:last-of-type) {
    margin-bottom: 0
  }

  .nav-bar-section .right-side .mycw-nav .has-dropdown:hover:before {
    height: 60px
  }

  .nav-bar-section .right-side .mycw-nav .has-dropdown:before {
    content: "";
    display: block;
    width: 80px;
    height: 30px;
    position: absolute;
    top: 0;
    left: -15px
  }

  .nav-bar-section .right-side .mycw-nav .has-dropdown a {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 15px
  }

  .nav-bar-section .right-side .mycw-nav .profile-caret {
    display: none
  }

  .nav-bar-section .dropdown {
    text-align: left;
    display: none;
    padding: 0;
    position: absolute;
    z-index: 100000;
    width: 320px;
    background: #fff;
    border: 1px solid var(--ds-v1-nav-dropdown-border);
    top: 32px !important
  }

  .nav-bar-section .dropdown:hover {
    display: block;
    box-shadow: 0 2px 2px #00000026
  }

  .nav-bar-section .dropdown.dropdown-right {
    left: auto;
    right: 0
  }

  .nav-bar-section .dropdown .dropdown-child .header img,
  .nav-bar-section .dropdown .dropdown-child .dropdown-child-description {
    display: none
  }

  .nav-bar-section .dropdown .dropdown-child:hover {
    background-color: #f7f7f7
  }

  .nav-bar-section .dropdown .dropdown-child:hover .header img,
  .nav-bar-section .dropdown .dropdown-child:hover .dropdown-child-description {
    display: block
  }

  .nav-bar-section .dropdown .dropdown-child:not(:last-child) {
    border-bottom: 1px solid #dfdfd7
  }

  .nav-bar-section .has-dropdown {
    position: relative
  }

  .nav-bar-section .has-dropdown:hover .dropdown-parent-link .cw-icon-chevron-down:before {
    content: ""
  }

  .nav-bar-section .has-dropdown:hover .dropdown-parent-link a,
  .nav-bar-section .has-dropdown:hover .dropdown-parent-link .icn {
    color: #333232;
    opacity: 1
  }

  .nav-bar-section .has-dropdown:hover .nav-hover-extender,
  .nav-bar-section .has-dropdown:hover .dropdown {
    display: block
  }

  .nav-bar-section .has-dropdown .nav-hover-extender {
    left: 50%;
    transform: translate(-50%);
    width: 120%;
    height: 60px;
    display: none
  }

  .nav-bar-section .no-dropdown a {
    position: relative;
    z-index: 100001
  }
}

@media only screen and (max-width:640px) {
  .nav-bar.profile-nav .nav-bar-section .right-side .donate-link .button-links {
    margin-left: 0 !important;
    padding-left: 0 !important
  }
}

.nav-bar.profile-nav .nav-bar-section .right-side .donate-link .button-links:before {
  display: none
}

@media only screen and (min-width:1025px) {
  .nav-bar.profile-nav .nav-bar-section .right-side .donate-link .button-links:before {
    display: block
  }
}

.nav-bar.profile-nav .mycw-nav {
  display: none
}

@media only screen and (min-width:1025px) {
  .nav-bar.profile-nav .mycw-nav {
    display: block
  }
}