.section-title {
  font-family: "Fira sans", sans-serif;
  font-weight: 500; }

.upcoming-header {
  width: 100%;
  max-width: 2000px;
  height: 300px;
  margin: auto;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: white;
  text-align: center; }
  .upcoming-header h1 {
    border: none !important;
    text-align: center;
    font-family: "Fira sans", sans-serif;
    color: white;
    font-weight: bold;
    margin-top: 50px !important;
    margin-bottom: 10px; }

.upcoming-container.upcoming-conference {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start; }
  .upcoming-container.upcoming-conference .upcoming-item {
    background: white;
    border-radius: 3px;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
    width: 100%;
    margin: 10px;
    display: flex; }
    .upcoming-container.upcoming-conference .upcoming-item a {
      text-decoration: none;
      transition: .2s all; }
      .upcoming-container.upcoming-conference .upcoming-item a:hover {
        opacity: .7; }
    .upcoming-container.upcoming-conference .upcoming-item .upcoming-featured {
      width: 35%; }
      .upcoming-container.upcoming-conference .upcoming-item .upcoming-featured div {
        width: 100%;
        height: 100%;
        min-height: 250px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        transition: .2s all; }
    .upcoming-container.upcoming-conference .upcoming-item .upcoming-featured:hover > a > div {
      opacity: .7; }
    .upcoming-container.upcoming-conference .upcoming-item .upcoming-content {
      padding: 40px;
      box-sizing: border-box; }
      .upcoming-container.upcoming-conference .upcoming-item .upcoming-content .upcoming-date {
        color: #7A7A7A;
        font-size: 1rem; }
        .upcoming-container.upcoming-conference .upcoming-item .upcoming-content .upcoming-date:before {
          content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="calendar" class="svg-inline--fa fa-calendar fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 700" width="16px" height="16px"><path fill="%237A7A7A" d="M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z"></path></svg>');
          display: inline-block;
          margin-right: 10px;
          margin-top: 3px;
          vertical-align: middle; }
      .upcoming-container.upcoming-conference .upcoming-item .upcoming-content h2 {
        font-family: "Fira sans", sans-serif;
        text-decoration: none;
        font-weight: 500;
        transition: .2s all; }
      .upcoming-container.upcoming-conference .upcoming-item .upcoming-content a h2:hover {
        opacity: .7; }
      .upcoming-container.upcoming-conference .upcoming-item .upcoming-content .upcoming-meta {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start; }
        .upcoming-container.upcoming-conference .upcoming-item .upcoming-content .upcoming-meta .upcoming-home_url {
          margin-right: 10px; }
        .upcoming-container.upcoming-conference .upcoming-item .upcoming-content .upcoming-meta .upcoming-language, .upcoming-container.upcoming-conference .upcoming-item .upcoming-content .upcoming-meta .upcoming-location {
          margin-right: 20px;
          color: #5D6487; }
        .upcoming-container.upcoming-conference .upcoming-item .upcoming-content .upcoming-meta .upcoming-language:before {
          content: url(globe-solid.svg);
          display: inline-block;
          width: 16px;
          height: 16px;
          margin-right: 10px;
          vertical-align: middle;
          margin-bottom: 10px; }
        .upcoming-container.upcoming-conference .upcoming-item .upcoming-content .upcoming-meta .upcoming-location:before {
          content: url(map-marker-solid.svg);
          display: inline-block;
          width: 16px;
          height: 16px;
          margin-right: 10px;
          vertical-align: sub; }

.upcoming-button {
  background: #E9E9E9;
  width: 100%;
  padding: 5px;
  display: block;
  color: #6B6B6B !important;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  transition: .2s all;
  border-radius: 3px;
  margin-top: 5px;
  font-size: .8rem;
  text-transform: uppercase;
  padding: 5px 15px; }
  .upcoming-button:hover {
    background: #F2F2F2; }

.upcoming-container.upcoming-webinar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start; }
  .upcoming-container.upcoming-webinar .upcoming-item {
    background: white;
    border-radius: 3px;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
    width: calc(25% - 10px);
    min-width: 280px;
    max-width: 350px;
    margin: 10px; }
    .upcoming-container.upcoming-webinar .upcoming-item .upcoming-featured {
      width: 100%;
      height: 120px;
      background-size: cover, cover;
      background-position: center center;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      background-repeat: no-repeat;
      transition: .2s all; }
    .upcoming-container.upcoming-webinar .upcoming-item a > .upcoming-featured:hover {
      opacity: .7; }
    .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content {
      padding: 10px;
      box-sizing: border-box; }
      .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content .upcoming-item-category {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 600;
        color: #686C93; }
        .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content .upcoming-item-category img {
          width: 32px;
          margin-right: 10px; }
        .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content .upcoming-item-category a {
          color: #686C93;
          transition: .2s all; }
          .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content .upcoming-item-category a:hover {
            opacity: .7; }
      .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content a {
        text-decoration: none; }
      .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content h2 {
        font-family: "Fira Sans",sans-serif;
        font-size: 1.2rem;
        font-weight: bold;
        text-decoration: none;
        transition: .2s all; }
      .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content a > h2:hover {
        opacity: .7; }
      .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content .upcoming-date {
        color: #7A7A7A;
        font-size: 10pt; }
        .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content .upcoming-date:before {
          content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="calendar" class="svg-inline--fa fa-calendar fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 700" width="16px" height="16px"><path fill="%237A7A7A" d="M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z"></path></svg>');
          display: inline-block;
          vertical-align: top;
          margin-top: 3px; }
      .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content .upcoming-button.register-button {
        background: #0356a7;
        color: white !important; }
        .upcoming-container.upcoming-webinar .upcoming-item .upcoming-content .upcoming-button.register-button:hover {
          background: #1f69b3; }

.upcoming-recordings-container {
  width: 100%;
  background: #0356a7;
  display: flex;
  justify-content: center;
  margin-top: 2rem; }
  .upcoming-recordings-container .upcoming-recordings-inner {
    width: 100%;
    max-width: 1210px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    color: #FFF;
    margin-top: 30px;
    margin-bottom: 40px; }
    .upcoming-recordings-container .upcoming-recordings-inner .upcoming-recordings-image {
      background-image: url("recording-illustration.png");
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      width: 40%;
      margin-right: 40px;
      margin-top: 20px; }
    .upcoming-recordings-container .upcoming-recordings-inner .upcoming-recordings-content {
      padding: 20px; }
      .upcoming-recordings-container .upcoming-recordings-inner .upcoming-recordings-content h2 {
        font-family: "Fira sans", sans-serif;
        font-weight: 500;
        margin-bottom: 1rem;
        color: #FFF; }
      .upcoming-recordings-container .upcoming-recordings-inner .upcoming-recordings-content .upcoming-recordings-buttons-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        .upcoming-recordings-container .upcoming-recordings-inner .upcoming-recordings-content .upcoming-recordings-buttons-container a {
          background: white;
          color: #0356a7;
          font-weight: 500;
          text-decoration: none;
          border-radius: 3px;
          margin-right: 5px;
          margin-bottom: 5px;
          display: inline-block;
          padding: 5px 15px;
          transition: .2s all; }
          .upcoming-recordings-container .upcoming-recordings-inner .upcoming-recordings-content .upcoming-recordings-buttons-container a:hover {
            background: #dae7ff; }

@media (max-width: 768px) {
  .upcoming-container.upcoming-conference .upcoming-item {
    flex-direction: column; }
    .upcoming-container.upcoming-conference .upcoming-item .upcoming-featured {
      min-height: 250px;
      width: 100%; }

  .upcoming-container.upcoming-webinar {
    justify-content: center; }

  .upcoming-recordings-inner {
    flex-direction: column !important; }
    .upcoming-recordings-inner .upcoming-recordings-image {
      min-height: 300px;
      width: 100% !important;
      background-size: contain !important; } }

/*# sourceMappingURL=upcoming.css.map */