/* =============================================================================================
	BASE STYLES AND LAYOUT
============================================================================================= */

/* ------------------------------------------------------------------------ CSS Variables */

:root {
	--white: #fff;
	--off-white: #d6dfe1;
	--black: #111;
	--error: #e6004c;
	--blue-dk: #00455a;
	--blue-md: #006987;
	--blue: #0099c7;
	--blue-lt: #b2e6f2;
	--blue-water: #79c8df;
	--blue-water-lt: #a0daeb;
	--green: #69D87F;
	--yellow: #e0e367;
	--peach: #FFD9C9;
	--peach-lt: #FDEFE4;
	--red: #FC8771;
	--red-dk: #D55E48;
	--grey-lt: #eee;
	--grey-md: #888;
	--grey-dk: #555;
	--header-height: 77px;
	--header-height-scroll: 72px;
	--section-p: 4rem;
	--section-p-sm: 3rem;
	--section-p-xs: 1.5rem;
	--swiper-theme-color: #fff;
	--swiper-navigation-size: 2rem;
}

@media (min-width: 1400px) {
	:root {
		--section-p: 7rem;
		--section-p-sm: 4rem;
		--swiper-navigation-size: 2.5rem;
	}
}


/* ------------------------------------------------------------------------ Page Styles & Resets */

body {
	font: 400 100%/1.6 'Roboto', Arial, Helvetica, sans-serif;
	color: var(--blue-dk);
	background-color: var(--blue-lt);
}

@media (min-width: 992px) {
	body {
	}
}

/* ------------------------------------------------------------------------ Keyboard Accessibility */

.skip-link {
	position: absolute;
	left: -10000px;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	background-color: var(--grey-dk);
	color: var(--white);
	font-size: 0.875rem;
	text-decoration: none;
	z-index: 1050;
	padding: 0.5rem 0.625rem;
}

	.skip-link:focus, .skip-link.sr-only-focusable:active, .skip-link.sr-only-focusable:focus {
		position: absolute;
		outline: none;
		left: 0;
		outline: none;
		width: auto;
		height: auto;
	}

	.skip-link:hover {
		color: var(--white);
		background-color: var(--grey-md);
	}

a:focus, .btn:focus {
	outline: solid thin rgba(0, 0, 0, 0.5);
	box-shadow: none;
}

.sidenav__header-link:focus, .card__header-link:focus {
	outline: solid thin rgba(255, 255, 255, 0.5);
}

a:hover, a:active {
	outline: none !important;
}
/*...not with mouse (kinda) */


/* ------------------------------------------------------------------------ Headers */

h1, h2, h3,
.h1, .h2, .h3 {
	font-weight: 700;
	margin-bottom: 1rem;
}

h1, .h1 {
	font-size: 2rem;
	text-transform: uppercase;
	line-height: 1.2;
}

h2, .h2 {
	font-size: 1.5rem;
	line-height: 1.2;
}

h3, .h3 {
	font-size: 1.375rem;
	line-height: 1.4;
}

h2, h3 {
	margin-top: 3rem;
}

hr + h2,
hr + h3,
section h2:first-child,
section h3:first-child {
	margin-top: 0;
}

h2 + h3 {
	margin-top: 3rem;
}


@media (min-width: 992px) {
	h1, .h1 {
		font-size: 2.5rem;
	}

	h2, .h2 {
		font-size: 2rem;
	}

	h3, .h3 {
		font-size: 1.5rem;
	}
}

@media (min-width: 1400px) {
	h1, .h1 {
		font-size: 4rem;
	}

	h2, .h2 {
		font-size: 3rem;
	}

	h3, .h3 {
		font-size: 2rem;
	}
}


/* ------------------------------------------------------------------------ Lists */

ul, .list {
	list-style-position: outside;
	padding-left: 0;
	margin-left: 1em;
}

	ul li, .list__item {
		/*padding: 0 0 0.25rem 1.125em;
	background: url(../../images/arrow-grey.svg) no-repeat left 0.375em;
	background-size: 0.75em 0.75em;*/
	}

	ul ul, .list__sub-list {
		margin-top: 0.25rem;
	}


	ul ol {
		padding-left: 1.375rem;
		margin-top: 0.25rem;
	}

		ul ol li {
			padding-left: 0;
		}

ol {
	padding-left: 1rem;
}

	ol li {
		padding-bottom: 0.25rem;
	}

	ol ol {
		padding-left: 2.25rem;
		margin-top: 0.25rem;
	}

	ol ul {
		margin-top: 0.25rem;
	}

li:last-child {
	padding-bottom: 0;
}


/* ------------------------------------------------------------------------ Other Base Text Styles */

.color-inherit {
	color: inherit;
}

.text-muted {
	color: var(--grey-md) !important;
}

.intro-text {
	font-size: 1.25rem;
}

