/*=================================== Custom fonts ===================================*/

/*=================================== Initialization & General ===================================*/
:root { --maxWidth:1440px; --minWidth:600px; } /*Don't forget to adjust in framework.css and scripts.js!*/
.maxWidth { max-width:1440px; }
/*.inlineBlock, .inlineFlex { font-size:0; }*/

/*=================================== Site-specific Framework & Snippets ===================================*/
/*Site-specific grids, widths & heights*/
.h-33 { height:33rem; }
/*Site-specific paddings*/
/*Site-specific margins*/

/*Site-specific framework: Backgrounds*/
.bg-black { background-color:#000; }
.bg-green, button.text.green, button.text.rose:hover, button.text.white:hover, button.text.yellow:hover { background-color:#9dfdd1; }
.bg-red { background-color:#ff683e; }
.bg-rose, button.text.rose button.text.green:hover { background-color:#f891ba; }
.bg-white, button.text.white { background-color:#f8f4f3; }
.bg-yellow, button.text.yellow { background-color:#fffd43; }
.bg-faq { background-image:url(/assets/images/background-faq-green.png); background-size:cover; background-position:top center; background-repeat:no-repeat; }
.bg-faq-top { background-image:url(/assets/images/background-faq-top-green.png); background-size:cover; background-position:top center; background-repeat:no-repeat; }
.bg-pee { background-image:url(/assets/images/background-pee-green.png); background-size:75%; background-position:bottom right; background-repeat:no-repeat; }
.bg-route { background-image:url(/assets/images/background-route-rose.svg); background-size:cover; background-position:top center; background-repeat:no-repeat; }
.bg-wind-red { background-image:url(/assets/images/background-wind-red.png); background-size:100%; background-position:top left; background-repeat:no-repeat; transition: background-position 0.05s linear; }
.bg-wind-rose { background-image:url(/assets/images/background-wind-rose.png); background-size:100%; background-position:top left; background-repeat:no-repeat; transition: background-position 0.05s linear; }
.bg-line:not(:last-child), .bg-line-right:not(:last-child) { background-image:url(/assets/images/line-vertical.png); background-position:top right; background-repeat:no-repeat; }
.bg-line-top { background-image:url(/assets/images/line-horizontal.png); background-position:top right; background-repeat:no-repeat; }
.bg-line-bottom { background-image:url(/assets/images/line-horizontal.png); background-position:bottom right; background-repeat:no-repeat; }

/*Site-specific framework: Borders & Corners*/

/*Site-specific framework: Cursors, buttons & icons*/
button.text { padding-left:1rem; padding-right:1rem; border-radius:1rem; background-size:contain; background-position:0 0; }

/*Snippets*/
div.line.horizontal { height:3px; background-image:url(/assets/images/line-horizontal.png); background-size:cover; background-repeat:no-repeat; }
div.line.vertical { width:3px; background-image:url(/assets/images/line-vertical.png); background-size:cover; background-repeat:no-repeat; }
.paragraphs p:not(:first-child) { margin-top:2rem; }
.paragraphs a { word-wrap:break-word; overflow-wrap:break-word; }

/*=================================== Templates ===================================*/

	.widget-faq .question { height:7rem; }
	.widget-faq .question.active { height:auto; }
	footer { margin-top:-2rem; }

/*=================================== Texts ===================================*/

/*Default types*/

h1.t-veryLarge, h1.t-veryLarge em, h2.t-veryLarge, h2.t-veryLarge em { font:7.5rem/7rem "podium-soft-variable", sans-serif; text-transform:uppercase; text-style:normal; font-stretch:extra-condensed; }
h2.t-default, h2.t-default em { font:3.5rem/3.3rem "podium-soft-variable", sans-serif; text-transform:uppercase; text-style:normal; font-stretch:extra-condensed; }
h3.t-default { font:200 3rem/3rem "indoor-kid-vf", sans-serif; font-style:italic; }
span.t-large { font:200 2rem/2.8rem "indoor-kid-vf", sans-serif; font-style:italic; }
span.t-default, button.text { font:200 1.6rem/2.2rem "indoor-kid-vf", sans-serif; font-style:italic; }
span.t-small, button.text.small { font:200 1.3rem/1.9rem "indoor-kid-vf", sans-serif; font-style:italic; }

/*Type colors*/
.t-black, .t-black a, a.t-black { color:#000; }
.t-rose, .t-rose a, a.t-rose, h1.t-black em { color:#f891ba; }
.t-white, a.t-white, .t-black.direct.active, footer .t-white a { color:#fff; }

/*Type styles*/
.t-italic, .italic { font-style:italic !important; }
.t-uppercase, .uppercase { text-transform:uppercase; }
.t-strong, .strong, .label.active span { font-weight:bold !important; }
.t-strikethrough, .strikethrough { text-decoration:line-through; }

/*Link styles*/
a { text-decoration:none; }

/*=================================== Liquid Styles ===================================*/

@media all and (min-width:1455px) { /* 1440px + scrollbar bug fix due to new Chrome scrollbar rendering bug */
	/*=================================== Site-specific Framework & Snippets ===================================*/
	/*Site-specific grids, widths & heights*/
	.h-33 { height:calc(33 / 100 * var(--maxWidth)); }

	/*Site-specific framework: Backgrounds*/
	.bg-wind { transition: background-position 0.05s linear; }

	/*Site-specific framework: Cursors, buttons & icons*/
	button.text { padding-left:calc(1 / 100 * var(--maxWidth)); padding-right:calc(1 / 100 * var(--maxWidth)); border-radius:calc(1 / 100 * var(--maxWidth)); }

	/*Snippets*/
	.paragraphs p:not(:first-child) { margin-top:calc(2 / 100 * var(--maxWidth)); }

	/*=================================== Templates ===================================*/
	.widget-faq .question { height:calc(7 / 100 * var(--maxWidth)); }
	footer { margin-top:calc(-2 / 100 * var(--maxWidth)); }

	/*=================================== Texts ===================================*/
	/*Default types*/
	h1.t-veryLarge, h1.t-veryLarge em, h2.t-veryLarge, h2.t-veryLarge em { font:calc(7.5 / 100 * var(--maxWidth))/calc(7 / 100 * var(--maxWidth)) "podium-soft-variable", sans-serif; text-transform:uppercase; text-style:normal; font-stretch:extra-condensed; }
	h2.t-default, h2.t-default em { font:calc(3.5 / 100 * var(--maxWidth))/calc(3.3 / 100 * var(--maxWidth)) "podium-soft-variable", sans-serif; text-transform:uppercase; text-style:normal; font-stretch:extra-condensed; }
	h3.t-default { font:200 calc(3 / 100 * var(--maxWidth))/calc(3 / 100 * var(--maxWidth)) "indoor-kid-vf", sans-serif; }
	span.t-large { font:200 calc(2 / 100 * var(--maxWidth))/calc(2.8 / 100 * var(--maxWidth)) "indoor-kid-vf", sans-serif; }
	span.t-default, button.text { font:200 calc(1.6 / 100 * var(--maxWidth))/calc(2.2 / 100 * var(--maxWidth)) "indoor-kid-vf", sans-serif; }
	span.t-small, button.text.small { font:200 calc(1.3 / 100 * var(--maxWidth))/calc(1.9 / 100 * var(--maxWidth)) "indoor-kid-vf", sans-serif; }
}

@media only screen and (max-width:600px) {
	/*=================================== Initialization & General ===================================*/
	html { font-size:78.5%; }
	.maxWidth { max-width:100vw; }
	.halfWidth { max-width:100vw; }

	/*=================================== Site-specific Framework & Snippets ===================================*/
	/*Site-specific grids, widths & heights*/
	.w-33p, .w-40p, .w-50p { width:100%; }
.h-33 { height:33rem; }
	/*Site-specific paddings*/
	.pr-2 { padding-right:0; }
	.px-8 { padding-left:3rem; padding-right:3rem; }
	.pr-9 { padding-right:3rem; }
	.pt-10 { padding-top:3rem; }
	/*Site-specific margins*/
	.mr-9 { margin-right:0; }

	/*Site-specific framework: Backgrounds*/
	.bg-line:not(:last-child), .bg-line-right:not(:last-child) { background-image:url(/assets/images/line-horizontal.png); background-position:bottom right; background-repeat:no-repeat; }
.bg-pee { background-image:url(/assets/images/background-pee-green.png); background-size:75%; background-position:bottom right; background-repeat:no-repeat; }
	.bg-wind-red { background-image:url(/assets/images/background-wind-red.png); background-size:cover; background-position:top left; background-repeat:no-repeat; transition: background-position 0.05s linear; }
	.bg-wind-rose { background-image:url(/assets/images/background-wind-rose.png); background-size:cover; background-position:top left; background-repeat:no-repeat; transition: background-position 0.05s linear; }

/*Site-specific framework: Borders & Corners*/

/*Site-specific framework: Cursors, buttons & icons*/
button.text { padding-left:1rem; padding-right:1rem; border-radius:1rem; background-size:contain; background-position:0 0; }

/*Snippets*/
div.line.horizontal { height:3px; background-image:url(/assets/images/line-horizontal.png); background-size:cover; background-repeat:no-repeat; }
	div.line.vertical { background-image:none !important; }
.paragraphs p:not(:first-child) { margin-top:2rem; }
.paragraphs a { word-wrap:break-word; overflow-wrap:break-word; }

	/*=================================== Templates ===================================*/

	.widget-splash .d-inlineBlock.maxWidth { display:inline-flex; }
	.widget-splash .y-centered { height:100vh; }
	.widget-splash .logo { width:70%; margin-left:15%; }
	.widget-headline .p-absolute { width:100%; margin-top:6rem; float:left; position:relative; }
	.widget-text button.text, .widget-route button.text { margin-right:0; margin-bottom:2rem; }
	.widget-overview .d-inlineFlex { display:inline-block; }
	.widget-overview .column { padding-Left:0; padding-right:0; text-align:left; margin-bottom:6rem; }
	.widget-overview .column:last-child { margin-bottom:0; }
	.widget-overview .ml-3 { margin-left:0; }
	.widget-overview .py-3  { padding-top:0; padding-bottom:0; }
	.widget-overview .p-absolute { position:relative; margin-top:3rem; }
	.widget-overview .line { background-image:none !important; }
	.widget-route .w-40p { padding-right:3rem; }
	.widget-faq .py-3 { padding-top:0; }
	.widget-faq .question { height:8rem; }
	.widget .question:not(.active) .pb-2 { padding-bottom:5rem; }
	footer .logo, footer .w-50p { margin-bottom:3rem; }

	/*=================================== Texts ===================================*/

	/*Default types*/

	h1.t-veryLarge, h1.t-veryLarge em, h2.t-veryLarge, h2.t-veryLarge em { font:5rem/5rem "podium-soft-variable", sans-serif; text-transform:uppercase; text-style:normal; font-stretch:extra-condensed; }
h2.t-default, h2.t-default em { font:3.5rem/3.3rem "podium-soft-variable", sans-serif; text-transform:uppercase; text-style:normal; font-stretch:extra-condensed; }
	h3.t-default { font:200 1.8rem/2rem "indoor-kid-vf", sans-serif; font-style:italic; }
span.t-large { font:200 2rem/2.8rem "indoor-kid-vf", sans-serif; font-style:italic; }
	span.t-default, button.text { font:200 1.4rem/2.0rem "indoor-kid-vf", sans-serif; font-style:italic; }
span.t-small, button.text.small { font:200 1.3rem/1.9rem "indoor-kid-vf", sans-serif; font-style:italic; }
}