/* Fonts */
@font-face {
  font-family: 'icomoon-fontawesome';
  src: url("../fonts/icomoon-fontawesome.ttf?ngy4u6") format("truetype"), url("../fonts/icomoon-fontawesome.woff?ngy4u6") format("woff"), url("../fonts/icomoon-fontawesome.svg?ngy4u6#icomoon-fontawesome") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon-fontawesome' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-play:before {
  content: "\f04b"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-facebook-f:before {
  content: "\f09a"; }

.icon-chain:before {
  content: "\f0c1"; }

.icon-link:before {
  content: "\f0c1"; }

.icon-bars:before {
  content: "\f0c9"; }

.icon-navicon:before {
  content: "\f0c9"; }

.icon-reorder:before {
  content: "\f0c9"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

/* Content */
a {
  color: #007ea7; }
  a:hover, a:focus {
    color: #0d5f7b; }

hr {
  max-width: 384px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

cite {
  font-style: normal; }

img {
  max-width: 100%; }

.btn {
  border-radius: 0; }

/* Content - Typography */
body {
  font-family: 'Poppins', sans-serif;
  color: #4d4d4d;
  font-size: 1.125rem;
  font-weight: 200; }

.text-weight-normal {
  font-weight: 400; }

.text-weight-medium {
  font-weight: 500; }

.text-style-italic {
  font-style: italic; }

.text-no-wrap {
  white-space: nowrap; }

/* Component - Modal */
.modal-header {
  align-items: center; }
  .modal-header .close {
    opacity: 1;
    color: #4d4d4d; }

.modal-title {
  font-size: 1.25rem; }

.modal .btn-close {
  color: #ffffff;
  background-color: #4d4d4d; }

/* Navbar */
.navbar {
  margin-top: 2rem;
  padding-left: 0;
  padding-right: 0; }

.navbar-toggler {
  padding: 1rem 0;
  border: none;
  color: #007ea7; }
  .navbar-toggler .icon,
  .navbar-toggler .btn-text {
    vertical-align: middle; }

.nav-link {
  font-size: 1.125rem;
  color: #007ea7; }

.active > .nav-link {
  font-weight: 500; }

.dropdown-item.active,
.dropdown-item:active {
  background-color: #007ea7; }

@media (max-width: 575.98px) {
  .nav-link {
    text-align: right; }

  .dropdown-item {
    text-align: right; } }
@media (min-width: 576px) {
  .navbar-expand-sm .nav-item {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
    .navbar-expand-sm .nav-item:first-child {
      margin-left: 0; }
    .navbar-expand-sm .nav-item:last-child {
      margin-right: 0; }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding: 1rem 0; } }
/* Banner */
.banner {
  padding-top: 5.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  background-color: #003459;
  color: #ffffff; }

.banner:not(.banner-home) {
  padding-top: 8rem; }

.banner-text {
  display: block; }

.banner-text-small {
  font-weight: 200;
  font-size: 1.75rem;
  text-shadow: 0.125rem 0.0625rem 0.25rem rgba(0, 0, 0, 0.125); }

.banner-text-large {
  font-weight: 400;
  font-size: 2.5rem;
  text-shadow: 0.125rem 0.0625rem 0.25rem rgba(0, 0, 0, 0.25); }

@media (max-width: 991.98px) {
  .banner-heading {
    margin-left: 1rem;
    margin-right: 1rem; } }
@media (min-width: 576px) {
  .banner-text-small {
    font-size: 2.125rem; }

  .banner-text-large {
    font-size: 3.75rem; } }
/* Banner - Home */
.banner-home {
  background: url("../images/banners/banner-home.jpg") bottom/cover no-repeat; }

/* Banner - About */
.banner-about {
  background: url("../images/banners/banner-about.jpg") 50% 68.75%/cover no-repeat; }

/* Banner - Key Topics */
.banner-clinical-impact {
  background: url("../images/banners/banner-key-topics-clinical-impact.jpg") center/cover no-repeat; }

.banner-case-selection {
  background: url("../images/banners/banner-key-topics-case-selection.jpg") center/cover no-repeat; }

.banner-short-term-efficacy {
  background: url("../images/banners/banner-key-topics-short-term-efficacy.jpg") center/cover no-repeat; }

.banner-long-term-efficacy {
  background: url("../images/banners/banner-key-topics-long-term-efficacy.jpg") center/cover no-repeat; }

.banner-safety {
  background: url("../images/banners/banner-key-topics-safety.jpg") center/cover no-repeat; }

.banner-resources {
  background: url("../images/banners/banner-resources.jpg") 50% 56.25%/cover no-repeat; }

/* Share Links */
.container-share-links {
  margin-top: 1.5rem; }
  .container .container-share-links, .modal-body .container-share-links {
    padding-left: 0;
    padding-right: 0; }

.share-links-outer {
  display: flex;
  justify-content: flex-end; }

.share-links-inner {
  display: flex;
  align-items: center; }

.share-links {
  display: flex; }

.share-links-label {
  margin-right: 1rem; }

.btn-share-link {
  background-color: #4d4d4d;
  color: #ffffff;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  position: relative;
  margin-left: 0.5rem;
  margin-right: 0.5rem; }
  .btn-share-link:hover, .btn-share-link:focus {
    color: #ffffff;
    background-color: #393939; }
  .btn-share-link:first-child {
    margin-left: 0; }
  .btn-share-link:last-child {
    margin-right: 0; }
  .btn-share-link .icon {
    font-size: 1.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .btn-share-link .icon-linkedin,
  .btn-share-link .icon-envelope {
    transform: translateX(-50%) translateY(-55%); }

@media (max-width: 575.98px) {
  .share-links-inner {
    flex-direction: column;
    align-items: flex-end; }

  .share-links-label {
    margin-right: 0;
    margin-bottom: 0.5rem; } }
/* Callout Section */
.container-callout {
  margin-top: 2.5rem;
  margin-bottom: 3.75rem; }

.row-callout .col-12 {
  text-align: center; }
.row-callout h3 {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #003459;
  font-weight: 500;
  margin-bottom: 0.75rem; }
.row-callout p:last-child {
  margin-bottom: 0; }

.callout-btn-container {
  margin-top: 1.5rem;
  text-align: center; }

.btn-callout {
  background-color: #007ea7;
  font-weight: 500;
  color: #ffffff;
  border-radius: 0;
  padding: 0.625rem 2.5rem;
  font-size: 1.125rem; }
  .btn-callout:hover, .btn-callout:focus {
    color: #ffffff;
    background-color: #005e7d; }

@media (max-width: 767.98px) {
  .row-callout .col-12 {
    margin-bottom: 2rem; }
    .row-callout .col-12:last-child {
      margin-bottom: 0.5rem; } }
/* Key Topic Links */
.section-header {
  text-align: center;
  margin-bottom: 1.5rem; }
  .section-header h2 {
    font-weight: 200;
    color: #00a8e8;
    font-size: 2.125rem; }

.container-key-topic-links .col-12 {
  margin-bottom: 1.75rem; }

.key-topic-link {
  display: block;
  position: relative;
  padding-bottom: 56.7%;
  background-color: #4d4d4d;
  overflow: hidden; }
  .key-topic-link img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }

.key-topic-link-text {
  color: #ffffff;
  font-weight: 500;
  font-size: 1.25rem;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

/* Content Section */
.container-content {
  margin-top: 2.5rem; }
  .container-content + .container hr {
    margin-top: 3rem; }

.intro-text {
  text-align: center;
  color: #007ea7;
  font-size: 1.5rem; }

/* Panelist Cards */
.panelist-section > h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  color: #003459; }
.panelist-section .col-12 {
  margin-bottom: 1.5rem; }

.panelists-english-performance,
.panelists-western-performance {
  margin-top: 2rem; }

.panelist-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  .panelist-card h4 {
    font-size: inherit;
    margin-bottom: 0; }
  .panelist-card p {
    margin-bottom: 0;
    width: 100%; }
    .panelist-card p:last-child {
      font-size: 0.875rem; }
  .panelist-card hr {
    width: 50%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }

.panelist-thumbnail {
  width: 10rem;
  height: 10rem;
  margin-bottom: 0.75rem; }
  .panelist-thumbnail img {
    width: 100%; }

/* Key Topics - Summary */
.container-summary {
  background-color: #003459;
  color: #ffffff;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-weight: 500;
  font-size: 1.5rem;
  margin-top: 1.5rem; }
  .container-summary ul {
    margin-bottom: 0;
    line-height: 1.25;
    padding-left: 1.5rem; }
  .container-summary li {
    padding-left: 0.5rem;
    margin-bottom: 1.25rem; }
    .container-summary li:last-child {
      margin-bottom: 0; }
  .container-summary + .container hr {
    margin-top: 3.5rem; }

/* Key Topics - Content */
.blockquote {
  font-size: 1.5rem;
  line-height: 1.25;
  font-style: italic;
  margin-bottom: 0;
  color: #003459; }
  .blockquote p {
    margin-bottom: 0; }

.blockquote-footer {
  font-size: 1.5rem;
  font-weight: 500;
  color: #003459;
  text-align: right;
  margin-top: 1.5rem; }

.row-quote {
  margin-top: 2rem;
  margin-bottom: 1.5rem; }
  .row-quote .col-12:last-child {
    flex-shrink: 1; }
  .row-quote .panelist-thumbnail {
    margin-bottom: 0; }

@media (max-width: 767.98px) {
  .row-quote .col-12:first-child {
    margin-bottom: 1.5rem; } }
@media (min-width: 768px) {
  .row-quote {
    margin-bottom: 4.5rem; }
    .row-quote .col-12:first-child {
      margin-left: 4.1666666667%; }
    .row-quote .blockquote {
      position: relative; }
    .row-quote .blockquote-footer {
      white-space: nowrap;
      position: absolute;
      right: 0;
      bottom: -3rem; } }
.row-has-quote-column {
  align-items: center;
  margin-top: 2.5rem;
  margin-bottom: 1rem; }
  .row-has-quote-column .embed-responsive {
    max-width: 546px;
    margin-left: auto;
    margin-right: auto; }
  .row-has-quote-column + .container-share-links {
    margin-top: 0;
    margin-bottom: 2.5rem; }

.container .container-share-links {
  margin-top: 1rem;
  margin-bottom: 2.5rem; }

@media (max-width: 383.98px) {
  .blockquote-footer {
    font-size: 1.375rem; } }
@media (max-width: 991.98px) {
  .row-has-quote-column .col-12:first-child {
    margin-bottom: 1.5rem; } }
@media (min-width: 768px) {
  .blockquote-footer {
    right: 4.1666666667%; }

  .row-quote {
    flex-wrap: nowrap;
    align-items: center; } }
/* Key Topics - Video */
.embed-responsive {
  overflow: visible;
  position: relative; }

.btn-video {
  padding: 0;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1.25;
  border-radius: 0;
  overflow: hidden; }
  .btn-video img {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 0.15s ease-in-out;
    z-index: -1; }
  .btn-video:hover img, .btn-video:focus img {
    opacity: 0.9375; }
  .btn-video .icon {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    background-color: #d9d9d9;
    font-size: 1.75rem;
    color: #4d4d4d;
    transition: background-color .15s ease-in-out; }
    .btn-video .icon::before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-35%) translateY(-50%); }
  .btn-video:hover .icon, .btn-video:focus .icon {
    background-color: #e2e2e2; }
  .btn-video .btn-text {
    font-weight: 200;
    color: #ffffff;
    position: absolute;
    left: 50%;
    bottom: 1rem;
    margin-bottom: 0.25rem;
    transform: translateX(-50%);
    padding-left: 4.875rem;
    padding-right: 4.875rem;
    width: 100%;
    visibility: hidden; }
  .btn-video .text-weight-medium {
    font-size: 1.25rem; }

.btn-transcript {
  background-color: #ffffff;
  border-radius: 0;
  color: inherit;
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem; }

@media (max-width: 575.98px) {
  .btn-transcript {
    font-size: 0.875rem; } }
/* Key Topics - Pagination */
.row-pagination {
  justify-content: space-between;
  margin-top: 3.5rem;
  margin-bottom: 3rem; }

/* Resources */
.container-kol-videos {
  margin-top: 2.5rem; }
  .container-kol-videos .col-12 {
    margin-bottom: 1.75rem; }

.container-resources-separator hr {
  margin-top: 3.5rem; }

.external-link {
  margin-bottom: 2rem; }
  .external-link a {
    color: #007ea7; }

/* Footer */
#site-footer {
  background-color: #003459;
  color: #ffffff;
  margin-top: 4rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  #site-footer p {
    font-size: 0.875rem; }
    #site-footer p:last-child {
      margin-bottom: 0; }
  #site-footer a {
    color: #ffffff; }

.footer-logo {
  max-width: 256px;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem; }