/***** 1- Abstracts ******/
/* 1.1 Variables */
/* 1.2 Typography */
/* Font Families */
/* Font Weights */
/* Mobile Font Sizes */
/* Tablet Font Sizes */
/* Desktop Font Sizes */
html {
  font-family: "Calibri", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
html h1 {
  font-size: 23px;
  line-height: 1.2;
}
html h2 {
  font-size: 16px;
  line-height: 1.2;
}
html h3 {
  font-size: 20px;
  line-height: 1.2;
}
html h4 {
  line-height: 1.2;
}
html .date {
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  html {
    font-size: 17px;
  }
  html h1 {
    font-size: 30px;
  }
  html h2 {
    font-size: 17px;
  }
  html h3 {
    font-size: 26px;
  }
  html .date {
    font-size: 20px;
  }
}
@media screen and (min-width: 1400px) {
  html {
    font-size: 18px;
  }
  html h1 {
    font-size: 36px;
  }
  html h2 {
    font-size: 18px;
  }
  html h3 {
    font-size: 32px;
  }
  html .date {
    font-size: 24px;
  }
}
/* 1.3 Placeholders */
.podcasts .content-container .content .team-members .member h3, .site-main .about-us .about-us-container .about-us-content h3, main .about-us .about-us-container .about-us-content h3, .about .about-projects .project-highlight h4, .newsletter-popup-container .popup-content .popup-form h3, .page-header .header-container h1, html h1, html h3 {
  font-weight: 400;
  color: #000000;
}

.site-main .about-us .about-us-container .about-us-content h2, main .about-us .about-us-container .about-us-content h2, .newsletter-popup-container .popup-content .popup-form h2, .page-header .header-container h2, .card-past-link .card-past .card-top .past-card-date, html h2 {
  font-weight: 700;
  color: #0076BD;
  text-transform: uppercase;
}

/***** 2- Components ******/
/* 2.1 Past Session Card */
.card-past-link {
  display: grid;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0px 0px 15px rgba(86, 86, 86, 0.1490196078);
  margin-bottom: 40px;
}
.card-past-link .card-past {
  display: grid;
  grid-template-rows: 205px auto auto;
}
.card-past-link .card-past img {
  width: 100%;
  height: 205px;
  object-fit: cover;
}
.card-past-link .card-past .card-top {
  margin-top: 10px;
  padding: 0px 38px;
}
.card-past-link .card-past .card-top .past-card-date {
  font-size: 16px;
}
.card-past-link .card-past .card-top .past-card-title {
  font-size: 20px;
}
.card-past-link .card-past .card-bottom {
  margin: 20px 0;
  padding: 0px 38px;
  align-self: end;
}
.card-past-link .card-past .card-bottom .learn-more-btn {
  background-color: #00639E;
  color: #FFFFFF;
  padding: 9px 57px;
  border-radius: 4px;
  text-decoration: none;
}

#card-link:hover {
  box-shadow: 10px 10px 30px rgba(56, 56, 56, 0.1490196078);
  text-decoration: none;
}

/* 2.2 Podcast Card */
.card-podcast-link {
  display: grid;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0px 0px 15px rgba(86, 86, 86, 0.1490196078);
  margin-bottom: 40px;
}
.card-podcast-link .card-podcast {
  display: grid;
  grid-template-rows: 205px auto auto;
}
.card-podcast-link .card-podcast img {
  width: 100%;
  height: 205px;
  object-fit: cover;
}
.card-podcast-link .card-podcast .podcast-episode-content {
  margin-top: 10px;
  padding: 0 38px;
}
.card-podcast-link .card-podcast .podcast-episode-content h2 {
  font-size: 16px;
  margin-bottom: 20px;
}
.card-podcast-link .card-podcast .podcast-episode-content h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.card-podcast-link .card-podcast .card-bottom {
  align-self: end;
  padding: 0 38px;
  margin-bottom: 20px;
}
.card-podcast-link .card-podcast .card-bottom p {
  color: #7E7E7E;
  border-top: 1px solid #6DC7FF;
  padding-top: 10px;
}
.card-podcast-link .card-podcast:hover {
  box-shadow: 10px 10px 30px rgba(56, 56, 56, 0.1490196078);
}

