@font-face {
	font-family: 'Hind';
	src: url('/c/f/hind/hind-regular.ttf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;

}

@font-face {
	font-family: 'Lato';
	src: url('/c/f/lato/lato-italic.ttf') format('opentype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;

}

/* Bold */
@font-face {
	font-family: 'Hind';
	src: url('/c/f/hind/hind-bold.ttf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;

}
/* Light */
@font-face {
	font-family: 'Hind';
	src: url('/c/f/hind/hind-light.ttf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;

}
/* Light Italic */
@font-face {
	font-family: 'Lato';
	src: url('/c/f/lato/lato-lightitalic.ttf') format('opentype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;

}
/* Thin  */
@font-face {
	font-family: 'Lato';
	src: url('/c/f/lato/lato-thin.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
	font-display: swap;

}

/* w3-small @media (max-width:600px) */	
/* w3-medium @media (max-width:992px) and (min-width:601px) */
/* w3-large @media (min-width:993px) */

:root {
	color-scheme: dark light; /* both supported */
	--azure: rgb(0,170,230);
	--azureshine: rgb(51, 201, 255);
	--aqua: rgb(0,135,170);
	--red: rgb(160,20,90);
	--redshine: rgb(227, 28, 128);
	--green1: #12bab4; 
	--greenA: rgb(16, 161, 157);
	--green: rgb(0, 204, 197);
	--greenshine: rgb(21, 209, 203);
	--purple: rgb(147, 32, 223);
	--purpleshine: rgb(168, 77, 230);
	--black: rgb(34,34,34);
	--blackshine: rgb(34,34,34);
	--white:rgb(255,255,255);
	--greylight: rgb(217, 217, 217);
	--grey:rgb(153, 153, 153);
	--gradientdark: linear-gradient(145deg, rgba(0,0,0,0.04), rgba(0,0,0,.1));

	--contentwidth: 1280px;
	--boxshadow: -.25rem -.25rem .5rem rgba(255,255,255,.1), .25rem .25rem .5rem rgba(0,0,0,.15);
	
}
* {
    padding: 0;
    margin: 0;
    border: 0;
	}

html, body {
	font-size:initial;
	font-size: 1.1rem;
	font-family:'Hind', sans-serif;
	font-weight: 300;
	font-style: normal;
	
	min-height:100vh;
	
	background:#fff;
	color:var(--black);
	
	/* margin: 0; Drop these?*/
    padding: 0;
    border: 0;

    vertical-align: baseline;
	outline: 0;
	
	transition-duration: .3s;
}

  

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

/*OVER-RIDES */
figure {margin:0;display:flex;flex-flow:column;}


body > div#page-content > div:has(section) {
	background:#f9f9f9;
	margin-top:1rem; /*to create the white section break*/

}

.biography {margin-top:0;}
.topics {background:#f2f2f2!important;}
.videos {background:#000!important;}
.testimonials {background:var(--black)!important;padding-bottom:4rem;}
.world-class-events {background-color:var(--red)!important;margin-bottom:1rem;}


h1 {
	font-size:2rem;
	font-weight:400;
	text-transform: uppercase;
	color:var(--white);
	text-align: center;	
}
@media (min-width: 993px) {
	h1 {
		font-size:3rem;
		font-weight: 700;
	}
}
h2 {
	font-size:2.25rem;
	font-weight: 700;
	line-height: 1.125;
	color:var(--black);
	margin-top:1rem;
	margin-bottom:1rem;
	font-style: normal;
	text-transform:none;
}

section#elevate-events h2 {text-align:center;color:var(--white);}

p {
	/* font-size: .9375rem; */
	font-size: 1.1rem;
	line-height: 1.4;
	color:var(--black);
	font-weight: 300;
}



figure > figcaption {
	background-color: var(--black);
	color: var(--white);
	font-size: smaller;
	/* padding: .1rem; */
	text-align: center;

}

.content, section, section.fullwidth, header {
	display:block;
	position:relative;
	max-width:var(--contentwidth);
	margin:auto;
	outline: 0;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:3rem;
	padding-bottom: 4rem;
}

section.fullwidth {
	width:100%;
	padding-left:0;
	padding-right:0;
}

section .subsection {
	display:grid;
	width:100%;
	grid-template-columns: 100%;	
	grid-template-areas:
		"image" 
		"text";
	grid-gap:1.5rem;
}	
section .subsection > .image {grid-area:image;}
section .subsection > .text {grid-area:text;}

section .subsection p {margin-bottom:1rem;}
section .subsection p:last-of-type {margin-bottom:0;}
section .subsection .image img {height: 100%;width: 100%;object-fit: cover;}

.discourse > section {display:grid;grid-template-columns: 1fr;column-gap:2rem;}
.discourse > section .article h2:not(h2:first-of-type) {margin: 2rem 0 .5rem 0;}
.discourse > section .associated {margin-top:3rem;}
.discourse > section .associated figure {margin-bottom:1rem;}
.discourse > section img {object-fit: scale-down;max-width:100%;}



/* w3-large */
@media (min-width:993px) {
	section h2:nth-of-type(2) {
		margin-top:3rem;	
	}
	section .subsection {
		grid-template-columns: 1fr 2fr;
		grid-template-areas:"image text";
	}
	section .subsection:nth-of-type(even) {
		grid-template-columns: 2fr 1fr;
		grid-template-areas:"text image";
	}
	section .subsection .text > div {
		/* color:black; */
		width: inherit;			
		/* Old Chrome, Safari and Opera */
		-webkit-column-count:2;
		-webkit-column-gap: 3rem;
		-webkit-column-rule: 1px solid var(--aqua);
		/* Old Firefox */
		-moz-column-count: 2;
		-moz-column-gap: 3rem;
		-moz-column-rule: 1px solid var(--aqua);
		/* Standard syntax */
		column-count: 2;
		column-gap: 3rem;
		column-rule: 1px solid var(--aqua);
		text-align:justify;
	}

	.discourse > section {grid-template-columns: 1fr 33%;}
	.discourse > section .associated {margin-top:0;}
}

ul {
	list-style-type: none;
}


ul.grid-cards {
	display:grid;
	width:100%;
	grid-template-columns: 100%;
	grid-template-rows: auto;		
	grid-row-gap:2.5rem;
	padding-left:unset;
}
ul.grid-cards li {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	margin: unset;
	
}

ul.grid-cards > li > a:not(.cta), section#online ul.grid-cards > li:first-of-type {
	position: relative;
	z-index: 1;
	
	display:grid;
	grid-template-columns:100%;
	grid-template-rows:auto;
	grid-template-areas:
		"image"
		"heading"
		"text";
	grid-row-gap:.15rem;
	color:inherit;
	font-size:inherit;
	text-decoration: inherit;
	cursor:pointer;
}

ul.grid-cards a:hover:not(.cta) {background:var(--white);}
ul.grid-cards > li > a:hover:not(.cta) h3, ul.grid-cards > li > a:hover:not(.cta) p {color:var(--white);}

ul.grid-cards > li > a::before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:inherit;
	border-radius:.2rem;
	z-index:-1;
	transition: transform .7s;
}
ul.grid-cards > li > a:hover::before {
	background-color:var(--green);
	transform:scale3d(1.1,1.1,1);
}



ul.grid-cards img {
	grid-area:image;
	width: 100%;
	height:auto;
}

ul.grid-cards h3 {
	grid-area:heading;
	padding-right:2rem;
	font-size:1.5rem;
	margin-top:.5rem;
	margin-bottom:unset;
	line-height:1.1;
	color:var(--azure);
	font-weight: 700;
	text-transform: none;
	word-spacing:unset;
}


ul.grid-cards li > p, ul.grid-cards li > div {
	grid-area:text;
	padding-right:2rem;
	color: var(--black);
	font-size: 1.1rem;
	font-weight:300;
}

ul.grid-cards > li > a > p:last-of-type::after {
	content: url('/i/i/arrow-right.svg');
	vertical-align: middle;
	display: inline-flex;
	height: 1.3rem;
	color:var(--green);
	/* width:1.5rem; */
}

@media (min-width:993px) {
	ul.grid-cards {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: auto;		
		grid-column-gap:2.5rem;
		grid-row-gap:1.5rem;
	}
	.associated > ul.grid-cards {grid-template-columns:1fr;}
}

figure.speaker {
	max-width:412px;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows:auto;
	row-gap:.25rem;
	grid-template-areas:
	"speaker name"
	"topics more"; 
	align-content:start;
	justify-content:center;

	background-color:var(--aqua);
	padding:.5rem;
	margin-bottom:1rem;
	/* background-image: url('/img/l/arrow-210.svg');
	background-repeat:no-repeat;
	background-position: right bottom;*/
}

ul.grid-cards > li > a:hover > figure.speaker {
	background-color: transparent;
}

ul.grid-cards > li > a:hover > figure.speaker > span {
	border:1px solid var(--white);
	background-color: transparent;
}

figure.speaker > img {
	grid-area:speaker;
	object-fit: scale-down;
    max-width: 100%;
}

figure.speaker > figcaption {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows:auto;
	column-gap:0;
	grid-template-areas:
		"firstname lastname";
	background:none;
}
figure.speaker > figcaption > span:first-of-type {
	grid-area:firstname;
	display:inline-block;
	align-self:start;
	justify-self: end;

	-ms-writing-mode: tb-lr;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari prior 9.0 */
	transform: rotate(180deg);
	-webkit-transform-origin: center;
	transform-origin: center;

	white-space: nowrap;
	font-size:3rem;
	color:var(--white);
	line-height: .85;
	font-weight:600;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

figure.speaker > figcaption > span:nth-of-type(even) {
	grid-area:lastname;
	display:inline-block;
	align-self:start;
	justify-self: start;

	-ms-writing-mode: tb-lr;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Safari prior 9.0 */
	transform: rotate(360deg);
	-webkit-transform-origin: center;
	transform-origin: center;

	white-space: nowrap;
	font-size:3rem;
	color:var(--black);
	line-height: .85;
	font-weight:600;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

figure.speaker > ul {
	grid-area:topics;
	text-align:right;
	list-style-type: none;
	font-weight:300;
	padding:4px 0;
	color:var(--white);
	font-style:italic;
}
figure.speaker > ul li {
	line-height:1.3;
	text-decoration:none;
}

figure.speaker > span {
	grid-area:more;
	align-self:center;
	position: relative;
	display:inline-grid;
	grid-template-columns:min-content min-content;
	grid-template-rows:1fr;
	margin:1rem .5rem 1rem 1rem;
	padding:1rem .5rem;
	max-height:min-content;
	border:1px solid transparent;
	background-color:var(--green);
	color:var(--white);
	text-transform:uppercase;
	text-decoration: none;
	border-radius:.2rem;
	z-index:1;
	
}

figure.speaker > a:hover {cursor: pointer;}

figure.speaker > a::before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:var(--green);
	
	box-shadow: var(--boxshadow);
	border-radius:.2rem;
	z-index:-1;
	transition: transform .7s;
}
figure.speaker > a:hover::before {transform:scale3d(1.1,1.1,1);}

/* Speaker Page Start */ 
div.header {
	max-width: 100vw;
	background:black;
	margin-top:76px;
}	

header {
	padding-top:unset;
	padding-bottom:unset;
	margin-top:unset;
	margin-bottom:unset;
		
	position:relative;
	display: grid;
	width: 100%;
	grid-template-columns:100%;
	grid-template-rows:auto auto;
	grid-template-areas:
		"image"
		"text";	
}

/* w3-large */
@media (min-width:993px) {
	header.splash {
		grid-template-columns:1fr 2fr;
		grid-template-rows:auto;
		grid-template-areas:"text image";
		grid-column-gap:4rem;
	}
}

header.splash .keynote-speaker {
	grid-area: text;
	height:inherit;	
	display:grid;			
	grid-template-columns:100%;
	grid-template-rows:auto auto;
	grid-template-areas:
		"keynote-speaker"
		"expertise";
	justify-content:start;
}

header.splash .keynote-speaker event-speaker {
	grid-area:keynote-speaker;
	align-self: end;
	font-size:4.5rem;
	line-height:1;
	margin-top: 0;
	margin-bottom: -.25rem;
	margin-left: -.2rem;
	color:var(--azure);	
	font-weight: 700;	
	font-style: normal;
	text-transform:none;
}

header.splash .keynote-speaker h1 {
	grid-area:expertise;
	color: #b0b2b4;
	font-size: 1.3rem;
	font-weight:400;
	text-align:unset;
	text-transform:unset;
}

header .photo {
	grid-area: image;
	position: relative;
	display: block;
	height: auto;
	background:var(--black);
	background-image:unset;
	overflow:hidden;
}
header .photo.background {background-image:  url('/i/stage-background.webp');}

header .photo .blend-left, header .photo .blend-right, header .photo .blend-bottom {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:50%;
	margin-left:-2px;
	background-image:linear-gradient(to right, #000 0%, rgba(0,0,0,0) 100%);
}
header .photo .blend-right {
	left:unset;
	margin-left:unset;
	margin-right:-2px;
	right:0;
	background-image:linear-gradient(to right, rgba(0,0,0,0) 0%, #000 100%);
}
header .photo .blend-bottom {		
	top:unset;
	bottom:0;
	height:50%;
	width: 100%;
	background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%);
}

header img {
	width:100%;
	height:45vh;
	object-fit: cover;
	object-position: center top;
	overflow:hidden;
}
header.splash img {height:55vh;}


/* Speaker Page End */ 


.icon {
    width: 2em;
    height: 2em;
    vertical-align: -0.125em;
	transition-duration: .3s;
}
svg.icons {
	display:inline-block;
	height:1.5rem;
	width:1.5rem;
	margin-left:.5rem;
}
p a {
	color:var(--azure);
	text-decoration:underline solid var(--azure) 1px;
	cursor: pointer;
}

p a:hover {
	color:var(--white);
	background-color: var(--green);
	text-decoration:none;
}

div.connect {justify-self:center;align-self:center;margin-top:2rem;}

button.cta, a.cta, input[type=submit].cta {
	position: relative;
	display:inline-grid;
	grid-template-columns:max-content max-content;
	grid-template-rows:1fr;
	margin:1rem;
	padding:1rem 1rem 1rem 2rem;
	min-height:max-content;

	min-width:2rem;

	background:var(--green);
	color:var(--white);
	text-transform:uppercase;
	text-decoration: none;
	
	font-family: inherit;
	font-size: inherit;
	font-weight:400;

	box-shadow: var(--boxshadow);
	border-radius:.2rem;
	z-index:1;
	
}
button.cta:hover, a.cta:hover, input[type=submit].cta:hover {
	cursor: pointer;
}

button.cta::before, a.cta::before, input[type=submit].cta::before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:inherit;
	
	box-shadow: var(--boxshadow);
	border-radius:.2rem;
	z-index:-1;
	transition: transform .7s;
}

button.cta:hover::before, a.cta:hover::before, input[type=submit].cta:hover::before {
	
	transform:scale3d(1.1,1.1,1);
	
}



/*Dialog*/
	
	dialog::backdrop {	
		background-color: rgb(34,34,34); /* Fallback color */
		background-color: rgba(34,34,34,0); /* Black w/ opacity */
		/* background-position: center 80px; */
		transition: all 0.7s allow-discrete;
	}
	dialog[open]::backdrop {background-color: rgba(34,34,34,.92);}
	@starting-style {dialog[open]::backdrop {background-color: rgba(34,34,34,0);}}

	dialog {		
		background-color: #fefefe;
		outline:none;
		margin: auto;
		margin-top:80px;
		padding: 1rem;
		padding-bottom:4rem;
		border: 1px solid var(--azure);
		/* width: 90%; */
		max-width:calc(var(--contentwidth) - 4rem);
		/* min-height:calc(100vh - 100px); */
		height:100%;
		grid-template-columns: auto 3rem;
		grid-template-rows: 3rem repeat(2, auto) 3rem;
		grid-row-gap:.5rem;
		grid-template-areas:
			"heading closetop"
			"image image"
			"copy copy"
			"cta closebottom";

		opacity:0;
		transition: all .7s allow-discrete; 
	}
	dialog[open] {display:grid;opacity:1;}
	@starting-style {dialog[open] {opacity: 0;}}

	@media (min-width:993px) {
		dialog {
			grid-template-columns: auto auto 48px;
			grid-template-rows: 3rem auto 3rem auto 3rem;
			/* grid-row-gap:.5rem; */
			grid-column-gap:1.5rem;
			grid-template-areas:
				"heading heading closetop"
				"copy image image"
				"copy cta cta"
				"copy . ."
				". . closebottom";
		}
	}

	

	dialog > div {
		grid-area:copy;
	}
	dialog h3 {
		grid-area:heading;
		color:var(--azure);
	}
	dialog h4 {
		line-height:1.1;
		color:var(--black);
		font-size:unset;
		font-weight:700;
		font-variant:unset;
	}
	
	dialog p {margin-bottom:1rem;}
	dialog p:last-of-type {margin-bottom:0;}

	dialog ul {margin-left: 3ch;list-style-type: square;}

	dialog img {
		grid-area:image;
		width: 100%;
    	height: auto;
	}

	dialog button.dialog-close {		
		font-size:2rem;
		color:var(--red);	
		cursor:pointer;
		/* background-color: transparent; */
		border:1px solid gray;
		border-radius:.25rem;
		padding-top:0;
	}
	dialog button.dialog-close:first-of-type {grid-area:closetop;}
	dialog button.dialog-close:last-of-type {grid-area:closebottom;}

	dialog button.cta, dialog a.cta {
		grid-area:cta;
		justify-self: center;
		margin:0;
	}




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

section#videos h2 {
	color:#b0b2b4;
	padding-left:1rem;
	padding-right:1rem;
}
.grid-videos {
	display:grid;
	grid-template-columns:auto;
	grid-template-rows:auto;
	grid-template-areas:
		"player"
		"library" ;
	grid-row-gap:1.5rem;
}

.grid-videos ul.library {
	grid-area:library;
	align-self:start;
	display:grid;
	grid-template-columns:repeat(3, 1fr);	
	grid-template-rows:	auto;
	grid-column-gap:1rem;

	list-style-type: none;
	padding-left: unset;
}

.grid-videos .library li {
	position: relative;
	cursor: pointer;
	height:max-content;
	margin:unset;
}
.grid-videos .library li img {
	/* position: relative; */
	width:100%;
	height:100%;
	vertical-align:unset;
}

.grid-videos .library li > h4 {
	position: absolute;
	bottom:0;
	color:var(--azure);
	background:rgba(0,0,0,.5);
	width:100%;
	text-align:center;
	font-weight:700;
	
	margin:unset;
	line-height: unset;
	font-variant: unset;
	font-size:unset;

}
.grid-videos .library li > h4:before {
	display:inline-block;
	content: url("/i/i/play.svg");
	height:1ch;
	width:1ch;
	margin-right:.5ch;

}

.grid-videos .library li:hover > h4 {
	color:var(--green);
}

 .vplayer {
	grid-area:player;
	background:#000;
	/* align-self: center; */
	
}

@media (min-width:993px) {
	section#videos.fullwidth {
		width:unset;
		padding-left:1rem;
		padding-right:1rem;
	}
	section#videos h2 {
		padding-left:0;
		padding-right:0;
	}
	.grid-videos {
		display:grid;
		grid-template-columns:1fr 4fr;
		grid-template-rows:auto;
		grid-template-areas:"library player";
		grid-column-gap:1.5rem;
	}
		.grid-videos ul.library {
		grid-area:library;
		display:grid;
		grid-template-columns:100%;
		grid-template-rows:auto;		
		grid-row-gap:1.5rem;
	}
	.grid-videos .library li img {
		position: relative;
		width:100%;
	}
}

.reviews {		
	display:flex;
	width:100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: unset;
	align-items:unset;

	--scrollbar-track-color: var(--azure);
	--scrollbar-track-thumb-hover:white;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overflow-x: scroll;
	/* scroll-snap-align: start; */		
}

.reviews::-webkit-scrollbar {height:.25rem;}
  .reviews::-webkit-scrollbar-track {border-bottom:0px dashed var(--scrollbar-track-color);border-right:0px solid var(--scrollbar-track-color);border-left:0px solid var(--scrollbar-track-color);}
  .reviews::-webkit-scrollbar-thumb {background:var(--scrollbar-track-color);border-radius:50%;}
  .reviews::-webkit-scrollbar-thumb:hover {background:var(--scrollbar-track-thumb-hover);cursor:pointer;}

.testimonials h2, .testimonials .review .description h3, .testimonials .review .description p {
	color:rgba(255,255,255,.75);
}
.review {
	display:grid;
	/* margin-top:0; */
	scroll-snap-align: start;
	min-width: 100%;
	
	padding:.5rem;
	grid-template-columns: .1rem auto;
	grid-template-rows: 1fr 3rem;
	column-gap:0;
	row-gap:1rem;
	justify-items:end;
	/* margin-bottom:1rem; */
	
	font-weight: 300;
	font-size: 1.5rem;
	font-style: italic;
	color:rgba(255,255,255,.75);
}

.review .testimonial {display:block;grid-area: 2 / 2; }

.review .testimonial .name, .review .testimonial .company {
	line-height:1.1;
	font-size:.8rem;
}

.review .testimonial .company {
	font-weight:400;
	font-size:1rem;
}

.review .openquote, .review .closequote {font-size:4rem;color:var(--azure);}
.review .openquote {margin-top:-2rem;}
.review .closequote {margin-bottom:-2rem;}

.review .statement {padding:0;}

.review .statement q {font-weight:inherit;font-size:inherit;}
.review .statement q::before {content:'';}
.review .statement q::after {content:'';}
.review .statement q strong {font-weight:400;color:var(--azure);}


@media (min-width:993px) {
	.review {grid-template-columns:4rem auto;padding-right:4rem;}
	.review .statement {padding:0 .5rem;font-size:2rem;}	
}

.clients {
	display:block;
	width:100%;
	background:rgba(255,255,255,.75);
	overflow:hidden;

}
.brands {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	height:5rem;
	width:max-content;
	overflow:hidden;

	animation: scrollright 20s linear infinite;
}

.brands img {
	height:2rem;
	margin:1.5rem;
	filter:grayscale(100%)
}
@keyframes scrollright {
	0% { transform: translate3d(0px,0,0px);}
	100% { transform: translate3d(calc(-50%),0,0px);}
}

.article h3 {
	color:var(--azure);
	margin-top:2rem;

	line-height:unset;
	font-size: unset;
	font-weight: 700;
	
	text-transform: unset;
	
	word-spacing: unset;
	margin-bottom:unset;
}

.article h3:first-of-type {margin-top:0;}
.article p {margin-bottom:1rem;}
.article p:last-of-type {margin-bottom:0;}
.article ul {margin-left:3ch;list-style-type: square;padding-left:unset;}
.article ol {margin-left:1.5ch;list-style-type: decimal;padding-left:unset;}
.article ol li {padding-left:1ch;}
.article strong {font-weight:700;}

.article .grid {
	display:grid;
	width:100%;
	grid-template-columns: 100%;
	grid-template-rows: auto;		
	grid-row-gap:2.5rem;
}
@media (min-width:993px) {
	.article .grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;		
		grid-column-gap:2.5rem;
		grid-row-gap:1.5rem;
	}
}
.contact-form {
	height:100%;
	width:100%;
	background-color:white;
}
.contact-form > form {
	padding:2rem;
}
.contact-form > form > label {
	display:block;
}
.contact-form > form input, .contact-form > form textarea {
	border:1px solid gray;
	border-radius:.5rem;
}

.online, .more-business-topics {
	background:var(--black)!important;
}

@media (min-width: 993px) {
		.more-business-topics ul.grid-cards {
			grid-template-columns: repeat(3, 1fr);
		}

	}

.online h2, .more-business-topics h2, .online ul.grid-cards *, .more-business-topics ul.grid-cards *{
	color: #f9f9f9;
}

.more-business-topics section ul.grid-cards > li > a > p:last-of-type::after {
	content: url('/i/i/arrow-right.svg');
	vertical-align: middle;
	display: inline-flex;
	height: 1.3rem;
}


.online ul.grid-cards ul {
	font:inherit;
	/* font-size:inherit; */
	margin-left:2ch;
	list-style-type: square;
}
.online ul.grid-cards h3, .more-business-topics ul.grid-cards h3 {
	color:var(--aqua);
}


section#online ul.grid-cards > li:first-of-type {
	cursor:unset;
}

section#online ul.grid-cards > li:first-of-type  a.external-link {

	display:inline-block;
	text-decoration:underline dashed var(--green) 1px;

}

