/*
Theme Name: Generix
Author: Tiller Digital
Version: 1.1.4
License: GNU General Public License v3 or later
*/



/* VARIABLES */

html {
	--page-head-height: 96rem;
	--page-head-height-compressed: 96rem;
	--frame-width: 1216rem;

	--col-1: 72rem;
	--col-2: 176rem;
	--col-3: 280rem;
	--col-4: 384rem;
	--col-5: 488rem;
	--col-6: 592rem;
	--col-7: 696rem;
	--col-8: 800rem;
	--col-9: 904rem;
	--col-10: 1008rem;
	--col-11: 1112rem;
	--col-12: 1216rem;

	--white: #FFFFFF;
	--black: #000000;

	--navy: #334F5D;
	--light-navy: #667B85;
	--dark-navy: #002334;

	--green: #00A59A;
	--light-green: #CCEDEB;
	--dark-green: #00635C;
	--bright-green: #00A59A;

	--grey: #A5B7BD;
	--light-grey: #EDF1F2;
	--dark-grey: #6A767A;

	--salmon: #E8A08C;
	--light-salmon: #F6E8E4;

	--neon-yellow: #ECFF1F;

	--primary-orange: #F28A48;
	--light-orange: #FCE8DA;
}

@media screen and (max-width: 960px) {
	html {
		--page-head-height: 64rem;
		--page-head-height-compressed: 64rem;
		--frame-width: 500rem;
	}
}



/* REM SCALING */

html {font-size: 1px;}

@media screen and (max-width: 1520px) {html{font-size: 0.9583333px;}}
@media screen and (max-width: 1440px) {html{font-size: 0.9166666px;}}
@media screen and (max-width: 1360px) {html{font-size: 0.875px;}}
@media screen and (max-width: 1280px) {html{font-size: 0.8333333px;}}
@media screen and (max-width: 1200px) {html{font-size: 0.7966666px;}}
@media screen and (max-width: 1120px) {html{font-size: 0.75px;}}
@media screen and (max-width: 960px) {html{font-size: 1px;}}

@media screen and (min-width: 1921px) {html{font-size: 1.25px;}}
@media screen and (min-width: 2401px) {html{font-size: 1.3333333px;}}



/* TEXT */

html {
	scroll-behavior: smooth;
	overflow-y: scroll;
	scroll-padding-top: 128px;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0;
	font-family: 'general-sans', sans-serif;
	font-size: 20rem;
	line-height: 1.5;
	color: var(--dark-navy);
	background: var(--white);
}

h1, h2, h3, h4, h5, h6,
.b-h1, .b-h2, .b-h3, .b-h4, .b-h5, .b-h6 {
	margin: 1.25em 0 0 0;
	line-height: 1.25;
	font-weight: 600;
	text-wrap: balance;
}

h1, .b-h1 {font-size: 60rem; line-height: 1.15;}
h2, .b-h2 {font-size: 48rem;}
h3, .b-h3 {font-size: 36rem;}
h4, .b-h4 {font-size: 28rem;}
h5, .b-h5 {font-size: 20rem;}
h6, .b-h6 {font-size: 16rem;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;}
.b-h1 a, .b-h2 a, .b-h3 a, .b-h4 a, .b-h5 a, .b-h6 a {color: inherit;}

.b-eyebrow {font-size: 18rem; font-weight: 600; margin-bottom: 8rem; opacity: 0.8;}
.b-eyebrow + * {margin-top: 0;}

.b-pill {
	display: inline-block;
	font-weight: 600;
	margin-bottom: 8rem;
	background: var(--light-orange);
	color: var(--dark-navy);
	border-radius: 8rem;
	padding: 7rem 12rem;
	font-size: 18rem;
	line-height: 18rem;
}

.b-pill + * {margin-top: 0;}


.b-stat-number {
	font-size: 60rem;
	margin: 32rem 0 -16rem;
	font-weight: 500;
	line-height: 1.15;
}

.b-stat-number em {
	font-size: 16rem;
	font-style: normal;
	font-weight: 400;
}

.b-text-large {font-size: 22rem;}
.b-text-small {font-size: 16rem;}