/* 2.3 Upcoming Session Card */
.card-upcoming {
  background: transparent linear-gradient(105deg, #0076BD 0%, #095785 100%) 0% 0% no-repeat padding-box;
  border-radius: 4px;
  padding: 40px;
}
.card-upcoming .card-top .divider-line {
  width: 50px;
  height: 4px;
  background-color: #6DC7FF;
  margin: 20px 0;
}
.card-upcoming .card-top h3, .card-upcoming .card-top h2, .card-upcoming .card-top p {
  color: #FFFFFF;
}
.card-upcoming .card-top p {
  font-weight: 500;
}
.card-upcoming .card-top h2 {
  margin-bottom: 16px;
}
.card-upcoming .card-bottom .register-btn {
  background-color: #FFFFFF;
  color: #00639E;
  padding: 9px 30px;
  border-radius: 4px;
  text-decoration: none;
  max-width: 150px;
  margin-top: 32px;
}

@media screen and (min-width: 600px) {
  .card-upcoming .card-bottom .register-btn {
    padding: 9px 70px;
    max-width: 198px;
  }
}
/* 2.4 Carousel */
.carousel {
  position: relative;
  width: 100%;
  margin: auto;
}
.carousel .card.hidden {
  display: none;
}
.carousel .card.active {
  display: block;
}
.carousel .dots {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 40px;
  margin-right: 60px;
}
.carousel .dots .dot {
  background-color: #FFFFFF;
  opacity: 0.5;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 0 4px;
  cursor: pointer;
  transition: background-color 0.6s ease;
}
.carousel .dots .dot:hover {
  opacity: 0.8;
}
.carousel .dots .dot.active {
  opacity: 1;
}
.carousel .fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

/* 2.5 Footer */
.footer {
  background-color: #F4F4F4;
  border-top: 10px solid #C8E2F2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footer .footer-container {
  max-width: 1552px;
  margin: auto;
  width: 80.7%;
}
.footer .footer-container .upper-footer {
  margin: 60px auto 32px auto;
}
.footer .footer-container .upper-footer .footer-logo {
  display: flex;
  margin-bottom: 20px;
}
.footer .footer-container .upper-footer .footer-logo img {
  width: 364px;
}
.footer .footer-container .divider-line {
  width: 100%;
  height: 1px;
  background-color: #00639E;
  margin: 10px auto;
}
.footer .footer-container .lower-footer {
  margin: 32px auto 60px auto;
}
.footer .footer-container .lower-footer .footer-menu {
  margin: 0;
  padding: 0;
}
.footer .footer-container .lower-footer .footer-menu li {
  margin-bottom: 10px;
}
.footer .footer-container .lower-footer .footer-menu li a {
  text-decoration: none;
  color: #000000;
}
.footer .footer-container .lower-footer .copy-container {
  color: #707070;
}
.footer .footer-container .lower-footer .copy-container .secondary-footer-menu {
  margin: 10px 0;
  padding: 0;
  color: #707070;
}
.footer .footer-container .lower-footer .copy-container .secondary-footer-menu li {
  margin-bottom: 10px;
}
.footer .footer-container .lower-footer .copy-container .secondary-footer-menu li a {
  text-decoration: none;
  color: #707070;
}
.footer .footer-container .lower-footer .copy-container a {
  text-decoration: none;
  color: #707070;
}
.footer .footer-container .lower-footer .copy-container .email i {
  margin-right: 10px;
}
.footer .footer-container .lower-footer .subscribe-container {
  margin: 20px 0;
}
.footer .footer-container .lower-footer .subscribe-container .subscribe-btn {
  background-color: #00639E;
  color: #FFFFFF;
  border: none;
  padding: 10px 39px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* Desktop */
@media screen and (min-width: 990px) {
  .footer .footer-container .upper-footer {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 60px;
  }
  .footer .footer-container .upper-footer .footer-logo {
    margin-bottom: 0;
    margin: auto 0;
  }
  .footer .footer-container .upper-footer .footer-text {
    display: flex;
  }
  .footer .footer-container .upper-footer .footer-text p {
    align-self: center;
  }
  .footer .footer-container .lower-footer {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
  }
  .footer .footer-container .lower-footer .footer-menu {
    grid-column: 1/2;
    grid-row: 1/2;
    display: flex;
    flex-direction: row;
  }
  .footer .footer-container .lower-footer .footer-menu li {
    margin: 0 40px 0 0;
  }
  .footer .footer-container .lower-footer .copy-container {
    grid-column: 1/2;
    grid-row: 2/3;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-self: end;
  }
  .footer .footer-container .lower-footer .copy-container .copy {
    margin-right: 40px;
  }
  .footer .footer-container .lower-footer .copy-container .secondary-footer-menu {
    display: flex;
    flex-direction: row;
    margin: 0;
  }
  .footer .footer-container .lower-footer .copy-container .secondary-footer-menu li {
    margin: 0 40px 0 0;
  }
  .footer .footer-container .lower-footer .subscribe-container {
    grid-column: 2/3;
    grid-row: 1/3;
    margin: 0;
    justify-self: end;
    display: flex;
    flex-direction: column;
  }
  .footer .footer-container .lower-footer .subscribe-container .subscribe-btn {
    margin-bottom: 0;
  }
}
/* 2.6 Forms */
body img.gform_ajax_spinner {
  display: none !important;
}

.gform_wrapper {
  margin-top: 20px;
  /* Registration Details Form */
  /* Webinar Sign Up Form */
}
.gform_wrapper .gform_confirmation_message {
  margin-top: 10px;
  font-weight: 600;
}
.gform_wrapper .validation_message {
  margin-top: 10px;
  font-weight: 600;
  color: #a90909;
}
.gform_wrapper .gform-body .gform_fields {
  margin: 0;
  padding: 0;
  list-style: none;
}
.gform_wrapper .gform-body .gform_fields li {
  margin-bottom: 10px;
}
.gform_wrapper .gform-body .gform_fields li label {
  color: #0076BD;
}
.gform_wrapper .gform-body .gform_fields li label span {
  margin-left: 2px;
}
.gform_wrapper .gform-body .gform_fields li .ginput_container {
  margin-bottom: 10px;
}
.gform_wrapper .gform-body .gform_fields li .ginput_container input, .gform_wrapper .gform-body .gform_fields li .ginput_container select, .gform_wrapper .gform-body .gform_fields li .ginput_container textarea {
  width: 100%;
  border: 1px solid #B9B9B9;
  border-radius: 4px;
  padding: 9px 5px;
  background-color: #FFFFFF;
}
.gform_wrapper .gform-body .gform_fields li .ginput_container input:focus, .gform_wrapper .gform-body .gform_fields li .ginput_container select:focus, .gform_wrapper .gform-body .gform_fields li .ginput_container textarea:focus {
  outline: none;
  border: 1px solid #00639E;
}
.gform_wrapper .gform-body .gform_fields li .ginput_container option {
  padding: 9px 5px;
}
.gform_wrapper .gform-body .gform_fields li.custom-select .ginput_container_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 25px;
}
.gform_wrapper .gform-body .gform_fields li.custom-select .ginput_container_select select::-ms-expand {
  display: none;
}
.gform_wrapper .gform-body .gform_fields li.custom-select .ginput_container_select select option::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  display: inline-block;
  margin-right: 5px;
}
.gform_wrapper .gform-body .gform_fields .gfield--type-consent .ginput_container_consent {
  display: grid;
  grid-template-columns: 10% 90%;
  column-gap: 10px;
  align-items: center;
}
.gform_wrapper .gform-body .gform_fields .gfield--type-consent .ginput_container_consent label {
  color: #000000;
}
.gform_wrapper .gform_footer input, .gform_wrapper .gform_page_footer input {
  width: 100%;
  background-color: #00639E;
  color: #FFFFFF;
  border: 1px solid #00639E;
  border-radius: 4px;
  padding: 9px 0;
}
.gform_wrapper .gform_footer .gform_next_button, .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_page_footer .gform_next_button, .gform_wrapper .gform_page_footer .gform_button {
  cursor: pointer;
}
.gform_wrapper.registration-details_wrapper {
  display: grid;
  grid-template-columns: auto;
  max-width: 1024px;
  margin: 0 auto;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields {
  display: block;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_radio, .gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_checkbox {
  padding: 0;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_radio li.gchoice, .gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_checkbox li.gchoice {
  display: flex;
  align-items: center;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_radio li.gchoice input, .gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_checkbox li.gchoice input {
  width: auto;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_radio li.gchoice label, .gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_radio li.gchoice input[type=text], .gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_checkbox li.gchoice label, .gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield .gfield_checkbox li.gchoice input[type=text] {
  margin-left: 10px;
  color: #000000;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield.custom-select .ginput_container input {
  margin-bottom: 10px;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .gfield select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 25px;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .ginput_container_consent {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body .gform_fields .ginput_container_consent input {
  width: initial;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body #gform_page_5_3 .gfield h3, .gform_wrapper.registration-details_wrapper .registration-details .gform-body #gform_page_5_4 .gfield h3 {
  font-size: 24px;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body #gform_page_5_3 .gfield .gfield_description, .gform_wrapper.registration-details_wrapper .registration-details .gform-body #gform_page_5_4 .gfield .gfield_description {
  color: #0076BD;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body #gform_page_5_3 .gfield .ginput_container .gfield_radio, .gform_wrapper.registration-details_wrapper .registration-details .gform-body #gform_page_5_4 .gfield .ginput_container .gfield_radio {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 0;
  margin-top: 10px;
}
.gform_wrapper.registration-details_wrapper .registration-details .gform-body #gform_page_5_3 .gfield .ginput_container .gfield_radio li.gchoice, .gform_wrapper.registration-details_wrapper .registration-details .gform-body #gform_page_5_4 .gfield .ginput_container .gfield_radio li.gchoice {
  margin-right: 20px;
  margin-bottom: 0px;
}
.gform_wrapper#gform_wrapper_17, .gform_wrapper#gform_wrapper_20 {
  display: grid;
  grid-template-columns: auto;
}
.gform_wrapper#gform_wrapper_17 .gform_title, .gform_wrapper#gform_wrapper_20 .gform_title {
  display: none;
}
.gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_radio, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_checkbox, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_radio, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_checkbox, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_radio, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_checkbox, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_radio, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_checkbox {
  padding: 0;
}
.gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_radio li.gchoice, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_checkbox li.gchoice, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_radio li.gchoice, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_checkbox li.gchoice, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_radio li.gchoice, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_checkbox li.gchoice, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_radio li.gchoice, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_checkbox li.gchoice {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_radio li.gchoice input, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_checkbox li.gchoice input, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_radio li.gchoice input, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_checkbox li.gchoice input, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_radio li.gchoice input, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_checkbox li.gchoice input, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_radio li.gchoice input, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_checkbox li.gchoice input {
  width: auto;
}
.gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_radio li.gchoice label, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_radio li.gchoice input[type=text], .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_checkbox li.gchoice label, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_checkbox .gfield_checkbox li.gchoice input[type=text], .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_radio li.gchoice label, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_radio li.gchoice input[type=text], .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_checkbox li.gchoice label, .gform_wrapper#gform_wrapper_17 .gfield .ginput_container_radio .gfield_checkbox li.gchoice input[type=text], .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_radio li.gchoice label, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_radio li.gchoice input[type=text], .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_checkbox li.gchoice label, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_checkbox .gfield_checkbox li.gchoice input[type=text], .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_radio li.gchoice label, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_radio li.gchoice input[type=text], .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_checkbox li.gchoice label, .gform_wrapper#gform_wrapper_20 .gfield .ginput_container_radio .gfield_checkbox li.gchoice input[type=text] {
  margin-left: 10px;
  color: #000000;
  margin-bottom: 0;
}
.gform_wrapper#gform_wrapper_17 .gfield .gfield_label_before_complex, .gform_wrapper#gform_wrapper_20 .gfield .gfield_label_before_complex {
  margin-bottom: 10px;
  display: flex;
}
.gform_wrapper#gform_wrapper_17 .gfield .registrant-data, .gform_wrapper#gform_wrapper_20 .gfield .registrant-data {
  margin: 20px 0 30px;
}
.gform_wrapper#gform_wrapper_17 .gfield .registrant-data .label, .gform_wrapper#gform_wrapper_20 .gfield .registrant-data .label {
  margin-right: 10px;
  color: #00639E;
  font-weight: 600;
}
.gform_wrapper#gform_wrapper_17 #field_17_25 .ginput_container_radio,
.gform_wrapper#gform_wrapper_17 #field_17_25 .ginput_container_radio, .gform_wrapper#gform_wrapper_20 #field_17_25 .ginput_container_radio,
.gform_wrapper#gform_wrapper_20 #field_17_25 .ginput_container_radio {
  margin: 10px 0 20px;
}
.gform_wrapper#gform_wrapper_17 #field_17_25 .ginput_container_radio li.gchoice,
.gform_wrapper#gform_wrapper_17 #field_17_25 .ginput_container_radio li.gchoice, .gform_wrapper#gform_wrapper_20 #field_17_25 .ginput_container_radio li.gchoice,
.gform_wrapper#gform_wrapper_20 #field_17_25 .ginput_container_radio li.gchoice {
  margin-bottom: 10px;
}

