.dialog-off-canvas-main-canvas.h-100 {
  height: initial !important;
}

main {
  background-color: rgb(255, 255, 255);
}

#carousel-front-page {
  margin-bottom: 10px;
}

#xbase-main-content {
  font-size: var(--FONT-SIZE-MAIN-PRIMARY-NORMAL);
  color: #303030;
  margin-top: 0;
  background-color: #ffffff;
  padding: 10px 4px 0 0;
  box-shadow: 0 0 3px rgba(0,0,0,.1);
}

#xbase-main-content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}


#xbase-main-content h4 {
  font-family: var(--FONT-FAMILY-TITLE-SECONDARY);
  font-size: var(--FONT-SIZE-TITLE-SECONDARY-LARGE);
  font-weight: var(--FONT-WEIGHT-TITLE-SECONDARY-BOLD);
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--COLOUR-SECONDARY-100);
}

#xbase-main-content blockquote {
  font-family: var(--FONT-FAMILY-MAIN-PRIMARY);
  font-size: var(--FONT-SIZE-MAIN-PRIMARY-LARGE);
  background-color: var(--COLOUR-PRIMARY-C00);
  padding: 30px 60px 20px 60px;
  position: relative;
}

#xbase-main-content blockquote p:last-child {
  font-size: var(--FONT-SIZE-MAIN-PRIMARY-NORMAL);
  border-top: 3px solid var(--COLOUR-SECONDARY-100);
  padding-top: 10px;
}

#xbase-main-content blockquote::before {
  content: '"';
  position: absolute;
  left: 0;
  top: -30px;
  font-family: var(--FONT-FAMILY-TITLE-PRIMARY);
  font-size: 8em;
  font-weight: var(--FONT-WEIGHT-TITLE-PRIMARY-NORMAL);
  color: var(--COLOUR-PRIMARY-900);
}

#xbase-main-content video {
  height: auto;
  margin-bottom: 20px;
}