@media screen and (max-width: 960px) {
	html {scroll-padding-top: 64px;}
	body {font-size: 16rem;}

	h1, .b-h1 {font-size: 32rem; line-height: 1.25;}
	h2, .b-h2 {font-size: 24rem;}
	h3, .b-h3 {font-size: 20rem;}
	h4, .b-h4 {font-size: 18rem;}
	h5, .b-h5 {font-size: 16rem;}
	h6, .b-h6 {font-size: 16rem;}

	.b-stat-number {font-size: 48rem; margin: 12rem 0 -12rem;}

	.b-text-large {font-size: 18rem;}
	.b-text-small {font-size: 14rem;}

	.b-page h1 br,
	.b-page h2 br,
	.b-page h3 br,
	.b-page h4 br,
	.b-page h5 br,
	.b-page h6 br {display: none;}
}



/* BASIC TAGS */

p {
	margin: 0.75em 0;
}

ul, ol {
	margin: 0.75em 0;
	padding: 0 0 0 1.25em;
}

ul {
	list-style: circle;
}

li {
	margin: 0.5em 0;
}

strong, b {
	font-weight: 600;
}

em, i {
	font-style: italic;
}

img, svg {
	display: block;
	max-width: 100%;
	height: auto;
	border: none;
}

figure {
	max-width: 100%;
	margin: 48rem 0;
}

figcaption {
	margin-top: 16rem;
	font-size: 16rem;
}

blockquote {
	position: relative;
	background: var(--light-green);
	margin: 48rem 0;
	padding: 48rem;
	border-radius: 16rem;
}

blockquote::before {
	content: '';
	display: block;
	width: 32rem;
	height: 16rem;
	background: url(assets/images/ui-quote.svg) no-repeat center / 100%;
	margin-bottom: 16rem;
}

hr {
	margin: 48rem 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 1rem solid var(--grey);
	clear: both;
}