/* Desktop */
@media screen and (min-width: 990px) {
  .gform_wrapper {
    /* Webinar Sign Up Form */
  }
  .gform_wrapper .gform-body .gform_fields:not(#gform_fields_17):not(#gform_fields_4):not(#gform_fields_5):not(#gform_fields_20) {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 7%;
  }
  .gform_wrapper .gform-body li {
    margin-bottom: 10px;
  }
  .gform_wrapper .gform-body li label {
    color: #0076BD;
  }
  .gform_wrapper .gform-body li .ginput_container {
    margin-bottom: 10px;
  }
  .gform_wrapper .gform-body li .ginput_container input, .gform_wrapper .gform-body li .ginput_container select, .gform_wrapper .gform-body li .ginput_container textarea {
    width: 100%;
    border: 1px solid #B9B9B9;
    border-radius: 4px;
  }
  .gform_wrapper .gform_footer input, .gform_wrapper .gform_page_footer input {
    width: 100%;
    background-color: #00639E;
    color: #FFFFFF;
    border: 1px solid #00639E;
    border-radius: 4px;
  }
  .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=button], .gform_wrapper .gform_page_footer input[type=submit], .gform_wrapper .gform_page_footer input[type=button] {
    max-width: 265px;
  }
  .gform_wrapper.echo-session-form_wrapper {
    display: flex;
    flex-direction: column;
  }
  .gform_wrapper.echo-session-form_wrapper .gform_fields {
    display: flex;
    flex-direction: column;
    column-gap: 0;
  }
  .gform_wrapper#gform_wrapper_17 form, .gform_wrapper#gform_wrapper_20 form {
    max-width: 840px;
  }
  .gform_wrapper#gform_wrapper_17 form .gfield .ginput_container_text, .gform_wrapper#gform_wrapper_17 form .gfield .ginput_container_email, .gform_wrapper#gform_wrapper_20 form .gfield .ginput_container_text, .gform_wrapper#gform_wrapper_20 form .gfield .ginput_container_email {
    width: 43%;
  }
  /* Popup Subscribe Form */
  .newsletter-container .popup-content .popup-form .gform_wrapper {
    margin-top: 39px;
    grid-row: 4/5;
    grid-column: 2/3;
  }
  .newsletter-container .popup-content .popup-form .gform_wrapper .gform-body .gform_fields li:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
    max-width: 193px;
  }
  .newsletter-container .popup-content .popup-form .gform_wrapper .gform-body .gform_fields li:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2;
    max-width: 193px;
  }
  .newsletter-container .popup-content .popup-form .gform_wrapper .gform-body .gform_fields li:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  /* About us - Contact Form */
  .about .contact-form .gform_wrapper .gform-body .gform_fields li.gfield--type-select, .about .contact-form .gform_wrapper .gform-body .gform_fields li.gfield--type-textarea {
    grid-column: 1/3;
  }
}
/* 2.7 Header */
html.active {
  overflow-y: hidden;
}

