/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

h1 {
  font-size: 36px;
  margin: 20px 0 20px 0;
  border-left: 16px solid #000000;
  border-bottom: 4px solid #000000;
  border-image: linear-gradient(to right, #00a0e9ff 0%, #00a0e9ff 10%, #12d09bff 20%, #12d09b00 100%);
  border-image-slice: 1;
  padding-left: 3px;
}

h2 {
  font-size: 24px;
  margin: 20px 0 20px 0;
  border-left: 10px solid #000000;
  border-bottom: 4px solid #000000;
  border-image: linear-gradient(to right, #3fb8ffff 0%, #3fb8ffff 8%, #37e1abff 20%, #37e1ab00 100%);
  border-image-slice: 1;
  padding-left: 3px;
}

h3 {
  font-size: 20px;
  margin: 20px 0 15px 0;
  border-left: 6px solid #000000;
  border-bottom: 4px solid #000000;
  border-image: linear-gradient(to right, #57c9ffff 0%, #57c9ffff 6%, #4ff3bbff 20%, #4ff3bb00 100%);
  border-image-slice: 1;
  padding-left: 3px;
}

h4 {
  font-size: 18px;
  margin: 20px 0 10px 0;
}

h5 {
  margin: 20px 0 10px 0;
  font-size: 16px;
}

.center {
  text-align: center;
}

.subcommittee {
  white-space: nowrap;
}

.program {
  font-size: 12px;
  width: 100%;
}

.program .nowrap {
  white-space: nowrap;
}

.program .title {
  background-color: #33ffff;
}

.program th, .program td {
  padding: 3px 3px;
}

@media (max-width: 45em) {
  .schedule th, .schedule td {
    font-size: 12px;
    padding: 3px;
  }

  .program td.time {
    white-space: nowrap;
    max-width: 7.5em;
  }

  .program td.subcommittee {
    max-width: 8.5em;
  }

  .program td.affiliation {
    max-width: 10.0em;
  }

  .program td.name {
    white-space: nowrap;
    max-width: 7.0em;
  }
}

@media (min-width: 45.0625em) and (max-width: 60em) {
  .program td.time {
    white-space: nowrap;
    width: 7.5em;
  }

  .program td.subcommittee {
    width: 8.5em;
  }

  .program td.affiliation {
    width: 10.0em;
  }

  .program td.name {
    white-space: nowrap;
    width: 7.0em;
  }
}

@media (min-width: 60.0625em) {
  .program td.time {
    white-space: nowrap;
    width: 7.5em;
  }

  .program td.subcommittee {
    white-space: nowrap;
    width: 9.0em;
  }

  .program td.affiliation {
    white-space: nowrap;
    width: 15.0em;
  }

  .program td.name {
    white-space: nowrap;
    width: 7.0em;
  }
}

.abstract {
  font-size: 14px;
}

table.abstract {
  margin: 25px 0 3px 0;
  background-color: #33ffff;
  width: 100%;
}

.abstract .nowrap {
  white-space: nowrap;
}

.abstract .title {
  background-color: #33ffff;
}

.abstract th, .abstract td {
  padding: 3px 3px;
}

@media (max-width: 45em) {
  .abstract td.subcommittee {
    max-width: 8.5em;
  }

  .abstract td.affiliation {
    max-width: 10.0em;
  }

  .abstract td.name {
    white-space: nowrap;
    max-width: 7.0em;
  }
}

@media (min-width: 45.0625em) and (max-width: 60em) {
  .abstract td.subcommittee {
    width: 8.5em;
  }

  .abstract td.affiliation {
    width: 10.0em;
  }

  .abstract td.name {
    white-space: nowrap;
    width: 7.0em;
  }
}

@media (min-width: 60.0625em) {
  .abstract td.subcommittee {
    white-space: nowrap;
    width: 9.0em;
  }

  .abstract td.affiliation {
    white-space: nowrap;
    width: 15.0em;
  }

  .abstract td.name {
    white-space: nowrap;
    width: 7.0em;
  }
}

.site-branding__name-link,
.site-branding__name-link:visited,
.site-branding__name-link:hover,
.site-branding__name-link:active {
  color: #ffffff;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active {
  background-color: #0f8261;
  color: #ffffff;
}