table {
	margin: 48rem 0;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table td {
	padding: 8rem;
	border: 1rem solid var(--grey);
	border-width: 1rem 0;
}

iframe {
	display: block;
	width: 100%;
	border: none;
	overflow: auto;
}

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

nav li {
	margin: 0;
}

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

@media screen and (max-width: 960px) {
	blockquote {padding: 24rem; margin: 32rem 0;}
}



/* LINKS */

a {
	color: var(--green);
	background-color: transparent;
	text-decoration: none;
	transition: color 0.25s;
}

a:hover {color: var(--dark-navy);}
a svg {fill: currentColor;}
button svg {fill: currentColor;}



/* BUTTON */

.b-button {
	cursor: pointer;
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
	color: var(--dark-navy);
	font-family: inherit;
	font-weight: 600;
	font-size: 18rem;
	line-height: 18rem;
	width: auto;
	padding: 23rem 32rem;
	margin: 0;
	background: var(--primary-orange);
	border: none;
	border-radius: 8rem;
	text-align: center;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: color 0.25s, background 0.25s, box-shadow 0.25s;
}

.b-button:hover {
	color: var(--white);
	background-color: var(--dark-navy);
}


.b-button.alt-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

.b-button.alt-arrow span {
	text-align: left;
}

.b-button.alt-arrow svg {
	flex: 0 0 auto;
	width: 32rem;
	height: 24rem;
	margin-left: 12rem;
	transition: transform 0.25s;
}

.b-button.alt-arrow:hover svg {
	transform: translate(8rem, 0);
}

.b-button.alt-small {
	padding: 15rem 24rem;
}

.b-button.alt-green {background-color: var(--green); color: var(--white); box-shadow: none;}
.b-button.alt-green:hover {background-color: var(--dark-navy); color: var(--white);}

.b-button.alt-outline {background-color: transparent; color: var(--dark-navy); box-shadow: inset 0 0 0 2rem var(--dark-navy);}
.b-button.alt-outline:hover {background-color: var(--dark-navy); color: var(--white); box-shadow: inset 0 0 0 2rem var(--dark-navy);}

.b-button.alt-text {background-color: transparent; color: var(--primary-orange); box-shadow: none; padding: 0; font-size: inherit;}
.b-button.alt-text:hover {background-color: transparent; color: var(--dark-navy); box-shadow: none;}

.b-button.alt-close {width: 32rem; height: 32rem; padding: 0; box-shadow: none; color: var(--dark-navy); text-indent: -9999rem; background: var(--light-grey);}
.b-button.alt-close:hover {background-color: var(--dark-navy); color: var(--white);}

.b-buttons {margin: 24rem -12rem 0;}
.b-buttons .b-button {margin: 12rem 12rem 0;}
.b-buttons:first-child {margin-top: -12rem;}

@media screen and (min-width: 961px) {
	.b-buttons.alt-stacked .b-button.alt-text:not(:last-child) {margin-bottom: 18rem;}
}

@media screen and (max-width: 960px) {
	.b-buttons {margin-top: 12rem;}
}




/* TEXT INPUT & TEXTAREA */

.b-input,
.b-textarea,
.b-select {
	box-sizing: border-box;
	color: #000;
	font-family: inherit;
	font-size: 16rem;
	line-height: 40rem;
	height: 40rem;
	width: 100%;
	padding: 0 15rem;
	background: #fff;
	box-shadow: inset 0 0 0 1px #ccc;
	border: none;
	border-radius: 5rem;
	transition: box-shadow 0.25s;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.b-textarea {
	display: block;
	line-height: 1.5em;
	padding: 7.5rem 15rem;
	height: 160rem;
	resize: vertical;
}

.b-select {
	cursor: pointer;
	padding-right: 30rem;

}

.b-select::-ms-expand {
	display: none;
}



/* PAGE */

.b-page {
	border-right: 0 solid #fff; /* used when scroll is disabled */
	max-width: 100%;
	min-width: 320px;
	overflow: hidden;
}

.b-page-head {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	height: var(--page-head-height);
	transition:  height 0.25s;
}

.b-page[data-scroll] .b-page-head {
	position: fixed;
	top: calc(var(--page-head-height-compressed) * -1) !important;
	height: var(--page-head-height-compressed);
	transition: transform 0.25s;
}

.b-page[data-scroll="up"] .b-page-head {
	transform: translate(0, 100%);
}

.b-page-body {
	position: relative;
	z-index: 1;
	border-top: var(--page-head-height) solid var(--dark-navy);
}

/*.b-page-body > .b-section:first-child {padding-top: var(--page-head-height);}
.b-page-body > .b-section.alt-clear-nav:first-child {padding-top: 0; margin-top: var(--page-head-height);}*/

#toggle-nav:checked ~ .b-page[data-scroll] .b-page-head {transform: translate(0, 100%);}



/* FRAME & SPACER */

.b-frame {
	position: relative;
	max-width: var(--frame-width);
	margin: 0 auto;
	padding: 128rem 32rem;
	z-index: 1;
}

.b-spacer {
	display: block;
	clear: both;
}

.b-spacer[data-height="0"] {height: 32rem;}
.b-spacer[data-height="1"] {height: 64rem;}
.b-spacer[data-height="2"] {height: 128rem;}

@media screen and (max-width: 960px) {
	.b-frame {padding: 64rem 24rem;}
	.b-spacer[data-height="0"],
	.b-spacer[data-height="1"] {height: 32rem;}
	.b-spacer[data-height="2"] {height: 64rem;}
}



/* NAV & MODAL */

.b-nav,
.b-modal {
	display: flex !important;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	overflow: hidden;
	position: fixed;
	z-index: 4;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s 0.25s, opacity 0.25s;
}

.b-nav-overlay,
.b-modal-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #001823;
	opacity: 0.6;
}

.b-nav-content,
.b-modal-content {
	width: calc(100% - 64rem);
	max-width:  var(--frame-width);
	max-height: 100%;
	transform: translate(0, 64rem);
	transition: transform 0.25s;
}

#toggle-nav:checked ~ .b-nav,
.b-modal-open .b-modal {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
	transition: visibility 0s 0s, opacity 0.25s;
}

#toggle-nav:checked ~ .b-nav .b-nav-content,
.b-modal-open .b-modal .b-modal-content {
	transform: translate(0, 0);
}

/* nav */

.b-nav {top: var(--page-head-height); align-items:flex-start;}
.b-nav-overlay {background:var(--dark-navy); opacity:1;}
.b-nav-content {
	height: 100%;
	overflow: auto;
	transform: translate(0, -64rem);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}

.b-nav-content::-webkit-scrollbar {
	display: none;
}

@media screen and (max-width: 960px) {
	.b-nav-content {width: 100%;}
	.b-modal-content {width: calc(100% - 32rem);}
}



/* SKIP LINKS */

.b-skip-links {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	padding: 8rem;
}

.b-skip-links a {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.25s;
}

.b-skip-links a:focus {opacity: 1;}

@media screen and (max-width: 960px) {
	.b-skip-links {display: none;}
}



/* COLUMNS */

.b-columns {
	display: flex;
	flex-wrap: wrap;
	margin: -16rem;
}

.b-column {
	padding: 16rem;
	box-sizing: border-box;
	flex: 0 0 auto;
	align-items: stretch;
}

.b-column[data-width="1"] {width: 8.3333333%;}
.b-column[data-width="2"] {width: 16.666666%;}
.b-column[data-width="3"] {width: 25%;}
.b-column[data-width="4"] {width: 33.333333%;}
.b-column[data-width="5"] {width: 41.666666%;}
.b-column[data-width="6"] {width: 50%;}
.b-column[data-width="7"] {width: 58.333333%;}
.b-column[data-width="8"] {width: 66.666666%;}
.b-column[data-width="9"] {width: 75%;}
.b-column[data-width="10"] {width: 83.333333%;}
.b-column[data-width="11"] {width: 91.666666%;}
.b-column[data-width="12"] {width: 100%;}

.b-column[data-width="1/1"] {width: 100%;}
.b-column[data-width="1/2"] {width: 50%;}
.b-column[data-width="1/3"] {width: 33.333333%;}
.b-column[data-width="1/4"] {width: 25%;}
.b-column[data-width="1/5"] {width: 20%;}
.b-column[data-width="1/6"] {width: 16.666666%;}
.b-column[data-width="1/7"] {width: 14.285714%;}
.b-column[data-width="1/8"] {width: 12.5%;}
.b-column[data-width="1/9"] {width: 11.111111%;}
.b-column[data-width="1/10"] {width: 10.000%;}
.b-column[data-width="1/11"] {width: 9.0909090%;}
.b-column[data-width="1/12"] {width: 8.3333333%;}

/* alts */

.b-columns.alt-collapse {margin: 0;}
.b-columns.alt-collapse .b-column {padding: 0;}

.b-columns.alt-bottom {margin-bottom: -32rem;}
.b-columns.alt-bottom .b-column {padding-bottom: 32rem;}

.b-columns.alt-center {justify-content: center;}
.b-columns.alt-middle {align-items: center;}

.b-columns.alt-flickity {overflow: hidden; justify-content: flex-start; flex-wrap: nowrap;}
.b-columns.alt-flickity.flickity-enabled {overflow: visible; display: block; margin-top: 0; margin-bottom: 0;}
.b-columns.alt-flickity.flickity-enabled .b-column {display: block; padding-top: 0; padding-bottom: 0;}
.b-columns.alt-flickity.flickity-enabled.alt-middle .b-column {display: flex; flex-direction: column; justify-content: center;}

@media screen and (min-width: 961px) {
	.b-columns.alt-tight {margin: -12rem;}
	.b-columns.alt-tight .b-column {padding: 12rem;}

	.b-columns.alt-loose {margin: -24rem;}
	.b-columns.alt-loose .b-column {padding: 24rem;}
}

@media screen and (max-width: 960px) {
	.b-columns {margin: -12rem;}
	.b-columns .b-column {padding: 12rem;}
	.b-column[data-width] {width: 100%;}

	.b-columns.alt-bottom {margin-bottom: -24rem;}
	.b-columns.alt-bottom .b-column {padding-bottom: 24rem;}

	.b-columns.alt-flickity.flickity-enabled {margin-left: -6rem; margin-right: -6rem;}
	.b-columns.alt-flickity.flickity-enabled .b-column {padding-left: 6rem; padding-right: 6rem;}
}



/* UTILITY */

.b-scrollbar {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}

.b-disabled {
	opacity: 0.25 !important;
	pointer-events: none !important;
}

.b-hidden {
	display: none !important;
}

.b-box {
	background: #eee;
	min-height: 20rem;
}

.b-img {
	overflow: hidden;
	display: block;
}

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

.b-img-fallback {
	border-radius: 16rem;
	box-sizing: border-box;
	border: 1rem dashed currentColor;
}

.b-img-offset {
	pointer-events: none;
}

.b-img-offset .b-img {
	max-width: none;
}

.b-loading * {
	transition: none !important;
}


@media screen and (min-width: 961px) {
	.b-page .b-desktop-hidden {display: none !important;}
	.b-text-shadow {text-shadow: 1.5rem 1.5rem 0 #000;}
}

@media screen and (max-width: 960px) {
	.b-img {margin: 0 !important;}
	.b-page .b-mobile-hidden {display: none !important;}
}



/* ANNOUNCEMENT */

.b-announcement {
	position: relative; 
	overflow: hidden; 
	background: var(--primary-orange);
	font-size: 14rem;
	font-weight: 500;
	padding: 12rem 24rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-items: center;
	justify-content: center;
}

.b-announcement a {
	color: var(--dark-navy);
	font-weight: 600;
	text-decoration: underline;
	margin-left: 16rem;
}

.b-announcement a:hover {
	color: var(--light-navy);
}

.b-announcement button {
	display: inline-block;
	width: 12rem;
	height: 12rem;
	background: no-repeat center url(assets/images/ui-close-dark.svg);
	margin: 0 0 0 16rem;
	border: none;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	text-indent: -9999rem;
	overflow: hidden;
}

@media screen and (max-width: 960px){
	.b-announcement {align-items: flex-start;}
	.b-announcement button {transform: translate(6rem, 6rem);}

	#toggle-nav:checked ~ .b-page .b-announcement {opacity: 0; pointer-events: none;}
	#toggle-nav:checked ~ .b-page:not([data-scroll]) .b-page-head {top: 0 !important;}
}



/* BROKEN IMAGES */

img {position: relative; outline: none;}
img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 16rem;
	box-sizing: border-box;
	border: 1rem dashed currentColor;
}



/* MARGIN OVERWRITES */

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0 !important;
}