.accent {
	color: var(--blue-dk);
}

.supporting-data {
	font-size: 1.75em;
    line-height: 1.15;
}

.supporting-data span {
	color: var(--blue);
}

.note {
	font-size: .875rem;
}

.session-note p {
	font-size: 0.8rem;
}

	.session-note p a {
		font-weight: bold;
		text-decoration: none;
		color: var(--blue-dk);
	}

		.session-note p a:hover {
			color: var(--blue);
		}

.large-heading sup {
	top: -8px;
    font-size: 14px;
	position: relative;
	transition: all .25s ease;
}

.large-heading {
	color: var(--blue-dk);
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.15;
	transition: all .25s ease;
}

.question-heading {
	color: var(--blue-dk);
	font-size: 24px;
	font-weight: bold;
	line-height: 1.25;
	transition: all .25s ease;
	text-transform: none;
}

sup, sub {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


@media (min-width: 768px) {
	.large-heading {
		font-size: 28px;
	}

	.question-heading {
		font-size: 32px;
	}

	.question-heading sup, sub {
		font-size: 20px;
	}
}

@media (min-width: 992px) {
	.large-heading {
		font-size: 36px;
	}

		.large-heading sup {
			top: -18px;
			font-size: 24px;
		}

	.question-heading {
		font-size: 36px;
	}

		.question-heading sup {
			font-size: 24px;
		}
}

@media (min-width: 1200px) {
	.large-heading {
		font-size: 48px;
	}

	.question-heading {
		font-size: 40px;
	}
}

@media (min-width: 1400px) {
	p,
	li,
	label,
	table,
	.btn {
		font-size: 1.125rem;
	}

	.intro-text {
		font-size: 1.375rem;
	}

	.note {
		font-size: 1rem;
	}

	.large-heading {
		font-size: 48px;
	}
}

@media(max-height: 768px) and (min-width: 992px) {

	.large-heading {
		font-size: 28px;
	}

	.large-heading sup {
		top: -14px;
		font-size: 20px;
	}

	.question-heading {
		font-size: 32px;
	}

	.question-heading sup {
		font-size: 16px;
		top: -0.75em;
	}
}


/* ------------------------------------------------------------------------ Links */

a {
	color: var(--grey-md);
	font-weight: 700;
	transition: all .25s ease;
	text-decoration: underline;
}

	a:hover {
		color: var(--grey-dk);
		text-decoration: none;
	}

.a--no-underline {
	text-decoration: none;
}

	.a--no-underline:hover {
		text-decoration: underline;
	}

main a {
	word-wrap: break-word;
}

a img {
	border: none;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	transition: opacity .25s ease;
}

	a img:hover {
		opacity: .9;
	}

@media (min-width: 992px) {
	/*Change value to header height*/
	.a--anchor {
		border-top: var(--header-height-scroll) solid transparent;
		margin-top: calc(var(--header-height-scroll) * -1) !important;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
	}
}


/* ------------------------------------------------------------------------ Button Styles */

.btn {
	margin-top: 1rem;
	padding: .625rem 1.5rem;
	border-radius: 0;
	cursor: pointer;
}

.btn-primary {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--white);
	border-radius: 0 20px 0 20px;
	width: auto;
	font-weight: bold;
}

	.btn-primary:hover,
	.btn-primary:focus,
	.btn-check:active + .btn-primary,
	.btn-check:checked + .btn-primary,
	.btn-primary.active,
	.btn-primary:active,
	.show > .btn-primary.dropdown-toggle {
		background-color: var(--grey-dk);
		border-color: var(--grey-dk);
		box-shadow: none;
	}

	.btn-primary.peach {
		background-color: var(--peach);
		border-color: var(--peach);
		color: var(--blue-dk);
		box-shadow: 0 5px 8px rgba(0,0,0,0.2);
	}

		.btn-primary.peach:hover {
			background-color: var(--peach-lt);
			border-color: var(--peach-lt);
		}

	.btn-primary.peach-lt {
		background-color: var(--peach-lt);
		border-color: var(--peach-lt);
		color: var(--blue-dk);
		box-shadow: 0 5px 8px rgba(0,0,0,0.2);
	}

		.btn-primary.peach-lt:hover {
			background-color: var(--white);
			border-color: var(--white);
		}

	.btn-primary.yellow {
		background-color: var(--yellow);
		border-color: var(--yellow);
		color: var(--blue-dk);
		box-shadow: 0 5px 8px rgba(0,0,0,0.2);
	}

		.btn-primary.yellow:hover {
			background-color: var(--green);
			border-color: var(--green);
			color: var(--white);
		}

	.btn-primary.blue-md {
		background-color: var(--blue-md);
		border-color: var(--blue-md);
		color: var(--white);
		box-shadow: 0 5px 8px rgba(0,0,0,0.2);
	}

		.btn-primary.blue-md:hover {
			background-color: var(--blue);
			border-color: var(--blue);
		}

	.btn-primary.blue-water {
		background-color: var(--blue-water);
		border-color: var(--blue-water);
		color: var(--blue-dk);
		box-shadow: 0 5px 8px rgba(0,0,0,0.2);
	}

		.btn-primary.blue-water:hover {
			background-color: var(--blue-dk);
			border-color: var(--blue-dk);
			color: var(--white);
		}

	.btn-primary.blue-water-lt {
		background-color: var(--blue-water-lt);
		border-color: var(--blue-water-lt);
		color: var(--blue-dk);
		box-shadow: 0 5px 8px rgba(0,0,0,0.2);
	}

		.btn-primary.blue-water-lt:hover {
			background-color: var(--blue-dk);
			border-color: var(--blue-dk);
			color: var(--white);
		}

	
	.btn-primary.blue-water.visited, .btn-primary.blue-water.visited:hover, .btn-primary.blue-water-lt.visited, .btn-primary.blue-water-lt.visited:hover, .btn-primary.peach-lt.visited, .btn-primary.peach-lt.visited:hover {
		background-color: var(--off-white);
		border-color: var(--off-white);
		color: var(--blue-dk);
	}


