/* @override 
	https://nightingalehealth.com/assets/css/global-v3.css?*
	https://nightingalehealth.test/assets/css/global-v3.css?*
*/

/* -----------------------------------------------------------

	Project:		Nightingale Health
	Version:		3.0
	Created:		May 11, 2024
	Modified:		May 19, 2024

		[Table of contents]
		1. Reset
		2. Web fonts
		3. Custom Properties
		4. Typography
		5. Utility styles
		6. Structure & design
		7. Animations

----------------------------------------------------------- */



/* -----------------------------------------------------------

	RESET

----------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

img, 
picture, 
video, 
canvas, 
svg											{ display: block; max-width: 100%; height: auto; }

article, 
aside, 
figure, 
footer, 
header, 
hgroup, 
nav, 
section 									{ display: block; }

audio, canvas, video 						{ display: inline-block; }

blockquote, q 								{ quotes: none; }
blockquote:before, 
blockquote:after,
q:before, 
q:after 									{ content: ''; content: none; }

a 											{ margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins 										{ background-color: #ff9; color: #000; text-decoration: none; }
mark 										{ background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del 										{ text-decoration: line-through; }
abbr[title], 
dfn[title] 									{ border-bottom: 1px dotted #000; cursor: help; }

/* Remove built-in form typography styles */
input, button, 
textarea, select 							{ font: inherit; }