p:first-child,
ul:first-child,
ol:first-child,
li:first-child,
blockquote:first-child,
hr:first-child,
table:first-child {
	margin-top: 0 !important;
}

p:last-child,
ul:last-child,
ol:last-child,
li:last-child,
blockquote:last-child,
hr:last-child,
table:last-child {
	margin-bottom: 0 !important;
}



/* YOUTUBE IFRAMES */

.b-youtube {
	position: relative;
	overflow: hidden;
}

.b-youtube a {
	color: var(--white);
	text-decoration: underline;
	cursor: pointer;
}

.b-youtube p:empty {
	display: none;
}

.b-youtube iframe {
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
	background: #000 !important;
	border-radius: 16rem;
}

.b-youtube-disabled {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--col-6);
	max-width: 90%;
	text-align: center;
	color: var(--white);
	transform: translate(-50%, -50%);
}

.b-youtube iframe[data-src-disabled] ~ .b-youtube-disabled {
	display: block;
}



/* WORDPRESS */

body#tinymce {
	padding: 8rem;
	color: #000 !important;
}

.aligncenter {
	clear: both;
	margin: 32rem auto;
}

.alignleft {
	clear: left;
	float: left;
	margin: 0 32rem 32rem 0;
}

.alignright {
	clear: right;
	float: right;
	margin: 0 0 32rem 32rem;
}