.btn-submit {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--white);
	border-radius: 0 20px 0 20px;
	width: auto;
	font-weight: bold;
}

	.btn-submit:hover {
		background-color: var(--yellow);
		border-color: var(--yellow);
		color: var(--blue);
	}


.french-tab {
	position: fixed;
	right: 0;
	top: 0;
	width: auto;
}

.back-btn {
	position: relative;
	display: inline-block;
	bottom: 0;
	left: 0;
	width: auto;
	padding: 0;
}

.next-btn {
	position: relative;
	display: inline-block;
	bottom: 0;
	right: 0;
	width: auto;
	padding: 0;
}

.yellow-tab {
	background-color: var(--yellow);
	color: var(--blue-dk);
	padding: 1em 1.5em 1em 2em;
	border-radius: 0 0 0 50px;
	display: block;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	box-shadow: 0 0px 15px rgba(0,0,0,0.2);
}

	.yellow-tab:hover {
		background-color: var(--blue-dk);
		color: var(--yellow);
	}



.tab-back, .tab-home {
	padding: 1em 2.5em 0.75em 2em;
	border-radius: 0 50px 0 0;
}

	.tab-back:hover, .tab-home:hover {
		background-color: var(--blue-dk);
		color: var(--yellow);
	}

	.tab-back::before {
		content: '';
		display: inline-block;
		position: relative;
		background-image: url('../../images/arrow_back.svg');
		background-repeat: no-repeat;
		background-size: 12px 12px;
		width: 12px;
		height: 12px;
		margin-right: 0.25em;
		transition: all .25s ease;
	}

	.tab-back:hover::before {
		background-image: url('../../images/arrow_back_hover.svg');
		transition: all .25s ease;
	}

	.tab-home::before {
		content: '';
		display: inline-block;
		position: relative;
		background-image: url('../../images/home_icon.svg');
		background-repeat: no-repeat;
		background-size: 12px 12px;
		width: 12px;
		height: 12px;
		margin-right: 0.25em;
		transition: all .25s ease;
	}

	.tab-home:hover::before {
		background-image: url('../../images/home_icon_hover.svg');
		transition: all .25s ease;
	}


.tab-save-exit, .tab-next {
	padding: 1em 2em 0.75em 2.5em;
	border-radius: 50px 0 0 0;
}

	.tab-save-exit:hover, .tab-next:hover {
		background-color: var(--blue-dk);
		color: var(--yellow);
	}


	.tab-save-exit::after {
		content: '';
		display: inline-block;
		position: relative;
		background-image: url('../../images/exit_button.svg');
		background-repeat: no-repeat;
		background-size: 12px 12px;
		width: 12px;
		height: 12px;
		margin-left: 0.25em;
		transition: all .25s ease;
	}

	.tab-save-exit:hover::after {
		background-image: url('../../images/exit_button_hover.svg');
		transition: all .25s ease;
	}

	.tab-next::after {
		content: '';
		display: inline-block;
		position: relative;
		background-image: url('../../images/arrow_next.svg');
		background-repeat: no-repeat;
		background-size: 12px 12px;
		width: 12px;
		height: 12px;
		margin-left: 0.25em;
		transition: all .25s ease;
	}

	.tab-next:hover::after {
		background-image: url('../../images/arrow_next_hover.svg');
		transition: all .25s ease;
	}

@media (min-width: 768px) {
	.back-btn {
		position: fixed;
		display: block;
	}

	.next-btn {
		position: fixed;
		display: block;
	}
}

@media (min-width: 992px) {
	.btn {
		font-size: 1.25em;
	}
}

