/**
 *	Praefabrica
 */


/* --- basic styling --- */

/* document */

body {margin: 0; padding: 0; max-width: 100vw; overflow-x: hidden}
script {display: none !important}

/* box model & grid */

body {box-sizing: border-box}

/* images */

img {}


/* videos */

/* video {display: none} /* temporarily disabled due to overlay fault */
/* video + picture {display: unset !important} /* as above */

/* operating defaults */

hcms-part {display: block} /* formerly: {display: unset} */
hcms-hold {/* display: none */} /* disable for debugging */

/* DPR adjustments */

/* (not yet fully supported) */

/* 1.0 DPR */
@media (min-resolution: 72dpi) { @viewport {zoom: 100%} }
/* 1.5 DPR */
@media (min-resolution: 108dpi) { @viewport {zoom: 100%} }
/* 2.0 DPR */
@media (min-resolution: 144dpi) { @viewport {zoom: 100%} }
/* 3.0 DPR */
@media (min-resolution: 216dpi) { @viewport {zoom: 100%} }


/* --- loading --- */

/* hide elements not loaded */

hcms-part {display: none}
hcms-part.loaded.styled {/*display: unset*/}


/* --- text --- */

/* fonts */

@font-face {font-family: Roboto; src: url('../../fonts/Roboto-Regular.ttf'); font-weight: normal; font-style: normal}
@font-face {font-family: Roboto; src: url('../../fonts/Roboto-Italic.ttf'); font-weight: normal; font-style: italic}
@font-face {font-family: Roboto; src: url('../../fonts/Roboto-Medium.ttf'); font-weight: 500; font-style: normal}
@font-face {font-family: Roboto; src: url('../../fonts/Roboto-MediumItalic.ttf'); font-weight: 500; font-style: italic}
@font-face {font-family: Roboto; src: url('../../fonts/Roboto-Bold.ttf'); font-weight: 700; font-style: normal}
@font-face {font-family: Roboto; src: url('../../fonts/Roboto-BoldItalic.ttf'); font-weight: 700; font-style: italic}

@font-face {font-family: Bitter; src: url('../../fonts/Roboto-Slab/RobotoSlab-VariableFont_wght.ttf'); font-style: normal}

@font-face {font-family: 'Bitter'; src: url('../../fonts/Bitter/Bitter-VariableFont_wght.ttf'); font-style: normal}
@font-face {font-family: 'Bitter'; src: url('../../fonts/Bitter/Bitter-Italic-VariableFont_wght.ttf'); font-style: italic}

/* hyphenation, decoration */

body {hyphens: manual; -webkit-text-size-adjust: none}
body a {color: inherit; text-decoration: none}
body hr {display: block; border: none; border-top: 1px solid; margin: 15px 0; padding: 0}

/* typefaces, fonts, margins */

body    {font-family: Roboto, Arial, sans-serif; font-size: 9pt}
body h1 {font-family: Roboto, Arial, sans-serif; font-size: 54pt; font-weight: 800; line-height: 1.2}
body h2 {font-family: Roboto, Arial, sans-serif; font-size: 36pt; font-weight: 700; line-height: 1.2}
body h3 {font-family: Roboto, Arial, sans-serif; font-size: 24pt; font-weight: 500; line-height: 1.2; text-decoration: underline}
body h4 {font-family: Roboto, Arial, sans-serif; font-size: 18pt; font-weight: 400; line-height: 1.2}
body h5 {font-family: Roboto, Arial, sans-serif; font-size: 12pt; font-weight: 500; line-height: 1.35}
body h6 {font-family: Roboto, Arial, sans-serif; font-size: 10.5pt; font-weight: 400; line-height: 1.35; text-decoration: underline}
body p:not(.no-format),
body q:not(.no-format),
body li:not(.no-format),
body blockquote:not(.no-format) {font-family: Bitter, monospace; font-size: 10.5pt; font-weight: normal; line-height: 1.35}

/* call to action */

body button.call-to-action {display: block; margin: 30px 0; padding: 8px 15px; border: none; border-radius: 8px; font-family: Roboto; font-size: 12pt; font-weight: 600; /*font-style: italic;*/ text-align: left; /*text-decoration: underline;*/ color: #f6f6f6; background-color: #776c69}
body button.call-to-action:hover {cursor: pointer}
.block button.call-to-action.disabled {border: 1px solid; color: #dad5d4; background-color: unset}
.block button.call-to-action.disabled:hover {cursor: unset}
body button a {color: inherit !important; text-decoration: none !important; /*cursor: unset !important*/}
body input,
body select {display: block; margin: 15px 0 0; padding: 8px 15px; border: 1px solid #776c69; border-radius: 8px; font-family: Roboto; font-size: 12pt; font-weight: 300; text-align: left; color: #2e2e2e; background-color: white}

/* body size adjustments */

body {font-size: 10.5pt}

@media screen and (max-width: 765px) {
	body h1 {font-family: Roboto, Arial, sans-serif; font-size: 45pt; font-weight: 800; line-height: 1.2}
	body h2 {font-family: Roboto, Arial, sans-serif; font-size: 30pt; font-weight: 700; line-height: 1.2}
	body h3 {font-family: Roboto, Arial, sans-serif; font-size: 21pt; font-weight: 500; line-height: 1.2; text-decoration: underline}
	body h4 {font-family: Roboto, Arial, sans-serif; font-size: 15pt; font-weight: 400; line-height: 1.2}
}

@media screen and (max-width: 480px) {
	body h1 {font-family: Roboto, Arial, sans-serif; font-size: 36pt; font-weight: 800; line-height: 1.2}
	body h2 {font-family: Roboto, Arial, sans-serif; font-size: 24pt; font-weight: 700; line-height: 1.2}
	body h3 {font-family: Roboto, Arial, sans-serif; font-size: 18pt; font-weight: 400; line-height: 1.2; text-decoration: underline}
}

/* parallax effects */

.parallax {display: block; position: relative; overflow: hidden}
.parallax > * {position: relative}

/* social media and other hidden items */

hcms-part > hcms-field[name='excerpt'] {display: none}
hcms-part > hcms-field[name='thumbnail'] {display: none}

/* special adjustments */

.fa-times {font-size: .8em}