/*=================================== 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*/
.w-23_75 { width:23.75rem; }
.w-44_75 { width:44.75rem; }
.h-19_6 { height:19.6rem; }
/*Site-specific paddings*/
/*Site-specific margins*/

/*Site-specific framework: Backgrounds*/
.bg-black { background-color:#000; }
.bg-lavender { background-color:#D5C1FA; }
.bg-purple { background-color:#A35CF5; }
.bg-yellow { background-color:#FAFFA1; }
.bg-bubbles { background-image:url(/assets/images/background-bubbles.svg); background-size:114rem; background-position-x:calc(50% - 7rem); background-position-y:-3rem; background-repeat:no-repeat; }
.bg-hostMask { background-image:url(/assets/images/background-hostMask.png); background-size:cover; }
.bg-main { background-image:url(/assets/images/background-main.svg); background-size:125rem; background-position-x:calc(50% - 5rem); background-position-y:-4rem; background-repeat:no-repeat; }
.bg-overlay-left.purple { background-image:url(/assets/images/background-overlay-left-purple.svg); background-size:cover; background-position:top left;  }
.bg-overlay-right.lavender { background-image:url(/assets/images/background-overlay-right-lavender.svg); background-size:cover; background-position:top right;  }
.popup { background-color: rgba(0, 0, 0, 0.7); }

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

/*Site-specific framework: Cursors, buttons & icons*/
button.close { width:1.3rem; height:1.3rem; background-image:url(/assets/images/icon-close-black.svg); background-size:contain; }
button.label.yellow { width:14rem; height:5rem; background-image:url(/assets/images/background-label-yellow.svg); background-size:contain; }
button.newsletter { width:7rem; height:6rem; padding-bottom:0.5rem; padding-right:1.5rem; background-image:url(/assets/images/background-button-newsletter-default.svg); background-size:7rem; }
button.newsletter:hover { padding-left:0.5rem; padding-top:0.5rem; padding-bottom:0; padding-right:1rem; background-image:url(/assets/images/background-button-newsletter-hover.svg); }
button.text { width:15rem; padding-bottom:1rem; height:5rem; background-size:15rem; }
button.text:hover { padding-left:1rem; padding-top:1rem; padding-bottom:0.5rem; }
button.text.purple, button.text.direct.yellow.active { background-image:url(/assets/images/background-button-purple-default.svg); }
button.text.purple:hover, button.text.direct.yellow.active:hover { background-image:url(/assets/images/background-button-purple-hover.svg); }
button.text.yellow { background-image:url(/assets/images/background-button-yellow-default.svg); }
button.text.yellow:hover { background-image:url(/assets/images/background-button-yellow-hover.svg); }
button.toggle { width:4rem; height:4rem; background-image:url(/assets/images/icon-toggle.svg); background-size:contain; }

/*Snippets*/
span.icon.flash { width:3rem; height:5rem; background-image:url(/assets/images/icon-flash-purple.svg); background-size:contain; background-repeat:no-repeat; background-position:center 0.5rem; }
span.icon.flash.yellow { width:3rem; height:4rem; background-image:url(/assets/images/icon-flash-yellow.svg); }
div.icon.podcast { width:4rem; height:4rem; background-size:contain; }
div.icon.podcast.applePodcasts { background-image:url(/assets/images/icon-podcast-applePodcasts.svg); }
div.icon.podcast.default { background-image:url(/assets/images/icon-podcast-default.svg); }
div.icon.podcast.googlePodcasts { background-image:url(/assets/images/icon-podcast-googlePodcasts.svg); }
div.icon.podcast.spotify { background-image:url(/assets/images/icon-podcast-spotify.svg); }
div.icon.podcast.youtube { background-image:url(/assets/images/icon-podcast-youtube.svg); }
div.logo.podcast { background-size:95%; background-position:center center; background-repeat:no-repeat; }
div.logo.podcast.applePodcasts { background-image:url(/assets/images/logo-podcast-applePodcasts.svg); }
div.logo.podcast.default { background-image:url(/assets/images/logo-podcast-default.svg); }
div.logo.podcast.googlePodcasts { background-image:url(/assets/images/logo-podcast-googlePodcasts.svg); }
div.logo.podcast.spotify { background-image:url(/assets/images/logo-podcast-spotify.svg); }
div.logo.podcast.youtube { background-image:url(/assets/images/logo-podcast-youtube.svg); }
.paragraphs p:not(:first-child) { margin-top:2rem; }
.paragraphs a { word-wrap:break-word; overflow-wrap:break-word; }

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

	.widget-episodes .episode:nth-child(1) { padding-right:0.5rem; }
	.widget-episodes .episode:nth-child(2) { padding-left:0.25rem; padding-right:0.25rem; }
	.widget-episodes .episode:nth-child(3) { padding-left:0.5rem; }

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

/*Default types*/
header nav, input[type="search"] { font:1.4rem/1.4rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
h1.t-large, h1.t-large em { font:5rem/6rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
h2.t-veryLarge, h2.t-veryLarge em { font:4rem/5rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
h2.t-large { font:3.3rem/4rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
h2.t-default { font:2.5rem/3.2rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
h3.t-large { font:2.1rem/2.8rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
h3.t-default, span.t-footer { font:1.7rem/2.4rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
span.t-huge { font:3.3rem/4.2rem "anton", sans-serif; font-style:normal !important; }
span.t-veryLarge { font:1.4rem/2.0rem "anton", sans-serif; }
span.t-large { font:400 1.4rem/2.0rem "epilogue", sans-serif; }
span.t-default { font:400 1.2rem/1.8rem "epilogue", sans-serif; }
button.newsletter { font:400 1.0rem/1.2rem "epilogue", sans-serif; }
button.label, button.text { font:600 1.2rem/1.2rem "epilogue", sans-serif; text-transform:uppercase; font-style:normal !important; }

/*Type colors*/
.t-black, .t-black a, a.t-black { color:#000; }
.t-purple, .t-black a, a.t-black:hover { color:#A35CF5; }
.t-white, a.t-white, .t-black.direct.active, footer .t-white a { color:#fff; }
.t-yellow, .t-yellow a, a.t-yellow, h1.t-white em, h2.t-veryLarge.t-white em, .t-white a, a.t-white:hover { color:#FAFFA1; }

/*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*/
	.w-23_75 { width:calc(23.75 / 100 * var(--maxWidth)); }
	.w-44_75 { width:calc(44.75 / 100 * var(--maxWidth)); }
	.h-19_6 { height:calc(19.6 / 100 * var(--maxWidth)); }

	/*Site-specific framework: Backgrounds*/
	.bg-bubbles { background-size:calc(114 / 100 * var(--maxWidth)); background-position-x:calc(50% - calc(7 / 100 * var(--maxWidth))); background-position-y:calc(-3 / 100 * var(--maxWidth)); }
	.bg-main { background-size:calc(125 / 100 * var(--maxWidth)); background-position-x:calc(50% - calc(5 / 100 * var(--maxWidth))); background-position-y:calc(-4 / 100 * var(--maxWidth)); }

	/*Site-specific framework: Cursors, buttons & icons*/
	button.close { width:calc(1.3 / 100 * var(--maxWidth)); height:calc(1.3 / 100 * var(--maxWidth)); }
	button.label.yellow { width:calc(14 / 100 * var(--maxWidth)); height:calc(5 / 100 * var(--maxWidth)); }
	button.newsletter { width:calc(7 / 100 * var(--maxWidth)); height:calc(6 / 100 * var(--maxWidth)); padding-bottom:calc(0.5 / 100 * var(--maxWidth)); padding-right:calc(1.5 / 100 * var(--maxWidth)); background-size:calc(7 / 100 * var(--maxWidth)); }
	button.newsletter:hover { padding-left:calc(0.5 / 100 * var(--maxWidth)); padding-top:calc(0.5 / 100 * var(--maxWidth)); padding-right:calc(1 / 100 * var(--maxWidth)); }
	button.text { width:calc(15 / 100 * var(--maxWidth)); padding-bottom:calc(1 / 100 * var(--maxWidth)); height:calc(5 / 100 * var(--maxWidth)); background-size:calc(15 / 100 * var(--maxWidth)); }
	button.text:hover { padding-left:calc(1 / 100 * var(--maxWidth)); padding-top:calc(1 / 100 * var(--maxWidth)); padding-bottom:calc(0.5 / 100 * var(--maxWidth)); }

	/*Snippets*/
	span.icon.flash { width:calc(3 / 100 * var(--maxWidth)); height:calc(5 / 100 * var(--maxWidth)); background-position:center calc(0.5 / 100 * var(--maxWidth)); }
	span.icon.flash.yellow { width:calc(3 / 100 * var(--maxWidth)); height:calc(4 / 100 * var(--maxWidth)); }
	div.icon.podcast { width:calc(4 / 100 * var(--maxWidth)); height:calc(4 / 100 * var(--maxWidth)); }
	.paragraphs p:not(:first-child) { margin-top:calc(2 / 100 * var(--maxWidth)); }

	/*=================================== Templates ===================================*/
	.widget-episodes .episode:nth-child(1) { padding-right:calc(0.5 / 100 * var(--maxWidth)); }
	.widget-episodes .episode:nth-child(2) { padding-left:calc(0.25 / 100 * var(--maxWidth)); padding-right:calc(0.25 / 100 * var(--maxWidth)); }
	.widget-episodes .episode:nth-child(3) { padding-left:calc(0.5 / 100 * var(--maxWidth)); }

	/*=================================== Texts ===================================*/
	/*Default types*/
	header nav, input[type="search"] { font:calc(1.4 / 100 * var(--maxWidth))/calc(1.4 / 100 * var(--maxWidth)) "anton", sans-serif; }
	h1.t-large, h1.t-large em { font:calc(5 / 100 * var(--maxWidth))/calc(6 / 100 * var(--maxWidth)) "anton", sans-serif; }
	h2.t-veryLarge, h2.t-veryLarge em { font:calc(4 / 100 * var(--maxWidth))/calc(5 / 100 * var(--maxWidth)) "anton", sans-serif; }
	h2.t-large { font:calc(3.3 / 100 * var(--maxWidth))/calc(4 / 100 * var(--maxWidth)) "anton", sans-serif; }
	h2.t-default { font:calc(2.5 / 100 * var(--maxWidth))/calc(3.2 / 100 * var(--maxWidth)) "anton", sans-serif; }
	h3.t-large { font:calc(2.1 / 100 * var(--maxWidth))/calc(2.8 / 100 * var(--maxWidth)) "anton", sans-serif; }
	h3.t-default, span.t-footer { font:calc(1.7 / 100 * var(--maxWidth))/calc(2.4 / 100 * var(--maxWidth)) "anton", sans-serif; }
	span.t-huge { font:calc(3.3 / 100 * var(--maxWidth))/calc(4.2 / 100 * var(--maxWidth)) "anton", sans-serif; }
	span.t-veryLarge { font:calc(1.4 / 100 * var(--maxWidth))/calc(2.0 / 100 * var(--maxWidth)) "anton", sans-serif; }
	span.t-large { font:400 calc(1.4 / 100 * var(--maxWidth))/calc(2.0 / 100 * var(--maxWidth)) "epilogue", sans-serif; }
	span.t-default { font:400 calc(1.2 / 100 * var(--maxWidth))/calc(1.8 / 100 * var(--maxWidth)) "epilogue", sans-serif; }
	button.newsletter { font:400 calc(1.0 / 100 * var(--maxWidth))/calc(1.2 / 100 * var(--maxWidth)) "epilogue", sans-serif; }
	button.label, button.text { font:600 calc(1.2 / 100 * var(--maxWidth))/calc(1.2 / 100 * var(--maxWidth)) "epilogue", 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-23_75 { width:100%; }
	.w-44_75 { width:100%; }
	.w-20, .w-30, .w-33p, .w-40, .w-40p, .w-50p { width:100%; }
	.h-19_6 { height:20rem; }
	.h-40 { height:30rem; }
	.h-50 { height:auto; }
	/*Site-specific paddings*/
	.pr-1 { padding-right:0; }
	.pt-10, .py-10 { padding-top:5rem; }
	.pb-10, .py-10 { padding-bottom:5rem; }
	.pl-8, .px-8, .pl-4 { padding-left:2rem; }
	.pr-8, .px-8, .pr-3 { padding-right:2rem; }
	/*Site-specific margins*/
	.ml-8 { margin-left:2rem; }
	.ml-12, .mr-12 { margin-left:0; margin-right:0; padding-left:2rem; padding-right:2rem; }
	.mt-14 { margin-top:4rem; margin-bottom:4rem; }

	/*Snippets*/
	span.icon.flash { width:2rem; height:3.3rem; background-image:url(/assets/images/icon-flash-purple.svg); background-size:contain; background-repeat:no-repeat; background-position:center 0.5rem; }

	/*=================================== Templates ===================================*/
	.siteBackground { min-height:100vh !important; }
	.widget-headline .carousel.cycle { padding-left:2rem; padding-right:2rem; }
	.widget-preview .absolute, .widget-preview .p-absolute:not(.label), .widget-preview .w-50p { position:relative; }
	.widget-preview h2 { padding-bottom:2rem; }
	.widget-preview .ml-1_5 { margin-left:0; }
	.widget-preview .currentText { margin-top:-0.5rem; }
	.widget-preview .next { display:flex }
	.widget-preview .nextText, .widget-preview .nextImage { width:50%; }
	.widget-episodes .episode:nth-child(1) { padding-right:0; }
	.widget-episodes .episode:nth-child(2) { padding-left:0; padding-right:0; }
	.widget-episodes .episode:nth-child(3) { padding-left:0; }
	.widget-episodes .w-33p { margin-bottom:3rem; }
	.widget-episodes .h-5, .widget-hosts .h-15, footer .h-6 { height:auto; }
	.widget-episodes .mt-2 { margin-top:1rem; }
	.widget-bubbles h2 { padding-bottom:4rem; }
	.widget-subscribe .w-25p { width:50%; height:10rem; }
	.widget-hosts .f-left { float:right; }
	.widget-hosts .f-right { float:left; }
	.widget-hosts span { padding-top:2rem; padding-bottom:2rem; display:inline-block; }
	.widget-hosts .navigation { text-align:center; }
	.widget-hosts .f-left { float:none; }
	footer .t-left { text-align:center; }
	footer .logo { width:10rem !important; margin-bottom:2rem; }
	footer .links { padding-top:2rem; padding-bottom:3rem; display:inline-block; }
	header nav.mobileOnly div:not(:last-child) { border-bottom:1px solid #fff; }

	.popup .w-70p { width:80vw; height:80vh; display:inline-block; }
	.popup .w-50p { width:100%; height:40vh; }
	.popup h2.py-3 { padding-top:0; padding-bottom:2rem; }
	.popup .p-4 { padding:2rem; }
	#cookieBanner.popup .w-70p.newsletter { height:60vh; }
	#cookieBanner.popup .w-50p.image { height:20vh; }
	#cookieBanner.popup .w-50p.text { height:40vh; }
	#cookieBanner.popup .w-70p.cookies { height:30vh; }
	
	/*=================================== Texts ===================================*/

	/*Default types*/
	header nav, input[type="search"] { font:2.4rem/2.4rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
	h1.t-large, h1.t-large em { font:3.3rem/4.0rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
	h2.t-veryLarge, h2.t-veryLarge em { font:3.5rem/4.4rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
	h2.t-large { font:2.4rem/3.1rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
	h2.t-default { font:2.2rem/2.9rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
	h3.t-large { font:1.9rem/2.6rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
h3.t-default, span.t-footer { font:1.7rem/2.4rem "anton", sans-serif; text-transform:uppercase; font-style:normal !important; }
span.t-huge { font:3.3rem/4.2rem "anton", sans-serif; font-style:normal !important; }
span.t-veryLarge { font:1.4rem/2.0rem "anton", sans-serif; }
span.t-large { font:400 1.4rem/2.0rem "epilogue", sans-serif; }
span.t-default { font:400 1.2rem/1.8rem "epilogue", sans-serif; }
button.newsletter { font:400 1.0rem/1.2rem "epilogue", sans-serif; }
button.label, button.text { font:600 1.2rem/1.2rem "epilogue", sans-serif; text-transform:uppercase; font-style:normal !important; }

	.widget-bubbles .bubble .t-black { color:#fff; }
}