@media (min-width: 1400px) {
	.btn {
		padding: .75rem 2rem;
	}
}

/* ------------------------------------------------------------------------ Questions */

.bonus-questions a {
	margin-top: 0;
}

.topic-row a {
	display: block;
	position: relative;
}

.topic-row a, .bonus-questions a {
	padding: 0.75em 0.5em;
	width: 100%;
}

.topic-row .topic {
	margin-top: 1rem;
	padding: .625rem 1.5rem;
	border-radius: 0;
	text-transform: uppercase;
	background-color: var(--blue-md);
	border-color: var(--blue-md);
	color: var(--white);
	border-radius: 0 20px 0 20px;
	width: auto;
	font-weight: bold;
}

.topic-row.dk .topic {
	margin-top: 1rem;
	padding: .625rem 1.5rem;
	border-radius: 0;
	text-transform: uppercase;
	background-color: var(--blue-dk);
	border-color: var(--blue-dk);
	color: var(--white);
	border-radius: 0 20px 0 20px;
	width: auto;
	font-weight: bold;
}


.question-list a {
	display: block;
	width: 100%;
}


.topic-list a, .topic-list button {
	display: block;
	width: 100%;
	padding: 1.25em 1em;
	cursor: pointer;
	font-size: 1em;
}

.topic-list a:nth-child(even), .topic-list button:nth-child(even) {
	background-color: var(--blue-water);
	border: solid 4px var(--blue-water);
	color: var(--blue-dk);
	box-shadow: 0 6px 10px rgba(0,0,0,0.2);
}

.topic-list a:nth-child(odd), .topic-list button:nth-child(odd) {
	background-color: var(--blue-water-lt);
	border: solid 4px var(--blue-water-lt);
	color: var(--blue-dk);
	box-shadow: 0 6px 10px rgba(0,0,0,0.2);
}

.topic-list a:hover, .topic-list button:hover {
	background-color: var(--blue-dk);
	border-color: var(--blue-dk);
	color: var(--white);
	transition: all .25s ease;
}

.topic div.question {
	margin-top: 1em;
	text-decoration: none;
	display: block;
}

	.topic div.question:first-child {
		margin-top: 0;
	}

	.topic div.question:nth-child(odd) .option, .topic div.question:nth-child(odd) .percentage {
		background-color: var(--blue-water);
		border: solid 4px var(--blue-water);
	}

	.topic div.question:nth-child(even) .option, .topic div.question:nth-child(even) .percentage {
		background-color: var(--blue-water-lt);
		border: solid 4px var(--blue-water-lt);
	}

	.topic div.question .option {
		color: var(--blue-dk);
		border-radius: 0 20px 0 20px;
		width: auto;
		font-weight: bold;
		padding: 1.25em 1em;
		font-size: 1em;
		width: 100%;
		margin-right: 5%;
		text-align: center;
		transition: all .25s ease;
		box-shadow: 0 6px 10px rgba(0,0,0,0.2);
	}

	.topic div.question .percentage {
		background-color: var(--blue-water-lt);
		border: solid 4px var(--blue-water-lt);
		color: var(--blue-dk);
		border-radius: 100%;
		width: auto;
		font-weight: bold;
		font-size: 1em;
		width: 115px;
		height: 90px;
		line-height: 84px;
		text-align: center;
		transition: all .25s ease;
		box-shadow: 0 6px 10px rgba(0,0,0,0.2);
	}

	.topic div.question.solution .option, .topic div.question.solution .percentage {
		background-color: var(--green);
		border: solid 4px var(--green);
		color: var(--blue-dk);
	}

	.topic div.question.incorrect .option, .topic div.question.incorrect .percentage {
		background-color: var(--red);
		border: solid 4px var(--red);
		color: var(--white);
	}

.btn-question {
	border-radius: 20px 0 20px 0;
	width: auto;
	font-weight: bold;
	padding: 1.5em 0 !important;
}

	.btn-question:hover {
		background-color: var(--red);
		border-color: var(--red-dk);
		color: var(--white);
	}

.topic-row.dk .topic img, .topic-row .topic img, .topic img {
	max-width: 53px;
}

/*.category .percentage {
    font-size: 1em;
    width: 85px;
    height: 66px;
    line-height: 60px;
}*/

@media(max-height: 768px) and (min-width: 992px) {
	.large-heading {
		font-size: 38px;
	}

	.topic-row a, .bonus-questions a {
		padding: 1em 0.75em;
		font-size: 0.8em;
		width: 100%;
		margin-top: 0.75em;
	}

	.intro-text {
		font-size: 0.85rem;
	}

	.topic-list a {
		padding: 1em 0.75em;
		font-size: 0.8em;
	}

	.topic div.question .option {
		padding: 1.5em 1em;
		font-size: 0.8em;
	}

	.topic div.question .percentage {
		font-size: 0.85EM;
        width: 93px;
        height: 70px;
        line-height: 65px;
	}

	.topic-row.dk .topic, .topic-row .topic {
		padding: 0.5rem 1rem;
		font-size: 0.8em;
	}

		.topic-row.dk .topic img, .topic-row .topic img, .topic img {
			max-width: 35px;
		}
}