.alignnone{
	clear: both;
	margin: 32rem auto 32rem 0;
}

p:first-child .aligncenter,
p:first-child .alignnone {margin-top: 0 !important;}

p:last-child .aligncenter,
p:last-child .alignnone {margin-bottom: 0 !important;}

@media screen and (max-width: 960px) {
	.aligncenter,
	.alignleft,
	.alignright {float: none; margin: 32rem auto;}

	.smartWidget {overflow: auto;}
}



/* INVERTED */

[data-inverted] {color: var(--white);}
[data-inverted] li::marker {color: var(--white);}

[data-inverted] .b-pill {background-color: var(--light-navy); color: var(--white);}

[data-inverted] .b-button {box-shadow: none;}
[data-inverted] .b-button:hover {background: var(--white); color: var(--dark-navy);}

[data-inverted] .b-button.alt-outline {color: var(--white); box-shadow: inset 0 0 0 2rem var(--white);}
[data-inverted] .b-button.alt-outline:hover {background-color: var(--white); color: var(--dark-navy); box-shadow: inset 0 0 0 2rem var(--white);}

[data-inverted] .b-button.alt-text {color: var(--primary-orange);}
[data-inverted] .b-button.alt-text:hover {color: var(--white); background: none;}

[data-inverted] .flickity-button {color: var(--white);}
[data-inverted] .flickity-button:hover {color: var(--light-green);}