#header.active {
  box-shadow: 0 3px 4px rgba(126, 124, 124, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
}

header.header {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  padding: 20px 0;
  background-color: #F4F4F4;
  width: 100%;
  z-index: 9998;
  border-bottom: 10px solid #C8E2F2;
}

.header .nav-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  width: 80.7%;
  max-width: 1552px;
}
.header .nav-menu #header_logo {
  width: 279px;
}
.header .nav-menu #hamburger-btn {
  width: 30px;
  height: 20px;
  margin: auto;
  z-index: 10;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.header .nav-menu #hamburger-btn span {
  position: absolute;
  display: block;
  height: 2px;
  width: 100%;
  background-color: #00639E;
  transform: rotate(0);
  transition: all 200ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.header .nav-menu #hamburger-btn span:nth-child(1) {
  top: 0;
}
.header .nav-menu #hamburger-btn span:nth-child(2) {
  top: 10px;
}
.header .nav-menu #hamburger-btn span:nth-child(3) {
  top: 20px;
}
.header .nav-menu #hamburger-btn.is-active span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.header .nav-menu #hamburger-btn.is-active span:nth-child(2) {
  opacity: 0;
}
.header .nav-menu #hamburger-btn.is-active span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}
.header .nav-menu .primary-menu {
  position: absolute;
  font-weight: 700;
  top: 0;
  right: 100%;
  width: 70%;
  height: 100vh;
  background-color: #FFFFFF;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  padding: 120px 0 0 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0s linear 0.3s;
}
.header .nav-menu .primary-menu.show {
  display: flex;
  flex-direction: column;
  right: 0%;
  align-items: flex-end;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in, visibility 0s linear 0s;
}
.header .nav-menu .primary-menu li {
  margin-bottom: 20px;
  margin-right: 19.3%;
}
.header .nav-menu .primary-menu li a {
  text-decoration: none;
  color: #000000;
}

/* Logo Mobile */
@media screen and (max-width: 480px) {
  .header .nav-menu #header_logo {
    max-width: 75%;
  }
}
/* Desktop Menu */
@media screen and (min-width: 990px) {
  .header .nav-menu #hamburger-btn {
    display: none;
  }
  .header .nav-menu .primary-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 40px;
    justify-content: flex-end;
    background-color: transparent;
    box-shadow: none;
    position: static;
    width: auto;
    visibility: visible;
    opacity: 1;
    padding: 0;
    top: auto;
    right: auto;
    height: auto;
    transition: none;
  }
  .header .nav-menu .primary-menu li {
    margin-right: 0;
    margin-bottom: 0;
  }
}
/* 2.8 Page */
main {
  width: 80.7%;
  margin: 45px auto 150px auto;
}
main p {
  margin-bottom: 10px;
}
main a {
  color: #0076BD;
  text-decoration: none;
}
main a:hover {
  text-decoration: underline;
}

/* Page Header Styles */
.page-header .header-container {
  display: flex;
  flex-direction: column;
}
.page-header .header-container h1 {
  order: 2;
}
.page-header .header-container h2 {
  order: 1;
}
.page-header .header-container .divider-line {
  order: 3;
  width: 150px;
  height: 4px;
  background-color: #6DC7FF;
  margin: 20px 0;
}
.page-header .header-container .date {
  color: #0076BD;
  order: 4;
}
.page-header .header-container .presenter {
  order: 5;
}
.page-header .header-container .subtitle {
  order: 6;
}
.page-header .header-container .text {
  order: 7;
}

/* 2.9 Popup */
#newsletter-popup-container {
  display: none;
}

.newsletter-popup-container {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
}
.newsletter-popup-container .popup-content {
  background-color: #FFFFFF;
  width: 90%;
  display: flex;
  flex-direction: column;
  margin: auto;
  align-self: center;
  padding: 15px;
  border-radius: 4px;
}
.newsletter-popup-container .popup-content .close-btn {
  align-self: flex-end;
  color: #00639E;
  width: 38px;
  height: 38px;
  font-size: 25px;
}
.newsletter-popup-container .popup-content .popup-form {
  margin: 10.82px 20px 20px 20px;
}
.newsletter-popup-container .popup-content .popup-form img {
  max-width: 335px;
  width: 100%;
  height: 250px;
  margin: auto;
  object-fit: cover;
}
.newsletter-popup-container .popup-content .popup-form h2 {
  margin: 10px 0;
}
.newsletter-popup-container .popup-content .popup-form h3 {
  margin-bottom: 16px;
}

