/* Basic Styles */
*,
*:before,
*:after {
  box-sizing: inherit;
}

html,
p,
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}

html {
  background-color: #fff;
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 50%;
  -webkit-font-smoothing: antialiased;
  margin: 0 auto;
  min-width: 320px;
  -ms-touch-action: none;
  /* Windows Phone fix */
}

body {
  background-color: #fff;
  color: #000;
  font-size: 1.5em;
  -webkit-font-smoothing: antialiased;
  margin: 0 auto;
  min-height: 100vh;
  min-width: 320px;
  overflow-x: hidden;
  padding: 0;
  position: relative;
  zoom: 1;
}

body.noscroll {
  overflow: hidden;
}

main {
  display: block;
}

input,
button,
textarea,
select {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
}

img {
  border: 0;
}

sup {
    bottom: 0.5em;
    font-size: 0.5em;
    line-height: 0;
    position: relative;
    vertical-align: middle;
}

/* Gate */
.gate {
  align-content: center;
  align-items: center;
  background-image: url('../images/background_gate.jpg');
  background-size: cover;
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

.gate-main {
  background: #fff;
  border: 2px solid #000;
  margin: 5rem;
  padding: 4rem;
}

.gate-main .hidden {
  visibility: hidden;
}

.gate-main .inset {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}

.gate-main .logo {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}

.gate-main .logo img {
  width: 19rem;
}

.gate-main .logo a {
  background: #421e5e;
  color: #fff;
  padding: 1rem;
  text-decoration: none;
}

.gate-main .logo a:active,
.gate-main .logo a:focus,
.gate-main .logo a:hover {
  background: #652f8e;
  text-decoration: none;
}

.gate-main .subtext {
  font-size: 1.4rem;
}

.gate-main form {
  margin-bottom: 3rem;
  margin-top: 2rem;
}

.gate-main .line {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.gate-main .error {
  color: #ff0c0c;
}

.gate-main form .line {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.gate-main form .line label {
  flex: 1 1 33.333333%;
  margin-right: 1rem;
}

.gate-main form .line select,
.gate-main form .line input {
  background: #e8e8e8;
  border: 1px solid #8e8e8e;
  border-radius: 0.5em;
  flex: 1 1 66.666666%;
  padding: 0.5em 1em;
}

.gate-main form button {
  background-color: #ee2a7a;
  border: none;
  border-radius: 0.5em;
  color: #fff;
  cursor: pointer;
  margin-left: 33.333333%;
  outline: none;
  padding: 0.8em 3em;
  transition: background-color 150ms ease-in-out;
}

.gate-main form button:active,
.gate-main form button:focus,
.gate-main form button:hover {
  background-color: #b92f67;
}

.gate-main .footer {
  align-content: center;
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}

.gate-main .footer p {
  font-size: 1.2rem;
  margin-right: 1rem;
  width: 40rem;
}

.gate-main .footer div {
  width: 10rem;
}

.gate-main .footer div img {
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  .gate-main .footer p {
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .gate-main {
    padding: 3rem 1.5rem;
  }

  .gate-main .inset {
    margin-left: 1.1rem;
    margin-right: 1.1rem;
  }

  .gate-main .logo img {
    width: 13.5rem;
  }

  .gate-main form .line {
    flex-wrap: wrap;
  }

  .gate-main form .line label {
    flex: 1 1 100%;
    margin-bottom: 0.8rem;
  }

  .gate-main form .line select,
  .gate-main form .line input {
    flex: 1 1 100%;
  }

  .gate-main form button {
    margin: auto;
  }

  .gate-main .footer div {
    width: 13rem;
  }
}

/* Extra Styles */
.pink-text {
    color: #ee2a7a;
}
.purple-text {
    color: #421e5e;
}
.grey-text {
    color: #414042;
}

.cta {
    align-content: center;
    align-items: center;
    background-color: #421e5e;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
    color: #ffffff;
    display: inline-flex;
    font-size: 2rem;
    justify-content: center;
    outline: none;
    padding: 0.75em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}
.cta:active,
.cta:focus,
.cta:hover {
  background-color: #5b2f7d;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.35);
}

.anchor {
    display: block;
    position: relative;
    visibility: hidden;
}

/* Conatainer */
.container {
  margin: 0 auto;
  max-width: 1236px;
}

/* Header */
.mainheader {
  background-color: #fff;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 30;
}

.mainheader .container {
  align-content: center;
  align-items: stretch;
  display: flex;
}
.mainheader .border {
  border-bottom: 9px solid #ee2a7a;
}

.mainheader .logo a {
  display: block;
  padding: 1.75rem 3rem;
  width: 25rem;
}

.mainheader .logo.logo-fr a {
  width: 24.75rem;
}

.mainheader .logo img {
  max-width: 100%;
}

.mainheader nav {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: auto;
}

.mainheader .safety-lang {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex: 1 1 100%;
  justify-content: flex-end;
  list-style: none;
  margin: 2rem 0;
  padding: 0;
}
.mainheader .safety {
    background: none;
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    font-size: 2.2rem;
    height: 100%;
    outline: none;
    padding: 0 2rem;
}
.mainheader .safety:active,
.mainheader .safety:focus,
.mainheader .safety:hover {
    border: 1px solid #ee2a7a;
    color: #ee2a7a;
}
.mainheader .lang-toggle {
  padding: 0 3.5rem;
}
.mainheader .lang-toggle a {
  background: #421e5e;
  color: #fff;
  display: block;
  font-size: 2.7rem;
  padding: 1rem;
  text-decoration: none;
}
.mainheader .lang-toggle a:active,
.mainheader .lang-toggle a:focus,
.mainheader .lang-toggle a:hover {
  background: #652f8e;
  text-decoration: none;
}

.mainheader .logo {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.mainheader .navigation {
  align-content: center;
  align-items: stretch;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: auto;
}
.mainheader .navigation li {
  align-content: center;
  align-items: center;
  border-left: 1px dashed #000;
  display: flex;
  font-size: 2.2rem;
  justify-content: center;
  text-align: center;
  width: 19rem;
}

.mainheader .navigation li a,
.mainheader .navigation li button {
    border: none;
    color: #000;
    display: block;
    padding: 0.5rem;
    text-decoration: none;
}

.mainheader .navigation li a:active,
.mainheader .navigation li a:focus,
.mainheader .navigation li a:hover,
.mainheader .navigation li button:active,
.mainheader .navigation li button:focus,
.mainheader .navigation li button:hover {
    border: none;
    color: #ee2a7a;
    text-decoration: none;
}

.mainheader .navigation .safety-button {
    display: none;
}

.mainheader .navigation li a.active {
  color: #ee2a7a;
  font-weight: bold;
}

.mainheader div.lang-toggle {
    display: none;
}

.mainheader .mobile-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    padding: 0 3.5rem;
    width: auto;
    width: 10rem;
}

.mainheader .mobile-menu .toggle {
    display: none;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: -5px;
    width: 5rem;
}

.mainheader .mobile-menu .toggle li {
  height: 5px;
  background: #ee2a7a;
  content: '';
  position: relative;
  transition: 0.25s ease-in-out;
  width: 25px;
  border-radius: 3px;
}

.mainheader .mobile-menu .toggle li:nth-child(1) {
  top: 0;
}
.mainheader .mobile-menu .toggle li:nth-child(2) {
  top: 5px;
}
.mainheader .mobile-menu .toggle li:nth-child(3) {
  top: 10px;
}

.hidden {
  opacity: 0;
}

.rot45deg {
  transform: rotate(45deg);
  top: 10px !important;
}

.rot-45deg {
  transform: rotate(-45deg);
}

/* Anchor Links */
.mainheader .anchorlinks {
    display: none;
    padding: 2rem;
}
.mainheader .anchorlinks ul li {
    width: auto;
}
.mainheader .anchorlinks.show {
    display: flex;
}
.anchorlinks {
    background: #fbf9f9;
    margin-top: 5rem;
    padding: 2rem;
}
.anchorlinks ul {
    align-content: center;
    align-items: center;
    display: flex;
    font-size: 2.2rem;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.anchorlinks ul li {
    border-left: 1px solid #ee2a7a;
    padding: 0 5rem;
}
.anchorlinks ul li:first-child {
    border-left: none;
}
.anchorlinks ul li a {
    color: #000;
    text-decoration: none;
}
.anchorlinks ul li a:active,
.anchorlinks ul li a:focus,
.anchorlinks ul li a:hover {
    color: #000;
    text-decoration: underline;
}

/* Buttons */
.buttons {
  align-content: center;
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  left: 2rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  pointer-events: none;
  position: absolute;
  right: 2rem;
  z-index: 25;
}

.buttons.fixed {
  position: fixed;
}

.buttons .safety {
  background: #fff;
  border: 2px solid #ee2a7a;
  border-radius: 1rem;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
  color: #ee2a7a;
  cursor: pointer;
  font-size: 2rem;
  outline: none;
  padding: 1em 3.5em;
  pointer-events: all;
  transition: background 150ms ease-in-out, box-shadow 150ms ease-in-out;
}

.buttons .safety:active,
.buttons .safety:focus,
.buttons .safety:hover {
  background: #e6e6e6;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
}

.buttons .request {
  background: #421e5e;
  border: none;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: bold;
  height: 11rem;
  outline: none;
  pointer-events: all;
  transition: background 150ms ease-in-out, box-shadow 150ms ease-in-out;
  width: 11rem;
}

.buttons .request:active,
.buttons .request:focus,
.buttons .request:hover {
  background: #5b2f7d;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
}

.buttons .request img {
  margin-top: -0.5em;
  width: 3rem;
}

.section.buttonstopper {
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
}

/* Hero */
.hero {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1236px auto;
  position: relative;
}

.hero .container {
  min-height: 35rem;
  padding-bottom: 4rem;
  padding-top: 4rem;
  position: relative;
}

.hero h1.resources {
  position: relative;
  font-size: 26px;
  line-height: 26px;
  color: #ffffff;
  background-color: rgba(238, 42, 122, 0.85);
  padding: 40px 0 40px 40px;
  z-index: 20;
  top: 6rem;
  border-bottom-left-radius: 17px;
  border-top-left-radius: 17px;
  transform: translateY(-50%);
  transform: translateX(75%);
}

.hero .container::before {
  background: linear-gradient(90deg, #fff 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 15rem;
}

.hero .container::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #fff 100%);
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 15rem;
}

.hero-home {
  background-image: url('../images/hero_home.jpg');
  overflow: hidden;
}

.hero-psp {
  background-position: top center;
  background-image: url('../images/hero_psp.jpg');
}

.hero-resources {
  background-position: center;
  background-image: url('../images/hero_resources.jpg');
}

.hero-boston {
    background-position: center;
    background-image: url('../images/hero_boston.jpg');
}
.hero-dosing {
    background-position: center;
    background-image: url('../images/hero_dosing.jpg');
}

.hero-resources img {
  width: 29rem;
  padding-left: 7rem;
}

.herobox-wrapper {
  background: rgba(66, 30, 94, 0.85);
  border-radius: 1.7rem;
  color: #fff;
  margin-left: auto;
  position: relative;
  width: 100%;
  z-index: 5;
  transform: translateX(66.667%);
}

.herobox {
  border-radius: 1.7rem;
  color: #fff;
  margin-left: 0;
  padding: 6.5rem;
  position: relative;
  width: 33.333333%;
  z-index: 5;
}

.herobox .pinkbox {
  background: #ee2a7a;
  font-size: 1.9rem;
  padding: 1rem;
  width: 25rem;
}

.herobox h2 {
  font-size: 3.3rem;
  margin: 1rem 0;
}

.herobox p {
  font-size: 1.9rem;
  width: 30rem;
}

/* Sections */
.section {
  padding: 6.5rem;
}

.section.divider {
  padding: 0;
}
.section.divider .divider {
    background: #000;
    height: 1px;
    width: 100%;
}

.section.grey {
  background: #fbf9f9;
}

.section.purple {
  background: #421e5e;
}

.section.info {
    font-size: 2.6rem;
}

.section ul {
  padding-left: 0;
}

.section.herosub {
  color: #fff;
  display: none;
  padding-bottom: 3rem;
  padding-top: 3rem;
}

.section.herosub h2 {
  font-size: 3rem;
  margin-bottom: 1.5rem;
}

.section.herosub p {
  font-size: 2.2rem;
}

.section.intro .infobox {
  background: #fff;
  border: 3px solid #421e5e;
  border-radius: 1rem;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
  font-size: 2.6rem;
  padding: 3rem 6rem;
}

.section.intro .infobox-psp {
  border-color: #3cb0b5;
}

.section.info .container {
  align-content: center;
  align-items: stretch;
  display: flex;
  justify-content: center;
}

.section.info .container div {
  align-content: center;
  align-items: center;
  border-right: 1px solid #ee2a7a;
  display: flex;
  flex: 1 1 40%;
  font-size: 3rem;
  justify-content: center;
  padding-right: 5rem;
}

.section.info .container div em {
  color: #ee2a7a;
  font-style: normal;
  font-weight: bold;
}

.section.info figure {
  align-content: center;
  align-items: center;
  display: flex;
  flex: 1 1 60%;
  justify-content: center;
}

.section.info figure img {
  max-width: 100%;
  width: 40em;
}

.section.survival {
    font-size: 2.6rem;
}
.section.survival .box {
    border: 3px solid #ee2a7a;
    border-radius: 3rem;
    margin-top: 3rem;
}
.section.survival .box .header {
    border-bottom: 3px solid #ee2a7a;
    padding: 3rem;
    text-align: center;
}
.section.survival .box .header span {
  font-style: italic;
}
.section.survival .box .body {
    align-content: center;
    align-items: stretch;
    display: flex;
    justify-content: center;
    padding: 3rem;
    text-align: center;
}
.section.survival .box .body div {
    flex: 1 1 45%;
}
.section.survival .box .body div.vs {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 1 10%;
    justify-content: center;
}
.section.survival .box .body h3 {
    color: #421e5e;
    font-size: 4.5rem;
    font-weight: bold;
}
.section.survival .button {
    margin-top: 5rem;
    text-align: center;
}

.section.exposure .container {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.section.exposure figure {
  align-content: center;
  align-items: center;
  display: flex;
  flex: 1 1 50%;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}

.section.exposure figure img {
  max-width: 35rem;
}

.section.exposure figure figcaption {
  display: none;
  font-size: 2.6rem;
  margin-top: 5rem;
}

.section.exposure figure figcaption li {
  margin: 1em;
}

.section.exposure .caption {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex: 1 1 100%;
  font-size: 2.6rem;
  justify-content: center;
  margin-top: 5rem;
}

.section.exposure .caption ul {
  flex: 1 1 50%;
}

.section.exposure .caption ul:first-child {
  margin-right: 2.5rem;
}

.section.exposure .caption ul:last-child {
  margin-left: 2.5rem;
}

.section.exposure .caption ul li {
  margin: 1em;
}

.section.combination ul li {
  font-size: 2.6rem;
  margin: 1em;
}

.section.extra {
  font-size: 1.9rem;
}
.section.extra span {
  font-style: italic;
}

.section.foryoumap {
  font-size: 2.75rem;
}
.section.foryoumap .info {
  margin: 3rem 0;
}
.section.foryoumap .info a {
  color: #421e5e;
  text-decoration: underline;
}
.section.foryoumap .info a:active,
.section.foryoumap .info a:focus,
.section.foryoumap .info a:hover {
  color: #5b2f7d;
  text-decoration: none;
}
.section.foryoumap .map {
  margin: auto;
  max-width: 100%;
  margin-bottom: 3rem;
}
.section.foryoumap .map svg {
  fill: #d1d2d4;
  width: 100%;
}
.section.foryoumap .map svg .active {
  cursor: pointer;
  fill: #ee2a7a;
}
.section.foryoumap .map svg .active:active,
.section.foryoumap .map svg .active:focus,
.section.foryoumap .map svg .active:hover {
  fill: #b92f67;
}
.section.foryoumap .map svg .textbox {
  fill: none;
}
.section.foryoumap .map svg .provincetext {
  fill: #000;
}
.section.foryoumap .map svg .active.textin .provincetext {
  fill: #fff;
}
.section.foryoumap .map svg .active:active .provincetext,
.section.foryoumap .map svg .active:focus .provincetext,
.section.foryoumap .map svg .active:hover .provincetext {
  text-decoration: underline;
}
.section.foryoumap .map svg .provinceline {
  fill: #000;
}
.section.foryoumap .map svg .provinceindicator {
  fill: #fff;
}
.section.foryoumap .select select {
  border-radius: 1rem;
  display: block;
  margin: 1rem 0;
  padding: 1rem 2rem;
}

.section.foryoudivider {
  padding: 0;
}
.section.foryoudivider .divider {
  background: #000;
  height: 1px;
  width: 100%;
}

.section.foryouenroll {
  font-size: 2.75rem;
}
.section.foryouenroll .logo {
  margin: auto;
  max-width: 100%;
  margin-bottom: 3rem;
  width: 50rem;
}
.section.foryouenroll .logo img {
  max-width: 100%;
}

.section.pspinfo .offers {
  font-size: 2.6rem;
  margin-bottom: 2.5rem;
  margin-top: 5rem;
}

.section.pspinfo .infoboxes {
  align-content: center;
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.section.pspinfo .infoboxes .infobox {
  border: 3px solid #3cb0b5;
  border-radius: 1rem;
  flex: 1 1 33.333333%;
  margin: 2.5rem;
  padding: 3rem 5rem 6rem;
}

.section.pspinfo .infoboxes .infobox h3 {
  align-content: center;
  align-items: center;
  color: #ee2a7a;
  display: flex;
  font-size: 2.7rem;
  font-weight: bold;
  justify-content: center;
  min-height: 10rem;
  text-align: center;
}

.section.pspinfo .infoboxes .infobox div {
  align-content: center;
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  margin: 2rem 0;
  min-height: 17rem;
}

.section.pspinfo .infoboxes .infobox div img {
  max-height: 14rem;
  max-width: 100%;
}

.section.pspinfo .infoboxes .infobox p {
  flex: 1 1 auto;
  font-size: 2.6rem;
  text-align: center;
}

.section.studydesign {
    font-size: 2.75rem;
}
.section.studydesign .info {
    margin: 3rem 0;
}
.section.studydesign .methods {
    align-content: center;
    align-items: stretch;
    display: flex;
    justify-content: center;
}
.section.studydesign .methods .boxes {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 1 40%;
    flex-direction: column;
    justify-content: center;
}
.section.studydesign .methods .inbetween {
    align-content: center;
    align-items: flex-end;
    display: flex;
    flex: 1 1 20%;
    justify-content: center;
    position: relative;
}
.section.studydesign .methods .label {
    text-align: center;
}
.section.studydesign .methods .box {
    border-radius: 1rem;
    margin: 2rem 0;
    padding: 2rem;
    text-align: center;
}
.section.studydesign .methods .box.purple {
    background: #421e5e;
    color: #fff;
}
.section.studydesign .methods .box.lightpurple {
    background: rgba(66, 30, 94, 0.2);
}
.section.studydesign .methods .box.lightgrey {
    background: rgba(76, 75, 79, 0.2);
}
.section.studydesign .arrows {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    inset: 0 0 0 0;
    justify-content: stretch;
    position: absolute;
}
.section.studydesign .arrows .top,
.section.studydesign .arrows .bottom {
    background: #421e5e;
    height: 3px;
    position: relative;
    width: 100%;
}
.section.studydesign .arrows .top {
    transform: rotate(-15deg);
    transform-origin: bottom left;
}
.section.studydesign .arrows .bottom {
    transform: rotate(15deg);
    transform-origin: top left;
}
.section.studydesign .arrows .top::after,
.section.studydesign .arrows .bottom::after {
    border-right: 3px solid #421e5e;
    border-top: 3px solid #421e5e;
    content: '';
    display: block;
    height: 20px;
    inset: 0 0 auto auto;
    position: absolute;
    transform: rotate(45deg) translate(-6px, -6px);
    width: 20px;
}
.section.studydesign .legal {
    font-size: 1.9rem;
    margin-top: 4rem;
}
.section.endpoints .boxes {
    align-content: center;
    align-items: stretch;
    display: flex;
    gap: 4rem;
    justify-content: center;
}
.section.endpoints .boxes > div {
    border: 3px solid #3cb0b5;
    border-radius: 1rem;
    flex: 1 1 50%;
    padding: 3rem;
}
.section.endpoints .boxes h3 {
    font-size: 3.25rem;
}
.section.endpoints .boxes > div ul {
    font-size: 2.5rem;
    padding-left: 3rem;
}
.section.endpoints .boxes > div ul li {
    margin: 1rem 0;
}
.section.endpoints .footnotes {
  font-size: 1.9rem;
  margin-top: 2rem;
}

.section.bostondivider {
    padding: 0;
}
.section.bostondivider .divider {
    background: #000;
    height: 1px;
    width: 100%;
}
.section.bostonenrolement .container a.visit {
  align-content: center;
  align-items: center;
  background-color: #421e5e;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
  color: #ffffff;
  display: inline-flex;
  font-size: 2rem;
  justify-content: center;
  letter-spacing: -0.03em;
  outline: none;
  margin-top: 3rem;
  padding: 0.75em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}
.section.bostonenrolement .container .mobile {
  display: none;
}
.section.bostonenrolement .container .mobile a.visit {
  display: none;
}
.section.bostonenrolement .container a.visit:active,
.section.bostonenrolement .container a.visit:focus,
.section.bostonenrolement .container a.visit:hover {
  background-color: #5b2f7d;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.35);
}

.section.footnote,
.section.footnotes {
    font-size: 1.9rem;
}
.section.footnotes span {
  font-style: italic;
}

.section.characteristics {
    font-size: 2.75rem;
}
.section.characteristics .table {
    display: grid;
    grid-gap: 1px;
    margin-top: 3rem;
}
.section.characteristics .table .category {
    border-bottom: 1px solid #ee2a7a;
    font-weight: bold;
    grid-column-start: 1;
    grid-column-end: 4;
}
.section.characteristics .table .category button {
    color: #000;
    display: block;
    font-size: 2.75rem;
    font-weight: bold;
    padding: 1rem calc(1rem + 30px) 1rem 1rem;
    position: relative;
}
.section.characteristics .table .category button span {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.section.characteristics .table .type {
    grid-column: 1;
    padding: 1rem 1rem 1rem 4rem;
}
.section.characteristics .table .combo {
    background: rgba(66, 30, 94, 0.2);
    grid-column: 2;
    padding: 1rem;
    text-align: center;
}
.section.characteristics .table .combo.header {
    background: #421e5e;
    color: #fff;
}
.section.characteristics .table .alone {
    background: rgba(76, 75, 79, 0.2);
    grid-column: 3;
    padding: 1rem;
    text-align: center;
}
.section.characteristics .table .alone.header {
    background: #4c4b4f;
    color: #fff;
}
.section.characteristics .footnotes {
    font-size: 1.9rem;
    margin-top: 2rem;
}

.section.efficacy {
    font-size: 2.75rem;
}
.section.efficacy .container > div {
    margin-top: 3rem;
}
.section.efficacy .infobox {
    background: #fff;
    border: 3px solid #421e5e;
    border-radius: 1rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 2.6rem;
    padding: 3rem 6rem;
}
.section.efficacy .infobox span {
    font-style: italic;
}
.section.efficacy .imageviewer img {
    max-width: 100%;
}
.section.efficacy .imageviewer a {
    display: inline-block;
    color: #000;
    margin: 2rem 0;
    text-decoration: underline;
}
.section.efficacy .imageviewer a:active,
.section.efficacy .imageviewer a:focus,
.section.efficacy .imageviewer a:hover {
    text-decoration: none;
}
.section.efficacy .larger {
    font-size: 3.5rem;
}
.section.efficacy ul {
    padding-left: 4rem;
}
.section.efficacy ul li:not(:first-child) {
    padding-top: 2rem;
}

.section.response {
    font-size: 2.75rem;
}
.section.response h4 {
    font-weight: normal;
}
.section.response h4 span {
    font-style: italic;
}
.section.response .tabs-interface {
    border: 3px solid #421e5e;
    margin-top: 3rem;
}
.section.response .tabs-interface .tabs {
    align-content: center;
    align-items: stretch;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
}
.section.response .tabs-interface .tabs li {
    flex: 0 0 33.333333%;
}
.section.response .tabs-interface .tabs li:not(:first-child) {
    border-left: 3px solid #421e5e;
}
.section.response .tabs-interface .tabs li button {
    background: #fff;
    border: none;
    border-bottom: 3px solid #fff;
    color: #000;
    cursor: pointer;
    height: 100%;
    outline: none;
    padding: 4rem;
    text-align: left;
    width: 100%;
}
.section.response .tabs-interface .tabs li button:not(.active) {
    background: rgba(66, 30, 94, 0.05);
    border-bottom: 3px solid #421e5e;
}
.section.response .tabs-interface .content {
    background: #fff;
    padding: 4rem;
}
.section.response .tabs-interface .content > div {
    display: none;
}
.section.response .tabs-interface .content > div.active {
    display: block;
}
.section.response .imageviewer img {
    max-width: 100%;
}
.section.response .imageviewer a {
    display: inline-block;
    color: #000;
    margin-top: 2rem;
    text-decoration: underline;
}
.section.response .imageviewer a:active,
.section.response .imageviewer a:focus,
.section.response .imageviewer a:hover {
    text-decoration: none;
}
.section.response .orrs h3,
.section.response .medians h3 {
    color: #421e5e;
    text-align: center;
}
.section.response .orrs h3 span {
  font-style: italic;
}
.section.response .medians > p {
    font-weight: bold;
    margin: 2rem 0;
    text-align: center;
}
.section.response .medians .calendars {
    align-content: center;
    align-items: stretch;
    display: flex;
    justify-content: center;
}
.section.response .medians .calendars > div {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 1 40%;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 35rem;
}
.section.response .medians .calendars > div.vs {
    flex: 1 1 20%;
    font-size: 7rem;
    font-weight: bold;
    justify-content: center;
}
.section.response .medians .calendars > div div {
    position: relative;
}
.section.response .medians .calendars > div div img {
    max-width: 100%;
}
.section.response .medians .calendars > div div p {
    align-content: center;
    align-items: center;
    display: flex;
    font-size: 7rem;
    font-weight: bold;
    inset: 0 2rem 0 0;
    justify-content: center;
    margin-top: 25%;
    position: absolute;
}
.section.response .medians .calendars > div p {
    text-align: center;
}
.section.response .medians .calendars > div p.months {
    font-size: 6rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.section.safetyprofile {
    font-size: 2.75rem;
}
.section.safetyprofile .info {
  margin: 3rem 0;
  text-align: center;
}
.section.safetyprofile .table {
    display: grid;
    grid-gap: 1px;
    margin-top: 3rem;
}
.section.safetyprofile .table .category {
    border-bottom: 1px solid #ee2a7a;
    font-weight: bold;
    grid-column-start: 1;
    grid-column-end: 6;
}
.section.safetyprofile .table .category button {
    color: #000;
    display: block;
    font-size: 2.75rem;
    font-weight: bold;
    padding: 1rem calc(1rem + 30px) 1rem 1rem;
    position: relative;
}
.section.safetyprofile .table .category button span {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.section.safetyprofile .table .type {
    grid-column: 1;
    padding: 1rem 1rem 1rem 4rem;
}
.section.safetyprofile .table .combo {
    background: rgba(66, 30, 94, 0.2);
    grid-column: 2;
    padding: 1rem;
    text-align: center;
}
.section.safetyprofile .table .combo.sub {
    grid-column: 3;
}
.section.safetyprofile .table .combo.both {
    grid-column-start: 2;
    grid-column-end: 4;
}
.section.safetyprofile .table .combo.header {
    background: #421e5e;
    color: #fff;
}
.section.safetyprofile .table .alone {
    background: rgba(76, 75, 79, 0.2);
    grid-column: 4;
    padding: 1rem;
    text-align: center;
}
.section.safetyprofile .table .alone.sub {
    grid-column: 5;
}
.section.safetyprofile .table .alone.both {
    grid-column-start: 4;
    grid-column-end: 6;
}
.section.safetyprofile .table .alone.header {
    background: #4c4b4f;
    color: #fff;
}
.section.safetyprofile .footnotes {
    font-size: 1.9rem;
    margin-top: 2rem;
}

.section.treatmentrelatednausea {
    font-size: 2.75rem;
}
.section.treatmentrelatednausea h3 {
    font-weight: normal;
    max-width: 120rem;
}
.section.treatmentrelatednausea h5 {
    margin: 3rem auto;
    max-width: 100rem;
    text-align: center;
}
.section.treatmentrelatednausea .imageviewer img {
    max-width: 100%;
}
.section.treatmentrelatednausea .imageviewer a {
    display: inline-block;
    color: #000;
    margin-top: 2rem;
    text-decoration: underline;
}
.section.treatmentrelatednausea .imageviewer a:active,
.section.treatmentrelatednausea .imageviewer a:focus,
.section.treatmentrelatednausea .imageviewer a:hover {
    text-decoration: none;
}
.section.treatmentrelatednausea .larger {
    font-size: 3.5rem;
}
.section.treatmentrelatednausea .infobox {
    background: #fff;
    border: 3px solid #421e5e;
    border-radius: 1rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 2.6rem;
    margin-top: 3rem;
    padding: 3rem 6rem;
}

.section.neuropathy {
    font-size: 2.75rem;
}
.section.neuropathy h3 {
    font-weight: normal;
}
.section.neuropathy .greybox {
    background: #fff;
    border: 3px solid #8e8e8e;
    border-radius: 1rem;
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    margin-top: 3rem;
    text-align: center;
}
.section.neuropathy .greybox h4 {
    font-size: 10rem;
}
.section.neuropathy .greybox .pink-number {
    border-bottom: 3px solid #8e8e8e;
    border-right: 3px solid #8e8e8e;
    grid-column: 1;
    grid-row: 1;
    padding: 6rem;
}
.section.neuropathy .greybox .pink-info {
    align-content: center;
    align-items: center;
    border-right: 3px solid #8e8e8e;
    display: flex;
    grid-column: 1;
    grid-row: 2;
    justify-content: center;
    padding: 3rem;
}
.section.neuropathy .greybox .grey-number {
    border-bottom: 3px solid #8e8e8e;
    grid-column: 2;
    grid-row: 1;
    padding: 6rem;
}
.section.neuropathy .greybox .grey-info {
    align-content: center;
    align-items: center;
    display: flex;
    grid-column: 2;
    grid-row: 2;
    justify-content: center;
    padding: 3rem;
}
.section.neuropathy .dosinglink {
    margin-top: 3rem;
    text-align: right;
    /* text-decoration: underline; */
}
.section.neuropathy .dosinglink a {
    align-content: center;
    align-items: center;
    color: #421e5e;
    display: inline-flex;
    font-weight: bold;
    justify-content: center;
}
.section.neuropathy .dosinglink a:active,
.section.neuropathy .dosinglink a:focus,
.section.neuropathy .dosinglink a:hover {
    text-decoration: none !important;
}
.section.neuropathy .dosinglink a img {
    margin-left: 1rem;
    max-height: 100%;
}

.section.gettingstarted {
    font-size: 2.75rem;
}
.section.gettingstarted h3 {
    margin-top: 3rem;
}
.section.gettingstarted h4 {
    margin-top: 3rem;
}
.section.gettingstarted .imageviewer {
    margin-top: 3rem;
}
.section.gettingstarted .imageviewer.mobile {
  display: none;
}
.section.gettingstarted .imageviewer.mobile div {
  text-align: center;
  width: 100%;
}
.section.gettingstarted .imageviewer img {
    max-width: 100%;
}
.section.gettingstarted .imageviewer a {
    display: inline-block;
    color: #000;
    margin-top: 2rem;
    text-decoration: underline;
}
.section.gettingstarted .imageviewer a:active,
.section.gettingstarted .imageviewer a:focus,
.section.gettingstarted .imageviewer a:hover {
    text-decoration: none;
}
.section.gettingstarted ul {
    padding-left: 4rem;
}
.section.gettingstarted ul li {
    margin-top: 1rem;
}
.section.gettingstarted .container > ul > li {
    margin-top: 3rem;
}

.section.considerations {
    font-size: 2.75rem;
}
.section.considerations .container {
    align-content: center;
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}
.section.considerations .container > div {
    flex: 1 1 50%;
}
.section.considerations .container > div > div {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-top: 3rem;
    padding-right: 5rem;
}
.section.considerations .container > div > div > div {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 10rem;
    justify-content: center;
    margin-right: 3rem;
}
.section.considerations .container > div > div > div img {
    max-width: 100%;
}

.section.dosingdivider {
    padding-bottom: 0;
}
.section.dosingdivider .divider {
    background: #000;
    height: 1px;
    width: 100%;
}

.section.missed {
    font-size: 2.75rem;
}
.section.missed .infobox {
    background: #fff;
    border: 3px solid #421e5e;
    border-radius: 1rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 2.6rem;
    margin-top: 3rem;
    padding: 3rem 6rem;
}
.section.missed .infobox > div {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.section.missed .infobox > div > div {
    flex: 0 0 20rem;
    margin-right: 3rem;
}
.section.missed .infobox > div > div img {
    max-width: 100%;
}

.section.monitoring {
    font-size: 2.75rem;
}
.section.monitoring .container > div > h4 {
    margin: 3rem 0;
}
.section.monitoring .tabs-interface {
    border: 3px solid #421e5e;
}
.section.monitoring .tabs-interface .tabs {
    align-content: center;
    align-items: stretch;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
}
.section.monitoring .tabs-interface .tabs li {
    flex: 0 0 33.333333%;
}
.section.monitoring .tabs-interface .tabs li:not(:first-child) {
    border-left: 3px solid #421e5e;
}
.section.monitoring .tabs-interface .tabs li button {
    background: #fff;
    border: none;
    border-bottom: 3px solid #fff;
    color: #000;
    cursor: pointer;
    height: 100%;
    outline: none;
    padding: 4rem;
    text-align: left;
    width: 100%;
}
.section.monitoring .tabs-interface .tabs li button:not(.active) {
    background: rgba(66, 30, 94, 0.05);
    border-bottom: 3px solid #421e5e;
}
.section.monitoring .tabs-interface .content {
    background: #fff;
    padding: 4rem;
}
.section.monitoring .tabs-interface .content > div {
    display: none;
}
.section.monitoring .tabs-interface .content > div.tabflex {
    align-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.section.monitoring .tabs-interface .content > div.active {
    display: block;
}
.section.monitoring .tabs-interface .content > div.tabflex.active {
    display: flex;
}
.section.monitoring .tabs-interface h3 {
    text-align: center;
}
.section.monitoring .imageviewer {
    margin-top: 3rem;
}
.section.monitoring .imageviewer img {
    max-width: 100rem;
    width: 100%;
}
.section.monitoring .imageviewer a {
    display: block;
    color: #000;
    margin-top: 2rem;
    text-decoration: underline;
}
.section.monitoring .imageviewer a:active,
.section.monitoring .imageviewer a:focus,
.section.monitoring .imageviewer a:hover {
    text-decoration: none;
}
.section.monitoring .imageviewer .footnote {
    font-size: 1.9rem;
    margin-top: 2rem;
}
.section.monitoring .table {
    display: grid;
    margin-top: 3rem;
}
.section.monitoring .table .category {
    background: #d9d2df;
    font-weight: bold;
    grid-column-start: 1;
    grid-column-end: 4;
}
.section.monitoring .table .category button {
    color: #000;
    display: block;
    font-size: 2.75rem;
    font-weight: bold;
    padding: 1rem calc(1rem + 30px) 1rem 1rem;
    position: relative;
}
.section.monitoring .table .category button span {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.section.monitoring .table .reaction {
    align-content: center;
    align-items: center;
    display: flex;
    grid-column: 1;
    justify-content: flex-start;
    padding: 1rem;
}
.section.monitoring .table .reaction.special {
    grid-row: span 2;
}
.section.monitoring .table .occurrence {
    align-content: center;
    align-items: center;
    display: flex;
    grid-column: 2;
    justify-content: center;
    padding: 1rem;
}
.section.monitoring .table .occurrence:not(.header) {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.section.monitoring .table .action {
    align-content: center;
    align-items: center;
    display: flex;
    grid-column: 3;
    justify-content: flex-start;
    padding: 1rem;
}
.section.monitoring .table .action ul {
    margin: 0 0 0 4rem;
}
.section.monitoring .table .header {
    background: #421e5e;
    color: #fff;
    font-weight: bold;
    justify-content: center;
}
.section.monitoring .table .light {
    background: #f6f6f6;
}
.section.monitoring .table .dark {
    background: #e8e9ea;
}
.section.monitoring .table .footnote {
    grid-column-start: 1;
    grid-column-end: 4;
    font-size: 1.9rem;
    margin-top: 2rem;
}

.section.managingnausea {
    font-size: 2.75rem;
}
.section.managingnausea .infobox {
    background: #fff;
    border: 3px solid #421e5e;
    border-radius: 1rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 2.6rem;
    margin-top: 3rem;
    padding: 3rem 6rem;
}
.section.managingnausea .treatment {
    align-content: center;
    align-items: stretch;
    display: flex;
    justify-content: stretch;
    margin-top: 3rem;
}
.section.managingnausea .treatment .boxes {
    flex: 1 1 40%;
}
.section.managingnausea .treatment .plus {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 1 20%;
    font-size: 20rem;
    justify-content: center;
}
.section.managingnausea .treatment .box {
    align-content: center;
    align-items: center;
    background: #e2dde6;
    border: 2px solid #8e8e8e;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    padding: 3rem;
}
.section.managingnausea .treatment .boxes .box {
    background: #f6f4f7;
}
.section.managingnausea .treatment .boxes .andor {
    font-weight: bold;
    margin: 3rem;
}
.section.managingnausea .container > ul {
    margin-left: 3rem;
}
.section.managingnausea .container > p {
  margin: 3rem 0;
}

/* Footer */
.mainfooter {
  background: #fbf9f9;
  border-top: 3px solid #8e8e8e;
  padding: 3rem;
}

.mainfooter ul {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mainfooter ul li {
  border-left: 1px dashed #000;
  padding: 1rem 3rem;
}

.mainfooter ul li:first-child {
  border-left: none;
}

.mainfooter ul li a,
.mainfooter ul li button {
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
  font-size: 2rem;
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
}

.mainfooter ul li a:active,
.mainfooter ul li a:focus,
.mainfooter ul li a:hover,
.mainfooter ul li button:active,
.mainfooter ul li button:focus,
.mainfooter ul li button:hover {
  text-decoration: underline;
}

.mainfooter .legal {
  align-content: center;
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}

.mainfooter .legal p {
  font-size: 1.2rem;
}

.mainfooter .legal div p {
  display: none;
}

.mainfooter .legal img {
  width: 20rem;
}

/* Dialog Box */
.dialog {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: auto;
  padding: 10rem 14rem;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 250ms ease-in-out, visibility 0ms step-start 250ms;
  visibility: hidden;
  z-index: 50;
}

.dialog[aria-hidden='false'] {
  opacity: 1;
  transition: opacity 250ms ease-in-out;
  visibility: visible;
}

.dialog-box {
  background: #fff;
  border-radius: 3rem;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.5);
  margin: auto;
  max-height: 100%;
  max-width: 900px;
  min-height: 50rem;
  overflow-y: auto;
  position: relative;
  width: 100%;
}

.dialog-box .dialog-close-button {
  align-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 3px solid var(--secondary-accent);
  display: flex;
  inset: 0 0 auto;
  justify-content: flex-end;
  padding: 2rem;
  position: sticky;
  z-index: 1;
}

.dialog-box .dialog-close-button .dialog-close {
  align-content: center;
  align-items: center;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: none;
  padding: 0;
  transition: background-color 150ms ease-in-out;
  width: 4rem;
  z-index: 1;
}

.dialog-box .dialog-close-button .dialog-close:active,
.dialog-box .dialog-close-button .dialog-close:focus,
.dialog-box .dialog-close-button .dialog-close:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.dialog-box .dialog-close-button .dialog-close img {
  max-width: 100%;
}

.dialog-box .dialog-header {
  background-color: #421e5e;
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  padding: 1.5rem 3rem;
  text-transform: uppercase;
}

.dialog-box .dialog-info {
  font-size: 2.2rem;
  line-height: 1.5;
  padding: 3rem;
}

/* Intersticial Customizations */
.intersticial-dialog .dialog-box .dialog-close-button {
  border-bottom: none;
}

.intersticial-dialog .dialog-box .dialog-info {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem 3rem;
  text-align: center;
}

.intersticial-dialog .dialog-box .dialog-info .buttons {
  margin-top: 5rem;
  z-index: 1;
}

.intersticial-dialog .dialog-box .dialog-info .buttons button {
  margin: 1rem 3rem;
}

@media screen and (max-width: 768px) {
  .intersticial-dialog .dialog-box .dialog-info .buttons {
      display: flex;
      flex-direction: column;
  }
}

/* Safety Information */
.safety-dialog {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: auto;
  padding: 10rem 14rem;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 250ms ease-in-out, visibility 0ms step-start 250ms;
  visibility: hidden;
  z-index: 50;
}

.safety-dialog[aria-hidden='false'] {
  opacity: 1;
  transition: opacity 250ms ease-in-out;
  visibility: visible;
}

.safety-box {
  background: #fff;
  border-radius: 3rem;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.5);
  margin: auto;
  max-height: 100%;
  max-width: 900px;
  min-height: 50rem;
  overflow-y: auto;
  position: relative;
}

.safety-box .safety-close-button {
  align-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 3px solid #421e5e;
  display: flex;
  inset: 0 0 auto;
  justify-content: flex-end;
  padding: 2rem;
  position: sticky;
  z-index: 1;
}

.safety-box .safety-close-button .safety-close {
  align-content: center;
  align-items: center;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: none;
  padding: 0;
  transition: background-color 150ms ease-in-out;
  width: 4rem;
}

.safety-box .safety-close-button .safety-close:active,
.safety-box .safety-close-button .safety-close:focus,
.safety-box .safety-close-button .safety-close:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.safety-box .safety-close-button .safety-close img {
  max-width: 100%;
}

.safety-box .safety-header {
  background-color: #421e5e;
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  padding: 1.5rem 3rem;
}

.safety-box .safety-info {
  font-size: 2.2rem;
  line-height: 1.5;
  padding: 0 3rem 3rem 3rem;
}

.safety-box .safety-info h3 {
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 3rem;
  text-decoration: underline;
}

.safety-box .safety-info p {
  margin-bottom: 1em;
}

.safety-box .safety-info ul {
  margin-bottom: 1em;
  margin-top: 0;
}

/* Request a Meeting */
.meeting-dialog {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: auto;
  padding: 10rem 14rem;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 250ms ease-in-out, visibility 0ms step-start 250ms;
  visibility: hidden;
  z-index: 50;
}

.meeting-dialog[aria-hidden='false'] {
  opacity: 1;
  transition: opacity 250ms ease-in-out;
  visibility: visible;
}

.meeting-box {
  background: #fff;
  border-radius: 3rem;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.5);
  margin: auto;
  max-height: 100%;
  max-width: 900px;
  min-height: 50rem;
  overflow-y: auto;
  position: relative;
  width: 100%;
}

.meeting-box .meeting-close-button {
  align-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 3px solid #421e5e;
  display: flex;
  inset: 0 0 auto;
  justify-content: flex-end;
  padding: 2rem;
  position: sticky;
  z-index: 1;
}

.meeting-box .meeting-close-button .meeting-close {
  align-content: center;
  align-items: center;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: none;
  padding: 0;
  transition: background-color 150ms ease-in-out;
  width: 4rem;
}

.meeting-box .meeting-close-button .meeting-close:active,
.meeting-box .meeting-close-button .meeting-close:focus,
.meeting-box .meeting-close-button .meeting-close:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.meeting-box .meeting-close-button .meeting-close img {
  max-width: 100%;
}

.meeting-box .meeting-header {
  background-color: #421e5e;
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  padding: 1.5rem 3rem;
}

.meeting-box .meeting-info {
  font-size: 2.2rem;
  line-height: 1.5;
  padding: 3rem;
}

.meeting-box .meeting-info.hidden {
  display: none;
}

.meeting-box .meeting-info form {
  align-content: center;
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3rem;
  margin-top: 2rem;
}

.meeting-box .meeting-info form .meeting-form-info {
  flex: 1 1 60%;
  padding-right: 3rem;
}

.meeting-box .meeting-info form .meeting-form-image {
  flex: 1 1 40%;
  padding-left: 3rem;
}

.meeting-box .meeting-info form .meeting-form-image img {
  display: block;
  max-width: 100%;
}

.meeting-box .meeting-info form p {
  font-size: 2.6rem;
}

.meeting-box .meeting-info form .line {
  align-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.meeting-box .meeting-info form .line:last-child {
  margin-bottom: 0;
}

.meeting-box .meeting-info form .error {
  color: #ff0c0c;
}

.meeting-box .meeting-info form .hidden {
  visibility: hidden;
}

.meeting-box .meeting-info form .line.error {
  margin-top: 0;
}

.meeting-box .meeting-info form .line label {
  flex: 1 1 100%;
}

.meeting-box .meeting-info form .line input {
  background: #fff;
  border: 1px solid #000;
  flex: 1 1 100%;
  padding: 0.5em 1em;
}

.meeting-box .meeting-info form .line button {
  background-color: #ee2a7a;
  border: none;
  border-radius: 0.5em;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 1.5rem 13rem;
  transition: background-color 150ms ease-in-out;
}

.meeting-box .meeting-info form .line button:active,
.meeting-box .meeting-info form .line button:focus,
.meeting-box .meeting-info form .line button:hover {
  background-color: #b92f67;
}

.meeting-box .meeting-info p span {
  white-space: nowrap;
}

.meeting-box .meeting-thankyou {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem;
}

.meeting-box .meeting-thankyou.hidden {
  display: none;
}

.meeting-box .meeting-thankyou h3 {
  font-size: 3rem;
  margin-bottom: 1.5rem;
}

.meeting-box .meeting-thankyou p {
  font-size: 2.8rem;
  text-align: center;
}

/* Map Dialog */
.map-dialog {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: auto;
  padding: 10rem 14rem;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 250ms ease-in-out, visibility 0ms step-start 250ms;
  visibility: hidden;
  z-index: 50;
}

.map-dialog[aria-hidden='false'] {
  opacity: 1;
  transition: opacity 250ms ease-in-out;
  visibility: visible;
}

.map-dialog-box {
  background: #fff;
  border-radius: 3rem;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.5);
  margin: auto;
  max-height: 100%;
  max-width: 700px;
  min-height: 50rem;
  overflow-y: auto;
  position: relative;
}

.map-dialog-box .map-dialog-close-button {
  align-content: center;
  align-items: center;
  background-color: #fff;
  display: flex;
  inset: 0 0 auto;
  justify-content: flex-end;
  padding: 2rem;
  position: sticky;
  z-index: 1;
}

.map-dialog-box .map-dialog-close-button .map-dialog-close {
  align-content: center;
  align-items: center;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: none;
  padding: 0;
  transition: background-color 150ms ease-in-out;
  width: 4rem;
}

.map-dialog-box .map-dialog-close-button .map-dialog-close:active,
.map-dialog-box .map-dialog-close-button .map-dialog-close:focus,
.map-dialog-box .map-dialog-close-button .map-dialog-close:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.map-dialog-box .map-dialog-close-button .map-dialog-close img {
  max-width: 100%;
}

.map-dialog-box .map-dialog-header {
  display: none;
}

.map-dialog-box .map-dialog-info {
  font-size: 2.75rem;
  line-height: 1.5;
  padding: 0 3rem 3rem 3rem;
  text-align: center;
}

.map-dialog-box .map-dialog-info .logo {
  margin-bottom: 1em;
}

.map-dialog-box .map-dialog-info .logo img {
  max-width: 100%;
}

.map-dialog-box .map-dialog-info p {
  margin-bottom: 1em;
}

.map-dialog-box .map-dialog-info p a {
  color: #421e5e;
  text-decoration: underline;
}

.map-dialog-box .map-dialog-info p a:active,
.map-dialog-box .map-dialog-info p a:focus,
.map-dialog-box .map-dialog-info p a:hover {
  color: #5b2f7d;
  text-decoration: none;
}

.map-dialog-box .map-dialog-info ol {
  font-size: 1.9rem;
  margin-bottom: 1em;
  margin-top: 0;
  text-align: left;
}

.map-dialog-box .map-dialog-info ol span {
  word-wrap: break-word;
}

/* For you form additions */

.enrolementform {
  padding-top: 0;
}
.enrolementform .mobile {
  display: none;
}
.enrolementform .form-intro {
  padding-bottom: 6.5rem;
}
.enrolementform .form-intro a {
  color: #421e5e;
  text-decoration: underline;
}
.enrolementform .form-intro a:active,
.enrolementform .form-intro a:focus,
.enrolementform .form-intro a:hover {
  color: #5b2f7d;
  text-decoration: none;
}
.enrolementform .form-request {
  align-content: center;
  align-items: flex-start;
  background: #fbf9f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 7.5rem 10.75rem 5.25rem 10.75rem;
}
.enrolementform .form-request .form-info {
  align-content: center;
  align-items: flex-start;
  display: flex;
  justify-content: center;
}
.enrolementform .form-request .form-image {
  display: flex;
  flex: 1 1 33.333333%;
}
.enrolementform .form-request .form-image img {
  height: auto;
  margin-right: 1rem;
  max-width: 362px;
  width: 100%;
}
.enrolementform .form-request .form-copy {
  flex: 1 1 66.666666%;
  padding-left: 5.25rem;
}
.enrolementform .form-request h3 {
  font-size: 2.7rem;
  margin-bottom: 3rem;
}
.enrolementform .form-intro p,
.enrolementform .form-request .form-copy p {
  font-size: 2.6rem;
}
.enrolementform a {
  white-space: nowrap;
}
.enrolementform .form-request a.download {
  align-content: center;
  align-items: center;
  background-color: #421e5e;
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
  color: #ffffff;
  display: inline-flex;
  font-size: 2.5rem;
  justify-content: center;
  letter-spacing: -0.03em;
  margin-top: 5.25rem;
  outline: none;
  padding: 0.75em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}
.enrolementform .form-request a.download:active,
.enrolementform .form-request a.download:focus,
.enrolementform .form-request a.download:hover {
  background-color: #5b2f7d;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
}
.enrolementform .form-request a.download:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.78125 15.4688C0.98845 15.4688 1.18716 15.5511 1.33368 15.6976C1.48019 15.8441 1.5625 16.0428 1.5625 16.25V20.1563C1.5625 20.5707 1.72712 20.9681 2.02015 21.2611C2.31317 21.5541 2.7106 21.7188 3.125 21.7188H21.875C22.2894 21.7188 22.6868 21.5541 22.9799 21.2611C23.2729 20.9681 23.4375 20.5707 23.4375 20.1563V16.25C23.4375 16.0428 23.5198 15.8441 23.6663 15.6976C23.8128 15.5511 24.0115 15.4688 24.2188 15.4688C24.426 15.4688 24.6247 15.5511 24.7712 15.6976C24.9177 15.8441 25 16.0428 25 16.25V20.1563C25 20.9851 24.6708 21.7799 24.0847 22.366C23.4987 22.952 22.7038 23.2813 21.875 23.2813H3.125C2.2962 23.2813 1.50134 22.952 0.915291 22.366C0.32924 21.7799 0 20.9851 0 20.1563V16.25C0 16.0428 0.08231 15.8441 0.228823 15.6976C0.375336 15.5511 0.57405 15.4688 0.78125 15.4688Z' fill='white'/%3e%3cpath d='M11.9469 18.5219C12.0195 18.5946 12.1057 18.6524 12.2006 18.6917C12.2955 18.7311 12.3972 18.7514 12.5 18.7514C12.6028 18.7514 12.7045 18.7311 12.7994 18.6917C12.8944 18.6524 12.9806 18.5946 13.0531 18.5219L17.7406 13.8344C17.8873 13.6877 17.9697 13.4887 17.9697 13.2812C17.9697 13.0738 17.8873 12.8748 17.7406 12.7281C17.5939 12.5814 17.395 12.499 17.1875 12.499C16.98 12.499 16.7811 12.5814 16.6344 12.7281L13.2813 16.0828V2.34375C13.2813 2.13655 13.199 1.93784 13.0524 1.79132C12.9059 1.64481 12.7072 1.5625 12.5 1.5625C12.2928 1.5625 12.0941 1.64481 11.9476 1.79132C11.8011 1.93784 11.7188 2.13655 11.7188 2.34375V16.0828L8.36564 12.7281C8.21894 12.5814 8.01997 12.499 7.81251 12.499C7.60505 12.499 7.40608 12.5814 7.25939 12.7281C7.11269 12.8748 7.03027 13.0738 7.03027 13.2812C7.03027 13.4887 7.11269 13.6877 7.25939 13.8344L11.9469 18.5219Z' fill='white'/%3e%3c/svg%3e ");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 3.5rem 3.5rem;
  content: '';
  display: inline-block;
  height: 3.5rem;
  margin-right: 1.5rem;
  width: 3.5rem;
}

/* Responsiveness */
@media screen and (max-width: 1236px) {
  .hero {
    background-position: left center;
    background-size: cover;
  }
  .hero-dosing {
    background-position: center;
  }

  .hero .container::before {
    display: none;
  }

  .hero .container::after {
    display: none;
  }

  .herobox {
    border-radius: 1.7rem 0 0 1.7rem;
  }
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 40%;
  }

  .buttons .request {
    height: 12rem;
    width: 12rem;
  }

  .mainfooter .legal p {
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
    .mainheader .anchorlinks {
        padding: 0;
    }
    .mainheader .anchorlinks ul li:last-child {
        padding: 1rem;
    }
    .anchorlinks {
        padding: 0;
    }
    .anchorlinks ul {
        flex-wrap: wrap;
    }
    .anchorlinks ul li {
        border-left: none;
        border-top: 1px solid #ee2a7a;
        flex: 1 1 100%;
        padding: 1rem;
    }
    .anchorlinks ul li:first-child {
        border-top: none;
    }

  .buttons .request {
    height: 10rem;
    width: 10rem;
  }

  .buttons .request img {
    width: 2.5rem;
  }

  .hero-psp {
    background-position: right center;
  }

  .hero-resources {
    background-position: 40% center;
    overflow: hidden;
  }

  .mainheader {
    border-bottom-width: 4px;
  }

  .mainheader .logo a {
    padding: 2rem;
    width: 15rem;
  }

  .mainheader .safety-lang {
    display: none;
  }
  .mainheader div.lang-toggle {
    display: flex;
  }

  .mainheader ul li {
    width: 20rem;
  }

  .mainheader ul li:first-child {
    border-left: none;
  }

  .mainheader ul li:last-child {
    padding: 0 2rem;
  }

  .hero {
    min-height: 40rem;
  }

  .herobox-wrapper {
    transform: translateX(50%);
  }
  .hero-home .herobox-wrapper {
    transform: translateX(0);
    background-color: transparent;
  }

  .herobox {
    padding: 3rem;
    width: 50%;
  }
  .hero-home .herobox {
    background: none;
    padding: 0;
    width: auto;
  }

  .hero-home .herobox .pinkbox {
    font-size: 2.2rem;
    font-weight: bold;
    margin-left: auto;
    margin-right: 0;
    padding: 2rem;
  }

  .hero-home .herobox h2 {
    display: none;
  }

  .hero-home .herobox p {
    display: none;
  }

  .section.herosub {
    display: block;
  }

  .section.info .container {
    flex-direction: column;
  }

  .section.info .container div {
    border-bottom: 1px solid #ee2a7a;
    border-right: none;
    margin-bottom: 5rem;
    padding-bottom: 5rem;
    padding-right: 0;
  }

  .section.survival .box .body {
    flex-wrap: wrap;
  }
  .section.survival .box .body div {
    flex: 1 1 100%;
}
.section.survival .box .body div.vs {
    flex: 1 1 100%;
    padding: 3rem;
}

  .section.exposure figure {
    flex: 1 1 100%;
  }

  .section.exposure figure:first-child {
    margin-bottom: 6rem;
  }

  .section.exposure figure figcaption {
    display: block;
  }

  .section.exposure .caption {
    display: none;
  }

  .section.pspinfo .offers {
    margin-bottom: 0;
  }

  .section.pspinfo .infoboxes {
    flex-direction: column;
  }

  .section.pspinfo .infoboxes .infobox h3,
  .section.pspinfo .infoboxes .infobox div {
    min-height: 0;
  }

  .section.bostonenrolement .container .mobile {
    display: block;
  }
  .section.bostonenrolement .container .mobile a.visit {
    display: inline-flex;
  }
  .section.bostonenrolement .container a.visit.desktop {
    display: none;
  }

    .section.studydesign .methods {
        flex-direction: column;
    }
    .section.studydesign .methods .inbetween {
        justify-content: flex-end;
        font-size: 2rem;
    }
    .section.studydesign .methods .inbetween > p {
        position: relative;
        top: -1.5rem;
    }
    .section.studydesign .arrows {
        inset: 0 0 0 50%;
        transform: translateY(130%);
    }
    .section.studydesign .arrows .top,
    .section.studydesign .arrows .bottom {
        height: 500%;
        width: 1px;
    }
    .section.studydesign .arrows .top {
        transform: rotate(65deg);
        transform-origin: top left;
    }
    .section.studydesign .arrows .bottom {
        transform: rotate(-65deg);
        transform-origin: top left;
    }
    .section.studydesign .arrows .top::after,
    .section.studydesign .arrows .bottom::after {
        border-right: 1px solid #421e5e;
        border-top: 1px solid #421e5e;
        height: 5px;
        inset: auto 0 0 auto;
        transform: rotate(135deg) translate(-1px, -2px);
        width: 5px;
    }
    .section.studydesign .methods .boxes.second {
        align-items: stretch;
        flex-direction: row;
        gap: 3rem;
        margin: 0 1.5rem;
    }
    .section.studydesign .methods .boxes.second .box {
        flex: 0 0 50%;
    }

    .section.endpoints .boxes {
        flex-direction: column;
    }

    .section.characteristics .table .category {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .section.characteristics .table .type {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .section.characteristics .table .combo {
        grid-column: 1;
    }
    .section.characteristics .table .alone {
        grid-column: 2;
    }
    .section.response .tabs-interface .tabs {
        font-size: 2rem;
    }
    .section.response .tabs-interface .tabs li button {
        padding: 2rem;
    }
    .section.response .tabs-interface .content {
        font-size: 2.25rem;
        padding: 2rem;
    }

    .section.response .medians .calendars > div.vs {
        font-size: 6rem;
    }
    .section.response .medians .calendars > div div p {
        font-size: 6rem;
    }
    .section.response .medians .calendars > div p.months {
        font-size: 5rem;
    }
    .section.treatmentrelatednausea .infobox {
        padding: 3rem;
    }
    .section.neuropathy .greybox {
        font-size: 2.25rem;
    }
    .section.neuropathy .greybox h4 {
        font-size: 7rem;
    }
    .section.neuropathy .greybox .pink-number {
        padding: 3rem;
    }
    .section.neuropathy .greybox .pink-info {
        border-bottom: 3px solid #8e8e8e;
        border-right: none;
        grid-column: 2;
        grid-row: 1;
    }
    .section.neuropathy .greybox .grey-number {
        border-bottom: none;
        border-right: 3px solid #8e8e8e;
        grid-column: 1;
        grid-row: 2;
        padding: 3rem;
    }
    .section.neuropathy .greybox .grey-info {
        grid-column: 2;
        grid-row: 2;
    }

    .section.considerations .container {
        flex-direction: column;
    }
    .section.considerations .container > div {
        flex: 1 1 100%;
    }
    .section.considerations .container > div:first-child {
        margin-bottom: 3rem;
    }
    .section.missed .infobox {
        padding: 3rem;
    }
    .section.missed .infobox > div > div {
        flex: 0 0 8rem
    }
    .section.monitoring .tabs-interface .tabs {
        font-size: 2rem;
    }
    .section.monitoring .tabs-interface .tabs li button {
        padding: 0.9rem;
    }
    .section.monitoring .tabs-interface .content {
        font-size: 2.25rem;
        padding: 2rem;
    }
    .section.monitoring .table {
        font-size: 2rem;
    }
    .section.monitoring .table .reaction,
    .section.monitoring .table .occurrence,
    .section.monitoring .table .action {
        padding: 0.5rem;
    }
    .section.monitoring .table .action ul {
        margin: 0 0 0 2rem;
    }
    .section.managingnausea .treatment {
        flex-direction: column;
    }
    .section.managingnausea .treatment .boxes .andor {
        text-align: center;
    }
    .section.gettingstarted .imageviewer {
      display: none;
    }
    .section.gettingstarted .imageviewer.mobile {
      display: block;
    }

  .hero h1.resources {
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    background-color: rgba(238, 42, 122, 0.85);
    padding: 20px 0 20px 25px;
    z-index: 20;
    top: 11rem;
    border-bottom-left-radius: 17px;
    border-top-left-radius: 17px;
    transform: translateY(-50%);
    transform: translateX(65%);
  }

  .enrolementform {
    padding-left: 0;
    padding-right: 0;
  }
  .enrolementform .desktop {
    display: none;
  }
  .enrolementform .mobile {
    display: block;
  }
  .enrolementform .form-intro {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
  .enrolementform .form-request {
    padding: 6.5rem;
  }
  .enrolementform .form-request a.download.desktop {
    display: none;
  }
  .enrolementform .form-request a.download {
    margin-top: 3rem;
  }

  .mainfooter ul li {
    padding: 1rem 2rem;
  }

  .mainfooter ul li:first-child {
    padding-left: 0;
  }

  .mainfooter ul li:last-child {
    padding-right: 0;
  }

  .mainfooter .legal {
    align-items: stretch;
    flex-direction: column;
  }

  .mainfooter .legal p span {
    display: none;
  }

  .mainfooter .legal div {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 2.5em;
  }

  .mainfooter .legal div p {
    display: block;
  }

  .mainfooter .legal div img {
    margin-left: 2rem;
    width: 18rem;
  }

  .safety-dialog {
    padding: 6rem;
  }

  .meeting-dialog {
    padding: 6rem;
  }

  .meeting-box .meeting-info form .meeting-form-image {
    display: none;
  }

  .meeting-box .meeting-info form .meeting-form-info {
    padding-right: 0;
  }

  .meeting-box .meeting-info form .line.submit {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
  }

  .meeting-box .meeting-info form .line button {
    padding: 1.5rem 10rem;
  }

  .map-dialog {
    padding: 6rem;
  }
}

@media screen and (max-width: 500px) {
  .hero {
    min-height: 30rem;
  }

  .hero-home {
    background-position: 30% center;
  }

  .buttons {
    left: 3rem;
    right: 3rem;
  }

  .buttons .safety {
    padding: 0.5em 2em;
    width: 20rem;
  }

  .section {
    padding: 3rem;
  }

  .section.intro .infobox {
    padding: 3rem;
  }

  .section.combination ul li {
    font-size: 2.6rem;
  }

  .section.exposure figure img {
    max-width: 100%;
  }

  .section.enrolementform {
    padding-left: 0;
    padding-right: 0;
  }
  .section.enrolementform .form-intro {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .section.enrolementform .form-request {
    padding: 3rem;
  }
  .section.enrolementform .form-request a.download {
    margin-top: 1.5rem;
  }

  .section.efficacy .infobox {
    padding: 3rem;
  }

  .mainfooter ul {
    flex-wrap: wrap;
  }

  .mainfooter ul li {
    border: none;
    flex: 1 1 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  .safety-dialog {
    padding: 3rem;
  }

  .safety-box .safety-close-button {
    padding: 2rem;
  }

  .safety-box .safety-close-button .safety-close {
    width: 4rem;
  }

  .safety-box .safety-header {
    font-size: 3rem;
    padding: 2.5rem 3rem;
    text-align: center;
  }

  .safety-box .safety-info {
    padding: 0 3rem 3rem 3rem;
  }

  .meeting-dialog {
    padding: 3rem;
  }

  .meeting-box .meeting-close-button {
    padding: 2rem;
  }

  .meeting-box .meeting-close-button .meeting-close {
    width: 4rem;
  }

  .meeting-box .meeting-header {
    font-size: 3rem;
    padding: 2.5rem 3rem;
    text-align: center;
  }

  .meeting-box .meeting-info {
    padding: 3rem;
  }

  .meeting-box .meeting-thankyou h3 {
    font-size: 2.5rem;
  }

  .meeting-box .meeting-thankyou p {
    font-size: 2.2rem;
  }

  .map-dialog {
    padding: 3rem;
  }

  .map-dialog-box .map-dialog-close-button {
    padding: 2rem;
  }

  .map-dialog-box .map-dialog-close-button .map-dialog-close {
    width: 4rem;
  }

  .map-dialog-box .map-dialog-info {
    padding: 0 3rem 3rem 3rem;
  }
}

/*--- Collasable Sections -------------------*/

.section.collapsable {
  padding: 0;
  margin-top: 1rem;
}

.collapsable-btn {
  border: 0;
  color: #421e5e;
  padding: 2.5rem 2rem;
  font-size: 3rem;
  line-height: 3rem;
  background-color: transparent;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  text-align: left;
}

.collapsable-btn span {
  content: '';
  margin-left: auto;
  margin-top: 5px;
  width: 27px;
  height: 15px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  background-repeat: no-repeat;
  background-size: 27px 15px;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='54' height='30' viewBox='0 0 54 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M52 28L27 3L2 28' stroke='%23421E5E' stroke-width='3'/%3e%3c/svg%3e ");
}

.collapsable-btn.open span {
  transform: rotate(180deg);
}

.section.content {
  padding: 0;
  margin: 0;
}

.section.content .container {
  display: none;
  overflow: hidden;
}

.section.content .container .row {
  padding: 5rem 2rem;
  display: flex;
  flex-direction: row;
  margin-bottom: 5rem;
}

.section.content .container .row.row-mobile {
  margin-bottom: 0;
  padding: 0;
}

.section.content .container .row:last-child {
  margin-bottom: 0;
}

.section.content .container .row .image {
  flex: 1 1 10%;
  min-width: 130px;
}

.section.content .container .row .image.mobile-img {
  display: none;
}

.section.content .container .row .copy-link {
  flex: 1 1 80%;
  padding-right: 10%;
}

.section.content .container .row .image img {
  width: 140px;
  height: auto;
  margin-bottom: 1rem;
}

@media screen and (max-width: 992px) {
  .section.content .container .row .image img {
    width: 120px;
    height: auto;
    margin-bottom: 1rem;
    margin-right: 1rem;
  }
}

.section.content .container .row .copy-link h3 {
  font-size: 2.7rem;
  line-height: 3.25rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

.section.content .container .row .copy-link p {
  font-size: 2.7rem;
  line-height: 3rem;
  margin-bottom: 3rem;
}

.section.content .container .row .copy-link a.download,
.section.content .container .row .copy-link a.visit {
  align-content: center;
  align-items: center;
  background-color: #421e5e;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
  color: #ffffff;
  display: inline-flex;
  font-size: 2rem;
  justify-content: center;
  letter-spacing: -0.03em;
  outline: none;
  padding: 0.75em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}
.section.content .container .row .copy-link a.download:active,
.section.content .container .row .copy-link a.visit:active,
.section.content .container .row .copy-link a.download:focus,
.section.content .container .row .copy-link a.visit:focus,
.section.content .container .row .copy-link a.download:hover,
.section.content .container .row .copy-link a.visit:hover {
  background-color: #5b2f7d;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.35);
}
.section.content .container .row .copy-link a.download:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.78125 15.4688C0.98845 15.4688 1.18716 15.5511 1.33368 15.6976C1.48019 15.8441 1.5625 16.0428 1.5625 16.25V20.1563C1.5625 20.5707 1.72712 20.9681 2.02015 21.2611C2.31317 21.5541 2.7106 21.7188 3.125 21.7188H21.875C22.2894 21.7188 22.6868 21.5541 22.9799 21.2611C23.2729 20.9681 23.4375 20.5707 23.4375 20.1563V16.25C23.4375 16.0428 23.5198 15.8441 23.6663 15.6976C23.8128 15.5511 24.0115 15.4688 24.2188 15.4688C24.426 15.4688 24.6247 15.5511 24.7712 15.6976C24.9177 15.8441 25 16.0428 25 16.25V20.1563C25 20.9851 24.6708 21.7799 24.0847 22.366C23.4987 22.952 22.7038 23.2813 21.875 23.2813H3.125C2.2962 23.2813 1.50134 22.952 0.915291 22.366C0.32924 21.7799 0 20.9851 0 20.1563V16.25C0 16.0428 0.08231 15.8441 0.228823 15.6976C0.375336 15.5511 0.57405 15.4688 0.78125 15.4688Z' fill='white'/%3e%3cpath d='M11.9469 18.5219C12.0195 18.5946 12.1057 18.6524 12.2006 18.6917C12.2955 18.7311 12.3972 18.7514 12.5 18.7514C12.6028 18.7514 12.7045 18.7311 12.7994 18.6917C12.8944 18.6524 12.9806 18.5946 13.0531 18.5219L17.7406 13.8344C17.8873 13.6877 17.9697 13.4887 17.9697 13.2812C17.9697 13.0738 17.8873 12.8748 17.7406 12.7281C17.5939 12.5814 17.395 12.499 17.1875 12.499C16.98 12.499 16.7811 12.5814 16.6344 12.7281L13.2813 16.0828V2.34375C13.2813 2.13655 13.199 1.93784 13.0524 1.79132C12.9059 1.64481 12.7072 1.5625 12.5 1.5625C12.2928 1.5625 12.0941 1.64481 11.9476 1.79132C11.8011 1.93784 11.7188 2.13655 11.7188 2.34375V16.0828L8.36564 12.7281C8.21894 12.5814 8.01997 12.499 7.81251 12.499C7.60505 12.499 7.40608 12.5814 7.25939 12.7281C7.11269 12.8748 7.03027 13.0738 7.03027 13.2812C7.03027 13.4887 7.11269 13.6877 7.25939 13.8344L11.9469 18.5219Z' fill='white'/%3e%3c/svg%3e ");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 3rem 3rem;
  content: '';
  display: inline-block;
  height: 3rem;
  margin-right: 1.5rem;
  width: 3rem;
}

@media screen and (max-width: 768px) {
  .collapsable-btn {
    padding: 4rem 2rem;
  }

  .section.content .container {
    padding: 0;
  }

  .section.content .container .row {
    padding: 5rem 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 0;
  }

  .section.content .container .row:last-child {
    border-bottom: none;
  }

  .section.content .container .row.row-mobile {
    padding: 0;
    border-bottom: none;
  }

  .section.content .container .row .image.desktop-img {
    display: none;
  }

  .section.content .container .row .image.mobile-img {
    display: block;
    margin-bottom: 2.5rem;
    margin-right: 2rem;
  }

  .section.content .container .row .copy-link {
    padding-right: 0;
  }

  .section.content .container .row .copy-link p {
    flex: 1 1 80%;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 2rem;
  }

  .navigation {
    display: none !important;
  }

  .navigation.active {
    padding-top: 1px;
    display: flex !important;
    flex-direction: column;
    position: fixed;
    top: 56px;
    left: 0;
    background-color: #ffffff;
    width: 100%;
  }

  .navigation.active li {
    display: block;
    width: 100%;
    border: none;
    padding: 0 1px 1px !important;
  }

  .mainheader .navigation li a,
  .mainheader .navigation li button {
    background-color: #421e5e;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    padding: 3rem;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    color: #ffffff !important;
    text-align: left;
  }
  .mainheader .navigation .safety-button {
    display: block;
  }

  .navigation li a:hover,
  .navigation li button:hover,
  .navigation.active li a.active {
    color: #ffffff;
    background-color: #6d5783;
  }

  .mainheader .mobile-menu .toggle {
    display: flex;
  }

  .mainheader .lang-toggle {
    align-content: center;
    align-items: center;
    border-left: 1px dashed #000;
    display: flex;
    font-size: 2.2rem;
    justify-content: center;
    width: 12rem;
  }
}

.no-underline {
  text-decoration: none !important;
}