/* ------------------------------------------------------------------------ Images */

img {
	max-width: 100%;
	height: auto !important;
	width: 100%;
	transition: all .25s ease;
}

.img-w-25, .img-w-50, .img-w-75 {
	max-width: 50%;
	transition: all .25s ease;
}

@media (min-width: 768px) {
	.img-w-25 {
		max-width: 25%;
		transition: all .25s ease;
	}

	.img-w-50 {
		max-width: 50%;
		transition: all .25s ease;
	}

	.img-w-75 {
		max-width: 75%;
		transition: all .25s ease;
	}
	
}

/* ------------------------------------------------------------------------ SVG's */

svg {
	width: 1rem;
	height: 1rem;
}

/* ------------------------------------------------------------------------ Horizontal Rules */

hr, .hr {
	margin: 1.5rem auto;
}

@media (min-width: 1400px) {
	hr, .hr {
		margin: 3rem auto;
	}
}


/* ------------------------------------------------------------------------ Additional Utility Classes/Bootstrap Overrides */

.p-section {
	padding: var(--section-p) 0 !important;
}

.pt-section {
	padding-top: var(--section-p) !important;
}

.pb-section {
	padding-bottom: var(--section-p) !important;
}

.pt-section-sm {
	padding-top: var(--section-p-sm) !important;
}

.pb-section-sm {
	padding-bottom: var(--section-p-sm) !important;
}

.pe-section-sm {
	padding-right: var(--section-p-sm) !important;
}

.ps-section-sm {
	padding-left: var(--section-p-sm) !important;
}

.mt-section-sm {
	margin-top: var(--section-p-sm) !important;
}

.mb-section-sm {
	margin-bottom: var(--section-p-sm) !important;
}

.me-section-sm {
	margin-right: var(--section-p-sm) !important;
}

.ms-section-sm {
	margin-left: var(--section-p-sm) !important;
}

.sticky-top {
	top: calc(var(--header-height-scroll) + var(--section-p-sm));
}



/* =============================================================================================
	HEADER
============================================================================================= */

.print-header {
	display: none;
}

.logo-row {
	height: 0;
}

.logo-container {
	position: relative;
	text-align: center;
	top: -4em;
	height: auto;
}

	.logo-container .logo {
		max-width: 20em;
		width: 100%;
		transition: all .25s ease;
	}

.header--scroll .logo__img {
	max-width: 10rem;
}

.header {
	z-index: 1;
}

.navbar--fixed-top {
	padding: 1rem;
	transition: all .25s ease;
}

@media (min-width: 768px) {
	.logo__error-page {
		margin: 1.5rem auto 2.5rem auto;
		float: none;
	}

	.logo-container {
		position: relative;
		text-align: center;
		top: -11em;
		height: 2em;
	}

		.logo-container .logo {
			max-width: 28em;
			transition: all .25s ease;
		}
}

@media (min-width: 992px) {

	.header--scroll .navbar--fixed-top {
		padding: .5rem;
		background-color: rgba(255,255,255,.75) !important;
		backdrop-filter: blur(8px);
	}

	.logo-container {
		top: -11em;
		transition: all .25s ease;
	}

		.logo-container .logo {
			max-width: 28em;
			transition: all .25s ease;
		}
}

@media (min-width: 1200px) {
	.logo-container {
		top: -11em;
	}

		.logo-container .logo {
			max-width: 35em;
			transition: all .25s ease;
		}
}


/* ------------------------------------------------------------------------ Seach Area */

.search-trigger {
	cursor: pointer;
	padding-top: .5rem;
	width: 14rem;
	background-color: var(--grey-md);
	border-color: var(--grey-md);
	padding: .625rem 1.25rem;
	color: var(--white);
	text-transform: uppercase;
	font-weight: 700;
}

.search-trigger__icon {
	width: 2.5rem;
	height: 2rem;
	align-self: center;
	justify-self: end;
	border-radius: 50%;
	background: url(../../images/search-icon-reverse.svg) no-repeat center;
	background-size: 1.375rem;
	transition: all .25s ease;
}


@media (min-width: 992px) {
	.search-trigger {
		cursor: pointer;
		border-top: none;
		padding: 0;
		background-color: transparent;
		border: 0;
		width: auto;
	}

	.search-trigger__icon {
		height: 2.5rem;
		background-image: url(../../images/search-icon.svg);
		background-size: 1.375rem;
	}

	.search-trigger:hover .search-trigger__icon {
		background-color: var(--black);
		background-image: url(../../images/search-icon-reverse.svg);
		background-size: 1.375rem;
	}
}


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