section#online ul.grid-cards > li:first-of-type  a.external-link:hover {

	cursor: pointer;
	background:var(--green);
}

address, address * {
	display:block;
	font-weight: inherit;
	font-style: normal;
}
address > * {margin-left:.25rem;}
address > person {
	font-weight:400;
	color:var(--aqua);
}
address a {text-decoration:none;color:inherit;}
address a > svg {
	display:inline-block;
	height:1rem;
	width:1rem;
}
form#contact {
	position:relative;
	grid-area:copy;
	max-width:30rem;
	display:grid;
	grid-template-columns:1fr max-content;
	grid-template-rows:auto;
	grid-template-areas:
		"lname mname"
		"iname iname"
		"lemail memail"
		"iemail iemail"
		"ltext mtext"
		"itext itext"
		"output output"
		"cancel send";
	margin-left:auto;
	margin-right:auto;
	padding:0 .25rem .2rem .25rem;
	font-size:1rem;
	border-radius:.2rem;
	background-color:rgba(0,204,197,.3);
}

@media (min-width:993px) {
	form#contact {
		background-color:inherit;	
	}
}


form#contact input[type=text], select, textarea {
	width: 100%;
    padding: .5rem 1rem .1rem 1rem;
    border: 0;
    border-radius: .6rem;  
    margin-top: 0;
    margin-bottom: .8rem;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1) inset, -2px -2px 8px rgba(255, 255, 255, 1) inset;
    resize: vertical;
}

