:root {
 --rectangle-copy-style: #005C99;
  --dark-blue-grey: #003D7A;
  --white: #ffffff;
  --charcoal: 3F5C69;
  --cobalt: #1d4289;
  --gunmetal: #3F5C69;
  --light-grey-blue: #AFC1CE;
  --duck-egg-blue: #007AB8;
  --leafy-green: #48af38;
  --black-32: rgba(0, 0, 0, 0.32);
  --fade: rgba(136, 136, 136, 0.25);
  --callout-background: #f5a623;
  --accent-fill: #4a90e2;
  --error-fill: #d0021b;
}

.top-bar {
    background-color: #FFFFFF !important;
    height: 57px;
}
 
.header__navigation__menu-container--link a:hover, .header__navigation__menu-container--link a:focus, .header__navigation__menu-container--link a:active {
    text-decoration: none;
}

.hc-portal-background-image, .hc-spaceHome-background-image {
    width: 100%;
    min-height: 300px;
    margin-bottom: 50px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    box-shadow: none;
}

.hc-header-font-color, .hc-header-font-color > a {
    color: var(--rectangle-copy-style) !important;
}

.portal__header__content {
    padding: 6em 5em 0 5em !important;
}

.portal__header__content__intro {
    margin-bottom: 0em;
}

.space-overview__hero__header__content {
    color: #fefefe;
    margin-bottom: 5em !important;
    padding: 6em 5em 0 5em !important;
}

.space-overview__hero__header__content__intro {
    margin-bottom: 0em;
}

.portal__header__content__intro--heading {
  font-size: 36px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1px;
  text-align: center;
  color: var(--white);
}

.portal__header__content__intro--intro {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--white);
}

.search-bar--portal #search-input {
  height: 36px;
  padding: 4px 16px 4px 22px;
  border-radius: 18px !important;
  border: solid 1px var(--duck-egg-blue);
  background-color: var(--white);
}

.search-bar--portal input[type=submit] {
    right: 1.5rem;
    top: 0.5rem;
    width: 24px;
    height: 24px;
}

.space-overview__content {
    margin-bottom: 50px;
    text-align: center;
}

.space-overview__content__heading h2 {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--dark-blue-grey);
}

.space-overview__hero__header__content__intro--heading {
  font-size: 36px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1px;
  text-align: center;
  color: var(--white);
}

.space-overview__hero__header__content__intro--intro {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--white);
}

.article .article__content article h1, .article .article__content table h1, .table-overlay .article__content article h1, .table-overlay .article__content table h1 {
    margin: calc(2 * 0.5rem) 0;
}

.space-overview__content__heading {
    margin-bottom: 30px;
}

.sectioning-border {
    border-top: 1px solid #dfe1e6;
    padding-top: 30px;
}

.footer {
    padding: 10px !important;
    margin-top: 90px;
    min-height: 60px;
}

.hc-footer-background-color {
    background-color: var(--dark-blue-grey);
}

.tile {
	transition:all ease .4s
}

.tile__description {
    color: var(--gunmetal);
}

.tile:hover p, .tile:focus p, .tile:active p {
    color: var(--white);
}

.tile:hover .tile__headline, .tile:focus .tile__headline, .tile:active .tile__headline {
    color: var(--white);
    text-decoration: none;
}

.tile__image {
    height: auto;
    background-color: white;
    padding: 10px;
    border-radius: 50%;
}

.tile--spaces {
  background-image: linear-gradient(to bottom, var(--white) 99%, var(--cobalt) 99%); 
}

.tile--spaces h3 {
    color: var(--rectangle-copy-style);
}

.tile--topics {
    width: 278px;
    max-height: 250px;
    background-image: linear-gradient(to bottom, var(--white) 99%, var(--cobalt) 99%); 
}

.tile--topics--img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.tile--topics h3 {
    margin-top:1rem;
    margin-bottom:auto;
    color: var(--rectangle-copy-style);
}

.tile:hover, .tile:focus, .tile:active {
    background-image: linear-gradient(to bottom, var(--cobalt) 5%, #015db7 47%, var(--rectangle-copy-style) 15%);
  
}

.tile__headline--md {
    font-size: 20px;
    color: var(--rectangle-copy-style);
    margin-bottom: 0.5rem;
}

.icon--read-more {
    background: transparent url("../1620196473388/images/common/button-light-arrow.svg") no-repeat;
}

.article .article__content article h2, .article .article__content table h2, .table-overlay .article__content article h2, .table-overlay .article__content table h2 {
    margin: calc(4.5 * 0rem) 0 calc(2 * 0.5rem) 0;
}

.megaAccordion__item .toggle:hover {
    text-decoration: none;
    background-color: var(--cobalt);
    color: var(--white);
}

.article .article__content article #content .hc-content-width--narrow p {
  max-width:99%;
}

.article .article__content article #content .hc-content-width--wide p {
  max-width:99%;
}

.article .article__content article #content .sp-grid-cell>.panel-macro, .article .article__content table #content .sp-grid-cell>.panel-macro {
    font-size: 16px;
    max-width: 99%;
}

.js-contentByLabel {
    border-left: 1px solid #DFE1E6;
    padding-left: 1rem;
    margin-bottom: 3em;
}

.tablesorter-custom {
   font: 11px "roboto-regular",Helvetica,Roboto,Arial,sans-serif;
}
.menu, .menu.horizontal {
    flex-wrap: initial;
}