@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@300;400&display=swap');



body, .l-site {
  font-family: Open Sans, Roboto, sans-serif;
}

h1, h2 {
  font-family: Aleo, "Barlow Condensed Extra Bold", sans-serif !important;
  font-weight: 300 !important;
  text-transform: none !important;
}
h3, h4 {
  font-family: Aleo, "Barlow Condensed Extra Bold", sans-serif;
  font-weight: 300;
  line-height: 1.25;
  text-transform: none;
}


.c-cta {
  font-family: Aleo, "Barlow Condensed Extra Bold", sans-serif;
  font-weight: 400;
}


.footer-upper {
  background: #5b6369;
}
.footer-upper-hashtag {
  margin-bottom: 10px;
}


.hero-section h1 {
  font-size: 44px;
  margin-top: 60px;
}
.hero-section h3 {
  font-size: 21px;
  font-weight: 400;
}
.hero-section div[data-testid="hero-module-short-text-wrapper"] {
  max-width: 100%;
}


.related-event-section:not(#new) {
  padding-bottom: 30px;
}
.related-event-section:not(#new) a {
  opacity: .9;
  outline: 4px solid rgba(222,51,80,0);
  transition: all .2s ease;
}
.related-event-section:not(#new) a:active, 
.related-event-section:not(#new) a:focus, 
.related-event-section:not(#new) a:hover {
  opacity: 1;
  outline: 4px solid rgba(222,51,80,1);
}
.related-event-section:not(#new), 
.related-event-section:not(#new) > div > div {
   background: #fff;
}
.related-event-section:not(#new) h2 {
  color: rgb(51, 60, 64);
  font-size: 40px;
  font-style: normal;
  line-height: 1;
  margin-top: 20px;
}


#event-stats > div {
  background-image: url('https://knect365.imgix.net/uploads/bkgrnd-stats-47d7245c58789dd0074ba6dee130c00c.jpg');
  background-size: cover;
}
#event-stats .container > div:nth-of-type(n+2) h2 {
  border-bottom: 2px solid #272828;
  color: #c71f40;
  font-size: 80px;
  line-height: 92px;
}

#lead-in > div {
  padding-bottom: 0;
}

#network-train-market h5,
#network-train-market p,
#latest h2, #latest p {
  text-align: center !important;
}

#showcase h2 {
  display: none;
}

#staff h3 {
}
#staff h4 {
  margin-top: .5em;
}
#staff h4[data-testid="speaker-company"] {
  display: none;
}
#staff div[data-testid="speaker-card"] a, #staff div[data-testid="speaker-card"] a *, 
#staff div[data-testid="speaker-card"] a:active, #staff div[data-testid="speaker-card"] a:active *,
#staff div[data-testid="speaker-card"] a:hover, #staff div[data-testid="speaker-card"] a:hover * {
  transition: all .15s ease;
  text-decoration: none;
}
#staff div[data-testid="speaker-card"] a > :first-child {
  background-position: center center;
  background-size: 102.90909%;
  filter: saturate(.3);
}
#staff div[data-testid="speaker-card"] a:active > :first-child,
#staff div[data-testid="speaker-card"] a:hover > :first-child {
  background-size: 100%;
  filter: saturate(1);
}
#staff div[data-testid="speaker-card"] a > :first-child > div {
  opacity: 0;
}
#staff div[data-testid="speaker-card"] a:active > div:nth-of-type(2),
#staff div[data-testid="speaker-card"] a:hover > div:nth-of-type(2) {
  background-color: #DE3350;
}


#upcoming {
  background: #3e3e40 !important;
  padding-top: 20px !important;
}
#upcoming > div > div {
  background: #3e3e40 !important;
  padding: 10px 0 50px !important;
}
#upcoming h2 {
  color: #fff !important;
}



@media (max-width: 47.99em) {
  .footer-upper-contacts__social-list {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  #home-header h1 {
    margin-right: 40%;
    margin-top: 180px;
  }
}





/* ------------------------------------------------------------ NEW SITE CUSTOM CSS ------------------------------------------------------------ */

.custom-page-section div > a:not(.c-cta) {
  border-width: 3px;
  font-size: 20px;
}

.image-section#new h5 {
  font-weight: 400;
}
.image-section#new h5 a {
  border-bottom: 2px solid rgb(222, 51, 80);
  text-decoration: none;
}
.image-section#new h5 a:active,
.image-section#new h5 a:hover {
  color: rgba(222,51,80,1);
}



.l-site--delegations #contact h3 {
  margin-bottom: 0;
}
.l-site--delegations #contact .Text__Wrapper-sc-1961sqx-0 {
  min-height: unset !important;
}

.l-site--delegations #partners > div > div:before,
/* .l-site--media-partnerships #partners > div > div:before, */
.l-site--sponsorship-opportunities #partners > div > div:before {
  color: rgb(51, 60, 64);
  content: "Some of our partners...";
  display: block;
  font-family: Aleo, "Barlow Condensed Extra Bold", sans-serif;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: .5em;
  text-align: center;
}

#academy-promo .container > div:nth-of-type(3) > div:nth-of-type(2) > div > div:nth-of-type(1) {
  margin-bottom: 0;
}
#academy-promo .container > div:nth-of-type(3) > div:nth-of-type(2) > div > div:nth-of-type(2) {
  display: none;
}

#events-promo .container > div:nth-of-type(3) > div:nth-of-type(1) > div > div:nth-of-type(1) {
  margin-bottom: 0;
}
#events-promo .container > div:nth-of-type(3) > div:nth-of-type(1) > div > div:nth-of-type(2) {
  display: none;
}

#latest-news .container > div:nth-of-type(3) > div:nth-of-type(1) > div > div:nth-of-type(1) {
  margin-bottom: 0;
}
#latest-news .container > div:nth-of-type(3) > div:nth-of-type(1) > div > div:nth-of-type(2) {
  display: none;
}

#offerings .embed-responsive {
  margin-top: 20px;
}

#about-hero h1, #about-hero h3,
#team-hero h1, #team-hero h3 {
  color: #000;
  text-shadow: rgba(255,255,255,.6) 0px 3px 6px;
}
#about-hero .c-cta--hollow, #team-hero .c-cta--hollow {
  background-color: #DE3350;
  color: rgba(0, 0, 0, 0.8);
}


@media only screen and (min-width: 768px) {
  .l-site--delegations #contact h3 {
    margin-top: 40px;
  }
  #about-hero.hero-section div[data-testid="hero-module-short-text-wrapper"] {
    max-width: 68%;
  }
  #anniversary-hero.hero-section div[data-testid="hero-module-short-text-wrapper"],
  #team-hero.hero-section div[data-testid="hero-module-short-text-wrapper"] {
    max-width: 87%;
  }
  #delegations-hero.hero-section div[data-testid="hero-module-short-text-wrapper"] {
    max-width: 75%;
  }
}

@media only screen and (min-width: 960px) {
  .l-site--new-about #staff .col-sm-3 {
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media only screen and (min-width: 1080px) {
  #latest-news p, #nutshell p {
    font-size: 18px;
    line-height: 1.375;
  }
}

@media only screen and (min-width: 1200px) {
  #latest-news p, #nutshell p {
    font-size: 20px;
  }
}