/* tables still need cellspacing="0" in the markup */
table 										{ border-collapse: collapse; border-spacing: 0; }
hr 											{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select 								{ vertical-align: middle; }

/* Set html font-size to 10px so: 1rem = 10px */
html										{ font-size: 62.5%; }

/* Set basic typography settings for body */
body										{ -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1"; scroll-behavior: smooth; }



/* -----------------------------------------------------------

	WEB FONTS

----------------------------------------------------------- */

@font-face {
	font-family: "riforma-regular";
	font-display: swap;
	src: url("../fonts/RiformaLLWeb-Regular.woff2") format("woff2"), /* Super Modern Browsers */
		url("../fonts/RiformaLLWeb-Regular.woff") format("woff"); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "riforma-light";
	font-display: swap;
	src: url("../fonts/RiformaLLWeb-Light.woff2") format("woff2"), /* Super Modern Browsers */
		url("../fonts/RiformaLLWeb-Light.woff") format("woff"); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "riforma-medium";
	font-display: swap;
	src: url("../fonts/RiformaLLWeb-Medium.woff2") format("woff2"), /* Super Modern Browsers */
		url("../fonts/RiformaLLWeb-Medium.woff") format("woff"); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "riforma-bold";
	font-display: swap;
	src: url("../fonts/RiformaLLWeb-Bold.woff2") format("woff2"), /* Super Modern Browsers */
		url("../fonts/RiformaLLWeb-Bold.woff") format("woff"); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "riforma-italic";
	font-display: swap;
	src: url("../fonts/RiformaLLWeb-Italic.woff2") format("woff2"), /* Super Modern Browsers */
		url("../fonts/RiformaLLWeb-Italic.woff") format("woff"); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
}



/* -----------------------------------------------------------

	CUSTOM PROPERTIES

----------------------------------------------------------- */

:root	{
	/* Colors */
	--c-main: #000;
	--c-secondary: #807C7D;
	--c-highlight: rgba(95, 0, 220, 1);
	--c-background: #fff;
	--c-hover: #b8b8b8;
	--c-violet: #5F00DC;
	--c-border: #C4C4C4;
	
	--c-indigo-dark: rgba(95, 0, 220, 1);
	--c-indigo-light: rgba(95, 0, 220, 0.5);
	--c-magnolia: rgba(242, 235, 252, 1);
	--c-pattens-blue: rgba(220, 230, 235, 1);
	--c-provincial-pink-light: rgba(249, 223, 206, 0.4);
	--c-magnolia: rgba(242, 235, 252, 1);

	/* Typography */
	--fs-base: 200%; /* Set HTML font-size where 160% = 16px */
	--lh-base: 1.2; /* Set base line-height for body text */
	
	--ff-body: "riforma-regular", Helvetica, Arial, sans-serif; /* Set font-family for body text */
	--ff-headers: "riforma-medium", Helvetica, Arial, sans-serif; /* Set font-family for headers */
	
	/* Font sizes */
	--small-text: 0.4em;	/* 8px */
	--body-5: 0.6em;		/* 12px */
	--body-4: 0.7em;		/* 14px */
	--body-3: 0.8em;		/* 16px */
	--body-2: 0.9em;		/* 18px */
	--heading-3: 1.2em;		/* 24px */
	--heading-2: 1.6em;		/* 32px */
	--heading-1: 2em;		/* 40px */
	--title: 2.4em;			/* 48px */

	/* Global padding */
	--gp-sides: 5rem;
}



/* -----------------------------------------------------------

	TYPOGRAPHY

----------------------------------------------------------- */

body										{ font-size: var(--fs-base); line-height: var(--lh-base); font-family: var(--ff-body); color: var(--c-main); background-color: var(--c-background); hanging-punctuation: first allow-end last; }

/* Set text selection color */
/*::selection 								{  }*/ /* WebKit/Blink Browsers */
/*::-moz-selection 							{  }*/ /* Gecko Browsers */



/* HEADINGS
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6							{ font-weight: normal; color: var(--c-main); font-family: var(--ff-headers); line-height: 1; text-rendering: optimizeLegibility; /*overflow-wrap: break-word; hyphens: auto; text-wrap: balance;*/ }


h1											{ font-size: var(--title); }
h2											{ font-size: var(--heading-1); }
h3											{ font-size: var(--heading-2); }
h4											{ font-size: var(--heading-3); }
h4.subtitle									{ font-family: "riforma-regular"; }




/* TEXT ELEMENTS
-------------------------------------------------------------- */

p											{ margin: 0 0 1.5em; overflow-wrap: break-word; hyphens: auto; }

a:hover, a:active 							{ outline: none; }
a, a:active, a:visited 						{ text-decoration: none; }
a:hover 									{  }

blockquote									{  }
strong										{ font-weight: bold; }
em,dfn										{ font-style: normal; }
dfn											{ font-weight: normal; }
sup, sub									{ line-height: 0; font-size: 0.75em; position: relative; vertical-align: baseline; }
sup											{ top: -0.5em; }
sub											{ bottom: -0.25em; }

abbr,
acronym										{  }
address										{  }
del											{  }

pre,code									{ white-space: pre; }
pre,code,tt 								{  }
pre 										{ white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }


.arrow										{ position: relative; display: inline-block; padding-left: 2.5rem; }
.arrow:before								{ content: "\2192"; position: absolute; left: 0; top: 0; }



/* BUTTONS & CALL-TO-ACTIONS
-------------------------------------------------------------- */

.cta										{  }
.cta:hover									{  }

.btn										{  }
.btn:hover									{  }



/* LISTS
-------------------------------------------------------------- */

li ul,
li ol										{ margin: 0 1.5em; }
ul, ol										{ margin: 0 1.5em 1.5em 1.5em; }

ul											{ list-style-type: disc; }
ol											{ list-style-type: decimal; }

dl											{ margin: 0 0 1.5em 0; }
dl dt										{ font-weight: normal; }
dd											{ margin-left: 1.5em;}

nav ul 										{ list-style: none; margin: 0; padding: 0; }
nav ul li									{ display: inline; }



/* TABLES
-------------------------------------------------------------- */

table										{ width: 100%; }
th											{  }
th,td										{  }
tr.even td									{  }
tfoot										{  }
caption										{  }



/* FORMS
-------------------------------------------------------------- */




/* -----------------------------------------------------------

	UTILITY STYLES

----------------------------------------------------------- */

.bg-video,
.bg-cover									{ background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bg-video 									{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.center-vertically							{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.embed-container 							{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed 						{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.text-center								{ text-align: center; }
.text-right									{ text-align: right; }


/* Responsive video embedding */
.youtubeWrapper, 
.vimeoWrapper, 
.instagramWrapper 							{ position: relative; padding-top: 30px; height: 0; overflow: hidden; }

/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, 
.vimeoWrapper 								{ padding-bottom: 56.25%; }

/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper 							{ padding-bottom: 120%; }
    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed 					{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* -----------------------------------------------------------

	STRUCTURE

----------------------------------------------------------- */

*,
*:before,
*:after 									{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html										{ height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
body 										{ height: 100%; text-align: center; }
body.nav-is-open							{ height: 100vh; overflow: hidden !important; }


.page-wrapper								{ width: 100%; min-height: 100%; _height: 100%; margin: auto; position: relative; text-align: left; /*overflow: hidden;*/ }
.page-wrapper::before						{ content: ""; position: fixed; width: 100%; height: 5px; background-color: var(--c-indigo-dark); top: 0; left: 0; z-index: 1000; }


.page-hero,
.page-content,
.page-footer								{ width: 100%; position: relative; }


.page-content								{ min-height: calc(100vh - 26.8rem); padding-top: 12rem; }
.page-content .top-polka					{ position: absolute; width: 100%; height: 32rem; top: 0; left: 0; z-index: -1; }
.page-content .top-polka::before			{ position: absolute; content: ""; width: 100%; height: 100%; background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%); }


.article .page-content						{ padding-top: 9rem; }



/* GLOBAL PADDING
-------------------------------------------------------------- */

.padding--content-sides						{ padding-left: var(--gp-sides); padding-right: var(--gp-sides); }
.page-header .padding--content-sides		{ padding-left: 0; padding-right: 0; }



/* FLEXBOX AND GRID
-------------------------------------------------------------- */

.flex-wrapper 								{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.flex-wrapper .flex-item					{  }

.flex-2 > .span-1							{ flex-basis: 50%; }
.flex-2 > .span-2							{ flex-basis: 100%; }

.flex-3 > .span-1							{ flex-basis: 33.33%; }
.flex-3 > .span-2							{ flex-basis: 66.66%; }
.flex-3 > .span-3							{ flex-basis: 100%; }

.flex-4 > .span-1							{ flex-basis: 25%; }
.flex-4 > .span-2							{ flex-basis: 50%; }
.flex-4 > .span-3							{ flex-basis: 75%; }
.flex-4 > .span-3							{ flex-basis: 100%; }


.grid-wrapper								{ display: grid; justify-content: space-between; }
.grid-wrapper.grid-2						{ grid-template-columns: repeat(auto-fill, 50%); }
.grid-wrapper.grid-3						{ grid-template-columns: repeat(auto-fill, 33%); }
.grid-wrapper.grid-4						{ grid-template-columns: repeat(auto-fill, 25%); }
.grid-wrapper.grid-5						{ grid-template-columns: repeat(auto-fill, 20%); }



/* MASTHEAD
-------------------------------------------------------------- */

.page-header								{ position: fixed; z-index: 10000; top: 2rem; left: 2rem; width: calc(100% - 4rem); background-color: rgba(255, 255, 255, 1); border-radius: 5px; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); }
.page-header__content						{ display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; min-height: 8.4rem; padding: 0 2.4rem; }


.navigation-level__top						{ height: 0; min-height: 0; overflow: hidden; position: relative; opacity: 0; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.navigation-level__top::before				{ content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-border); bottom: 0; left: 0; }
.navigation-level__top.open					{ height: auto; min-height: 10rem; opacity: 1; }
.navigation-level__top .flex-item			{  }
.navigation-level__top ul					{ margin: 0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; }
.navigation-level__top li					{ list-style: none; }
.navigation-level__top a					{ text-transform: uppercase; font-size: var(--body-3); color: var(--c-main); letter-spacing: 0.03em; position: relative; padding: 0 2.2rem; }
.navigation-level__top a:hover				{ color: var(--c-highlight); text-decoration: none; cursor: pointer; }
.navigation-level__top a:before				{ content: ""; position: absolute; left: 0; top: calc(50% - 0.6rem); width: 1.2rem; height: 1.2rem; border: 1px solid var(--c-main); border-radius: 50%; background-color: #fff; }
.navigation-level__top a:hover:before		{ border-color: var(--c-highlight); background-color: #fff; }
.navigation-level__top .current a:before	{ background-color: var(--c-main); }
.navigation-level__top .current a:hover:before	{ background-color: var(--c-highlight); }


.logo--header								{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.logo--header a								{ color: var(--c-main); }
.logo--header img							{ height: 42px; width: auto; }



/* NAVIGATION
-------------------------------------------------------------- */

.main-menu									{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-left: 1.2rem; }

.main-menu__list							{ list-style: none; margin: 0; }
.main-menu__list li							{ margin: 0; padding: 0; display: inline; }
.main-menu__list a							{ font-size: var(--body-3); color: var(--c-main); text-decoration: none; padding: 0 calc(var(--gp-sides) / 2); line-height: 84px; display: inline-block; }
.main-menu__list a:hover					{ color: var(--c-highlight); text-decoration: none;  }
.main-menu__list a.active					{ color: #5F00DC; }

.main-menu__list .has-child > a				{ position: relative; }
.main-menu__list .has-child > a::after		{ content: ""; position: absolute; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid var(--text-color-secondary); top: 32px; right: 5px; }
.main-menu__list .has-child:hover > .sub-menu	{ height: 8.4rem; bottom: -6.5rem; opacity: 1; z-index: 1; }
.main-menu__list .has-child:hover > a::after	{ width: 0; height: 0; border-style: solid; border-width: 0 3px 5px 3px; border-color: transparent transparent var(--c-highlight) transparent; }


.main-menu--side							{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.main-menu--side .cta						{ font-size: var(--font-size-tiny); text-transform: uppercase; letter-spacing: 1px; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); white-space: nowrap; }
.main-menu--side .cta:hover					{ background-color: var(--c-highlight); border-color: var(--c-highlight); color: #fff; }


/* Burger icon */
.burger-icon								{ width: 26px; height: 26px; position: absolute; z-index: 10000 !important; right: 2rem; top: 2.9rem; display: none; }
.burger-icon .line							{ background-color: var(--c-main); width: 26px; height: 1px; display: block; position: absolute; left: 0; transition: 0.2s ease; }
.burger-icon.open .line						{ background-color: var(--c-main); }
.burger-icon .line:nth-of-type(1)			{ top: 4px; }
.burger-icon .line:nth-of-type(2)			{ top: 12px; }
.burger-icon .line:nth-of-type(3)			{ top: 20px; }

.burger-icon:hover							{ cursor: pointer; }
.burger-icon:hover .line:nth-of-type(1)		{ top: 2px; }
.burger-icon:hover .line:nth-of-type(2)		{ width: 30px; left: -2px; }
.burger-icon:hover .line:nth-of-type(3)		{ top: 22px; }

.burger-icon.open .line:nth-of-type(1) 		{ transform: rotate(45deg); top: 12px; }
.burger-icon.open .line:nth-of-type(2) 		{ display: none; }
.burger-icon.open .line:nth-of-type(3) 		{ transform: rotate(135deg); top: 12px; }
.burger-icon.open:hover .line:nth-of-type(1){ top: 12px; width: 30px; left: -2px; }
.burger-icon.open:hover .line:nth-of-type(3){ top: 12px; width: 30px; left: -2px; }


/* Mobile nav */
.mobile-nav									{ position: absolute; width: 100%; height: 100vh; min-height: fill-available; min-height: -webkit-fill-available; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; background-color: rgba(255, 255, 255, .97); top: 0; left: -100%; z-index: 100; transition: left 0.25s cubic-bezier(0.83, 0, 0.17, 1); }
.mobile-nav::-webkit-scrollbar				{ display: none; }
.nav-is-open .mobile-nav 					{ left: 0; }
.mobile-nav__inner							{ text-align: left; width: 100%; min-height: 100vh; min-height: fill-available; min-height: -webkit-fill-available; position: relative; padding: 20rem calc(var(--gp-sides) * 2) 5rem calc(var(--gp-sides) * 2); }

.mobile-nav__menu							{ width: 100%; margin: 0 0 5rem 0; padding: 0; list-style: none; }
.mobile-nav__menu a							{ color: var(--c-main); font-size: 18px; display: block; padding: 0.8rem 0; }
.mobile-nav__menu a:hover					{ color: var(--c-indigo-dark); }

.mobile-sub-menu							{ margin: 0; }
.mobile-sub-menu li							{ list-style: none; margin-left: 2rem; }

.mobile-site-nav							{ margin: 0 0 0 0; }
.mobile-site-nav a							{ color: var(--c-main); font-size: 18px; }
.mobile-site-nav a:hover					{ color: var(--c-highlight); }
.mobile-site-nav .top-menu-toggle			{ font-family: "riforma-bold"; font-size: 16px; text-decoration: none; text-transform: uppercase; padding: 0.8rem 2rem 0.8rem 2rem; position: relative; margin-bottom: 2rem; display: inline-block; }
.mobile-site-nav .top-menu-toggle::before	{ content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 8px; border-color: transparent transparent transparent var(--text-color-main); left: 0; top: 1.4rem; }
.mobile-site-nav .top-menu-toggle:hover::before	{ border-color: transparent transparent transparent var(--c-highlight); }
.mobile-site-nav .top-menu-toggle.open::before	{ content: "x"; position: absolute; width: 0; height: 0; border-style: none; left: 0; top: 0.8rem; }

.mobile-site-nav .top-menu					{ height: 0; min-height: 0; margin: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.mobile-site-nav .top-menu.open				{ height: auto; min-height: 10rem; opacity: 1; }
.mobile-site-nav .top-menu li:last-of-type	{ margin-bottom: 2rem; }
.mobile-site-nav .top-menu a				{ position: relative; margin: 0 0 0 ; padding: 5px 0 5px 2rem; display: inline-block; }
.mobile-site-nav .top-menu a::before		{ content: ""; position: absolute; left: 0; top: calc(50% - 0.6rem); width: 1.2rem; height: 1.2rem; border: 1px solid var(--c-main); border-radius: 50%; background-color: transparent; }
.mobile-site-nav .top-menu .current a::before	{ background-color: var(--c-main); }
.mobile-site-nav .top-menu a:hover::before		{ border: 1px solid var(--c-highlight); }
.mobile-site-nav .top-menu .current a:hover::before	{ background-color: var(--c-highlight); }



/* CONTENT ELEMENTS
-------------------------------------------------------------- */



/* Polka background */

.polka											{ background-color: var(--c-background); background-image: radial-gradient(var(--c-indigo-dark) 1.2px, var(--c-background) 1.2px); background-size: 19px 19px; }



/* Block title */

.block-title									{ padding: 12rem var(--gp-sides) 2.4rem var(--gp-sides); }
.block-title .block__content					{ max-width: 1280px; margin: 0 auto; }
.block-title h1									{ margin-bottom: 0.4em; }
.block-title h4									{ font-family: "riforma-regular"; }

.block-title h1 ~ p:first-of-type				{ margin-top: 8.2rem; }
.block-title .powered-by						{ color: #707070; text-indent: 25%; font-family: "riforma-light"; margin-bottom: 2.5em; margin-top: 0 !important; }

.block-title p a								{ color: #5F00DC; border: 1px solid #5F00DC; border-radius: 22px; padding: 1rem calc(var(--gp-sides) + 3.4rem) 1rem var(--gp-sides); position: relative; display: inline-block; line-height: 1; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); }
.block-title p a:hover							{ color: #fff; background-color: #5F00DC; }
.block-title p a::after							{ content: ""; position: absolute; width: 2.4rem; height: 2.4rem; background-image: url(../img/external.svg); background-repeat: no-repeat; background-position: center center; margin-left: 1rem; top: 0.9rem; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); }
.block-title p a:hover::after					{ background-image: url(../img/external-white.svg); }




/* Block hero image */

.block-hero-img									{ padding: 7.2rem var(--gp-sides); }
.block-hero-img .block__content					{ max-width: 1280px; margin: 0 auto; border-radius: 8px; overflow: hidden; }
.block-hero-img.dropshadow .block__content		{ box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); }



/* Block hero video */

.block-hero-video								{ }
.block-hero-video .block__content				{ max-width: 1280px; margin: 0 auto; overflow: hidden; }

.block-hero-video.dropshadow					{ padding: 7.2rem var(--gp-sides); }
.block-hero-video.dropshadow .block__content	{ box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 8px; }



/* Block two-column images */

.block-two-column-imgs							{ padding: 7.2rem var(--gp-sides); }
.block-two-column-imgs .block__content			{ max-width: 1280px; margin: 0 auto; }

.block-two-column-imgs header h2				{ margin-bottom: 0.78em; }
.block-two-column-imgs header h4				{ margin-bottom: 2.15em; }

.block-two-column-imgs .cols					{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.block-two-column-imgs .cols__col				{ width: calc(50% - 2.4rem); }

.block-two-column-imgs .img-wrapper				{ border-radius: 8px; overflow: hidden; margin-bottom: 2.4rem; position: relative; aspect-ratio: 5 / 3; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); }
/*.block-two-column-imgs .img-wrapper::after		{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(95,0,220);
background: linear-gradient(180deg, rgba(95,0,220,0.6531206232492996) 0%, rgba(95,0,220,0.1237088585434174) 100%); }*/
.block-two-column-imgs .img-wrapper p			{ margin: 0; text-align: center; font-family: var(--ff-headers); font-size: var(--heading-1); padding: 3.1rem 2.4rem calc(var(--gp-sides) * 2) 2.4rem; z-index: 1; position: relative; }
.block-two-column-imgs .img-wrapper.light p		{ color: var(--c-background); }
.block-two-column-imgs .img-wrapper.dark p		{ color: var(--c-main); }

.block-two-column-imgs .txt-wrapper				{  }
.block-two-column-imgs .txt-wrapper h4			{ font-family: "riforma-regular"; margin-bottom: 1em; }
.block-two-column-imgs .txt-wrapper a			{ color: var(--c-indigo-dark); position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-two-column-imgs .txt-wrapper a:after		{ content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-two-column-imgs .txt-wrapper a:hover		{  }
.block-two-column-imgs .txt-wrapper a:hover:after	{ margin-left: 0.8rem; }


.block-two-column-imgs .txt-wrapper a[href]:not(:where(
  /* exclude hash only links */
  [href^="#"],
  /* exclude relative but not double slash only links */
  [href^="/"]:not([href^="//"]),
  /* domains to exclude */
  [href*="//nightingalehealth.test"],
  [href*="//nightingalehealth.com"],
  /* subdomains to exclude */
  [href*="//v3.nightingalehealth.test"],
  [href*="//v3.nightingalehealth.com"],
)):after										{ content: ""; position: absolute; width: 2rem; height: 2rem; background-image: url(../img/external.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-left: 1rem; top: 3px; }




/* Block two-column cards */

.block-two-column-cards							{ padding: 7.2rem var(--gp-sides); }
.block-two-column-cards .block__content			{ max-width: 1280px; margin: 0 auto; }

.block-two-column-cards .cols					{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.block-two-column-cards .cols__col				{ width: calc(50% - 2.4rem); padding: 4.8rem; background-color: #F9F9F9; border-radius: 8px; overflow: hidden; }

.block-two-column-cards .img-wrapper			{ margin-bottom: 1.5rem; }

.block-two-column-cards .txt-wrapper h2			{ margin-bottom: 2.4rem; }
.block-two-column-cards .txt-wrapper a			{ color: var(--c-indigo-dark); position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-two-column-cards .txt-wrapper a:after	{ content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-two-column-cards .txt-wrapper a:hover	{  }
.block-two-column-cards .txt-wrapper a:hover:after	{ margin-left: 0.8rem; }
.block-two-column-cards .txt-wrapper *:last-child	{ margin-bottom: 0; }



/* Block three-column icons */

.block-three-col-icons							{ padding: 7.2rem var(--gp-sides); }
.block-three-col-icons .block__content			{ max-width: 1280px; margin: 0 auto; }

.block-three-col-icons header h2				{ margin-bottom: 1.8em; }

.block-three-col-icons .cols					{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10rem var(--gp-sides); justify-content: space-between; }
.block-three-col-icons .cols__col				{  }
.block-three-col-icons .cols .img-wrapper		{ margin-bottom: 2.8rem; }
.block-three-col-icons .cols h4					{ margin-bottom: 0.44em; }
.block-three-col-icons .txt-wrapper				{ padding-right: var(--gp-sides); }
.block-three-col-icons .txt-wrapper a			{ color: var(--c-indigo-dark); position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-three-col-icons .txt-wrapper a:after		{ content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-three-col-icons .txt-wrapper a:hover		{ }
.block-three-col-icons .txt-wrapper a:hover:after	{ margin-left: 0.8rem; }
.block-three-col-icons .txt-wrapper *:last-child	{ margin-bottom: 0; }




/* Block 50/50 + image */

.block-img-5050									{ max-width: 1280px; padding: 7.2rem calc(var(--gp-sides) * 4) 19.2rem calc(var(--gp-sides) * 4); margin-left: auto; margin-right: auto; }
.block-img-5050 .block__content					{  }

.block-img-5050 .cols							{ display: flex; flex-wrap: nowrap; justify-content: space-between; }
.block-img-5050 .cols__col:first-child			{ width: 33%; }
.block-img-5050 .cols__col:last-child			{ width: 67%; padding-left: var(--gp-sides); }

.block-img-5050 .img-wrapper					{ box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 8px; overflow: hidden; }

.block-img-5050 .txt-wrapper									{ font-size: var(--body-2); }
.block-img-5050 .txt-wrapper *:last-child:has(a) a				{ position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-img-5050 .txt-wrapper *:last-child:has(a) a:after		{ content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-img-5050 .txt-wrapper *:last-child:has(a) a:hover		{ color: var(--c-main); }
.block-img-5050 .txt-wrapper *:last-child:has(a) a:hover:after	{ margin-left: 0.8rem; color: var(--c-main); }




/* Block latest news */

.block-latest-news								{ padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); }
.block-latest-news .block__content				{ max-width: 1280px; margin: 0 auto; }

.block-latest-news header h2					{ margin-bottom: 1.8em; }

.block-latest-news .blog-listing				{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10rem var(--gp-sides); justify-content: space-between; }

.block-latest-news .thumbnail					{ border-radius: 8px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); margin-bottom: 2rem; }
.block-latest-news .article-data__category		{ font-size: var(--body-4); text-transform: uppercase; margin-bottom: 1.2rem; display: inline-block; }
.block-latest-news .title h3					{ font-size: 1em; line-height: 1; font-family: var(--ff-body); margin-bottom: 0.7em; }
.block-latest-news .title h3 a					{ color: var(--c-main); }
.block-latest-news .title h3 a:hover			{ color: var(--c-highlight); }
.block-latest-news .article-data__date			{ font-size: var(--body-4); text-transform: uppercase; color: #707070; }



/* Block heading */

.block-heading									{ text-align: center; padding: 7.2rem var(--gp-sides); position: relative; }
.block-heading.polka							{ background-color: var(--c-background); background-image: radial-gradient(var(--c-indigo-dark) 1.2px, var(--c-background) 1.2px); background-size: 19px 19px; }
.block-heading.polka::before					{ position: absolute; content: ""; width: 100%; height: 10rem; left: 0; bottom: 0; background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7035407913165266) 50%, rgba(255,255,255,0) 100%); }
.block-heading.polka::after						{ position: absolute; content: ""; width: 100%; height: 10rem; left: 0; top: 0; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7035407913165266) 50%, rgba(255,255,255,0) 100%); }

.block-heading h2								{ display: inline-block; padding: 1.2rem; background-color: #fff; position: relative; z-index: 10; }
.block-heading h2 strong						{ display: block; color: #5F00DC; font-weight: normal; }




/* Block tag cloud */

.block-tag-cloud								{ padding: 7.2rem 0 19.2rem 0; }
.block-tag-cloud .block__content				{  }

.block-tag-cloud .block-heading					{  }
.block-tag-cloud .block-heading h2				{ background-color: transparent; }

.block-tag-cloud .cloud-wrapper					{ padding: 14.4rem var(--gp-sides); margin-top: -14.4rem; margin-bottom: -14.4rem; }
.block-tag-cloud .cloud-wrapper	.img-wrapper	{ box-shadow: 0 0 160px 160px #EDF3F7; background-color: #EDF3F7; }

.block-tag-cloud .cols							{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; max-width: 1280px; padding: 7.2rem calc(var(--gp-sides) * 4) 0 calc(var(--gp-sides) * 4); margin-left: auto; margin-right: auto; }
.block-tag-cloud .cols__col						{ width: 64%; }
.block-tag-cloud .cols__col:first-of-type		{ width: 30%; }

.block-tag-cloud .txt-wrapper					{ font-size: var(--body-2); }





/* Block overlapping image */

.block-overlapping-img							{ padding: 7.2rem 0 19.2rem 0; }
.block-overlapping-img .block-heading			{ padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); }

.block-overlapping-img .block-img				{ margin: -14.4rem auto 7rem auto; z-index: 10; position: relative; max-width: 1280px; padding: 0 calc(var(--gp-sides) * 4); }
.block-overlapping-img .img-wrapper				{ border-radius: 8px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); margin-bottom: 2rem; }

.block-overlapping-img .block-txt				{ max-width: 1280px; padding: 0 calc(var(--gp-sides) * 4); margin-left: auto; margin-right: auto; }
.block-overlapping-img .block-txt h3			{ margin-bottom: 0.7em; }
.block-overlapping-img .block-txt p				{ font-size: var(--body-2); }
.block-overlapping-img .block-txt *:last-child	{ margin-bottom: 0; }

.block-overlapping-img .block-txt *:last-child:has(a) a				{ position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); color: #5F00DC; }
.block-overlapping-img .block-txt *:last-child:has(a) a:after		{ content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-overlapping-img .block-txt *:last-child:has(a) a:hover		{ color: var(--c-main); }
.block-overlapping-img .block-txt *:last-child:has(a) a:hover:after	{ margin-left: 0.8rem; color: var(--c-main); }




/* Block heading + body */

.block-heading-body								{ max-width: 1280px; padding: 7.2rem calc(var(--gp-sides) * 4) 19.2rem calc(var(--gp-sides) * 4); margin-left: auto; margin-right: auto; }
.block-heading-body .cols						{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.block-heading-body .cols__col					{ width: 64%; }
.block-heading-body .cols__col:first-of-type	{ width: 30%; }

.block-heading-body .txt-wrapper				{ font-size: var(--body-2); }




/* Block body */

.block-body										{ max-width: 1280px; padding: 7.2rem calc(var(--gp-sides) * 4) 19.2rem calc(var(--gp-sides) * 4); font-size: var(--body-2); margin-left: auto; margin-right: auto; }
.block-body h3									{ margin-bottom: 1.7em; }




/* Block visit */

.block-visit									{ padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); }
.block-visit .block__content					{ max-width: 1280px; margin: 0 auto; text-align: center; border-radius: 22px; border: 1px solid rgba(0, 0, 0, 0.10); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); background-color: #F2F8F6; padding: 5.2rem var(--gp-sides) 5rem var(--gp-sides); }
.block-visit h2									{ margin-bottom: 1.7em; color: #355449; }
.block-visit p:last-of-type						{ margin: 0; color: #355449; }
.block-visit p:last-of-type a					{ color: #355449; border: 1px solid #355449; border-radius: 22px; padding: 1rem calc(var(--gp-sides) + 3.4rem) 1rem var(--gp-sides); position: relative; display: inline-block; line-height: 1; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); }
.block-visit p:last-of-type a::after			{ content: ""; position: absolute; width: 2.4rem; height: 2.4rem; background-image: url(../img/external-green.svg); background-repeat: no-repeat; background-position: center center; margin-left: 1rem; top: 0.9rem; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); }
.block-visit p:last-of-type a:hover				{ color: #fff; background-color: #355449; }
.block-visit p:last-of-type a:hover::after		{ background-image: url(../img/external-white.svg); }




/* Block divider */

.block-divider									{ padding: 7.2rem var(--gp-sides) 0 var(--gp-sides); }
.block-divider .block__content					{ max-width: 1280px; margin: 0 auto; background-color: #DCDCDC; height: 1px; }




/* Block workflow */
.block-flow										{ padding: 7.2rem calc(var(--gp-sides) * 4) 19.2rem calc(var(--gp-sides) * 4); max-width: 1280px; margin: 0 auto; }
.block-flow .block__content						{  }

.block-flow .flow-top-txt						{ margin-bottom: 7.2rem; }
.block-flow .flow-top-txt h3					{ margin-bottom: 0.7em; }
.block-flow .flow-top-txt p						{ font-size: var(--body-2); }

.block-flow .flow-flow							{ margin-bottom: 7.2rem; }
.block-flow .flow-step							{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: flex-start; margin-bottom: var(--gp-sides); }
.block-flow .flow-step .img-wrapper				{ width: 15rem; text-align: center; }
.block-flow .flow-step .img-wrapper img			{ display: block; min-height: 10rem; width: auto; }

.block-flow .flow-step .txt-wrapper				{ width: calc(100% - 15rem); }
.block-flow .flow-step .txt-wrapper h4			{ margin-bottom: 0.3em; }
.block-flow .flow-step .txt-wrapper p			{ font-size: var(--body-2); }
.block-flow .flow-step .txt-wrapper p:last-of-type	{ margin-bottom: 0; }

.block-flow .flow-btm-txt h4					{ margin-bottom: 1.1em; }
.block-flow .flow-btm-txt p						{ font-size: var(--body-2); }
.block-flow .flow-btm-txt p:last-of-type		{ margin-bottom: 0; }


.block-flow--horizontal .flow-flow				{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gp-sides) var(--gp-sides); justify-content: space-between; }
.block-flow--horizontal .flow-step				{ flex-wrap: wrap; }
.block-flow--horizontal .flow-step h4			{ margin-bottom: 0.7em !important; }
.block-flow--horizontal .flow-step .img-wrapper	{ width: 100%; height: 10rem; margin-bottom: 3rem; }
.block-flow--horizontal .flow-step .img-wrapper img	{ height: 100%; width: auto; }
.block-flow--horizontal .flow-step .txt-wrapper	{ width: 100%; }





/* Gradient block */

.block-gradient									{ padding: 19.2rem var(--gp-sides) 19.2rem var(--gp-sides); position: relative; }
.block-gradient::after							{ content: ""; position: absolute; width: 70%; height: 70%; top: 15%; left: 15%; z-index: -1;  }
.block-gradient .block__content					{ max-width: 1280px; margin: 0 auto; box-shadow: 0 0 160px 160px #EDF3F7; background-color: #EDF3F7; }

.block-gradient .cols							{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 var(--gp-sides); justify-content: space-between; }

.block-gradient .img-wrapper					{ border-radius: 8px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); }

.block-gradient .txt-wrapper					{ padding-right: var(--gp-sides); padding-top: 0.8rem; }
.block-gradient .txt-wrapper h2					{ margin-bottom: 0.7em; }
.block-gradient .txt-wrapper p					{ font-size: 24px; }
.block-gradient .txt-wrapper a					{ color: var(--c-indigo-dark); position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); font-size: 18px; }
.block-gradient .txt-wrapper a:after			{ content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); }
.block-gradient .txt-wrapper a:hover			{  }
.block-gradient .txt-wrapper a:hover:after		{ margin-left: 0.8rem; }
.block-gradient .txt-wrapper *:last-child		{ margin-bottom: 0; }




/* Contact form */

.contact-form-wrapper							{ padding: 7.2rem var(--gp-sides); }
.contact-form-wrapper .form-wrapper				{ background-color: #EDF3F7; border-radius: 22px; padding: 5.2rem; max-width: 1280px; margin: 0 auto; }
.contact-form-wrapper .form-wrapper h2			{ margin-bottom: 7.9rem; padding-right: var(--gp-sides); }

.contact-form									{  }
.contact-form .form-flex						{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gp-sides) var(--gp-sides); justify-content: space-between; margin-bottom: var(--gp-sides); }

.contact-form .input-wrapper					{  }
.contact-form .input-wrapper label				{ display: block; font-size: var(--heading-3); padding: 0 2.4rem 1.8rem 2.4rem; }
.contact-form .input-wrapper input				{ background-color: transparent; border: 1px solid #707070; border-radius: 5px; font-size: 18px; color: #707070; font-family: "riforma-regular"; padding: 2.2rem 2.3rem; line-height: 1; outline: none; width: 100%; }
.contact-form .input-wrapper input::placeholder	{ font-size: 18px; color: #707070; font-family: "riforma-regular"; }
.contact-form .input-wrapper textarea			{ background-color: transparent; border: 1px solid #707070; border-radius: 5px; font-size: 18px; color: #707070; font-family: "riforma-regular"; padding: 2.2rem 2.3rem; line-height: 1; outline: none; width: 100%; min-height: 14rem; }

.contact-form .align-right						{ text-align: right; padding-top: 5.5rem; }

.contact-form .button-wrapper					{ border: 1px solid #000; border-radius: 22px; position: relative; display: inline-block; line-height: 1; position: relative; }
.contact-form .button-wrapper:after				{ content: "\2192"; position: absolute; right: 4rem; top: 1rem; }
.contact-form .button-wrapper button			{ border: none; padding: 1rem calc(var(--gp-sides) + 2rem) 1rem var(--gp-sides); background: transparent; outline: none; font-family: "riforma-regular"; font-size: 20px; color: #000; }
.contact-form .button-wrapper button:hover		{ cursor: pointer; color: #fff; }

.contact-form .button-wrapper:hover				{ border: 1px solid #000; border-radius: 22px; background-color: var(--c-main); }
.contact-form .button-wrapper:hover:after		{ color: #fff; }

.success-message								{ display: none; }




/* Pipedrive form */
.pipedrive-wrapper								{ padding: 7.2rem var(--gp-sides); text-align: center; }
.pipedrive-wrapper iframe						{  }






/* Colors */

.white											{ background-color: #fff; }
.pattens-blue									{ background-color: var(--color-pattens-blue); }
.magnolia										{ background-color: var(--color-magnolia); }
.electric-indigo								{ background-color: var(--color-indigo-dark); }
.provincial-pink-light							{ background-color: var(--color-provincial-pink-light); }
.lavender										{ background-color: #EFE5FB; }
.dark-vanilla									{ background-color: #D1B9AC; }
.unbleached-silk								{ background-color: #F9DFCE; }
.vivid-gamboge									{ background-color: #FF9900; }
.cool-black										{ background-color: #032B67; }
.pastel-blue									{ background-color: #AFC3CF; }
.wild-blue-yonder								{ background-color: #9BB0CE; }
.dark-slate-gray								{ background-color: #355449; }
.light-silver									{ background-color: #D0DAD7; }
.platinum										{ background-color: #E2E5E4; }
.silver-sand									{ background-color: #C4C4C4; }
.gainsboro										{ background-color: #DCDCDC; }
.platinum-2										{ background-color: #E5E5E5; }
.ghost-white									{ background-color: #F9F9F9; }
.black											{ background-color: #000000; }


/* Content text color options */

.text-content									{ position: relative; z-index: 100; }
.text-color-white .text-content,
.text-color-white .text-content a,
.text-color-white ul a,
.text-color-white .block-cta a,
.text-color-white .step-item .text-wrapper a,
.text-color-white .cta--big,
.text-color-white .ml-form-embedSubmit button,
.text-color-white .contact-form input[type="text"],
.text-color-white .contact-form input[type="email"],
.text-color-white .contact-form textarea,
.text-color-white .text-cta a,
.text-color-white.page-footer h3,
.text-color-white.page-footer p,
.text-color-white .footer-small-details a,
.text-color-white.newsletter .input__text input,
.text-color-white.newsletter .input__text input::placeholder,
.text-color-white .article-data__category,
.text-color-white .title h3 a,
.text-color-white .text-content h1				{ color: #fff; }

.text-color-black .text-content,
.text-color-black .block-cta a,
.text-color-black ul a,
.text-color-black .cta--big,
.text-color-black .ml-form-embedSubmit button,
.text-color-black .contact-form input[type="text"],
.text-color-black .contact-form input[type="email"],
.text-color-black .contact-form textarea,
.text-color-black .text-cta a,
.text-color-black.page-footer h3,
.text-color-black.page-footer p,
.text-color-black .footer-small-details a,
.text-color-black.newsletter .input__text input,
.text-color-black.newsletter .input__text input::placeholder,
.text-color-black .title h3 a,
.text-color-black .text-content h1				{ color: var(--c-main); }

.text-color-violet .text-content,
.text-color-violet .text-content a,
.text-color-violet .block-cta a,
.text-color-violet .step-item .text-wrapper a,
.text-color-violet ul a,
.text-color-violet.page-footer h3,
.text-color-violet.page-footer p,
.text-color-violet .cta--big,
.text-color-violet .ml-form-embedSubmit button,
.text-color-violet .contact-form input[type="text"],
.text-color-violet .contact-form input[type="email"],
.text-color-violet .contact-form textarea,
.text-color-violet .text-cta a,
.text-color-violet .footer-small-details a,
.text-color-violet.newsletter .input__text input,
.text-color-violet.newsletter .input__text input::placeholder,
.text-color-violet .title h3 a,
.text-color-violet .text-content h1				{ color: var(--c-violet); }

.text-color-white .block-cta,
.text-color-white .text-content a,
.text-color-white .text-cta.text-cta__1 a,
.text-color-white .step-item .text-wrapper a,
.text-color-white .benefit__steps .step-item,
.text-color-white .ml-form-embedSubmit button,
.text-color-white .contact-form input[type="text"],
.text-color-white .contact-form input[type="email"],
.text-color-white .contact-form textarea,
.text-color-white.block--locations header,
.text-color-white.block--carousel .carousel-wrapper,
.text-color-white.block--carousel .custom-ctrl,
.text-color-white.block--q-and-a .accordion__title,
.text-color-white.block--q-and-a .accordion__content:last-of-type,
.text-color-white.newsletter .input__text input,
.text-color-white.block--plain-text-title--line .block-content-wrapper,
.text-color-white .cta--big						{ border-color: #fff; }

.text-color-black .block-cta,
.text-color-black .text-cta.text-cta__1 a,
.text-color-black .benefit__steps .step-item,
.text-color-black .ml-form-embedSubmit button,
.text-color-black .contact-form input[type="text"],
.text-color-black .contact-form input[type="email"],
.text-color-black .contact-form textarea,
.text-color-black.block--locations header,
.text-color-black.block--carousel .carousel-wrapper,
.text-color-black.block--carousel .custom-ctrl,
.text-color-black.block--q-and-a .accordion__title,
.text-color-black.block--q-and-a .accordion__content:last-of-type,
.text-color-black.newsletter .input__text input,
.text-color-black.block--plain-text-title--line .block-content-wrapper,
.text-color-black .cta--big						{ border-color: var(--c-main); }

.text-color-violet .block-cta,
.text-color-violet .text-content a,
.text-color-violet .text-cta.text-cta__1 a,
.text-color-violet .step-item .text-wrapper a,
.text-color-violet .benefit__steps .step-item,
.text-color-violet .ml-form-embedSubmit button,
.text-color-violet .contact-form input[type="text"],
.text-color-violet .contact-form input[type="email"],
.text-color-violet .contact-form textarea,
.text-color-violet.block--locations header,
.text-color-violet.block--carousel .carousel-wrapper,
.text-color-violet.block--carousel .custom-ctrl,
.text-color-violet.block--q-and-a .accordion__title,
.text-color-violet.block--q-and-a .accordion__content:last-of-type,
.text-color-violet.newsletter .input__text input,
.text-color-violet.block--plain-text-title--line .block-content-wrapper,
.text-color-violet .cta--big					{ border-color: var(--c-violet); }

.block--carousel .custom-ctrl:hover				{ border-color: var(--c-violet); }

.text-color-white .article-data__date			{ color: rgba(255, 255, 255, 0.65); }

.text-color-white .article-data__category::before	{ background-color: #fff; }




/* FOOTER
-------------------------------------------------------------- */

.page-footer						{ padding: 6rem var(--gp-sides); position: relative; }
.page-footer::after					{ content: ""; position: absolute; width: 100%; height: 5px; background-color: var(--c-indigo-dark); left: 0; bottom: 0; }
.page-footer h3						{ margin-bottom: 2.3rem; font-size: var(--heading-3); }
.page-footer h3 a					{ color: var(--c-main); }
.page-footer ul						{ list-style: none; margin: 0; padding: 0; }
.footer-contact p					{ font-size: var(--body-3); }


.footer-menu						{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: calc(var(--gp-sides) * 2) calc(var(--gp-sides) / 2); justify-content: space-between; padding-bottom: 12rem; }
.footer-menu li						{ margin-bottom: 0.7rem; }
.footer-menu a						{ color: var(--text-color-main); font-size: var(--font-size-small); font-size: var(--body-3); }
.footer-menu a:hover				{ color: var(--text-color-hover); text-decoration: none; }


.footer-small-details				{ display: flex; flex-wrap: nowrap; justify-content: space-between; font-size: var(--body-3); }
.footer-small-details p				{ margin-bottom: 0; margin-right: calc(2 * var(--gp-sides)); float: left; }
.footer-small-details p:last-of-type{ margin-right: 0; }
.footer-small-details a				{ border-bottom: none; }
.footer-small-details a:hover		{ color: var(--text-color-hover); border-bottom: none; text-decoration: none; }


.social-media-icons					{  }
.social-media-icons a				{ text-decoration: none; display: inline-block; width: 2.5rem; height: 2.5rem; background-position: center center; background-repeat: no-repeat; margin: 0 4px; }
.social-media-icons .twitter		{ background-image: url(../img/icon-x.svg); background-size: auto 62%; }
.social-media-icons .facebook		{ background-image: url(../img/icon-facebook.svg); background-size: auto 60%; }
.social-media-icons .linkedin		{ background-image: url(../img/icon-linkedin.svg); background-size: auto 70%; }
.social-media-icons .instagram		{ background-image: url(../img/icon-instagram.svg); background-size: auto 68%; }





/* MEDIA QUERIES
-------------------------------------------------------------- */

@media only screen and (max-width : 1400px)	{

	/* Main navigation */
	.main-menu__list a								{ padding: 0 calc(var(--gp-sides) / 2.5); }

}

@media only screen and (max-width : 1280px)	{

	/* Main navigation */
	.main-menu__list a								{ padding: 0 1rem; }

}

@media only screen and (max-width : 1180px)	{

	/* Main navigation */
	.main-menu__list a								{ padding: 0 0.5rem; }

}

@media only screen and (max-width : 1024px) {

	/* Hide main nav and show mobile nav */
	.main-menu__list,
	.main-menu .cta,
	.site-switcher,
	.main-menu--side .cta,
	.main-menu--side .lang-switcher					{ display: none; }
	.burger-icon									{ display: block; }


	/* Block 50/50 + image */
	.block-img-5050									{ padding: 7.2rem calc(var(--gp-sides) * 2) 19.2rem calc(var(--gp-sides) * 2); }


}

@media only screen and (max-width : 960px) {

	:root	{
		/* Global padding */
		--gp-sides: 2rem;
	}


	/* Block three-column icons */
	.block-three-col-icons .cols					{ grid-template-columns: repeat(2, 1fr); grid-gap: 8rem var(--gp-sides); }



	/* Block body */
	.block-body										{ padding: 7.2rem calc(var(--gp-sides) * 2) 19.2rem calc(var(--gp-sides) * 2); }



	/* Contact form */
	.contact-form-wrapper .form-wrapper				{ padding: 6rem 4rem; }
	.contact-form .form-flex						{ grid-template-columns: repeat(1, 1fr); grid-gap: calc(var(--gp-sides) * 2) var(--gp-sides); margin-bottom: calc(var(--gp-sides) * 2); }
	
	.contact-form .button-wrapper button			{ border: none; padding: 1rem calc(var(--gp-sides) + 2rem) 1rem calc(var(--gp-sides) + 2rem); }
	.contact-form .button-wrapper:after				{ right: 3rem; }



	/* Block 50/50 + image */
	.block-img-5050 .cols							{ flex-wrap: wrap; }
	.block-img-5050 .cols__col:first-child			{ width: 100%; margin-bottom: calc(var(--gp-sides) * 2); }
	.block-img-5050 .cols__col:last-child			{ width: 100%; padding-left: 0; }



	.footer-small-details							{ flex-wrap: wrap; }
	.footer-small-details .flex-item				{ width: 100%; text-align: left; }
	.footer-small-details .flex-item p				{ width: 100%; text-align: left; margin-bottom: 1.5rem; }

}

@media only screen and (max-width : 820px) {


	/* Block title */
	.block-title									{ padding: 8rem var(--gp-sides) 2.4rem var(--gp-sides); }
	.block-title .powered-by						{ text-indent: 0; }



	/* Block hero image */
	.block-hero-img									{ padding: 4.5rem var(--gp-sides); }



	/* Gradient block */
	.block-gradient									{ padding: 12rem var(--gp-sides) 12rem var(--gp-sides); }
	.block-gradient .cols							{ grid-template-columns: repeat(1, 1fr); grid-gap: var(--gp-sides) var(--gp-sides); }


	/* Block two-column cards */
	.block-two-column-cards							{ padding: 4.5rem var(--gp-sides); }
	.block-two-column-cards .cols					{ flex-wrap: wrap; }
	.block-two-column-cards .cols__col				{ width: 100%; }
	.block-two-column-cards .cols__col:first-of-type{ margin-bottom: calc(var(--gp-sides) * 2); }
	
	

	/* Block workflow */
	.block-flow										{ padding: 4.5rem calc(var(--gp-sides) * 2) 12rem calc(var(--gp-sides) * 2); }
	.block-flow .flow-step							{ flex-wrap: wrap; margin-bottom: calc(var(--gp-sides) * 2); }
	.block-flow .flow-step .txt-wrapper				{ width: 100%; }
	.block-flow .flow-step .img-wrapper				{ margin-bottom: 1.4rem; }


	.block-flow--horizontal .flow-flow				{ grid-template-columns: repeat(1, 1fr); }


	/* Block latest news */
	.block-latest-news								{ padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); }
	.block-latest-news .blog-listing				{ grid-template-columns: repeat(1, 1fr); grid-gap: 10rem var(--gp-sides); }



	/* Block heading */
	.block-heading									{ padding: 4.5rem var(--gp-sides); }



	/* Block tag cloud */	
	.block-tag-cloud								{ padding: 4.5rem 0 12rem 0; }

	.block-tag-cloud .cloud-wrapper					{ padding: 12rem var(--gp-sides); margin-top: -12rem; margin-bottom: -12rem; }
	
	.block-tag-cloud .cols							{ flex-wrap: wrap; padding: 4.5rem calc(var(--gp-sides) * 2) 0 calc(var(--gp-sides) * 2); }
	.block-tag-cloud .cols__col						{ width: 100%; }
	.block-tag-cloud .cols__col:first-of-type		{ width: 100%; }



	/* Block overlapping image */
	.block-overlapping-img							{ padding: 4.5rem 0 12rem 0; }
	.block-overlapping-img .block-heading			{ padding: 4.5rem var(--gp-sides) 15.6rem var(--gp-sides); }

	.block-overlapping-img .block-img				{ margin: -12rem auto 4rem auto; padding: 0 calc(var(--gp-sides) * 2); }

	.block-overlapping-img .block-txt				{ padding: 0 calc(var(--gp-sides) * 2); }
	.block-overlapping-img .block-txt h3			{ margin-bottom: 1em; }



	/* Block three-column icons */
	.block-three-col-icons							{ padding: 4.5rem var(--gp-sides); }



	/* Block 50/50 + image */
	.block-img-5050									{ padding: 4.5rem calc(var(--gp-sides) * 2) 12rem calc(var(--gp-sides) * 2); }


	
	/* Block two-column images */
	.block-two-column-imgs							{ padding: 4.5rem var(--gp-sides); }
	.block-two-column-imgs .cols					{ flex-wrap: wrap; }
	.block-two-column-imgs .cols__col				{ width: 100%; }
	.block-two-column-imgs .cols__col:first-of-type	{ margin-bottom: calc(var(--gp-sides) * 2); }



	/* Block overlapping image */
	.block-overlapping-img .block-img,
	.block-overlapping-img .block-txt				{ padding: 0 calc(var(--gp-sides) * 2); }
	
	
	
	/* Block heading + body */
	.block-heading-body								{ padding: 4.5rem calc(var(--gp-sides) * 2) 12rem calc(var(--gp-sides) * 2); }
	.block-heading-body .cols						{ flex-wrap: wrap; }
	.block-heading-body .cols__col					{ width: 64%; }
	.block-heading-body .cols__col:first-of-type	{ width: 30%; }
	
	
	
	/* Block tag cloud */
	.block-tag-cloud .cols							{ flex-wrap: wrap; padding: 4.5rem calc(var(--gp-sides) * 2) 0 calc(var(--gp-sides) * 2); }
	.block-tag-cloud .cols__col						{ width: 64%; }
	.block-tag-cloud .cols__col:first-of-type		{ width: 30%; }
	


	/* Block visit */
	.block-visit									{ padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); }

	
	
	/* Block body */
	.block-body										{ padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); }


	/* Contact block */
	.contact-form-wrapper							{ padding: 4.5rem var(--gp-sides); }


	.footer-menu									{ grid-template-columns: repeat(2, 1fr); padding-bottom: 8rem; }
	
}

@media only screen and (max-width : 640px) {

	:root	{
		/* Font sizes */
		--heading-3: 1.1em;		/* 24px */
		--heading-2: 1.2em;		/* 32px */
		--heading-1: 1.6em;		/* 40px */
		--title: 2em;			/* 48px */
	}


	/* Block three-column icons */
	.block-three-col-icons .cols					{ grid-template-columns: repeat(1, 1fr); grid-gap: calc(var(--gp-sides) * 3) var(--gp-sides); text-align: center; }
	.block-three-col-icons .cols .img-wrapper img	{ margin-left: auto; margin-right: auto; }
	.block-three-col-icons header h2				{ text-align: center; }



	/* Block overlapping image */
	.block-overlapping-img .block-img,
	.block-overlapping-img .block-txt				{ padding: 0 var(--gp-sides); }



	/* Block workflow */
	.block-flow										{ padding: 4.2rem var(--gp-sides) 12rem var(--gp-sides); }



	/* Block heading + body */
	.block-heading-body .cols__col					{ width: 100%; }
	.block-heading-body .cols__col:first-of-type	{ width: 100%; margin-bottom: calc(var(--gp-sides) * 2); }
	
	
	
	/* Block tag cloud */
	.block-tag-cloud .cols__col						{ width: 100%; }
	.block-tag-cloud .cols__col:first-of-type		{ width: 100%; margin-bottom: calc(var(--gp-sides) * 2); }
	
	
	
	/* Block visit */
	.block-visit .block__content					{ padding: 4.2rem var(--gp-sides) 4rem var(--gp-sides); }
	.block-visit p:last-of-type a					{ color: #355449; border: 1px solid #355449; border-radius: 22px; padding: 1rem var(--gp-sides) 1rem var(--gp-sides); }
	.block-visit p:last-of-type a::after			{ background-image: none; }


	.footer-menu									{ grid-template-columns: repeat(1, 1fr); padding-bottom: 6rem; }

}



/* COOKIE BOT
-------------------------------------------------------------- */

#CybotCookiebotDialog												{ line-height: 1.5; font-family: var(--ff-body) !important; color: var(--c-main); padding: var(--gp-sides) !important; }
#CybotCookiebotDialogHeader											{ display: none !important; }
#CybotCookiebotDialogContentWrapper									{ margin: 0 !important; padding: 0 !important; }
#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper	{ max-width: 100% !important; }
#CybotCookiebotDialogTabContent										{ margin-left: 0 !important; }

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll	{ background-color: var(--c-violet) !important; border-color: var(--c-violet) !important; }

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, 
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, 
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, 
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, 
#CybotCookiebotDialogDetailBodyContentTextAbout a					{ color: var(--c-main) !important; border-bottom: 1px solid var(--c-violet) !important; font-weight: normal !important; }

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a:hover, 
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink:hover, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a:hover, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a:hover, 
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a:hover, 
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink:hover, 
#CybotCookiebotDialogDetailBodyContentTextAbout a:hover				{ color: var(--c-violet) !important; }

#CybotCookiebotDialog h2											{ font-family: "riforma-bold" !important; font-weight: normal !important; }

.CybotCookiebotDialogBodyLevelButtonWrapper strong					{ font-family: "riforma-medium" !important; font-weight: normal !important; }

#CybotCookiebotDialogBodyEdgeMoreDetailsLink						{ color: var(--c-violet) !important; font-family: "riforma-medium" !important; font-weight: normal !important; }

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive		{ border-bottom-color: var(--c-violet) !important; color: var(--c-violet) !important; }




/* -----------------------------------------------------------

	ANIMATIONS

----------------------------------------------------------- */



/*	60fps scrolling: http://www.thecssninja.com/javascript/pointer-events-60fps
----------------------------------------------------------- */

.disable-hover,
.disable-hover * 							{ pointer-events: none !important; }



/* 	Remove all animations and transitions for people who prefer not to see them.
----------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) 	{
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}