/*    version 1.2        */
/*    August 4th 2020     */
/* ** This is different from other redesign style.css files */
html,
body {
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  line-height: 1.75em;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '.';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
h1 {
  font-size: 3em;
  font-weight: 700;
}
h2 {
  font-size: 1.75em;
  font-weight: 400;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.text-wrap {
  word-wrap: break-word;
}
.about-text {
  font-size: 1.48em;
  font-weight: 400;
  line-height: 1.75em;
  letter-spacing: 0.1em;
  margin-top: 30px;
  margin-bottom: 10%;
}
.up-to-date {
  font-size: 1.3em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 30px;
  margin-bottom: 30px;
}
.tintedWithPadding {
  padding-top: 50px;
  padding-bottom: 50px;
}
.highlightText {
  font-size: 1.5em;
  font-weight: 400;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 20px 0px 20px 0px;
}
.title-underline {
  margin-left: calc(50% - 30px);
  width: 60px;
  height: 2px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.smallCardFont {
  font-size: 1em;
  font-weight: 300;
}
.cardSpaceBottom {
  margin-top: 0px;
  margin-bottom: 20px;
}
.addSpaceToBottom {
  margin-bottom: 10px;
}
.showOnMobile {
  display: none;
}
#landing,
#landing-mobile {
  position: relative;
  overflow: hidden;
}
#landing .contain,
#landing-mobile .contain {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100vw;
  height: 100vh;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
#landing video,
#landing-mobile video {
  position: absolute;
  object-fit: cover;
  overflow: hidden;
  z-index: -100;
}
.whiteNavBar {
  /*?*/
  z-index: 11;
  height: 55px;
  display: block;
  position: fixed;
  width: 100%;
  background-color: rgba(256, 256, 256, 0.85);
  box-shadow: 0 0 8px rgba(33, 33, 33, 0.6);
}
#hamburger {
  z-index: 11;
  display: block;
  visibility: visible;
  position: fixed;
  top: 10px;
  left: 10px;
  color: white;
  transition: all 0.25 ease;
}
#closeBtn {
  display: block;
  position: fixed;
  top: 10px;
  left: 10px;
}
#navMenu {
  z-index: 10;
  display: block;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  color: black;
  background-color: white;
  box-shadow: 0 0 8px rgba(33, 33, 33, 0.6);
  max-height: 0;
  width: 100%;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  -ms-transition: 1s ease;
  transition: 1s ease;
  visibility: hidden;
}
#nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#nav ul li {
  list-style-type: none;
  color: grey;
  font-size: 1em;
  font-weight: regular;
  font-family: inherit;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
}
#nav li:hover {
  color: lightgrey;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  padding-left: 10px;
}
.nav-container {
  margin: 20px 5% 10px 5%;
  justify-content: center;
}
.menu-title-sm {
  font-size: 1.5em;
}
.simple-accordian-panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.simple-accordian {
  cursor: pointer;
}
.mainMargins,
.flip-card-section-margins,
.footer-mainMargins {
  margin-left: 10%;
  margin-right: 10%;
}
.smallSpacer {
  height: 25px;
}
.bigSpacer {
  height: 100px;
}
.AlwaysFullScreen {
  width: 100%;
  height: 100%;
}
.fullScreen {
  width: 100%;
  height: 100%;
}
.withBGImg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.largeBG-right {
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: 110% 10%;
}
.largeBG-left {
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: -10% 10%;
}
.largeBG-up {
  background-position: -10% 0%;
}
.jumbo-title {
  font-weight: bold;
  letter-spacing: 0.02em;
}
.jumbo-caption {
  font-weight: 300;
}
.jumbo-container {
  color: white;
  margin-right: 36%;
}
.verticalCentreParent {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.verticalCentreChild {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.content-verticalCentreParent {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.content-verticalCentreChild {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* ~Description Box Colours~ */

.lightTeal {
  background: linear-gradient(#cdf2f6, #cdf2f6);
}
.lightCoral {
  background: linear-gradient(#feeeee, #feeeee);
}
.lightBlue {
  background: linear-gradient(#e5edfd, #e5edfd);
}
.lightYellow {
  background: linear-gradient(#fcf1de, #fcf1de);
}
.lightPurple {
  background: linear-gradient(#f4edfd, #f4edfd);
}
.lightGreen {
  background: linear-gradient(#e0f3ec, #e0f3ec);
}
.offsetBG-right {
  width: 100%;
  height: 100%;
  background-size: 85% 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  margin-right: 0;
  margin-left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.offsetBG-right:hover {
  background-size: 80% 95%;
}
.offsetBG-left {
  width: 100%;
  height: 100%;
  background-size: 85% 100%;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  padding-left: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  margin-right: 0;
  margin-left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.offsetBG-left:hover {
  background-size: 80% 95%;
}
.borderCardContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: center;
}
.borderCard {
  border: 2.5px solid #2566af;
  background-color: white;
  border-radius: 15px;
  margin-top: 20px;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.25);
  border: 2.5px solid #2566af;
  margin: 10px;
  height: 400px;
  flex-basis: 375px;
  flex-wrap: wrap;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.borderCard:hover {
  box-shadow: 0 5px 11px rgba(0, 0, 0, 0.5);
}
.cardScrollContainer {
  height: 375px;
  margin-top: 10px;
  padding: 20px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.accordion-Section {
  background: #fdfdfd;
  min-height: 100vh;
  padding: 10vh 0 0;
}
.accordion-Title {
  position: relative;
  display: block;
  font-weight: 600;
  line-height: 1;
}
.accordion-Title p {
  padding: 0 190px;
  margin-bottom: 10px;
}
.faq {
  background: #ffffff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.faq .card .accordionCardHeader {
  padding: 0px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.faq .card .accordionCardHeader:hover {
  padding-left: 10px;
}
.faq .card .accordionCardHeader .accordion-Title {
  width: 100%;
  text-align: left;
  padding: 0px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 400;
  font-size: 1.2em;
  color: black;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  margin-top: 5%;
  margin-bottom: 5%;
}
.faq .card .accordionCardHeader .accordion-Title .badge {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  /* float: left; */
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-right: 20px;
}
.faq .card .card-body {
  padding: 30px;
  padding-left: 35px;
  padding-bottom: 16px;
  font-weight: 400;
  border-top: 1px solid #f2f2f2;
}
.faq .card .card-body p {
  margin-bottom: 14px;
}
.accordianCardHeader {
  cursor: pointer;
}
.link-style {
  list-style-type: none;
  margin: 20px 0 0 -10px;
}
.link-style-no-margin {
  font-size: 1em;
  list-style-type: none;
  margin: 5px 0 0 -20px;
}
.link-style-top {
  list-style-type: none;
  margin: 16px 0 0 -10px;
}
.flow-cytometry-tile > div > ul > .link-style {
  list-style-type: none;
  margin: 13px 0 0 -10px;
}
.margin-left-negative {
  margin-left: -5px;
}
.txtBtn {
  font-size: 1.1em;
  font-weight: 400;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.txtBtn:hover {
  margin-left: 10px;
  /* color: rgb(194, 192, 192); */
  color: #6e6e6e;
}
.service-box-txtBtn {
  font-size: 1.1em;
  font-weight: 400;
  letter-spacing: 0.05em;
  cursor: pointer;
}
.service-box-txtBtn:hover {
  /* color: rgb(194, 192, 192); */
  color: #6e6e6e;
}
.imaging-tile-link > span > .service-box-txtBtn {
  font-size: 16.9px;
}
.div-long-txt-btn {
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
div.div-long-txt-btn:hover {
  /* margin-left: 18px; */
  /* color: rgb(194, 192, 192); */
  color: #6e6e6e;
}
.long-txt-btn {
  font-size: 1.1em;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.long-txt-btn:hover {
  /* color: rgb(194, 192, 192); */
  color: #6e6e6e;
}

/* ## For large tooltip box */
.large.tooltip-inner {
  max-width: 350px;
  width: 350px;
}

.tooltip > .tooltip-inner {
  max-width: 350px;
  width: 350px;
}

.tooltip.show {
  opacity: 1;
}

.tooltip .arrow {
  display: none;
}

.tab {
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.tab:hover {
  color: #6e6e6e;
}
.outlineBtn {
  display: inline-block;
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: black;
  border: 1.5px solid black;
  padding: 6px 16px 6px 16px;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.outlineBtn:hover {
  background-color: black;
}
.btn {
  border-radius: 5px;
  color: white !important;
  display: inline-block;
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 0.05em;
  cursor: pointer;
  padding: 8px 16px 8px 16px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.btn:hover {
  background-color: white;
}
.cta,
.cta-no-arrow {
  color: white;
  font-size: 1em;
  border-radius: 50px;
  padding: 10px 20px 10px 20px;
  margin-top: 20px;
}
.cta:after {
  content: '  ›';
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.cta:hover:after,
.cta-no-arrow:hover:after {
  padding-left: 5px;
}
.cta-no-arrow:after {
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.iconContainer {
  text-align: center;
}
.mediumIcons {
  height: 100px;
}
.imageIcons {
  width: 80%;
  margin: 35px;
  max-height: 400px;
}
.flexContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
.flexObject {
  flex-basis: 300px;
  max-height: 350px;
}
.textOverlay {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  transform: translateY(-175px);
  opacity: 0;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.overlayBG {
  width: 100%;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.flexObject:hover .textOverlay {
  opacity: 1;
}
.flexObject:hover .overlayBG {
  opacity: 0.3;
  padding: 5px;
}
.largeIcons {
  height: 150px;
}
.textLeft-60 {
  margin-right: 40%;
}
.textRight-60 {
  margin-left: 40%;
}
.scrollCard {
  box-shadow: 0px 1px 6px rgba(33, 33, 33, 0.2);
  width: auto;
  height: auto;
  background-color: white;
  border-radius: 10px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.scrollCard:hover {
  box-shadow: 0 0 8px rgba(33, 33, 33, 0.5);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.scrollCardBar {
  display: flex;
  min-width: 100%;
  min-height: 200px;
  overflow-x: auto;
  margin: 0;
}
.scrollCard {
  min-width: 300px;
  margin: 8px;
  text-align: center;
  padding: 20px 30px 30px 20px;
}
.scrollCardContainer {
  display: flex;
  margin-left: 10%;
  margin-right: 10%;
}
.scrollCardBar::-webkit-scrollbar {
  display: none;
}
.endOfScroll {
  width: 100px;
}
.line {
  margin: 20px 0px 20px 0px;
  width: 100%;
  background-color: black;
  height: 1px;
}
.profilePicture {
  height: 300px;
}
.newsImg {
  height: 200px;
  margin-bottom: 20px;
  background-size: cover;
}
.iconRow-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: center;
}
.iconRow-icon {
  /*background-color: white;*/
  padding: 20px;
  margin-top: 20px;
  text-align: center;
  margin: 10px;
  height: 300px;
  flex-basis: 250px;
  flex-wrap: wrap;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.flip-container {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.flip-cards-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  flex-basis: 400px;
  margin: 10px;
}
.startFlip .flipper {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
  width: 400px;
  height: 500px;
}

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */
.front,
.back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flipRow {
  display: flex;
  flex-direction: row;
  align-content: space-around;
  justify-content: center;
}
/* .back .flipCard {
  border: 1px solid black;
} */
.borderCardContainer {
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: center;
  flex-basis: 400px;
  flex-wrap: wrap;
}
.flipCard {
  color: white;
  background-color: white;
  background-size: cover;
  border-radius: 15px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.25);
  margin: 10px;
  height: 500px;
  position: relative;
  transition: all 0.3s ease 0s;
  overflow: auto;
}
.flipCardBack-body {
  color: black;
}
.flipCardFront-heading {
  padding: 20px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.twitterEmbed {
  margin-top: 20px;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
  padding: 0;
}
.in-box-title,
.in-box-title-flow {
  font-size: 1.5em;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 2rem;
}
.in-box-title-no-margin {
  margin-bottom: 0;
}
/* --------------------------------------- */
/* Our Cores */
/* --------------------------------------- */
.ourcores-box {
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ourcores-title {
  font-size: 1.2em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.ourcores-video {
  width: 768px;
}

/* --------------------------------------- */
/* News */
/* --------------------------------------- */
.twitter-box {
  margin-top: 150px;
}

/* --------------------------------------- */
/* Newsletter */
/* --------------------------------------- */
.newsletter-fullScreen {
  width: 100%;
  height: 100%;
}
.newsletter-h1 {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}
.banner-box {
  padding-bottom: 1.5rem;
}
.article-box {
  padding: 2rem 0 1rem;
}
.content-box {
  padding-top: 0.6rem;
}
.text-box {
  padding-top: 1rem;
}
.title-link-style a {
  color: #2566af;
}
.title-link-style a:hover {
  border-bottom: solid 1px #2566af;
}
.newsletter-link-style a {
  border-bottom: solid 1px #2566af;
  text-decoration: none;
}
.newsletter-link-style a:hover {
  border-bottom: solid 0 #133b69;
}
.social-icons-row {
  text-align: right;
}
.news-image-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.news-image-left {
  flex: 15%;
  padding: 20px 0;
}
.news-image-right {
  flex: 85%;
  padding: 20px;
}
.share-icon-size {
  width: 32px;
  height: 32px;
}
.remove-white-space-left {
  margin-left: -3px;
}
.remove-white-space-right {
  margin-right: -3px;
}
.content-image-box img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
.content-image-box figcaption {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 70%;
}
.article-photo img {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.5s;
}
.article-photo img:hover {
  opacity: 0.9;
  transform: scale(1.02);
}
.content-box-text {
  display: inline;
}
h2.clear {
  clear: both;
}
.image-top-title {
  font-size: 1.5rem;
  font-weight: 300;
  width: 100%;
}
.add-padding-top {
  padding-top: 1.5rem;
}
.edition-title {
  font-size: 1.3rem;
  padding: 1rem 0;
}
.edition-title a:hover {
  text-decoration: underline;
  color: inherit;
}
.article-link ul {
  list-style-type: none;
  padding-inline-start: 20px !important;
}
.article-link a {
  text-decoration: none;
}
.article-link a:hover {
  border-bottom: solid 1px #2566af;
}
.previous-article-photo {
  width: 100%;
  margin: 0;
  overflow: hidden;
  background-color: #000;
}
.previous-article-photo img {
  opacity: 0.7;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.5s;
}
.previous-article-photo img:hover {
  opacity: 1;
  transform: scale(1.15);
}
/* --------------------------------------- */
/* Events */
/* --------------------------------------- */
.event-title {
  font-size: 1.125rem;
}
.upcoming-label,
.past-label {
  text-align: left;
  border-bottom: 6px solid #2566af;
  padding-bottom: 40px;
  margin-top: 0;
}
.upcoming-box,
.past-box {
  padding-bottom: 1em;
  padding-top: 1em;
}
.table td,
.table th {
  padding: 0.75rem 0.75rem 0.75rem 0 !important;
}
.th-left {
  width: 35%;
}
.th-right {
  width: 65%;
}
.table-bottom-line {
  border-bottom: 1px solid #ddd;
}
/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

footer .line {
  margin-top: 10px;
  margin-bottom: 36px;
  background-color: white;
  height: 1px;
}
footer {
  height: auto;
  color: white;
  width: 100%;
  position: relative;
}
footer ul {
  font-weight: 300;
  list-style-type: none;
  padding: 0;
}
footer li {
  padding: 10px 0px 5px 0px;
}
footer .wrapper {
  display: flex;
  flex-flow: row wrap;
  font-weight: bold;
  justify-content: space-around;
}
.col1 {
  text-align: left;
  flex-shrink: 0;
  flex-grow: 1;
  padding-bottom: 40px;
  padding-left: 20px;
}
.col {
  flex-basis: 30%;
}
.footer-contact-box {
  display: flex;
  justify-content: space-around;
}
.social-col {
  display: flex;
  flex-direction: row;
}
.footer-social-links {
  display: flex;
  column-gap: 1rem;
}
.social-col > .social-links {
  margin-bottom: -1.5rem;
}
.social-col > ul > li > a > .social-icon {
  color: #fff;
  font-size: 2rem;
}
.social-icon {
  font-size: 1.8rem;
}
.uhn-logo-landing {
  height: 100px;
  margin-left: -35px;
}
.logo-in-footer {
  height: 120px;
  margin-top: -25px;
}
.mailto-style a:hover {
  text-decoration: underline;
}
.wave-down {
  transform: translateY(-2px);
}
.footer-copy a {
  border-bottom: solid 1px #2566af;
  text-decoration: none;
}
.footer-copy ul {
  list-style-type: none;
  padding: 1.3em 0 0 0;
}
.footer-copy ul li {
  display: inline-block;
}
.box {
  padding: 1%;
}
.box img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.uhnBooklet {
  width: 100%;
  height: auto;
}
.uhnBookletLogo {
  display: block;
  margin-left: auto;
  margin-top: 20px;
  width: 40%;
}
.uhnBookletLogoCenter {
  display: block;
  margin: 30px auto 50px auto;
  width: 40%;
}
.uhnBookletIndex {
  color: #0c6cb5;
  font-size: 18px;
  margin: 10px 5% 20px 5%;
}
.uhnBookletIndex > div > h1 {
  color: #333;
}
.uhnBookletIndex-contact {
  font-size: 18px;
  margin: 30px 10% 20px 10%;
}
.uhnBookletIndex-contact p {
  margin: 0;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.article-subheader {
  line-height: 1.1rem;
  font-size: 1.1rem;
}