/*
https://www.toptal.com/developers/cssminifier
*/


@import url('https://fonts.googleapis.com/css?family=Montserrat:500');
@import url('https://fonts.googleapis.com/css?family=Montserrat:600');


/************************************* CK Editor / IRISS Resets *********************************/
input,
select {
	font-family: var(--font-family-for-input), sans-serif;
}

/* The CSS clearfix Hack */
div.ck-content::after {
	content: "";
	clear: both;
	display: table;
}

/* .ck-content h2 {
	padding-top: 1.25rem;
} */

#content_start {
	/* padding: 0 1rem; */
	margin: 0 !important;
}

div.header {
	padding: 0;
}

.image.ck-widget.ck-widget_with-resizer {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.ck-content h4 {
	padding: 0;
}

.ck-content p {
	line-height: 1.7;
}

/* fix for additional margins added by IRISS around the whole FE and BE pages */
.ipub_type_frontend div.content {
	margin: 0 !important;
}

.ipub_type_backend div.content {
	/* margin: 2rem !important; */
	padding: 1rem !important;
}

.footer {
	margin: 0 !important;
	padding: 0 !important;
}

.footer .float-clear {
	clear: both;
}



/***********************************************************************************************************/
/******************************************** Common Styles ************************************************/
/***********************************************************************************************************/

* {
	box-sizing: border-box;
}

html {
	font-size: 18px;
	background-color: white;
}

body {
	font-family: var(--font-family), "Montserrat", sans-serif;
	color: black;
	background-color: white;
	width: 100%;
	margin: 0;
	/* border: thin red solid; */
}

h1, h2, h3, h4 {
	color: #0e1336;
}

h1 {
	font-weight: 700;
	font-size: 48px;
}

h2 {
	font-weight: 600;
	font-size: 2.25rem;
	text-align: center;
	line-height: 1.2;
}

h3 {
	font-weight: 600;
	font-size: 1.75rem;
}

h4 {
	font-weight: 600;
	font-size: 1rem;
}

strong {
	font-weight: 700;
}

/* .ck-content {
	padding-left: 15% !important;
	padding-right: 15% !important;
	padding-top: 3em;
} */

.ck-content {
	padding-left: 3% !important;
	padding-right: 3% !important;
	/*padding-top: 2em;*/
}

.ck-content > h1:first-child,
.ck-content > h2:first-child
{
	margin-top: 0.65rem !important; /* make it pretty close to normal paragraphs */
}

/* adjustment for blank space above footer ONT8212-59 */
/* this is now in the footer */
.ck-content {
	padding-bottom: 30px;
}

.oncat-brand-elements {
	margin-bottom: -30px;
	/* margin-bottom: 0; */
}
/* End - adjustment for blank space above footer ONT8212-59 */

.ck-block h1,
.ck-content h1,
.ck-block h2,
.ck-content h2,
.ck-block h3,
.ck-content h3,
.ck-block h4,
.ck-content h4 {
	/*text-transform: lowercase;*/
	background-color: transparent !important;
}

.ck-content h2:before,
.ck-content h3:before {
	background-color: var(--header-before-color);
	display: block;
	content: var(--header-before-content);
	/* border-radius: 0.5em; */
	position: relative;
	width: 2rem;
}

.ck-content h2 {
	text-align: center; /* !important;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
}

/* .ck-content h2:first-of-type {
	margin-top: 0 !important;
} */

.ck-content h2:before {
	height: 7px;
	top: -0.35rem;
	left: 50%;
	transform: translate(-50%,0);
}

.ck-content h3 {
	margin-top: 1.3em;
	margin-bottom: 0.5em;
	text-align: left; /* !important;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
}

/* .ck-content h3:first-child, */
/* .ck-content :nth-child(2) {
	margin-top: 0;
} */

.ck-content h3:before {
	height: 2px;
	top: -0.35rem;
	left: -0.5rem;
}

.ck-content h4 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

.ck-content p {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.ck-content blockquote {
	font-size: 1.5rem;
	margin: 2em 10%;
	border-left: thin solid var(--blockquote-color);
	padding: 0 1em 0 1em;
	color: var(--blockquote-color);
}

.ck-content a {
	color: var(--link-color) !important;
	text-underline-position: under;
	text-decoration-thickness: 1px;
}

.ck-content li {
	line-height: 1.7;
}

.ck-content input,
.ck-content select,
.ck-content textarea {
	border-radius: 6px !important;
}

.ck-content .text-tiny {
	font-size: 0.7em; /* CKEDIT_RULE_1-TEXT_SIZE */
}

.ck-content .text-small {
	font-size: 0.9em; /* CKEDIT_RULE_1-TEXT_SIZE */
}

.ck-content .text-big {
	font-size: 1.2em; /* CKEDIT_RULE_1-TEXT_SIZE */
}

.ck-content .text-huge {
	font-size: 1.5em; /* CKEDIT_RULE_1-TEXT_SIZE */
}

.ck-content hr {
	margin: 1em 10%;
}

/***********************************************************************************************************/
/******************************************* Common Table Styles *******************************************/
/***********************************************************************************************************/
.ck-content .dataTables_filter {
	margin-top: 2rem;
	margin-bottom: 1.5rem;
	float: left !important;
}

.ck-content .dataTables_filter label {
	font-weight: 600;
	/* font-size: 0.9rem; */
	text-decoration: none;
	/*text-transform: lowercase;*/
	position: relative;
	left: 1.5rem;
}

.ck-content .dataTables_filter label:before {
	width: 1rem;
	height: 1rem;
	display: block;
	background-image: url('/assets/oncat/icons/search_icon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	content: "";
	position: relative;
	bottom: -1.2rem;
	left: -1.5rem;
}

.ck-content .dataTables_filter input {
	margin-left: 0.5rem;
	font-weight: 400;
	font-size: inherit;
	border: 1px solid var(--primary-lighter-color);
	/* border-radius: 0; */
	background-color: #f7f7f7;
	outline: none;
}

.ck-content figure.table {
	/* width: 100% !important; */
	margin-top: 0.9em; /* fix for style.css so tables appear the same on FE and CK editor */
	margin-bottom: 0.9em; /* fix for style.css so tables appear the same on FE and CK editor */
}

.ck-content table {
	/* width: 100% !important; */
	font-size: 1em;
	border: none !important;
	border-collapse: collapse !important;
	margin-top: 0.5em; /* fix for style.css so tables appear the same on FE and CK editor */
	margin-bottom: 0.5em; /* fix for style.css so tables appear the same on FE and CK editor */
}

.ck-content tbody {
	border-top: 1px solid var(--features-border-color) !important;
}

.ck-content th,
.ck-content td
{
	border: none !important;
	border-bottom: 1px solid var(--features-border-color) !important;
	/* background: none !important; */
	background: white !important;
	vertical-align: top;
}

.ck-content thead th {
	color: white !important;
	background-color: var(--primary-darker-color) !important;
	border: none !important;
	vertical-align: middle;
}

.ck-content thead th::before,
.ck-content thead th::after {
	color: white !important;
}

.ck-content tbody th {
	font-weight: 600;
	padding-left: 0 !important;
}

.ck-content table a {
	text-decoration: none !important;
}

.ck-content table ul {
	padding-left: 0.5em;
}

.ck-content .dataTables_info {
	font-weight: 600;
	color: black;
	text-align: left;
	border: none !important;
}

/* Tables Media Queries */
@media (max-width: 768px) {
	.ck-content table {
		font-size: 0.9rem;
	}

	.ck-content table td {
		padding: 0.5rem;
	}
}

@media (max-width: 576px) {
	.ck-content table {
		font-size: 0.7rem;
	}
}
/* End - Common Table Styles */


/***********************************************************************************************************/
/******************************************* Common Accordion Styles ***************************************/
/***********************************************************************************************************/
.ck-content .accordion-tool {
	text-align: right;
	margin-bottom: 1em;
	font-weight: 700;
	color: var(--accordion-tool-color);
}

.ck-content .accordion-tool a {
	text-decoration: none;
	color: black !important;
}

.ck-content ul.accordion {
	border: 1px solid #cfcfcf;
}

.ck-content ul.accordion > li {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 0;
	font-size: 1rem !important;
}

.ck-content ul.accordion > li > label {
	text-decoration: none;
	background-color: white !important;
	font-size: 1rem !important;
	line-height: 1.4;
	padding-left: 1.5rem;
}

.ck-content ul.accordion > li > label:hover {
	background-color: var(--accordion-alt-color) !important;
	color: white;
}

.ck-content ul.accordion input:checked + label {
	/*border-top: 0.25rem var(--accordion-alt-color) solid;*/
	/*padding-top: 0.75rem;*/
	background-image: url("/assets/oncat/assets/images/edge-top.png");
	background-repeat: repeat-x;
	background-position: top;
	background-size: 10px 24px;
}

.ck-content ul.accordion > li > div {
	border-top: 1px solid #cfcfcf;
	color: black !important;
	background-color: #ecf2fd !important;
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.ck-content ul.accordion > li > div p,
.ck-content ul.accordion > li > div ul,
.ck-content ul.accordion > li > div ol {
	padding-bottom: 0.75rem !important;
}

.ck-content ul.accordion > li > div li {
	margin-bottom: 0 !important;
	padding-bottom: 0.25rem !important;
}

/* Accordion Media Queries */
@media (max-width: 768px) {
	.ck-content .accordion-tool {
		text-align: center;
	}
}
/* End - Common Accordion Styles */


/* check these - for figure and table captions */
/* .ck-content .image figcaption {
	color: red;
	font-weight: 700;
	text-align: center;
	margin-top: 1rem;
	background-color: var(--text-highlight-full-width-bkg);
} */

/* .ck-content .image > figcaption {
	display: table-caption;
	caption-side: bottom;
	word-break: break-word;
	color: var(--ck-color-image-caption-text);
	background-color: var(--ck-color-image-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;
} */

/* .ck-content .table figcaption {
	color: purple;
	font-weight: 700;
	text-align: center;
	margin-top: 1rem;
	background-color: var(--text-highlight-full-width-bkg);
} */

/* .ck-content .table > figcaption {
	display: table-caption;
	caption-side: top;
	word-break: break-word;
	text-align: center;
	color: var(--ck-color-table-caption-text);
	background-color: var(--ck-color-table-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;
} */

/* End - check these - for figure and table captions */

.oncat-ot-cta-button {
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 700;
	margin-top: 2em;
	margin-right: 1rem;
	background-color: var(--cta-button-bkg);
	color: white;
	text-align: center !important; /* CKEDIT_RULE_2-TEXT_ALIGN */
	padding: 1em 2em;
	border-radius: 2rem;
}

.oncat-ot-cta-button:hover {
	background-color: var(--cta-button-hover-bkg);
}

.oncat-ot-cta-button a {
	color: white !important;
	text-decoration: none;
	margin: 0;
	margin: -1em -2em;
	padding: 1em 2em;
	display: inline-block;
}

.bld_row {
	display: flex;
	flex-direction: row;
	column-gap: 4%;
	/* row-gap: 2%; */
}

/* fix for flex item minimum width and word-break, and problems with resizing for mobile */
.bld_row > div {
	overflow-wrap: break-word;
	min-width: 0;
}

.bld_reverse {
	flex-direction: row-reverse;
}

.bld_col {
	flex-basis: 100%;
}

/*************************************** Page Template *******************************/

/***********************************************************************************************************/
/******************************************* Header Banner *************************************************/
/***********************************************************************************************************/

#unit_1 figure.image {
	margin-bottom: 52px;
}

/*#unit_1 figcaption */
#unit_1 figure.image figcaption {
	background: rgba(0,0,0,0) !important;
	padding-bottom: 2.5% !important;
	padding-left: 3% !important;
}

/*
#unit_1 h1 {
	margin: 2rem;
	color: white !important;
	line-height: 1;
	margin: 0;
}
*/

#unit_1 figure.image figcaption h2 {
	color: white !important;
	line-height: 1;
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	text-align: left;
}


/***********************************************************************************************************/
/********************************************** Footer *****************************************************/
/***********************************************************************************************************/

.footer-container {
	padding: 3em 5% !important;
	background-color: #0e1336 !important;
	color: white !important;
	gap: 2%;
}

.footer-social-media {
	flex: 1 1 70%;
	align-self: flex-start;
}

.footer-social-media > :nth-child(1) {
	margin-top: 0;
	margin-bottom: 0 !important;
}

.footer-social-media-icons {
	margin-bottom: 3rem;
}

.footer-social-media-icons a,
.footer-content-links a,
.footer-logos a {
	text-decoration: none !important;
}

.footer-social-media-icons img {
	/* width: 20px !important; */
	width: 40px !important;
	/* margin-right: 1rem; */
	margin-right: 1.5rem;
	min-width: 0px !important;
}

/*
.footer-social-media-icons > :last-child img {
	margin-right: 0;
}
*/

.footer-social-media-icons p,
.footer-content-links p,
.footer-logos p {
	display: inline-block !important;
}

.footer-content-links a {
	color: white !important;
}

.footer-logos {
	flex: 0 0 400px;
	text-align: right;
	display: flex;
	align-items: flex-start;
}

.footer-logos p {
	margin-top: 0;
}

.footer-logos img {
	width: 150px !important;
}

.footer-logos > :nth-child(1) {
	margin-right: 6rem;
	margin-top: -8px;
}

.footer-content-links p,
.footer-content-description p {
	font-size: 0.8rem;
	margin-bottom: 0 !important;
	line-height: 1 !important;
}

/* Additions for Footer Site Map */

.footer-site-map {
	/* font-size: 0.8rem; */
	color: white !important;
	margin-bottom: 1em;
}

.footer-site-map a {
	text-decoration: none;
	color: white !important;
}

.footer-site-map ul {
	list-style: none;
	padding: 0;
}

/*
.footer-site-map a:hover {
	color: white !important;
	text-decoration: underline;
}
*/

.footer-site-map > ul
{
	display: flex;
	flex-direction: row;
	column-gap: 4%;
}

.footer-site-map > ul > li
{
	flex-basis: 100%;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 2em;
	/*margin-right: 2em;*/
	/*min-width: 20em;*/
	/*width: 16%;*/
}

.footer-site-map > ul > li > a:hover
{
	text-decoration: none;
}

.footer-site-map > ul > li > ul > li
{
	font-weight: normal;
	margin-top: 1em;
	font-size: .85em;
}


/* Footer Media queries */
@media (max-width: 768px) {
	.footer-container {
		gap: 3rem;
	}

	.footer-social-media {
		margin: 0 auto;
	}

	.footer-social-media > :nth-child(1) {
		text-align: center;
	}

	.footer-social-media-icons {
		margin-bottom: 0rem;
	}

	.footer-social-media-icons img {
		width: 50px !important;
		margin-left: 20px;
		margin-right: 20px;
		min-width: 0px !important;
	}

	.footer .footer-logos {
		flex: 0 0 50px;
		margin: 0 auto;
		gap: 2rem;
	}

	.footer-logos p {
		margin-right: 0 !important;
		/* margin-bottom: 2rem; */
	}

	.footer-logos p img {
		/* width: 80px !important; */
		gap: 1rem !important;
	}

	.footer-logos > :nth-child(1) {
		margin-right: 1rem !important;
		margin-top: -8px !important;
	}

	.footer-site-map > ul { display: block; }
	.footer-site-map > ul > li { display: block; }

	/*
	.footer-site-map {
		row-gap: 1rem;
	}
	*/

	/*
	.footer-logos {
		flex: 0 0 50px;
		margin: 0 auto;
		gap: 2rem;
	}
	*/
}

@media (max-width: 370px) {
	.footer-social-media-icons {
		margin-bottom: 0rem;
	}

	.footer-logos p img {
		width: 80px !important;
		gap: 1rem !important;
	}

	.footer-logos > :nth-child(1) {
		margin-right: 1rem !important;
		margin-top: -4px !important;
	}

}


/***********************************************************************************************************/
/******************************************* Block Styles **************************************************/
/***********************************************************************************************************/

.block {
	margin-top: 2rem;
	/* margin-bottom: 2rem; */
}

.block h2 {
	text-align: left /*!important;*/
}

/* Reduce top spacing for the first title in the block */
.block > h2:first-child,
.block > h3:first-child,
.block > div > h2:first-child,
.block > div > h3:first-child {
	margin-top: 0 !important;
}

.with-background {
	padding: 2em;
}

.full-width {
	margin-right: -3.19%;
	margin-left: -3.19%;
}

.full-width.with-background {
	padding-top: 3em;
	padding-bottom: 3.5em;
	padding-right: 3.19%;
	padding-left: 3.19%;
}


/* .full-width {
	margin-right: -21.43%;
	margin-left: -21.43%;
} */

/* .full-width.with-background {
	padding-top: 3em;
	padding-bottom: 3.5em;
	padding-right: 21.43%;
	padding-left: 21.43%;
} */

.ck-content .block h2:before {
	transform: none;
}

.ck-content .block h2:before,
.ck-content .block h3:before {
	left: -1rem;
}


/***********************************************************************************************************/
/***************************************** Individual Blocks ***********************************************/
/***********************************************************************************************************/

/* Block 1 - Text Highlight */
/* Block 2 - Text Highlight 2 Columns */
/* Block 3 - Text Highlight 3 Columns */
.body-highlight-row {
	background-color: transparent;
	gap: 2%;
	padding-top: 0;
	padding-bottom: 0;
}

.text-highlight-item {
	background-color: #f7f7f7;
	border-left: 3px solid var(--primary-lighter-color);
	flex-basis: 100%;
	margin-left: 0;
	margin-right: 0;
}

.text-highlight-item h3:before {
	display: none;
}

/* Block 4 - Text Highlight Full Width */
.one-column-text {
	background-color: var(--text-highlight-full-width-bkg);
}

.one-column-text h2, .one-column-text h3 {
	color: var(--secondary-header-color) !important;
}

.one-column-text .text-big {
	font-size: 1.25rem;
}

/* Block 5 - Text Highlight Full Width 2 Columns */
.two-column-text {
	background-color: var(--text-highlight-full-width-bkg);
}

.two-column-text h2, .two-column-text h3 {
	color: var(--secondary-header-color) !important;
}

.two-column-text .two-column-text-content {
	columns: 2;
}

.two-column-text h3:before {
	display: none;
}

/* Block 6 - Text Highlight Full Width 3 Columns */
.three-column-text {
	background-color: var(--text-highlight-full-width-bkg);
}

.three-column-text h2, .three-column-text h3 {
	color: var(--secondary-header-color) !important;
}

.three-column-text .three-column-text-content {
	columns: 3;
}

.three-column-text h3:before {
	display: none;
}

/* Block 7 - Call-to-Action Large Text */
.text-large {
	background-color: var(--text-highlight-full-width-bkg);
}

.text-large h2, .text-large h3 {
	color: var(--primary-header-color) !important;
}

.text-large p {
	font-size: 2rem;
	font-weight: 700;
	color: var(--secondary-header-color);
	line-height: 1.2;
}

/* Block 8 - Call-to-Action Heading and Text */
.heading-and-text {
	background-color: var(--text-highlight-full-width-bkg);
}

.heading-and-text h2, .heading-and-text h3 {
	color: var(--secondary-header-color) !important;
}

.heading-and-text-button { text-align: center !important; } /* CKEDIT_RULE_2-TEXT_ALIGN */
.heading-and-text h2 {
	text-align: center !important;
}

.heading-and-text h2:before {
	display: none;
}

.heading-and-text p {
	font-size: 1.3rem;
}

/* Block 9 - Call-to-Action Large Text with Image Left */
/* Block 10 - Call-to-Action Large Text with Image Right */
.textlarge-image {
	background-color: var(--text-highlight-full-width-bkg);
}

.textlarge-image h2, .textlarge-image h3 {
	color: var(--secondary-header-color) !important;
}

.textlarge-image img {
	width: 100%;
	height: auto;
}

.textlarge-image p {
	font-size: 1.35rem;
}


/* Blocks 11, 12, 13 - Facts */
/* common */
.facts {
	font-weight: 500;
}

.facts h2 {
	text-align: center;
}

.facts h2:before {
	left: 50% !important;
	transform: translate(-50%, 0) !important;
}

.facts > div {
	border-radius: 0.5rem;
	line-height: 1.2;
	/* font-size: 2vw; */
}

.facts p {
	margin-bottom: 0 !important;
}

.facts .with-background {
	padding: 1em;
}

.facts ol,
.facts ul {
	list-style-position: inside;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}

.facts li::marker {
	/* color: red; */
}

.facts-one-item .facts-one-item-headline p,
.facts-two-items .bld_col > :nth-child(1),
.facts-three-items .bld_col > :nth-child(1) {
	line-height: 1 !important;
	margin-bottom: 0.1em !important;
}

.facts-one-item .facts-one-item-container .oncat-ot-cta-button,
.facts-two-items .bld_col .oncat-ot-cta-button,
.facts-three-items .bld_col .oncat-ot-cta-button { margin-left: 0; margin-right: 0; }

/* Block 11 - Fact */
.facts-one-item {
	background-color: var(--text-highlight-full-width-bkg);
}

.facts-one-item h2, .facts-one-item h3 {
	color: var(--secondary-header-color) !important;
}

.facts-one-item .facts-one-item-container {
	background-color: var(--facts-one-background-color);
	color: var(--facts-one-color);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6%;
}

.facts-one-item .facts-one-item-container a {
	color: var(--facts-one-color) !important; /* CKEDIT_RULE_3-COLOR_CONTRAST */
}

.facts-one-item .facts-one-item-headline {
	flex: 1 1 70%;
}

.facts-one-item .facts-one-item-headline p {
	/* font-size: 7vw; */
	font-size: 4rem;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0 !important;
	/*text-align: center;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
}

.facts-one-item .facts-one-item-description {
	flex: 1 1 30%;
}

/* .facts-one-item .facts-one-item-description p {
	font-weight: 500;
} */

/* Block 12 - Facts 2 Columns */
.facts-two-items {
	background-color: var(--text-highlight-full-width-bkg);
	justify-content: center;
	align-items: flex-start;
	/*text-align: center;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
	gap: 2%;
}

.facts-two-items h2, .facts-two-items h3 {
	color: var(--secondary-header-color) !important;
}

.facts-two-items .bld_col {
	flex-basis: 100%;
	color: var(--facts-two-color);
	border-radius: 0.5rem;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.facts-two-items .bld_col a {
	color: var(--facts-two-color) !important; /* CKEDIT_RULE_3-COLOR_CONTRAST */
}

.facts-two-items-first {
	background-color: var(--facts-two-first-bkg);
}

.facts-two-items-second {
	background-color: var(--facts-two-second-bkg);
}

.facts-two-items .bld_col > :nth-child(1) {
	/* font-size: 7vw; */
	font-size: 4rem;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 1rem !important;
}

.facts-two-items .bld_col > :nth-child(2) {
	/* font-weight: 500; */
	margin-top: 0rem;
	margin-bottom: 2rem;
}

/* Block 13 - Facts 3 Columns */
.facts-three-items {
	background-color: var(--text-highlight-full-width-bkg);
	justify-content: center;
	align-items: flex-start;
	/*text-align: center;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
	gap: 2%;
}

.facts-three-items h2, .facts-three-items h3 {
	color: var(--secondary-header-color) !important;
}

.facts-three-items .bld_col {
	flex-basis: 100%;
	border-radius: 0.5rem;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.facts-three-items .facts-three-items-first {
	background-color: var(--facts-three-first-bkg);
	color: var(--facts-three-color);
	/*text-align: center;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
}

.facts-three-items .facts-three-items-first a {
	color: var(--facts-three-color) !important; /* CKEDIT_RULE_3-COLOR_CONTRAST */
}

.facts-three-items .facts-three-items-second {
	background-color: var(--facts-three-second-bkg);
	color: var(--facts-three-color-alt);
}

.facts-three-items .facts-three-items-second a {
	color: var(--facts-three-color-alt) !important; /* CKEDIT_RULE_3-COLOR_CONTRAST */
}

.facts-three-items .facts-three-items-third {
	background-color: var(--facts-three-third-bkg);
	color: var(--facts-three-color);
}

.facts-three-items .facts-three-items-third a {
	color: var(--facts-three-color) !important; /* CKEDIT_RULE_3-COLOR_CONTRAST */
}

.facts-three-items .bld_col > :nth-child(1) {
	/* font-size: 4vw; */
	font-size: 3rem;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
}

.facts-three-items .bld_col > :nth-child(2) {
	/* font-size: 1.5vw; */
	font-size: 1rem;
	margin-top: 0rem;
	margin-bottom: 2rem;
}

/* Block 14 - Features Multi Column */
.bld_features {
	background-color: var(--text-highlight-full-width-bkg);
}

.bld_features h2, .bld_features h3 {
	color: var(--primary-header-color) !important;
}

.bld_features .bld_features-title {
	margin-bottom: 2.5rem;
}

.bld_features .bld_features-title p {
	font-size: 1.25rem;
	/*text-align: center;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
}

/*
.bld_features h2 {
	text-align: center !important;
}
*/

.bld_features h2:before,
.bld_features h3:before {
	display: none;
}

.bld_features .bld_row {
	gap: 0;
}

.bld_features .bld_col {
	align-self: stretch;
	padding: 0 1rem;
	/*text-align: center;*/
	border-left: 2px dotted var(--features-border-color);
}

.bld_features .bld_row > :first-child {
	border-left: none;
}

.bld_features .bld_features-description img {
	/*width: 50% !important;*/
}

.bld_features .bld_features-description h3 {
	margin-top: 1rem;
}

.bld_features .bld_features-description p {
	font-size: 1rem;
}

/* Blocks 15, 16, 17 - Testimonials */
/* common */
.testimonial {
	/*text-align: center;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
}

.testimonial h2:before {
	left: 50% !important;
	transform: translate(-50%,0) !important;
}

.testimonial p {
	line-height: 1.2;
}

.testimonial img {
	border-radius: 100%;
	width: 100%;
}

.testimonial .testimonial-image {
	position: relative;
	display: block;
}

.testimonial .testimonial-image:before {
	width: 100px;
	height: 100px;
	display: block;
	background-image: url('/assets/oncat/theme/quotemark.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	content: "";
	position: absolute;
	top: 0;
	z-index: 10;
}

.testimonial div > :nth-child(1) {
	font-size: 1.5rem
}

.testimonial div > :nth-child(2) {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0;
	color: var(--testimonials-alt-bkg);
}

.testimonial div > :nth-child(3) {
	font-size: 0.75rem;
	margin-top: 0;
}

/* Block 15 - Testimonial Text */
.testimonial-text-slider {
	background-color: var(--text-highlight-full-width-bkg);
}

.testimonial-text-slider h2, .testimonial-text-slider h3 {
	color: var(--primary-header-color) !important;
}

.testimonial-text-slider img {
	min-width: 100px;
	min-height: 100px;
}

/* Block 16 - Testimonial Image and Text */
.testimonial-image-text {
	background-color: var(--text-highlight-full-width-bkg);
	gap: 10%;
}

.testimonial-image-text h2, .testimonial-image-text h3 {
	color: var(--primary-header-color) !important;
}

.testimonial-image-text .testimonial-image-text-img {
	flex: 0 0 30%;
}

.testimonial-image-text .testimonial-image-text-content {
	flex: 1 1 70%;
	align-self: center;
	/*text-align: left;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
}

.testimonial-image-text .testimonial-image:before {
	bottom: -75%;
	left: -8%;
}

/* Block 17 - Testimonial Image and Text Slider */
.testimonial-image-slider {
	background-color: var(--text-highlight-full-width-bkg);
	/*text-align: center !important;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
}

.testimonial-image-slider h2, .testimonial-image-slider h3 {
	color: var(--secondary-header-color) !important;
}

.testimonial-image-slider h2,
.testimonial-image-slider h3 {
	text-align: center !important;
}

/* .testimonial-image-slider h2:before, */
.testimonial-image-slider h3:before {
	display: none;
}

.testimonial-image-slider .testimonial-image {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	margin-bottom: 2.5rem;
}

.testimonial-image-slider .testimonial-image:before {
	bottom: -70%;
	left: -7%;
}

/* Block 18 - One Video */
.highlight-video-one {
	background-color: var(--text-highlight-full-width-bkg);
}

.highlight-video-one h2, .highlight-video-one h3 {
	color: var(--secondary-header-color) !important;
}

.highlight-video-one .video-img {
	flex: 1 1 60%;
}

.highlight-video-one .video-description {
	flex: 1 1 40%;
	font-size: 1.25rem;
}

.highlight-video-one img {
	width: 100%;
}

/* Block 19 - Two Videos */
.highlight-video-two {
	background-color: var(--text-highlight-full-width-bkg);
}

.highlight-video-two h2, .highlight-video-two h3 {
	color: var(--secondary-header-color) !important;
}

.highlight-video-two h2:before {
	display: none;
}

.highlight-video-two img {
	width: 100%;
	height: auto;
}

.highlight-video-two-button { text-align: center !important; } /* CKEDIT_RULE_2-TEXT_ALIGN */
.highlight-video-two {
	/*text-align: center;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
}

/* Block 20 - ONCAT Brand Elements Call-To-Action */
/* Block 21 - ONCAT Brand Elements Right */
/* Block 22 - ONCAT Brand Elements Left */
.oncat-brand-elements {
	/* background: transparent url("/assets/oncat/theme/rings.svg") no-repeat; */
	/* background-position: 120% -5%; */
	/* background-size: 600px auto; */
	/* height: 250px; */
	height: 150px;
	position: relative;
}

.oncat-brand-elements-cta-container {
	position: absolute;
	bottom: 0;
	background-color: var(--oncat-brand-bkg);
	width: 100%;
}

.oncat-brand-elements-cta {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 2rem;
}

.oncat-brand-elements-cta img,
.oncat-brand-elements-cta p {
	display: inline-block;
}

.oncat-brand-elements-cta img {
	width: 45px !important;
	height: auto;
}

.oncat-brand-elements-cta p {
	font-size: 2rem;
	margin: 0;
	line-height: 1.1;
}

.oncat-brand-elements-cta .oncat-ot-cta-button {
	margin: 0;
}

.oncat-brand-elements-cta {
	padding-left: 5%;
	padding-right: 5%;
}

/* Block 22 - ONCAT Brand Elements Left */
.oncat-brand-elements-reverse {
	/* transform: scaleX(-1); */
}

/* Block 22B - ONCAT Brand Elements Left */
.oncat-brand-elements-left {
	/* background: transparent url("/assets/oncat/theme/rings-2.svg") no-repeat !important; */
	/* background-position: -5% 75px !important; */
	/* background-size: 600px auto; */
	/* height: 250px; */
	/* position: relative; */
}


/* ===== NEW BLOCKS ===== */
.new-oncat-brand-elements .oncat-brand-elements-cta-container {
	background-color: var(--new-brand-elements-bkg);
}

.homepage-banner-section {
	margin-top: 0;
}

.homepage-banner {
	background-size: cover;
	background-position: center center;
}

.homepage-banner.full-width.with-background {
	padding-bottom: 0.5rem;
}

.homepage-banner-header {
	min-height: 26rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.homepage-banner-header h1,
.homepage-banner-header h2,
.homepage-banner-header h3,
.homepage-banner-header h4,
.homepage-banner-header p {
	color: white !important;
	width: 100%;
	margin-bottom: 1rem;
	/*text-align: center;*/
	line-height: 120%;
}

.homepage-banner-header p {
	font-size: 3.5rem;
}

.homepage-banner-secondary.full-width.with-background {
	/* background-color: var(--text-highlight-full-width-bkg2); */
	padding-left: 0;
	padding-right: 0;
	padding-top: 40px;
	padding-bottom: 50px;
	transform: translateY(-40px);
	background-image: var(--homepage-banner-secondary-top-svg), var(--homepage-banner-secondary-bottom-svg);
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 40px, 100% 50px;
	background-position: top center, bottom center;
}

.homepage-banner-secondary-bkg-inner {
	color: var(--primary-header-color);
	background-color: var(--text-highlight-full-width-bkg2);
	padding-top: 1rem;
	padding-bottom: 0;
	width: 100%;
	padding-left: 15%; /* Same amount as for .ck-content */
	padding-right: 15%;
	margin: 0 auto;
	/*border: 1px solid red;*/
}

.homepage-banner-secondary-content {
	width: 80%;
	margin: 0 auto;
	transform: translateY(10px);
}

.homepage-banner-secondary-content h1,
.homepage-banner-secondary-content h2,
.homepage-banner-secondary-content h3,
.homepage-banner-secondary-content h4,
.homepage-banner-secondary-content p {
	/*text-align: center;*/
	margin: 0;
	line-height: 120%;
}

.homepage-banner-secondary-content p {
	font-size: 2rem;
}

@media screen and (max-width: 1399px) {
	.homepage-banner-secondary-bkg-inner {
		padding-left: 3%;
		padding-right: 3%;
	}
}

@media screen and (max-width: 999px) {
	.homepage-banner-secondary-content { width: 100%; }
}


.new-page-title-section, .new-page-title-sticky {
	background-color: var(--primary-header-color);
	margin-top: 0;
}

.new-page-title-section h2, .new-page-title-sticky h2 {
	padding: 1.5rem 0;
	margin-bottom: 0;
	text-align: center;
	color: white !important;
}

.new-page-title-section h2:before,
.new-page-title-section h3:before,
.new-page-title-sticky h2:before,
.new-page-title-sticky h3:before {
	background-color: unset;
	content: none;
}

.new-page-title-section h2:after, .new-page-title-sticky h2:after {
	background-color: white;
	display: block;
	content: "";
	position: relative;
	width: 10rem;
	height: 0.75rem;
	left: calc(50% - 5rem);
	margin-top: 1.25rem;
}

.new-page-title-sticky {
	transition: transform 0.5s ease-in-out, padding 0.5s ease-out;
	transform: translateY(0);
}

.new-page-title-sticky.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	margin-left: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.new-page-title-sticky.sticky h2 {
	font-size: 1.5rem;
	padding: 0.85rem 0;
}

.new-page-title-sticky.sticky h2::after {
	height: 0.375rem;
	margin-top: 0.5rem;
}

.new-page-title-sticky.rollup {
	transform: translateY(-100%);
}


.new-facts-one-item .bld_row,
.new-facts-two-items .bld_col,
.new-facts-three-items .bld_col {
	background-color: unset;
	color: black;
	border: 2px solid;
}

.new-facts-one-item .bld_row { border-color: var(--facts-one-background-color); }
.new-facts-two-items .facts-two-items-first { border-color: var(--facts-two-first-bkg); }
.new-facts-two-items .facts-two-items-second { border-color: var(--facts-two-second-bkg); }
.new-facts-three-items .facts-three-items-first { border-color: var(--facts-three-first-bkg); }
.new-facts-three-items .facts-three-items-second { border-color: var(--facts-three-second-bkg); }
.new-facts-three-items .facts-three-items-third { border-color: var(--facts-three-third-bkg); }

.new-facts-plain .bld_row,
.new-facts-plain .bld_row > * {
	border: none;
}


/* NEW BLOCK - Hover Box Collection 2 Boxes */
.hover-box {
	position: relative;
	background-color: white;
	border: none;
}

.hover-box .hover-box-head, .hover-box .hover-box-tail {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.hover-box .hover-box-head {
	justify-content: flex-start;
	padding: 1rem;
	border-radius: 3px;
	position: relative;
	min-height: 15rem;
}

.hover-box.hover-box-frontend .hover-box-head {
	height: 100%;
}

.hover-box .hover-box-head:after {
	background-color: var(--primary-header-color);
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	height: 0.75rem;
}

.hover-box .hover-box-head figure.image {
	margin: 0;
	margin-bottom: 1rem !important;
}

.hover-box .hover-box-head img { /* icon for hover box */
	filter: var(--icon-color-for-filter);
	/* max-width: 8rem; */
}

.hover-box .hover-box-head p { /* label for hover box */
	font-size: 1.2rem;
	color: var(--primary-header-color);
	text-transform: uppercase;
}

.hover-box .hover-box-arrow {
	position: absolute;
	top: calc(50% - 1rem);
	right: 8%;
	font-size: 2rem;
	color: var(--primary-header-color);
}

.hover-box .hover-box-tail {
	justify-content: center;
	background-color: var(--primary-header-color);
	color: white;
	padding: 1rem;
	border-radius: 1px;
}

.hover-box .hover-box-tail p:first-of-type {
	margin-top: 0;
}

.hover-box .hover-box-tail a {
	color: white !important;
	text-decoration: none;
}

.hover-box .hover-box-tail a:hover {
	color: white !important;
}

.hover-box.hover-box-frontend .hover-box-tail {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
	transition: 0.3s ease;
}

.hover-box.hover-box-frontend:hover {
	z-index: 1;
}

.hover-box.hover-box-frontend:hover .hover-box-tail {
	opacity: 1;
	transform: scale(1.0625);
	overflow: hidden;
}

.hover-box.hover-box-frontend .hover-box-tail a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.hover-box.hover-box-frontend .hover-box-tail a:after {
	content: " \00BB";
	font-size: 1.25em;
}

.hover-box-two-items { background-color: #f7f7f7; }
.hover-box-three-items { background-color: var(--text-highlight-full-width-bkg2); }

/* NOTE: ".bld_row" and ".hover-box-*" classes' relation are not the same */
.hover-box-two-items.bld_row { column-gap: 1.5%; }
.hover-box-three-items .bld_row { column-gap: 1%; }

.hover-box-three-items h2 {
	width: 100%;
	text-align: center;
}

.hover-box-three-items h2:before {
	background-color: unset;
	content: none;
}

.hover-box-three-items .hover-box .hover-box-head:after {
	width: 67%;
}


/* NEW BLOCK - Hover Box Collection Multi Color */
.hover-box-five-items.bld_row {
	column-gap: 0.6%;
	row-gap: 1rem;
}

.hover-box-five-items .hover-box .hover-box-head:after {
	width: 100%;
}

.hover-box-five-items .hover-box.hover-box-frontend .theme_picker {
	display: none;
}

:root {
	--primary-color-box-a: #7b2c5f;
	--primary-color-box-b: #417f2f;
	--primary-color-box-c: #016697;
	--primary-color-box-d: #5e2d79;
	--primary-color-box-e: #bb5211;
	--primary-color-box-f: #107998;
	--primary-color-box-g: #1577a8;
	--primary-color-box-h: #8a6e00;
	--primary-color-box-i: #902020;
	--primary-color-box-j: #4a2f0f;
	--filter-color-box-a: invert(19%) sepia(39%) saturate(2718%) hue-rotate(290deg) brightness(88%) contrast(85%);
	--filter-color-box-b: invert(41%) sepia(20%) saturate(1273%) hue-rotate(61deg) brightness(97%) contrast(94%);
	--filter-color-box-c: invert(18%) sepia(50%) saturate(5231%) hue-rotate(185deg) brightness(99%) contrast(99%);
	--filter-color-box-d: invert(22%) sepia(24%) saturate(2936%) hue-rotate(248deg) brightness(91%) contrast(94%);
	--filter-color-box-e: invert(28%) sepia(98%) saturate(1602%) hue-rotate(12deg) brightness(90%) contrast(87%);
	--filter-color-box-f: invert(34%) sepia(76%) saturate(520%) hue-rotate(147deg) brightness(97%) contrast(95%);
	--filter-color-box-g: invert(29%) sepia(22%) saturate(5853%) hue-rotate(178deg) brightness(99%) contrast(83%);
	--filter-color-box-h: invert(36%) sepia(97%) saturate(523%) hue-rotate(15deg) brightness(96%) contrast(102%);
	--filter-color-box-i: invert(12%) sepia(42%) saturate(5731%) hue-rotate(350deg) brightness(105%) contrast(87%);
	--filter-color-box-j: invert(18%) sepia(18%) saturate(1852%) hue-rotate(352deg) brightness(96%) contrast(94%);
}

.hover-box.hover-box-theme-a .hover-box-head:after { background-color: var(--primary-color-box-a); }
.hover-box.hover-box-theme-b .hover-box-head:after { background-color: var(--primary-color-box-b); }
.hover-box.hover-box-theme-c .hover-box-head:after { background-color: var(--primary-color-box-c); }
.hover-box.hover-box-theme-d .hover-box-head:after { background-color: var(--primary-color-box-d); }
.hover-box.hover-box-theme-e .hover-box-head:after { background-color: var(--primary-color-box-e); }
.hover-box.hover-box-theme-f .hover-box-head:after { background-color: var(--primary-color-box-f); }
.hover-box.hover-box-theme-g .hover-box-head:after { background-color: var(--primary-color-box-g); }
.hover-box.hover-box-theme-h .hover-box-head:after { background-color: var(--primary-color-box-h); }
.hover-box.hover-box-theme-i .hover-box-head:after { background-color: var(--primary-color-box-i); }
.hover-box.hover-box-theme-j .hover-box-head:after { background-color: var(--primary-color-box-j); }

.hover-box.hover-box-theme-a .hover-box-tail { background-color: var(--primary-color-box-a); }
.hover-box.hover-box-theme-b .hover-box-tail { background-color: var(--primary-color-box-b); }
.hover-box.hover-box-theme-c .hover-box-tail { background-color: var(--primary-color-box-c); }
.hover-box.hover-box-theme-d .hover-box-tail { background-color: var(--primary-color-box-d); }
.hover-box.hover-box-theme-e .hover-box-tail { background-color: var(--primary-color-box-e); }
.hover-box.hover-box-theme-f .hover-box-tail { background-color: var(--primary-color-box-f); }
.hover-box.hover-box-theme-g .hover-box-tail { background-color: var(--primary-color-box-g); }
.hover-box.hover-box-theme-h .hover-box-tail { background-color: var(--primary-color-box-h); }
.hover-box.hover-box-theme-i .hover-box-tail { background-color: var(--primary-color-box-i); }
.hover-box.hover-box-theme-j .hover-box-tail { background-color: var(--primary-color-box-j); }

.hover-box.hover-box-theme-a .hover-box-head p,
.hover-box.hover-box-theme-a .hover-box-head h1,
.hover-box.hover-box-theme-a .hover-box-head h2,
.hover-box.hover-box-theme-a .hover-box-head h3,
.hover-box.hover-box-theme-a .hover-box-head h4
{ color: var(--primary-color-box-a); }

.hover-box.hover-box-theme-b .hover-box-head p,
.hover-box.hover-box-theme-b .hover-box-head h1,
.hover-box.hover-box-theme-b .hover-box-head h2,
.hover-box.hover-box-theme-b .hover-box-head h3,
.hover-box.hover-box-theme-b .hover-box-head h4
{ color: var(--primary-color-box-b); }

.hover-box.hover-box-theme-c .hover-box-head p,
.hover-box.hover-box-theme-c .hover-box-head h1,
.hover-box.hover-box-theme-c .hover-box-head h2,
.hover-box.hover-box-theme-c .hover-box-head h3,
.hover-box.hover-box-theme-c .hover-box-head h4
{ color: var(--primary-color-box-c); }

.hover-box.hover-box-theme-d .hover-box-head p,
.hover-box.hover-box-theme-d .hover-box-head h1,
.hover-box.hover-box-theme-d .hover-box-head h2,
.hover-box.hover-box-theme-d .hover-box-head h3,
.hover-box.hover-box-theme-d .hover-box-head h4
{ color: var(--primary-color-box-d); }

.hover-box.hover-box-theme-e .hover-box-head p,
.hover-box.hover-box-theme-e .hover-box-head h1,
.hover-box.hover-box-theme-e .hover-box-head h2,
.hover-box.hover-box-theme-e .hover-box-head h3,
.hover-box.hover-box-theme-e .hover-box-head h4
{ color: var(--primary-color-box-e); }

.hover-box.hover-box-theme-f .hover-box-head p,
.hover-box.hover-box-theme-f .hover-box-head h1,
.hover-box.hover-box-theme-f .hover-box-head h2,
.hover-box.hover-box-theme-f .hover-box-head h3,
.hover-box.hover-box-theme-f .hover-box-head h4
{ color: var(--primary-color-box-f); }

.hover-box.hover-box-theme-g .hover-box-head p,
.hover-box.hover-box-theme-g .hover-box-head h1,
.hover-box.hover-box-theme-g .hover-box-head h2,
.hover-box.hover-box-theme-g .hover-box-head h3,
.hover-box.hover-box-theme-g .hover-box-head h4
{ color: var(--primary-color-box-g); }

.hover-box.hover-box-theme-h .hover-box-head p,
.hover-box.hover-box-theme-h .hover-box-head h1,
.hover-box.hover-box-theme-h .hover-box-head h2,
.hover-box.hover-box-theme-h .hover-box-head h3,
.hover-box.hover-box-theme-h .hover-box-head h4
{ color: var(--primary-color-box-h); }

.hover-box.hover-box-theme-i .hover-box-head p,
.hover-box.hover-box-theme-i .hover-box-head h1,
.hover-box.hover-box-theme-i .hover-box-head h2,
.hover-box.hover-box-theme-i .hover-box-head h3,
.hover-box.hover-box-theme-i .hover-box-head h4
{ color: var(--primary-color-box-i); }

.hover-box.hover-box-theme-j .hover-box-head p,
.hover-box.hover-box-theme-j .hover-box-head h1,
.hover-box.hover-box-theme-j .hover-box-head h2,
.hover-box.hover-box-theme-j .hover-box-head h3,
.hover-box.hover-box-theme-j .hover-box-head h4
{ color: var(--primary-color-box-j); }

.hover-box.hover-box-theme-a .hover-box-head img { filter: var(--filter-color-box-a); }
.hover-box.hover-box-theme-b .hover-box-head img { filter: var(--filter-color-box-b); }
.hover-box.hover-box-theme-c .hover-box-head img { filter: var(--filter-color-box-c); }
.hover-box.hover-box-theme-d .hover-box-head img { filter: var(--filter-color-box-d); }
.hover-box.hover-box-theme-e .hover-box-head img { filter: var(--filter-color-box-e); }
.hover-box.hover-box-theme-f .hover-box-head img { filter: var(--filter-color-box-f); }
.hover-box.hover-box-theme-g .hover-box-head img { filter: var(--filter-color-box-g); }
.hover-box.hover-box-theme-h .hover-box-head img { filter: var(--filter-color-box-h); }
.hover-box.hover-box-theme-i .hover-box-head img { filter: var(--filter-color-box-i); }
.hover-box.hover-box-theme-j .hover-box-head img { filter: var(--filter-color-box-j); }


.hover-box div.theme_picker,
.hover-box div.theme_picker_prev,
.hover-box div.theme_picker_next,
.hover-box div.theme_picker_name
{
	display: inline-block;
}


@media screen and (max-width: 1399px) {
	.hover-box-five-items.bld_row {
		flex-wrap: wrap;
		column-gap: 0.9%;
		row-gap: 2rem;
	}
	.hover-box-five-items .hover-box {
		flex-basis: 32.7%;
	}
}

@media screen and (max-width: 768px) {
	.hover-box-five-items.bld_row { flex-wrap: nowrap; }
	.hover-box-five-items .hover-box { flex-basis: 100%; }
}


/* NEW BLOCK - INSTITUTION PROFILES */
.institution-card {
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 2rem);
	margin: 0 0.75rem 1.5rem;
	text-align: left;
}

.institution-card.quilt-hidden {
	display: none;
}

.institution-card a {
	display: block;
	border-radius: 3px;
	border: 1px solid var(--righter-border-color);
	min-height: 13rem;
	padding: 1rem;
	text-decoration: none;
	transition: 0.3s;
}

.institution-card a:hover {
	transform: translateY(-1rem);
	box-shadow: 10px 10px 10px var(--righter-border-color);
}

.institution-card a > * {
	margin: 0;
}

.institution-card h3 {
	font-size: 1.25rem;
	padding-bottom: 0.75em;
	text-transform: uppercase;
}

.institution-card h3:before {
	height: 0;
}

.institution-card h3:after {
	background-color: var(--primary-lighter-color);
	display: block;
	content: "";
	position: relative;
	width: 50%;
	height: 0.75rem;
	margin-top: 0.5rem;
}

.institution-card a > p {
	color: #000 !important;
	font-size: 0.9rem;
}

.institution-card a > p.institution-type {
	color: var(--primary-header-color) !important;
	display: inline-block;
	padding: 0 0.5em;
	margin-bottom: 0.5rem;
	border: 2px solid var(--primary-lighter-color);
	border-radius: 6px;
}

.institution-card a > p.institution-location > img {
	vertical-align: middle;
	width: 1.15rem;
	margin-right: 0.15rem;
}


@media screen and (max-width: 999px) {
	.institution-card { width: calc(50% - 1rem); }
	.institution-card:nth-of-type(odd) { margin-left: 0; }
	.institution-card:nth-of-type(even) { margin-right: 0; }
}

@media screen and (max-width: 767px) {
	.institution-card {
		width: 100%;
		margin: 0 0 1.5rem;
	}

	.institution-card a { min-height: unset; }
}


/***********************************************************************************************************/
/*************************************** Page Specific Styles **********************************************/
/***********************************************************************************************************/

/* Unit - Institution Selector - on course_syllabi and institution_profiles pages */
.unit_institution-selector { margin-bottom: 52px !important; }

.unit_institution-selector {
	background-color: rgba(216, 228, 250, 0.5) !important;
	background-image: none !important;
	margin-top: 0 !important;
}

.unit_institution-selector p {
	color: #0e1336 !important;
}

.unit_institution-selector select {
	font-size: 1rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	background-color: white;
	border: 1px solid #48c7ec;
	border-radius: 0;
	outline: none;
	padding: 0.5rem;
}

.unit_institution-selector a {
	font-size: 1rem;
	font-weight: 600;
}

/* Media queries - Institution Selector */
@media (max-width: 768px) {
	.unit_institution-selector {
		text-align: center;
	}

	.unit_institution-selector select {
		margin-left: 1rem;
		margin-bottom: 1rem;
	}
}

/* Template - Institution Profile Detail */
.section-institution-header {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	column-gap: 10%;
}

.section-institution-header .institution-logo-container {
	min-width: 15rem;
	text-align: right;
}

@media (max-width: 768px) {
	.section-institution-header {
		flex-direction: column;
	}

	.section-institution-header .institution-logo-container {
		text-align: center;
	}
}


/***********************************************************************************************************/
/********************************************** Comments ***************************************************/
/***********************************************************************************************************/

.comment {
	font-family: monospace;
	display: block;
	/* display: none; */
}

.comment.block-name {
	background-color: #0e1336;
	margin-top: 2em;
	margin-bottom: 2em;
}

.comment.block-name p {
	text-align: center;
	font-weight: 700;
	font-size: 1.25rem;
	color: white;
}


/***********************************************************************************************************/
/******************************************* Media Queries *************************************************/
/***********************************************************************************************************/

@media (min-width: 1400px) {
	/* html {
		font-size: 1vw;
	} */

	.ck-content {
		padding-left: 15% !important;
		padding-right: 15% !important;
	}

	.full-width {
		margin-left: -21.43% !important;
		margin-right: -21.43% !important;
	}

	.full-width.with-background {
		padding-top: 3em;
		padding-bottom: 3.5em;
		padding-right: 21.43%;
		padding-left: 21.43%;
	}

	/* .ck-content {
		padding-left: 20% !important;
		padding-right: 20% !important;
	}

	.full-width {
		margin-left: -33.3% !important;
		margin-right: -33.3% !important;
	}

	.full-width.with-background {
		padding-top: 3em;
		padding-bottom: 3.5em;
		padding-right: 33.3%;
		padding-left: 33.3%;
	} */


}

@media (max-width: 992px) {
	/* #unit_1 h1 {
		font-size: 2rem;
	} */

	.bld_features .bld_row {
		flex-direction: column;
		row-gap: 2rem;
	}

	.bld_features .bld_col {
		padding-bottom: 1rem;
		padding-top: 1rem;
		border-left: none;
		border-top: 2px dotted var(--features-border-color);
	}

	.bld_features .bld_row > :first-child {
		border-top: none;
	}

	.bld_features img {
		/* height: 2rem; */ /* DK: Why? */
		/* width: auto; */ /* DK: Why? */
	}

	.facts-one-item .facts-one-item-headline p {
		font-size: 3rem;
	}

	.facts-one-item .facts-one-item-description p {
		font-size: 1rem;
	}

	.facts-two-items .bld_col > :nth-child(1) {
		font-size: 3rem;
	}

	.facts-two-items .bld_col > :nth-child(2) {
		font-size: 1rem;
	}

	.facts-three-items .bld_col > :nth-child(1) {
		font-size: 2.2rem;
	}

	.facts-three-items .bld_col > :nth-child(2) {
		font-size: 0.8rem;
	}

}

@media (max-width: 768px) {
	html {
		font-size: 20px;
	}

	/* #unit_1 h1 {
		font-size: 1.5rem;
	} */

	.ck-content img {
		width: 100%;
		height: auto;
	}

	.bld_row {
		flex-direction: column;
		row-gap: 2rem;
	}

	.oncat-ot-cta-button {
		font-size: 0.8rem;
	}


	/* Blocks ********************************************************************/
	.two-column-text .two-column-text-content,
	.three-column-text .three-column-text-content {
		columns: 1;
	}

	.bld_features img {
		/* height: 2rem; */ /* DK: Why? */
		/* width: auto; */ /* DK: Why? */
	}

	.facts-one-item .facts-one-item-description p {
		/*text-align: center;*/ /* CKEDIT_RULE_2-TEXT_ALIGN */
	}

	.testimonial-image-text {
		gap: 0;
	}

	.testimonial-image-text .testimonial-image {
		width: 250px;
		height: 250px;
		margin: 0 auto;
		margin-bottom: 2.5rem;
	}

	.testimonial-image-text .testimonial-image:before {
		bottom: -70%;
		left: -7%;
	}

	.oncat-brand-elements {
		height: 300px;
	}

	.oncat-brand-elements-cta {
		flex-direction: column;
	}
}

@media (max-width: 576px) {
	/* #unit_1 h1 {
		font-size: 0.9rem;
	} */

	.ck-content p,
	.ck-content blockquote {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	.facts p {
		-webkit-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	}

	.ck-content blockquote {
		font-size: 1.5rem;
		margin: 2em 0;
		border-left: none;
		border-top: thin solid var(--blockquote-color);
		color: var(--blockquote-color);
		border-top: thin solid;
		padding: 0;
	}

	/* .ck-content {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}

	.full-width {
		margin-left: -5.56% !important;
		margin-right: -5.56% !important;
	}

	.full-width.with-background {
		padding-right: 5.56%;
		padding-left: 5.56%;
	} */
}


/****************************************** Undos *************************************************/

/* Undo .ck-content margins in comparison tables and any inputs that are not Main Content. */

table.comparison .ck-content,
dd:not(.input_name-page_blocks) .ck-content {
	padding-left: var(--ck-spacing-standard) !important;
	padding-right: var(--ck-spacing-standard) !important;
}

table.comparison .ck-content .full-width,
table.comparison .ck-content .full-width.with-background,
dd:not(.input_name-page_blocks) .ck-content .full-width,
dd:not(.input_name-page_blocks) .ck-content .full-width.with-background {
	margin-right: 0;
	margin-left: 0;
}


/****************************************** Debug *************************************************/
/* body {
	border: solid thick green;
} */

/* .block {
	border: solid thick blue;
} */

/* img {
	border: blue solid thin;
} */

/********************************** Suggested IRISS UI Improvements *******************************/

a.button_inv,
input[type="submit"],
span.buttons_inv a,
ul.buttons li a,
ul.buttons_inv li a {
	border: none;
	box-shadow: none;
}

div.form_descr,
div.pdoc_obj_descr {
	background-color: transparent;
	border: none;
	padding: 0;
	padding-top: 0.5em;
	font-size: .8rem;
}

form dt,
form dt label {
	font-weight: 700;
}

form dd input, form dd textarea {
	border: 1px solid #cccccc !important;
}

form.form dl dd {
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/******************************************** Email Submission Form ****************************************/
.es-form form {
	background-color: unset;
	border: none;
	padding: 0;
}

.es-form form input:not([type="submit"]), .es-form form select, .es-form form textarea {
	background-color: #f7f7f7;
}

.es-form form > dl:first-of-type {
	width: 48%;
	float: left;
}

.es-form form > dl:last-of-type {
	width: 48%;
	float: right;
}

.es-form form > .icaptcha3d_start:after {
	content: "";
	clear: both;
	display: table;
}

.es-form form select {
	padding: 0.5rem;
	outline: none;
	border: 1px solid rgb(204, 204, 204);
	background-color: white;
	width: 100%;
}

.es-form form input[type="submit"] {
	background-color: var(--cta-button-bkg);
	cursor: pointer;
	transition: 0.3s;
}

.es-form form input[type="submit"]:hover {
	background-color: var(--cta-button-hover-bkg);
	color: white !important;
}

@media (max-width: 768px) {
	.es-form form > dl:first-of-type, .es-form form > dl:last-of-type {
		width: 100%;
		float: none;
	}
}

/***********************************************************************************************************/
/************************************************* Modals **************************************************/
/***********************************************************************************************************/

.modal-close-top { cursor:pointer; }

.modal-close-top:before
{
	content: "\00d7";
	position: absolute;
	top: -15px;
	right: 6px;
	font-size: 4em;
}

.modal-close-top:hover { opacity: 0.3; }

/***********************************************************************************************************/
/******************************************* End - Modals **************************************************/
/***********************************************************************************************************/


.bld_anchor { display: block; position: relative; top: -85px; visibility: hidden; }

img.inst_logo { /*object-fit: contain;*/ max-width: 300px; max-height: 200px; margin-top: 1px; margin-bottom: 1px; width: auto !important; }
img.event_thumb { border: none; width: 200px; float: right; margin-left: 15px; }

@media only screen and (max-width: 640px) { img.event_thumb { width: 100%; float: none; margin-left: 0; } }
@media only screen and (max-width: 998px) { .ipub_type_frontend figure.image figcaption > h2 { font-size: 40px !important; } }

.ipub_count_of_results { background-color: #1e2d66; }


/***********************************************************************************************************/
/******************************************* Special CSS ***************************************************/
/***********************************************************************************************************/
ul.list-two-cols, ol.list-two-cols {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.list-two-cols > li {
	width: 50%;
	margin-right: 1.5em;
}

@media only screen and (max-width: 999px) {
	ul.list-two-cols, ol.list-two-cols {
		max-height: unset !important; /* Set by inline CSS for default */
	}

	.list-two-cols > li {
		width: 100%;
		margin-right: 0;
	}
}