.modal.fade .modal-dialog {
	transform: unset;
}

.supporting-data img {
	width: 100%;
	margin-bottom: 1.25em;
}

.supporting-data .icon {
	max-width: 150px;
}

.supporting-data .icon-graphic {
	max-width: 250px;
}

/* =============================================================================================
	MAIN CONTENT AREA
============================================================================================= */

@media (min-width: 1680px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
		max-width: 1600px;
	}
}


/* ------------------------------------------------------------------------ Sections */

.section {
	padding: var(--section-p) 0;
}

.section--sm {
	padding: var(--section-p-sm) 0;
}

.section--xs {
	padding: var(--section-p-xs) 0;
}

.section.raise-content {
	position: relative;
	top: -4em;
	z-index: 2;
	height: 0;
	padding-bottom: 0;
	transition: all .25s ease;
}

.section.raise-content-home {
	position: relative;
	top: -3em;
	z-index: 2;
	padding-bottom: 1em;
	transition: all .25s ease;
}

.section--grey {
	background-color: var(--grey-lt);
}

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

.section--blue-gradient {
	background-color: rgb(178,230,242);
	background-color: linear-gradient(180deg, rgba(178,230,242,1) 0%, rgba(158,223,239,1) 50%, rgba(8,175,213,1) 100%);
}

.section--gradient {
	background: rgb(220,229,126);
	background: linear-gradient(135deg, rgba(220,229,126,1) 0%, rgba(217,230,147,1) 7%, rgba(211,232,182,1) 25%, rgba(206,234,217,1) 55%, rgba(206,234,216,1) 60%, rgba(203,235,233,1) 75%, rgba(201,236,248,1) 100%);
}

.section--curve {
	border-radius: 0 0 50px 50px;
	box-shadow: 0 0px 15px rgba(0,0,0,0.2);
}

.section--half-curve {
	border-radius: 0 0 0 50px;
	box-shadow: 0 10px 15px rgba(0,0,0,0.2);
}

.section-right-corner-background {
	background-image: url("/images/right-corner-background.png"), linear-gradient(135deg, rgba(220,229,126,1) 0%, rgba(217,230,147,1) 7%, rgba(211,232,182,1) 25%, rgba(206,234,217,1) 55%, rgba(206,234,216,1) 60%, rgba(203,235,233,1) 75%, rgba(201,236,248,1) 100%);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
}

.z-index-2 {
	position: relative;
	z-index: 2;
}

.yellow-corner {
	position: fixed;
	left: 0;
	top: 0;
	width: 20%;
}

.category-corner {
	position: relative;
	left: 0;
	top: 0;
	text-align: center;
	transition: all .25s ease;
}

.corner-icon {
	background-color: var(--blue-md);
	padding: 1em;
	border-radius: 100%;
	margin-bottom: 1em;
	display: inline-block;
}

.category-corner img {
	max-width: 3em;
	margin: 0 auto;
	transition: all .25s ease;
}

@media (min-width: 576px) {
	.section.raise-content-home {
		top: -2em;
		padding-bottom: 2em;
	}

	.section.raise-content {
		top: -4em;
	}
}

@media (min-width: 768px) {
	.section.raise-content {
		top: -10em;
	}

	.category-corner {
		position: absolute;
	}

	.corner-icon {
		padding: 1em 2em 2em 1em;
		border-radius: 0 0 60% 0;
		transition: all .25s ease;
		margin-bottom: 0;
	}

	.category-corner img {
		max-width: 3em;
		transition: all .25s ease;
	}
}

@media (min-width: 992px) {
	.section.raise-content-home {
		top: -2em;
		padding-bottom: 2em;
	}

	.section.raise-content {
		top: -12em;
	}

	.corner-icon {
		padding: 1em 2.5em 2.5em 1em;
		transition: all .25s ease;
	}

	.category-corner img {
		max-width: 5em;
		transition: all .25s ease;
	}
}

@media (min-width: 1200px) {
	.section.raise-content-home {
		top: 0;
		padding-bottom: 4em;
	}

	.section.raise-content {
		top: -8em;
	}
}


/* ------------------------------------------------------------------------ Full Width Image */

.full-width-image {
	position: relative;
	overflow: hidden;
}

.full-width--image__area {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 18em;
}

.background-image-top {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 25em;
}

.image__area__left {
	left: 0;
}

.image__area__right {
	right: 0;
}

@media (min-width: 768px) {
	.full-width--image__area {
		overflow: hidden;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 50%;
		min-width: 1px;
		max-width: none;
		height: 100%;
		min-height: 100%;
		max-height: none;
		margin: 0;
		z-index: 0;
	}

	.full-height {
		height: 100vh;
	}
}

.full-width-image {
	min-height: 100vh
}

.bg-image {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}



