/* declarations */
:root {
	color-scheme: light dark;
	--color-dark-blue: #005793;
	--color-medium-blue: #146eb3;
	--color-light-blue: #90e0f0;
	--color-lightest-blue: #d6eefa;
	--color-red: #ec0000;
	--color-dark-green: #33602b;
	--color-medium-green: #78c42a;
	--color-medium-green-2: #0a7f3a;
	--color-light-green: #d8ec83;
	--color-purple: #722ead;
	--color-orange: #ff8300;
	--color-light-orange: #ffe6cc;
	--color-dark-orange: #cc6900;
	--color-yellow: #ffe300;
	--color-magenta: #ec00bc;
	--color-gray: #f3f5f7;
	--color-black: #000;
	--color-very-dark-gray: #202024;
	--color-darker-gray: #404040;
	--color-dark-gray: #545454;
	--color-medium-dark-gray: #aaaaad;
	--color-medium-gray: #f3f5f7;
	--color-middle-gray: #88888a;
	--color-light-gray: #fcfcfc;
	--color-alternate-gray: #f6f6f6;
	--color-alternate-gray-2: #e4e4e6;
	--color-alternate-gray-3: #f8f8fa;
	--color-alternate-dark-gray: #282838;
	--color-alternate-dark-gray-2: #363646;
	--color-white: #fff;
	--color-material-dark-standard: #363646;
	--color-material-dark-alternate: #303040;
	--color-material-dark-alternate-2: #464656;
	--color-material-dark-blue-normal: #6db5eb;
	--color-material-dark-blue-light: #94caf1;
	--color-material-gray-1: #d8d8df;
	--color-material-gray-2: #c4c4c8;
	--color-material-gray-3: #66666a;
	--color-material-gray-4: #54546c;
	--color-material-orange-1: #ffb74d;
	--color-material-orange-2: #ffcc80;
	--color-material-green: #a2d671;
	--color-material-red: #ff7591;
	--color-material-purple: #bb9ae2;
	--font-sans-serif: "roboto","Roboto","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	--font-serif: "roboto-slab","Roboto Slab",Georgia,serif;
	--kerning-base: 0.02rem;
	--zLow: 9999;
	--z-top: 999999999999;
}

/* resets */
html, body, header, nav, section, article, footer, 
div, applet, object, iframe, a, h1, h2, h3, h4, 
h5, h6, p, span, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: transparent;
	border: 0;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
footer, 
header,
main,   
menu, 
nav, 
section {
	display: block;
}

/* transitions */
a,  
button, 
circle, 
input, 
path, 
polygon, 
rect, 
select, 
svg, 
textarea {
	-moz-transition: 0.75s;
	-webkit-transition: 0.75s;
	-o-transition: 0.75s;
	transition: 0.75s;
}

/* viewport */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* HTML and body */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "roboto","Roboto","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
}

html {
  margin-top: 0 !important;
}

html, body {
    overflow: visible;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background-color: #fff !important;
	color: #202020;
	font-family: "roboto","Roboto","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	margin: 0 !important;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 !important;
	position: relative;
	text-rendering: optimizeLegibility;
}

header { 
	background-color: #fff;
	height: 7rem;
	margin-top: 0 !important;
}

/* noscript and old IE */
noscript, 
.old-IE {
	background-color: #ec0000;
	color: #fff;
	left: 0;
	padding: 1rem;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999999999999999;
}

noscript p, 
.old-IE p {
	line-height: 1.4rem;
	margin: 0;
	padding: 0;
	text-align: center;
}

.old-IE a {
	border: 1px solid #fff;
	color: #fff;
	padding: 0.25rem 0.5rem;
	text-transform: uppercase;
}

.old-IE a:hover, 
.old-IE a:focus, 
.old-IE a:active {
	background-color: #545454;
	border: 1px solid #545454;
}

/* overrides */
h1:not(.site-title):before, 
h2:before {
	background: transparent;
	content: "";
	display: none;
	height: 0;
	margin: 0;
	width: 0;
}

/* shared classes */
.icon-animate-pulse {
	animation-direction: normal;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
	animation-name: iconAnimatePulse;
}

@keyframes iconAnimatePulse {
	0%   { opacity: 0; transform:scale3d(0,0,0); }
	50%  { opacity: 0.6; transform:scale3d(1.1,1.1,1.1); }
	100% { opacity: 1; transform:scale3d(1,1,1); }
}

.icon-animate-slide-down {
	animation-direction: normal;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
	animation-name: iconAnimateSlideDown;
}

@keyframes iconAnimateSlideDown {
	0%   { top: -4.5rem; }
	60%  { top: 1rem; }
	75%  { top: -0.5rem; }
	80%  { top: -0.25rem; }
	90%  { top: -0.125rem; }
	100% { top: 0; }
}

.block-link {
	text-align: center;
}

.block-link a {
	border-bottom: 1px dotted var(--color-medium-blue);
	font-weight: 500;
	margin: 0 auto;
	text-align: center;
}

.block-link a:hover, 
.block-link a:focus, 
.block-link a:active {
	border-bottom-color: var(--color-dark-blue);
}

.bump-down {
	margin-top: 3px;
}

.centered-block-link {
	display: block !important;
	margin: 1rem auto 0 auto;
	width: 16rem;
}

.centered-content {
	text-align: center;
}

.content-container {
	margin: 0 auto;
	max-width: 72rem;
	width: 90%;
}

.flex-box {
	-webkit-align-items: flex-start;
	-webkit-flex-wrap: wrap;
	align-items: flex-start;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.footnote-index {
	font-size: 0.75rem;
	vertical-align: super;
}

.hidden {
	display: none;
}

.hidden svg {
	height: 0;
	width: 0;
}

.structured-content .language-list {
	margin-left: 0 !important;
}

.structured-content .language-list li {
	list-style-type: none;
}

.structured-content .language-list li img, 
.structured-content .language-list li span {
	display: inline-block;
	vertical-align: middle;
}

.structured-content .language-list li img {
	height: 1.5rem;
	margin-right: 0.5rem;
	width: 1.5rem;
}

.structured-content .centered-list {
	margin: 0 auto !important;
}

.structured-content .centered-list li {
	list-style-type: none;
	margin: 0.5rem 0;
	text-align: center
}

.structured-content .centered-list li img, 
.structured-content .centered-list li span {
	display: inline-block;
	vertical-align: middle;
}

.structured-content .centered-list li img {
	height: 1.5rem;
	margin-right: 0.5rem;
	width: 1.5rem;
}

.material-card {
	background-color: var(--color-light-gray);
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	box-shadow: 0 0.375rem 0.75rem rgb(20 20 24 / 5%), -0.25rem -0.25rem 0.5rem rgb(255 255 255 / 5%);
}

.structured-content .shortcode-phone-number-link {
	margin: 0;
	width: 16rem;
}

.structured-content .shortcode-phone-number-link a, 
.structured-content .shortcode-phone-number-link a:visited {
	background-color: var(--color-medium-blue);
	border-radius: 0.25rem;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
	padding: 1rem;
	text-align: center;
	text-decoration: none;
}

.structured-content .shortcode-phone-number-link a:hover,
.structured-content .shortcode-phone-number-link a:focus,
.structured-content .shortcode-phone-number-link a:active {
	background-color: var(--color-dark-blue);
}

.structured-content .shortcode-phone-number-link svg, 
.structured-content .shortcode-phone-number-link span {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}

.structured-content .shortcode-phone-number-link svg {
	fill: #fff;
	height: 2rem;
	margin-right: 0.5rem;
}

.structured-content .sr-only, 
.sr-only {
	display: none !important;
}

.padded-container {
	padding: 4rem 0 2rem 0;
}

.page-subheader {
	color: var(--color-orange);
	font-family: var(--font-sans-serif);
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	margin-bottom: 0.25rem;
	text-transform: uppercase;
}

.rotate-180 {
	transform: rotate(180deg);
}

.section-alternate {
	background-color: var(--color-alternate-gray);
}

.section-always-dark {
	background-color: var(--color-material-dark-alternate);
}

.section-anchor {
	display: block;
	height: 9rem;
	margin-top: -9rem;
	visibility: hidden;
}

.section-standard {
	background-color: #fff;
}

/*.structured-content .section-standard + span + .section-standard, 
.structured-content .section-standard + script + span + .section-standard, 
.structured-content .section-alternate + span + .section-alternate, 
.structured-content .section-alternate + script + span + .section-alternate {
	padding-top: 0;
}*/

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

.vertical-spacer {
	margin-top: 1rem;
}

/* animations */
@keyframes statSizeBounceNormal {
	0%   { opacity: 0; transform: scale(0.9); }
	33%  { opacity: 0.333; transform: scale(1.1); }
	67%  { opacity: 1; transform: scale(1); }
	100% { opacity: 1; transform: scale(1); }
}

@keyframes statSizeBounceInverse {
	0%   { transform: scale(1.1); }
	33%  { transform: scale(0.9); }
	67%  { transform: scale(1); }
	100% { transform: scale(1); }
}

@keyframes ruleAnimator {
	0%   { opacity: 0; transform: rotate(0); width: 0; }
	100% { opacity: 0.25; transform: rotate(360deg); width: 100%; }
}

@keyframes spinner {
	0%   { opacity: 0; transform: rotate(0); }
	90%  { opacity: 0.9; transform: rotate(390deg); }
	100% { opacity: 1; transform: rotate(360deg); }
}

@keyframes barSliderUp {
	0%   { bottom: -100%; opacity: 0; }
	100% { bottom: 0; opacity: 1; }
}

@keyframes barSliderDown {
	0%   { bottom: 100%; opacity: 0; }
	100% { bottom: 0; opacity: 1; }
}

@keyframes rotateNeedle {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

use.animated-meter .rotate-needle {
	animation: 6s rotateNeedle normal;
}

/* product name */
.product-name {
	font-family: var(--font-serif);
	font-size: 1.75rem;
	margin: 0;
}

.products-secondary-nav .product-name p {
	font-size: 1.75rem;
}

.product-name svg {
	display: block;
	height: 0.6rem;
	margin: 0 auto;
}

.product-name .main, 
.product-name > p > span:first-of-type {
    color: var(--color-dark-blue);
    font-weight: 600;
}

.product-name .secondary, 
.product-name > p > span:last-of-type {
    color: var(--color-very-dark-gray);
    font-weight: 400;
}

/* grid systems */
.structured-content .standard-grid-1, 
.structured-content .standard-grid-2, 
.structured-content .standard-grid-3 {
	box-sizing: border-box;
	display: grid;
	margin: 1.5rem auto 0 auto;
	max-width: 70rem;
}

.standard-grid-2 {
	grid-gap: 8%;
	grid-template-columns: repeat(2,46%);
}

.standard-grid-3 {
	grid-gap: 3%;
	grid-template-columns: repeat(3,31.333%);
}

.section-quick-links .standard-grid-1, 
.section-quick-links .standard-grid-2, 
.section-quick-links .standard-grid-3 {
	grid-row-gap: 1.5rem;
}

.grid-box {
	margin: 0 auto;
}

.grid-box-1 {
	width: calc(100% * 1/12);
}

.grid-box-2 {
	width: calc(100% * 2/12);
}

.grid-box-3 {
	width: calc(100% * 3/12);
}

.grid-box-4 {
	width: calc(100% * 4/12);
}

.grid-box-5 {
	width: calc(100% * 5/12);
}

.grid-box-6 {
	width: calc(100% * 6/12);
}

.grid-box-7 {
	width: calc(100% * 7/12);
}

.grid-box-8 {
	width: calc(100% * 8/12);
}

.grid-box-9 {
	width: calc(100% * 9/12);
}

.grid-box-10 {
	width: calc(100% * 10/12);
}

.grid-box-11 {
	width: calc(100% * 11/12);
}

/* links and buttons */
.hover-fade:hover, 
.hover-fade:focus, 
.hover-fade:active {
	opacity: 0.5;
}

button {
	background-color: var(--color-medium-blue);
}

button:hover,
button:focus, 
button:active {
	background-color: var(--color-dark-blue);
}

button:hover:after, 
button:focus:after, 
button:active:after{
	display: none;
}

.button-centered {
	margin: 0 auto;
	text-align: center;
}

.button-narrow {
	width: 8rem;
}

.button-text-like, 
.button-text-like:visited {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	color: var(--color-medium-blue);
	display: block;
	font-size: 1rem;
	font-weight: 500;
	padding: 0.5rem;
}

.button-text-like:hover, 
.button-text-like:focus, 
.button-text-like:active {
	background-color: transparent;
	color: var(--color-dark-blue);
}

.split-icon-link {
    border-radius: 5px;
    display: inline-block;
    line-height: 1;
    margin: 0 auto;
}

.split-icon-link span {
    border-right: 1px solid rgba(255,255,255,.25);
    color: #fff;
    display: inline-block;
    flex: 1;
    font-weight: 400;
    padding: .75rem;
    text-align: center;
    vertical-align: middle;
}

.split-icon-link svg {
    align-self: center;
    display: inline-block;
    fill: #fff;
    height: 1rem;
    margin: 0 0.75rem 0 0.75rem;
    vertical-align: middle;
    width: 1rem;
}

.link-inverted-standard:link, 
.link-inverted-standard:visited {
	background-color: var(--color-medium-blue);
	border-color: var(--color-medium-blue);
	color: #fff;
	text-decoration: none;
}

.link-inverted-standard:hover, 
.link-inverted-standard:focus, 
.link-inverted-standard:active {
	background-color: var(--color-dark-blue);
}

.link-inverted-standard:link span, 
.link-inverted-standard:visited span {
	border-right-color: rgba(255,255,255,0.25);
	color: #fff;
}

.link-inverted-standard:link svg, 
.link-inverted-standard:visited svg {
	fill: #fff;
}

/* typography */
h1, 
h2, 
h3, 
h4 {
	font-family: var(--font-serif);
	font-weight: 400;
	margin: 0 0 0.5rem 0;
}

h1 {
	color: var(--color-dark-blue) !important;
	font-size: 2.5rem !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	margin-bottom: 1rem !important;
}

.structured-content h1 {
	color: #fff !important;
}

h2, 
h3 {
	color: var(--color-dark-gray);
}

h2 {
	font-size: 1.5rem !important;
}

h3 {
	font-size: 1.25rem;
}

p {
	color: var(--color-very-dark-gray);
	line-height: 1.4;
	margin-bottom: 1.5rem;
}

ul {
	color: var(--color-very-dark-gray);
}

/* overlays */
.overlay {
	background-color: rgba(32,32,32,0.85);
	bottom: 0;
	display: none;
	height: 100vh;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: var(--z-top);
}

.overlay .content {
	background-color: #fff;
	border-radius: 0.5rem;
	margin: 0 auto;
	position: relative;
	top: 45%;
	transform: translateY(-50%);
}	

.overlay .content-width-wide {
	width: 90%;
}

.overlay .content-width-medium {
	width: 75%;
}

.overlay .content-width-narrow {
	width: 50%;
}

.overlay .content-width-very-narrow {
	max-width: 30rem;
	width: 90%;
}

.overlay .overlay-padded-content {
	padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}

.overlay .content header {
	align-items: center;
	background-color: var(--color-light-gray);
	border-bottom: 1px solid var(--color-alternate-gray);
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 300;
	height: 3rem;
}

.overlay .content header div {
	flex: 1;
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 400;
	padding: 0 1rem;
}

.overlay .content header button {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0.5rem;
	display: block;
	height: 3rem;
	margin: 0;
	width: 3rem;
}

.overlay .content header .close {
	font-size: 2rem;
	font-weight: 400;
	margin: 0;
	padding: 0.25rem 0 0 0;
}

.overlay .content article {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	padding: 0.5rem 2rem 2rem 2rem;
	width: 100%;
}

/* video overlays */
.video-overlay {
	z-index: 1000000010;
}

.video-overlay .content {
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.overlay .content header, 
.video-overlay .content header {
	align-items: center;
	border-bottom: 1px solid var(--color-dark-gray);
}

.overlay .content header span, 
.video-overlay .content header span {
	display: block;
	flex: 1;
	padding-left: 1rem;
}

.overlay .content header button, 
.video-overlay .content header button {
	background-color: transparent;
	color: var(--color-red);
	font-size: 2rem;
	font-weight: 400;
	line-height: 1;
	padding: 0 0 0.25rem 0;
}

.overlay .content header button:hover, 
.video-overlay .content header button:hover {
	background-color: transparent;
	color: var(--color-very-dark-gray);
}

.video-overlay .vidyard-content {
	max-height: 90vh;
	max-width: 60rem;
	width: 90vw;
}

.video-overlay .vidyard-content section {
	padding: 1.5rem 0;
}

.video-overlay .vidyard-content section > div > img {
	display: block;
	max-width: 100%;
}

.video-overlay .vidyard-content section > div > .vidyard_iframe {
	display: block;
	margin: 0 auto;
}

.video-overlay .youtube-content {
	margin: 2rem auto;
	max-width: 40rem;
	padding-bottom: 2rem;
	width: 90vw;
}

.video-overlay .youtube-content iframe {
	display: block;
	margin: 2rem auto 0 auto;
}

.video-overlay .widen-content, 
.video-overlay .other-content {
	margin: 2rem auto;
	max-width: 40rem;
	padding-bottom: 2rem;
	width: 90vw;
}

.video-overlay .widen-content video,
.video-overlay .other-content video {
	display: block;
	margin: 2rem auto 0 auto;
	width: 90%;
}

/* statistics - number circle */
.stat-number-circle-outer {
	border-radius: 50%;
	height: 6rem;
	margin: 0 auto 0.5rem auto;
	padding: 0.25rem;
	transform-origin: 50% 50%;
	width: 6rem;
}

.stat-number-circle-inner {
	border: 3px solid #fff;
	border-radius: 50%;
	color: #fff;
	height: 5.5rem;
	padding: 0.25rem;
	text-align: center;
	text-transform: uppercase;
	transform-origin: 50% 50%;
	width: 5.5rem;
}

.stat-number-circle-inner p {
	color: #fff;
	line-height: 1;
	margin: 0;
}

.structured-content .stat-number-circle-inner p {
	line-height: 1;
}

.stat-number-circle-inner p:first-of-type {
	font-family: var(--font-serif);
	font-size: 2.25rem;
	padding-top: 0.55rem;
}

.stat-number-circle-inner p:last-of-type {
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.05rem;
}

.stat-number-circle-outer[data-animate-go="yes"] {
	animation: 2s statSizeBounceNormal normal;
}

.stat-number-circle-outer[data-animate-go="yes"] .stat-number-circle-inner {
	animation: 2s statSizeBounceInverse normal;
}

/* statistics - number plain */
.sta-number-wrapper {
	overflow: hidden;
}

.stat-number-plain p, 
.stat-number-wrapper p:first-of-type, 
.stat-number-wrapper p:nth-of-type(2) {
	line-height: 1;
	margin-bottom: 0;
}

.stat-number-plain p:first-of-type {
	font-family: var(--font-serif);
	font-size: 3rem;
	margin: 0;
}

.stat-number-plain p:nth-of-type(2) {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.05rem;
	margin: 0.75rem 0 0 0;
	text-transform: uppercase;
}

.stat-number-wrapper hr {
	animation: 1s ruleAnimator normal;
	border-bottom: 1px solid var(--color-dark-gray);
	display: block;
	height: 0;
	margin: 0.6rem auto .6rem auto;
	max-width: 8rem;
	opacity: 0.25;
	transform-origin: 50% 50%;
	width: 100%;
}

.stat-number-wrapper[data-animate-go="yes"] .stat-container-outer {
	animation: 2s statSizeBounceNormal normal;
}

/* statistics - number divot */
.stat-number-divot p:first-child {
	font-family: var(--font-serif);
	font-size: 3.5rem;
	margin: 0;
	transform-origin: 50% 50%;
}

.stat-container-outer[data-animate-go="yes"] .stat-number-divot p:first-child {
	animation: 2s statSizeBounceNormal normal;
}

.stat-number-divot svg {
	display: block;
	fill: transparent;
	margin: 0.5rem auto 0.75rem auto;
	stroke-width: 2;
	transform-origin: 50% 50%;
	width: 4.5rem;
}

.stat-container-outer[data-animate-go="yes"] .stat-number-divot svg {
	animation: 2s statSizeBounceInverse normal;
}

.stats-section
 article p {
	line-height: 1.3;
}

/* statistics - number dots */
.stat-number-dots {
	height: 6rem;
	margin: 0 auto 0.5rem auto;
	position: relative;
	transform-origin: 50% 50%;
	width: 6rem;
}

.stat-number-dots svg {
	height: 6rem;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 6rem;
	z-index: 1;
}

.stat-number-dots[data-animate-go="yes"] svg {
	animation: 2s spinner normal;
}

.stat-number-dots .large {
	fill: var(--color-medium-blue);
}

.stat-number-dots .small {
	fill: var(--color-orange);
}

.stat-number-dots p {
	font-family: var(--font-serif);
	font-size: 3rem;
	height: 6rem;
	left: 0;
	line-height: 1;
	margin: 0;
	position: absolute;
	top: 0;
	width: 6rem;
	z-index: 2;
}

.stat-number-dots[data-animate-go="yes"] p {
	animation: 2s statSizeBounceNormal normal;
}

/* statistics - number and divot */
.stat-number-divot > svg {
	margin-bottom: 0.75rem;
}

/* statistics - icon and value */
.stat-icon svg,
.products-columnated-section .stat-icon svg {
	display: block;
	transform-origin: 50% 50%;
	height: 3rem;
	margin: 0 auto;
	width: 5rem;
}

.stat-icon[data-animate-go="yes"] svg, 
.products-columnated-section .stat-icon[data-animate-go="yes"] svg {
	animation: 2s statSizeBounceNormal normal;
}

.stat-icon p {
	font-family: var(--font-serif);
	font-size: 2.5rem;
	margin: 0 0 0.25rem 0;
}

.stat-icon .icon-stat-header {
	font-size: 1.5rem;
}

.stat-icon[data-animate-go="yes"] p {
	animation: 2s statSizeBounceInverse normal;
}

/* statistics - bar chart */
.stat-bar p {
	font-family: var(--font-serif);
	font-size: 2rem;
	margin: 0.75rem 0 0.5rem 0;
	transform-origin: 50% 50%;
}

.stat-bar[data-animate-go="yes"] p {
	animation: 2s statSizeBounceNormal normal;
}

.stats-section
 .stat-bar  + .shortcode-text {
	margin-top: 0.25rem;
}

.stat-bar .bar-container {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	height: 3.5rem;
	margin: 0 auto;
	position: relative;
	width: 6rem;
}

.stat-bar .bar-container .y-axis {
	border-left-style: solid;
	border-left-width: 2px;
	height: 3.5rem;
	left: 0.5rem;
	position: absolute;
	top: 0;
	width: 2px;
}

.stat-bar .bar-container .y-tick {
	border-top-style: solid;
	border-top-width: 2px;
	height: 0;
	left: 0;
	position: absolute;
	width: 0.5rem;
}

.stat-bar .bar-container .bar-chart-bar {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	bottom: 0;
	display: block;
	position: absolute;
	width: 1.5rem;
}

.stat-bar[data-animate-go="yes"] .bar-container .bar-chart-bar:nth-of-type(odd) {
	animation: 1s barSliderUp normal;
}

.stat-bar[data-animate-go="yes"] .bar-container .bar-chart-bar:nth-of-type(even) {
	animation: 1s barSliderDown normal;
}

.stat-bar .bar-container + p {
	margin: 0 0 0.25rem 0;
}

/* statistics - animated pie chart */
.pie-statistic {
	position: relative;
}

.pie-statistic .graph {
	height: 8rem;
	margin: 0 auto 1rem auto;
	width: 8rem;
}

/* statistics - colorful pie chart */
.stat-colorful-pie .pie-chart-container {
	height: 11rem;
	margin: 0 auto 1rem auto;
	position: relative;
	width: 11rem;
}

.stat-colorful-pie .pie-chart-container .pie-numbers {
	justify-content: center;
}

.stat-colorful-pie .pie-chart-container .pie-numbers > div {
	margin: 0.25rem 3% 0.25rem 3%;
	text-align: center;
	width: 44%;
}

.stat-colorful-pie .pie-chart-container .pie-numbers > div > span {
	display: inline-block;
	vertical-align: middle;
}

.stat-colorful-pie .pie-chart-container .pie-numbers > div > span:first-of-type {
	border-radius: 50%;
	height: 1.25rem;
	width: 1.25rem;
}

.stat-colorful-pie .pie-chart-container .pie-numbers > div > span:last-of-type {
	padding-left: 0.25rem;
}

.stat-colorful-pie .pie-chart-container .pie-segment-label {
	display: block;
	font-weight: 500;
	height: 1.3125rem;
	position: absolute;
	text-align: center;
	width: 3rem;
	z-index: 20;
}

.stat-colorful-pie .pie-colorful-key .pie-colorful-key-item {
	margin: 0.25rem 0;
}

.stat-colorful-pie .pie-colorful-key .pie-colorful-key-item > span {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

.stat-colorful-pie .pie-colorful-key .pie-colorful-key-item > span:first-of-type {
	border-radius: 50%;
	height: 1rem;
	width: 1rem;
}

.stat-colorful-pie .pie-colorful-key .pie-colorful-key-item > span:last-of-type {
	padding-left: 0.25rem;
}

/* statistics - pie chart */
.pie-circle {
	background-color: transparent;
	border-radius: 50%;
	height: 6rem;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 6rem;
	 -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.pie-circle[data-animate-go="yes"] {
	animation: 2s spinner normal;
}

.pie-hole {
	background-color: #fff;
	border-radius: 50%;
	height: 4rem;
	left: 3rem;
	position: absolute;
	top: 3rem;
	width: 4rem;
	z-index: 1000;
}

.pie-slice {
	height: 6rem;
	left: 3rem;
	position: absolute;
	top: 0;
	transform-origin: 0 50%;
	width: 3rem;
	z-index: 800;
}

.pie-value {
	font-family: var(--font-serif);
	font-size: 2rem !important;
	margin: 0 !important;
}

.shortcode-text {
	margin-bottom: 0.25rem;
	text-align: center !important;
}

/* statistics - US map */
.stat-us-map svg {
	display: block;
	height: 6rem;
	margin: 0 auto;
	width: 12rem;
}

.stat-us-map[data-animate-go="yes"] svg {
	animation: 2s statSizeBounceNormal normal;
}

.map-value {
	font-family: var(--font-serif);
	font-size: 2rem !important;
	margin: 0.75rem 0 0 0 !important;
}

.stat-us-map[data-animate-go="yes"] + .map-value {
	animation: 2s statSizeBounceInverse normal;
}

.structured-content .stats-additional {
	border-top: 1px solid var(--color-alternate-gray-2);
	padding-top: 1.5rem;
}

.structured-content .stats-additional p, 
.structured-content .stats-additional li {
	text-align: left;
}

.structured-content .stats-additional ul { 
	margin-left: 1rem;
}

/* structured content pages - general */
.structured-content {
	margin-top: 0;
}

.structured-content a, 
.structured-content a:visited {
	color: var(--color-medium-blue);
	text-decoration: underline;
}

.structured-content a:hover, 
.structured-content a:focus, 
.structured-content a:active {
	color: var(--color-dark-blue);
}

.structured-content .generated-link > svg {
	display: none;
}

.structured-content .blue-box, 
.structured-content .orange-box {
	margin-top: 1.5rem;
	text-align: center;
}

.structured-content .normal {
	text-align: left;
}

.structured-content .centered, 
.structured-content .centered .normal {
	text-align: center;
}

.structured-content .top-margin-1 {
	margin-top: 1rem;
}

.structured-content .top-margin-2 {
	margin-top: 2rem;
}

.structured-content .top-margin-3 {
	margin-top: 3rem;
}

.structured-content .normal a, 
.structured-content .normal a:visited, 
.structured-content .centered a, 
.structured-content .centered a:visited  {
	border-bottom: 1px dotted var(--color-medium-blue);
	padding-bottom: 0.125rem;
	text-decoration: none;
}

.structured-content .normal a:hover, 
.structured-content .normal a:focus, 
.structured-content .normal a:active,
.structured-content .centered a:hover, 
.structured-content .centered a:focus, 
.structured-content .centered a:active {
	border-bottom-color: var(--color-dark-blue);
}


.structured-content .blue-box a, 
.structured-content .orange-box a {
	border-radius: 0.25rem;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	margin: 0 auto;
	padding: 1rem 1.5rem;
	text-decoration: none;
}

.structured-content .blue-box a, 
.structured-content .blue-box a:visited{
	background-color: var(--color-medium-blue);
}

.structured-content .blue-box a:hover, 
.structured-content .blue-box a:focus,
.structured-content .blue-box a:active{
	background-color: var(--color-dark-blue);
}

.structured-content .orange-box a, 
.structured-content .orange-box a:visited {
	background-color: var(--color-orange);
	border: 0 !important;
	color: #fff !important;
}

.structured-content .orange-box a:hover, 
.structured-content .orange-box a:focus,
.structured-content .orange-box a:active {
	background-color: var(--color-dark-orange);
}

.structured-content a.splitter, 
.structured-content a.splitter:visited {
	background-color: var(--color-orange);
	border-radius: 0.25rem;
	color: #fff;
	display: inline-block;
	height: 3rem;
	line-height: 1;
	margin-top: 0.5rem;
	text-decoration: none;
	vertical-align: middle;
	width: auto;
}

.structured-content a.splitter:hover, 
.structured-content a.splitter:focus, 
.structured-content a.splitter:active {
	background-color: var(--color-dark-orange);
	box-shadow: 0 0 1.5rem rgba(255,255,255,0.3);
}

.structured-content a.splitter > span {
	border-right: 1px solid rgba(255,255,255,0.25);
	display: inline-block;
	font-size: 1.1rem;
	font-weight: 500;
	height: 3rem;
	line-height: 1;
	padding: 0.95rem 1rem 0 1rem;
	vertical-align: middle;
}

.structured-content a.splitter > svg {
	display: inline-block;
	fill: #fff;
	height: 1rem;
	margin: 0 0.75rem 0.1rem 0.5rem;
	vertical-align: middle;
	width: 1rem;
}

.structured-content a.splitter.splitter-secondary {
	background-color: transparent;
	border: 2px solid #fff;
	margin-left: 1rem;
}

.structured-content a.splitter.splitter-secondary:hover {
	background-color: rgba(255,255,255,0.25);
}

.structured-content > .standard {
	background-color: #fff;
}

.structured-content > .alternate {
	background-color: #f8f8fa;
}

.structured-content .section-icon, 
.structured-content .section-icon svg, 
.structured-content .column-icon svg {
	display: block;
	fill: var(--color-orange);
	height: 3rem;
	margin: 0 auto 0.75rem auto;
	width: 3rem;
}

.structured-content .column-icon {
	border: 2px solid var(--color-orange);
	border-radius: 50%;
	height: 4.5rem;
	margin: 0 auto 0.5rem auto;
	width: 4.5rem;
}

.structured-content .column-icon svg {
	height: 2.5rem;
	margin: 0.75rem auto 0 auto;
	width: 2.5rem;
}

.structured-content .animated-icon-slide-down {
	background-color: var(--color-orange);
	overflow: hidden;
	position: relative;
}

.structured-content .animated-icon-slide-down > div {
	background-color: #fff;
	height: 4.5rem;
	left: -2px;
	position: absolute;
	top: 0;
	width: 4.5rem;
}

.structured-content .animated-icon-slide-down > div svg {
	margin-top: calc(0.75rem + 1px)
}

.structured-content a:active, 
.structured-content a:active, 
.structured-content a:active {
	color: var(--color-dark-blue);
}

.structured-content .page-section {
	padding: 2.5rem 0;
}

.structured-content .page-section h2, 
.structured-content .page-section .section-subheader {
	color: var(--color-orange);
	font-family: var(--font-sans-serif);
	font-size: 0.9rem !important;
	font-weight: 600;
	letter-spacing: 0.2rem;
	line-height: 1.5;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

.structured-content .page-section .section-icon + h3 {
	margin-top: 0;
}

.structured-content .section-simple-content .leftheader {
    text-align: left;
    margin: 0 auto 0.2rem auto;
    max-width: 48rem;
}

.structured-content .section-simple-content .leftheader-full {
    max-width: 100%;
    width: 100%;
}

.structured-content .page-section h3, 
.structured-content .page-section h2.page-section {
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.333;
	margin: 0 0 0.25rem 0;
	text-align: center;
}

.structured-content .page-section h2.page-section {
	font-size: 2rem !important;
	letter-spacing: 0;
	padding: 0;
	text-transform: none;
}

.structured-content .page-section h4 {
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.333;
	margin: 0 0 0.5rem 0;
	text-align: center;
}

.structured-content .page-section .content {
	margin: 0.5rem auto 0 auto;
	max-width: 48rem;
	text-align: center;
}

.structured-content .page-section .full-width-content {
	max-width: 100%;
}

.structured-content .columnated {
	justify-content: center;
	margin-top: 1rem;
}

.structured-content .columnated-1 article {
	padding: 0;
	max-width: 40rem;
	width: 100%;
}

.structured-content .columnated-2 article {
	padding: 0 3%;
	width: 50%;
}

.structured-content .columnated-3 article, 
.structured-content .columnated-5 article, 
.structured-content .columnated-6 article {
	padding: 0 3%;
	width: 33%;
	width: calc(100% / 3);
}

.structured-content .columnated-4 article, 
.structured-content .columnated-7 article, 
.structured-content .columnated-8 article {
	padding: 0 3%;
	width: 25%
}

.structured-content .columnated p {
	margin-bottom: 0.25rem;
	text-align: center;
}

/* structured content pages - banner */
.structured-content .banner {
	background-blend-mode: multiply;
	min-height: 25vh;
	padding: 4rem 0;
	position: relative;
}

.structured-content .banner .banner-darkener {
	background-image: linear-gradient(to right, rgba(32,32,32,1) 0%, rgba(32,32,32,0) 100%);
	bottom: 0;
	display: none;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.structured-content .banner .content-container {
	position: relative;
}

.structured-content .banner .text-content {
	max-width: 42rem;
	width: 90%;
}

.structured-content .banner .text-content h2 {
	margin-bottom: 1.5rem;
}

.structured-content .banner .text-content > svg {
	display: block;
	fill: #fff;
	height: 0.85rem;
	margin-bottom: 0.5rem;
}

.structured-content .banner .banner-subheader {
	color: #fff;
	font-family: var(--font-sans-serif);
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
}

.structured-content .banner .generated-link-container {
	display: inline-block;
	margin-right: 0.25rem;
}

.structured-content .banner .text-content .blue-box, 
.structured-content .banner .text-content .orange-box {
	text-align: left;
}

.structured-content .banner .text-content .blue-box a, 
.structured-content .banner .text-content .orange-box a {
	text-align: center;
}

.structured-content .banner .block-link {
	background-color: var(--color-orange);
	border-radius: 0.25rem;
	color: #fff;
	margin: 1rem auto 0 0;
	max-width: 10rem;
	padding: 0.75rem;
}

.structured-content .banner .block-link:hover {
	background-color: var(--color-dark-orange);
	box-shadow: 0 0 1.25rem rgba(255,255,255,0.5);
}

.structured-content .banner h1 {
	color: #fff;
	font-family: var(--font-serif);
	font-size: 2.75rem;
	font-weight: 400;
	margin-bottom: 0.5rem;
	text-shadow: 1px 1px 2px rgba(32,32,32,0.25);
}

.structured-content .banner h1 > img {
	display: block;
	width: clamp(6rem,30vw,16rem);
}

.structured-content .banner p {
	color: #fff;
	font-family: var(--font-sans-serif);
	font-size: 1.1rem;
	font-weight: 400;
	margin-bottom: 0;
}

.structured-content .banner .page-last-update > span:last-of-type {
	font-weight: 600;
}

/* structured content pages - secondary navigation */
.structured-content nav {
	background-color: var(--color-light-gray);
	border-bottom: 1px solid var(--color-alternate-gray-2);
	padding: 1.5rem 0;
	position: relative;
	width: 100%;
}

.structured-content nav .content-container {
	align-items: center;
	justify-content: space-between;
	width: 90%;
}

.structured-content nav svg {
	display: block;
	fill: var(--color-dark-blue);
	height: 0.75rem;
	margin-bottom: 0.25rem;
}

nav .product-name + .flex-box {
	align-items: center;
}

.structured-content nav p {
	line-height: 1.2;
	margin-bottom: 0.75rem;
}

.structured-content nav h2 {
	color: var(--color-very-dark-gray);
	font-size: 1.75rem;
	font-weight: 400;
	margin: 0;
}

.structured-content nav .flex-box > div:first-child {
	width: 25%;
}

.structured-content nav ul {
	flex: 1;
	text-align: left;
}

.structured-content nav .list-right {
	text-align: right;
}

.structured-content nav ul li {
	color: var(--color-orange);
	display: inline-block;
	font-family: var(--font-sans-serif);
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.2;
	list-style-type: none;
	margin-right: 1.5rem;
	padding-bottom: 0.05rem;
}

.structured-content nav ul a {
	border-bottom: 1px dotted transparent;
	display: block;
	text-decoration: none;
}

.structured-content nav ul a:hover {
	border-bottom-color: var(--color-dark-blue);
}

.structured-content nav .list-right a {
	margin-left: 1rem;
	margin-right: 0;
}

.structured-content .secondary-nav-cta {
	display: none;
	padding-left: 2rem;
	text-align: right;
}

.structured-content .nav-image {
	display: block;
}

.structured-content .nav-type-section li .active:hover, 
.structured-content .nav-type-section li .active:focus, 
.structured-content .nav-type-section li .active:active, 
.structured-content .nav-type-section li .active:link, 
.structured-content .nav-type-section li .active:visited {
	background-color: transparent;
	border-bottom-color: transparent; 
	color: var(--color-orange);
}

.structured-content .nav-left .nav-image {
	margin: 0 auto 0 0;
}

.structured-content .nav-left p, 
.structured-content .nav-left ul {
	text-align: left;
}

.structured-content .nav-center .nav-image {
	margin: 0 auto;
}

.structured-content .nav-center p, 
.structured-content .nav-center ul {
	text-align: center;
}

.structured-content .nav-right .nav-image {
	margin: 0 0 0 auto;
}

.structured-content .nav-right p, 
.structured-content .nav-right ul {
	text-align: right;
}

.structured-content .nav-capitalized li {
	margin-right: 0.75rem;
}

.structured-content .nav-capitalized li a {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
}

.structured-content .secondary-nav-cta a, 
.structured-content .secondary-nav-cta button {
	margin-top: 0;
}

/* structured content pages - introduction sections */
.structured-content section.introduction {
	background-color: #fff;
}

.structured-content section.introduction h3 {
	margin: 0 auto;
	max-width: 60rem;
}

.structured-content section.introduction .section-icon {
	height: 4rem;
	margin-bottom: 0;
	width: 4rem;
}

.structured-content section.introduction .footnotes {
	border-top: 1px solid rgba(32,32,32,0.2);
	margin: 0 auto 0.25rem auto;
	max-width: 60rem;
	padding-top: 0.5rem;
}

.structured-content section.introduction .footnotes > .flex-box > div:first-of-type {
	text-align: right;
	width: 1.6rem;
}

.structured-content section.introduction .footnotes > .flex-box > div:last-of-type {
	flex: 1;
	padding-left: 0.25rem;
}

/* structured content pages - split content/form sections */
.section-split-content-form > .grid-box + .flex-box {
	margin-top: 1.5rem;
}

.section-split-content-form .flex-box > article {
	padding-right: 10%;
	width: 60%;
}

.section-split-content-form .flex-box > article .product-list {
	background-color: var(--color-alternate-gray);
	border: 1px dashed var(--color-medium-dark-gray);
	border-radius: 0.5rem;
	padding: 0.75rem 1.5rem;
}

.section-split-content-form .flex-box > article .product-list h2 {
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-size: 1.25rem !important;
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 0.25rem;
	text-align: left;
	text-transform: none;
}

.section-split-content-form .flex-box > article ul {
	color: var(--color-dark-gray);
}

.section-split-content-form .flex-box > article ul li {
	margin: 0.5rem 1rem;
}

.section-split-content-form .flex-box > article ul .product-name {
	font-size: 1rem;
	list-style-type: disc;
}

.section-split-content-form .flex-box > article .section-link {
	margin-top: 1.5rem;
}

.section-split-content-form .flex-box > article .section-link .blue-box, 
.section-split-content-form .flex-box > article .section-link .orange-box {
	text-align: left;
}

.structured-content .section-split-content-form a.splitter {
	transform: scale3d(0.75,0.75,0.75);
	transform-origin: 0 0;
}

.section-split-content-form .flex-box > div {
	/* flex: 1; */
	width: 40%;
}

/* structured content pages - split content/image sections */
.structured-content .split-content {
	align-items: flex-start;
}

.structured-content .split-content .block-image > img, 
.structured-content .split-content .block-image > video, 
.structured-content .split-content .block-image > iframe {
	border-radius: 0.25rem;
	display: block;
	max-width: 100%;
}

.structured-content .split-content .block-image > img + .image-caption {
	margin-top: 0.5rem;
}

.structured-content .split-content > div {
	width: 50%;
}

.structured-content .split-content .block-image + .block-content {
	padding-left: 5%;
}

.structured-content .split-content > div.block-content:first-of-type {
	padding-right: 5%;
}

.structured-content .text-image > div {
	padding-left: 0;
	padding-right: 5%;
}

.structured-content .split-content h2, 
.structured-content .split-content h3, 
.structured-content .split-content p {
	text-align: left;
}

.structured-content .split-content p:last-of-type {
	margin-bottom: 0.5rem;
}

.structured-content .split-content ol, 
.structured-content .split-content ul {
	margin: 0 0 1.25rem 1.25rem;
	text-align: left;
}

.structured-content .split-content ol {
	list-style-type: decimal;
}

.structured-content .split-content ul, .structured-content .split-media-content ul {
	list-style-type: disc;
}

.structured-content .split-content .blue-box, 
.structured-content .split-content .orange-box {
	text-align: left;
	margin-left: 0;
}

.structured-content .split-content > div.block-content .content ul li {
	margin: 0.5rem 0;
}

.structured-content .section-split-media-text .block-media > .flex-box {
	align-items: center;
}

.structured-content .section-split-media-text .block-media > .flex-box button {
	background-color: transparent;
	border: 2px solid var(--color-medium-blue);
	border-radius: 50%;
	box-shadow: none;
	color: #000;
	display: block;
	height: 3rem;
	padding: 0;
	width: 3rem;
}

.structured-content .section-split-media-text .block-media > .flex-box button:hover {
	border-color: var(--color-dark-blue);
}

.structured-content .section-split-media-text .block-media > .flex-box button:first-child {
	margin-right: 1.5rem;
}

.structured-content .section-split-media-text .block-media > .flex-box button:last-child {
	margin-left: 1.5rem;
}

.structured-content .section-split-media-text .block-media > .flex-box button svg {
	display: block;
	fill: var(--color-medium-blue);
	height: 1rem;
	margin: 0 auto;
	transform-origin: center;
}

.structured-content .section-split-media-text .block-media > .flex-box button:hover svg {
	fill: var(--color-dark-blue);
}

.structured-content .section-split-media-text .block-media > .flex-box button:first-child svg {
	transform: rotate(180deg);
}

.structured-content .section-split-media-text .block-media > .slideshow-auto button {
	display: none;
}

.structured-content .section-split-media-text .block-media > .flex-box > div {
	align-items: center;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.structured-content .section-split-media-text .block-media > .flex-box > div > div, 
.structured-content .section-split-media-text .block-media > div > div {
	position: relative;
	width: 100%;
}

.structured-content .section-split-media-text .block-media > .flex-box > div > div > img {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	display: block;
	left: 0;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
}

.structured-content .section-split-media-text .block-media .vidyard-player-container, 
.structured-content .section-split-media-text .block-media .video-embed {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
}

.structured-content .section-split-media-text .block-media > div > div > img {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	display: block;
	max-height: 100%;
	max-width: 100%;
}

.structured-content .section-split-media-text .block-media .split-media-text-caption {
	margin: 0.5rem 0 0 0;
	text-align: center;
	transition: 0.75s;
	width: 100%;
}

.structured-content .section-split-media-text .block-media .dots {
	margin-top: 0.5rem;
	text-align: center;
}

.structured-content .section-split-media-text .block-media .dots > span {
	border: 2px solid var(--color-middle-gray);
	border-radius: 50%;
	display: inline-block;
	height: 0.75rem;
	margin: 0 0.25rem;
	transition: 0.75s;
	width: 0.75rem;
}

.structured-content .section-split-media-text .block-media .dots > .active {
	border-color: var(--color-dark-gray);
	background-color: var(--color-dark-gray);
}

.structured-content .split-content .block-media video {
	border: 1px solid var(--color-light-gray);
	border-radius: 0.25rem;
	box-shadow: 0 0.25rem 0.5rem rgba(32,32,36,0.25);
	display: block;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
}

.structured-content .section-split-media-text .block-media .vidyard-player-container iframe {
	border: 1px solid var(--color-light-gray);
	border-radius: 0.25rem;
	box-shadow: 0 0.25rem 0.5rem rgba(32,32,36,0.25);
	position: relative !important;
}

.structured-content .section-split-media-text .block-media .video-caption {
	margin-top: 0.5rem;
}

.structured-content .section-split-media-text .block-media .split-media-collage {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid var(--color-alternate-gray-2);
	position: relative;
	transition: 0.5s;
}

.structured-content .section-split-media-text .block-media .split-media-collage > div {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.structured-content .section-split-media-text .block-media .split-media-collage > div {
	border-color: var(--color-alternate-gray-2);
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	display: block;
	flex: none;
}

.structured-content .section-split-media-text .block-media .collage-4 > div {
	padding-bottom: 50%;
	width: 50%;
}

.structured-content .section-split-media-text .block-media .collage-4 > div:nth-child(even) {
	border-left-width: 1px;
}

.structured-content .section-split-media-text .block-media .collage-4 > div:nth-child(n+3) {
	border-top-width: 1px;
}

.structured-content .section-split-media-text .block-media .collage-6 > div {
	padding-bottom: calc(100% / 3);
	width: calc(100% / 3);
}

.structured-content .section-split-media-text .block-media .collage-6 > div:nth-child(n+4) {
	border-top-width: 1px;
}

.structured-content .section-split-media-text .block-media .collage-6 > div:nth-child(2), 
.structured-content .section-split-media-text .block-media .collage-6 > div:nth-child(5) {
	border-left-width: 1px;
	border-right-width: 1px;
}

.structured-content .section-split-media-text .block-media .collage-8 > div, 
.structured-content .section-split-media-text .block-media .collage-12 > div {
	padding-bottom: 25%;
	width: 25%;
}

.structured-content .section-split-media-text .block-media .collage-8 > div:nth-child(n+5), 
.structured-content .section-split-media-text .block-media .collage-12 > div:nth-child(n+5) {
	border-top-width: 1px;
}

.structured-content .section-split-media-text .block-media .collage-8 > div:nth-child(2), 
.structured-content .section-split-media-text .block-media .collage-8 > div:nth-child(3), 
.structured-content .section-split-media-text .block-media .collage-8 > div:nth-child(6), 
.structured-content .section-split-media-text .block-media .collage-8 > div:nth-child(7),
.structured-content .section-split-media-text .block-media .collage-12 > div:nth-child(2), 
.structured-content .section-split-media-text .block-media .collage-12 > div:nth-child(3), 
.structured-content .section-split-media-text .block-media .collage-12 > div:nth-child(6), 
.structured-content .section-split-media-text .block-media .collage-12 > div:nth-child(7), 
.structured-content .section-split-media-text .block-media .collage-12 > div:nth-child(10), 
.structured-content .section-split-media-text .block-media .collage-12 > div:nth-child(11) {
	border-left-width: 1px;
	border-right-width: 1px;
}

.structured-content .section-split-media-text .block-media .split-media-collage button:last-child {
	background-color: var(--color-medium-blue);
	border: 2px solid #fff;
	border-radius: 1rem;
	bottom: 1rem;
	color: #fff;
	display: none;
	height: 2rem;
	left: calc(50% - 4rem);
	margin: 0;
	position: absolute;
	width: 8rem;
}

.structured-content .section-split-media-text .block-media .split-media-collage button:last-child:hover {
	background-color: var(--color-dark-blue);
	border: 2px solid #fff;
}

.structured-content .section-split-media-text ul {
	margin-left: 1rem;
}

.structured-content .section-split-media-text .content + a {
	margin-top: 2rem;
}

.structured-content .section-split-media-text .block-content h2, 
.structured-content .section-split-media-text .block-content h3, 
.structured-content .section-split-media-text .block-content p, 
.structured-content .section-split-media-text .block-content ol, 
.structured-content .section-split-media-text .block-content ul, 
.structured-content .section-split-media-text .block-content .blue-box, 
.structured-content .section-split-media-text .block-content .orange-box {
	text-align: left;
}

/* structured content pages - CTA sections */
.structured-content .section-cta, 
.structured-content .section-cta > div, 
.structured-content .section-cta > div {
	min-height: 18rem;
}

.structured-content .section-cta {
	padding: 0;
	position: relative;
}

.structured-content .section-cta::after {
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}

.structured-content .section-cta > div {
	background-size: 100%;
	position: relative;
	z-index: 1;
}

.structured-content .section-cta > .content-container > .flex-box {
	align-items: center;
	padding: 2rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.structured-content .section-cta .grid-box {
	padding-right: 50%;
	position: relative;
}

.structured-content .section-cta .grid-box.alignment-center {
	padding-right: 0;
}

.structured-content .section-cta .grid-box.alignment-center .flex-box {
	align-items: flex-start;
	justify-content: center;
}

.structured-content .section-cta .alignment-left {
	text-align: left;
}

.structured-content .section-cta .alignment-center {
	text-align: center;
}

.structured-content .section-cta h2, 
.structured-content .section-cta h3, 
.structured-content .section-cta p {
	text-align: inherit;
}

.structured-content .section-cta h3 {
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 1rem;
}

.structured-content .section-cta .primary, 
.structured-content .section-cta .secondary {
	border-radius: 0.25rem;
	border-style: solid;
	border-width: 1px;
    color: #fff !important;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform-origin: center;
    transform: scale(1);
    vertical-align: middle;
    width: 9.5rem;
}

.structured-content .section-cta .cta-wide {
	width: auto;
}

.structured-content .section-cta .primary:last-child, 
.structured-content .section-cta .secondary:last-child {
	margin-right: 0;
}

.structured-content .section-cta .primary {
	background-color: var(--color-orange);
	border-color: var(--color-orange);
}

.structured-content .section-cta .primary:hover {
	background-color: var(--color-dark-orange);
}

.structured-content .section-cta .cta-icon.primary:hover, 
.structured-content .section-cta .cta-icon.secondary:hover {
	box-shadow: none;
	opacity: 1;
	transform: scale3d(1.1,1.1,1.1);
}

.structured-content .section-cta .secondary {
	background-color: transparent;
	border-color: #fff;
}

.structured-content .section-cta .cta-icon.secondary {
	opacity: 0.75;
}

.structured-content .section-cta .secondary:hover {
	background-color: rgba(255,255,255,0.25);
    box-shadow: 0 0 1.5rem rgba(255,255,255,0.15);
}

.structured-content .section-cta .cta-icon.primary, 
.structured-content .section-cta .cta-icon.secondary {
	background-color: transparent;
	border: 0;
	display: block;
	transition: 0.75s linear;
}

.structured-content .section-cta .cta-icon.primary div,
.structured-content .section-cta .cta-icon.secondary div {
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
	height: 5rem;
	margin: 0 auto 0.5rem auto;
	transition: 0.75s linear;
	width: 5rem;
}

.structured-content .section-cta .cta-icon.primary div svg,
.structured-content .section-cta .cta-icon.secondary div svg {
	display: block;
	height: 3rem;
	margin: 0.85rem auto 0 auto;
	transition: 0.75s linear;
	width: 3rem;
}

.structured-content .section-cta .cta-icon.primary div + span, 
.structured-content .section-cta .cta-icon.secondary div + span {
	display: block;
	text-align: center;
	transition: 0.75s linear;
}

.structured-content .section-cta .secondary:hover {
	opacity: 1;
}

.structured-content .vidyard-player-container > div {
	padding-bottom: 62.5% !important;
}

/* structured content pages - product suite parent section */
.structured-content .section-product-suite-parent {
	padding: 4rem 0;
	position: relative;
}

.structured-content .section-product-suite-parent .section-darkener {
	bottom: 0;
	display: none;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.structured-content .section-product-suite-parent .content-container {
	position: relative;
}

.structured-content .section-product-suite-parent h3 {
	margin: 0 auto;
	max-width: 64rem;
}

/* structured content pages - awards section */
div.overlay.award-overlay-integration > div > header {
    padding: 0 1rem;
}

div.overlay.award-overlay-integration > div > header > span {
    font-weight: 400;
    width: 80%;
}

img.theAwardImage {
    display: flex;
	margin: auto;
    max-width: 300px;
    padding: 1.25rem;
}

p.the-award-content {
    background-color:var(--color-gray);
    border-radius: 0.25rem;
    margin: auto;
    max-width: 30rem;
    text-align: center;
}

div.overlay.award-overlay-integration > div > section > div > div, 
div.overlay.award-overlay-content > div > section > div > div {
    padding: 1.25rem;
}

table.integration-table {
    margin-bottom: 2rem;
}

div.overlay.award-overlay-integration > div, 
div.overlay.award-overlay-content > div {    
    margin: 0 auto;
    max-width: 40rem;
}

ul.popup-awards-area > li {
     cursor: pointer;
}

a.learn-more {
    background-color: var(--color-medium-blue);
    border-radius: 0.25rem;
    color:var(--color-white) !important;
    display: inline-block;
    font-weight: 600;
    margin: 2rem auto 0 auto;
    max-width: 200px;
    padding: 1rem 1.5rem;
    text-align: center;
    text-decoration: none;
}

.structured-content .section-awards .content-container > ul {
	list-style-type: none;
	margin-top: 1.5rem;
	text-align: center;
}

.structured-content .section-awards .content-container > ul li {
	display: inline-block;
	list-style-type: none;
	margin: 0 1.5rem 1rem;
	transition: 0.75s linear;
	transform-origin: 50% 50%;
	vertical-align: middle;
}

span.award-link-seperator {
    color: var(--color-medium-blue);
    font-size: 1rem;
}

h5.award-name {
    font-size: 1rem;
    font-weight: normal;
}

a.award-year-link {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
}

.structured-content .section-awards .content-container > ul .award-gray {
	filter: grayscale(100);
	opacity: 0.333;
}

.structured-content .section-awards .content-container > ul li:hover > .award-name {
    opacity: 0.667;
    transition: 0.75s;
}

.structured-content .section-awards .content-container > ul img {
	max-height: 5rem;
	max-width: 10rem;
}

/* structured content pages - simple card sections */
.structured-content .simple-card-container article {
	margin-bottom: 2rem;
}

.structured-content .simple-card-container article > div:first-child {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.25rem;
	box-shadow: 0 0.25rem 0.125rem rgba(54,54,54,0.06);
	margin-bottom: 1rem;
	padding-bottom: 62.5%;
}

.structured-content .simple-card-container article .product-name p {
	font-size: 1.5rem;
}

/* structured content pages - materials sections */
.content + .materials-items {
	justify-content: center;
	margin-top: 1.5rem;
}

.structured-content h3 + .materials-items {
	justify-content: center;
	margin-top: 1.5rem;
}

.structured-content .materials-items article {
	padding: 0 3%;
	width: 50%;
}

.structured-content.products-page-materials > .flex-box {
	justify-content: center;
}

.structured-content .material-item-details {
	align-items: flex-start;
}

.structured-content .material-item h4 {
    color: var(--color-dark-gray);
    font-family: var(--font-sans-serif);
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
    line-height: 1.3;
    margin: 0 0 0.25rem 0;
    text-align: left;
    text-transform: uppercase;
}

.structured-content .material-item h5 {
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 0.5rem 0;
}

.structured-content .material-item .material-item-details .blue-box, 
.structured-content .material-item .material-item-details .orange-box {
	margin-top: 0;
	text-align: left;
}

.structured-content .material-item .material-item-details .blue-box > a, 
.structured-content .material-item .material-item-details .orange-box > a {
	margin-left: 0;
}

.structured-content .material-item-content h4 {
	margin-bottom: 0;
}

.structured-content .material-item-content h5 {
	font-size: 1.5rem;
	margin-bottom: 0.1rem;
}

.structured-content .material-item-content p {
	margin-bottom: 0.25rem;
}

.structured-content .material-item-details > div {
	flex: 1;
	padding: 0 2.5rem 0 1.5rem;
}

.structured-content .material-item-details > div:first-child {
	flex: none;
	padding: 0;
	width: 11.25rem;
}

.structured-content .material-item-details > div:first-child img {
	border: 1px solid var(--color-medium-gray);
	border-radius: 0.5rem;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.125);
	display: block;
	max-width: 100%;
}

/* structured content pages - news sections */
.structured-content .section-news .loading-outer {
	display: none;
}

.structured-content .section-news .news-items {
	justify-content: space-between;
}

.structured-content .section-news .news-items .news-card {
	background-color: var(--color-light-gray);
	border: 1px dashed var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	margin-bottom: clamp(2.5vw,1.5rem,5vw);
	padding: 1.5rem;
	width: 100%;
}

.structured-content .section-news .news-items-2 .full-width {
	width: 100%;
}

.structured-content .section-news .news-items-2 .full-width .flex-box > div {
	flex: none;
	width: 100%;
}

.structured-content .section-news .news-items-2 .full-width .flex-box > div:first-child > img {
	border-radius: 0.5rem;
	display: block;
	max-width: 100%;
}

.structured-content .section-news .news-items-2 .full-width .flex-box > div:last-child > p:first-of-type {
	color: var(--color-medium-green-2);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	margin: 1rem 0 0.125rem 0;
	text-align: center;
	text-transform: uppercase;
}

.structured-content .section-news article h3 {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.2;
}

.structured-content .section-news article h3 > a {
	text-decoration: none;
}

.structured-content .section-news article .news-summary p {
	margin-bottom: 0.5rem;
	text-align: center;
}

.structured-content .section-news article .centered {
	margin-bottom: 0.5rem;
}

.structured-content .section-news button {
	align-items: center;
	border-radius: 0.25rem;
	display: flex;
	font-size: 1rem;
	font-weight: 600;
	height: 2.625rem;
	justify-content: center;
	margin: 0 auto;
	width: 15rem;
}

.structured-content .section-news button:disabled, 
.structured-content .section-news button:disabled:hover {
	background-color: var(--color-medium-blue);
	opacity: 0.333;
}

.structured-content .section-news .news-featured-source {
	color: var(--color-dark-gray);
	font-family: 'adelle',Georgia,serif;
	font-style: italic;
	margin-bottom: 0.5rem;
	text-align: center;
}







/* product grid sections */
.structured-content .product-grid-section .product-grid {
	align-items: stretch;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	max-width: 48rem;
	width: 100%;
}

.structured-content .product-grid-section .product-grid > div {
	border: 1px solid var(--color-alternate-gray-2);
	border-bottom-width: 0;
	border-left-width: 0;
	height: 5rem;
	padding: 1.5rem;
	width: calc(100% / 3);
}

.structured-content .product-grid-section .product-grid > div:nth-child(-n+3) {
	border-top-width: 0;
}

.structured-content .product-grid-section .product-grid > div.grid-span-2 {
	border-right-width: 0;
	width: calc(100% * 2 / 3);
}

.structured-content .product-grid-section .product-grid > div:nth-child(3n) {
	border-right-width: 0;
}

.structured-content .product-grid-section .product-grid a svg {
	display: block;
	fill: var(--color-medium-blue);
	height: 2rem;
	margin: 0 auto;
}

.structured-content .product-grid-section .product-grid a:hover svg {
	fill: var(--color-dark-blue);
}

.structured-content .product-grid-section .product-grid .grid-link {
	text-align: center;
}

.structured-content .product-grid-section .product-grid .grid-link a {
	display: inline-flex;
	padding-top: 0.5rem;
	text-align: center;
}

/* promo sections */
.structured-content .section-promo {
	padding: 3rem 0;
}

.structured-content .section-promo .content-container > .flex-box {
	align-items: center;
	margin: 0 auto;
	max-width: 65rem;
}

.structured-content .section-promo .content-container > .flex-box .promo-media {
	align-items: center;
	width: 16rem;
}

.structured-content .section-promo .content-container > .flex-box .promo-media .video-circle, 
.structured-content .section-promo .content-container > .flex-box .promo-media .video-square {
	height: 16rem;
	width: 16rem;
	background-color: #363646;
	box-sizing: border-box;
	box-shadow: 0 0 2rem 1rem rgba(255,255,255,0.1);
	position: relative;
}

.structured-content .section-promo .content-container > .flex-box .promo-media .video-circle video, 
.structured-content .section-promo .content-container > .flex-box .promo-media .video-square video {
	display: block;
	object-fit: cover;
	height: 16rem;
	width: 16rem;
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.structured-content .section-promo .content-container > .flex-box .promo-media .video-circle, 
.structured-content .section-promo .content-container > .flex-box .promo-media .video-circle video {
	border-radius: 50%;
}

.structured-content .section-promo .content-container > .flex-box .promo-media .promo-image {
	position: relative;
	width: 16rem;
	height: 16rem;
}

.structured-content .section-promo .content-container > .flex-box .promo-media .promo-image img {
	border-radius: 50%;
	display: block;
	object-fit: cover;
	height: 16rem;
	width: 16rem;
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.structured-content .section-promo .content-container > .flex-box .promo-media .promo-slideshow {
	position: relative;
	width: 16rem;
}

.structured-content .section-promo .content-container > .flex-box .promo-media .promo-slideshow > img {
	display: block;
}

.structured-content .section-promo .content-container > .flex-box .promo-media .promo-slideshow > img:first-of-type {
	margin: 0 auto;
	position: relative;
	width: 16.25rem;
}

.structured-content .section-promo .content-container > .flex-box .promo-media .promo-slideshow > img.promo-slide {
	border-radius: 0.25rem;
	left: 32px;
	top: 12px;
	position: absolute;
	width: 190px;
}

.structured-content .section-promo .content-container > .flex-box .promo-logo-image {
	padding: 0 0 1rem 0;
}

.structured-content .section-promo .content-container > .flex-box .promo-logo-image img {
	display: block;
	width: auto;
}

.structured-content .section-promo .content-container > .flex-box > div:last-child {
	flex: 1;
	padding-left: 3rem;
}

.structured-content .section-promo h2 {
	color: var(--color-alternate-gray-2);
	font-family: var(--font-serif);
	font-size: 2.25rem !important;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.2;
	margin-bottom: 0.5rem;
	text-align: left;
	text-transform: none;
}

.structured-content .section-promo h2 span {
	font-weight: 500;
}

.structured-content .section-promo p {
	color: var(--color-alternate-gray-2);
	font-family: var(--font-sans-serif);
	font-size: 1.125rem;
	font-weight: 400;
}

.structured-content .section-promo p:last-of-type {
	margin-bottom: 0;
}

.structured-content .section-promo p strong {
	color: #ffb74d;
}

.structured-content .section-promo .link-inverted-standard {
	background-color: #6db5eb;
	display: inline-block;
	height: 2.5rem;
	margin: 1rem auto 0 0;
	width: auto;
}

.structured-content .section-promo .link-inverted-standard:hover {
	background-color: #94caf1;
}

.structured-content .section-promo .link-inverted-standard span, 
.structured-content .section-promo .link-inverted-standard svg {
	display: inline-block;
	vertical-align: middle;
}

.structured-content .section-promo .link-inverted-standard span {
	border-right-color: rgba(20,20,20,0.15);
	color: var(--color-very-dark-gray);
	font-weight: 500;
	height: 2.5rem;
	padding: 0.75rem 0.75rem 0 0.75rem;
}

.structured-content .section-promo .link-inverted-standard svg {
	fill: var(--color-very-dark-gray);
}

/* structured content pages - quick link sections */
.section-quick-links .quick-link {
	align-items: flex-start;
	background-color: var(--color-light-gray);
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	box-shadow: 0 0.375rem 0.75rem rgb(20 20 24 / 5%), -0.25rem -0.25rem 0.5rem rgb(255 255 255 / 5%);
	flex-direction: row;
	justify-content: space-between;
	padding: 1.5rem;
}

.section-quick-links .quick-link > div:first-child {
	border: 2px solid var(--color-medium-dark-gray);
	border-radius: 50%;
	color: var(--color-dark-gray);
	font-size: 1.5rem;
	font-weight: 400;
	height: 3rem;
	padding-top: 0.75rem;
	text-align: center;
	width: 3rem;
}

.section-quick-links .quick-link > div:last-child {
	flex: 1;
	padding: 0 1rem;
}

.section-quick-links .quick-link > div:last-child a > span {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 500;
}

.section-quick-links .quick-link > div:last-child .generated-link-container {
	margin-bottom: 0.5rem;
}



.section-quick-links .quick-link > div:last-child .additional {
	color: var(--color-dark-gray);
	font-size: 0.9rem;
	font-style: italic;
	line-height: 1.2;
	margin: 0.5rem 0 0 0;
}

/* structured content pages - quote sections */
.structured-content .section-quote {
	align-items: center;
	display: flex;
	min-height: 40vw;
	padding: 3rem 0;
	position: relative;
}

.structured-content .section-quote > div:first-of-type {
    bottom: 0;
    filter: grayscale(1);
    height: 100%;
    left: 0;
    position: absolute;
    opacity: 0.25;
    right: 0;
    top: 0;
    width: 100%;
}

.structured-content .section-quote > div:last-of-type {
	position: relative;
}

.structured-content .section-quote > div > .flex-box article {
	align-self: center;
	flex: 1;
	padding: 0 2rem;
}

.structured-content .section-quote article p:first-of-type {
	color: #fff;
	font-family: var(--font-serif);
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: center;
}

.structured-content .section-quote article p:first-of-type:before, 
.structured-content .section-quote article p:first-of-type:after {
	font-family: "Georgia",serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 0;
	opacity: 0.5;
}

.structured-content .section-quote article p:first-of-type:before {
	content: '\201c';
	padding-right: 0.25rem;
}

.structured-content .section-quote article p:first-of-type:after {
	content: '\201d';
	padding-left: 0.25rem;
}

.structured-content .section-quote article p:last-of-type {
	color: #fff;
	font-family: var(--font-serif);
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: center;
}

.structured-content .section-quote article p:last-of-type span {
	padding: 0 0.125rem;
}

.structured-content .section-quote .splitter, 
.structured-content .section-quote .splitter:visited {
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.4);
	border-bottom-color: rgba(255,255,255,0.4);
	color: #fff;
	height: auto;
	padding: 0 0 0 0.5rem;
	text-decoration: none;
}

.structured-content .section-quote .splitter:hover, 
.structured-content .section-quote .splitter:focus, 
.structured-content .section-quote .splitter:active {
	background-color: transparent;
	border-color: rgba(255,255,255,0.75);
}

.structured-content .section-quote .quote-dots {
	margin-top: 1.5rem;
	text-align: center;
}

.structured-content .section-quote .quote-dots span {
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 0.75rem;
	margin: 0 0.5rem;
	opacity: 0.5;
	transition: 0.75s;
	width: 0.75rem;
}

.structured-content .section-quote .quote-dots .active {
	background-color: #fff;
	opacity: 1;
}

/* references section */
.structured-content .references-section ol li {
	font-size: 0.85rem;
	margin-bottom: 0.5rem;
}

/* resources section */
.structured-content .section-resources .content {
	margin: 0 auto;
	max-width: 42rem;
	text-align: center;
}

.structured-content .section-resources .resources {
	justify-content: center;
	margin-top: 1.5rem;
}

.structured-content .section-resources .resources-columns-2 > div {
	margin: 0 2%;
	max-width: 16rem;
	width: 46%;
}

.structured-content .section-resources .resources-columns-3 > div {
	margin: 0 2%;
	width: 29%;
	width: calc(88% / 3);
}

.structured-content .section-resources .resource-icon {
	display: block;
	fill: var(--color-orange);
	height: 3rem;
	margin: 0 auto 0.25rem auto;
}

.structured-content .section-resources article {
	background-color: var(--color-light-gray);
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	margin-top: 0.25rem;
}

.structured-content .section-resources article > div:first-child {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	padding-bottom: 50%;
}

.structured-content .section-resources article > div:last-child {
	padding: 0.5rem;
	text-align: center;
}

.structured-content .section-resources h5 {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0.5rem;
	text-align: center;
}

.structured-content .section-resources h5 > a {
	font-size: 1.25rem;
	font-weight: 400;
	text-decoration: none;
}

.structured-content .section-resources article > div p {
	text-align: center;
}

.structured-content.section-resources article > div:last-child > a:last-child {
	display: block;
	margin: 0.5rem 0;
	text-align: center;
}

.structured-content .section-resources .live-webinar-instant {
	font-weight: 500;
	margin-top: -0.75rem;
}

.structured-content .section-resources h5 + .live-webinar-instant {
	margin-top: 0;
}

.structured-content .section-resources .split-link {
	width: auto;
}

.structured-content .section-resources article > div > a + a {
	display: block;
	margin: 0.5rem 0;
	text-align: center;
	text-decoration: none;
}

.structured-content .section-resources article div > a:last-child {
	margin-bottom: 0.5rem;
}

/* structured content pages - resource list sections */
.structured-content .resource-section-photo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid var(--color-medium-gray);
	border-radius: 0.5rem;
	height: 11.25rem;
	margin: 0 auto 0.5rem auto;
	width: 18rem;
}

.structured-content .resource-list-items {
	margin: 0.5rem auto;
	max-width: 48rem;
}

.structured-content .resource-list-items > .flex-box {
	align-items: stretch;
	border: 1px solid var(--color-alternate-gray-2);
	border-top-style: none;
	width: 100%;
}

.structured-content .resource-list-items > .flex-box:nth-child(odd) {
	background-color: var(--color-light-gray);
}

.structured-content .resource-list-items > .flex-box:first-child {
	background-color: var(--color-dark-gray);
	border-color: var(--color-dark-gray);
	border-top-style: solid;
	color: #fff;
}

.structured-content .resource-list-items > .flex-box div {
	border-right: 1px solid var(--color-alternate-gray-2);
	padding: 0.5rem;
}

.structured-content .resource-list-items > .flex-box div img, 
.structured-content .resource-list-items > .flex-box div span {
	display: inline-block;
	vertical-align: middle;
}

.structured-content .resource-list-items > .flex-box div img {
	height: 1.5rem;
	width: 1.5rem;
}

.structured-content .resource-list-items > .flex-box div span {
	color: var(--color-dark-gray);
	font-size: 0.8rem;
	font-weight: 600;
	padding-left: 0.25rem;
	text-transform: uppercase;
}

.structured-content .resource-list-items > .flex-box > div:first-child {
	flex: 1;
}

.structured-content .resource-list-items > .flex-box > div:nth-child(2) {
	width: 9rem;
}

.structured-content .resource-list-items > .flex-box > div:nth-child(3) {
	width: 9rem;
}

.structured-content .resource-list-items > .flex-box > div:last-child {
	border-right-style: none;
	text-align: center;
	width: 7rem;
}

.structured-content .resource-list-items > .flex-box > div:last-child > div {
	border: none;
	padding: 0;
	text-align: center;
	width: 100%;
}

.structured-content .resource-list-items > .flex-box > div:last-child > div a {
	border: none;
	text-align: center;
}

.structured-content .resource-list-items > .flex-box a {
	font-weight: 600;
	text-decoration: none;
}

.structured-content .resource-column-table-wrapper {
	margin: 0 auto;
	max-width: 64rem;
	text-align: center;
}

.structured-content .resource-column-table-wrapper > h4 {
	color: var(--color-dark-blue);
	font-family: var(--font-sans-serif);
	font-size: 1.1rem;
	font-weight: 500;
	margin: 0 0 0.25rem 0;
	text-align: left;
}

.structured-content .resource-column-table-wrapper .resource-descriptor {
	border: 1px solid var(--color-alternate-gray-2);
	border-bottom-width: 0;
	margin: 0;
}

.structured-content .resource-column-table-wrapper .resource-descriptor:last-child {
	border-bottom-width: 1px;
}

.structured-content .resource-column-table-wrapper .resource-descriptor:nth-child(even) {
	background-color: var(--color-light-gray);
}

.structured-content .resource-column-table-wrapper .resource-descriptor div {
	padding: 0.5rem;
}

.structured-content .resource-column-table-wrapper .resource-descriptor h5 {
	color: var(--color-very-dark-gray);
	font-family: var(--font-sans-serif);
	font-size: 0.9rem;
	font-weight: 500;
	text-align: left;
}

.structured-content .resource-column-table-wrapper .resource-descriptor div:last-child {
	flex: 1;
}

.structured-content .resource-column-table-wrapper .resource-descriptor div:last-child p {
	font-size: 0.9rem;
	margin-bottom: 0;
	text-align: left;
}

.structured-content .resource-column-table-wrapper .resource-descriptor div:last-child p strong {
	color: var(--color-dark-blue);
	font-weight: 500;
}

.structured-content .resource-column-table {
	margin: 0 auto 1rem auto;
	width: 100%;
}

.structured-content .resource-column-table > div {
	margin: 0;
	padding: 0;
}

.structured-content .resource-column-table .header, 
.structured-content .resource-column-table .resource {
	padding: 0.75rem;
	text-align: center;
}

.structured-content .resource-column-table .column:first-child {
	border-color: var(--color-alternate-gray-2);
	border-left-style: solid;
	border-width: 1px;
}

.structured-content .resource-column-table .column:first-child .header {
	border-top-left-radius: 0.25rem;
}

.structured-content .resource-column-table .column:last-child .header {
	border-top-right-radius: 0.25rem;
	border-right-style: none;
}

.structured-content .resource-column-table .resource {
	border-bottom-style: solid;
	border-color: var(--color-alternate-gray-2);
	border-right-style: solid;
	border-width: 1px;
}

.structured-content .resource-column-table .column > div:nth-child(odd) {
	background-color: var(--color-light-gray);
}

.structured-content .resource-column-table .column div.header:first-child {
	background-color: var(--color-dark-gray);
	border-color: var(--color-alternate-gray);
	border-right-style: solid;
	border-width: 1px;
	color: #fff;
	font-weight: 500;
}

.structured-content .resource-column-table .column div a {
	text-decoration: none;
}

.structured-content .resource-column-table .column div a + span {
	font-size: 0.8rem;
	font-weight: 500;
	padding-left: 0.25rem;
}

.structured-content .resources-footnote {
	margin: 0 auto 0.5rem auto;
	max-width: 64rem;
}

.structured-content .resources-footnote p {
	font-size: 0.85rem;
}

.structured-content .resources-footnote > div:first-child {
	text-align: right;
	width: 1em;
}

.structured-content .resources-footnote > div:last-child {
	flex: 1;
	padding-left: 0.25rem;
}

/* shortcode-only section */
.structured-content .shortcode-only-section {
	margin: 0;
	padding: 0;
}

/* structured content pages - statistics sections */
.stats-section article {
	margin-bottom: 1.5rem;
}

/* structured content pages - text card sections */
.structured-content .section-text-cards .text-cards {
	grid-gap: 1.5rem;
}

.structured-content .section-text-cards article {
	background-color: var(--color-light-gray);
    border: 1px solid var(--color-alternate-gray-2);
    border-radius: 0.5rem;
    box-shadow: 0 0.375rem 0.75rem rgb(20 20 24 / 5%), -0.25rem -0.25rem 0.5rem rgb(255 255 255 / 5%);
    padding: 1rem;
}

.structured-content .section-text-cards h3 {
	font-size: 1.333rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
}

.structured-content .section-text-cards h3 .product-primary {
	color: var(--color-medium-blue);
	font-weight: 600;
}

.structured-content .section-text-cards h3 .product-secondary {
	color: var(--color-dark-gray);
	font-weight: 400l
}

.structured-content .section-text-cards article p:last-of-type {
	margin-bottom: 0.5rem;
}





/* structured content pages - image card sections */
.structured-content .structured-card-section {
	align-items: stretch;
	justify-content: center;
	margin-top: 2rem;
	width: 100%;
}

.structured-content .structured-card-section article {
	align-items: center;
	background-color: #fff;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 40% auto;
	border-bottom-width: 0;
	border-color: var(--color-medium-gray);
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-style: solid;
	border-radius: 0.5rem;
	box-shadow: 0 1px 1px rgba(84,84,84,0.15);
	margin: 0 2.5% 1.5rem 2.5%;
	max-width: 50rem;
	overflow: hidden;
	padding: 1.25rem 20% 4.5rem 1.25rem;
	position: relative;
	transition: 0.75s border-color;
}

.structured-content .structured-card-section article .card-image-overlay {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.structured-content .structured-card-section article .card-content {
	position: relative;
}

.structured-content .structured-card-section article h4, 
.structured-content .structured-card-section article p {
	text-align: left;
}

.structured-content .structured-card-section article h4 {
	font-weight: 400;
}

.structured-content .structured-card-section article .image-card-link {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

.structured-content .structured-card-section article .image-card-link .generated-link-container {
	height: auto !important;
}

.structured-content .structured-card-section article .image-card-link a, 
.structured-content .structured-card-section article .image-card-link a:visited {
	background-color: var(--color-medium-blue);
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	color: #fff;
	display: block;
	font-weight: 600;
	padding: 0.5rem 0;
	text-decoration: none;
	width: 100%;
}

.structured-content .structured-card-section article .image-card-link a span {
	display: inline-block;
	padding-right: 0.125rem;
	vertical-align: middle;
}

.structured-content .structured-card-section article .image-card-link a span + svg {
	display: inline-block;
	fill: #fff;
	height: 0.875rem;
	vertical-align: middle;
	width: 0.875rem;
}

.structured-content .structured-card-section article .image-card-link a:hover, 
.structured-content .structured-card-section article .image-card-link a:focus, 
.structured-content .structured-card-section article .image-card-link a:active {
	background-color: var(--color-dark-blue);
}

.structured-content .section-simple-content h3 {
	margin: 0 auto 0.2rem auto;
	max-width: 48rem;
}

.structured-content .simple-content p, 
.structured-content .simple-content ol, 
.structured-content .simple-content ul {
	text-align: left;
}

.structured-content .simple-content ul {
	list-style-type: disc;
}

.structured-content .centered p {
	text-align: center;
}

.structured-content .simple-content ol, 
.structured-content .simple-content ul {
	margin: 0 0 1.5rem 1rem;
}

.structured-content .simple-content ol ol,
.structured-content .simple-content ol ul, 
.structured-content .simple-content ul ol,
.structured-content .simple-content ul ul {
	margin-bottom: 0.25rem;
}

/* structured content pages - features sections */
.structured-content .tab-container {
	margin-top: 1.5rem;
	text-align: center;
}

.structured-content .tab-container button {
	background-color: var(--color-medium-gray);
	border: 1px solid var(--color-medium-dark-gray);
	border-radius: 0.25rem;
	color: var(--color-very-dark-gray);
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 600;
	margin: 0 0.75rem 1rem 0;
	opacity: 0.75;
}

.structured-content .tab-container button:last-child {
	margin-right: 0;
}

.structured-content .tab-container button:hover {
	animation: none;
	background-color: var(--color-alternate-gray-2);
	color: var(--color-very-dark-gray);
	opacity: 1;
}

.structured-content .tab-container .active-tab, 
.structured-content .tab-container .active-tab:hover {
	background-color: var(--color-medium-blue);
	border-color: var(--color-medium-blue);
	border-radius: 0.25rem;
	color: #fff;
	opacity: 1;
}

.structured-content .tab-content-container .column-icon {
	border-radius: 50%;
	height: 4rem;
	margin-left: 0;
	width: 4rem;
}

.structured-content .tab-content-container .column-icon svg {
	height: 2.4rem;
	margin: 0.7rem auto 0 auto;
	transition: 0.75s all;
	width: 2.5rem;
}

.structured-content .tab-content-container .grid-box-5 {
	padding: 0 5% 1rem 0;
}

.structured-content .tab-content-container h2{
    text-align: left;
}

.structured-content .tab-content-container h4 {
	color: var(--color-very-dark-gray);
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2em;
    margin:0;
	text-align: left;
}

.structured-content .tab-content-container .feature-content-copy {
	margin-top: 0.5rem;
	transition: 0.75s all;
}

.structured-content .tab-content-container .feature-image-enlarger {
	background-color: transparent;
	border-radius: 0.25rem;
	color: var(--color-medium-blue);
	display: block;
	font-size: 1rem;
	font-weight: 400;
	text-align: left;
	padding: 0;
	width: 9rem;
}

.structured-content .tab-content-container .feature-image-enlarger:hover {
	color: var(--color-dark-blue);
}

.structured-content .tab-content-container .feature-content-copy .blue-box, 
.structured-content .tab-content-container .feature-content-copy .orange-box {
	margin-bottom: 1.5rem;
	text-align: left;
}

.structured-content .feature-slideshow {
	padding-bottom: 62.5%;
	position: relative;
}

.structured-content .feature-slideshow .feature-slide-container {
	border-radius: 0.5rem;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.structured-content .slide-container-standard {
	background-color: #fff;
}

.structured-content .slide-container-alternate {
	background-color: var(--color-alternate-gray);
}

.structured-content .feature-slideshow .feature-slide-container img {
	border: 1px solid var(--color-alternate-gray);
	border-radius: 0.5rem;
	display: block;
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
}

.structured-content .tab-content-container .feature-slideshow-dots {
	text-align: center;
}

.structured-content .tab-content-container .feature-slideshow-dots span {
	background-color: var(--color-alternate-gray);
	border: 2px solid var(--color-dark-gray);
	border-radius: 50%;
	display: inline-block;
	height: 0.75rem;
	margin: 0 0.5rem;
	transition: 0.75s all;
	width: 0.75rem;
}

.structured-content .tab-content-container .feature-slideshow-dots .active {
	background-color: var(--color-light-orange);
	border-color: var(--color-orange);
}

.structured-content .tab-content-container .feature-slideshow-image {
	align-items: flex-start;
	display: flex;
	height: 62.5% !important;
	justify-content: center;
	position: relative;
}

.structured-content .tab-content-container .feature-slideshow-image img {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	display: none;
	margin: 0 auto 1rem auto;
	max-height: 90%;
	max-width: 90%;
	transition: 0.75s all;
}

.structured-content .tab-content-container .feature-slideshow-image img:first-of-type {
	display: block;
}

.feature-image-overlay {
	z-index: 1000000000;
}

.structured-content .feature-image-overlay .feature-image-overlay-content {
	margin: 0 auto;
	max-width: 48rem;
	width: 90%;
}

.feature-image-overlay .feature-image-overlay-content header {
	border-bottom-color: var(--color-medium-gray);
}

.feature-image-overlay .feature-image-overlay-content header > span {
	flex: 1;
	text-align: left;
}

.feature-image-overlay .feature-image-overlay-content section {
	padding: 1.5rem;
}

.feature-image-overlay .feature-image-overlay-content section > img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

/* structured content pages - bonus feature sections */
.structured-content .bonus-feature {
	padding-bottom: 3rem;
}

.structured-content .bonus-feature-content {
	align-items: center;
}

.structured-content .bonus-feature-section-icon {
	border: 2px solid var(--color-orange);
	border-radius: 50%;
	display: block;
	height: 4rem;
	padding-top: 0.6rem;
	width: 4rem;
}

.structured-content .bonus-feature-section-icon svg {
	display: block;
	fill: var(--color-orange);
	height: 2.4rem;
	margin: 0.2rem auto 0 auto;
	width: 2.4rem;
}

.structured-content .bonus-feature-section-copy {
	padding: 0 1.5rem;
}

.structured-content .bonus-feature-section-copy h3, 
.structured-content .bonus-feature-section-copy h4 {
	color: #000;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.333;
	margin-bottom: 0.25rem;
	text-align: left;
}

.structured-content .bonus-feature-section-copy p {
	margin-bottom: 0;
}

.structured-content .bonus-feature-section-cta svg {
	fill: #fff;
}

/* structured content pages - skills list sections */
.structured-content .skills-list-content {
	align-items: stretch;
	justify-content: center;
	margin-top: 1.5rem;
}

.structured-content .skills-list-content article {
	background-color: #fff;
	border: 1px solid var(--color-alternate-gray);
	border-radius: 0.5rem;
	box-shadow: 0 1px 2px rgba(54,54,54,0.075);
	box-sizing: border-box;
	margin: 0 2% 1.5rem 2%;
	padding: 1.5rem;
	width: 30%;
}

.structured-content .skills-list-content article .product-name svg {
	margin-left: 0;
}

.structured-content .skills-list-content article:nth-child(3n-2) {
	margin-left: 0;
}

.structured-content .skills-list-content article:nth-child(3n) {
	margin-right: 0;
}

.structured-content .skills-list-content.skills-list-two-column article, 
.structured-content .skills-list-content.skills-list-two-column article:nth-child(3n-2),
.structured-content .skills-list-content.skills-list-two-column article:nth-child(3n) {
	margin: 0 2% 1.5rem 2%;
	width: 46%;
}

.structured-content .skills-list-content .product-name-text {
	border-bottom: 1px solid var(--color-alternate-gray);
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
}

.structured-content .skills-list-content .product-name-text p {
	font-family: var(--font-serif);
	font-size: 1.65rem;
	line-height: 1.333;
	margin-bottom: 0.25rem;
}

.structured-content .skills-list-content .product-name-text p span:first-of-type {
	color: var(--color-dark-blue);
	font-weight: 600;
}

.structured-content .skills-list-content .product-name-text p span:last-of-type {
	color: var(--color-dark-gray);
	font-weight: 400;
}

.structured-content .skills-list-content h4, 
.structured-content .skills-list-content h5, 
.structured-content .skills-list-content h6 {
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-size: 1.333rem;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0.5rem;
}

.structured-content .skills-list-content h4, 
.structured-content .skills-list-content h5 {
	text-align: center;
}

.structured-content .skills-list-content h6 {
	font-size: 1.25rem;
}

.structured-content .skills-list-content .product-name-text + h5 {
	display: none;
}

.structured-content .skills-list-content article p {
	text-align: center;
}

.structured-content .skills-list-content ul {
	color: var(--color-very-dark-gray);
	margin: 0 0 1rem 1.25rem;
}

.structured-content .skills-list-content p + ul {
	margin-top: -0.5rem;
}

.structured-content .skills-list-content ul li {
	line-height: 1.333;
	list-style-type: disc;
	margin: 0.25rem 0;
}

.structured-content .skills-list-content ul li, 
.structured-content .skills-list-content p {
	font-size: 1rem;
}

.structured-content .skills-list-content p strong {
	color: var(--color-dark-blue);
}

.structured-content .skills-list-content > article > img, 
.structured-content .skills-list-content > article > video, 
.structured-content .skills-list-content > article > iframe {
	border-radius: 0.5rem;
	display: block;
	margin: 0 auto 1rem auto;
	max-height: 8rem;
	max-width: 100%;
}

.structured-content .skills-list-content > article > video, 
.structured-content .skills-list-content > article > iframe {
	max-height: 11.6rem;
}

.structured-content .skills-list-content .skill-tab-disclaimer {
	color: var(--color-dark-gray);
	font-size: 0.9rem;
}

.structured-content .skills-disclaimer, 
.structured-content .skills-disclaimer p {
	text-align: left;
	width: 100%;
}

.structured-content .skills-disclaimer p {
	font-size: 0.9rem;
	padding-left: 1rem;
}

.structured-content .skills-disclaimer p:before {
	color: var(--color-red);
	content: '*';
	padding-right: 0.25rem;
}

.structured-content .skills-list-content .skills-group-link, 
.structured-content .skills-list-content .skills-group-link:visited {
	background-color: var(--color-medium-blue);
	border-radius: 0.25rem;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 0.75rem;
	text-align: center;
	text-decoration: none;
	width: 10rem;
}

.structured-content .skills-list-content .skills-group-link:hover, 
.structured-content .skills-list-content .skills-group-link:focus, 
.structured-content .skills-list-content .skills-group-link:active {
	background-color: var(--color-dark-blue);
}

.structured-content .skills-list-content .document-link {
	display: block;
	font-weight: 400;
	margin: 0.75rem auto;
	text-decoration: none;
	width: 80%;
}

.structured-content .skills-list-content .document-link span {
	display: inline-block;
	padding-right: 0.25rem;
	vertical-align: middle;
}

.structured-content .skills-list-content .document-link span + span {
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
}

.structured-content .skills-list-content .document-link img {
	display: inline-block;
	height: 1.25rem;
	margin-right: 0.5rem;
	vertical-align: middle;
	width: 1.25rem;
}

/* structured content pages - flow sections */
.structured-content .flow-container {
	align-items: stretch;
	margin-top: 2rem;
	position: relative;
}

.structured-content .flow-container > article {
	background-color: var(--color-alternate-gray);
	border-color: var(--color-alternate-gray);
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	filter: grayscale(1);
	opacity: 0.25;
	padding: 2rem;
	transition: 1s all;
	width: 50%;
}

.structured-content .flow-container > article:first-child {
	border-bottom-width: 1px;
	border-right-width: 1px;
}

.structured-content .flow-container > article:last-of-type {
	border-left-width: 1px;
	border-top-width: 1px;
}

.structured-content .flow-container > article:nth-child(odd) {
	border-left: 0;
	padding-right: 5%;
}

.structured-content .flow-container > article:nth-child(even) {
	border-left: 0;
	border-right: 0;
	padding-left: 5%;
}

.structured-content .flow-container > article.active-box {
	background-color: #fff;
	filter: grayscale(0);
	opacity: 1;
}

.structured-content .flow-container > article:first-child, 
.structured-content .flow-container > article:nth-child(2) {
	border-top: 0;
}

.structured-content .flow-container > article:first-child {
	border-top-left-radius: 0.5rem;
}

.structured-content .flow-container > article:nth-child(2) {
	border-top-right-radius: 0.5rem;
}

.structured-content .flow-container > article:nth-child(3),
.structured-content .flow-container > :nth-child(4) {
	border-bottom: 0;
}

.structured-content .flow-container > article:nth-child(3) {
	border-bottom-left-radius: 0.5rem;
}

.structured-content .flow-container > article:nth-child(4) {
	border-bottom-right-radius: 0.5rem;
}

.structured-content .flow-container > article .icon {
	border: 2px solid var(--color-orange);
	border-radius: 50%;
	height: 4rem;
	width: 4rem;
}

.structured-content .flow-container > article .icon svg {
	display: block;
	fill: var(--color-orange);
	height: 2.5rem;
	margin: 0.65rem auto 0 auto;
	width: 2.5rem;
}

.structured-content .flow-container > article h4 {
	color: var(--color-very-dark-gray);
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0.9rem 0;
	text-align: left;
}

.structured-content .flow-container > article h4 span {
	color: var(--color-orange);
	font-weight: 400;
}

.structured-content .flow-container > article .note {
	border-top: 1px solid var(--color-alternate-gray);
	padding-top: 1rem;
}

.structured-content .flow-container > article .note p {
	font-size: 0.9rem;
	line-height: 1.2;
}

.structured-content .flow-container > article .note p span {
	color: var(--color-orange);
	padding-right: 0.25rem;
}

.structured-content .flow-container .progress-container-outer, 
.structured-content .flow-container .progress-container-inner {
	border-radius: 50%;
	height: 4rem;
	left: 49%;
	left: calc(49.8% - 2rem);
	position: absolute;
	top: calc(50% - 2rem);
	width: 4rem;
}

.structured-content .flow-container .progress-container-outer {
	background-color: #fff;
	border: 2px solid var(--color-orange);
	text-indent: 0;
	z-index: 100;
        
}

.structured-content .flow-container .progress-container-inner {
	border: 2px solid transparent;
	height: 100%;
	height: calc(100% + 5px);
	overflow: hidden;
	position: relative;
	transition: 1s all;
	transform-origin: center;
	width: 100%;
	width: calc(100% + 5px);
	z-index: 101;
}

.structured-content .flow-container .progress-container-outer button {
	background-color: #fff;
	border-radius: 50%;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 104;
}

.structured-content .flow-container .progress-container-outer button svg {
	display: block;
	fill: var(--color-orange);
	height: 1.6rem;
	margin: 0 auto 0 0;
	width: 1.6rem;
}

.structured-content .flow-container .progress-container-outer button:hover svg {
	fill: var(--color-dark-orange);
}

.structured-content .flow-container .flow-slice {
	background-color: var(--color-orange);
	height: 2rem;
	left: 0;
	position: absolute;
	top: 0;
	transform-origin: 100% 100%;
	transition: 1s;
	width: 2rem;
	z-index: 102;
}

@keyframes flowCircle {
	0%   { transform: rotate(0); }
	5%   { transform: rotate(0); }
	10%  { transform: rotate(0); }
	15%  { transform: rotate(0); }
	20%  { transform: rotate(0); }
	30%  { transform: rotate(90deg); }
	35%  { transform: rotate(90deg); }
	40%  { transform: rotate(90deg); }
	45%  { transform: rotate(90deg); }
	55%  { transform: rotate(180deg); }
	60%  { transform: rotate(180deg); }
	65%  { transform: rotate(180deg); }
	70%  { transform: rotate(180deg); }
	80%  { transform: rotate(270deg); }
	85%  { transform: rotate(270deg); }
	90%  { transform: rotate(270deg); }
	95%  { transform: rotate(270deg); }
	100% { transform: rotate(360deg); }
}

/* structured content pages - form sections */
.structured-content .form-container {
	margin: 0 auto;
}

.structured-content .form-container .mktoForm .mktoRequiredField label.mktoLabel, 
.structured-content .form-container .mktoForm label.mktoLabel, 
.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label, 
.structured-content .wpcf7-form label {
	color: var(--color-very-dark-gray);
	font-family: var(--font-sans-serif) !important;
}

.structured-content .form-container .mktoForm.mktoLayoutAbove .mktoField input, 
.structured-content .form-container .mktoForm.mktoLayoutAbove .mktoLogicalField input, 
.structured-content .form-container .mktoForm.mktoLayoutAbove .mktoField select, 
.structured-content .form-container .mktoForm.mktoLayoutAbove .mktoLogicalField select, 
.structured-content .form-container .mktoForm.mktoLayoutAbove .mktoField textarea, 
.structured-content .form-container .mktoForm.mktoLayoutAbove .mktoLogicalField textarea, 
.structured-content .wpcf7-form input, 
.structured-content .wpcf7-form textarea {
	background-color: #fff !important;
	border-radius: 0.25rem !important;
	font-size: 1rem;
	height: 3rem !important;
}

.structured-content .form-container .mktoAsterix {
	color: var(--color-red) !important;
}

.structured-content .wpcf7-form input,
.structured-content .wpcf7-form textarea {
	width: 100%;
}

.structured-content .wpcf7-form textarea {
	height: 8rem !important;
}

.structured-content .form-container .mktoForm.mktoLayoutAbove input[type=checkbox] {
	background-color: transparent !important;
    height: auto !important;
}

.structured-content .form-container .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton, 
.structured-content .wpcf7-form button, 
.structured-content .wpcf7-form input[type=submit] {
	background-color: var(--color-medium-blue) !important;
	border-radius: 0.25rem !important;
	box-shadow: none !important;
	transition: 0.75s;
}

.structured-content .form-container .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton:hover, 
.structured-content .wpcf7-form button:hover, 
.structured-content .wpcf7-form input[type=submit]:hover {
	background-color: var(--color-dark-blue) !important;
}

.structured-content .form-container .mktoForm.mktoLayoutAbove select {
	background-color: #fff !important;
}

.structured-content .page-section.section-fancy .section-icon {
	fill: #fff;
}

.structured-content .page-section.section-fancy h2, 
.structured-content .page-section.section-fancy h3, 
.structured-content .page-section.section-fancy p, 
.structured-content .page-section.section-fancy .simple-content p {
	color: #fff;
}

.structured-content .page-section.section-fancy h3 {
	font-weight: 400;
}

.structured-content .page-section .fancy-form-container .mktoForm {
	max-width: 100%;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoFormCol {
	clear: both;
	float: none;
	width: 100%;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoRequiredField label.mktoLabel, 
.structured-content .page-section .fancy-form-container .mktoForm label.mktoLabel, 
.structured-content .page-section .fancy-form-container .mktoForm .mktoRadioList > label, 
.structured-content .page-section .fancy-form-container .mktoForm .mktoCheckboxList > label, 
.structured-content .page-section .fancy-form-container .wpcf7-form label {
	color: var(--color-very-dark-gray);
	font-family: var(--font-sans-serif) !important;
	width: 100% !important;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoGutter {
	display: none;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoAsterix {
	display: inline;
	float: none;
	padding-right: 0.25rem;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton, 
.structured-content .page-section .fancy-form-container .wpcf7-form button, 
.structured-content .page-section .fancy-form-container .wpcf7-form input[type=submit], 
.structured-content .page-section .fancy-form-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
	background-color: var(--color-orange) !important;
	background-image: none !important;
	border-radius: 0.25rem !important;
	box-shadow: none !important;
	display: block;
	margin: 1rem auto !important;
	padding: 1rem 1.5rem !important;
	transition: 0.75s;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton:hover, 
.structured-content .page-section .fancy-form-container .wpcf7-form button:hover, 
.structured-content .page-section .fancy-form-container .wpcf7-form input[type=submit]:hover, 
.structured-content .page-section .fancy-form-container .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
	background-color: var(--color-dark-orange) !important;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoFormCol, 
.structured-content .page-section .fancy-form-container .mktoForm .mktoFieldWrap {
	clear: both;
	float: none;
	width: 100%;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoRadioList > label, 
.structured-content .page-section .fancy-form-container .mktoForm .mktoCheckboxList > label {
	color: var(--color-very-dark-gray);
}

.structured-content .page-section .fancy-form-container .mktoForm input, 
.structured-content .page-section .fancy-form-container .mktoForm select, 
.structured-content .page-section .fancy-form-container .mktoForm textarea {
	background-color: #fff;
	border: 1px solid var(--color-medium-blue);
	box-shadow: none;
	clear: both;
	display: block;
	height: 2.5rem !important;
	margin-bottom: 0.5rem !important;
	min-height: 2.5rem !important;
	padding: 0.6rem 0.75rem !important;
	transition: 0.75s linear;
	max-width: 20rem !important;
	vertical-align: middle;
	width: 100% !important;
}

.structured-content .page-section .fancy-form-container .mktoForm input + label {
	vertical-align: middle;
}

.structured-content .page-section .fancy-form-container .mktoForm input[type="checkbox"], 
.structured-content .page-section .fancy-form-container .mktoForm input[type="radio"] {
	margin-top: 6px !important;
}

.structured-content .page-section .fancy-form-container .mktoForm textarea {
	height: 6rem !important;
}

.structured-content .page-section .fancy-form-container .mktoForm input:focus, 
.structured-content .page-section .fancy-form-container .mktoForm select:focus, 
.structured-content .page-section .fancy-form-container .mktoForm textarea:focus {
	background-color: var(--color-lightest-blue);
	border-color: var(--color-dark-blue);
	outline: none;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton {
	background-color: var(--color-medium-blue) !important;
	border-radius: 5px;
	line-height: 1;
	padding: 1rem 2.5rem 2rem 2.5rem !important;
	transition: 0.75s linear;
}

.structured-content .page-section .fancy-form-container .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton:hover {
	background-color: var(--color-dark-blue) !important;
}

.structured-content .page-section .fancy-form-container .mktoTemplateBox {
	background-color: var(--color-alternate-gray);
	border: 1px dashed var(--color-medium-dark-gray);
	border-radius: 0.5rem;
	padding: 1.5rem;
}

.structured-content .page-section .fancy-form-container .mktoForm button.mktoButton {
	margin: 0.5rem 0 !important;
}

.structured-content .confirmation-overlay {
	z-index: 2010;
}

.structured-content .confirmation-overlay .content {
	max-width: 42rem;
	padding: 0;
	width: 90%;
}

.structured-content .confirmation-overlay .content .content-wrapper {
	padding: 1.5rem;
}

.structured-content .confirmation-overlay p {
	text-align: center;
}

.structured-content .confirmation-overlay .confirmation-title {
	color: var(--color-medium-green);
	font-family: var(--font-serif);
	font-size: 2.5rem;
	font-weight: 400;
	margin-bottom: 0.25rem;
}

.structured-content .confirmation-overlay .confirmation-footer {
	background-color: var(--color-medium-gray);
	border: 1px solid var(--color-alternate-gray-2);
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	padding: 0.75rem 0;
	text-align: center;
}

.structured-content .confirmation-overlay .confirmation-footer button {
	background-color: var(--color-medium-blue);
	border-radius: 0.25rem;
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	margin: 0 auto;
}

.structured-content .confirmation-overlay .confirmation-footer button:hover {
	background-color: var(--color-dark-blue);
}

.structured-content .confirmation-overlay .confirmation-media img, 
.structured-content .confirmation-overlay .confirmation-media iframe {
	display: block;
	margin: 0 auto;
	max-height: 50vh;
	max-width: 90%;
}

/* structured content pages - split link sections */
.structured-content .split-link-section {
	padding: 4rem 0;
	position: relative;
}

.structured-content .split-link-section .faded-circles {
	border-radius: 50%;
	display: none;
	left: 0;
	height: calc(100vw / 3);
	opacity: 0.5;
	position: absolute;
	top: 0;
	transform-origin: 50% 50%;
	width: calc(100vw / 3);
	z-index: 0;
}

.structured-content .split-link-section .faded-circles-blue {
	background: radial-gradient(ellipse at center,rgba(30,153,230,0.25) 0%,rgba(30,153,230,0.25) calc(100%/3),rgba(30,153,230,0.15) calc(100%/3),rgba(30,153,230,0.15) 50%,rgba(30,153,230,0.05) 50%,rgba(30,153,230,0.05) 100%);
}

.structured-content .split-link-section .faded-circles-orange {
	background: radial-gradient(ellipse at center,rgba(255,131,0,0.25) 0%,rgba(255,131,0,0.25) calc(100%/3),rgba(255,131,0,0.15) calc(100%/3),rgba(255,131,0,0.15) 50%,rgba(255,131,0,0.05) 50%,rgba(255,131,0,0.05) 100%);
}

.structured-content .split-link-content {
	align-items: center;
}

.structured-content .split-link-content > div:first-of-type {
	width: 50%;
	position: relative;
}

.structured-content .split-link-content > div:first-of-type img, 
.structured-content .split-link-content > div:first-of-type video, 
.structured-content .split-link-content > div:first-of-type iframe {
	border: 1px solid var(--color-medium-gray);
	border-radius: 0.5rem;
	display: block;
	float: right;
	max-width: 100%;
	object-fit: cover;
}

.structured-content .split-link-content > div:last-of-type {
	padding-left: 10%;
	flex: 1;
}

.structured-content .split-link-content h2, 
.structured-content .split-link-content h3, 
.structured-content .split-link-content p {
	text-align: left;
}

.structured-content .split-section-link {
	border: 0.25rem solid #fff;
	border-radius: 50%;
	height: 5rem;
	padding: 0;
	position: absolute;
	right: -2.5rem;
	text-align: center;
	top: calc(50% - 2.5rem);
	width: 5rem;
	z-index: 500;
}

.structured-content .split-section-link svg {
	display: block;
	fill: #fff;
	height: 2rem;
	margin: 1.25rem auto 0 auto;
	width: 2rem;
}

.structured-content button.split-section-link svg {
	margin: 0.125rem auto 0 1.3rem;
}

.structured-content .split-link-content .link-blue {
	background-color: var(--color-medium-blue);
}

.structured-content .split-link-content .link-blue:hover {
	background-color: var(--color-dark-blue);
}

.structured-content .split-link-content .link-orange {
	background-color: var(--color-orange);
}

.structured-content .split-link-content .link-orange:hover {
	background-color: var(--color-dark-orange);
}

/* structured content pages - list sections */
.structured-content .section-list-section h3 {
	margin: 0 auto 0.25rem auto;
	max-width: 60rem;
}

.structured-content .list-item {
	background-color: #fff;
	margin: 0 auto;
	max-width: 70rem;
}

.structured-content .list-item:nth-child(even) {
	background-color: var(--color-alternate-gray);
}
 
.structured-content .list-item > div {
	padding: 1rem;
}

.structured-content .list-item .list-item-title {
	width: 13rem;
}

.structured-content .list-item .list-item-title > .product-name {
	font-size: 1.1rem;
}

.structured-content .list-item .list-item-description {
	flex: 1;
}

.structured-content .list-item .list-item-link {
	text-align: right;
	width: 10rem;
}

.structured-content .list-item p:last-child {
	margin-bottom: 0;
}

.structured-content .list-item .blue-box {
	margin-top: 0;
}

.structured-content .list-item .blue-box a {
	line-height: 1.1;
	padding: 0.75rem 1rem;
	white-space: nowrap;
	width: 8rem;
}

/* structured content pages - pillars */
.structured-content .section-pillars article {
	margin-bottom: 2rem;
}

.structured-content .section-pillars article p:last-of-type {
	margin-bottom: 0;
}

.structured-content .section-pillars article p:last-of-type + .generated-link-container {
	margin-top: 0.75rem;
}

.structured-content .section-pillars .pillars-additional h4 {
	font-size: 1.25rem;
	font-weight: 500;
}

.structured-content .section-pillars .pillars-additional p {
	text-align: center;
}

/* US map colors */
.structured-content .us-svg-map svg {
	fill: #fff;
}

.structured-content .us-svg-map path {
	cursor: pointer;
	stroke-dasharray: 6,6;
	stroke-width: 0.5;
	transition: 0.75s fill ease-in-out;
}

/* state selector list */
.structured-content .state-selector {
    display: flex;
    position: relative;
}

.structured-content .state-selector input {
    background-color: var(--color-medium-gray);
    border: 1px solid #fff;
    border-bottom-left-radius: 0.25rem;
    border-right: 1px solid rgba(128,128,132,0.25);
    border-top-left-radius: 0.25rem;
    color: var(--color-very-dark-gray);
    display: inline-block;
    font-family: var(--font-sans-serif);
    font-size: 1rem;
    height: 3rem;
    margin: 0;
    width: 12rem;
}

.structured-content .state-selector input:focus {
    border: 1px solid var(--color-orange);
    border-right: 0;
    outline: 0;
}

.structured-content .state-selector button {
    background-color: var(--color-medium-gray);
    border: 1px solid #fff;
    border-radius: 0;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    display: inline-block;
    height: 3rem;
    margin: 0;
    padding: 0;
    width: 3rem;
}

.structured-content .state-selector button svg {
	display: block;
	fill: var(--color-orange);
	height: 1.25rem;
	margin: 0.1rem auto 0 auto;
	transform-origin: center;
	transition: 0.75s;
	width: 1.25rem;
}

.structured-content .state-selector input:focus + button {
	background-color: var(--color-orange);
	border-color: var(--color-orange);
}

.structured-content .state-selector input:focus + button svg {
	fill: #fff;
}

.structured-content .state-selector ul {
	background-color: var(--color-very-dark-gray);
    border: 1px solid #fff;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    display: none;
    left: 0;
    max-height: 11rem;
    list-style-type: none;
    overflow-y: auto;
    position: absolute;
    top: -11rem;
    width: 100%;
}

.structured-content .state-selector ul li {
	align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.25);
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 2.75rem;
    line-height: 1;
    padding: 0 0.5rem;
    transition: 0.4s background-color ease-in-out;
    width: 100%;
}

.structured-content .state-selector ul li:hover {
	background-color: var(--color-dark-blue);
}

.structured-content .state-selector ul li svg {
    display: block;
    fill: #fff;
    height: 1.25rem;
    width: 1.25rem;
}

.structured-content .state-selector ul li span:first-of-type {
	display: block;
	flex: 1;
	padding-left: 0.5rem;
}

.structured-content .state-selector ul li span:last-of-type {
	display: block;
	width: 2rem;
}

/* structured content pages - callout sections */
.structured-content .section-callout {
	padding: 3rem 0;
	position: relative;
}

.structured-content .section-callout .banner-gradient {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.structured-content .section-callout .callout-text {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem 0;
	position: relative;
}

.structured-content .section-callout .callout-border {
	border: 1px dashed rgba(255,255,255,0.5);
	border-radius: 0.5rem;
	padding: 1.5rem;
}

@keyframes dashAnimation {
	0%   { border-color: rgba(255,255,255,0); border-style: solid; transform: scale3d(0,0,0); }
	85%  { border-color: rgba(255,255,255,1); border-style: dashed; transform: scale3d(1.1,1.1,1.1); }
	100% { border-color: rgba(255,255,255,1); border-style: dashed; transform: scale3d(1,1,1); }
}

.structured-content .section-callout .dots {
	display: block;
	fill: transparent;
	height: 4.626rem;
	margin: 0 auto 1rem auto;
	position: relative;
	stroke-width: 3;
	transform-origin: 50% 100%;
	width: 1.5rem;
}
@keyframes dotAnimation {
	0%   { transform: rotate(0deg) scale3d(0,0,0); }
	90%  { transform: rotate(324deg) scale3d(1.1,1.1,1.1); }
	100% { transform: rotate(360deg) scale3d(1,1,1); }
}

.structured-content .section-callout .line {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 0;
	margin: 0.75rem auto;
	max-width: 24rem;
	position: relative;
	transform-origin: center;
	width: 90%;
}
@keyframes lineAnimation {
	0%   { transform: scale3d(0,0,0); }
	90%  { transform: scale3d(1.1,1,1.1); }
	100% { transform: scale3d(1,1,1); }
}

.structured-content .section-callout .line.callout-animate-go {
	animation: lineAnimation 2s linear forwards;
}

.structured-content .section-callout .dots.callout-animate-go {
	animation: dotAnimation 2s linear forwards;
}

.structured-content .section-callout .callout-border.callout-animate-go {
	animation: dashAnimation 1.5s linear forwards;
}

/* contact cards section */
.structured-content  .contact-cards-section .contact-grid {
	box-sizing: border-box;
	display: grid;
	grid-gap: 1.5rem;
	grid-template-columns: calc(50% - 0.75rem) calc(50% - 0.75rem);
	margin: 1rem auto 0 auto;
	max-width: 100%;
}

.structured-content  .contact-cards-section .contact-card {
	background-color: var(--color-light-gray);
    border: 1px solid var(--color-alternate-gray-2);
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: center;
}

.structured-content  .contact-cards-section .contact-card > p {
	color: var(--color-very-dark-gray);
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	margin-bottom: 0.25rem;
	text-transform: uppercase;
}

.structured-content  .contact-cards-section .contact-card .contact-card-link {
    background-color: #fff;
    border: 1px solid var(--color-alternate-gray-2);
    border-radius: 0.5rem;
    box-shadow: 0 0.375rem 0.75rem rgb(20 20 24 / 5%), -0.25rem -0.25rem 0.5rem rgb(255 255 255 / 5%);
    color: var(--color-medium-blue);
    display: inline-block;
    margin: 0.5rem auto;
    max-width: 24rem;
    padding: 1.5rem 1.5rem;
    text-align: center;
    text-decoration: none;
    transform-origin: center;
    transition: 0.75s ease;
    width: 90%;
}

.structured-content  .contact-cards-section .contact-card .contact-card-link:hover {
	transform: scale3d(1.05,1.05,1.05);
}

.structured-content  .contact-cards-section .contact-card .contact-card-link svg, 
.structured-content  .contact-cards-section .contact-card .contact-card-link span  {
	display: inline-block;
	padding: 0 0.25rem;
	vertical-align: middle;
}

.structured-content  .contact-cards-section .contact-card .contact-card-link svg {
	fill: var(--color-medium-blue);
	height: 2rem;
}

/* structured content pages - sliver sections */
.structured-content .sliver-section {
	padding: 0.75rem 0;
}

.structured-content .sliver-section .flex-box {
	align-items: center;
}

.structured-content .sliver-section .flex-box > div:first-of-type {
	width: 2rem;
}

.structured-content .sliver-section .flex-box > div:first-of-type svg {
	display: block;;
	height: 2rem;
	width: 2rem;
}

.structured-content .sliver-section .flex-box > div:nth-of-type(2) {
	flex: 1;
	padding: 0 1.25rem;
}

.structured-content .sliver-section h2 {
	color: #fff;
	font-size: 1rem !important;
	letter-spacing: 0.1rem;
	line-height: 1.4;
	text-align: left;
}

.structured-content .sliver-section .flex-box > div:nth-of-type(2) p {
	margin-bottom: 0;
}

.structured-content .sliver-section .flex-box > div:nth-of-type(3) {
	text-align: right;
}

.structured-content .sliver-section .flex-box > div:nth-of-type(3) > div {
	margin-top: 0;
} 

.structured-content .sliver-section .flex-box > div:nth-of-type(3) > div > a {
	border: 0 !important;
	border-radius: 0.25rem !important;
	display: block !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	padding: 0.75rem !important;
	text-align: center !important;
	text-decoration: none !important;
}

.structured-content .sliver-section .flex-box > div:nth-of-type(3) > div > a:hover, 
.sliver-section .flex-box > div:last-of-type > div > a:focus, 
.sliver-section .flex-box > div:last-of-type > div > a:active {
	box-shadow: 0 0 20px rgba(255,255,255,0.25);
	opacity: 0.8;
}

/* structured content pages - video sections */ 
.structured-content .videos-section .videos-primary, 
.structured-content .videos-section .videos-secondary {
	margin-top: 1.5rem;
}

.structured-content .videos-section .videos-secondary {
	justify-content: center;
	grid-column-gap: 2rem;	
}

.structured-content .videos-section .videos-primary > div, 
.structured-content .videos-section .videos-secondary > div {
	margin: 0 auto;
	width: 44%;
}

.structured-content .videos-section .videos-primary .primary-video, 
.structured-content .videos-section .videos-secondary .secondary-video {
	margin: 0 auto !important;
	position: relative;
	width: 44%;
}

.structured-content .videos-section .videos-secondary .secondary-video {
	margin: 0 2rem !important;
	width: 27.333%;
}

.structured-content .videos-section .videos-secondary .secondary-video-two-columns {
	width: 40% !important;
}

.structured-content .videos-section .videos-primary .primary-video > div, 
.structured-content .videos-section .videos-secondary .secondary-video > div {
	border: 1px solid var(--color-alternate-gray-2);
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}

.structured-content .videos-section .videos-primary .primary-video > .vidyard-frame iframe, 
.structured-content .videos-section .videos-primary .secondary-video > .vidyard-frame iframe {
	aspect-ratio: 1.778; /* assume aspect ratio is 16:9 */
	display: block;
	object-fit: cover;
	width: 100%;
}

.structured-content .videos-section .videos-primary .primary-video > .youtube-frame, 
.structured-content .videos-section .videos-secondary .secondary-video > .youtube-frame {
	padding-bottom: 62.5%;
}

.structured-content .videos-section .videos-primary .primary-video video, 
.structured-content .videos-section .videos-secondary .secondary-video video, 
.structured-content .videos-section .videos-primary .primary-video iframe, 
.structured-content .videos-section .videos-secondary .secondary-video iframe {
	margin: 0 auto;
	max-width: 100%;
	object-fit: cover;
}

.structured-content .videos-section .videos-primary .primary-video h4, 
.structured-content .videos-section .videos-secondary .secondary-video h4 {
	font-family: 'adelle',Georgia,serif;
	font-size: 1.1rem;
	font-size-adjust: 1;
	font-style: italic;
	margin: 0.5rem 0.5rem 0.25rem 0;
	text-align: left;
}

.structured-content .videos-section .videos-primary .primary-video p {
	line-height: 1.4;
	margin: 0 0.5rem 1.5rem 0.5rem;
}

.structured-content .videos-section .videos-secondary .secondary-video p {
	line-height: 1.4;
	margin: 0.5rem 0;
}

/* structured content pages - webinar sections */
.structured-content .webinars-section h4 {
	margin-top: 0.5rem;
}

.structured-content .webinars-section .webinar-items > div {
	text-align: center;
	vertical-align: top;
}

.structured-content .webinars-section .webinar-items {
	text-align: center;
}

.structured-content .webinars-section .webinar-items-wrapper > div:first-of-type {
	margin-bottom: 1.5rem;
}

.structured-content .webinars-section article {
	border-radius: 0.5rem;
	border-style: dashed;
	border-width: 1px;
	display: inline-block;
	margin: 0 2% 0.75rem 2%;
	padding: 1rem;
	vertical-align: top;
	width: 28%;
}

.structured-content .webinars-section.section-alternate article {
	background-color: #fff;
	border-color: var(--color-medium-dark-gray);
}

.structured-content .webinars-section.section-standard article {
	background-color: var(--color-light-gray);
	border-color: var(--color-alternate-gray-2);
}

.structured-content .webinars-section article h5 {
	color: var(--color-dark-blue);
	font-size: 1.1rem;
	font-weight: 400;
	margin-bottom: 0.25rem;
}

.structured-content .webinars-section article p:first-of-type {
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.structured-content .webinars-section article p:first-of-type span:last-of-type span:last-of-type {
	display: none;
}

.structured-content .webinars-section article p:last-of-type {
	margin-bottom: 0.5rem;
}

.structured-content .webinars-section article .generated-link-container > a, 
.structured-content .webinars-section article .generated-link-container > a:visited {
	background-color: var(--color-medium-blue);
	border: 0;
	border-radius: 0.25rem;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 0.5rem 0.75rem;
	text-align: center;
	text-decoration: none;
	width: 10rem;
}

.structured-content .webinars-section article .generated-link-container > a:hover, 
.structured-content .webinars-section article .generated-link-container > a:focus, 
.structured-content .webinars-section article .generated-link-container > a:active {
	background-color: var(--color-dark-blue);
}

.structured-content .webinars-section .webinars-on-demand p:first-of-type {
	font-weight: 400;
}

/* structured content pages - link list sections */
.section-link-list.emulate-secondary-nav {
	background-color: var(--color-light-gray);
	border-bottom: 1px solid var(--color-alternate-gray-2);
	padding: 1.5rem 0;
}

.section-link-list.emulate-secondary-nav h3 {
	color: var(--color-dark-blue);
	font-size: 1.75rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.section-link-list .link-list {
	margin: 0 auto;
	text-align: center;
}

.section-link-list .link-list li {
	display: inline-block;
	list-style-type: none;
	margin: 0 0.5rem 0.75rem 0.5rem;
	position: relative;
}

.section-link-list .link-button-style li a, 
.section-link-list .link-button-style li button {
	background-color: var(--color-medium-blue);
	border-radius: 0.25rem;
	color: #fff;
	display: block;
	line-height: 1.8rem;
	min-width: 8rem;
	padding: 0.75rem;
	text-decoration: none;
}

.section-link-list .link-button-style li a:hover, 
.section-link-list .link-button-style li button:hover {
	background-color: var(--color-dark-blue);
}

.section-link-list .link-button-style li button {
	align-items: center;
	display: flex;
	padding: 0 0.75rem;
	text-align: left;
}

.section-link-list .link-button-style li button span {
	border-right: 1px solid rgba(255,255,255,0.5);
	display: inline-block;
	flex: 1;
	font-size: 1rem;
	padding: 0.75rem 0;
	vertical-align: middle;
}

.section-link-list .link-button-style li button svg {
	display: inline-block;
	height: 1rem;
	margin-left: 0.75rem;
	vertical-align: middle;
	width: 1rem;
}

.section-link-list .link-button-style li button svg polygon {
	stroke: #fff;
	stroke-width: 0.5rem;
}

.section-link-list .link-button-style li ul {
	display: none;
	left: 0;
	padding: 0;
	position: absolute;
	top: 3.25rem;
}

.section-link-list .link-button-style li ul li {
	display: block;
	margin: 0;
	text-align: left;
}

.section-link-list .link-button-style li ul li a, 
.section-link-list .link-button-style li ul li a:visited {
	background-color: var(--color-alternate-gray);
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0;
	border-top-width: 0;
	color: var(--color-medium-blue);
	display: block;
	padding: 0.75rem;
	white-space: nowrap;
}

.section-link-list .link-button-style li ul li a:hover, 
.section-link-list .link-button-style li ul li a:focus, 
.section-link-list .link-button-style li ul li a:active {
	background-color: var(--color-alternate-gray-2);
	color: var(--color-dark-blue);
}

.section-link-list .link-button-style li ul li:first-of-type a {
	border-top-width: 1px;
}

.structured-content .link-list-overlay {
	z-index: 99500;
}

.structured-content .link-list-overlay > .content {
	background-color: #fff;
	border-radius: 0.5rem;
	margin: 0 auto;
	max-width: 40rem;
	padding: 0.5rem;
	top: 45%;
	transform: translateY(-50%);
	width: 90%;
}

.structured-content .link-list-overlay > .content .close {
	margin: 0.5rem 0 0.25rem 0;
	text-align: right;
}

.structured-content .link-list-overlay > .content .close button {
	background-color: transparent;
	color: var(--color-red);
	display: inline-block;
	font-size: 2.25rem;
	font-weight: 400;
	line-height: 0.5;
	padding: 0;
	text-align: right;
}

.structured-content .link-list-overlay > .content .close button:hover {
	color: #202020;
	color: var(--color-very-dark-gray);
}

.structured-content .link-list-overlay .content-wrapper {
	padding: 0 2rem 1.5rem 2rem;
}

.structured-content .link-list-overlay .content-wrapper h5 {
	font-family: var(--font-serif);
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 0.5rem;
	text-align: center;
}

.structured-content .link-list-overlay .content-wrapper p {
	margin-bottom: 0.75rem;
	text-align: center;
}

.structured-content .link-list-overlay .content-wrapper .shortcode-phone-number-link {
	transform-origin: center;
	transform: scale3d(0.75,0.75,0.75);
	width: 100%;
}

.structured-content .link-list-overlay .content-wrapper .content-link {
	text-align: center;
}

.structured-content .link-list-overlay .content-wrapper .content-link a, 
.structured-content .link-list-overlay .content-wrapper .content-link a:visited {
	background-color: var(--color-medium-blue);
	border-radius: 0.25rem;
	color: #fff;
	font-size: 1rem;
	line-height: 1;
	padding: 1rem;
	text-align: center;
	text-decoration: none;
}

.structured-content .link-list-overlay .content-wrapper .content-images {
	justify-content: center;
	margin-top: 2rem;
}

.structured-content .link-list-overlay .content-wrapper .content-images > div {
	margin: 0 2.5%;
	width: 45%;
}

.structured-content .link-list-overlay .content-wrapper .content-images > div > img {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	display: block;
	margin: 0 auto 0.5rem auto;
	max-width: 100%;
}

.structured-content .link-list-overlay .content-wrapper .content-images p {
	font-size: 0.9rem;
	line-height: 1.2;
	text-align: center;
}

.structured-content .link-list-overlay .content-wrapper .content-images .overlay-image-link {
	display: block;
	text-align: center;
}

/* structured content pages - post list shortcode */
.structured-content .shortcode-post-list .post-list {
	align-items: stretch;
	justify-content: center;
	margin: 0 auto;
	max-width: 54rem;
}

.structured-content .shortcode-post-list .post-count-2 > article {
	margin: 0 2% 1.5rem 2%;
	width: 46%;
}

.structured-content .shortcode-post-list .post-count-3 > article {
	margin: 0 2% 1.5rem 2%;
	width: 29%;
	width: calc(88% / 3);
}

.structured-content .shortcode-post-list article {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	padding: 0;
	position: relative;
}

.structured-content .section-standard .shortcode-post-list article {
	background-color: var(--color-light-gray);
}

.structured-content .section-alternate .shortcode-post-list article {
	background-color: #fff;
}

.structured-content .shortcode-post-list .post-image {
	background-position: center;
	background-size: cover;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	height: 9rem;
	margin-bottom: 0.5rem;
}

.structured-content .shortcode-post-list .post-content {
	padding: 0 0.5rem 1rem 0.5rem;
}

.structured-content .shortcode-post-list article h4 {
	color: var(--color-orange);
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
}

.structured-content .shortcode-post-list article h5 {
	color: var(--color-very-dark-gray);
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
	text-align: center;
	text-transform: uppercase;
}

.structured-content .shortcode-post-list article p {
	line-height: 1.25;
	margin-bottom: 0;
	text-align: center;
}

.structured-content .shortcode-post-list article .post-content p {
	padding-bottom: 2rem;
}

.structured-content .shortcode-post-list article .post-link,
.structured-content .shortcode-post-list article .post-message {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 1rem;
	font-weight: 600;
	height: 2rem;
	line-height: 1;
	left: 0;
	padding-top: 0.5rem;
	position: absolute;
	width: 100%;
}

.structured-content .shortcode-post-list article .post-link, 
.structured-content .shortcode-post-list article .post-link:visited {
	background-color: var(--color-medium-blue);
	text-decoration: none;
}

.structured-content .shortcode-post-list article .post-link:hover, 
.structured-content .shortcode-post-list article .post-link:focus, 
.structured-content .shortcode-post-list article .post-link:active {
	background-color: var(--color-dark-blue);
}


.structured-content .shortcode-post-list article .post-message {
	background-color: var(--color-dark-gray);
}

/* structured content pages - myon ticker shortcode */
.myon-shortcode-ticker-content {
	align-items: flex-start;
	background-color: var(--color-light-gray);
	border: 1px dashed var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	justify-content: center;
	margin: 1.5rem auto;
	padding: 1rem;
}

.myon-shortcode-ticker-content > div {
	padding: 0 2rem;
	width: 33%;
}

.myon-shortcode-ticker-content > div > img {
	display: block;
	height: 2.5rem;
	margin: 0 auto 0.25rem auto;
}

.myon-shortcode-ticker-content > div > span {
	color: var(--color-medium-green);
	display: block;
	font-family: var(--font-serif);
	font-size: 2.25rem;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
	text-align: center;
	transition: 0.75s;
}

.myon-shortcode-ticker-content > div > p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0.25rem 0;
	text-align: center;
	text-transform: uppercase;
}

.myon-shortcode-ticker-content > div > p > span {
	font-weight: 600;
}

/* structured content pages - document group shortcode */
.document-group-shortcode .document-group-header {
	color: var(--color-dark-blue);
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.document-group-shortcode .document-group-header + p {
	margin-bottom: 0.5rem;
}

.document-group-shortcode > div {
	text-align: left;
}

.document-group-shortcode > div a img {
	display: inline-block;
	height: 1.5rem;
	margin-right: 0.5rem;
	transition: 0.75s;
	transform-origin: center;
	width: 1.5rem;
}

.document-item {
    
    display: inline-block;
}

.document-group-shortcode > div a:hover img {
	transform: scale3d(1.4,1.4,1.4);
}

/* structured content pages - myon featured collections shortcode */
.myon-featured-collection-shortcode-items {
	align-items: stretch;
	justify-content: center;
	margin: 1rem 0 2rem 0;
}

.myon-featured-collection-shortcode-items article {
	background-color: var(--color-light-gray);
	border: 1px dashed var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	margin: 0 2.5%;
	padding: 1rem;
	width: 45%;
}

.myon-featured-collection-shortcode-items h5 {
	font-family: var(--font-serif);
	font-size: 1.2rem;
	font-weight: 400;
	margin-bottom: 0.75rem;
	text-align: left;
}

.myon-featured-collection-shortcode-items a {
	text-decoration: none;
}

.myon-featured-collection-shortcode-items .metadata {
	font-size: 0.9rem;
	line-height: 1;
	margin: 0.5rem 0;
}

.myon-featured-collection-shortcode-items .metadata span {
	vertical-align: middle;
}

.myon-featured-collection-shortcode-items .metadata .label {
	color: var(--color-dark-gray);
	font-weight: 600;
	padding-right: 0.25rem;
	text-transform: uppercase;
}

.myon-featured-collection-shortcode-items .metadata .value {
	background-color: var(--color-alternate-gray);
	border: 1px dashed var(--color-medium-dark-gray);
	border-radius: 0.25rem;
	color: var(--color-very-dark-gray);
	font-weight: 600;
	padding: 0.125rem 0.25rem;
	text-transform: uppercase;
}

.myon-featured-collection-shortcode-items .metadata .divider {
	color: var(--color-dark-gray);
	padding: 0 0.375rem;
}

.myon-featured-collection-shortcode-items .metadata a {
	color: var(--color-medium-blue);
	font-size: 0.9rem;
	font-weight: 400;
	vertical-align: middle;	
}

.myon-featured-collection-shortcode-items .metadata a span {
	padding-right: 0.25rem;
	vertical-align: middle;
}

.myon-featured-collection-shortcode-items .metadata a svg {
	fill: var(--color-medium-blue);
	height: 1rem;
	vertical-align: middle;
	transition: 0s;
	width: 1rem;
}

.myon-featured-collection-shortcode-items .metadata a:hover {
	color: var(--color-dark-blue);
}

.myon-featured-collection-shortcode-items .metadata a:hover svg {
	fill: var(--color-dark-blue);
}

.myon-featured-collection-shortcode-items .book-list {
	margin: 1rem 0 0.5rem 0;
}

.myon-featured-collection-shortcode-items .book-list .book-cover {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.25rem;
	margin-right: 2%;
	padding-bottom: 27%;
	transform-origin: center;
	transition: transform 0.75s;
	width: 18%;
}

.myon-featured-collection-shortcode-items .book-list .book-cover:hover {
	transform: scale3d(2,2,2);
}

.myon-featured-collection-shortcode-items .book-list + a {
	display: block;
	text-align: left;
}

.myon-featured-collection-shortcode-items .book-list + a span {
	padding-right: 0.25rem;
	vertical-align: middle;
}

.myon-featured-collection-shortcode-items .book-list + a svg {
	fill: var(--color-medium-blue);
	height: 0.75rem;
	transition: 0s;
	vertical-align: middle;
	width: 0.75rem;
}

.myon-featured-collection-shortcode-items .book-list + a svg:hover {
	fill: var(--color-dark-blue);
}

/* structured content pages - countdown shortcode */
.shortcode-countdown-container {
	margin: 1rem 0;
}

.shortcode-countdown-container-center, 
.shortcode-countdown-container-center .countdown-numbers,
.shortcode-countdown-container-center .countdown-labels {
	margin: 0.125rem 0;
	text-align: center;
}

.shortcode-countdown-container-left, 
.shortcode-countdown-container-left .countdown-numbers,
.shortcode-countdown-container-left .countdown-labels {
	margin: 0.125rem 0;
	text-align: left;
}

.shortcode-countdown-container .countdown-numbers span,
.shortcode-countdown-container .countdown-labels span {
	display: inline-block;
	margin-right: 1rem;
	text-align: center;
}

.shortcode-countdown-container .countdown-numbers span:last-of-type,
.shortcode-countdown-container .countdown-labels span:last-of-type {
	margin-right: 0;
}

.shortcode-countdown-container .countdown-numbers span {
	border: 2px solid var(--color-orange);
}

.shortcode-countdown-container .countdown-numbers.number-shape-circle span {
	border-radius: 50%;
}

.shortcode-countdown-container .countdown-labels span {
	color: var(--color-dark-gray);
	font-weight: 500;
	text-transform: uppercase;
}

/* structured content pages - myON live stats shortcode */
.shortcode-myon-live-stats > p {
	color: var(--color-dark-gray);
	font-weight: 500;
	letter-spacing: 0.1rem;
	margin-bottom: 0.5rem;
	text-align: center !important;
	text-transform: uppercase;
}

.shortcode-myon-live-stats .flex-box {
	align-items: flex-start;
	justify-content: center;
	margin-top: 1.5rem;
}

.shortcode-myon-live-stats .flex-box > .myon-stat {
	margin-right: 2.5rem;
	position: relative;
	width: 8rem;
}

.shortcode-myon-live-stats .flex-box >.myon-stat:last-of-type {
	margin-right: 0;
}

.shortcode-myon-live-stats .flex-box > .myon-stat .content {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 50%;
	height: 8rem;
	margin-top: 2rem;
	position: relative;
	width: 8rem;
}

.section-standard .shortcode-myon-live-stats .flex-box > .myon-stat .content {
	background-color: #fff;
}

.section-alternate .shortcode-myon-live-stats .flex-box > .myon-stat .content {
	background-color: var(--color-alternate-gray);
}

.shortcode-myon-live-stats .flex-box > .myon-stat .content p {
	line-height: 1.1;
	text-align: center;
}

.shortcode-myon-live-stats .flex-box > .myon-stat .content p:first-of-type {
	font-family: var(--font-serif);
	font-size: 2.25rem;
	font-weight: 500;
	margin: 2.4rem 0 0 0;
}

.shortcode-myon-live-stats .flex-box > .myon-stat .content p:last-of-type {
	font-size: 0.85rem;
	font-weight: 500;
	margin: 0.125rem 0 0 0;
	text-transform: uppercase;
}

.shortcode-myon-live-stats .flex-box > .myon-stat .icon {
	height: 3rem;
	left: calc(50% - 1.5rem);
	position: absolute;
	top: 1rem;
	width: 3rem;
	z-index: 20;
}

.section-standard .shortcode-myon-live-stats .flex-box > .myon-stat .icon {
	background-color: #fff;
}

.section-alternate .shortcode-myon-live-stats .flex-box > .myon-stat .icon {
	background-color: var(--color-alternate-gray);
}

.shortcode-myon-live-stats .flex-box > .myon-stat > svg {
	left: -1px;
	position: absolute;
	top: calc(2rem - 1px);
	width: calc(8rem + 2px);
	z-index: 0;
}

.shortcode-myon-live-stats .flex-box > .myon-stat circle {
	fill: transparent; 
	opacity: 0.5;
	stroke-dasharray: 314;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	stroke-width: 2;
	transform: rotate(-180deg);
	transform-origin: center;
}

.shortcode-myon-live-stats .flex-box > .myon-stat circle.active {
	animation: 60s myonLiveProgress linear;
}

@keyframes myonLiveProgress {
	0%   { stroke-dashoffset: 314; transform: rotate(0deg); }
	50% { stroke-dashoffset: 0; transform: rotate(0deg); }
	51% { stroke-dashoffset: 314; transform: rotate(180deg); }
	100% { stroke-dashoffset: 0; transform: rotate(180deg); }
}

/* structured content pages - support type shortcode */
.support-type-shortcode .shortcode-support-type-text {
	font-size: 0.9rem;
	font-style: italic;
	margin: 0.25rem 0 0 0;
}

.support-type-shortcode .shortcode-support-product-selector-list {
	height: 2.5rem;
	margin: 1rem auto;
	position: relative;
	width: 90%;
}

.support-type-shortcode .shortcode-support-product-selector-list input {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0;
	border-bottom-left-radius: 1.25rem;
	border-right-width: 0;
	border-top-left-radius: 1.25rem;
	color: var(--color-very-dark-gray);
	display: block;
	flex: 1;
	font-size: 1rem;
	height: 2.5rem;
	margin: 0;
	padding: 0 0.75rem;
}

.support-type-shortcode .shortcode-support-product-selector-list button {
	background-color: var(--color-alternate-gray);
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0;
	border-bottom-right-radius: 1.25rem;
	border-top-right-radius: 1.25rem;
	color: var(--color-very-dark-gray);
	display: block;
	width: 2.8rem;
	height: 2.5rem;
	margin: 0;
	padding: 0 0.7rem 0 0.5rem;
}

.support-type-shortcode .shortcode-support-product-selector-list button svg {
	display: block;
	fill: var(--color-medium-blue);
	height: 0.5rem;
	margin: 0 auto;
}

.support-type-shortcode .contact-header {
	color: var(--color-dark-gray);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

.support-type-shortcode .contact-value {
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
}

.support-type-shortcode ul {
	background-color: var(--color-material-dark-blue-normal);
	border-radius: 0.25rem;
	display: none;
	left: 0;
	position: absolute;
	top: 2.75rem;
	width: 100%;
	z-index: calc(var(--z-top) - 10);
}

.support-type-shortcode ul li {
	border-bottom: 1px solid rgba(32,32,36,0.15);
	cursor: pointer;
	padding: 0.5rem 0.75rem;
	transition: 0.75s;
}

.support-type-shortcode ul li:last-of-type {
	border-bottom-width: 0;
}

.support-type-shortcode ul li:hover {
	background-color: var(--color-material-dark-blue-light);
}

/* structured content pages - US and world map sections */
.section-map .map {
	justify-content: center;
	margin: 1.5rem auto 0 auto;
	max-width: 72rem;
}

.section-map .map .map-area > svg path, 
.section-map .map .map-area > svg circle {
	cursor: pointer;
	stroke: #202020;
	stroke: var(--color-very-dark-gray);
	stroke-width: 0;
}

.section-map .map .map-area > svg circle {
	stroke-width: 2px;
}

.section-map .map-key-left .map-area, 
.section-map .map-key-right .map-area {
	flex: 1;
}

.section-map .map-key-left .map-key, 
.section-map .map-key-right .map-key {
	max-width: 24rem;
	padding-left: 2rem;
	width: 33%;
}

.section-map .map-key > .flex-box {
	align-items: center;
}

.section-map .map-key-left {
	flex-direction: row-reverse;
}

.section-map .map-key-left .map-key {
	padding-left: 0;
	padding-right: 2rem;
}

.section-map .map-key-bottom .map-area, 
.section-map .map-key-top .map-area, 
.section-map .map-key-none .map-area {
	margin: 0 auto;
	max-width: 54rem;
	width: 100%;
}

.section-map .map-key-bottom .map-key, 
.section-map .map-key-top .map-key {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 1rem;
	width: auto;
}

.section-map .map-key-left .map-key > .flex-box, 
.section-map .map-key-right .map-key > .flex-box {
	align-items: center;
	margin-bottom: 0.5rem;
}

.section-map .map-key-bottom .map-key > div, 
.section-map .map-key-top .map-key > div {
	padding: 0 1rem;
	width: 33%;
}

.section-map .map-key-top {
	flex-direction: column-reverse;
}

.section-map .map-key-top .map-key {
	padding-bottom: 1rem;
	padding-top: 0;
}

.section-map .map-key-none .map-key {
	display: none;
}

.section-map .map-key .flex-box > div:first-of-type {
	border: 2px solid var(--color-very-dark-gray);
	border-radius: 50%;
	height: 2rem;
	width: 2rem;
}

.section-map .map-key .flex-box > div:last-of-type {
	flex: 1;
	padding-left: 0.5rem;
}

.section-map .map-key .flex-box > div:last-of-type > p:first-of-type {
	font-family: var(--font-serif);
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0.25rem;
}

.section-map .map-key .flex-box > div:last-of-type > p:last-of-type {
	font-size: 0.9rem;
	line-height: 1;
	margin-bottom: 0;
}

.section-map .map-source {
	margin-top: 1rem;
}

.section-map .map-source > img {
	display: block;
	margin: 0 0 0.5rem 0;
	max-width: 10rem;
}

.section-map .map-source .source-name {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 0;
}

.section-map .map-source .source-description p:last-child {
	margin-bottom: 0;
}

/* map state click bubble */
.map-section-bubble, 
.map-section-files-bubble {
	display: none;
	left: 0;
	max-width: 24rem;
	min-width: 12rem;
	position: absolute;
	top: 0;
	z-index: 100;
}

.map-section-files-bubble {
	max-width: 36rem;
	min-width: 20rem;
}

.map-section-files-bubble header {
	align-items: center;
    background-color: var(--color-light-gray);
    border-bottom: 1px solid var(--color-alternate-gray-2);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    font-family: var(--font-sans-serif);
    font-weight: 300;
    height: 3rem;
}

.map-section-files-bubble header div {
	color: var(--color-dark-gray);
	flex: 1;
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	padding: 0 1rem;
	text-transform: uppercase;
}

.map-section-files-bubble header button {
	background-color: transparent;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0.5rem;
	color: var(--color-red);
	display: block;
	font-size: 2rem;
	font-weight: 400;
	height: 3rem;
	line-height: 1;
	margin: 0;
	padding: 0 0 0.1rem 0;
	width: 3rem;
}

.map-section-files-bubble header button:hover {
	color: var(--color-dark-gray);
}

.map-section-bubble .bubble-content, 
.map-section-files-bubble .bubble-content {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	position: relative;
}

.map-section-bubble .bubble-content {
	background-color: var(--color-very-dark-gray);
	border-radius: 0.25rem;
	padding: 1rem 1rem 2rem 1rem;
}

.map-section-files-bubble .bubble-content {
	background-color: var(--color-light-gray);
	border-width: 0;
	padding: 1rem 1rem 1.5rem 1rem;
	text-align: center;
}

.map-section-files-bubble .bubble-content .state-details {
	text-align: center;
}

.map-section-files-bubble .bubble-content .state-details svg, 
.map-section-files-bubble .bubble-content .state-details span {
	display: inline-block;
	vertical-align: middle;
}

.map-section-files-bubble .bubble-content .state-details svg {
	height: 3rem;
	width: 3rem;
}

.map-section-files-bubble .bubble-content .state-details span {
	color: var(--color-very-dark-gray);
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	padding: 0;
	text-transform: uppercase;
}

.map-section-files-bubble .bubble-content .document-list {
	margin-top: 0.5rem;
}

.map-section-files-bubble .bubble-content .document-list .document-subject-heading {
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	margin: 1rem 0 0.25rem 0;
	text-transform: uppercase;
}

.map-section-files-bubble .bubble-content .document-list a, 
.map-section-files-bubble .bubble-content .document-list a:visited {
	background-color: var(--color-light-gray);
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	display: inline-block;
	margin-right: 1rem;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
}

.map-section-files-bubble .bubble-content .document-list a img, 
.map-section-files-bubble .bubble-content .document-list a svg, 
.map-section-files-bubble .bubble-content .document-list a span {
	display: inline-block;
	vertical-align: middle;
}

.map-section-files-bubble .bubble-content .document-list a img {
	height: 1.25rem;
}

.map-section-files-bubble .bubble-content .document-list a svg {
	height: 1.25rem;
	width: 1.25rem;
}

.map-section-files-bubble .bubble-content .document-list a span {
	padding-left: 0.25rem;
}

.map-section-files-bubble .bubble-content .document-list a:hover, 
.map-section-files-bubble .bubble-content .document-list a:focus, 
.map-section-files-bubble .bubble-content .document-list a:active {
	background-color: var(--color-alternate-gray);
	border-color: var(--color-medium-blue);
}

.map-section-bubble .bubble-content > button {
	background-color: var(--color-red);
	border-radius: 50%;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	height: 1.5rem;
	line-height: 0.01;
	padding: 0 0 0.25rem 0;
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	width: 1.5rem;
	z-index: 100;
}

.map-section-bubble .bubble-content > a:hover, 
.map-section-bubble .bubble-content > a:focus, 
.map-section-bubble .bubble-content > a:active, 
.map-section-bubble .bubble-content > button:hover {
	opacity: 0.5;
}

.map-section-bubble .bubble-tail {
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-top: 0.5rem solid var(--color-very-dark-gray);
	height: 0;
	margin: 0 auto;
	width: 0;
}

.map-section-bubble .map-bubble-color-color, 
.map-section-bubble .map-bubble-pattern-pattern {
	border: 2px solid #fff;
	border-radius: 50%;
	height: 1.6rem;
	width: 1.6rem;
}

.map-section-bubble h6 {
	color: #fff;
	font-family: var(--font-serif);
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0.5rem;
}

.map-section-bubble .map-bubble-color, 
.us-map-section-bubble .map-bubble-pattern {
	align-items: center;
}

.map-section-bubble .map-bubble-pattern {
	margin-top: 0.5rem;
}

.map-section-bubble .map-bubble-color-text p, 
.map-section-bubble .map-bubble-pattern-text p,
.map-bubble-description p {
	color: #fff;
	font-weight: 400;
	margin-bottom: 0;
	padding-left: 0.5rem;
}

.map-bubble-description {
	margin-top: 0.5rem;
}

.map-bubble-description p {
	padding-left: 0;
}

.map-region-selector {
	margin: 0 auto 2rem auto;
	max-width: 24rem;
	text-align: center;
}

.map-section-files-bubble .bubble-content > svg {
	fill: var(--color-very-dark-gray);
	display: block;
	height: 2.5rem;
	margin: 0 auto 0.5rem auto;
	width: 4rem;
}

.map-section-files-bubble .bubble-content > h6 {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	text-align: center;
}

.map-section-files-bubble .bubble-content .flex-box {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	margin: 0.5rem 0 0.75rem 0;
	padding: 0 1rem 0.75rem 1rem;
}

.map-section-files-bubble .bubble-content .flex-box > a {
	color: var(--color-medium-blue);
	display: block;
	padding: 0 1rem;
	text-decoration: none;
	width: 50%;
}

.map-section-files-bubble .bubble-content .flex-box > a:hover, 
.map-section-files-bubble .bubble-content > button:hover {
	color: var(--color-dark-blue);
}

.map-section-files-bubble .bubble-content .flex-box > a > div {
	background-color: var(--color-medium-blue);
	border-radius: 50%;
	display: block;
	height: 4rem;
	margin: 0 auto;
	padding-top: 1rem;
	text-align: center;
	transition: 0.75s;
	width: 4rem;
}

.map-section-files-bubble .bubble-content .flex-box > a:hover > div {
	background-color: var(--color-dark-blue);
}

.map-section-files-bubble .bubble-content .flex-box > a > div > img {
	display: block;
	height: 2rem;
	margin: 0 auto;
}

.map-section-files-bubble .bubble-content .flex-box > a > p {
	color: var(--color-medium-blue);
	font-family: var(--font-sans-serif);
	font-size: 1.1rem;
	font-weight: 400;
	margin: 0.25rem 0 0 0;
	text-align: center;
	transition: 0.75s;
}

.map-section-files-bubble .bubble-content .flex-box > a:hover > p {
	color: var(--color-dark-blue);
}

.map-section-files-bubble .bubble-content > button {
	background-color: transparent;
	border: 0;
	border-top: 1px solid var(--color-alternate-gray-2);
	color: var(--color-medium-blue);
	display: block;
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
	margin-bottom: 0;
	padding: 0.75rem 0;
	text-transform: uppercase;
	width: 100%;
}

.map-section-files-bubble .bubble-tail {
	display: none;
}

/* structured content pages - focus skills sections */
.focus-skills-section .content-container {
	max-width: 90rem;
}

.focus-skills-visualizations .content-controls {
	align-items: stretch;
	justify-content: center;
	margin-top: 1.5rem;
}

.focus-skills-visualizations .content-controls > div {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	margin: 0 0.5rem;
	padding: 0.75rem 1rem;
}

.focus-skills-section.section-alternate .content-controls > div {
	background-color: #fff;
}

.focus-skills-section.section-standard .content-controls > div {
	background-color: var(--color-light-gray);
}

.focus-skills-section .content-controls button {
	border: 1px solid var(--color-medium-blue);
	border-radius: 5px;
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	margin-right: 0.5rem;
}

.focus-skills-section .button-group button {
	border-radius: 5px;
}

.focus-skills-section .button-group button:disabled, 
.focus-skills-section .button-group button:disabled:hover {
	background-color: var(--color-medium-dark-gray);
	cursor: default;
	opacity: 0.4;
}

.focus-skills-section .button-group button svg {
	fill: #fff;
}

.focus-skills-section .content-controls .subjects button {
	background-color: var(--color-medium-blue);
	margin-bottom: 0;
	width: 6rem;
}

.focus-skills-section .content-controls .subjects button:hover {
	background-color: var(--color-dark-blue);
}

.focus-skills-section .content-controls button:last-of-type {
	margin-right: 0;
}

.focus-skills-section .content-controls button.inactive {
	background-color: var(--color-alternate-gray-2);
	background-color: var(--color-medium-gray);
	border-color: var(--color-medium-dark-gray);
	color: var(--color-very-dark-gray);
}

.focus-skills-section .content-controls button.inactive:hover {
    background-color: var(--color-alternate-gray-2);
}

.focus-skills-section .content-controls .structured-content-form-control .flex-box input {
	flex: 1;
}

.focus-skills-section .focus-skills-visualizations-content {
	align-items: stretch;
	margin-top: 1.5rem;
}

.focus-skills-section .focus-skills-visualizations-content > div {
	min-height: 25vh;
	transition: 0.75s;
}

.focus-skills-section .focus-skills-visualizations-content .visualizations-key {
	border-right-color: var(--color-alternate-gray-2);
	border-style: solid;
	border-right-width: 1px;
	height: 0;
	overflow: hidden;
	transition: 1s;
	width: 0;
}

.focus-skills-section .focus-skills-visualizations-content .key-visible {
	animation: showKey 1s forwards;
	height: 100%;
	width: 24rem;
}

@keyframes showKey {
	0%   { height: 0; width: 0;  }
	100% { height: 100%; width: 24rem; }
}

.focus-skills-section .focus-skills-visualizations-content .key-visible.key-invisible {
	animation: hideKey 1s forwards;
	height: 0;
	width: 0;
}

@keyframes hideKey {
	0%   { height: 100%; width: 24rem;  }
	100% { height: 0; width: 0; }
}

.focus-skills-section .focus-skills-visualizations-content .visualizations-key {
	white-space: nowrap;
}

.focus-skills-section .focus-skills-visualizations-content .visualizations-graphs {
	flex: 1;
	padding-left: 1.5rem;
	position: relative;
}

.focus-skills-section .key-content h4, 
.focus-skills-section .key-content p {
	font-family: var(--font-sans-serif);
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 0.25rem;
	text-align: left;
}

.focus-skills-section .key-content p {
	font-weight: 400;
	margin-left: 1.5rem;
}

.focus-skills-section .key-content h4 span, 
.focus-skills-section .key-content p span {
	display: inline-block;
	vertical-align: middle;
}

.focus-skills-section .key-content h4 span:first-of-type, 
.focus-skills-section .key-content p span:first-of-type {
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
	height: 1rem;
	width: 1rem;
}

.focus-skills-section .key-content h4 span:first-of-type {
	border-radius: 0.25rem;
}

.focus-skills-section .key-content h4 span:last-of-type, 
.focus-skills-section .key-content p span:last-of-type {
	padding-left: 0.5rem;
}

.focus-skills-section .graph-controls {
	margin-top: 1.25rem;
	text-align: center;
}

.focus-skills-section .graph-controls .divider {
	border-left: 1px solid var(--color-alternate-gray-2);
	display: inline-block;
	height: 2rem;
	margin: 1.4rem 0 0 0.25rem;
	width: 1px;
}

.focus-skills-section .graph-controls .flex-box {
	justify-content: center;
}

.focus-skills-section .graph-controls .focus-skills-key-toggle {
	width: 4rem;
}

.focus-skills-section .visualizations-graphs .graph-content {
	align-items: flex-end;
	height: 30rem;
	padding-bottom: 2.5rem;
	position: relative;
}

/* visualizations - stacked bar chart */
.visualizations-graphs .stacked-bar-graph {
	align-items: flex-start;
}

.visualizations-graphs .stacked-bar-graph > div {
	text-align: center;
	width: calc(98% / 15);
}

.visualizations-graphs .stacked-bar-graph > div, 
.visualizations-graphs .stacked-bar-graph > div p {
	color: var(--color-dark-gray);
	font-size: 0.9rem;
	font-weight: 600;
	height: 24rem;
	text-transform: uppercase;
}

.visualizations-graphs .stacked-bar-graph .vertical-label {
	overflow: hidden;
	padding-bottom: 5rem;
	position: relative;
}

.visualizations-graphs .stacked-bar-graph .vertical-label p {
	height: 24rem;
	left: 50%;
	line-height: 1;
	overflow: hidden;
	padding-right: 40rem;
	position: absolute;
	text-align: right;
	top: 50%;
	transform: translateX(-51%) translateY(-50%) rotate(-90deg);
	transform-origin: top;
	white-space: nowrap;
	width: 1rem;
}

.graph-content p.stacked-area-vertical-label {
	color: var(--color-dark-gray);
	font-size: 0.9rem;
	font-weight: 600;
	left: 0%;
	line-height: 1;
	overflow: hidden;
	padding-right: 40rem;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	top: 10%;
	transform:  translateX(-51%) translateY(-50%) rotate(-90deg);
	transform-origin: top;
	white-space: nowrap;
	width: 1rem;
}

.visualizations-graphs .stacked-bar-graph .label-area {
	cursor: pointer;
	font-size: 0.85rem;
	line-height: 1;
	padding: 0.5rem 0.25rem;
	transition: 0.75s;
}

.visualizations-graphs .stacked-bar-graph .label-area:hover {
	color: var(--color-orange);
}

.visualizations-graphs .stacked-bar-graph .bar-area {
	align-items: center;
	flex-direction: column-reverse;
	height: 100%;
	position: relative;
}

.visualizations-graphs .stacked-bar-graph .bar-area .stacked-bar-part {
	background-color: #fff;
	border: 0;
	cursor: pointer;
	position: relative;
	transform-origin: center;
	transition: 0.75s;
	width: 0.25rem;
}

.visualizations-graphs .stacked-bar-graph .bar-area .stacked-bar-part.stacked-bar-part-no-click {
	cursor: default;
}

.focus-skills-dark .visualizations-graphs .stacked-bar-graph .bar-area .solid-bar {
	background-color: var(--color-medium-gray);
	background-image: none !important;
}

.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble {
	display: none;
	left: calc(50% - 5rem);
	position: absolute;
	top: 0;
	width: 10rem;
	z-index: 10000;
}

.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-content {
	background-color: var(--color-very-dark-gray);
	border-radius: 0.5rem;
	padding: 1rem;
}

.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-tail {
	border-left: 1rem solid transparent;
	border-right: 1rem solid transparent;
	border-top-color: var(--color-very-dark-gray);
	border-top-style: solid;
	border-top-width: 0.5rem;
	height: 0;
	margin: 0 auto;
	width: 0;
}

.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble h6, 
.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble p {
	color: #fff;
	font-family: var(--font-serif);
	font-weight: 400;
	margin-bottom: 0.25rem;
}

.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble h6 {
	font-size: 1.1rem;
	text-transform: none;
}

.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble p {
	color: #fff;
	height: 1rem;
	line-height: 1;
	text-transform: none;
}

.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble p span {
	font-weight: 600;
}

.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble a, 
.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble a:visited {
	background-color: var(--color-orange);
	border-radius: 0.25rem;
	color: #fff;
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 600;
	margin-top: 0.5rem;
	padding: 0.25rem 0.75rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble a:hover, 
.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble a:focus, 
.visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble a:active {
	opacity: 0.5;
}

/* visualizations - stacked area chart */
.visualizations-graphs .stacked-area {
	display: block;
	height: 100%;
	margin-left: 2.5rem;
	width: 100%;
}

.visualizations-graphs .stacked-area polygon {
	cursor: pointer;
}

.visualizations-graphs .stacked-area-labels {
	margin-left: 2.5rem;
	position: relative;
}

.visualizations-graphs .stacked-area-labels > div {
	color: var(--color-dark-gray);
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 600;
	position: absolute;
	text-align: center;
	top: 0.1rem;
	transition: 0.75s;
	z-index: 1;
}

.visualizations-graphs .stacked-area-labels > div:hover {
	color: var(--color-orange);
}

/* visualizations - gantt chart */
.visualizations-graphs .gantt-outer {
	align-items: stretch;
}

.visualizations-graphs .gantt-outer .vertical-label {
	height: 24rem;
	overflow: hidden;
	padding-bottom: 5rem;
	position: relative;
	width: 3rem;
}

.visualizations-graphs .gantt-outer .vertical-label p, 
.visualizations-graphs .gantt-outer .gantt-inner .grade-band .grade-label, 
.visualizations-graphs .gantt-outer .gantt-inner .gantt-x-axis-label, 
.visualizations-graphs .gantt-outer .gantt-inner .gantt-x-axis-name, 
.visualizations-graphs .mobile-gantt-grade p, 
.visualizations-graphs .mobile-gantt-grade .gantt-x-axis-label {
    color: var(--color-dark-gray);
    line-height: 1;
    text-transform: uppercase;
}

.visualizations-graphs .gantt-outer .vertical-label p {
    font-size: 0.9rem;
    font-weight: 600;
	height: 24rem;
    left: 50%;
    overflow: hidden;
    padding-right: 40rem;
    position: absolute;
    text-align: right;
    top: 30%;
    transform: translateX(-51%) translateY(-50%) rotate(-90deg);
    transform-origin: top;
    white-space: nowrap;
    width: 1rem;
}

.visualizations-graphs .gantt-outer .gantt-inner {
	align-items: stretch;
	flex: 1;
	height: 24rem;
	position: relative;
}

.visualizations-graphs .gantt-outer .gantt-inner .grade-band {
	border-bottom: 1px solid var(--color-alternate-gray);
}

.visualizations-graphs .gantt-outer .gantt-inner .grade-band:first-of-type {
	border-top: 1px solid var(--color-alternate-gray);
}

.visualizations-graphs .gantt-outer .gantt-inner .grade-band .grade-label {
    cursor: pointer;
	font-size: 0.9rem;
	font-weight: 400;
	padding-right: 0.75rem;
	text-align: right;
	transition: 0.75s;
	width: 3.5rem;
}

.visualizations-graphs .gantt-outer .gantt-inner .grade-band .grade-label:hover {
	color: var(--color-orange);
}

.visualizations-graphs .gantt-outer .gantt-inner .grade-band .gantt-grade-area {
	flex: 1;
	position: relative;
}

.visualizations-graphs .gantt-outer .gantt-inner .grade-band .gantt-grade-area .gantt-skill-bar, 
.visualizations-graphs .mobile-gantt-grade .gantt-skill-bar {
	border-radius: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	cursor: pointer;
	opacity: 1;
	position: absolute;
	top: 3px;
	width: 2px;
}

.visualizations-graphs .gantt-outer .gantt-inner .gantt-vertical {
	border-right: 1px solid var(--color-alternate-gray);
	bottom: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 1;
}

.visualizations-graphs .gantt-outer .gantt-inner .gantt-x-axis-label {
	bottom: -2rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding-right: 0.5rem;
	position: absolute;
	text-align: right;
    transform-origin: center top;
    transform: rotate(-90deg);
	z-index: 2;
    width: 50px;
}

.visualizations-graphs .gantt-outer .gantt-inner .gantt-x-axis-name {
	bottom: -3rem;
    font-size: 0.9rem;
    font-weight: 600;
    left: 0;
	position: absolute;
	text-align: center;
	z-index: 2;
    width: 100%;
}

.visualizations-graphs .mobile-gantt-grade {
	border-top: 1px solid var(--color-alternate-gray);
	margin-top: 1.5rem;
	padding-bottom: 1.75rem;
	width: 100%;
}

.visualizations-graphs .mobile-gantt-grade:last-of-type {
	border-bottom-color: var(--color-alternate-gray);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.visualizations-graphs .mobile-gantt-grade p {
    cursor: pointer;
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 0.5rem 0;
	padding-top: 0.5rem;
	transition: 0.75s;
}

.visualizations-graphs .mobile-gantt-grade p:hover {
	color: var(--color-orange);
}

.visualizations-graphs .mobile-gantt-grade .mobile-gantt-bars {
	height: 3rem;
	position: relative;
}

.visualizations-graphs .mobile-gantt-grade .gantt-skill-bar {
	border-radius: 1px;
	border-right-width: 2px;
	height: 2.6rem;
	top: 0.2rem;
}

.visualizations-graphs .mobile-gantt-grade .gantt-vertical {
	border-right: 1px dashed var(--color-alternate-gray-2);
	bottom: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 1;
}

.visualizations-graphs .mobile-gantt-grade .gantt-x-axis-label {
	bottom: -2rem;
	font-size: 0.75rem;
	font-weight: 400;
	padding-right: 0.5rem;
	position: absolute;
	text-align: right;;
	transform-origin: center top;
	transform: rotate(-90deg);
	z-index: 2;
	width: 50px;
}

/* focus skill overlays */
.focus-skill-overlay .content {
	margin: 0 auto;
	max-width: 40rem;
	width: 90%;
}

.focus-skill-overlay .content header {
	border-bottom-color: var(--color-alternate-gray-2);
}

.focus-skill-overlay .content header div {
	color: var(--color-dark-gray);
	font-family: var(--font-sans-serif);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	padding-top: 0.25rem;
	text-transform: uppercase;
}

.focus-skill-overlay .content header button {
	background-color: transparent;
	color: var(--color-red);
	font-size: 2rem;
	line-height: 1;
	padding: 0;
}

.focus-skill-overlay .content header button:hover {
	background-color: transparent;
	color: var(--color-very-dark-gray);
}

.focus-skill-overlay .content .focus-skills-details {
	padding: 1rem 3rem;
}

.focus-skill-overlay .content h5 {
	color: var(--color-dark-gray);
	font-family: var(--font-sans-serif);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	text-align: center;
	text-transform: uppercase;
}

.focus-skill-overlay .content h5 span {
	padding: 0 0.125rem;
}

.focus-skill-overlay .content h6 {
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0.25rem 0 0.5rem 0;
	text-align: center;
}

.focus-skill-overlay .content .focus-skills-details > .flex-box {
	align-items: center;
	margin: 1rem 0;
}

.focus-skill-overlay .content .focus-skills-details > .flex-box > div:first-child {
	border-radius: 50%;
	border-style: solid;
	border-width: 3px;
	height: 6.5rem;
	width: 6.5rem;
}

.focus-skill-overlay .content .focus-skills-details > .flex-box > div:first-child > span {
	display: block;
	text-align: center;
}

.focus-skill-overlay .content .focus-skills-details > .flex-box > div:first-child > span:first-of-type {
	font-family: var(--font-serif);
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1;
	margin-top: 1rem;
}

.focus-skill-overlay .content .focus-skills-details > .flex-box > div:first-child > span:last-of-type {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
}


.focus-skill-overlay .content .focus-skills-details > .flex-box > div:last-child {
	flex: 1;
	padding-left: 4rem;
}

.focus-skill-overlay .content .focus-skills-details > .flex-box > div:last-child ul {
	color: var(--color-orange);
	list-style-type: disc;
}

.focus-skill-overlay .content .focus-skills-details > .flex-box > div:last-child ul li {
	line-height: 1.2;
}

.focus-skill-overlay .content .focus-skills-details > .flex-box > div:last-child ul span {
	color: var(--color-very-dark-gray);
}

.focus-skill-overlay .content .focus-skills-details .controls {
	margin: 2rem 0;
	text-align: center;
}

.focus-skill-overlay .content .focus-skills-details .controls a {
	display: inline-block;
	margin: 0 0.25rem;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

.focus-skill-overlay .content .focus-skills-details .controls a svg,
.focus-skill-overlay .content .focus-skills-details .controls a span {
	display: inline-block;
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.05rem;
	line-height: 1;
	text-transform: uppercase;
	vertical-align: middle;
}

.focus-skill-overlay .content .focus-skills-details .controls a svg {
	fill: var(--color-medium-blue);
	height: 1.5rem;
	margin-right: 0.125rem;
	width: 1.5rem;
}

.focus-skill-overlay .content .focus-skills-details .controls a:hover svg {
	fill: var(--color-dark-blue);
}

.focus-skill-overlay .content .focus-skills-details .controls > span {
	border-left: 1px solid var(--color-alternate-gray-2);
	display: inline-block;
	height: 2rem;
	line-height: 1;
	margin: 0 0.5rem;
	vertical-align: middle;
	width: 0;
}

.focus-skill-overlay .content footer {
	background-color: var(--color-light-gray);
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-top: 1px solid var(--color-alternate-gray);
	color: var(--color-medium-dark-gray);
	font-size: 0.85rem;
	font-weight: 600;
	height: 3rem;
	padding-top: 0.85rem;
	text-align: center;
	text-transform: uppercase;
}

.focus-skill-overlay .content footer a {
	text-decoration: none;
}

.focus-skill-overlay .content footer > span {
	font-size: 0.75rem;
	letter-spacing: 0.1rem;
	padding: 0.25rem 0.75rem 0 0.75rem;
}

.focus-skill-overlay .content footer a svg,
.focus-skill-overlay .content footer a span {
	display: inline-block;
	vertical-align: middle;
}

.focus-skill-overlay .content footer a svg {
	height: 1.5rem;
	stroke: var(--color-very-dark-gray);
	stroke-width: 2px;
	width: 1.5rem;
}

.focus-skill-overlay .content footer a:first-of-type circle, 
.focus-skill-overlay .content footer a:last-of-type circle {
	fill: var(--color-alternate-gray-2);
}

/* focus skills dark mode */
.structured-content .focus-skills-dark {
	background-color: var(--color-material-dark-alternate);
	border-width: 0;
}

.structured-content .focus-skills-dark .section-icon svg {
	fill: var(--color-material-dark-blue-normal);
}

.structured-content .focus-skills-dark h3, 
.structured-content .focus-skills-dark .content, 
.structured-content .focus-skills-dark fieldset.reusable legend, 
.structured-content .focus-skills-dark .key-content h4, 
.structured-content .focus-skills-dark .key-content p, 
.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .vertical-label p, 
.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .label-area, 
.structured-content .focus-skills-dark .structured-content-form-control.inline label, 
.structured-content .focus-skills-dark .stacked-area-vertical-label, 
.structured-content .focus-skills-dark .visualizations-graphs .stacked-area-labels > div, 
.structured-content .focus-skills-dark .gantt-outer .vertical-label p, 
.structured-content .focus-skills-dark .gantt-outer .gantt-inner .grade-band .grade-label, 
.structured-content .focus-skills-dark .gantt-outer .gantt-inner .gantt-x-axis-label, 
.structured-content .focus-skills-dark .gantt-outer .gantt-inner .gantt-x-axis-name, 
.structured-content .focus-skills-dark p, 
.structured-content .focus-skills-dark .mobile-gantt-grade .gantt-x-axis-label {
	color: var(--color-light-gray);
}

.structured-content .focus-skills-dark .gantt-outer .gantt-inner .grade-band, 
.structured-content .focus-skills-dark .mobile-gantt-grade:last-of-type {
	border-bottom-color: var(--color-dark-gray);
}

.structured-content .focus-skills-dark .gantt-outer .gantt-inner .grade-band:first-of-type, 
.structured-content .focus-skills-dark .mobile-gantt-grade { 
	border-top-color: var(--color-dark-gray);
}

.structured-content .focus-skills-dark .focus-skills-visualizations-content .visualizations-key, 
.structured-content .focus-skills-dark .mobile-gantt-grade .gantt-vertical {
	border-right-color: rgba(255,255,255,0.15);
}

.structured-content .focus-skills-dark .gantt-outer .gantt-inner .gantt-vertical {
	border-right-color: var(--color-dark-gray);
}

.structured-content .focus-skills-dark .content-controls > div {
	background-color: var(--color-material-dark-standard);
	border-color: var(--color-dark-gray);
}

.structured-content .focus-skills-dark .content-controls button {
	background-color: var(--color-material-dark-blue-normal);
	border-color: var(--color-material-dark-blue-normal);
	color: var(--color-very-dark-gray);
}

.structured-content .focus-skills-dark .content-controls button:hover {
	background-color: var(--color-material-dark-blue-light);
	border-color: var(--color-material-dark-blue-light);
}

.structured-content .focus-skills-dark .content-controls .inactive, 
.structured-content .focus-skills-dark .content-controls .inactive:hover {
	background-color: var(--color-alternate-gray-2);
	border-color: var(--color-alternate-gray-2);
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector input, 
.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector button {
	border-color: var(--color-material-dark-blue-normal);
	color: var(--color-very-dark-gray);
	height: 2.75rem;
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector input {
	color: var(--color-light-gray);
	flex: 1;
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector button {
	background-color: var(--color-material-dark-blue-normal);
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector button svg {
	fill: var(--color-very-dark-gray);
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector input:focus, 
.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector input:focus + button,
.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector button:hover {
	border-color: var(--color-material-dark-blue-light);
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector input:focus {
	background-color: transparent !important;
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector input:focus + button {
	border-color: var(--color-material-dark-blue-light);
	border-left-width: 0;
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector button:focus {
	outline: 0 !important;
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector .map-item-list {
	background-color: var(--color-material-dark-blue-normal);
	border-color: var(--color-dark-gray);
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector .map-item-list li {
	color: var(--color-very-dark-gray);
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector .map-item-list li:hover {
	background-color: var(--color-material-dark-blue-light);
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector .map-item-list li > div {
	color: var(--color-very-dark-gray);
}

.structured-content .focus-skills-dark .structured-content-form-control .structured-content-form-selector .map-item-list li > div svg {
	fill: var(--color-very-dark-gray);
}

.structured-content .focus-skills-dark .structured-content-form-control .toggle .toggle-control[data-toggle-state="on"] span:first-of-type {
	background-color: var(--color-material-dark-blue-normal);
}

.structured-content .focus-skills-dark .structured-content-form-control .button-group button {
	background-color: var(--color-material-dark-blue-normal) !important;
	border-radius: 0.25rem;
}

.structured-content .focus-skills-dark .structured-content-form-control .button-group button.inactive {
	background-color: var(--color-alternate-gray-2) !important;
}

.structured-content .focus-skills-dark .structured-content-form-control .button-group button svg, 
.structured-content .focus-skills-dark .structured-content-form-control .button-group button.inactive svg {
	fill: var(--color-very-dark-gray);
}

.structured-content .focus-skills-dark .structured-content-form-control .button-group button:hover {
	background-color: var(--color-material-dark-blue-light) !important;
}

.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-content, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content {
	background-color: var(--color-material-dark-alternate-2);
}

.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-content a, 
.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-content a:visited {
	background-color: var(--color-material-dark-blue-normal) !important;
	color: var(--color-very-dark-gray);
}

.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-content a:hover, 
.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-content a:focus, 
.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-content a:active {
	background-color: var(--color-material-dark-blue-light) !important;
	opacity: 1;
}

.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-tail {
	border-top-color: var(--color-material-dark-alternate-2);
}

.structured-content .focus-skills-dark .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-content p {
	color: var(--color-light-gray);
}

.structured-content .focus-skills-dark .graph-controls > .flex-box > span {
	border-left-color: var(--color-dark-gray);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content header {
	background-color: var(--color-material-dark-alternate);
	border-bottom-color: var(--color-dark-gray);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content header div {
	color: var(--color-light-gray);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content header button {
	color: var(--color-material-dark-blue-normal);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content header button:hover {
	color: var(--color-material-dark-blue-light);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content h5, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content h6, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content p, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .focus-skills-details > .flex-box > div:first-child > span:first-of-type, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .focus-skills-details > .flex-box > div:first-child > span:last-of-type, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .focus-skills-details > .flex-box > div:last-child ul li span {
	color: var(--color-light-gray);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a:visited, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content footer a, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content footer a:visited {
	color: var(--color-material-dark-blue-normal);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a svg, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a:visited svg {
	fill: var(--color-material-dark-blue-normal);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a:hover, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a:focus, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a:active, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content footer a:hover, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content footer a:focus, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content footer a:active {
	color: var(--color-material-dark-blue-light);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a:hover svg, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a:focus svg, 
.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content .controls a:active svg {
	fill: var(--color-material-dark-blue-light);
}

.structured-content .focus-skills-dark + input + input + .focus-skill-overlay .content footer {
	background-color: var(--color-material-dark-alternate);
	border-top-color: var(--color-dark-gray);
}

/* structured content pages - focus skills details page */
.focus-skills-content-wrapper .banner h2 {
	color: #fff;
	font-size: 1.25rem !important;
    margin: -0.75rem 0 1rem 0;
}

.structured-content .focus-skills-details-section {
	padding: 0;
}

.focus-skills-details-section > .flex-box {
	align-items: stretch;
}

.focus-skills-details-section > .flex-box > aside {
	background-color: var(--color-light-gray);
	border-right: 1px solid var(--color-alternate-gray-2);
	max-width: 24rem;
	padding: 1.5rem 1.5rem 12rem 1.5rem;
	width: 30%;
}

.focus-skills-details-section > .flex-box > aside fieldset {
	background-color: #fff;
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	margin-bottom: 1.5rem;
	padding: 1rem;
}

.focus-skills-details-section > .flex-box > aside label {
	color: var(--color-dark-gray);
	display: block;
	font-family: var(--font-sans-serif);
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

.focus-skills-details-section > .flex-box > aside .subjects button {
	border: 1px solid var(--color-medium-blue);
	border-radius: 0.25rem;
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	margin-right: 0.5rem;
}

.focus-skills-details-section > .flex-box > aside .subjects button.inactive {
	background-color: var(--color-alternate-gray-2);
	background-color: var(--color-medium-gray);
	border-color: var(--color-medium-dark-gray);
	color: var(--color-very-dark-gray);
}

.focus-skills-content-wrapper aside fieldset input, 
.focus-skills-content-wrapper aside fieldset button {
	display: inline-block !important;
}

.focus-skills-content-wrapper aside fieldset input {
	flex: 1;
}

.focus-skills-content-wrapper aside fieldset input + button {
	width: 2.5rem !important;
}

.focus-skills-details-section > .flex-box > article {
	flex: 1;
	padding: 1.5rem;
}

.focus-skills-details-section > .flex-box > article > p > a {
	background-color: var(--color-medium-blue);
	border-radius: 0.25rem;
	color: #fff;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
}

.focus-skills-details-section > .flex-box > article > button {
	align-items: stretch;
	border-radius: 5px;
	float: right;
	margin-top: -3.4rem;
	padding: 0;
	width: 9rem;
}

.focus-skills-details-section > .flex-box > article > button svg {
	display: block;
	fill: #fff;
	height: 1.25rem;
	margin: 0.5rem;
	width: 1.25rem;
}

.focus-skills-details-section > .flex-box > article > button span {
	border-left: 1px solid rgba(255,255,255,0.25);
	color: #fff;
	display: block;
	flex: 1;
	font-size: 1rem;
	font-weight: 500;
	padding: 0.6rem 0.5rem 0 0.25rem;
}

.focus-skills-details-section > .flex-box > article h3 {
	margin-bottom: 1rem;
	text-align: left;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper .header-row {
	background-color: var(--color-dark-gray);
	color: #fff;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
}

.focus-skills-details-section > .flex-box > article .data-grid {
	align-items: stretch;
}

.focus-skills-details-section > .flex-box > article .data-grid > div {
	font-size: 0.9rem;
	padding: 0.5rem 0.75rem;
}

.focus-skills-details-section > .flex-box > article .content-row > div {
	border-color: var(--color-alternate-gray-2);
	border-style: solid;
	border-width: 1px;
	border-top-width: 0;
}

.focus-skills-details-section > .flex-box > article .data-grid > div:first-child {
	padding: 0.6rem 0 0.5rem 0;
	text-align: center;
	width: 4rem;
}

.focus-skills-details-section > .flex-box > article .data-grid > div:first-child button {
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 50%;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	height: 2rem;
	line-height: 1;
	margin: 0 auto;
	padding: 0;
	width: 2rem;
}

.focus-skills-details-section > .flex-box > article .data-grid > div:first-child button svg {
	fill: #fff;
}

.focus-skills-details-section > .flex-box > article .data-grid > div:first-child button:hover svg {
	opacity: 0.5;
}

.focus-skills-details-section > .flex-box > article .data-grid > div:nth-child(2) {
	border-left-width: 0;
	border-right-width: 0;
	flex: 1;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	padding-top: 1.1rem;
}

.focus-skills-details-section > .flex-box > article .data-grid > div:last-child {
	font-weight: 600;
	line-height: 1;
	padding-top: 1.1rem;
	text-align: center;
	width: 8rem;
}

.focus-skills-details-section > .flex-box > article .header-row > div:nth-child(2), 
.focus-skills-details-section > .flex-box > article .header-row > div:last-child {
	font-size: 0.9rem;
	padding-top: 0.75rem;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper {
	display: none;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper > div {
	background-color: var(--color-light-gray);
	color: var(--color-dark-gray);
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div {
	border: 0px solid var(--color-alternate-gray-2);
	border-bottom-width: 1px;
	border-right-width: 1px;
	padding: 0.5rem;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:first-child {
	border-left-width: 1px;
	width: 25%;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:nth-child(2) {
	flex: 1;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:last-child {
	min-width: 8rem;
	text-align: center;
	width: 10%;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper .content-row {
	align-items: stretch;
	background-color: transparent;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper .content-row:nth-child(odd) {
	background-color: var(--color-alternate-gray);
}

.focus-skills-details-section > .flex-box > article .skills-wrapper .content-row p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0.25rem;
	text-transform: none;
}

.focus-skills-details-section > .flex-box > article .skills-wrapper .content-row > div:first-child p:last-child {
	color: var(--color-dark-gray);
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
}

.focus-skills-details-section .legal {
	margin: 1rem 0;
}

.focus-skills-details-section .legal h4 {
	font-size: 1.1rem;
	font-weight: 400;
	text-align: left;
}

.focus-skills-details-section .legal p {
	font-size: 0.9rem;
}

/* accordion sections */
.section-accordion .accordion-content-wrapper {
	margin-top: 2.5rem;
}

.section-accordion .accordion-content-wrapper .accordion-area {
	max-width: 20rem;
	width: 30%;
}

.section-accordion .accordion-content-wrapper .accordion-area li {
	cursor: pointer;
	padding: 0;
	transition: 0.75s;
}

.section-accordion .accordion-content-wrapper .accordion-area > ul {
	background-color: var(--color-medium-gray);
	border-radius: 0.5rem;
	border: 1px solid var(--color-alternate-gray-2);
	list-style-type: none;
	margin: 0;
	overflow: auto;
}

.section-accordion .accordion-content-wrapper .accordion-area > ul .accordion-group span {
	background-color: var(--color-medium-gray);
	border-bottom: 1px solid var(--color-alternate-gray-2);
	color: var(--color-medium-blue);
	display: block;
	font-family: var(--font-serif);
	font-size: 1.15rem;
	font-weight: 600;
	padding: 0.75rem;
	transition: 0.75s;
}

.section-accordion .accordion-content-wrapper .accordion-area > ul .accordion-group.group-active, 
.section-accordion .accordion-content-wrapper .accordion-area > ul .accordion-group.group-active span {
	background-color: var(--color-light-gray);
}

.section-accordion .accordion-content .accordion-area > ul > li > ul {
	list-style-type: none;
	margin: 0 0 0 0.5rem;
}

.section-accordion .accordion-content-wrapper .accordion-area > ul .accordion-group:hover span, 
.section-accordion .accordion-content-wrapper .accordion-area > ul > li > ul > li:hover {
	background-color: var(--color-light-gray);
	color: var(--color-dark-blue);
}

.section-accordion .accordion-content-wrapper .accordion-area > ul > li > ul > li {
	border-bottom: 1px solid var(--color-alternate-gray-2);
	color: var(--color-medium-blue);
	padding: 0.75rem;
}

.section-accordion .accordion-content-wrapper .accordion-area > ul > li:last-of-type > ul > li:last-of-type {
	border-bottom-width: 0;
}

.section-accordion .accordion-content-wrapper .accordion-content {
	flex: 1;
	margin-top: 0;
	padding-left: 3rem;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content h4 {
	text-align: left;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content h5 {
	font-family: var(--font-serif);
	font-weight: 300;
	font-size: 1.25rem;
	margin-bottom: 0.25rem;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content ul, 
.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content ol {
	margin: 0 0 1.5rem 1.25rem;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content ul {
	list-style-type: disc;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content li {
	margin: 0.5rem 0;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media > div {
	width: 50%;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media > div:first-child {
	padding-right: 2rem;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media > div .slideshow, 
.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media picture, 
.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media .video-frame {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	display: block;
	margin-bottom: 0.25rem;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media > div .slideshow img {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	right: 0;
	top: 0;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media .caption {
	font-style: italic;
	margin: 0.25rem 0 0 0;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media .dots {
	text-align: center;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media .dots span {
	background-color: var(--color-alternate-gray-2);
	border: 1px solid var(--color-middle-gray);
	border-radius: 50%;
	display: inline-block;
	height: 0.75rem;
	margin: 0 0.25rem;
	width: 0.75rem;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media .dots span.active {
	background-color: var(--color-medium-green);
	border-color: var(--color-medium-green);
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media picture img {
	display: block;
	max-width: 100%;
}

.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media .video-frame iframe {
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
}

/* leadership page */
.leadership-items {
	border-top: 1px solid var(--color-alternate-gray-2);
	margin-bottom: 1.5rem;
}

.leadership-person {
	margin-top: 2rem;
	padding: 0 3%;
	width: 33.333%;
}

.leadership-person .photo {
	margin: 0 auto 1rem auto;
	max-height: 12rem;
	max-width: 12rem;
	position: relative;
}

.leadership-person .photo .photo-wrapper {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 2px solid var(--color-orange);
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 12rem;
	padding-bottom: 100%;
	width: 12rem;
	width: calc(12rem + 4px);
}

.leadership-person .photo span {
	-moz-transition: 1.5s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 11rem;
	margin: 0.5rem 0 0 0.5rem;
	transition: 1.5s;
	width: 11rem;
}

.leadership-person h2 {
	margin-bottom: 0;
}

.leadership-person .role {
	color: var(--color-orange);
	font-family: var(--font-sans-serif);
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.06rem;
	margin-top: 0;
	text-transform: uppercase;
}

.leadership-person p {
	line-height: 1.3;
	line-height: 1.333;
	margin: 0.5rem 0 0 0;
}

.leadership-person .button-text-like {
	margin-top: -0.25rem;
}

.leadership-person button span, 
.leadership-person button svg {
	display: inline;
	vertical-align: middle;
}

.leadership-person button svg {
	fill: #146eb3;
	fill: var(--color-medium-blue);
	height: 1.1rem;
	margin-left: 0.125rem;
}

.leadership-person button:hover svg {
	fill: #005793;
	fill: var(--color-dark-blue);
}

.leadership-entity {
	align-items: center;
	margin: 0;
	padding: 1.5rem 0;
}

.leadership-entity > div:first-of-type a {
	display: block;
}

.leadership-entity > div:first-of-type img {
	display: block;
	max-height: 6rem;
}

.leadership-entity > div:last-of-type p {
	margin-bottom: 0;
}

.overlay .overlay-content-leadership header button {
	background-color: var(--color-orange);
	border-top-right-radius: 0.5rem;
	border-top-right-radius: calc(1rem * 8 / 16);
}

.overlay .overlay-content-leadership header button:hover {
	background-color: var(--color-dark-orange);
}

.overlay .overlay-content-leadership .centered-content p:not(.role) {
	text-align: left;
}

/* Leadership Page (expanded) */
.leadership-content .tab-controls {
	background-color: var(--color-alternate-gray-3);
	border-bottom: 1px solid var(--color-alternate-gray-2);
	padding: 1.5rem 0;
}

.leadership-content .tab-controls button {
	background-color: var(--color-alternate-gray-2);
	border: 1px dashed var(--color-dark-gray);
	border-radius: 0.375rem;
	color: var(--color-dark-gray);
	font-size: 1rem;
	font-weight: 500;
	margin: 0 0.5rem 0 0;
	padding: 0.75rem 1rem calc(0.75rem + 2px) 1rem;
}

.leadership-content .tab-controls button:hover {
	background-color: #fff;
	border-color: var(--color-medium-blue);
	color: var(--color-medium-blue);
}

.leadership-content .tab-controls button.active {
	background-color: var(--color-medium-blue);
	border-color: var(--color-medium-blue);
	border-style: solid;
	color: #fff;
}

.leadership-content .tab-controls button.active:hover {
	background-color: var(--color-dark-blue);
}

.leadership-content .tab-controls button span {
	display: inline-block;
	vertical-align: middle;
}

.leadership-content .tab-controls button span.dot {
	background-color: #fff;
	border-radius: 50%;
	height: 0.375rem;
	margin-right: 0.375rem;
	width: 0.375rem;
}

div.person-photo {
    background-color: #fff;
}

.leadership-content .tab-content {
	padding: 2rem 0;
}

.leadership-content h2 {
	color: var(--color-very-dark-gray);
	font-size: 2rem !important;
}

.leadership-content .tab-people {
	margin-top: 1.5rem;
}

.leadership-content .tab-people article {
	margin-bottom: 1.5rem;
	margin-right: 12%;
	width: 25%;
}

.leadership-content .tab-people article:nth-child(3n) {
	margin-right: 0;
}

.leadership-content .tab-people article > div:first-of-type, 
.leadership-overlay section > div > div:first-child > div {
	border-bottom: 3px solid var(--color-orange);
	height: 11rem;
	overflow: hidden;
	padding-top: 1rem;
	position: relative;
}

.leadership-overlay section > .flex-box > div:first-child > div {
	height: 9rem;
}

.leadership-content .tab-people article > div:first-of-type img, 
.leadership-overlay section > div > div:first-child > div img {
	bottom: 0;
	display: block;
	height: 10rem;
	position: absolute;
}

.leadership-content .tab-people article div:first-of-type .missing-photo, 
.leadership-overlay .missing-photo {
	background-color: var(--color-alternate-gray);
	border: 1px solid var(--color-alternate-gray-2);
	color: var(--color-medium-dark-gray);
	font-size: 3rem;
	font-weight: 300;
	letter-spacing: 0.2rem;
	height: 10rem;
	padding-top: 4rem;
	text-align: center;
	text-transform: uppercase;
	width: 10rem;
}

.leadership-content .tab-people article h3, 
.leadership-overlay .leadership-overlay-role {
	color: var(--color-orange);
	font-family: var(--font-sans-serif);
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.1rem;
	margin: 0.5rem 0 0.25rem 0;
	text-transform: uppercase;
}

.leadership-overlay .leadership-overlay-role {
	margin-bottom: -0.25rem;
}

.leadership-content .tab-people article h4, 
.leadership-overlay .leadership-overlay-name {
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-size: 1.75rem;
	font-weight: 300;
	margin: 0 0 0.25rem 0;
}

.leadership-content .tab-people article h4 span,  
.leadership-overlay .leadership-overlay-name span {
	font-weight: 400;
}

.leadership-content .tab-people article p {
	margin-bottom: 0.25rem;
}

.leadership-content .tab-people article .new, 
.leadership-overlay .new {
	color: var(--color-medium-green);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

.leadership-content .leadership-entity {
	border-top-width: 0;
    border-top: 1px solid var(--color-alternate-gray-2);
	margin: 0 auto;
	padding: 0 0 2.5rem 0;
}

.leadership-content .leadership-entity .flex-box {
	align-items: center;
}


.leadership-content .leadership-entity .flex-box > div:first-of-type {
	width: 6rem;
    width:auto;
}

.leadership-content .leadership-entity .flex-box > div:first-of-type a:hover img, 
.leadership-content .leadership-entity .flex-box > div:first-of-type a:focus img, 
.leadership-content .leadership-entity .flex-box > div:first-of-type a:active img {
	opacity: 0.5;
}

.leadership-content .leadership-entity .flex-box > div:first-of-type img {
	display: block;
	transition: 0.75s;
	max-width: 100%;
}

.leadership-content .leadership-entity .flex-box > div:last-of-type {
	flex: 1;
	padding-left: 1.5rem;
}

.leadership-content .leadership-entity p {
	margin-bottom: 0;
}

.leadership-overlay {
	z-index: 1000000010;
}

.leadership-overlay .content {
	max-width: 40rem;
}

.leadership-overlay .content header {
	border-bottom-color: var(--color-alternate-gray-2);
}

.leadership-overlay .content header div, .award-overlay-integration > div > header div {
	color: var(--color-dark-gray);
	font-family: var(--font-sans-serif);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	padding-top: 0.25rem;
	text-transform: uppercase;
}

.leadership-overlay .content header span {
	display: none;
}

.leadership-overlay .content section {
	padding: 1rem;
}

.leadership-overlay .content section > .flex-box > div:first-child {
	width: 35%;
}

.leadership-overlay .content section > .flex-box > .leadership-overlay-content {
	flex: 1;
	padding-left: 1.5rem;
}

/*START OF CONTINUUM STTEP BUTTONS*/

button.process-button{
    
    background-color:transparent;
}

button.process-button>svg, #step-container > button > svg > text{
    
    fill: #0a7f3a !important;
}

/*END OF CONTINUUM STTEP BUTTONS*/

/* content hub pages */
.content-hub-wrapper .banner p {
	margin-bottom: 1rem;
	margin-left: 0.1rem;
	max-width: 25rem;
}

.content-hub-content {
	align-items: stretch;
	min-height: 80vh;
}

.content-hub-content > aside {
    background-color: var(--color-alternate-gray);
    border-left: 1px solid var(--color-alternate-gray-2);
    box-sizing: border-box;
    max-width: 22rem;
    min-width: 18rem;
    padding: 2rem 1.5rem;
    width: 25%;
}

.content-hub-content > aside h2 {
    font-size: 1.25rem !important;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
}

.content-hub-content > aside .search-form-item {
	margin: 0.5rem 0 1rem 0;
}

.content-hub-content > aside .search-form-item input {
    background-color: #fff;
    border: 1px solid var(--color-alternate-gray-2);
    border-radius: 0.25rem;
    box-sizing: border-box;
    color: var(--color-very-dark-gray);
    display: block;
    font-family: var(--font-sans-serif);
    font-size: 1rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    width: 100%;
}

.content-hub-content > aside .search-form-item input:focus {
	background-color: #e9f5fc !important;
	border-color: var(--color-medium-blue);
}

.content-hub-content > aside .search-form-item .flex-box {
	position: relative;
}

.content-hub-content > aside .search-form-item .flex-box input {
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
    flex: 1;
    font-family: var(--font-sans-serif);
    font-size: 1rem;
    width: auto;
}

.content-hub-content > aside .search-form-item .flex-box button {
    background-color: #fff;
    border: 1px solid var(--color-alternate-gray-2);
    border-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0.25rem;
    display: block;
    height: 2.5rem;
    margin: 0;
    padding: 0;
    width: 2.5rem;
}

.content-hub-content > aside .search-form-item .flex-box button.rotate-180 {
	border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
	border-top-left-radius: 0.25rem;
    border-top-right-radius: 0;
}

.content-hub-content > aside .search-form-item .flex-box button svg {
    display: block;
    fill: var(--color-medium-blue);
    height: 0.875rem;
    margin: 0 auto;
    width: 0.875rem;
}

.content-hub-content > aside .search-form-item .flex-box button + ul {
    background-color: var(--color-medium-blue);
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    height: 7.5rem;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    top: 2.5rem;
    width: 100%;
    z-index: 10;
}

.content-hub-content > aside .search-form-item .flex-box button + ul li {
    border-bottom: 1px solid rgba(255,255,255,0.25);
    color: #fff;
    cursor: pointer;
    display: block;
    height: 2.5rem;
    padding: 0.5rem 1rem 0 1rem;
    transition: 0.75s ease-in-out background-color;
}

.content-hub-content > aside .search-form-item .flex-box button + ul li:hover {
	background-color: var(--color-dark-blue);
}

.content-hub-content > aside .search-form-item .flex-box button + ul li:last-of-type {
	border-bottom-width: 0;
}

.content-hub-content > aside .search-form-item .flex-box button + ul li.active-list-item {
	background-color: var(--color-dark-blue);
}

.content-hub-content > aside .additional-content-heading {
	color: var(--color-dark-gray);
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	margin: 1.5rem 0 -1rem 0;
	text-transform: uppercase;
}

.content-hub-content > aside .search-show-all {
	border-radius: 0.25rem;
	font-size: 1rem;
	display: block;
	margin-top: 1.5rem;
	width: 100%;
}

.content-hub-content > aside fieldset {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.25rem;
	margin-top: 1.5rem;
	padding: 1rem 1rem 1rem 1rem;
}

.content-hub-content > aside fieldset legend {
	font-family: var(--font-serif);
	font-size: 1.1rem;
	font-weight: 400;
	padding: 0 0.5rem;
}

.content-hub-content > aside fieldset .sort-option {
    align-items: center;
    padding-right: 1.5rem;
    margin-bottom: 0.5rem;
    width: auto;
}

.content-hub-content > aside fieldset .sort-option:last-child {
	margin-bottom: 0;
}

.content-hub-content > aside fieldset .sort-option-control {
    position: relative;
    width: 2rem;
}

.content-hub-content > aside fieldset .sort-option-control span {
    background-color: var(--color-light-gray);
    border: 1px dashed var(--color-medium-dark-gray);
    border-radius: 50%;
    display: block;
    height: 1.5rem;
    transition: .5s linear;
    width: 1.5rem;
}

.content-hub-content > aside fieldset .sort-option-control span.active {
    background: #147902;
    background: radial-gradient(ellipse at center,#147902 0%,#147902 30%,#fff 45%,#fff 50%,#fff 55%,#147902 70%,#147902 100%);
    border: 2px solid #147902;
}

.content-hub-content > aside fieldset .sort-option-control span + input {
    display: block;
    height: 1.5rem;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 1.5rem;
    z-index: 100;
}

.content-hub-content > aside fieldset label {
	display: block;
	font-family: var(--font-sans-serif);
	font-size: 1rem;
	font-weight: 400;
}

.content-hub-content > aside .additional-content-heading {
	color: var(--color-dark-gray);
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	margin: 1.5rem 0 -1rem 0;
	text-transform: uppercase;
}

.content-hub-content > aside .additional-post-type {
	margin: 1.5rem 0 0 0;
}

.content-hub-content > aside .additional-post-type h3 {
	font-size: 1.1rem;
	font-weight: 500;
}

.content-hub-content > aside .additional-post-type h3 + ul {
	font-size: 0.9rem;
	list-style-type: disc;
	margin: 0 0 0 1rem;
}

.content-hub-content > aside .additional-post-type h3 + ul li {
	color: var(--color-dark-gray);
	line-height: 1.4;
	margin: 0.25rem 0;
}

.content-hub-content > aside .additional-post-type h3 + ul + p {
	font-size: 0.8rem;
	font-weight: 500;
	text-transform: uppercase;
}

.content-hub-content > .content-hub-item-area {
	flex: 1;
	padding: 2rem 1.5rem 2.5rem 1.5rem;
	position: relative;
}

.content-hub-content > .content-hub-item-area > p:first-of-type {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 300;
	opacity: 0;
}

.content-hub-content > .content-hub-item-area > p:first-of-type span {
	font-weight: 500;
}

.content-hub-content > .content-hub-item-area .loading {
	background-color: rgba(32,32,32,0.5);
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 100;
}

.content-hub-content > .content-hub-item-area .loading div {
	align-items: center;
	background-color: #fff;
	border-radius: 0.5rem;
	display: flex;
	justify-content: center;
	height: 6rem;
	margin: 5rem auto;
	width: 10rem;
}

.content-hub-content > .content-hub-item-area .loading div svg {
	animation: 6s contentLoading linear infinite;
	display: block;
	height: 4rem;
	margin: 0 auto;
	width: 4rem;
}

@keyframes contentLoading {
	0%   { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}

.content-hub-content > .content-hub-item-area .loading div svg .large {
	fill: var(--color-medium-blue);
}

.content-hub-content > .content-hub-item-area .loading div svg .small {
	fill: var(--color-medium-green);
}

.content-hub-content > .content-hub-item-area .flex-box {
	align-items: stretch;
}

.content-hub-content .content-hub-item-area .flex-box article {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	margin: 0 5% 5% 0;
	position: relative;
	width: 30%;
}

.content-hub-content > .content-hub-item-area .flex-box article:nth-child(3n) {
	margin-right: 0;
}

.content-hub-content > .content-hub-item-area .flex-box article .post-image {
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	display: block;
	height: 9rem;
	object-fit: cover;
	width: 100%;
}

.content-hub-content > .content-hub-item-area .flex-box article .post-type {
	border-top: 1px solid rgba(255,255,255,0.25);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	padding: 0.3rem 0.5rem;
	text-transform: uppercase;
}

.content-hub-content > .content-hub-item-area .flex-box article .post-type img, 
.content-hub-content > .content-hub-item-area .flex-box article .post-type svg, 
.content-hub-content > .content-hub-item-area .flex-box article .post-type span {
	display: inline-block;
	vertical-align: middle;
}

.content-hub-content > .content-hub-item-area .flex-box article .post-type img, 
.content-hub-content > .content-hub-item-area .flex-box article .post-type svg {
	height: 1rem;
}

.content-hub-content > .content-hub-item-area .flex-box article .post-type svg {
	fill: #fff;
	width: 1rem;
}

.content-hub-content > .content-hub-item-area .flex-box article .post-type span {
	padding-left: 0.5rem;
}

.content-hub-content > .content-hub-item-area .flex-box article h2 {
	font-size: 1.25rem !important;
	font-weight: 400;
	line-height: 1.25;
	margin: 0.75rem;
}

.content-hub-content > .content-hub-item-area .flex-box article h2 a {
	text-decoration: none;
}

.content-hub-content > .content-hub-item-area .flex-box article .post-date {
	font-size: 0.85rem;
	font-weight: 500;
	margin: 0 0.75rem;
}

.content-hub-content > .content-hub-item-area .flex-box article .excerpt {
	margin: 0 0.75rem 4rem 0.75rem;
}
 
.content-hub-content > .content-hub-item-area .flex-box article .excerpt + a {
	background-color: var(--color-alternate-gray);
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-top: 1px solid var(--color-alternate-gray-2);
	bottom: 0;
	display: block;
	left: 0;
	padding: 0.5rem 0.75rem;
	position: absolute;
	text-decoration: none;
	width: 100%;
}

.content-hub-content > .content-hub-item-area .flex-box article .excerpt + a span, 
.content-hub-content > .content-hub-item-area .flex-box article .excerpt + a svg {
	display: inline-block;
	vertical-align: middle;
}

.content-hub-content > .content-hub-item-area .flex-box article .excerpt + a span {
	padding-right: 0.5rem;
}

.content-hub-content > .content-hub-item-area .flex-box article .excerpt + a svg {
	fill: var(--color-medium-blue);
	height: 0.75rem;
}

/* special information section */
.section-special-information {
	align-items: center;
}

.section-special-information div {
	padding-bottom: 1rem;
	padding-top: 1rem;
}

.section-special-information .icon {
	width: 6rem;
}

.section-special-information .icon svg {
	display: block;
	fill: #fff;
	margin: 0 1rem;
	width: 4rem;
}

.section-special-information .content {
	flex: 1;
	padding-right: 3rem;
}

.section-special-information h2 {
	margin-bottom: 0.25rem;
	color: #fff;
}

.structured-content .section-special-information p {
	color: #fff;
}

.section-special-information p:last-of-type {
	margin-bottom: 0;
}

.section-special-information .link {
	padding-right: 1.5rem;
	width: 10rem;
}

.section-special-information .link a, 
.section-special-information .link a:visited {
	background-color: #fff;
	border-radius: 0.5rem;
	border-color: #fff;
	border-style: solid;
	border-width: 2px;
	color: var(--color-very-dark-gray);
	display: block;
	padding: 0.5rem;
	text-align: center;
	text-decoration: none;
}

.section-special-information .link a:hover, 
.section-special-information .link a:focus, 
.section-special-information .link a:active {
	background-color: transparent;
	color: #fff;
}

.special-information-critical {
	background-color: var(--color-red);
}

.special-information-critical {
	background-color: var(--color-red);
}

.special-information-warning {
	background-color: var(--color-yellow);
}

.special-information-warning .icon svg {
	fill: var(--color-very-dark-gray);
}

.special-information-warning h2, 
.structured-content .special-information-warning p {
	color: var(--color-very-dark-gray);
}

.special-information-warning .link a, 
.special-information-warning .link a:visited {
	background-color: var(--color-very-dark-gray);
	border: 2px solid var(--color-very-dark-gray);
	color: #fff;
	font-weight: 600;
}

.special-information-warning .link a:hover, 
.special-information-warning .link a:focus, 
.special-information-warning .link a:active {
	background-color: #fff;
	color: var(--color-very-dark-gray);
}

.special-information-standard {
	background-color: var(--color-medium-blue);
}

.special-information-ok {
	background-color: #147902;
}

.special-information-dark {
	background-color: var(--color-very-dark-gray);
}

/* world map section */
.section-world-map .world-map-area {
	padding: 1.5rem 0;
	position: relative;
}

.section-world-map .world-map-area svg {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.section-world-map .world-map-area .map-continent {
	margin: 0 auto;
	max-height: 30rem;
	max-width: 30rem;
}

.section-world-map .world-map-area .map-continent svg {
	display: block;
	margin: 0 auto;
	max-height: 30rem;
	max-width: 30rem;
}

.section-world-map .world-map-area .world-map-bubble {
	background-color: var(--color-very-dark-gray);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 0.5rem;
	color: var(--color-alternate-gray);
	display: none;
	left: 0;
	padding: 0.25rem 0.5rem;
	position: absolute;
	top: 0;
	white-space: nowrap;
	z-index: 20;
}

/*interactive map section */
.structured-content .section-interactive-map .map-area {
	border: 0 solid var(--color-alternate-gray-2);
	border-bottom-width: 1px;
	border-top-width: 1px; 
	min-height: 15rem;
}

.structured-content .page-section.section-interactive-map h2 {
	color: var(--color-very-dark-gray);
	letter-spacing: 0.05rem;
	margin-bottom: 0.25rem;
	text-align: left;
}

.structured-content .section-interactive-map p:last-of-type {
	margin-bottom: 0;
}

.osm-popup {
	background-color: var(--color-very-dark-gray);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 0.5rem;
	color: var(--color-alternate-gray);
	display: none;
	left: 0;
	padding: 0.25rem 0.5rem;
	position: absolute;
	top: 0;
	width: 16rem;
	z-index: 20;
}

.osm-popup h2 {
	color: var(--color-alternate-gray-2);
	font-family: var(--font-sans-serif);
	font-size: 1.1rem !important;
	font-weight: 500;
	letter-spacing: 0.05rem;
	margin-bottom: 0.25rem;
	text-transform: uppercase;
}

.osm-popup p {
	color: var(--color-alternate-gray-2);
	font-size: 0.9rem;
	line-height: 1.4;
}

.osm-popup p:last-child {
	margin-bottom: 0;
}

/* icon box sections */
.structured-content .section-icon-boxes {
	padding-bottom: 0;
}

.structured-content .section-icon-boxes .icon-boxes {
	align-items: stretch;
	justify-content: space-between;
	margin-top: 3rem;
}

.structured-content .section-icon-boxes .icon-boxes > div {
	background-color: var(--color-light-gray);
	border: 1px dashed var(--color-medium-dark-gray);
	border-radius: 0.5rem;
	margin-bottom: 4rem;
	padding: 1rem;
	position: relative;
	width: 46%;
}

.structured-content .section-icon-boxes .icon-boxes h4 {
	font-size: 1.4rem;
	font-weight: 400;
	text-align: left;
}

.structured-content .section-icon-boxes .icon-boxes h4 a {
	border-width: 0;
}

.structured-content .section-icon-boxes .icon-boxes p:last-of-type {
	margin-bottom: 0;
}

.structured-content .section-icon-boxes .icon-boxes .splitter {
	background-color: transparent;
	color: var(--color-medium-blue);
	height: auto;
	margin-top: 0;
	padding: 0;
}

.structured-content .section-icon-boxes .icon-boxes a.splitter > span {
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	line-height: 1.3;
	padding: 0 0.25rem 0 0;
}

.structured-content .section-icon-boxes .icon-boxes a.splitter > svg {
	fill: var(--color-medium-blue);
	margin: 0;
}

.structured-content .section-icon-boxes .icon-boxes a.splitter:hover span, 
.structured-content .section-icon-boxes .icon-boxes a.splitter:focus span, 
.structured-content .section-icon-boxes .icon-boxes a.splitter:active span {
	color: var(--color-dark-blue);
}

.structured-content .section-icon-boxes .icon-boxes .box-icon {
	border: 3px solid #fff;
	border-radius: 0.5rem;
	height: 3rem;
	position: absolute;
	right: -1.5rem;
	top: -1.5rem;
	transform: rotate(45deg);
	width: 3rem;
	z-index: 20;
}

.structured-content .section-icon-boxes .icon-boxes .box-icon img {
	display: block;
	height: 1.5rem;
	margin-left: 0.5rem;
	margin-top: 0.6rem;
	transform: rotate(-45deg);
}

/* structured content pages - statistics sections */
.stats-section article {
	margin-bottom: 1.5rem;
}

/* structured content - tabbed sections */
.structured-content .section-tabs-left p.section-subheader, 
.structured-content .section-tabs-left h2.page-section {
	text-align: left;
}

.structured-content .tabbed-content {
	margin-top: 1.5rem;
}

.tabbed-section-mobile-selector {
	display: none;
	margin-top: 1rem;
	text-align: center;
}

.tabbed-section-mobile-selector select {
	background-color: var(--color-light-gray);
	border: 1px solid var(--color-medium-dark-gray);
	border-radius: 0.5rem;
	display: block;
	margin: 0 auto;
	font-family: var(--font-sans-serif);
	padding: 0.5rem;
}


.structured-content .tabbed-content-top .tabs, 
.structured-content .tabbed-content-top .tab-content {
	flex: none;
	margin-top: 1.5rem;
	width: 100%;
}

.structured-content .tabbed-content-top .tabs-container {
	padding-bottom: 0.5rem;
	text-align: center;
}

.structured-content .tabbed-content-top .tabs-container button {
	background-color: var(--color-medium-gray);
	border: 1px solid var(--color-medium-dark-gray);
	border-radius: 0.25rem;
	color: var(--color-very-dark-gray);
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 600;
	margin: 0 0.75rem 0.5rem 0;
	opacity: 0.75;
}

.structured-content .tabbed-content-top .tabs-container button:last-of-type {
	margin-right: 0;
}

.structured-content .tabbed-content-top .tabs-container button:hover {
	background-color: var(--color-dark-gray);
	border-color: var(--color-dark-gray);
	color: #fff;
	opacity: 1;
}

.structured-content .tabbed-content-top .tabs-container button.active, 
.structured-content .tabbed-content-top .tabs-container button.active:hover {
	background-color: var(--color-medium-blue);
	border-color: var(--color-medium-blue);
	color: #fff;
	opacity: 1;
}

.structured-content .tabbed-content-left .tabs {
	max-width: 15rem;
	width: 25rem;
} 

.structured-content .tabbed-content-left .tabs .tabs-container button {
	background-color: var(--color-medium-gray);
	border: 1px solid var(--color-medium-dark-gray);
	border-radius: 0;
	border-top-width: 0;
	color: var(--color-very-dark-gray);
	display: block;
	font-size: 0.9rem;
	font-weight: 600;
	margin: 0;
	opacity: 0.75;
	text-align: left;
	width: 100%;
}

.structured-content .tabbed-content-left .tabs .tabs-container button.active {
	background-color: var(--color-medium-blue);
	border-color: var(--color-medium-blue);
	color: #fff;
	opacity: 1;
}

.structured-content .tabbed-content-left .tabs .tabs-container button:first-of-type {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-width: 1px;
}

.structured-content .tabbed-content-left .tabs .tabs-container button:last-of-type {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.structured-content .tabbed-content-left .tab-content {
	flex: 1;
	padding-left: 5%;
	width: auto;
}

.structured-content .tabbed-content-left .tab-content .tab-content-container {
	display: none;
}

.structured-content .section-tabbed h4 {
	margin-bottom: 0.5rem;
	text-align: left;
}

.structured-content .section-tabbed h4 span {
	font-weight: 500;
}

.structured-content .section-tabbed ul {
	list-style-type: disc;
	margin-left: 1.125rem;
}

.structured-content .section-tabbed ol {
	list-style-type: decimal;
	margin-left: 1.125rem;
}

.structured-content .section-tabbed ul li, 
.structured-content .section-tabbed ol li {
	margin: 0.25rem 0;
}

.structured-content .section-tabbed .tabbed-section-split > div:first-child {
	padding-right: 5%;
	width: 50%;
}

.structured-content .section-tabbed .tabbed-section-split > div:last-child {
	padding-left: 5%;
	width: 50%;
}

.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow {
	padding-bottom: 65%;
	position: relative;
}

.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow .tabbed-section-slideshow-slide {
	display: none;
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow .tabbed-section-slideshow-slide img {
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	display: block;
	max-width: 100%;
	object-fit: cover;
}

.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow .tabbed-section-slideshow-slide img + p {
	margin-top: 0.5rem;
}

.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow-dots {
	margin-top: 2rem;
	text-align: center;
}

.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow-dots > span {
	background-color: var(--color-light-gray);
	border: 2px solid var(--color-dark-gray);
	border-radius: 50%;
	display: inline-block;
	height: 0.75rem;
	margin: 0 0.5rem;
	transition: 0.75s all;
	width: 0.75rem;
}

.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow-dots > span.active {
    background-color: var(--color-light-orange);
    border-color: var(--color-orange);
}

.structured-content .section-tabbed .tabbed-section-split .media-video p:last-child {
	margin-top: 0.5rem;
}

.structured-content .section-tabbed .tabbed-section-split .media-text h5, 
.structured-content .section-tabbed .tabbed-section-split .media-text h6 {
	color: var(--color-very-dark-gray);
	font-family: var(--font-serif);
	font-weight: 400;
}

.structured-content .section-tabbed .tabbed-section-split .media-text h5 {
	font-size: 1.333rem;
}

.structured-content .section-tabbed .tabbed-section-split .media-text h6 {
	font-size: 1.125rem;
}

.structured-content .section-tabbed .tabbed-section-split .media-text ol, 
.structured-content .section-tabbed .tabbed-section-split .media-text ul {
	margin: 0.5rem 0 0.5rem 1.25rem;
}

.structured-content .section-tabbed .tabbed-section-split .media-text ol ol, 
.structured-content .section-tabbed .tabbed-section-split .media-text ol ul, 
.structured-content .section-tabbed .tabbed-section-split .media-text ul ol, 
.structured-content .section-tabbed .tabbed-section-split .media-text ul ul {
	padding: 0;
}

.structured-content .section-tabbed .tabbed-section-split .media-link {
	text-align: left;
}

.structured-content .section-tabbed .tabbed-section-split .media-link > a {
	background-color: var(--color-light-gray);
	border: 1px solid var(--color-alternate-gray-2);
	border-radius: 0.5rem;
	display: block;
	padding: 1rem;
	text-decoration: none;
	transform-origin: center;
}

.structured-content .section-tabbed .tabbed-section-split .media-link > a:hover {
	border-color: var(--color-medium-blue);
	transform: scale3d(1.05,1.05,1.05);
}

.structured-content .section-tabbed .tabbed-section-split .media-link .tab-media-image {
	display: block;
	margin: 0 auto 0.75rem auto;
	max-height: 3rem;
	max-width: 10rem;
}

.structured-content .section-tabbed .tabbed-section-split .media-link > a p {
	text-align: center;
}

.structured-content .section-tabbed .tabbed-section-split .media-link .product-name p {
	margin-bottom: 0.25rem;
}

.structured-content .section-tabbed .tabbed-section-split .media-link .product-name svg {
	display: block;
	margin: 0 auto;
	max-height: 3rem;
	max-width: 10rem;
}

.structured-content .section-tabbed .tabbed-section-split .media-link .media-link-text-wrapper {
	text-align: center;
}

.structured-content .section-tabbed .tabbed-section-split .media-link .media-link-text {
	background-color: var(--color-medium-blue);
	border-radius: 0.25rem;
	color: #fff;
	display: inline-block;
	margin: 0 auto;
	padding: 0.75rem 1rem;
	text-align: center;
}

.structured-content .section-tabbed .tabbed-section-split .media-link-inverted > a {
	background-color: var(--color-medium-blue);
	border: 1px solid var(--color-medium-blue);
}

.structured-content .section-tabbed .tabbed-section-split .media-link-inverted > a:hover {
	background-color: var(--color-dark-blue);
	border-color: var(--color-dark-blue);
}

.structured-content .section-tabbed .tabbed-section-split .media-link-inverted .product-name svg {
	fill: #fff;
}

.structured-content .section-tabbed .tabbed-section-split .media-link-inverted .product-name p .main, 
.structured-content .section-tabbed .tabbed-section-split .media-link-inverted .product-name p .secondary, 
.structured-content .section-tabbed .tabbed-section-split .media-link-inverted > a p {
	color: var(--color-light-gray);
}

.structured-content .section-tabbed .tabbed-section-split .media-link-inverted .media-link-text {
	background-color: var(--color-light-gray);
	color: var(--color-dark-blue);
}

/* fancy state selector */
.structured-content .fancy-state-selector {
	border: 1px solid var(--color-medium-blue);
	border-radius: 1.375rem; 
	cursor: pointer;
	height: 2.75rem;
}

.structured-content .fancy-state-selector > div:first-child {
	width: 3rem;
}

.structured-content .fancy-state-selector > div:first-child > svg {
	display: block;
	fill: var(--color-medium-blue);
	margin: 0.6rem auto 0 auto;
}

.structured-content .fancy-state-selector > input {
	background-color: transparent;
	border-width: 0;
	color: var(--color-very-dark-gray);
	cursor: pointer;
	display: block;
	font-family: var(--font-sans-serif);
	font-size: 1rem;
	font-weight: 500;
	padding: 0 0 0.25rem 0;
	width: calc(100% - 6.5rem);
}

.structured-content .fancy-state-selector > input:focus {
	background-color: transparent !important;
	border: 0 !important;
	outline: none !important;
}

.structured-content .fancy-state-selector > input:focus + button {
	background-color: transparent !important;
}

.structured-content .fancy-state-selector > button, 
.structured-content .section-performance .performance-controls .fancy-state-selector > button {
	background-color: transparent;
	border-width: 0 !important;
	display: block;
	height: 2.5rem;
	margin: 0;
	width: 3rem;
}

.structured-content .fancy-state-selector > button > svg, 
.structured-content .section-performance .performance-controls .fancy-state-selector > button > svg {
	height: 1rem;
	fill: var(--color-medium-blue);
	margin-top: 0.333rem;
	width: 1rem;
}	

/* general filter lists */
.structured-content .general-filter-selector {
	border: 1px solid var(--color-medium-blue);
    border-radius: 1.375rem;
    cursor: pointer;
    height: 2.75rem;
    position: relative;
}

.structured-content fieldset {
	position: relative;
}

.structured-content .general-filter-selector > input {
    background-color: transparent;
    border-color: transparent;
    border-width: 0;
    color: #202020;
    cursor: pointer;
    display: block;
    font-family: var(--font-sans-serif);
    font-size: 1rem;
    font-weight: 500;
    height: 2.75rem;
    padding: 0 0 0 1rem;
    width: calc(100% - 6.5rem);
}

.structured-content .general-filter-selector > button {
	background-color: transparent;
	border-width: 0 !important;
	display: block;
	height: 2.75rem;
	margin: 0;
	padding: 0;
	width: 3rem;
}

.structured-content .general-filter-selector > input:focus, 
.structured-content .general-filter-selector > button:focus {
	outline: 0;
}

.structured-content .general-filter-selector > button svg {
	display: block;
	fill: var(--color-medium-blue);
	height: 1rem;
	margin: 0.1rem auto 0 auto;
	width: 1rem;
}

/* filterable lists */
.structured-content .fancy-state-selector + .state-selector-list, 
.structured-content .general-filter-selector + .general-filter-selector-list {
	background-color: var(--color-medium-blue);
	border: 1px solid var(--color-medium-blue);
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	color: #fff;
	display: none;
	left: 1rem;
    max-height: 10rem;
    overflow-y: scroll;
    position: absolute;
    top: 3.375rem;
    width: calc(100% - 2rem);
    z-index: 20;
}

.structured-content .general-filter-selector + .general-filter-selector-list {
	top: 5rem;
}

.structured-content .fancy-state-selector + .state-selector-list li, 
.structured-content .general-filter-selector + .general-filter-selector-list li {
	align-items: stretch;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	cursor: pointer;
	height: 2.5rem;
	line-height: 1;
	padding: 0.625rem 0.5rem;
	transition: 0.75s;
}

.structured-content .fancy-state-selector + .state-selector-list li:first-child, 
.structured-content .general-filter-selector + .general-filter-selector-list li:first-child {
	border-top-width: 0;
}

.structured-content .fancy-state-selector + .state-selector-list li > div:first-child, 
.structured-content .general-filter-selector + .general-filter-selector-list li > div:first-child {
	color: #fff;
	height: 2.5rem;
}

.structured-content .fancy-state-selector + .state-selector-list li > div:first-child svg, 
.structured-content .general-filter-selector + .general-filter-selector-list li > div:first-child svg {
	display: block;
	fill: #fff;
	height: 1.25rem;
	width: 1.25rem;
}

.structured-content .fancy-state-selector + .state-selector-list li > div:nth-child(2), 
.structured-content .general-filter-selector + .general-filter-selector-list li > div:nth-child(2) {
	flex: 1;
	overflow: hidden;
	padding-left: 0.5rem;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.structured-content .fancy-state-selector + .state-selector-list li > div:last-child, 
.structured-content .general-filter-selector + .general-filter-selector-list li > div:last-child {
	text-align: right;
    width: 3rem;
}

/* world map section */
.section-world-map .world-map-area {
	padding: 1.5rem 0;
	position: relative;
}

.section-world-map .world-map-area svg {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.section-world-map .world-map-area .map-continent {
	margin: 0 auto;
	max-height: 30rem;
	max-width: 30rem;
}

.section-world-map .world-map-area .map-continent svg {
	display: block;
	margin: 0 auto;
	max-height: 30rem;
	max-width: 30rem;
}

.section-world-map .world-map-area .world-map-bubble {
	background-color: var(--color-very-dark-gray);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 0.5rem;
	color: var(--color-alternate-gray);
	display: none;
	left: 0;
	padding: 0.25rem 0.5rem;
	position: absolute;
	top: 0;
	white-space: nowrap;
	z-index: 20;
}

/* interactive map section */
.structured-content .section-interactive-map .map-area {
	border: 0 solid var(--color-alternate-gray-2);
	border-bottom-width: 1px;
	border-top-width: 1px; 
	min-height: 15rem;
}

.structured-content .page-section.section-interactive-map h2 {
	color: var(--color-very-dark-gray);
	letter-spacing: 0.05rem;
	margin-bottom: 0.25rem;
	text-align: left;
}

.structured-content .section-interactive-map p:last-of-type {
	margin-bottom: 0;
}

.osm-popup {
	background-color: var(--color-very-dark-gray);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 0.5rem;
	color: var(--color-alternate-gray);
	display: none;
	left: 0;
	padding: 0.25rem 0.5rem;
	position: absolute;
	top: 0;
	width: 16rem;
	z-index: 20;
}

.osm-popup h2 {
	color: var(--color-alternate-gray-2);
	font-family: var(--font-sans-serif);
	font-size: 1.1rem !important;
	font-weight: 500;
	letter-spacing: 0.05rem;
	margin-bottom: 0.25rem;
	text-transform: uppercase;
}

.osm-popup p {
	color: var(--color-alternate-gray-2);
	font-size: 0.9rem;
	line-height: 1.4;
}

.osm-popup p:last-child {
	margin-bottom: 0;
}

/* reusable selector controls */
.structured-content .fancy-selector-controls {
	align-items: stretch;
    justify-content: center;
    margin: 1.5rem 0;
}

.structured-content .fancy-selector-controls > div {
    border-color: rgba(255,255,255,0.1);
    border-radius: 0.5rem;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 15%), -2px -2px 2px rgb(255 255 255 / 1%);
    fill: #54546c;
    margin: 0 2%;
    padding: 1rem;
}

.fancy-selector-control-wrapper {
	border: 2px solid var(--color-medium-blue);
    border-radius: 1.25rem;
    cursor: pointer;
    height: 2.5rem;
    margin: 0 auto;
    position: relative;
}

.fancy-selector-control {
	position: relative;
}

.fancy-selector-control > div:first-child {
	width: 3rem;
}

.fancy-selector-control > div:first-child > svg {
	display: block;
	fill: var(--color-medium-blue);
	margin: 0.333rem auto 0 auto;
}

.fancy-selector-control input {
	background-color: transparent;
	border: 0;
	color: var(--color-medium-blue);
	flex: 1;
	font-family: var(--font-sans-serif);
	font-size: 1rem;
	font-weight: 500;
}

.fancy-selector-control button {
	background-color: transparent;
	border-width: 0;
	display: block;
	height: 2.5rem;
	margin: 0;
	width: 3rem;
}

.fancy-selector-control button svg {
	fill: var(--color-medium-blue);
	height: 1rem;
    width: 1rem;
}

.fancy-selector-control + ul {
    background-color: var(--color-medium-blue);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    color: #fff;
    display: none;
    left: -2px;
    max-height: 10rem;
    overflow-y: scroll;
    position: absolute;
    top: 2.25rem;
    width: 100%;
    width: calc(100% + 4px);
    z-index: 20;
}

.fancy-selector-control + ul li {
	align-items: stretch;
	border-top: 1px solid rgba(255,255,255,0.25);
	cursor: pointer;
	height: 2.5rem;
	line-height: 1;
	padding: 0.625rem 0.5rem;
	transition: 0.75s;
}

.fancy-selector-control + ul li.item-active {
	background-color: var(--color-dark-blue);
}

.fancy-selector-control + ul li:hover {
	background-color: var(--color-dark-blue);
}

.fancy-selector-control + ul li:first-child {
    border-top-width: 0;
}

.fancy-selector-control + ul li > div:first-child {
    height: 2.5rem;
}

.fancy-selector-control + ul li > div:first-child svg {
	fill: #fff;
}

.fancy-selector-control + ul li > div:nth-child(2) {
    flex: 1;
    padding-left: 0.5rem;
    text-align: left;
}

.fancy-selector-control + ul li > div:last-child {
	text-align: right;
	width: 3rem;
}

/* state cycler control */
.state-cycle-control {
	margin-top: 0.25rem;
}
.state-cycle-control label {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	color: var(--color-alternate-gray-2);
	cursor: pointer;
	display: block;
	font-size: 1rem;
	position: relative;
	padding-left: 1.75rem;
	margin-bottom: 0.75rem;
	user-select: none;
}

.state-cycle-control input {
	cursor: pointer;
	height: 0;
	opacity: 0;
	position: absolute;
	width: 0;
}

.state-cycle-control span {
	background-color: var(--color-alternate-gray-2);
	border-radius: 0.25rem;
	height: 1.25rem;
	left: 0;
	position: absolute;
	top: 0.167rem;
	transition: 0.75s;
	width: 1.25rem;
}

.state-cycle-control:hover input ~ span {
	background-color: var(--color-material-dark-blue-light);
}

.state-cycle-control input:checked ~ span {
	background-color: var(--color-material-dark-blue-normal);
}

.state-cycle-control span:after {
	content: "";
	display: none;
	position: absolute;
}

.state-cycle-control input:checked ~ span:after {
	display: block;
}

.state-cycle-control span:after {
	border: solid var(--color-very-dark-gray);
	border-width: 0 2px 2px 0;
	height: 0.75rem;
	left: 0.5rem;
	top: 0.167rem;
	transform: rotate(40deg);
	width: 0.375rem;
}

.selector-controls .selector-control-button-control {
	background-color: var(--color-medium-blue);
	border-radius: 1.25rem;
	border-width: 0;
	display: block;
	font-size: 1rem;
	font-weight: 500;
	height: 2.5rem;
	padding: 0;
}

.selector-controls .selector-control-button-control span {
	border-right: 1px solid rgba(255,255,255,0.25);
	display: inline-block;
	height: 2.5rem;
	padding: 0.667rem 0.75rem 0 0.75rem;
	vertical-align: middle;
}

.selector-controls .selector-control-button-control svg {
	display: inline-block;
	margin: 0 1rem 0 0.75rem;
	vertical-align: middle;
}

.fancy-selector-controls .fancy-selector-grade {
	width: 16rem;
}

.fancy-selector-controls .fancy-selector-grade + p {
	color: var(--color-alternate-gray-2);
	line-height: 1;
	margin: 0.5rem 0 0 0;
	text-align: center;
}


.fancy-selector-controls input[type="range"] {
	-webkit-appearance: none;
	display: block;
	margin: 0 auto;
	outline: 0;
	width: 14rem;
}

.fancy-selector-controls input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--color-medium-blue);
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 1rem rgba(255,255,255,0.5); 
	box-sizing: border-box;
	cursor: pointer;
	height: 1.5rem;
	opacity: 0.5;
	transition: 0.75s;
	width: 1.5rem;
}

.fancy-selector-controls input[type="range"]::-moz-range-thumb {
	background-color: var(--color-medium-blue);
	border: 2px solid #fff;
	border-radius: 50%;
	box-sizing: border-box; 
	cursor: pointer;
	height: 1.5rem;
	opacity: 0.5;
	transition: 0.75s;
	width: 1.5rem;
}

.fancy-selector-controls input[type="range"]:focus::-webkit-slider-thumb {
	opacity: 1;
}

.fancy-selector-controls input[type="range"]:focus::-moz-slider-thumb {
	opacity: 1;
}

.fancy-selector-controls input[type="range"] + datalist {
	border-radius: 0.25rem;
    display: flex;
    height: 0.333rem;
    justify-content: space-between;
    margin: -1.25rem auto 0 auto;
    background-color: #545464;
    width: 11.333rem;
}

.fancy-selector-controls input[type="range"] + datalist option {
	height: 2px;
	width: 2px;
	border-radius: 32px;
	background-color: var(--color-material-dark-blue-light);
	display: block;
	min-height: 0.5rem;
	opacity: 0.667;
	padding: 0;
	transform: scale(2.667,0.667);
	transform-origin: center top;
}

.selector-controls-dark .fancy-selector-control-wrapper {
	border-color: var(--color-material-dark-blue-normal);
	cursor: pointer;
}

.selector-controls-dark .fancy-selector-control > div:first-child > svg, 
.selector-controls-dark .fancy-selector-control button svg {
	fill: var(--color-material-dark-blue-normal);
}

.selector-controls-dark .fancy-selector-control input {
	box-sizing: border-box;
	color: var(--color-material-dark-blue-normal);
	cursor: pointer;
}

.selector-controls-dark .fancy-selector-control + ul {
    background-color: var(--color-material-dark-blue-normal);
    box-sizing: border-box;
}

.selector-controls-dark .fancy-selector-control + ul::-webkit-scrollbar {
	width: 0;
}

.selector-controls-dark .fancy-selector-control + ul li > div:first-child svg {
	fill: var(--color-very-dark-gray);
}

.selector-controls-dark .fancy-selector-control + ul li > div:nth-child(2), 
.selector-controls-dark .fancy-selector-control + ul li > div:last-child {
    color: var(--color-very-dark-gray);
}

.selector-controls-dark .fancy-selector-control + ul li.item-active {
	background-color: var(--color-material-dark-blue-light);
}

.selector-controls-dark .fancy-selector-control + ul li:hover {
	background-color: var(--color-material-dark-blue-light);
}

.selector-controls-dark .selector-control-button-control {
	background-color: var(--color-material-dark-blue-normal);
}

.selector-controls-dark .selector-control-button-control:hover {
	background-color: var(--color-material-dark-blue-light);
}

.selector-controls-dark .selector-control-button-control span {
	color: var(--color-very-dark-gray);
}

.selector-controls-dark .selector-control-button-control svg {
	fill: var(--color-very-dark-gray);
}

.selector-controls-dark input[type="range"]::-webkit-slider-thumb {
	background-color: var(--color-material-dark-blue-normal);
}

/* search results */
.search-results-container {
	background-color: var(--color-material-dark-standard);
	border-left: 1px solid var(--color-dark-gray);
	height: 100vh;
	max-width: 30rem;
	opacity: 0;
	overflow: auto;
	padding: 1.5rem;
	position: fixed;
	right: -100%;
	width: 90%;
	top: 0;
	z-index: calc(var(--z-top) - 5);
}

.search-results-container .search-results-top {
	align-items: center;
	justify-content: space-between;
}

.search-results-container .search-results-top button {
	background-color: var(--color-material-red);
	border: 0;
	border-radius: 50%;
	color: var(--color-very-dark-gray);
	font-size: 2rem;
	font-weight: 600;
	height: 3rem;
	line-height: 1;
	padding: 0 0.2rem;
	width: 3rem;
}

.search-results-container .search-results-top button:hover {
	background-color: var(--color-alternate-gray-2);
}

.search-results-container .search-results-header {
	color: var(--color-light-gray);
	font-family: var(--font-serif);
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0 0 1rem 0;
}

.search-results-container .search-results-loading, 
.search-results-container .search-results-loading:visited, 
.search-results-container .search-results-load-all, 
.search-results-container .search-results-load-all:visited {
	align-items: center;
	background-color: var(--color-material-green);
	border-radius: 1rem;
	color: var(--color-very-dark-gray);
	display: inline-flex;
	font-size: 0.85rem;
	font-weight: 600;
	height: 2rem;
	letter-spacing: 0.1rem;
	padding: 0.125rem 1rem 0 1rem;
	text-align: center;
	text-transform: uppercase;
}

.search-results-container .search-results-load-all, 
.search-results-container .search-results-load-all:visited {
	background-color: var(--color-material-dark-blue-normal);
	margin-top: 0.5rem;
	text-decoration: none;
}

.search-results-container .search-results-load-all:hover {
	background-color: var(--color-material-dark-blue-light);
	color: var(--color-very-dark-gray);
	opacity: 1;
}

.search-results-container .search-results-terms, 
.search-results-container .search-results-matches {
	color: var(--color-light-gray);
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: uppercase;
}

.search-results-container .search-results-matches {
	margin-bottom: 1.5rem;
}

.search-results-container .search-results-terms span, 
.search-results-container .search-results-matches span {
	color: var(--color-material-orange-2);
	padding-left: 0.25rem;
}

.search-results-container .search-results-items .result-item {
	align-items: flex-start;
	margin-bottom: 1.5rem;
}

.search-results-container .search-results-items .result-item .result-number {
	border: 2px solid var(--color-medium-dark-gray);
	border-radius: 50%;
	color: var(--color-material-orange-2);
	font-size: 1.25rem;
	font-weight: 500;
	height: 2.5rem;
	padding-top: 0.5rem;
	text-align: center;
	width: 2.5rem;
}

.search-results-container .search-results-items .result-item .result-content {
	flex: 1;
	padding-left: 1.5rem;
}

.search-results-container .search-results-items .result-item a:link, 
.search-results-container .search-results-items .result-item a:visited  {
	color: var(--color-material-dark-blue-normal);
	display: block;
	font-family: var(--font-serif);
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0.5rem;
	text-underline-offset: 3px; 
}

.search-results-container .search-results-items .result-item a:hover, 
.search-results-container .search-results-items .result-item a:focus, 
.search-results-container .search-results-items .result-item a:active {
	color: var(--color-material-dark-blue-light);
}

.search-results-container .search-results-items .result-item p {
	color: var(--color-light-gray);
	font-size: 0.9rem;
	margin: 0 0 0.25rem 0;
}

.search-results-container .search-results-items .result-item .match-info {
	font-size: 0.8rem;
	font-weight: 400;
	margin: 0;
	text-transform: uppercase;
	vertical-align: middle;
}

.search-results-container .search-results-items .result-item .match-info span {
	display: inline-block;
	vertical-align: middle;
}

.search-results-container .search-results-items .result-item .match-info span:nth-of-type(2) {
	font-weight: 600;
	padding-left: 0.25rem;
}

.search-results-container .search-results-items .result-item .match-info span.high, 
.search-results-container .search-results-items .result-item .match-info .dots-high {
	color: var(--color-material-green);
}

.search-results-container .search-results-items .result-item .match-info span.middle, 
.search-results-container .search-results-items .result-item .match-info .dots-middle {
	color: var(--color-yellow);
}

.search-results-container .search-results-items .result-item .match-info span.low, 
.search-results-container .search-results-items .result-item .match-info .dots-low {
	color: var(--color-material-red);
}

.search-results-container .search-results-items .result-item .match-info .dots {
	font-size: 1.5rem;
	line-height: 1;
	padding-left: 0.25rem;
}

.search-results-container .search-results-items .search-results-none {
	color: var(--color-light-gray);
	font-weight: 600;
}

/* inline edwords */
.structured-content .inline-edword {
	text-decoration: none;
}

.structured-content .inline-edword span {
	border-bottom: 1px dashed var(--color-medium-blue);
	font-family: 'adelle',Georgia,serif;
	font-size: 1rem;
	font-size-adjust: 1;
	font-style: italic;
	/*text-decoration-line: underline;
  	text-decoration-style: double;
  	text-underline-offset: 3px;*/
}

.structured-content .inline-edword-bubble {
	position: fixed;
	width: 18rem;
	z-index: var(--z-middle);
}

.structured-content .inline-edword-bubble .tail {
	width: 0;
	height: 0;
	border-bottom: 0.75rem solid #464656;
	border-left: 0.75rem solid transparent;
	border-right: 0.75rem solid transparent;
	margin: 0 auto;
}

.structured-content .inline-edword-bubble .content {
	background-image: linear-gradient(to bottom, #464656, #282838);
	border-radius: 0.5rem;
	overflow: hidden;
}

.structured-content .inline-edword-bubble .content header {
	align-items: stretch;
	background-color: transparent;
	border-bottom: 1px solid var(--color-dark-gray);
	height: 2.625rem;
}

.structured-content .inline-edword-bubble .content header > p {
	color: var(--color-material-green);
	flex: 1;
	font-family: var(--font-serif);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	padding: 0.75rem 0 0 1rem;
}

.structured-content .inline-edword-bubble .content header > button {
	background-color: transparent;
	border-width: 0;
	border-left: 1px solid var(--color-dark-gray);
	color: var(--color-material-dark-blue-normal);
	font-size: 1.6rem;
	height: 2.625rem;
	line-height: 1;
	margin: 0;
	padding: 0;
	width: 2.625rem;
}

.structured-content .inline-edword-bubble .content header > button:hover {
	color: var(--color-material-dark-blue-light);
}

.structured-content .inline-edword-bubble .content .edword-text {
	padding: 1rem;
}

.structured-content .inline-edword-bubble .content .edword-text p {
	color: var(--color-light-gray);
}

.structured-content .inline-edword-bubble .content .edword-text p:last-of-type {
	margin-bottom: 0.5rem;
}

.structured-content .inline-edword-bubble .content .edword-text a, 
.structured-content .inline-edword-bubble .content .edword-text a:visited {
	color: var(--color-material-dark-blue-normal);
}

.structured-content .inline-edword-bubble .content .edword-text a:hover, 
.structured-content .inline-edword-bubble .content .edword-text a:focus, 
.structured-content .inline-edword-bubble .content .edword-text a:acive {
	color: var(--color-material-dark-blue-light);
}

/* IE 10 and 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.grid-box-1 {
		width: 8.25%;
	}

	.grid-box-2 {
		width: 16%;
	}

	.grid-box-3 {
		width: 25%;
	}

	.grid-box-4 {
		width: 33%;
	}

	.grid-box-5 {
		width: 41%;
	}

	.grid-box-6 {
		width: 50%;
	}

	.grid-box-7 {
		width: 58%;
	}

	.grid-box-8 {
		width: 66%;
	}

	.grid-box-9 {
		width: 75%;
	}

	.grid-box-10 {
		width: 83%;
	}

	.grid-box-11 {
		width: 91%;
	}

	.button-text-like, 
	.button-text-like:visited {
		background-color: transparent;
		color: #146eb3;
		margin-top: 0.5rem;
	}

	.button-text-like:hover, 
	.button-text-like:focus, 
	.button-text-like:active {
		background-color: transparent;
		color: #005793;
	}

	.structured-content nav svg {
		width: 7.5rem;
	}

	.structured-content .banner .banner-darkener {
		display: block;
	}

	.stat-number-divot svg {
		height: 1rem;
	}

	.structured-content .structured-card-section article {
		border: 1px solid #e6e6e6;
	}

	.structured-content .pie-circle {
		display: none;
	}

	.ie-banner-no-gradient .banner-darkener {
		display: none !important;
	}
}

@supports (-ms-ime-align: auto) {
	.structured-content .banner .banner-darkener {
		display: block;
	}
}

/* viewports */
@media (max-width: 87.5rem) { /* 1400 px */
	.content-hub-content .content-hub-item-area .flex-box article {
		margin-bottom: 4%;
		width: 45%;
	}

	.content-hub-content .content-hub-item-area .flex-box article:nth-child(odd) {
		margin-right: 5%;
	}

	.content-hub-content .content-hub-item-area .flex-box article:nth-child(even) {
		margin-right: 0;
	}
}

@media (max-width: 81.25rem) { /* 1300 px */
	.section-quick-help .content-container > .flex-box > div {
		width: 100%;
	}

	.section-quick-help .content-container > .flex-box > div:first-child {
		margin-bottom: 1.5rem;
	}

	.structured-content .section-quick-help .link-list, 
	.structured-content .section-quick-help .phone-email-support {
		justify-content: flex-start;
	}

	.structured-content .section-quick-help .link-list > div {
		max-width: 20rem;
	}

	.structured-content .section-quick-help .phone-email-support > div {
		margin-bottom: 1.5rem;
		width: auto;
	}
}

@media (max-width: 71.875rem) { /* 1150 px */
	.structured-content .predictive-performance-section .section-ground-content > .flex-box > div:first-child {
		width: 60%;
	}

	.structured-content .predictive-performance-section .section-ground-content > .flex-box > div:last-child {
		width: 40%;
	}

	.structured-content .materials-items article {
		padding: 0 1%;
	}

	.structured-content .material-item-details > div:first-child {
		width: 8rem;
	}

	.focus-skills-section .visualizations-graphs .graph-content {
		height: auto;
	}

	.structured-content .section-quote {
		min-height: 45vw;
	}

	.structured-content .section-quote article p:first-of-type {
		font-size: 1.4rem;
	}

	.structured-content .section-quote article p:last-of-type {
		font-size: 1rem;
	}

	.leadership-content .tab-people article, 
	.leadership-content .tab-people article:nth-child(3n) {
		margin-right: 10%;
		width: 45%;
	}

	.leadership-content .tab-people article:nth-child(even) {
		margin-right: 0;
	}

	.leadership-overlay .content, div.overlay.award-overlay-integration > div, div.overlay.award-overlay-content > div {
		width: 90%;
	}
    
    img.theAwardImage{
        
        max-width: 250px;
    }
}

@media (max-width: 68.75rem) { /* 1100 px */
	.structured-content nav .flex-box > div:first-child, 
	.structured-content nav ul, 
	.structured-content nav p, 
	.structured-content nav .flex-box > div:last-child {
		flex: none;
		text-align: center;
		width: 100%;
	}

	.structured-content nav .flex-box .list-right + .secondary-nav-cta {
		text-align: right;
		width: 100%;
	}

	.structured-content nav .flex-box > div:first-child svg {
		margin: 0 auto 0.25rem auto;
	}

	.structured-content nav h2, 
	.structured-content nav ul {
		margin-bottom: 0.5rem;
	}

	.structured-content .secondary-nav-cta {
		padding-left: 0;
	}

	.structured-content .nav-left p, 
	.structured-content .nav-left ul, 
	.structured-content .nav-right p, 
	.structured-content .nav-right ul {
		text-align: center;
	}

	.structured-content nav .list-right {
		margin-top: 0.75rem;
	    text-align: center;
	}

	.structured-content nav .flex-box .list-right + .secondary-nav-cta {
		text-align: center;
	}
}

@media (max-width: 66rem) { /* 1056 px */
	.focus-skills-section .focus-skills-visualizations-content {
		flex-direction: column-reverse;
	}

	.focus-skills-section .focus-skills-visualizations-content .visualizations-key {
		border-right-width: 0 !important;
		margin-top: 1.5rem;
		overflow-y: hidden;
	}

	.focus-skills-section .focus-skills-visualizations-content .visualizations-key.key-visible,
	.focus-skills-section .focus-skills-visualizations-content .visualizations-key.key-invisible, 
	.focus-skills-section .focus-skills-visualizations-content .visualizations-graphs {
		animation: none !important;
		flex: none;
		height: auto;
		width: 100%;
	}

	.focus-skills-section .graph-controls .focus-skills-key-toggle {
		display: none;
	}

	.focus-skills-section .graph-controls .divider:first-of-type {
		display: none;
	}
}

@media (max-width: 64rem) { /* 1024 px */
	.structured-content .section-stats .columnated-2 article, 
	.structured-content .section-stats .columnated-3 article, 
	.structured-content .section-stats .columnated-4 article, 
	.structured-content .section-stats .columnated-5 article, 
	.structured-content .section-stats .columnated-6 article, 
	.structured-content .section-stats .columnated-7 article, 
	.structured-content .section-stats .columnated-8 article {
		margin-bottom: 1.5rem;
		width: 50%;
	}

	.structured-content nav .flex-box .list-right + .secondary-nav-cta {
		text-align: right;
		width: 100%;
	}

	.structured-content .tab-content-container .feature-content-copy .blue-box, 
	.structured-content .tab-content-container .feature-content-copy .orange-box {
		text-align: center;
	}

	.structured-content .tab-content-container .feature-content-copy .blue-box a, 
	.structured-content .tab-content-container .feature-content-copy .orange-box a {
		margin-left: 0;
	}

	.structured-content .structured-card-section article, 
	.structured-content .structured-card-section article:last-child {
		margin-left: auto;
		margin-right: auto;
		max-width: 40rem;
		padding-right: 30%;
		width: 100% !important;
	}

	.structured-content .structured-card-section article:first-child {
		margin-left: auto;
	}

	.structured-content .tab-content-container .grid-box-5 {
		padding: 0;
		width: 100%;
	}

	.structured-content .tab-content-container .grid-box-7 {
		flex: none;
		padding: 0;
		width: 100%;
	}

	.structured-content .tab-content-container .icon, 
	.structured-content .column-icon > div {
		display: block;
		margin: 0 auto;
	}

	.structured-content .tab-content-container .column-icon {
		margin: 1rem auto 0 auto;
		text-align: center;
	}

	.structured-content .tab-content-container h2,
    .structured-content .tab-content-container h4, 
	.structured-content .tab-content-container p {
		text-align: center;
	}

	.section-map .map-key-bottom, 
	.section-map .map-key-left, 
	.section-map .map-key-right, 
	.section-map .map-key-top {
		flex-direction: column;
	}

	.section-map .map-key-bottom .map-area, 
	.section-map .map-key-bottom .map-key, 
	.section-map .map-key-left .map-area, 
	.section-map .map-key-left .map-key, 
	.section-map .map-key-right .map-area, 
	.section-map .map-key-right .map-key, 
	.section-map .map-key-top .map-area, 
	.section-map .map-key-top .map-key {
		flex: none;
		width: 100%;
	}

	.section-map .map-key-bottom .map-key, 
	.section-map .map-key-left .map-key, 
	.section-map .map-key-right .map-key, 
	.section-map .map-key-top .map-key {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		max-width: 100%;
		width: 100%;
	}

	.section-map .map-key-bottom .map-key > div, 
	.section-map .map-key-left .map-key > div, 
	.section-map .map-key-right .map-key > div, 
	.section-map .map-key-top .map-key > div {
		padding: 0 1rem 0 0;
		width: 33%;
	}

	.focus-skills-details-section > .flex-box > aside .subjects button {
		display: inline-block;
		margin-bottom: 0.5rem;
	}

	.structured-content  .contact-cards-section .contact-grid {
		grid-template-columns: 100%;
		max-width: 36rem;
	}
}

@media (max-width: 61.875rem) { /* 990 px */
	.overlay .content-width-narrow {
		width: 90%;
	}

	.padded-container {
		padding: 2rem 0;
	}

	.structured-content .materials-items article {
		margin-bottom: 2.5rem;
		padding: 0;
		width: 100%;
	}

	.structured-content .skills-list-content article {
		width: 46%;
	}

	.structured-content .skills-list-content article:nth-child(3n-2), 
	.structured-content .skills-list-content article:nth-child(3n-1), 
	.structured-content .skills-list-content article:nth-child(3n) {
		margin-left: 2%;
		margin-right: 2%;
	}

	.structured-content .section-quote {
		min-height: 60vh;
	}

	.myon-featured-collection-shortcode-items .metadata {
		line-height: 1.1;
	}

	.myon-featured-collection-shortcode-items .metadata .divider {
		display: block;
		opacity: 0;
	}

	.structured-content .section-resources .resources-columns-2, 
	.structured-content .section-resources .resources-columns-3 {
		display: block;
	}

	.structured-content .section-resources .resources-columns-2 > div, 
	.structured-content .section-resources .resources-columns-3 > div {
		margin: 0 auto 1.5rem auto;
		max-width: 24rem;
		width: 100%;
	}
}

@media (max-width: 59.375rem) { /* 950 px */
	.bonus-feature-content {
		align-items: flex-start;
	}

	.bonus-feature-section-copy {
		width: calc(100% - 4rem);
	}

	.structured-content .bonus-feature-section-copy h3, 
	.structured-content .bonus-feature-section-copy h4, 
	.structured-content .bonus-feature-section-copy p {
		text-align: center;
	}

	.bonus-feature-section-cta {
		margin-top: 1rem;
		padding-left: 0;
		width: 100%;
	}

	.structured-content .bonus-feature-section-cta .blue-box, 
	.structured-content .bonus-feature-section-cta .orange-box {
		margin-top: 0rem;
	}

	.structured-content .predictive-performance-section .section-ground-content > .flex-box > div:first-child, 
	.structured-content .predictive-performance-section .section-ground-content > .flex-box > div:last-child {
		width: 100%;
	}

	.structured-content .predictive-performance-section .section-ground-content > .flex-box > div:first-child p, 
	.structured-content .predictive-performance-section .section-ground-content > .flex-box > div {
		text-align: center;
	}

	.structured-content .state-selector {
		margin: 0 auto 1rem auto;
	}

	.structured-content .predictive-performance-section .section-ground-content > .flex-box > div:last-child svg {
		margin-top: 1rem;
		max-width: 30rem;
	}

	.structured-content .videos-section .videos-primary .primary-video, 
	.structured-content .videos-section .videos-secondary .secondary-video {
		margin: 0 auto 1.5rem auto !important;
		width: 100%;
	}

	.structured-content .videos-section .videos-primary .primary-video > div {
		padding-bottom: 56.25%;
		position: relative;
		width: 100%;
	}
}

@media (max-width: 56.25rem) { /* 900 px */
	.structured-content .webinars-section.section-alternate article {
		width: 45%;
	}

	.focus-skills-details-section > .flex-box {
		flex-direction: column-reverse;
	}

	.content-hub-content {
		flex-direction: column-reverse;
	}

	.content-hub-content > aside, 
	.content-hub-content > .content-hub-item-area {
		flex: none;
		max-width: 100%;
		width: 100%;
	}
}

@media (max-width: 55rem) { /* 880 px */
	.structured-content .split-link-content {
		flex-direction: column-reverse;
	}

	.structured-content .split-link-content > div {
		margin: 0 auto;
	}

	.structured-content .split-link-content > div:first-of-type {
		width: 90%;
	}

	.structured-content .split-section-link {
		left: calc(50% - 2.5rem);
		right: auto;
	}

	.structured-content .split-link-content > div:last-of-type {
		flex: none;
		padding-left: 0;
	}

	.structured-content .split-link-content h2, 
	.structured-content .split-link-content h3, 
	.structured-content .split-link-content p {
		text-align: center;
	}
}

@media (max-width: 53.125rem) { /* 850 px */
	.structured-content nav .product-name span {
		display: block;
	}

	.leadership-person {
		width: 50%;
	}

	.leadership-entity {
		border-top: 1px solid var(--color-alternate-gray-2);
		padding-top: 1.5rem;
		width: 100%;
	}

	.structured-content .section-cta .grid-box {
		padding-right: 0;
	}

	.structured-content .section-quote {
		padding: 1.5rem 0;
	}

	.structured-content .section-quote .grid-box-8 {
		width: 90%;
	}

	.tabbed-section-mobile-selector {
		display: block;
	}

	.structured-content .tabbed-content-left .tabs {
		display: none;
	}

	.structured-content .tabbed-content-left .tab-content {
		flex: none;
		width: 100%;
	}

	.structured-content .tabbed-content-top .tabs {
		display: none;
	}
}

@media (max-width: 50rem) { /* 800 px */
	.structured-content .split-content > img, 
	.structured-content .split-content > video, 
	.structured-content .split-content > iframe {
		margin: 0 auto 1rem auto;
		max-width: 30rem;
		width: 100%;
	}

	.structured-content .split-content .block-image + .block-content {
	    padding-left: 0;
	}

	.structured-content .split-content > div {
		flex: none;
		margin: 0 auto 1rem auto;
		max-width: 30rem;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		width: 100%;
	}

	.structured-content .split-content h2, 
	.structured-content .split-content h3, 
	.structured-content .split-content p {
		text-align: center;
	} 

	.structured-content .split-content ul {
		list-style-type: none;
		margin: 0 auto 1.25rem auto;
		text-align: center;
	}

	.structured-content .split-content ul li::before {
		content: '\2022';
		padding-right: 0.25rem;
	}

	.structured-content .language-list {
		margin-left: 0 !important;
		text-align: left !important;
	}

	.structured-content .language-list li {
		list-style-type: none !important;
	}

	.structured-content .language-list li::before {
		display: none;
	}

	.structured-content .split-content div.normal {
		text-align: center;
	}

	.structured-content .predictive-performance-section .clouds {
		background-size: 200%;
		top: 0.5rem;
	}

	.section-split-content-form .flex-box > article, 
	.section-split-content-form .flex-box > div {
		flex: none;
		margin-bottom: 1.5rem;
		padding-right: 0;
		width: 100%;
	}

	.structured-content .split-content .blue-box, 
	.structured-content .split-content .orange-box {
		text-align: center;
	}

	.structured-content .resource-column-table .column {
		margin-bottom: 1.5rem;
		width: 100% !important;
	}

	.structured-content .shortcode-phone-number-link {
		margin: 0 auto;
		text-align: center;
	}

	.structured-content .shortcode-phone-number-link a {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}

	.section-map .map-key-bottom .map-key > div, 
	.section-map .map-key-left .map-key > div, 
	.section-map .map-key-right .map-key > div, 
	.section-map .map-key-top .map-key > div {
		margin-bottom: 0.5rem;
		width: 100%;
	}

	.structured-content .shortcode-post-list .post-count-2 > article, 
	.structured-content .shortcode-post-list .post-count-3 > article {
		margin: 0 auto 1.5rem auto;
		max-width: 30rem;
		width: 90%;
	}

	.structured-content .shortcode-post-list .post-count-2 > article:last-of-type, 
	.structured-content .shortcode-post-list .post-count-3 > article:last-of-type {
		margin-bottom: 0;
	}

	.structured-content .split-content .document-group-shortcode > div {
		text-align: center;
	}
}

@media (max-width: 48rem) { /* 768 px */
	.structured-content .columnated-2 article, 
	.structured-content .columnated-3 article, 
	.structured-content .columnated-4 article, 
	.structured-content .columnated-5 article, 
	.structured-content .columnated-6 article, 
	.structured-content .columnated-7 article, 
	.structured-content .columnated-8 article, 
	.structured-content .section-stats .columnated-2 article, 
	.structured-content .section-stats .columnated-3 article, 
	.structured-content .section-stats .columnated-4 article, 
	.structured-content .section-stats .columnated-5 article, 
	.structured-content .section-stats .columnated-6 article, 
	.structured-content .section-stats .columnated-7 article, 
	.structured-content .section-stats .columnated-8 article {
		margin-bottom: 1.5rem;
		width: 100%;
	}

	.structured-content .banner .banner-darkener {
		display: block;
	}

	.structured-content nav {
		padding: 0.75rem 0;
	}

	.structured-content nav .flex-box > div:first-child svg {
		height: 0.5rem;
		margin: 0 auto 0.125rem auto;
	}

	.structured-content nav h2 {
		font-size: 1.25rem;
	}

	.structured-content nav ul {
		margin-bottom: 0;
	}

	.structured-content .secondary-nav-cta {
		padding-left: 0;
	}

	.structured-content .secondary-nav-cta a, 
	.structured-content .secondary-nav-cta button {
		transform: scale(0.8);
		transform-origin: center;
	}

	.structured-content .flow-container article:first-of-type, 
	.structured-content .flow-container article:nth-of-type(2), 
	.structured-content .flow-container article:nth-of-type(3), 
	.structured-content .flow-container article:last-of-type {
		border-bottom-width: 0;
		border-left-width: 0;
		border-radius: 0;
		border-right-width: 0;
		border-top-width: 1px;
		filter: grayscale(0);
		opacity: 1;
		width: 100%;
	}

	.structured-content .flow-container article {
		background-color: #fff;
	}

	.structured-content .flow-container .icon {
		margin: 0 auto;
	}

	.structured-content .flow-container h4 {
		text-align: center;
	}

	.structured-content .product-container .flow-container p {
		text-align: center;
	}

	.structured-content .flow-container .progress-container-outer {
		display: none;
	}

	.structured-content .banner .text-content > a + span {
		display: block;
	}

	.structured-content .banner .text-content > a + span + a {
		margin-left: 0;
		margin-top: 1rem;
	}

	.structured-content .list-item {
		text-align: center;
	}

	.structured-content .list-item .list-item-title, 
	.structured-content .list-item .list-item-link {
		text-align: center;
		width: 100%;
	}

	.structured-content .list-item > div {
		padding: 0 1rem;
	}

	.structured-content .list-item .list-item-title {
		padding-top: 0.5rem;
	}

	.structured-content .list-item > .list-item-description {
		padding: 0.25rem 1rem 0.5rem 1rem;
	}

	.structured-content .list-item .list-item-link {
		padding-bottom: 0.5rem;
	}

	.structured-content .list-item .blue-box,
	.structured-content .list-item .orange-box {
		text-align: center;
	}

	.focus-skills-section .visualizations-graphs .graph-content {
		height: 30rem;
		margin-top: -2.5rem;
	}

	.visualizations-graphs .stacked-bar-graph .label-area, 
	.visualizations-graphs .stacked-area-labels > div {
		display: inline-block;
		font-size: 0.75rem;
		height: 1rem;
		margin-left: -0.7rem;
		padding: 0 1.25rem 0 0;
		text-align: right;
		transform: rotate(-90deg);
		vertical-align: middle;
		white-space: nowrap;
		width: 3rem;
	}

	.myon-shortcode-ticker-content > div > span {
		font-size: 1.75rem;
	}

	.myon-shortcode-ticker-content > div > p {
		font-size: 0.9rem;
	}

	.myon-featured-collection-shortcode-items article {
		margin: 0 0 2rem 0;
		width: 100%;
	}

	.leadership-content button {
		font-size: 0.85rem;
		margin-right: 0.5rem;
		padding: 0 0.75rem;
	}

	.content-hub-wrapper .banner .banner-darkener {
		background-image: linear-gradient(to right, rgba(32,32,32,0.4) 0%, rgba(32,32,32,0.4) 100%);
	}

	.structured-content .section-tabbed .tabbed-section-split > div:first-child, 
	.structured-content .section-tabbed .tabbed-section-split > div:last-child {
		padding: 0;
		width: 100%;
	}

	.structured-content .section-tabbed .tabbed-section-split > div:first-child {
		margin-bottom: 1.5rem;
	}

	.structured-content .section-tabbed .tabbed-section-split .media-text h5, 
	.structured-content .section-tabbed .tabbed-section-split .media-text h6 {
		text-align: center;
	}

	.structured-content .section-icon-boxes .icon-boxes > div {
		width: calc(100% - 1.5rem);
	}

	.structured-content .standard-grid-2, 
	.structured-content .standard-grid-3 {
		grid-gap: 1.5rem;
		grid-template-columns: 100%;
	}

	.structured-content .standard-grid-3 > div:last-of-type {
		margin-bottom: 0;
	}

	.structured-content .section-split-media-text .block-content h2, 
	.structured-content .section-split-media-text .block-content h3, 
	.structured-content .section-split-media-text .block-content p, 
	.structured-content .section-split-media-text .block-content .blue-box, 
	.structured-content .section-split-media-text .block-content .orange-box {
		text-align: center;
	}

	.split-media-content.split-reverse {
		grid-auto-flow: dense;
	}

	.split-media-content.split-reverse > div:first-child {
		grid-row: 2;
	}

	.split-media-content.split-reverse > div:last-child {
		grid-row: 1;
	}	
}

@media (max-width: 43.75rem) { /* 700 px */
	.structured-content .banner .generated-link {
		margin-left: 0;
	    display: flex;
	    margin-left: 0;
	    width: 100%;
	    max-width: 20rem;
	}

	.structured-content .banner .generated-link + a.splitter.splitter-secondary {
		margin-left: 0;
		margin-top: 1rem;
	}

	.structured-content .banner .generated-link > span {
		display: block;
		flex: 1;
	}

	.structured-content .tab-container button, 
	.structured-content .tab-container button:last-of-type {
		display: block;
		margin: 0 auto 1rem auto;
		max-width: 16rem;
		width: 90%;
	}

	.structured-content a.splitter > svg {
		margin-top: 0.75rem;
	}

	.structured-content .list-item {
		padding: 1rem;
	}

	.structured-content .list-item > div {
		padding: 0 0 0.75rem 0;
	}

	.structured-content .list-item .list-item-description {
		flex: none;
		width: 100%;
	}

	.structured-content .list-item .blue-box a {
		text-align: center;
	}

	.structured-content .resource-header {
		display: none;
	}

	.structured-content .resource-list-items > .flex-box, 
	.structured-content .resource-list-items > .flex-box > div {
		border: none;
	}

	.structured-content .resource-list-items > .flex-box {
		border-bottom: 1px solid var(--color-alternate-gray);
		border-top: 1px solid var(--color-alternate-gray);
		padding: 0.5rem;
	}

	.structured-content .resource-list-items > .flex-box > div:first-child {
		flex: none;
		font-weight: 600;
		text-align: center;
		width: 100%;
	}

	.structured-content .resource-list-items > .flex-box > div:nth-child(2), 
	.structured-content .resource-list-items > .flex-box > div:nth-child(3) {
		text-align: center;
		width: 50%;
	}

	.structured-content .resource-list-items > .flex-box > div:last-child {
		text-align: center;
		width: 100%;
	}

	.structured-content .webinars-section.section-alternate article {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.leadership-content .tab-people article, 
	.leadership-content .tab-people article:nth-child(3n), 
	.leadership-content .tab-people article:nth-child(even) {
		margin-right: 0;
		width: 100%;
	}

	.leadership-content .leadership-entity .flex-box > div:last-of-type {
		flex: none;
		padding: 0.5rem 0 0 0;
		width: 100%;
	}

	.leadership-entity p {
		text-align: left;
	}

	.section-accordion .accordion-content-wrapper .accordion-area, 
	.section-accordion .accordion-content-wrapper .accordion-content {
		flex: none;
		margin: 0 auto;
		width: 100%;
	}

	.section-accordion .accordion-content-wrapper .accordion-area {
		margin-bottom: 1.5rem;
	}

	
	.structured-content .product-grid-section .product-grid > div {
		border-width: 0;
		height: 4rem;
		padding: 1rem;
		width: 50%;
	}

	.structured-content .product-grid-section .product-grid > div:nth-child(odd) {
		border-right-width: 1px;
	}

	.structured-content .product-grid-section .product-grid > div:nth-child(n+3) {
		border-top-width: 1px;
	}

	.structured-content .product-grid-section .product-grid > div.grid-link {
		border-right-width: 0;
		width: 100%;
	}

	.structured-content .product-grid-section .product-grid a svg {
		display: block;
		fill: var(--color-medium-blue);
		height: 2rem;
		margin: 0 auto;
	}

	.structured-content .product-grid-section .product-grid a:hover svg {
		fill: var(--color-dark-blue);
	}

	.leadership-content .tab-controls button {
		align-items: center;
		display: flex;
		margin: 0 0 0.5rem 0;
		width: 18rem;
	}
}

@media (max-width: 40rem) { /* 640 px */
	.leadership-person {
		padding: 0;
		width: 100%;
	}

	.leadership-person h2 {
		margin-bottom: 0.5rem;
	}

	.leadership-entity {
		margin: 2rem 0 0 0;
	}

	.leadership-entity > div:first-of-type {
		margin: 0 auto;
	}

	.leadership-entity > div:first-of-type img {
		margin: 1rem;
	}

	.leadership-content .leadership-entity .flex-box > div:first-of-type {
		margin: 0 auto;
	}

	.leadership-entity p {
		text-align: center;
	}
	
	.structured-content .section-awards .content-container > ul li {
		display: block;
		margin-bottom: 1rem;
	}

	.structured-content .section-cta > .content-container > .flex-box {
		position: relative;
		top: 0;
		transform: none;
	}

	.structured-content .section-cta .flex-box {
		display: block;
		flex: none;
	}

	.structured-content .section-cta .alignment-left {
		text-align: center;
	}

	.structured-content .section-cta .primary,
	.structured-content .section-cta .secondary {
		margin-right: 0;
	}

	.structured-content .section-cta .cta-icon.primary, 
	.structured-content .section-cta .cta-icon.secondary {
		margin: 0 auto 1rem auto;
		text-decoration: none;
	}

	.structured-content .material-item-details {
		display: block;
	}

	.structured-content .material-item-details > div:first-child {
		margin: 0 auto 1rem auto;
	}

	.structured-content .material-item-details h4, 
	.structured-content .material-item-details h5, 
	.structured-content .material-item-details p, 
	.structured-content .material-item-details .normal, 
	.structured-content .material-item-content h4, 
	.structured-content .material-item-content h5, 
	.structured-content .material-item-content p, 
	.structured-content .material-item-content .normal {
		text-align: center;
	}

	.structured-content .skills-list-content article, 
	.structured-content .skills-list-content.skills-list-two-column article, 
	.structured-content .skills-list-content.skills-list-two-column article:nth-child(3n-2), 
	.structured-content .skills-list-content.skills-list-two-column article:nth-child(3n) {
		margin: 0 auto 1.5rem auto;
		width: 100%;
	}

	.structured-content .material-item .material-item-details .blue-box, 
	.structured-content .material-item .material-item-details .orange-box {
		text-align: center;
	}

	.structured-content .skills-list-content article:nth-child(3n-2), 
	.structured-content .skills-list-content article:nth-child(3n-1), 
	.structured-content .skills-list-content article:nth-child(3n) {
		margin-left: 0;
		margin-right: 0;
	}

	.structured-content .predictive-performance-section h2 {
		font-size: 1.5rem !important;
	}

	.structured-content .resource-column-table-wrapper .resource-descriptor div:first-child, 
	.structured-content .resource-column-table-wrapper .resource-descriptor div:last-child {
		flex: none;
		width: 100% !important;
	}

	.structured-content .resource-column-table-wrapper .resource-descriptor div:first-child {
		padding: 0.25rem 0.5rem 0 0.5rem;
	}

	.structured-content .resource-column-table-wrapper .resource-descriptor div:last-child {
		padding: 0 0.5rem 0.25rem 0.5rem;
	}

	.structured-content .sliver-section .flex-box > div:first-child {
		display: none;
	}

		.focus-skill-overlay .content .focus-skills-details > .flex-box > div {
		margin: 0 auto;
	}

	.focus-skill-overlay .content .focus-skills-details > .flex-box > div:last-of-type {
		flex: none;
		margin-top: 1.5rem;
		padding-left: 0;
		width: 100%;
	}

	.focus-skill-overlay .content .focus-skills-details .controls a {
		display: block;
		margin: 1rem 0;
	}

	.focus-skill-overlay .content .focus-skills-details .controls span {
		display: none;
	}

	.focus-skill-overlay .content footer > span {
		display: none;
	}

	.focus-skill-overlay .content footer a {
		margin: 0 2rem;
	}

	.focus-skills-section.section-alternate .content-controls > div {
		margin: 0.25rem auto;
		text-align: center;
		width: 17.5rem
	}

	.content-hub-content .content-hub-item-area .flex-box article:nth-child(odd), 
	.content-hub-content .content-hub-item-area .flex-box article:nth-child(even) {
		margin: 0 0 4% 0;
		width: 100%;
	}
}

@media (max-width: 37.5rem) { /* 600 px */
	.section-map .map-key-bottom .map-key > div, 
	.section-map .map-key-left .map-key > div, 
	.section-map .map-key-right .map-key > div, 
	.section-map .map-key-top .map-key > div {
		padding: 0;
		width: 100%;
	}

	.focus-skills-details-section > .flex-box > article .skills-wrapper .header-row {
		display: none;
	}

	.focus-skills-details-section > .flex-box > article .skills-wrapper {
		border: 1px solid var(--color-alternate-gray-2);
		border-top-width: 0;
	}

	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:first-child, 
	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:nth-child(2), 
	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:last-child {
		border: 0;
		flex: none;
		width: 100%;
	}

	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:first-child p:first-child {
		font-size: 1.2rem;
		font-weight: 500;
	}

	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:last-child {
		border-bottom: 1px solid var(--color-alternate-gray-2);
		text-align: left;
	}

	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:last-child p {
		font-size: 0.85rem;
		font-weight: 600;
		text-transform: uppercase;
	}

	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div:last-child p::before {
		color: var(--color-dark-gray);
		content: 'Position: ';
		font-weight: 500;
	}

	.focus-skills-section.section-standard .content-controls > div {
		width: 16rem;
	}

	.focus-skills-section.section-standard .content-controls > .state-selector {
		margin-top: 1rem;
	}

	.structured-content .section-quote {
		min-height: 80vh;
	}

	.section-accordion .accordion-header h4 {
		font-size: 1.1rem;
		text-align: left;
	}

	.myon-shortcode-ticker-content > div {
		margin: 0.75rem 0;
		width: 100%;
	}
    
    .leadership-content button {
		display: block;
		font-size: 0.85rem;
		margin: 0 auto 1rem auto;
		max-width: 18rem;
		padding: 0 0.75rem;
		width: 90%;
	}

	.section-special-information .icon {
		display: none;
	}

	.section-special-information .content, 
	.section-special-information .link {
		flex: none;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		text-align: center;
		width: 100%;
	}

	.section-special-information div.content {
		padding-bottom: 0;
		padding-top: 1rem;
	}

	.section-special-information div.link {
		padding-top: 0;
	}

	.section-special-information div.link a {
		margin: 0 auto;
		max-width: 16rem;
	}

	.shortcode-myon-live-stats .flex-box {
		display: block;
	}

	.shortcode-myon-live-stats .flex-box > .myon-stat, 
	.shortcode-myon-live-stats .flex-box > .myon-stat:last-of-type {
		margin: 0 auto;
	}

	.shortcode-myon-live-stats .flex-box > .myon-stat .icon {
		top: -1rem;
	}

	.shortcode-myon-live-stats .flex-box > .myon-stat > svg {
		top: 0;
	}
}

@media (max-width: 35rem) { /* 560 px */
	.focus-skills-section .visualizations-graphs .graph-content {
		height: 30rem;
		margin-top: -2.5rem;
	}

	.structured-content-form-control.inline {
		margin-bottom: 0.5rem !important;
		width: 100%;
	}

	.focus-skills-section .graph-controls .divider {
		display: none;
	}
}

@media (max-width: 31.25rem) { /* 500 px */
	.structured-content .sliver-section .flex-box > div:nth-child(2), 
	.structured-content .sliver-section .flex-box > div:nth-child(3) {
		flex: none;
		margin-bottom: 1rem;
		width: 100%;
	}

	.structured-content .sliver-section h2 {
		text-align: center;
	}

	.structured-content .sliver-section .flex-box > div:nth-child(2) p {
		text-align: center;
	}

	.structured-content .sliver-section .flex-box > div:nth-child(3) {
		margin: 0 auto 1rem auto;
		width: 8rem;
	}

	.focus-skills-details-section > .flex-box > article > button {
		width: 2.333rem;
	}

	.focus-skills-details-section > .flex-box > article > button span {
		display: none;
	}

	.structured-content .contact-cards-section .contact-card .contact-card-link svg, 
	.structured-content .contact-cards-section .contact-card .contact-card-link span {
		display: block;
		margin: 0 auto;
	}

	.structured-content .contact-cards-section .contact-card .contact-card-link span {
		font-size: 0.9rem;
		margin-top: 0.25rem;
	}

}

@media (max-width: 30rem) { /* 480 px */
	h1 {
	    line-height: 1.2;
	}
}

@media (min-width: 48rem) { /* 768 px */
	.structured-content .section-news .news-items {
		align-items: stretch;
	}

	.structured-content .section-news .news-items-2 .news-card {
		width: 48%;
	}

	.structured-content .section-news .news-items-2 .full-width {
		width: 100%;
	}

	.structured-content .section-news .news-items-3 .news-card {
		width: 30%;
	}

	.structured-content .section-news .news-items-2 .full-width .flex-box > div:first-child {
		max-width: 24rem;
		width: 40%;
	}

	.structured-content .section-news .news-items-2 .full-width .flex-box > div:last-child {
		flex: 1;
		padding-left: 2rem;
		width: auto;
	}

	.structured-content .section-news .news-items-2 .full-width .flex-box > div:last-child > p:first-of-type {
		margin-top: 0;
		text-align: left;
	}

	.structured-content .section-news article h3, 
	.structured-content .section-news article .news-summary p, 
	.structured-content .section-news article .centered {
		text-align: left;
	}

	.structured-content .section-news .news-featured-source {
		text-align: left;
	}
}

/* reduce animation when user prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
	.icon-animate-pulse,
	.icon-animate-slide-down, 
	.scrolly-animate-left, 
	.scrolly-animate-right, 
	.flow-container-3 article:not(.flow-3-intro), 
	.flow-container .flow-slice, 
	.flow-dots, 
	.flow-dots span, 
	.animated-meter .rotate-needle, 
	.stat-number-circle-outer[data-animate-go="yes"], 
	.stat-number-circle-outer[data-animate-go="yes"] .stat-number-circle-inner, 
	.stat-number-wrapper hr, 
	.stat-container-outer[data-animate-go="yes"] .stat-number-divot p:first-child, 
	.stat-container-outer[data-animate-go="yes"] .stat-number-divot svg, 
	.stat-number-dots[data-animate-go="yes"] svg, 
	.stat-number-dots[data-animate-go="yes"] p, 
	.stat-icon[data-animate-go="yes"] svg, 
	.products-columnated-section .stat-icon[data-animate-go="yes"] svg, 
	.stat-icon[data-animate-go="yes"] p, 
	.stat-bar[data-animate-go="yes"] p, 
	.stat-bar[data-animate-go="yes"] .bar-container .bar-chart-bar:nth-of-type(odd), 
	.stat-bar[data-animate-go="yes"] .bar-container .bar-chart-bar:nth-of-type(even), 
	.pie-circle[data-animate-go="yes"], 
	.pie-circle[data-animate-go="yes"] + .pie-value, 
	.stat-us-map[data-animate-go="yes"] svg, 
	.stat-us-map[data-animate-go="yes"] + .map-value, 
	.loading-icon span, 
	.structured-content .predictive-performance-section .clouds, 
	.structured-content .predictive-performance-section .sunrise, 
	.structured-content .predictive-performance-section .section-icon .sun-indicator, 
	.structured-content .predictive-performance-section .section-icon .moon-indicator, 
	.structured-content .section-callout .line.callout-animate-go, 
	.structured-content .section-callout .dots.callout-animate-go, 
	.structured-content .section-callout .callout-border.callout-animate-go {
		animation: none;
	}
}

/* dark mode */
@media (prefers-color-scheme: dark) {
	.structured-content {
		background-color: var(--color-material-dark-standard);
	}
	
	.structured-content nav {
		background-color: var(--color-material-dark-alternate);
    	border-bottom-color: rgba(255,255,255,0.125);
	}

	.structured-content nav svg {
		fill: var(--color-light-gray);
	}

	.structured-content nav h2, 
	.structured-content .page-section h3, 
	.structured-content .page-section h2.page-section, 
	.structured-content p, 
	.structured-content li,  
	.structured-content .page-section h4, 
	.structured-content .page-section h5, 
	.structured-content .simple-content ol, 
	.structured-content .simple-content ul, 
	.structured-content .skills-list-content article ul, 
	.structured-content .predictive-performance-section h2, 
	.structured-content .split-content ul, 
	.section-split-content-form .flex-box > article .product-list h2, 
	.structured-content .resource-column-table .column div a + span, 
	.structured-content .resource-column-table-wrapper .resource-descriptor h5, 
	.structured-content .resource-column-table-wrapper .resource-descriptor div:last-child p strong, 
	.structured-content .webinars-section article h5, 
	.structured-content section.introduction h4, 
	.structured-content .shortcode-post-list article h4, 
	.structured-content .shortcode-post-list article h5, 
	.structured-content .focus-skills-section h3, 
	.structured-content .focus-skills-section fieldset.reusable legend, 
	.structured-content .focus-skills-section .key-content h4, 
	.structured-content .focus-skills-section .key-content p, 
	.structured-content .focus-skills-section .visualizations-graphs .stacked-bar-graph .vertical-label p, 
	.structured-content .focus-skills-section .visualizations-graphs .stacked-bar-graph .label-area, 
	.structured-content .focus-skills-section .structured-content-form-control.inline label, 
	.structured-content .focus-skills-section .stacked-area-vertical-label, 
	.structured-content .focus-skills-section .visualizations-graphs .stacked-area-labels > div, 
	.structured-content .focus-skills-section .gantt-outer .vertical-label p, 
	.structured-content .focus-skills-section .gantt-outer .gantt-inner .grade-band .grade-label, 
	.structured-content .focus-skills-section .gantt-outer .gantt-inner .gantt-x-axis-label, 
	.structured-content .focus-skills-section .gantt-outer .gantt-inner .gantt-x-axis-name, 
	.structured-content .focus-skills-section p, 
	.structured-content .focus-skills-section .mobile-gantt-grade .gantt-x-axis-label, 
	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content header div, 
	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content h5, 
	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content h6, 
	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content p, 
	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content .focus-skills-details > .flex-box > div:first-child > span:first-of-type, 
	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content .focus-skills-details > .flex-box > div:first-child > span:last-of-type, 
	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content .focus-skills-details > .flex-box > div:last-child ul li span, 
	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div, 
	.focus-skills-details-section > .flex-box > article .skills-wrapper > div, 
	.focus-skills-details-section > .flex-box > article .skills-wrapper .content-row > div:first-child p:last-child, 
	.section-accordion .accordion-details, 
	.section-accordion .accordion-details li, 
	.leadership-content h2, 
	.leadership-content .tab-people article h4, .leadership-overlay .leadership-overlay-name, 
	.content-hub-content > aside h2, 
	.content-hub-content > aside legend, 
	.content-hub-content > aside fieldset label, 
	.content-hub-content > aside .additional-post-type h3 {
		color: var(--color-light-gray);
	}

	header .main-menu-container .menu-content li a.main-menu-flex-box > span {
		font-weight: 600;
	}

	.structured-content nav ul a, 
	.structured-content nav ul a:visited {
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content nav ul a:hover, 
	.structured-content nav ul a:focus, 
	.structured-content nav ul a:active {
		border-color: var(--color-material-dark-blue-light);
		color: var(--color-material-dark-blue-light);
	}

	.structured-content a, 
	.structured-content a:visited {
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content a:hover, 
	.structured-content a:focus, 
	.structured-content a:active {
		color: var(--color-material-dark-blue-light);
	}

	.structured-content .normal a, 
	.structured-content .normal a:visited, 
	.structured-content .centered a, 
	.structured-content .centered a:visited  {
		border-bottom-color: var(--color-material-dark-blue-normal);
	}

	.structured-content .normal a:hover, 
	.structured-content .normal a:focus, 
	.structured-content .normal a:active,
	.structured-content .centered a:hover, 
	.structured-content .centered a:focus, 
	.structured-content .centered a:active {
		border-bottom-color: var(--color-material-dark-blue-light);
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content .blue-box a, 
	.structured-content .blue-box a:visited, 
	.structured-content .orange-box a, 
	.structured-content .orange-box a:visited, 
	.structured-content a.splitter, 
	.structured-content a.splitter:visited {
		background-color: var(--color-material-dark-blue-normal);
		color: var(--color-very-dark-gray) !important;
	}

	.structured-content .blue-box a:hover, 
	.structured-content .blue-box a:focus,
	.structured-content .blue-box a:active, 
	.structured-content .orange-box a:hover, 
	.structured-content .orange-box a:focus,
	.structured-content .orange-box a:active, 
	.structured-content a.splitter:hover, 
	.structured-content a.splitter:focus, 
	.structured-content a.splitter:active {
		background-color: var(--color-material-dark-blue-light);
		color: var(--color-very-dark-gray) !important;
	}

	.structured-content .nav-type-section li .active:hover, 
	.structured-content .nav-type-section li .active:focus, 
	.structured-content .nav-type-section li .active:active, 
	.structured-content .nav-type-section li .active:link, 
	.structured-content .nav-type-section li .active:visited {
		color: var(--color-material-orange-1);
	}

	.structured-content a.splitter:hover, 
	.structured-content a.splitter:focus, 
	.structured-content a.splitter:active {
		box-shadow: 0 0 1.5rem rgba(255,255,255,0.3);
	}

	.structured-content a.splitter > span {
		border-right: 1px solid rgba(32,32,36,0.25);
	}

	.structured-content a.splitter > svg {
		fill: var(--color-very-dark-gray);
	}

	.structured-content .section-quote .splitter, 
	.structured-content .section-quote .splitter:visited {
		background-color: transparent;
		border-color: var(--color-material-dark-blue-normal);
		color: var(--color-material-dark-blue-normal) !important;
		height: auto;
		padding: 0 0 0 0.5rem;
		text-decoration: none;
	}

	.structured-content .section-quote .splitter span, 
	.structured-content .section-quote .splitter:visited span {
		border-right-color: var(--color-material-dark-blue-normal);
	}

	.structured-content .section-quote .splitter svg, 
	.structured-content .section-quote .splitter:visited svg {
		fill: var(--color-material-dark-blue-normal);
	}

	.structured-content .section-quote .splitter:hover, 
	.structured-content .section-quote .splitter:focus, 
	.structured-content .section-quote .splitter:active {
		background-color: transparent;
		border-color: var(--color-material-dark-blue-light);
		color: var(--color-material-dark-blue-light) !important;
	}

	.structured-content .section-quote .splitter:hover span, 
	.structured-content .section-quote .splitter:focus span, 
	.structured-content .section-quote .splitter:active span {
		border-right-color: var(--color-material-dark-blue-light);
	}

	.structured-content .section-quote .splitter:hover svg, 
	.structured-content .section-quote .splitter:focus svg, 
	.structured-content .section-quote .splitter:active svg {
		fill; var(--color-material-dark-blue-light);
	}

	.structured-content a.splitter.splitter-secondary {
		border: 2px solid var(--color-very-dark-gray);
	}

	.structured-content a.splitter.splitter-secondary:hover {
		border: 2px solid var(--color-material-dark-standard);
	}

	.structured-content .split-link-content .link-orange, 
	.structured-content .split-link-content .link-blue {
		background-color: var(--color-material-orange-1);
		border-color: var(--color-material-orange-1);
	}

	.structured-content .split-section-link svg {
		fill: var(--color-very-dark-gray);
	}

	.structured-content .split-link-content .link-orange:hover {
		background-color: var(--color-material-orange-2);
	}

	.structured-content nav ul li {
		color: var(--color-material-orange-1);
	}

	.structured-content nav ul a:hover {
		border-bottom-color: var(--color-material-dark-blue-light);
		color: var(--color-material-dark-blue-light);
	}

	.structured-content section.introduction {
		background-color: var(--color-material-dark-standard);
	}

	.structured-content .page-section h2, 
	.structured-content .page-section .section-subheader {
		color: var(--color-material-orange-1);
	}

	.structured-content .animated-icon-slide-down > div {
		background-color: var(--color-material-dark-standard);
	}

	.structured-content .page-section h4 {
		font-weight: 400;
	}

	.structured-content .section-alternate {
		background-color: var(--color-material-dark-alternate);
		border-bottom: 0;
		border-top: 1px solid rgba(255,255,255,0.125);
	}

	.structured-content .section-standard {
		background-color: var(--color-material-dark-standard);
		border-bottom: 0;
		border-top: 1px solid rgba(255,255,255,0.125);
	}

	.product-name svg {
		fill: var(--color-light-gray);
	}

	.product-name .main, 
	.product-name .main, .product-name > p > span:first-of-type {
		color: var(--color-medium-gray);
		font-weight: 600;
	}

	.product-name .secondary, 
	.product-name .main, .product-name > p > span:last-of-type {
		color: var(--color-light-gray);
		font-weight: 400;
	}

	.structured-content .blue-box a, 
	.structured-content .blue-box a:visited {
	    background-color: var(--color-material-dark-blue-normal);
	    border-bottom: 0;
	    color: var(--color-very-dark-gray);
	}

	.structured-content .blue-box a:hover, 
	.structured-content .blue-box a:focus, 
	.structured-content .blue-box a:active {
		background-color: var(--color-material-dark-blue-light);
		color: var(--color-very-dark-gray);
		opacity: 1;
	}

	.structured-content .section-icon, 
	.structured-content .section-icon svg, 
	.structured-content .column-icon svg {
		fill: var(--color-material-orange-1);
	}

	.structured-content .column-icon {
		border-color: var(--color-material-orange-1);
	}

	.section-accordion .accordion-content-wrapper .accordion-area > ul {
		background-color: var(--color-material-dark-standard);
		border-color: var(--color-dark-gray);
	}

	.section-accordion .accordion-content-wrapper .accordion-area > ul .accordion-group span {
		background-color: var(--color-material-dark-alternate);
		border-bottom-color: var(--color-dark-gray);
		color: var(--color-material-dark-blue-normal);
	}

	.section-accordion .accordion-content-wrapper .accordion-area > ul .accordion-group.group-active, 
	.section-accordion .accordion-content-wrapper .accordion-area > ul .accordion-group.group-active span {
		background-color: var(--color-material-dark-alternate);
	}

	.section-accordion .accordion-content-wrapper .accordion-area > ul .accordion-group:hover span, 
	.section-accordion .accordion-content-wrapper .accordion-area > ul > li > ul > li:hover {
		background-color: var(--color-material-dark-alternate);
		color: var(--color-light-gray);
	}

	.section-accordion .accordion-content-wrapper .accordion-area > ul > li > ul > li {
		border-bottom-color: var(--color-dark-gray);
		color: var(--color-material-dark-blue-normal);
	}

	.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media > div .slideshow, 
	.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media picture, 
	.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media .video-frame {
		border: 1px solid var(--color-dark-gray);
	}

	.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media .dots span {
		background-color: var(--color-medium-dark-gray);
		border-color: var(--color-dark-gray);
	}

	.section-accordion .accordion-content-wrapper .accordion-content .accordion-item-content .accordion-media .dots span.active {
		background-color: var(--color-material-green);
		border-color: var(--color-material-green);
	}

	.section-link-list .link-button-style li button span {
		border-right-color: rgba(32,32,36,0.15);
	}

	.section-link-list .link-button-style li button svg polygon {
	 	stroke: var(--color-very-dark-gray);
	}

	.section-quick-links .quick-link, 
	.structured-content .section-text-cards article {
		background-color: var(--color-alternate-dark-gray);
		border-color: var(--color-dark-gray);
		box-shadow: none;
	}

	.section-quick-links .quick-link > div:first-child {
		color: var(--color-material-green);
	}

	.section-quick-links .quick-link > div:last-child .additional, 
	.structured-content .skills-list-content h5, 
	.structured-content .skills-list-content h6, 
	.structured-content .stats-additional ul {
		color: var(--color-light-gray);
	}

	.section-quote {
		background-color: var(--color-material-dark-standard) !important;
	}

	.structured-content .simple-card-container article > div:first-child {
		border-color: var(--color-dark-gray);
		opacity: 0.75;
	}

	.structured-content .tabbed-content-left .tabs .tabs-container button.active {
		background-color: var(--color-material-dark-blue-normal);
		border-color: var(--color-material-dark-blue-normal);
		color: var(--color-very-dark-gray);
	}

	.structured-content .material-item h5 {
		color: var(--color-material-orange-1);
	}
	
	.structured-content .section-quote .splitter:hover {
		opacity: 1;
	}

	.structured-content .shortcode-phone-number-link svg {
		fill: var(--color-very-dark-gray);
	}

	.structured-content .shortcode-phone-number-link span {
		color: var(--color-very-dark-gray);
	}

	.stat-number-wrapper hr {
		border-bottom: 1px solid var(--color-light-gray);
	}

	.structured-content .structured-card-section article, 
	.structured-content .structured-card-section article:last-child {
		background-color: transparent;
		background-image: none !important;
		border-color: var(--color-dark-gray) !important;
		padding-right: 1.25rem;
	}

	.structured-content .structured-card-section article .card-image-overlay {
		display: none;
	}

	.structured-content .skills-list-content article {
		background-color: var(--color-material-dark-alternate);
		border: 1px solid var(--color-dark-gray);
	}

	.structured-content .skills-list-content .product-name-text p span:first-of-type {
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content .skills-list-content .product-name-text p span:last-of-type {
		color: #fff;
	}

	.structured-content .skills-list-content .product-name-text {
		border-bottom-color: var(--color-dark-gray);
	}

	.structured-content .slide-container-alternate {
		background-color: transparent;
	}

	.structured-content .feature-slideshow .feature-slide-container img {
		border-color: var(--color-dark-gray);
	}

	.structured-content .flow-container > article {
		background-color: var(--color-very-dark-gray);
		border-color: var(--color-medium-dark-gray);
	}

	.structured-content .flow-container > article.active-box {
		border-color: var(--color-dark-gray);
	}

	.structured-content .flow-container > article h4 {
		color: var(--color-medium-dark-gray);
	}

	.structured-content .flow-container > article.active-box h4 {
        color:var(--color-material-orange-1);
	}
    
	.structured-content .flow-container .progress-container-outer {
		background-color: var(--color-darker-gray);
		border-color: var(--color-material-orange-1);
	}

	.structured-content .flow-container .flow-slice {
		background-color: var(--color-material-orange-1);
	}

	.structured-content .flow-container > article .note {
		border-top-color: rgba(255,255,255,0.15);
	}

	.structured-content a.splitter, 
	.structured-content a.splitter:visited {
		border-bottom-color: transparent;
		color: #fff;
	}

	.structured-content a.splitter.splitter-secondary,
	.structured-content a.splitter.splitter-secondary:visited {
		background-color: #fff;
		border-width: 0;
		color: var(--color-very-dark-gray);
	}

	.structured-content a.splitter.splitter-secondary:hover, 
	.structured-content a.splitter.splitter-secondary:focus, 
	.structured-content a.splitter.splitter-secondary:active {
		background-color: var(--color-light-gray);
		border-width: 0;
		color: var(--color-very-dark-gray);
		opacity: 1;
	}

	.structured-content .section-form p, 
	.structured-content .form-container .mktoForm .mktoRequiredField label.mktoLabel, 
	.structured-content .form-container .mktoForm label.mktoLabel, 
	.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label, 
	.structured-content .wpcf7-form label{
		color: var(--color-light-gray);
	}

	.structured-content .form-container input.mktoField, 
	.structured-content .form-container input.mktoLogicalField, 
	.structured-content .form-container select.mktoField, 
	.structured-content .form-container select.mktoLogicalField,
	.structured-content .form-container .mktoForm.mktoLayoutAbove select,  
	.structured-content .form-container textarea.mktoField, 
	.structured-content .form-container textarea.mktoLogicalField, 
	.structured-content .wpcf7-form input, 
	.structured-content .wpcf7-form textarea {
		background-color: transparent !important;
		border: 1px solid var(--color-dark-gray) !important;
		color: var(--color-light-gray) !important;
	}

	.structured-content .form-container input.mktoField:focus, 
	.structured-content .form-container input.mktoLogicalField:focus, 
	.structured-content .form-container select.mktoField:focus, 
	.structured-content .form-container select.mktoLogicalField:focus, 
	.structured-content .form-container .mktoForm.mktoLayoutAbove select:focus, 
	.structured-content .form-container textarea.mktoField:focus, 
	.structured-content .form-container textarea.mktoLogicalField:focus, 
	.structured-content .wpcf7-form input, 
	.structured-content .wpcf7-form textarea {
		background-color: var(--color-dark-gray) !important;
		border: 1px solid var(--color-light-gray) !important;
		color: var(--color-light-gray) !important;
	}

	.structured-content .form-container .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton, 
	.structured-content .wpcf7-form button, 
	.structured-content .wpcf7-form input[type=submit] {
		background-color: var(--color-material-dark-blue-normal) !important;
		color: var(--color-very-dark-gray) !important;
	}

	.structured-content .form-container .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton:hover, 
	.structured-content .wpcf7-form button:hover, 
	.structured-content .wpcf7-form input[type=submit]:hover {
		background-color: var(--color-material-dark-blue-light) !important;
		color: var(--color-very-dark-gray) !important;
	}

	.structured-content .split-link-content > div:first-of-type img, 
	.structured-content .split-link-content > div:first-of-type video, 
	.structured-content .split-link-content > div:first-of-type iframe {
		border-color: var(--color-dark-gray);
	}

	.structured-content .structured-card-section article .image-card-link a, 
	.structured-content .structured-card-section article .image-card-link a:visited, 
	.structured-content .webinars-section article .generated-link-container > a, 
	.structured-content .webinars-section article .generated-link-container > a:visited, 
	.structured-content .skills-list-content .skills-group-link, 
	.structured-content .skills-list-content .skills-group-link:visited, 
	.structured-content .confirmation-overlay .confirmation-footer button, 
	.section-link-list .link-button-style li a, 
	.section-link-list .link-button-style li button, 
	.structured-content .shortcode-phone-number-link a, 
	.structured-content .shortcode-phone-number-link a:visited, 
	.structured-content .shortcode-phone-number-link a, 
	.structured-content .shortcode-phone-number-link a:visited, 
	.structured-content .shortcode-post-list article .post-link, 
	.structured-content .shortcode-post-list article .post-link:visited {
		background-color: var(--color-material-dark-blue-normal);
		color: var(--color-very-dark-gray);
	}

	.structured-content .structured-card-section article .image-card-link a:hover, 
	.structured-content .structured-card-section article .image-card-link a:focus, 
	.structured-content .structured-card-section article .image-card-link a:active, 
	.structured-content .webinars-section article .generated-link-container > a:hover, 
	.structured-content .webinars-section article .generated-link-container > a:focus, 
	.structured-content .webinars-section article .generated-link-container > a:active, 
	.structured-content .skills-list-content .skills-group-link:hover, 
	.structured-content .skills-list-content .skills-group-link:focus, 
	.structured-content .skills-list-content .skills-group-link:active, 
	.structured-content .confirmation-overlay .confirmation-footer button:hover, 
	.section-link-list .link-button-style li a:hover, 
	.section-link-list .link-button-style li button:hover, 
	.structured-content .shortcode-phone-number-link a:hover, 
	.structured-content .shortcode-phone-number-link a:focus, 
	.structured-content .shortcode-phone-number-link a:active, 
	.structured-content .shortcode-phone-number-link a:hover, 
	.structured-content .shortcode-phone-number-link a:focus, 
	.structured-content .shortcode-phone-number-link a:active, 
	.structured-content .shortcode-post-list article .post-link:hover, 
	.structured-content .shortcode-post-list article .post-link:focus, 
	.structured-content .shortcode-post-list article .post-link:active {
		background-color: var(--color-material-dark-blue-light);
		color: var(--color-very-dark-gray);
	}

	.structured-content .tab-container .active-tab, 
	.structured-content .tab-container .active-tab:hover {
		background-color: var(--color-material-dark-blue-light);
		color: var(--color-very-dark-gray);
	}

	.structured-content .list-item {
		background-color: var(--color-material-dark-standard);
	}

	.structured-content .list-item:nth-child(even) {
		background-color: var(--color-material-dark-alternate);
	}

	.structured-content .predictive-performance-section h2 {
		padding-top: 0;
	}

	.section-split-content-form .flex-box > article .product-list {
		background-color: var(--color-darker-gray);
		border-color: rgba(255,255,255,0.1);
	}

	.section-split-content-form .flex-box > article .product-list li {
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content .structured-card-section article .image-card-link a span + svg {
		fill: var(--color-very-dark-gray);
	}

	.structured-content .section-cta .primary {
		background-color: var(--color-material-dark-blue-normal);
		border-color: var(--color-material-dark-blue-normal);
		color: var(--color-very-dark-gray) !important;
	}

	.structured-content .section-cta .primary:hover {
		background-color: var(--color-material-dark-blue-light);
		border-color: var(--color-material-dark-blue-light);
		color: var(--color-very-dark-gray) !important;
	}

	.structured-content .page-section .fancy-form-container .mktoForm .mktoRequiredField label.mktoLabel, 
	.structured-content .page-section .fancy-form-container .mktoForm label.mktoLabel, 
	.structured-content .page-section .fancy-form-container .mktoForm .mktoRadioList > label, 
	.structured-content .page-section .fancy-form-container .mktoForm .mktoCheckboxList > label, 
	.structured-content .page-section .fancy-form-container .wpcf7-form label {
		color: var(--color-alternate-gray);
	}

	.structured-content .resource-list-items > .flex-box {
		border-color: var(--color-dark-gray);
	}

	.structured-content .resource-list-items > .flex-box div {
		border-right-color: var(--color-dark-gray);
		color: var(--color-alternate-gray);
	}

	.structured-content .resource-list-items > .flex-box:nth-child(odd) {
		background-color: var(--color-darker-gray);
	}

	.structured-content .resource-list-items > .flex-box div span {
		color: var(--color-alternate-gray);
	}

	.structured-content .resource-column-table .column > div:nth-child(odd) {
		background-color: var(--color-darker-gray);
	}

	.structured-content .resource-column-table .resource, 
	.structured-content .resource-column-table .column div.header:first-child, 
	.structured-content .resource-column-table .column:first-child {
		border-color: var(--color-dark-gray);
	}

	.structured-content .resource-column-table-wrapper .resource-descriptor:nth-child(even) {
		background-color: var(--color-darker-gray);
	}

	.structured-content .webinars-section.section-alternate article, 
	.structured-content .webinars-section.section-standard article {
		background-color: var(--color-darker-gray);
		border-color: var(--color-dark-gray);
		border-style: solid;
	}

	.structured-content .tab-container .active-tab, 
	.structured-content .tab-container .active-tab:hover {
		border-color: var(--color-material-dark-blue-normal);
	}

	.structured-content .skills-list-content p strong {
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content .material-item-details > div:first-child img {
		border-color: var(--color-dark-gray);
	}

	.structured-content .skills-list-content .skills-group-link, 
	.structured-content .skills-list-content .skills-group-link:visited {
		font-weight: 500;
	}

	.structured-content .section-cta {
		background-color: var(--color-very-dark-gray) !important;
	}

	.structured-content .videos-section .videos-primary .primary-video > div, 
	.structured-content .videos-section .videos-secondary .secondary-video > div {
		border-color: var(--color-dark-gray);
	}

	.structured-content .confirmation-overlay .content, 
	.structured-content .confirmation-overlay .confirmation-footer {
		background-color: var(--color-darker-gray);
	}

	.structured-content .confirmation-overlay .confirmation-footer {
		border-top-color: var(--color-dark-gray);
	}

    .map-section-files-bubble header div {
        color: #fff;
    }
    
    #focus-skills-bubble-document-list > a > span, 
    p.document-subject-heading {
        color: var(--color-medium-blue);
    }
    
	.section-us-map .map-key .flex-box > div:first-of-type {
		background-color: #fff;
	}

	.structured-content .link-list-overlay .content-wrapper p {
		color: var(--color-very-dark-gray);
	}

	.structured-content .link-list-overlay .content-wrapper .content-images .overlay-image-link {
		color: var(--color-material-orange-1);
	}

	.section-map .map-key .flex-box > div:first-of-type {
		border-color: #fff;
	}

	.map-section-bubble .bubble-content {
		background-color: var(--color-dark-gray);
		border: 2px solid #fff;
	}

	.structured-content .section-alternate .shortcode-post-list article, 
	.structured-content .section-standard .shortcode-post-list article {
		border-color: var(--color-dark-gray);
	}

	.structured-content .focus-skills-section {
		background-color: var(--color-material-dark-alternate);
		border-width: 0;
	}

	.structured-content .focus-skills-section .section-icon svg {
		fill: var(--color-material-dark-blue-normal);
	}

	.focus-skills-section .focus-skills-visualizations-content .visualizations-key {
		border-right-color: var(--color-dark-gray);
	}

	.structured-content .focus-skills-section .gantt-outer .gantt-inner .grade-band, 
	.structured-content .focus-skills-section .mobile-gantt-grade:last-of-type {
		border-bottom-color: var(--color-dark-gray);
	}

	.structured-content .focus-skills-section .gantt-outer .gantt-inner .grade-band:first-of-type, 
	.structured-content .focus-skills-section .mobile-gantt-grade { 
		border-top-color: var(--color-dark-gray);
	}

	.structured-content .focus-skills-section .focus-skills-visualizations-content .visualizations-key, 
	.structured-content .focus-skills-section .mobile-gantt-grade .gantt-vertical {
		border-right-color: rgba(255,255,255,0.15);
	}

	.structured-content .focus-skills-section .gantt-outer .gantt-inner .gantt-vertical {
		border-right-color: var(--color-dark-gray);
	}

	.visualizations-graphs .stacked-bar-graph .vertical-label p, 
	.visualizations-graphs .stacked-bar-graph .label-area, 
	.structured-content-form-control.inline label, 
	.focus-skills-details-section > .flex-box > aside label, 
	.visualizations-graphs .stacked-area-labels > div {
		color: var(--color-light-gray) !important;
	}

	.focus-skills-section.section-standard .content-controls > div, 
	.focus-skills-details-section > .flex-box > aside fieldset {
		background-color: var(--color-material-dark-standard);
		border-color: var(--color-dark-gray);
	}

	.focus-skills-section .content-controls button, 
	.structured-content-form-control .button-group button, 
	.focus-skills-details-section > .flex-box > aside .subjects button, 
	.focus-skills-details-section > .flex-box > article > p > a {
		background-color: var(--color-material-dark-blue-normal);
		border-color: var(--color-material-dark-blue-normal);
		color: var(--color-very-dark-gray);
	}

	.focus-skills-section .content-controls button:hover, 
	.structured-content-form-control .button-group button:hover, 
	.focus-skills-details-section > .flex-box > aside .subjects button:hover, 
	.focus-skills-details-section > .flex-box > article > p > a:hover {
		background-color: var(--color-material-dark-blue-light) !important;
		border-color: var(--color-material-dark-blue-light);
		color: var(--color-very-dark-gray);
	}

	.focus-skills-section .content-controls button.active, 
	.focus-skills-details-section > .flex-box > aside .subjects button.active {
		background-color: var(--color-material-dark-blue-normal) !important;
		border-color: var(--color-material-dark-blue-normal) !important;
		color: var(--color-very-dark-gray) !important;
	}

	.focus-skills-section .content-controls button.inactive, 
	.focus-skills-section .content-controls button.inactive:hover {
		background-color: var(--color-alternate-gray-2) !important;
		border-color: var(--color-alternate-gray-2) !important;
	}

	.structured-content-form-control .toggle .toggle-control[data-toggle-state="on"] span:first-of-type, 
	.focus-skills-details-section > .flex-box > article > button {
		background-color: var(--color-material-dark-blue-normal) !important;
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector input, 
	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector button {
		border-color: var(--color-material-dark-blue-normal) !important;
		color: var(--color-very-dark-gray);
		height: 2.75rem;
	}

	.structured-content .focus-skills-section .structured-content-form-control .button-group .buttons button.active {
		background-color: var(--color-material-dark-blue-normal) !important;
	}

	.structured-content .focus-skills-section .structured-content-form-control .button-group .buttons button.active:hover {
		background-color: var(--color-material-dark-blue-light) !important;
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector input {
		color: var(--color-light-gray);
		flex: 1;
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector button {
		background-color: var(--color-material-dark-blue-normal);
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector button svg {
		fill: var(--color-very-dark-gray);
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector input:focus, 
	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector input:focus + button,
	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector button:hover {
		border-color: var(--color-material-dark-blue-light);
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector input:focus {
		background-color: transparent !important;
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector input:focus + button {
		border-color: var(--color-material-dark-blue-light);
		border-left-width: 0;
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector button:focus {
		outline: 0 !important;
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector .map-item-list, 
	.focus-skills-details-section > .flex-box > aside .structured-content-form-selector .map-item-list {
		background-color: var(--color-material-dark-blue-normal);
		border-color: var(--color-dark-gray);
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector .map-item-list li, 
	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector .map-item-list li > div, 
	.focus-skills-details-section > .flex-box > aside .structured-content-form-selector .map-item-list li, 
	.focus-skills-details-section > .flex-box > aside .structured-content-form-selector .map-item-list li div {
		color: var(--color-very-dark-gray);
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector .map-item-list li:hover, 
	.focus-skills-details-section > .flex-box > aside .structured-content-form-selector .map-item-list li:hover {
		background-color: var(--color-material-dark-blue-light);
	}

	.structured-content .focus-skills-section .structured-content-form-control .structured-content-form-selector .map-item-list li > div svg, 
	.focus-skills-details-section > .flex-box > aside .structured-content-form-selector .map-item-list li > div svg {
		fill: var(--color-very-dark-gray);
	}

	.structured-content .focus-skills-section .structured-content-form-control .toggle .toggle-control[data-toggle-state="on"] span:first-of-type {
		background-color: var(--color-material-dark-blue-normal);
	}

	.structured-content .focus-skills-dsection .structured-content-form-control .button-group button {
		background-color: var(--color-material-dark-blue-normal) !important;
	}

	.structured-content .focus-skills-section .structured-content-form-control .button-group button.inactive {
		background-color: var(--color-alternate-gray) !important;
	}

	.structured-content .focus-skills-section .structured-content-form-control .button-group button svg, 
	.structured-content .focus-skills-section .structured-content-form-control .button-group button.inactive svg {
		fill: var(--color-very-dark-gray);
	}

	.structured-content .focus-skills-section .structured-content-form-control .button-group button:hover {
		background-color: var(--color-material-dark-blue-light) !important;
	}

	.structured-content .focus-skills-section .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-content, 
	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content {
		background-color: var(--color-material-dark-alternate-2);
	}

	.structured-content .focus-skills-section .visualizations-graphs .stacked-bar-graph .bar-area .bar-part-bubble-tail {
		border-top-color: var(--color-material-dark-alternate-2);
	}

	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content header {
		background-color: var(--color-material-dark-alternate);
		border-bottom-color: var(--color-dark-gray);
	}

	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content header button {
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content header button:hover {
		color: var(--color-material-dark-blue-light);
	}

	.structured-content .focus-skills-section + input + input + .focus-skill-overlay .content footer {
		background-color: var(--color-material-dark-alternate);
		border-top-color: var(--color-dark-gray);
	}

	.focus-skills-details-section > .flex-box > aside {
		background-color: var(--color-alternate-dark-gray);
		border-right-color: var(--color-dark-gray);
	}

	.focus-skills-details-section > .flex-box > article .content-row > div, 
	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div {
		border-color: var(--color-dark-gray);
	}

	.focus-skills-details-section > .flex-box > article .skills-wrapper > div {
		background-color: var(--color-dark-gray);
	}

	.focus-skills-details-section > .flex-box > article .skills-wrapper .content-row:nth-child(odd) {
		background-color: var(--color-very-dark-gray);
	}

	.visualizations-graphs .stacked-bar-graph .bar-area .solid-bar {
		background-color: var(--color-medium-gray);
		background-image: none !important;
	}

	.visualizations-graphs .gantt-outer .gantt-inner .gantt-vertical {
		border-right-color: var(--color-dark-gray);
	}

	.visualizations-graphs .gantt-outer .gantt-inner .grade-band {
		border-bottom-color: var(--color-dark-gray);
	}

	.visualizations-graphs .gantt-outer .gantt-inner .grade-band:first-of-type {
		border-top-color: var(--color-dark-gray);
	}

	.focus-skills-section .graph-controls > .flex-box > span {
		border-left-color: var(--color-dark-gray);
	}

	.structured-content-form-control.inline:last-of-type, 
	.focus-skills-section .graph-controls > .flex-box > span:last-of-type {
		display: none;
	}

	.structured-content .tab-content-container .feature-image-enlarger {
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content .focus-skills-details-section, 
	.structured-content .focus-skills-details-section > .flex-box > aside {
		background-color: var(--color-material-dark-alternate);
	}

	.focus-skills-details-section > .flex-box > aside .subjects button.active, 
	.focus-skills-details-section > .flex-box > aside .subjects button.inactive {
		border-width: 0;
	}

	.focus-skills-details-section > .flex-box > aside input, 
	.focus-skills-details-section > .flex-box > aside button {
		border-color: var(--color-material-dark-blue-normal) !important;
	}

	.focus-skills-details-section > .flex-box > aside button {
		background-color: var(--color-material-dark-blue-normal) !important;
	}

	.focus-skills-details-section > .flex-box > aside input:focus {
		background-color: transparent !important;
	}

	.focus-skills-details-section > .flex-box > aside button:hover {
		background-color: var(--color-material-dark-blue-light) !important;
	}

	.focus-skills-details-section > .flex-box > aside button svg {
		fill: var(--color-very-dark-gray) !important;
	}

	.focus-skills-details-section > .flex-box > article .header-row, 
	.focus-skills-details-section > .flex-box > article .skills-wrapper > .flex-box div {
		background-color: var(--color-material-dark-alternate-2);
	}

	.focus-skills-details-section > .flex-box > article > button svg {
		fill: var(--color-very-dark-gray);
	}

	.focus-skills-details-section > .flex-box > article > button span {
		color: var(--color-very-dark-gray);
	}

	.focus-skills-details-section > .flex-box > article > p > a:hover, 
	.focus-skills-details-section > .flex-box > article > button:hover {
		background-color: var(--color-material-dark-blue-light) !important;
		opacity: 1;
	}

	.section-accordion .accordion-header {
		background-color: var(--color-very-dark-gray);
		border-color: var(--color-dark-gray);
	}

	.section-accordion .accordion-header button {
		border-color: var(--color-material-dark-blue-normal);
		color: var(--color-material-dark-blue-normal);
	}

	.section-accordion .accordion-header button:hover {
		border-color: var(--color-material-dark-blue-light);
		color: var(--color-material-dark-blue-light);
	}

	.section-accordion .accordion-header h4 {
		color: var(--color-material-dark-blue-normal);
	}

	.section-accordion .accordion-header h4:hover {
		color: var(--color-material-dark-blue-light);
	}

	.section-accordion .accordion-details {
		border-bottom: 1px solid var(--color-dark-gray);
	}

	.myon-shortcode-ticker-content, 
	.myon-featured-collection-shortcode-items article {
		background-color: var(--color-alternate-dark-gray);
		border-color: var(--color-dark-gray);
	}

	.myon-featured-collection-shortcode-items .metadata .label {
		color: var(--color-alternate-gray-2);
	}

	.myon-featured-collection-shortcode-items .metadata .value {
		border-width: 0;
	}

	.myon-featured-collection-shortcode-items .metadata a,
	.myon-featured-collection-shortcode-items .metadata a:visited {
		color: var(--color-material-dark-blue-normal);
	}

	.myon-featured-collection-shortcode-items .metadata a:hover, 
	.myon-featured-collection-shortcode-items .metadata a:focus, 
	.myon-featured-collection-shortcode-items .metadata a:active {
		color: var(--color-material-dark-blue-light);
	}

	.leadership-content .tab-controls {
		background-color: var(--color-alternate-dark-gray);
		border-bottom-color: var(--color-dark-gray);
	}

	.leadership-content .tab-controls button {
		border-color: transparent;
		color: var(--color-dark-gray);
	}

	.leadership-content .tab-controls button:hover {
		background-color: var(--color-material-dark-blue-light);
		border-color: var(--color-material-dark-blue-light);
		color: var(--color-very-dark-gray);
	}

	.leadership-content .tab-controls button.active {
		background-color: var(--color-material-dark-blue-normal);
		border-color: var(--color-material-dark-blue-normal);
		border-style: solid;
		color: var(--color-very-dark-gray);
	}

	.leadership-content .tab-controls button.active:hover {
		background-color: var(--color-material-dark-blue-light);
	}

	.leadership-content .tab-controls button span.dot {
		background-color: var(--color-very-dark-gray);
	}

	.leadership-overlay {
		background-blend-mode: screen;
		background-color: rgba(255,255,255,0.25);
	}

	.leadership-overlay .content header {
		border-bottom-color: var(--color-dark-gray);
	}

	.leadership-overlay .content section, 
	.overlay.award-overlay-integration > div > section, 
	.overlay.award-overlay-content > div > section {
		background-color: var(--color-alternate-dark-gray);
	}
    
    a.learn-more {
        background-color: var(--color-material-dark-blue-normal);
        color: var(--color-very-dark-gray) !important;
    }
    
    table.integration-table {
        color: #fff;
    }
    
    th.integration-connector, 
    th.integration-data-upload-list, 
    th.integration-method-list {
        background-color: var(--color-material-gray-4);
        color: var(--color-white);
    }
    
    #content > main > div.overlay.award-overlay-integration > div > section > div > div > table > tbody > tr {
        background-color: var(--color-material-gray-3);
    }

	.structured-content .special-information-warning p {
		color: var(--color-very-dark-gray);
	}

	.section-special-information .link a, 
	.section-special-information .link a:visited {
		background-color: #fff;
	    border-radius: 0.5rem;
	    border-color: #fff;
	    border-style: solid;
	    border-width: 2px;
	    color: var(--color-very-dark-gray);
	    font-weight: 500;
	}

	.section-special-information .link a:hover, 
	.section-special-information .link a:focus, 
	.section-special-information .link a:active {
		color: #fff;
		opacity: 1;
	}

	.structured-content .special-information-warning .link a,
	.structured-content .special-information-warning .link a:visited {
		border-color: var(--color-very-dark-gray);
	    border-style: solid;
	    border-width: 2px;
	}

	.structured-content .special-information-warning .link a:hover, 
	.structured-content .special-information-warning .link a:focus, 
	.structured-content .special-information-warning .link a:active {
		background-color: var(--color-very-dark-gray);
	}

	.content-hub-content > aside {
		background-color: var(--color-alternate-dark-gray);
		border-left-color: var(--color-dark-gray);
	}

	.content-hub-content > aside fieldset {
		border-color: var(--color-dark-gray);
	}

	.content-hub-content > aside .additional-content-heading {
		color: var(--color-light-gray);
	}

	.content-hub-content > aside fieldset .sort-option-control span {
		background-color: var(--color-dark-gray);
		border-style: solid;
	}

	.content-hub-content > aside fieldset .sort-option-control span.active {
		background: var(--color-medium-green);
		background: radial-gradient(ellipse at center,#a2d671 0%,#a2d671 30%,#303040 45%,#303040 50%,#303040 55%,#a2d671 70%,#a2d671 100%);
		border: 2px solid #a2d671;
	}

	.content-hub-content > aside .search-show-all {
		background-color: var(--color-material-dark-blue-normal);
		color: var(--color-very-dark-gray);
	}

	.content-hub-content > aside .search-show-all:hover {
		background-color: var(--color-material-dark-blue-light);
		opacity: 1;
	}

	.content-hub-content .content-hub-item-area .flex-box article {
		border-color: var(--color-dark-gray);
	}

	.content-hub-content > .content-hub-item-area .flex-box article .excerpt + a {
		background-color: var(--color-alternate-dark-gray);
		border-top-color: var(--color-dark-gray);
	}
    
    .leadership-overlay .content header div, .overlay.award-overlay-integration > div > header {
		color: #fff;
    }

    .shortcode-countdown-container .countdown-numbers span,
	.shortcode-countdown-container .countdown-labels span {
		color: var(--color-light-gray);
	}

	.shortcode-myon-live-stats > p {
		color: var(--color-alternate-gray-2);
	}

	.shortcode-myon-live-stats .flex-box > .myon-stat .content {
		border-color: var(--color-dark-gray);
	}

	.section-standard .shortcode-myon-live-stats .flex-box > .myon-stat .content, 
	.section-standard .shortcode-myon-live-stats .flex-box > .myon-stat .icon {
		background-color: var(--color-alternate-dark-gray);
	}

	.section-alternate .shortcode-myon-live-stats .flex-box > .myon-stat .content, 
	.section-alternate .shortcode-myon-live-stats .flex-box > .myon-stat .icon {
		background-color: var(--color-very-dark-gray);
	}

	.structured-content .section-resources article {
		background-color: var(--color-material-dark-standard);
		border-color: var(--color-material-dark-alternate);
	}

	.link-inverted-standard:link, 
	.link-inverted-standard:visited, 
	.link-inverted-standard:hover, 
	.link-inverted-standard:focus, 
	.link-inverted-standard:active {
		background-color: var(--color-light-blue);
	}

	.link-inverted-standard:link span, 
	.link-inverted-standard:visited span, 
	.link-inverted-standard:hover span, 
	.link-inverted-standard:focus span, 
	.link-inverted-standard:active span {
		color: var(--color-very-dark-gray);
		font-weight: 500;
	}

	.link-inverted-standard:link svg, 
	.link-inverted-standard:visited svg, 
	.link-inverted-standard:hover svg, 
	.link-inverted-standard:focus svg, 
	.link-inverted-standard:active svg {
		fill: var(--color-very-dark-gray);
	}

	.structured-content .tabbed-content-top .tabs-container button.active, 
	.structured-content .tabbed-content-top .tabs-container button.active:hover {
		background-color: var(--color-material-dark-blue-normal);
		border-color: var(--color-material-dark-blue-normal);
		color: var(--color-very-dark-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow .tabbed-section-slideshow-slide img {
		border-color: var(--color-dark-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow-dots > span {
		background-color: var(--color-medium-dark-gray);
		border-color: var(--color-medium-dark-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split > div:last-child .tabbed-section-slideshow-dots > span.active {
		background-color: var(--color-orange);
		border-color: var(--color-orange);
	}

	.structured-content .section-tabbed .tabbed-section-split .media-text h5, 
	.structured-content .section-tabbed .tabbed-section-split .media-text h6 {
		color: var(--color-light-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split .media-link > a {
		background-color: var(--color-very-dark-gray);
		border-color: var(--color-dark-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split .media-link > a:hover {
		background-color: var(--color-very-dark-gray);
		border-color: var(--color-middle-gray);
		opacity: 1;
	}

	.structured-content .section-tabbed .tabbed-section-split .media-link .product-name svg {
		fill: var(--color-light-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split .media-link .media-link-text {
		background-color: var(--color-light-blue);
		color: var(--color-very-dark-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split .media-link-inverted > a {
		background-color: #303032;
		border: 1px solid var(--color-dark-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split .media-link-inverted > a:hover {
		background-color: #262628;
		border: 1px solid var(--color-light-blue);
	}

	.structured-content .section-tabbed .tabbed-section-split .media-link-inverted .product-name svg {
		fill: var(--color-light-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split .media-link-inverted .product-name p .main, 
	.structured-content .section-tabbed .tabbed-section-split .media-link-inverted .product-name p .secondary, 
	.structured-content .section-tabbed .tabbed-section-split .media-link-inverted > a p {
		color: var(--color-light-gray);
	}

	.structured-content .section-tabbed .tabbed-section-split .media-link-inverted .media-link-text {
		background-color: var(--color-light-blue);
		color: var(--color-very-dark-gray);
	}

	.structured-content .section-icon-boxes .icon-boxes > div {
		background-color: var(--color-alternate-dark-gray-2);
		border-color: var(--color-dark-gray);
	}

	.structured-content .section-icon-boxes .icon-boxes a.splitter {
		color: var(--color-light-blue);
	}

	.structured-content .section-icon-boxes .icon-boxes a.splitter:hover {
		background-color: transparent;
		box-shadow: none;
		color: var(--color-light-blue);
		opacity: 0.5;
	}

	.structured-content .section-icon-boxes .icon-boxes a.splitter span {
		border-right-width: 0;
	}

	.structured-content .section-icon-boxes .icon-boxes a.splitter:hover span {
		color: var(--color-light-blue);
	}

	.structured-content .section-icon-boxes .icon-boxes a.splitter svg {
		fill: var(--color-light-blue);
	}

	.stat-colorful-pie .pie-colorful-key .pie-colorful-key-item > span:last-of-type {
		color: var(--color-alternate-gray-2);
	}

	.structured-content .section-interactive-map .map-area {
		border-color: var(--color-very-dark-gray);
	}
    
    .structured-content .flow-container > article.active-box {
        background-color: var(--color-material-dark-standard);
    }

    .structured-content .flow-container > article .icon {
		border-color: var(--color-material-orange-1);
	}

	.structured-content .flow-container > article .icon svg {
		fill: var(--color-material-orange-1);
	}

	.structured-content .flow-container > article h4 span {
		color: var(--color-material-orange-1);
	}

    .structured-content .section-split-media-text .block-media > .flex-box button {
		border: 2px solid var(--color-orange);
	}

	.structured-content .section-split-media-text .block-media > .flex-box button:hover {
		border-color: var(--color-orange);
		opacity: 0.5;
	}

	.structured-content .section-split-media-text .block-media > .flex-box button svg {
		fill: var(--color-orange);
	}

	.structured-content .section-split-media-text .block-media > .flex-box button:hover svg {
		fill: var(--color-dark-blue);
	}

	.structured-content .section-split-media-text .block-media > .flex-box > div > div > img, 
	.structured-content .split-content .block-media video, 
	.structured-content .section-split-media-text .block-media .vidyard-player-container iframe, 
	.structured-content .section-split-media-text .block-media .vidyard-player-container, 
	.structured-content .section-split-media-text .block-media .video-embed, 
	.structured-content .section-split-media-text .block-media > div > div > img {
		border-color: var(--color-dark-gray);
	}

	.structured-content .section-split-media-text .block-media .dots > span {
		border: 2px solid var(--color-middle-gray);
	}

	.structured-content .section-split-media-text .block-media .dots > .active {
		border-color: var(--color-material-dark-blue-normal);
		background-color: var(--color-material-dark-blue-normal);
	}

	.structured-content .section-split-media-text .block-media .split-media-collage {
		border-color: var(--color-dark-gray);
	}

	.structured-content .section-split-media-text .block-media .split-media-collage > div {
		border-color: var(--color-dark-gray);
	}

	.structured-content .section-split-media-text .block-media .split-media-collage button:last-child {
		background-color: var(--color-orange);
	}

	.structured-content .section-split-media-text .block-media .split-media-collage button:last-child:hover {
		background-color: var(--color-dark-orange);
		border: 2px solid #fff;
		opacity: 1;
	}

	.structured-content .product-grid-section .product-grid > div {
		border-color: var(--color-dark-gray);
	}

	.structured-content .product-grid-section .product-grid a svg {
		fill: var(--color-material-dark-blue-normal);
	}

	.structured-content .product-grid-section .product-grid a:hover svg {
		fill: var(--color-material-dark-blue-light);
	}

	.structured-content .product-grid-section .product-grid > div.grid-link a, 
	.structured-content .product-grid-section .product-grid > div.grid-link a:visited {
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content .product-grid-section .product-grid > div.grid-link a:hover, 
	.structured-content .product-grid-section .product-grid > div.grid-link a:focus, 
	.structured-content .product-grid-section .product-grid > div.grid-link a:active {
		color: var(--color-material-dark-blue-light);
		opacity: 1;
	}

	.structured-content .contact-cards-section .contact-card {
		background-color: var(--color-material-dark-standard);
		border-color: var(--color-dark-gray);
	}

	.structured-content .contact-cards-section .contact-card > p {
		color: var(--color-light-gray);
	}

	.structured-content .contact-cards-section .contact-card .contact-card-link {
		background-color: var(--color-material-dark-alternate);
		border-color: var(--color-dark-gray);
		box-shadow: none;
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content .contact-cards-section .contact-card .contact-card-link svg {
		fill: var(--color-material-dark-blue-normal);
	}

	.content-hub-content > .content-hub-item-area .flex-box article h2 a {
		font-weight: 600;
	}

	.content-hub-content > aside .additional-post-type h3 {
		font-weight: 600;
	}

	.content-hub-content > aside .additional-post-type h3 + ul li {
		color: var(--color-light-gray);
	}

	.content-hub-content > .content-hub-item-area .flex-box article .excerpt + a svg {
		fill: var(--color-material-dark-blue-normal);
	}

	.content-hub-content > aside .search-form-item input, 
	.content-hub-content > aside .search-form-item .flex-box button {
		background-color: transparent !important;
		border-color: var(--color-dark-gray) !important;
		color: var(--color-light-gray) !important;
	}

	.content-hub-content > aside .search-form-item input:focus {
		background-color: var(--color-dark-gray) !important;
		border-color: var(--color-dark-gray) !important;
		color: var(--color-light-gray) !important;
	}

	.content-hub-content > aside .search-form-item .flex-box button svg {
		fill: var(--color-material-dark-blue-normal);
	}

	.content-hub-content > aside .search-form-item .flex-box button + ul {
		background-color: var(--color-material-dark-blue-normal);
	}

	.content-hub-content > aside .search-form-item .flex-box button + ul li {
		border-bottom-color: rgba(32,32,36,0.25);
		color: var(--color-very-dark-gray);
	}

	.content-hub-content > aside .search-form-item .flex-box button + ul li:hover {
		background-color: var(--color-material-dark-blue-light);
	}

	.content-hub-content > .content-hub-item-area .flex-box article .post-type svg {
		fill: var(--color-very-dark-gray);
	}

	.overlay .content header span, 
	.video-overlay .content header span {
		color: var(--color-light-gray);
	}

	.stat-number-circle-inner {
		border-color: var(--color-material-dark-standard);
	}

	.structured-content .stats-additional {
		border-top-color: var(--color-dark-gray);
	}

	.structured-content .section-news .news-items .news-card {
		background-color: var(--color-material-dark-alternate);
		border-color: var(--color-very-dark-gray);
	}
    
    .news-summary{
        
        color:var(--color-light-gray);
    }

	.structured-content .section-news .news-items-2 .full-width .flex-box > div:last-child > p:first-of-type {
		color: var(--color-material-green);
	}

	.structured-content .section-news .news-items-2 .full-width .flex-box > div:first-child > img {
		border: 1px solid var(--color-very-dark-gray);
	}

	.structured-content .section-news button {
		background-color: var(--color-material-dark-blue-normal);
		color: var(--color-very-dark-gray);
	}

	.structured-content .section-news button:hover {
		background-color: var(--color-material-dark-blue-light);
		color: var(--color-very-dark-gray);
		opacity: 1;
	}

	.structured-content .section-news button:disabled, 
	.structured-content .section-news button:disabled:hover {
		background-color: var(--color-material-dark-blue-normal);
	}

	.structured-content .section-news .news-featured-source {
		color: var(--color-light-gray);
	}

	.structured-content .section-text-cards h3 .product-primary {
		color: var(--color-material-dark-blue-normal);
	}

	.structured-content .section-text-cards h3 .product-secondary {
		color: var(--color-light-gray);
	}
}

@media (max-width: 48rem) and (prefers-color-scheme: dark) {
	.structured-content .flow-container article {
		background-color: var(--color-very-dark-gray) !important;
	}
    
	.structured-content .flow-container article.active-box {
		background-color: var(--color-darker-gray) !important;
	}
    
    .structured-content .flow-container > article.active-box > ul > li, 
    .structured-content .flow-container > article.active-box > ul > li > p, 
    .structured-content .flow-container > article.active-box > p, 
    div.note > p {
        color: #fff;
    }
}

@media (max-width: 43.75rem) and (prefers-color-scheme: dark) {
	.structured-content .product-grid-section .product-grid > div {
		border-bottom-color: var(--color-dark-gray) !important;
		border-top-width: 0;
	}

	.structured-content .product-grid-section .product-grid > div:nth-child(odd) {
		border-right-color: var(--color-dark-gray) !important;
	}
}