/***************************************************************************
* Basics
****************************************************************************/
body {
    font-family: "Switzer",'sans-serif';
    font-weight: 400;
    color: var(--typo-color-text);
}
p { line-height: 1.5; }

strong,b {font-weight: 600;}

/*
p, ol, ul, strong { 
    font-size: 1.25rem;
}*/

/***************************************************************************
* Headlines
****************************************************************************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Switzer",'sans-serif';
    font-weight: 500; font-style: normal; line-height: 1.2;
    color: inherit; color: var(--typo-color-headlines);
}

h1, .h1, h2, .h2 {margin-bottom: 2rem;}
.h3, .h4, .h5, .h6, h3, h4, h5, h6 {margin-bottom: 1rem;}

h1:not(:first-child), .h2:not(:first-child),
h1:not(:first-child), h2:not(:first-child) {
    margin-top: 4rem;
}
.h3:not(:first-child), .h4:not(:first-child), .h5:not(:first-child), .h6:not(:first-child), 
h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
    margin-top: 2rem;
}


h1[class*="tutor"]:not(:first-child), 
h2[class*="tutor"]:not(:first-child), 
h3[class*="tutor"]:not(:first-child), 
h4[class*="tutor"]:not(:first-child), 
h5[class*="tutor"]:not(:first-child), 
h6[class*="tutor"]:not(:first-child) {
	margin-top: 0;
}


/***************************************************************************
* Font Sizes
****************************************************************************/
.wrapper h1, .primary_title > *:not(p), .h1, h1 {
    font-size: var(--typo-font-size-h1);
    line-height: 1; letter-spacing: -0.01em; 
    font-family: "ABC Gravity Normal",'sans-serif'; 
    font-weight: 900; color: var(--typo-color-h1);
    text-transform: uppercase;
}
.wrapper h2, .secondary_title > *:not(p), .h2, h2 {font-size: var(--typo-font-size-h2);line-height: 1.2; letter-spacing: -0.02em;}
.wrapper h3,.tertiary_title > *:not(p), .h3, h3 {font-size: var(--typo-font-size-h3); line-height: 1.3; letter-spacing: -0.01em;}
.wrapper h4,.quaternary_title > *:not(p), .h4, h4 {font-size: var(--typo-font-size-h4); line-height: 1.3; letter-spacing: -0.01em;}
.wrapper h5,.h5, h5 {font-size:1.125em;}
.wrapper h6,.h6, h6 {font-size:1em;}


.content_section {
    font-size: var(--typo-font-size-default);
}

.small_text {
	font-size: 1rem;
}

/***************************************************************************
* Content Title
****************************************************************************/
.content_title p + *:not(p) {margin-top: 1rem;}
.content_title p + h1 { margin-top: 2.5rem;}

.content_title .switch_order {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.content_title .switch_order > * {
    flex: 0 0 100%;
}
.content_title .switch_order > *:nth-child(1) {order: 2;}
.content_title .switch_order > *:nth-child(2) {order: 1;}

.footnote { position: relative; margin-right: 0.5em; margin-left: 0.25em; }

.footnote::after {
	content: '';
  	position: absolute;
  	top: 0;
  	left: -0.25em;
  	width: 1.125em;
  	height: 1.25em;
  	background-color: var(--typo-color-grey);
  	border-radius: var(--typo-border-radius);
  	z-index: -1;
}
a.footnote {
	vertical-align: super;
	font-size: 0.75em;
	color: var(--typo-color-blue);
	text-decoration: none;
}