/* Desktop */
@media screen and (min-width: 990px) {
  .newsletter-popup-container .popup-content {
    padding: 30px;
    max-width: 932px;
  }
  .newsletter-popup-container .popup-content .popup-form {
    margin: 10.82px 40px 40px 40px;
    display: grid;
    grid-template-columns: 335px 1fr;
    column-gap: 44px;
    grid-template-rows: repeat(4, auto);
  }
  .newsletter-popup-container .popup-content .popup-form img {
    max-width: 335px;
    height: 100%;
    object-fit: cover;
    grid-column: 1/2;
    grid-row: 1/7;
  }
  .newsletter-popup-container .popup-content .popup-form h2 {
    margin: 0;
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .newsletter-popup-container .popup-content .popup-form h3 {
    margin-bottom: 16px;
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .newsletter-popup-container .popup-content .popup-form p {
    grid-row: 3/4;
    grid-column: 2/3;
  }
}
/***** 3- Core ******/
/* 3.1 Accessibility */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* 3.2 Reset */
/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
  margin: 0;
}

/*
  3. Allow percentage-based heights in the application
*/
html, body {
  height: auto;
}

/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/*
  6. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/*
  7. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit;
}

/*
  8. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/*
  9. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

/*
  10. Remove default button styles
*/
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/*
  11. Remove default list styles
*/
ul {
  list-style: none;
}

/*
  12. Remove default quote styles
*/
blockquote, q {
  quotes: none;
}

/*
  13. Remove default table styles
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
  14. Remove default border on images inside links in IE 10-11.
*/
a img {
  border-style: none;
}

/*
  15. Remove default outline styles in Safari.
*/
a:focus {
  outline: none;
}

/***** 4- Pages ******/
/* 4.1 About */
.about .about-header {
  display: flex;
  flex-direction: column;
}
.about .about-intro {
  margin-top: 60px;
}
.about .about-intro h3 {
  margin-bottom: 20px;
}
.about .about-intro .intro-content p:not(:last-child) {
  margin-bottom: 20px;
}
.about .about-intro .intro-content a {
  color: #0076BD;
  text-decoration: none;
}
.about .about-intro img {
  width: 100%;
  height: auto;
  margin: 20px auto;
}
.about .about-projects {
  display: flex;
  flex-direction: column;
  margin: 100px auto 0 auto;
}
.about .about-projects h3 {
  margin-bottom: 20px;
  text-align: center;
}
.about .about-projects .project-highlight {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  margin-top: 60px;
  color: #707070;
}
.about .about-projects .project-highlight img {
  width: 250px;
  height: auto;
}
.about .about-projects .project-highlight h4 {
  margin: 10px auto;
  font-size: 20px;
}
.about .contact-form {
  margin-top: 100px;
}
.about .contact-form h2 {
  margin-bottom: 10px;
}
.about .contact-form h3 {
  margin-bottom: 40px;
}
.about .faq {
  display: flex;
  flex-direction: column;
  margin: 100px auto 0 auto;
}
.about .faq h3 {
  margin-bottom: 20px;
  text-align: center;
}
.about .faq .questions-container .faq-item {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  padding: 19px 40px;
  border-radius: 4px;
  border: 1px solid #B9B9B9;
}
.about .faq .questions-container .faq-item .faq-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #0076BD;
}
.about .faq .questions-container .faq-item .faq-wrapper .arrow {
  width: 20px;
  height: auto;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
}
.about .faq .questions-container .faq-item .faq-wrapper .arrow i {
  font-size: 20px;
}
.about .faq .questions-container .faq-item .faq-wrapper.active .arrow {
  transform: rotate(180deg);
}
.about .faq .questions-container .faq-item .faq-wrapper.activebefore {
  content: "close";
}
.about .faq .questions-container .faq-item p {
  margin-top: 20px;
}
.about .faq .questions-container .faq-item ul li {
  margin-bottom: 8px;
}
.about .faq .questions-container .faq-item ul li::before {
  content: ">";
  display: inline-block;
  color: #00639E;
  width: 1em;
  margin-left: -1em;
  font-weight: 900;
}

/* Desktop */
@media screen and (min-width: 990px) {
  .about .about-intro {
    display: grid;
    grid-template-columns: calc(50% - 42px) calc(50% - 42px);
    column-gap: 84px;
    margin-top: 60px;
  }
  .about .about-intro h3 {
    grid-column: 1/2;
  }
  .about .about-intro .intro-content {
    grid-column: 1/2;
  }
  .about .about-intro img {
    grid-column: 2/3;
    grid-row: 1/4;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
  }
  .about .about-projects {
    display: grid;
    grid-template-columns: calc(50% - 42px) calc(50% - 42px);
    column-gap: 84px;
    max-width: 1288px;
  }
  .about .about-projects h3 {
    grid-column: 1/3;
    margin: 0;
  }
  .about .about-projects h4 {
    font-size: 32px;
    grid-column: 1/3;
    margin: 0;
  }
  .about .about-projects .project-highlight {
    margin-bottom: 40px;
    text-align: left;
    display: grid;
    grid-template-columns: calc(30% - 20px) calc(70% - 20px);
    column-gap: 40px;
  }
  .about .about-projects .project-highlight img {
    width: 100%;
    height: auto;
    margin: 0;
    grid-column: 1/2;
    grid-row: 1/3;
    align-self: start;
  }
  .about .about-projects .project-highlight h4 {
    font-size: 30px;
    margin: 0;
    grid-column: 2/3;
    grid-row: 1/2;
    align-self: start;
  }
  .about .about-projects .project-highlight p {
    grid-column: 2/3;
    grid-row: 2/3;
    margin: 0;
  }
  .about .contact-form {
    margin: 100px auto 0 auto;
    max-width: 1024px;
  }
  .about .faq {
    max-width: 1024px;
  }
}
/* 4.2 Home */
.site-main .hero .hero-content, main .hero .hero-content {
  display: flex;
  flex-direction: column;
}
.site-main .hero .hero-content .page-header, main .hero .hero-content .page-header {
  display: flex;
  flex-direction: column;
}
.site-main .hero .hero-content .page-header .divider-line, main .hero .hero-content .page-header .divider-line {
  width: 150px;
  height: 4px;
  background-color: #6DC7FF;
  margin: 20px 0;
  order: 3;
}
.site-main .hero .hero-content .page-header h1, main .hero .hero-content .page-header h1 {
  order: 2;
}
.site-main .hero .hero-content .page-header h2, main .hero .hero-content .page-header h2 {
  order: 1;
}
.site-main .hero .hero-content img, main .hero .hero-content img {
  order: 4;
  width: 100%;
  height: auto;
  margin: 20px auto;
}
.site-main .hero .hero-content p, main .hero .hero-content p {
  order: 5;
}
.site-main .hero .hero-content .carousel, main .hero .hero-content .carousel {
  order: 6;
  margin-top: 15px;
}
.site-main .about-us, main .about-us {
  margin: 100px auto 100px auto;
}
.site-main .about-us .about-us-container, main .about-us .about-us-container {
  background-color: #F4F4F4;
  border-radius: 4px;
  padding: 31.5px;
}
.site-main .about-us .about-us-container .about-us-content h2, main .about-us .about-us-container .about-us-content h2 {
  font-size: 16px;
  order: 1;
}
.site-main .about-us .about-us-container .about-us-content h3, main .about-us .about-us-container .about-us-content h3 {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 24px;
}
.site-main .about-us .about-us-container .about-us-content ul, main .about-us .about-us-container .about-us-content ul {
  margin: 32px 1em;
  padding: 0;
  list-style: disc;
}
.site-main .about-us .about-us-container img, main .about-us .about-us-container img {
  width: 100%;
  height: auto;
  margin: 20px auto 0 auto;
}
.site-main .newsletter, main .newsletter {
  background: transparent linear-gradient(105deg, #0076BD 0%, #095785 100%) 0% 0% no-repeat padding-box;
  border-radius: 4px;
  padding: 60px;
  margin: 100px auto;
}
.site-main .newsletter .newsletter-container, main .newsletter .newsletter-container {
  color: #FFFFFF;
  text-align: center;
}
.site-main .newsletter .newsletter-container h3, main .newsletter .newsletter-container h3 {
  font-size: 20px;
  color: #FFFFFF;
}
.site-main .newsletter .newsletter-container p, main .newsletter .newsletter-container p {
  margin: 24px auto;
}
.site-main .newsletter .newsletter-container .button, main .newsletter .newsletter-container .button {
  background-color: #FFFFFF;
  color: #00639E;
  padding: 9px 34px;
  border-radius: 4px;
  text-decoration: none;
}
.site-main .tools-podcasts, main .tools-podcasts {
  margin: 0 auto;
}
.site-main .tools-podcasts .card, main .tools-podcasts .card {
  background-color: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 4px;
  display: grid;
  grid-template-rows: 350px auto auto;
}
.site-main .tools-podcasts .card:first-of-type, main .tools-podcasts .card:first-of-type {
  margin-bottom: 30px;
}
.site-main .tools-podcasts .card img, main .tools-podcasts .card img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
}
.site-main .tools-podcasts .card .content, main .tools-podcasts .card .content {
  padding: 0 50px;
}
.site-main .tools-podcasts .card .content h3, main .tools-podcasts .card .content h3 {
  font-size: 18px;
  margin-bottom: 20px;
}
.site-main .tools-podcasts .card .content.top-content, main .tools-podcasts .card .content.top-content {
  margin-top: 40px;
}
.site-main .tools-podcasts .card .content.bottom-content, main .tools-podcasts .card .content.bottom-content {
  align-self: flex-end;
  margin-top: 16px;
  margin-bottom: 40px;
}
.site-main .tools-podcasts .card .content.bottom-content .button, main .tools-podcasts .card .content.bottom-content .button {
  background-color: #00639E;
  color: #FFFFFF;
  padding: 9px 0px;
  display: block;
  width: 198px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
}

