@import url('https://fonts.cdnfonts.com/css/tiempos-headline');
@media screen and (max-width: 767px) {
  .header__navigation--logo a img {
    max-height: 36px;
    min-width: 150px;
  }
}

/* to fix the jump links with our additional `#product-navigation header` */
@media screen and (min-width: 768px) {
  #main-content h1, 
  #main-content h2, 
  #main-content h3, 
  #main-content h4, 
  #main-content h5, 
  #main-content h6 {
    scroll-margin-top: 180px;
  }
}

@media screen and (min-width: 1024px) {
	html .vp-article__aside-right vp-toc {
	    top: calc(var(--vp-layout-header-height) + var(--vp-layout-scroll-offset) + 60px);
	}
}

.hc-product-background-color {
   background: #fff; 
   border-top: 1px solid #f1f1f3;
}

.header__navigation--heading,
#product-navigation,
.portal__header__content__intro--heading,
.space-overview__hero__header__content__intro--heading,
.space-overview__content__heading h2,
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: 'Tiempos Headline', 'Tiempos', 'Georgia', 'serif';
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
  text-wrap: balance;
}

.footer__logo {
 max-width: 40px;
  max-height: 40px;
}

div#cboxOverlay[style] {
    opacity: 0.6!important;
}




.portal .hc-portal-background-image,
.space-overview .hc-spaceHome-background-image {
	--tw-bg-opacity: 1;
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(217,119,6,0));
    --tw-gradient-stops: var(--tw-gradient-from),#dc2626,var(--tw-gradient-to,rgba(220,38,38,0));
    --tw-gradient-to: #db2777;
    background-color: rgba(254,243,199,var(--tw-bg-opacity));
    background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
	color: #fff;
}

.product-icon {
	width: 30px;
    height: 30px;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin-right: 14px;
    margin-left: 5px;
}

#cboxLoadedContent [
  border-radius: 4px;
}




/* This is to stop the left nav scrolling up under the secondary header we're added */
.vp-article__aside-left__inner {
    top: calc(var(--vpt-theme-header-height) + 65px) !important;
}