/***** FONT IMPORT *****/
/* Comfortaa for headings and UI branding */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/comfortaa/v30/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrMfIA.woff2) format('woff2');
																																											
}

/* Open Sans for readable body text */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

/* Fira Code for code blocks */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');

/***** LANDING PAGE STYLING *****/
.space-overview__hero__header__content__intro--heading {
    font-family: 'Comfortaa', sans-serif !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.list__topic {
    font-family: 'Comfortaa', sans-serif !important;
    font-weight: bold !important;
    color: #4bb081 !important;
    text-transform: uppercase !important;
}

.list__topic__article a {
    font-family: 'Open Sans', sans-serif !important;
    color: #323534 !important;
    font-size: 16px !important;
}

.hc-header-background-color .hc-header-font-color {
    font-family: 'Comfortaa', sans-serif !important;
    font-weight: 100 !important;
    font-size: 20px;
}

				  
										
 

.footer__links a,
.hc-footer-font-color, .hc-footer-font-color > a {
    font-family: 'Comfortaa', sans-serif !important;
    color: #FFF !important;
}

/***** PAGE TREE NAVIGATION *****/

.menu {
    font-family: 'Comfortaa', sans-serif !important;
    padding: 0;
    margin: 0;
    list-style: none;
					   
}

.menu .is-active:not(ul)>a {
										
    font-weight: bold !important;
    color: #4bb081 !important;
}

/***** TABLE OF CONTENTS *****/

.article__toc__link--active {
										
    font-weight: bold !important;
    color: #4bb081 !important;
}

/***** ARTICLE PAGE *****/

.breadcrumbs li,
.breadcrumbs--active {
    font-family: 'Comfortaa', sans-serif !important;
			 
						  
    font-size: 14px;
}

.breadcrumbs--active {
										
    font-weight: 900 !important;
    color: #4bb081 !important;
}

/* Styling timestamps (like "last updated") */
.wiki-content time {
								  
    background-color: #ebecf0 !important;
    padding: 6px 7px 5px 5px !important;
    border-radius: 5px !important;
    color: #4bb081 !important;
    font-weight: bold !important;
}

/***** ARTICLE HEADINGS *****/
/* Page title */
.article__heading {
    font-family: 'Comfortaa', sans-serif !important;
    font-weight: bold !important;
								 
    font-size: 2.5rem !important;
    line-height: 3rem !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

/* Main article body: base font */
.article__content * {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    line-height: 1.7;
}

/* H2 headings */
.article__content h2, .article__content h2 * {
    font-family: 'Comfortaa', sans-serif !important;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

/* H3 headings */
.article__content h3, .article__content h3 * {
    font-family: 'Comfortaa', sans-serif !important;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

/* H4 headings */
.article__content h4, .article__content h4 * {
    font-family: 'Comfortaa', sans-serif !important;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
}

/* Emphasized text */
.article__content p strong {
										
    font-weight: 600;
}

/***** INLINE CODE (in text) *****/
.article__content code {
    font-family: 'Fira Code', monospace !important;
    background-color: #f4f4f4 !important;
    color: #d6336c !important;
    border-radius: 4px !important;
    padding: 2px 5px !important;
    font-size: 14px;
}

/***** CODE BLOCKS (monoblocks) *****/
.article__content pre {
    font-family: 'Fira Code', monospace !important;
    background-color: #1e1e1e !important;
    color: #dcdcdc !important;
    padding: 1rem !important;
    border-radius: 6px !important;
    overflow-x: auto;
    font-size: 14px;
    line-height: 1.6;
    margin: 1.5rem 0;
}

/***** IMAGE CLEANUP *****/
.article__content figure img {
    border: none !important;
    max-width: 100%;
    height: auto;
}

/***** EXPAND MACRO *****/
.expand-control {
    margin-bottom: 0px !important;
}

.expand-control-text {
    font-family: 'Comfortaa', sans-serif !important;
    font-weight: bold !important;
    color: #4bb081 !important;
    padding-left: 5px !important;
    margin-left: 5px !important;
}