/* ANIMATIONS */

@media screen and (min-width: 961px) {

	.animate-slideright[data-animate] {
		opacity: 0;
		transform: translate(-50rem, 0);
		transition: opacity 0.5s, transform 0.5s;
		transition-delay: 0.5s;
	}

	.animate-slideleft[data-animate] {
		opacity: 0;
		transform: translate(50rem, 0);
		transition: opacity 0.5s, transform 0.5s;
		transition-delay: 0.5s;
	}

	.animate-slideup[data-animate] {
		opacity: 0;
		transform: translate(0, 100rem);
		transition: opacity 0.5s, transform 0.5s;
		transition-delay: 0.5s;
	}

	.animate-slidedown[data-animate] {
		opacity: 0;
		transform: translate(0, -100rem);
		transition: opacity 0.5s, transform 0.5s;
		transition-delay: 0.5s;
	}

	.animate-slidedownbg[data-animate] {
		transform: translate(0, -100rem);
		transition: transform 1s;
		transition-delay: 1.5s;
	}

	.animate-slidedownfooterlogo[data-animate] {
		transform: translate(0, -100rem);
		transition: transform 0.5s;
		transition-delay: 1s;
	}

	.animate-slideup[data-animate="true"],
	.animate-slidedown[data-animate="true"],
	.animate-slidedownbg[data-animate="true"],
	.animate-slidedownfooterlogo[data-animate="true"] {
		opacity: 1;
		transform: translate(0, 0);
	}

	.acf-block-preview [data-animate] {
		opacity: 1 !important;
		transform: translate(0, 0) !important;
	}
}


/* BREADCRUMBS */

.breadcrumbs {
	background-color: var(--white);
}
.breadcrumbs .b-frame {
	padding-bottom: 15px;
	padding-top: 15px;
}
#breadcrumbs {
	color: var(--dark-navy);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}