/* ------------------------------------------------------------------------ Curve Overlay */

.side-curve-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('../../images/top-curve-overlay.svg');
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

.top-curve-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('../../images/background-swoop.png');
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

@media (min-width: 768px) {
	.side-curve-overlay {
		background-image: url('../../images/side-curve-overlay.svg');
		height: 100%;
		width: 100%;
		background-position: right;
		background-size: cover;
	}
}

/* ------------------------------------------------------------------------ Cards */

.card {
	border-radius: 0;
	border: 0;
}

.card--border {
	border: 2px solid var(--grey-lt);
}

.card-body {
	padding: 2rem;
}

.card a {
	text-decoration: none;
	color: inherit;
	transition: all 0.25s ease-in-out;
}


/* ------------------------------------------------------------------------ List Group */

.list-group {
	border-radius: 0;
}

.list-group-item {
	padding: .75rem 1rem;
	color: var(--black);
	background-image: none;
}

	.list-group-item:last-child {
		padding-bottom: .75rem;
	}


/* ------------------------------------------------------------------------ Accordions */

.accordion-button {
	border: 1px solid transparent;
}

	.accordion-button:not(.collapsed) {
		color: var(--black);
		background-color: var(--grey-lt);
	}

		.accordion-button:not(.collapsed)::after {
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		}

	.accordion-button:focus {
		outline: solid thin rgba(0, 0, 0, 0.5);
		box-shadow: none;
		border: 1px solid transparent;
	}

.accordion-flush .accordion-item:last-child {
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.accordion-flush .accordion-button {
	padding: 1rem .5rem;
}

.accordion-flush .accordion-body {
	padding: 1rem .5rem;
}


/* ------------------------------------------------------------------------ Tables */

/*Override table inline styles*/

.table[style] {
	width: 100% !important;
	height: auto !important;
}

.table td[style],
.table th[style] {
	height: auto !important;
}


.table {
	margin-bottom: 0;
}

	.table td, .table th {
		border-bottom: 1px solid var(--grey-lt);
		padding: 1rem .5rem;
		vertical-align: middle;
	}

	.table th {
		font-weight: 500;
	}

	.table thead th {
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1.2;
	}


/* ------------------------------------------------------------------------ Pagination */

.pagination {
	flex-wrap: wrap;
	margin-top: 3rem;
}

.page-item {
	background-image: none;
	padding: 0;
	margin: 0 0 .5rem 0;
}

	.page-item:first-child .page-link, .page-item:last-child .page-link {
		border-radius: 0;
	}

.page-item--prev .page-link,
.page-item--next .page-link {
	background: var(--grey-md) url(../../images/arrow-white.svg) no-repeat center;
	background-size: .5rem;
}

.page-item--prev .page-link {
	transform: rotate(180deg);
}

	.page-item--prev .page-link:hover,
	.page-item--next .page-link:hover {
		background-color: var(--grey-dk);
		color: var(--white);
	}


.page-link {
	min-width: 2.5rem;
	height: 2.5rem;
	padding: .375rem .625rem 0 .625rem;
	color: var(--grey-dark);
	background-color: var(--white);
	border-color: var(--white);
	text-align: center;
	border-left: 1px solid var(--grey-lt);
}

	.page-link:hover {
		background-color: var(--grey-lt);
		border-color: var(--white);
		color: var(--grey-dk);
	}

.page-item.active .page-link {
	background-color: var(--grey-dk);
	border-color: var(--white);
	font-weight: bold;
}


@media (min-width: 1400px) {
	.page-link {
		min-width: 2.75rem;
		height: 2.75rem;
		padding: .5rem .75rem 0 .75rem;
	}

	.page-item--prev .page-link,
	.page-item--next .page-link {
		background-size: .75rem;
	}
}

/* ------------------------------------------------------------------------ Login Block */

.bubble-block {
	background-color: rgba(255,255,255,0.9);
	border-radius: 50px;
	padding: 3em;
	box-shadow: 0 0px 15px rgba(0,0,0,0.2);
}

.bubble-block-sm {
	background-color: #e7f4f6;
	border-radius: 35px;
	box-shadow: 0 0px 15px rgba(0,0,0,0.2);
	border: solid 4px var(--green);
}

	.bubble-block-sm .content {
		padding: 2em 5em;
	}

input.login-key {
	background-image: url(../../images/key.png);
	background-size: 26px;
	background-position: right;
	background-repeat: no-repeat;
}

@media (min-width: 768px) {
	.bubble-block-sm .content {
		padding: 2em 3em;
	}
}

@media (min-width: 1200px) {
	.bubble-block {
		background-color: rgba(255,255,255,0.95);
		border-radius: 100px;
		padding: 4em;
		box-shadow: 0 0px 15px rgba(0,0,0,0.2);
	}
}

/* ------------------------------------------------------------------------ Bottom Bubble Block */

.bottom-bubble {
	background-color: rgba(255,255,255,0.65);
	border-radius: 100px 100px 0 0;
	width: 100%;
	padding: 4em;
	box-shadow: 0 0px 15px rgba(0,0,0,0.2);
	text-align: center;
	position: fixed;
	bottom: 0;
}

/* ------------------------------------------------------------------------ Exit Bubble */

.exit-bubble {
	z-index: 3;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center;
}

.blue-data {
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--blue-water);
	max-width: 4em;
	padding: 0.5em 1em 1.5em 1.5em;
	border-radius: 0 30px 0 100%;
	transition: all .25s ease;
}