/* Desktop */
@media screen and (min-width: 990px) {
  .site-main, .main {
    max-width: 1552px;
  }
  .site-main .about-us, .main .about-us {
    margin: 100px auto 100px auto;
    position: relative;
  }
  .site-main .about-us .about-us-container, .main .about-us .about-us-container {
    width: 96%;
    margin: 0 0 0 auto;
  }
  .site-main .about-us .about-us-container .about-us-content, .main .about-us .about-us-container .about-us-content {
    margin: 48px auto 48px 44.7%;
  }
  .site-main .about-us .about-us-container .about-us-content h2, .main .about-us .about-us-container .about-us-content h2 {
    font-size: 18px;
  }
  .site-main .about-us .about-us-container .about-us-content h3, .main .about-us .about-us-container .about-us-content h3 {
    font-size: 32px;
  }
  .site-main .about-us .about-us-container img, .main .about-us .about-us-container img {
    width: 45%;
    max-width: 674px;
    margin: 0;
    position: absolute;
    top: 60px;
    left: 0;
  }
  .site-main .newsletter, .main .newsletter {
    margin: 100px 132px;
  }
  .site-main .newsletter .newsletter-container h3, .main .newsletter .newsletter-container h3 {
    font-size: 32px;
  }
  .site-main .tools-podcasts, .main .tools-podcasts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 112px;
  }
  .site-main .tools-podcasts .card:first-of-type, .main .tools-podcasts .card:first-of-type {
    margin-bottom: 0px;
  }
  .site-main .tools-podcasts .card .content h3, .main .tools-podcasts .card .content h3 {
    font-size: 30px;
  }
  .site-main .tools-podcasts .card .content .button, .main .tools-podcasts .card .content .button {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .site-main .hero .hero-content, .main .hero .hero-content {
    display: grid;
    grid-template-columns: calc(55.7% - 30px) calc(44.3% - 30px);
    column-gap: 60px;
    grid-template-rows: repeat(5, auto);
  }
  .site-main .hero .hero-content .page-header, .main .hero .hero-content .page-header {
    margin-bottom: 0;
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .site-main .hero .hero-content p.hero-paragraph, .main .hero .hero-content p.hero-paragraph {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .site-main .hero .hero-content .upcoming-sessions-container, .main .hero .hero-content .upcoming-sessions-container {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .site-main .hero .hero-content img, .main .hero .hero-content img {
    grid-column: 2/3;
    grid-row: 1/6;
    width: auto;
    height: 100%;
    object-fit: cover;
    object-position: 80%;
    margin: 0;
  }
}
@media screen and (min-width: 1500px) {
  .site-main .about-us, .main .about-us {
    margin-bottom: 130px;
  }
}
@media screen and (min-width: 1600px) {
  .site-main .about-us, .main .about-us {
    margin-bottom: 190px;
  }
}
@media screen and (min-width: 1750px) {
  .site-main .about-us, .main .about-us {
    margin: 100px auto 100px auto;
  }
  .site-main .about-us:after, .main .about-us:after {
    content: " ";
    height: 160px;
    display: block;
  }
  .site-main .newsletter, .main .newsletter {
    margin: 0 132px 100px 132px;
  }
}
/* 4.3 Podcasts */
.podcasts .podcasts-navigation ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.podcasts .podcasts-navigation ul li.podcast-menu {
  background-color: #FFFFFF;
  border: 1px solid #00639E;
  border-radius: 4px;
  color: #00639E;
  padding: 9px 20px;
  cursor: pointer;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.podcasts .podcasts-navigation ul li.podcast-menu.active {
  background-color: #00639E;
  color: #FFFFFF;
}
.podcasts .content-container .content {
  display: none;
  margin: 50px auto 150px auto;
}
.podcasts .content-container .content.active {
  display: block;
}
.podcasts .content-container .content .about-content p {
  margin-bottom: 15px;
}
.podcasts .content-container .content .about-content p a {
  color: #0076BD;
  text-decoration: none;
}
.podcasts .content-container .content .about-content p:last-child {
  color: #0076BD;
  font-weight: 700;
}
.podcasts .content-container .content .team-members .member {
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
}
.podcasts .content-container .content .team-members .member img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.podcasts .content-container .content .team-members .member h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.podcasts .content-container .content .taxonomy-filter-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
  align-items: center;
}
.podcasts .content-container .content .taxonomy-filter-container h2 {
  color: #000000;
  margin-right: 30px;
}
.podcasts .content-container .content .taxonomy-filter-container .taxonomy-filter {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.podcasts .content-container .content .taxonomy-filter-container .taxonomy-filter li {
  margin-right: 30px;
}
.podcasts .content-container .content .taxonomy-filter-container .taxonomy-filter li a.active {
  font-weight: 900;
}
.podcasts .content-container .content .podcasts-container a:hover {
  text-decoration: none;
}

/* Tablet */
@media screen and (min-width: 600px) {
  .podcasts .podcasts-navigation ul {
    flex-direction: row;
    justify-content: space-around;
  }
  .podcasts .podcasts-navigation ul li.podcast-menu {
    width: auto;
    max-width: 264px;
  }
}
@media screen and (min-width: 700px) {
  .podcasts .podcasts-container {
    display: grid;
    grid-template-columns: calc(50% - 16px) calc(50% - 16px);
    column-gap: 32px;
  }
  .podcasts .podcasts-container .pagination {
    grid-column: span 2;
  }
}
@media screen and (min-width: 800px) {
  .podcasts .podcasts-navigation ul li.podcast-menu {
    width: 185px;
  }
}
/*Desktop*/
@media screen and (min-width: 990px) {
  .podcasts .podcasts-navigation ul {
    justify-content: flex-start;
  }
  .podcasts .podcasts-navigation ul li.podcast-menu {
    width: 100%;
    margin-right: 32px;
  }
  .podcasts .content-container .content {
    display: none;
  }
  .podcasts .content-container .content.active {
    display: block;
  }
  .podcasts .content-container .content .team-members .member {
    display: grid;
    grid-template-columns: calc(26% - 32px) calc(74% - 32px);
    grid-template-rows: auto auto;
    column-gap: 64px;
    margin-bottom: 60px;
  }
  .podcasts .content-container .content .team-members .member img {
    margin-bottom: 0;
    grid-column: 1/2;
    grid-row: 1/3;
    align-self: self-start;
  }
  .podcasts .content-container .content .team-members .member h3 {
    font-size: 32px;
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media screen and (min-width: 1200px) {
  .podcasts .podcasts-container {
    grid-template-columns: calc(33% - 21px) calc(33% - 21px) calc(33% - 21px);
  }
  .podcasts .podcasts-container .pagination {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1500px) {
  .podcasts .podcasts-container {
    grid-template-columns: calc(25% - 24px) calc(25% - 24px) calc(25% - 24px) calc(25% - 24px);
  }
  .podcasts .podcasts-container .pagination {
    grid-column: span 4;
  }
}
/* 4.4 Sessions */
.sessions .thick-divider {
  width: 100%;
  height: 10px;
  background-color: #C8E2F2;
  margin: 24px 0 40px 0;
}
.sessions .upcoming-events h3.title {
  margin-bottom: 32px;
}
.sessions .upcoming-events .upcoming-events-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.sessions .upcoming-events .upcoming-events-container .card-upcoming {
  margin-bottom: 40px;
}
.sessions .upcoming-events .upcoming-events-container .newsletter-container .popup-content .popup-form img {
  margin: 0 auto 20px auto;
}
.sessions .upcoming-events .upcoming-events-container .newsletter-container .popup-content .popup-form h3 {
  margin: 20px 0;
}
.sessions .past-events {
  margin-top: 100px;
}
.sessions .past-events h3.title {
  margin-bottom: 32px;
}

.pagination {
  text-align: center;
  font-weight: 900;
}
.pagination a, .pagination span {
  margin: 0 20px;
}
.pagination .page-numbers {
  color: #000000;
}
.pagination .page-numbers.current, .pagination .page-numbers.next, .pagination .page-numbers.prev {
  color: #00639E;
}

/* Tablet */
@media screen and (min-width: 700px) {
  .sessions .past-events .past-events-container {
    display: grid;
    grid-template-columns: calc(50% - 16px) calc(50% - 16px);
    column-gap: 32px;
  }
  .sessions .past-events .past-events-container .pagination {
    grid-column: span 2;
  }
}
/* Desktop */
@media screen and (min-width: 990px) {
  .sessions .upcoming-events .upcoming-events-container {
    display: grid;
    grid-template-columns: calc(50% - 42px) calc(50% - 42px);
    column-gap: 84px;
    row-gap: 40px;
  }
  .sessions .upcoming-events .upcoming-events-container .card-upcoming {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .sessions .upcoming-events .upcoming-events-container .newsletter-container {
    grid-column: 1/3;
    max-width: 932px;
    justify-self: center;
  }
  .sessions .upcoming-events .upcoming-events-container .newsletter-container .popup-form {
    margin: 10.82px 40px 40px 40px;
    display: grid;
    grid-template-columns: 335px 1fr;
    column-gap: 44px;
    grid-template-rows: repeat(4, auto);
  }
  .sessions .upcoming-events .upcoming-events-container .newsletter-container .popup-form img {
    max-width: 335px;
    height: 100%;
    object-fit: cover;
    grid-column: 1/2;
    grid-row: 1/7;
  }
  .sessions .upcoming-events .upcoming-events-container .newsletter-container .popup-form h2 {
    font-size: 18px;
    margin: 0;
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .sessions .upcoming-events .upcoming-events-container .newsletter-container .popup-form h3 {
    font-size: 32px;
    margin-bottom: 16px;
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .sessions .upcoming-events .upcoming-events-container .newsletter-container .popup-form p {
    grid-row: 3/4;
    grid-column: 2/3;
  }
}
@media screen and (min-width: 1200px) {
  .sessions .past-events .past-events-container {
    grid-template-columns: calc(33% - 21px) calc(33% - 21px) calc(33% - 21px);
  }
  .sessions .past-events .past-events-container .pagination {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1500px) {
  .sessions .past-events .past-events-container {
    grid-template-columns: calc(25% - 24px) calc(25% - 24px) calc(25% - 24px) calc(25% - 24px);
  }
  .sessions .past-events .past-events-container .pagination {
    grid-column: span 4;
  }
}
/* 4.5 Support */
.main.support-tools h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.main.support-tools .support-content {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  padding: 19px 40px;
  border-radius: 4px;
  border: 1px solid #B9B9B9;
  max-width: 900px;
}
.main.support-tools .support-content .support-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #0076BD;
}
.main.support-tools .support-content .support-wrapper h4 {
  margin: 0;
}
.main.support-tools .support-content .support-wrapper .arrow {
  width: 20px;
  height: auto;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  color: #0076BD;
}
.main.support-tools .support-content .support-wrapper .arrow i {
  font-size: 20px;
}
.main.support-tools .support-content .support-wrapper.active .arrow {
  transform: rotate(180deg);
}
.main.support-tools .support-content .support-wrapper.activebefore {
  content: "close";
}
.main.support-tools .support-content ul {
  margin: 10px 0 10px 0;
  padding-left: 1em;
  color: #0076BD;
}
.main.support-tools .support-content ul li {
  margin-bottom: 8px;
}
.main.support-tools .support-content ul li::before {
  content: ">";
  display: inline-block;
  color: #00639E;
  width: 1em;
  margin-left: -1em;
  font-weight: 900;
}

/* 4.6 Single */
.single.main .alert {
  color: #00639E;
  font-weight: 500;
  font-size: 19px;
}
.single.main .single-header {
  margin-bottom: 32px;
}
.single.main .thick-divider {
  width: 100%;
  height: 10px;
  background-color: #C8E2F2;
  margin: 20px 0;
}
.single.main .back-button-container {
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.single.main .back-button-container span {
  font-weight: 900;
}
.single.main.past .single-content-container.other-content {
  margin-top: 80px;
}
.single.main.past .single-content-container.other-content .recordings .video-container {
  margin: 0 auto;
  width: 100%;
  max-width: 956px;
  height: 300px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 40px;
}
.single.main.past .single-content-container.other-content .recordings .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single.main.past .single-content-container.other-content .materials .materials-container {
  display: grid;
  grid-template-columns: 43.5% 43.5%;
  column-gap: 13%;
  row-gap: 40px;
  margin-bottom: 40px;
}
.single.main.past .single-content-container.other-content .materials .materials-container a .material {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
  border-radius: 4px;
  height: 100%;
  background-color: #FFFFFF;
  border: 1px solid #00639E;
  transition: background-color 0.6s ease;
}
.single.main.past .single-content-container.other-content .materials .materials-container a .material .material-icon {
  width: 30px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single.main.past .single-content-container.other-content .materials .materials-container a .material .material-title {
  text-align: center;
}
.single.main.past .single-content-container.other-content .materials .materials-container a .material:hover {
  background-color: #C8E2F2;
  color: #00639E;
  font-weight: 900;
}
.single.main.past .single-content-container.other-content .materials .links-container ul {
  padding-left: 1em;
  margin: 0;
}
.single.main.past .single-content-container.other-content .materials .links-container ul li {
  margin-bottom: 8px;
}
.single.main.past .single-content-container.other-content .materials .links-container ul li::before {
  content: ">";
  display: inline-block;
  color: #00639E;
  width: 1em;
  margin-left: -1em;
  font-weight: 900;
}
.single.main .podcast .single-content-container h2 {
  margin-top: 40px;
}
.single.main .podcast .single-content-container h3 {
  margin-top: 40px;
  margin-bottom: 24px;
}
.single.main .podcast .single-content-container h4 {
  margin-top: 40px;
  margin-bottom: 24px;
  font-size: 24px;
}
.single.main .podcast .single-content-container .single-podcast-episode .podcast-flex-content iframe {
  width: 100%;
  max-width: 700px;
}
.single.main .podcast .single-content-container .single-podcast-episode .podcast-flex-content ol li {
  list-style: auto;
  margin-bottom: 8px;
}
.single.main .podcast .single-content-container .single-podcast-episode .podcast-flex-content ul li {
  margin-bottom: 8px;
}
.single.main .podcast .single-content-container .single-podcast-episode .podcast-flex-content ul li::before {
  content: ">";
  display: inline-block;
  color: #00639E;
  width: 1em;
  margin-left: -1em;
  font-weight: 900;
}

/* Tablet */
@media screen and (min-width: 700px) {
  .single.main.past .single-content-container.other-content .materials .materials-container {
    grid-template-columns: 24.4% 24.4% 24.4%;
  }
}
/* Desktop */
@media screen and (min-width: 990px) {
  .single.main .single-header {
    margin-bottom: 32px;
  }
  .single.main.past .single-content-container {
    column-gap: 100px;
  }
  .single.main.past .single-content-container.other-content {
    display: grid;
    grid-template-columns: calc(66% - 50px) calc(35% - 50px);
  }
  .single.main.past .single-content-container.other-content .recordings {
    margin: 0;
  }
  .single.main.past .single-content-container.other-content .recordings .video-container {
    height: 420px;
  }
  .single.main.past .single-content-container.other-content .materials .materials-container {
    display: grid;
    grid-template-columns: 43.5% 43.5%;
  }
  .single.main.upcoming {
    column-gap: 100px;
    grid-template-rows: auto auto 1fr;
  }
  .single.main.upcoming .back-button-container {
    grid-column: 1/3;
  }
  .single.main.upcoming header, .single.main.upcoming .single-content {
    grid-column: 1/2;
  }
  .single.main.upcoming .form-container {
    grid-column: 1/3;
    margin-top: 17px;
  }
  .single.main.upcoming .form-container .gform_wrapper {
    margin-top: 0;
  }
  .single.main .podcast h4 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .single.main.upcoming {
    display: grid;
    grid-template-columns: auto;
  }
}
@media screen and (min-width: 1400px) {
  .single.main.past .single-content-container.other-content .materials .materials-container {
    grid-template-columns: 24.4% 24.4% 24.4%;
  }
  .single.main.upcoming .form-container {
    margin-top: 18px;
  }
}