#breadcrumbs > span > span {
	padding: 4px 0;
}
#breadcrumbs > span > *:not(:last-child) {
	margin-right: 11px;
}
#breadcrumbs a {
	color: #5D6770;
}
#breadcrumbs .icon-home {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NjcgMTQuMTY2N0gxMy4zMzMzTTkuMTgxNDEgMi4zMDMzM0wzLjUyOTQ5IDYuNjk5MjdDMy4xNTE2OCA2Ljk5MzEyIDIuOTYyNzggNy4xNDAwNSAyLjgyNjY5IDcuMzI0MDVDMi43MDYxNCA3LjQ4NzA0IDIuNjE2MzMgNy42NzA2NSAyLjU2MTY5IDcuODY1ODhDMi41IDguMDg2MjcgMi41IDguMzI1NTggMi41IDguODA0MjFWMTQuODMzM0MyLjUgMTUuNzY2NyAyLjUgMTYuMjMzNSAyLjY4MTY2IDE2LjU5QzIuODQxNDQgMTYuOTAzNiAzLjA5NjQxIDE3LjE1ODUgMy40MTAwMiAxNy4zMTgzQzMuNzY2NTQgMTcuNSA0LjIzMzI1IDE3LjUgNS4xNjY2NyAxNy41SDE0LjgzMzNDMTUuNzY2OCAxNy41IDE2LjIzMzUgMTcuNSAxNi41OSAxNy4zMTgzQzE2LjkwMzYgMTcuMTU4NSAxNy4xNTg2IDE2LjkwMzYgMTcuMzE4MyAxNi41OUMxNy41IDE2LjIzMzUgMTcuNSAxNS43NjY3IDE3LjUgMTQuODMzM1Y4LjgwNDIxQzE3LjUgOC4zMjU1OCAxNy41IDguMDg2MjcgMTcuNDM4MyA3Ljg2NTg4QzE3LjM4MzcgNy42NzA2NSAxNy4yOTM5IDcuNDg3MDQgMTcuMTczMyA3LjMyNDA1QzE3LjAzNzIgNy4xNDAwNSAxNi44NDgzIDYuOTkzMTIgMTYuNDcwNSA2LjY5OTI3TDEwLjgxODYgMi4zMDMzM0MxMC41MjU4IDIuMDc1NjIgMTAuMzc5NCAxLjk2MTc3IDEwLjIxNzggMS45MThDMTAuMDc1MiAxLjg3OTM4IDkuOTI0ODQgMS44NzkzOCA5Ljc4MjIxIDEuOTE4QzkuNjIwNTcgMS45NjE3NyA5LjQ3NDE4IDIuMDc1NjIgOS4xODE0MSAyLjMwMzMzWiIgc3Ryb2tlPSIjMDkyNDM5IiBzdHJva2Utd2lkdGg9IjEuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
	display: inline-block;
	height: 20px;
	margin-top: -2px;
	vertical-align: middle;
	width: 20px;
}
#breadcrumbs .icon-separator {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJMMTAgOEw2IDQiIHN0cm9rZT0iI0QwRDVERCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
	display: inline-block;
	height: 16px;
	margin-top: -2px;
	vertical-align: middle;
	width: 16px;
}
@media screen and (min-width: 961px) {
	.breadcrumbs-header {
		display: block;
	}
	.breadcrumbs-footer {
		display: none;
	}
}
@media screen and (max-width: 960px) {
	.breadcrumbs-header {
		display: none;
	}
	.breadcrumbs-footer {
		display: block;
	}
}


/* QUICK LINKS */

.quick-links {
	background-color: var(--white);
	bottom: var(--wp-admin--admin-bar--height, 0px);
	box-sizing: border-box;
	box-shadow: -1px 0px 20px 0px rgba(0, 0, 0, 0.2);
	color: var(--dark-grey);
	max-height: calc(100% - var(--wp-admin--admin-bar--height, 0px));
	max-width: calc(277px + 48rem);
  	overflow-y: auto;
	position: fixed;
	padding: 1px 0 12px;
	right: 32rem;
	width: 100%;
	z-index: 2;
}
.quick-links .progress-wrapper {
	background: #B1C3C9;
	height: 1px;
	width: 100%;
}
.quick-links .progress-bar {
	background: var(--dark-navy);
	height: 2px;
	transition: width 0.15s linear;
	width: var(--progress, 0);
}
.quick-links .toggle-quick-links {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	justify-content: space-between;
	margin-top: 12px;
	padding: 0 10rem;
	text-transform: uppercase;
}
.toggle-quick-links .toggle-quick-links-icon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgOEw4IDFMMTUgOCIgc3Ryb2tlPSIjNkE3NjdBIi8+Cjwvc3ZnPg==");
	height: 7px;
	rotate: 0deg;
	transition: 0.25s;
	width: 14px;
}
.toggle-quick-links.toggled .toggle-quick-links-icon {
	rotate: 180deg;
}
.quick-links ul {
	display: none;
	list-style: none;
	margin: 11px 0 0;
	padding: 0 10rem;
}
.quick-links li {
	line-height: 0;
	margin: 0;
}
.quick-links li:not(:last-child) {
	margin-bottom: 10px;
}
.quick-links li.active a,
.quick-links a:hover {
	color: var(--dark-navy);
	transition: 0.25s;
}
.quick-links a {
	color: var(--dark-grey);
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}
@media screen and (min-width: 961px) {
	.quick-links ul {
		display: block;
	}
}
@media screen and (max-width: 960px) {
	.quick-links {
		max-width: none;
		right: 0;
		left: 0;
	}
}
@media screen and (max-width: 782px) {
	.quick-links {
		bottom: 0;
	}
}