@media (min-width: 768px) {
	.blue-data {
		max-width: 6em;
		padding: 1em 1em 2.5em 2.5em;
		transition: all .25s ease;
	}
}

/* ------------------------------------------------------------------------ Forms */

.required-input {
	color: var(--error) !important;
	font-size: 0.875rem;
	font-weight: 700;
}

label {
	display: block;
	font-weight: bold;
	color: var(--blue);
	font-size: 2.5em;
	letter-spacing: 0;
	margin-bottom: 0.5em;
}

legend {
	font-size: 1rem;
}

input, textarea {
	background-color: rgba(255,255,255,0);
	border: 0;
	border-bottom: solid 3px var(--blue);
	font-size: 1.5em;
	width: 100%;
	margin-bottom: 0.5em;
}

.form-control, .form-select {
	border-radius: 0;
	border-color: var(--grey-lt);
	padding: .625rem .75rem;
	color: var(--black);
	font-size: 1rem;
}

.form-control-lg.form-control--file {
	font-size: 1rem;
}

.form-control:focus, .form-select:focus, .form-check-input:focus {
	color: var(--black);
	border-color: var(--grey-lt);
	outline: 0;
	box-shadow: 0 0 0 0.125rem rgb(0 0 0 / 25%);
}


.form-check-input {
	border: 1px solid var(--grey-lt);
}

	.form-check-input[type=checkbox] {
		border-radius: 0;
	}

	.form-check-input:checked {
		background-color: var(--grey-dk);
		border-color: var(--grey-dk);
	}

.checkbox-link {
	padding-left: 1.5rem;
}


.form-switch .form-check-input {
	border-radius: 2em;
}

	.form-switch .form-check-input:focus {
		background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e);
	}

.form-text {
	margin-top: .5rem;
	font-size: .875rem;
	color: var(--grey-md);
}

button, [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
	border: 0;
	font-weight: bold;
	cursor: pointer;
}

@media (min-width: 1400px) {
	legend,
	.form-control,
	.form-select,
	.form-control-lg.form-control--file,
	.form-check-label {
		font-size: 1.125rem;
	}

	.form-check-input {
		margin-top: .313rem;
	}

	.form-text {
		margin-top: .5rem;
		font-size: 1rem;
		color: var(--grey-md);
	}
}


/* ------------------------------------------------------------------------ To Top */

.to-top {
	position: fixed;
	opacity: 0;
	bottom: 1rem;
	right: 1rem;
	text-align: center;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
	background: var(--grey-dk) url(../../images/arrow-white.svg) no-repeat center;
	background-size: 1rem;
	border-radius: 50%;
	z-index: 10;
	visibility: hidden;
	transform: rotate(-90deg);
	transition: all .25s ease;
}

	.to-top:hover {
		background-color: var(--grey-md)
	}

	.to-top.show {
		opacity: 1;
		visibility: visible;
	}



/* =============================================================================================
	FOOTER
============================================================================================= */

.dashboard-footer {
}

	.dashboard-footer p {
		font-size: 0.75em;
		margin-bottom: 0;
	}

.organon-logo {
	max-width: 14em;
}

.paab-logo {
	max-width: 5em;
}

.print-footer {
	display: none;
}

.footer {
	margin-top: auto !important;
	padding: var(--section-p-sm);
}

.rkd {
	display: inline-block;
	width: 5.625rem;
}

.footer__link {
	margin-right: 1rem;
	text-transform: uppercase;
	text-decoration: none;
}

	.footer__link:hover {
		text-decoration: underline;
	}

.social__icon {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 .5rem 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid var(--grey-lt);
	border-radius: 50%;
	background-size: 2rem 2rem;
}

	.social__icon:hover {
		background-color: var(--grey-lt);
	}

.social__icon--twitter {
	background-image: url(../../images/social-twitter.svg);
}

.social__icon--facebook {
	background-image: url(../../images/social-facebook.svg);
}

.social__icon--youtube {
	background-image: url(../../images/social-youtube.svg);
}

.social__icon--instagram {
	background-image: url(../../images/social-instagram.svg);
}

.social__icon--linkedin {
	background-image: url(../../images/social-linkedin.svg);
}