form#contact label{font-weight:400;}
form#contact label.error{font-weight:400;}
form#contact label.error::after {content:"  \2691";color:var(--red);}
form#contact label[for=Name]{grid-area:lname}
form#contact input#Name{grid-area:iname}

form#contact label[for=Email]{grid-area:lemail}
form#contact input#Email{grid-area:iemail}

form#contact label[for=Message]{grid-area:ltext}
form#contact textarea{grid-area:itext;height:8rem;}

form#contact i {grid-area:privacy;font-size:smaller;line-height:1;}
form#contact input[type=reset] {grid-area:cancel;justify-self:start;padding:.5rem 1rem;margin-left:.5rem;}
form#contact input[type=submit] {grid-area:send;justify-self:end;padding:.5rem 1rem;margin-top:0;margin-right:.5rem;}

form#contact input[type=submit].cta:hover { /*alt for ::before transform */
	transition: transform .7s;
	transform:scale3d(1.1,1.1,1);
}

form#contact input:disabled, form#contact textarea:disabled {
	cursor:not-allowed;
	background-color:lightgray;
	transform:unset!important;
}

form#contact div#output {grid-area:output;min-height:1.75rem;}
form#contact img{grid-area:cancel;max-height:2rem;max-width:2rem;}
form#contact input.error, form#contact textarea.error{background-color:#FFF8DC;}