/* FOOTER */

.FOOTER {
	position: relative;
	color: var(--dark-blue);
	background: var(--white);
	z-index: 1;
}

.FOOTER .b-frame {
	max-width: 1280rem;
}

.FOOTER a {
	cursor: pointer;
}

.FOOTER a:not(.b-button) {
	color: var(--dark-blue);
	text-decoration: none;
}

.FOOTER a:not(.b-button):hover {
	color: var(--dark-blue);
	text-decoration: underline;
}

/* main */

.FOOTER .main {
	padding-top: 80rem;
	padding-bottom: 0;
}

.FOOTER ul {
	list-style: none;
	padding-inline-start: 0;
}

.FOOTER ul li {
	padding-left: 0;
}

.FOOTER ul li::marker {
	content: '';
}

.FOOTER .heading {
	display: block;
	font-size: 16rem;
	font-weight: 800;
	color: #575D62;
	text-transform: uppercase;
	padding-bottom: 5rem;
	border-bottom: 1rem solid #898D91;
}

.FOOTER .children li {
	margin: 5rem 0 0;
}

.FOOTER .children li > .heading {
	margin-top: 40rem;
}

.FOOTER .children > li > a,
.FOOTER .grandchildren li a,
.FOOTER .greatgrandchildren li a {
	font-size: 14rem;
}

.FOOTER .subheading {
	display: inline-block;
	font-size: 14rem;
	font-weight: 700;
	color: #575D62;
	margin: 20rem 0 5rem;
	text-transform: uppercase;
}

.FOOTER .greatgrandchildren {
	margin-top: 0 !important;
}

/* secondary */

.FOOTER .secondary {
	padding-top: 40rem;
	padding-bottom: 40rem;
}

.FOOTER .secondary .b-column:first-child{text-align: left;}
.FOOTER .secondary .b-column:last-child{text-align: right;}

.FOOTER .secondary a {
	font-size: 14rem;
}

.FOOTER .secondary .b-column a {
	display: inline-block;
}

.FOOTER .secondary .b-column:first-child a {margin-right: 50rem;}
.FOOTER .secondary .b-column:last-child a {margin-right: 10rem;}

.FOOTER .secondary .b-column a:last-child {margin-right: 0 !important;}

.FOOTER .secondary .b-button {
	min-width: 140rem;
	padding: 12rem 25rem;
	margin-left: 0 !important;
}

/* tertiary */

.FOOTER .tertiary {
	padding-top: 25rem;
	padding-bottom: 25rem;
	border-top: 1rem solid #f5f5f5;
	font-size: 14rem;
	font-weight: 500;
}

.FOOTER .tertiary .b-columns {
	justify-content: space-between;
}

.FOOTER .tertiary a {font-weight: 500;}

.FOOTER .tertiary .b-column:first-child {text-align: left;}
.FOOTER .tertiary .b-column:last-child {text-align: right;}

.FOOTER .tertiary .divider {
	display: inline;
	margin: 0 20rem;
}

.FOOTER .tertiary .alt-privacy {
	background: url(/wp-content/themes/wp-parchment/assets/images/ui-privacy.svg) no-repeat left center / 30rem 16rem;
	padding-left: 40rem;
}

.FOOTER .tertiary .checkForRcrsv {
	cursor: pointer;
}

.FOOTER .mobile-buttons {
	display: none;
}

@media screen and (max-width: 960px){
	.FOOTER .mobile-buttons {display: block; padding: 80rem 20rem 40rem;}
	.FOOTER .mobile-buttons .b-button {width: 100%; margin: 10rem 0;}

	.FOOTER .main {padding: 0 20rem;}
	.FOOTER .main .b-column {width: 50%;}
	.FOOTER .products {display: none;}
	.FOOTER .b-column:nth-child(4) {margin-top: -80rem;}

	.FOOTER .secondary {padding: 40rem 20rem 25rem;}
	.FOOTER .secondary .b-column {width: 100%;}
	.FOOTER .secondary .b-column:first-child {display: none;}
	.FOOTER .secondary .b-column:last-child {text-align: center;}

	.FOOTER .tertiary {padding: 25rem 20rem;}
	.FOOTER .tertiary .b-column:first-child {display: none;}
	.FOOTER .tertiary .b-column:last-child {text-align: center;}
	.FOOTER .tertiary a:first-child {display: none;}
	.FOOTER .tertiary .divider:first-of-type {display: none;}
}



/* NAV */

.NAV nav input {
	display: none;
}

.NAV nav label {
	display: block;
	color: var(--dark-blue);
	font-weight: 700;
}

.NAV nav a:not(.b-button) {color: black;}
.NAV nav a:not(.b-button):hover {color: blue;}

.NAV nav .b-button {
	margin: 20rem 0;
	width: 100%;
}

/* teir 1 */

.NAV nav > ul > li {
	position: relative;
	padding: 15rem 0;
	font-size: 16rem;
	line-height: 1.25;
}

.NAV nav > ul > li::after {
	content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 12rem;
    margin: 0 0 0 6rem;
    background: url(/wp-content/themes/wp-parchment/assets/images/ui-expand-mobile.svg) no-repeat center / 100%;
    position: absolute;
    top: 40%;
    right: 0;
}

.NAV nav > ul > li::marker {
	content: '';
}

.NAV nav .with-icon-container {
    text-align: center;
}

.NAV nav .with-icon-container label {
	display: inline-block;
    color: var(--dark-blue) !important;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
}

.NAV nav .with-icon-container label img {
	display: inline;
	width: 25rem;
	height: 25rem;
/*	padding-right: 5rem;*/
    vertical-align: bottom;
}

.NAV nav .with-icon::after {
	display: none !important;
}



/* SUBNAV */

.SUBNAV {
	display: block;
	height: 100%;
    width: 100%;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--white);
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s;
}

.SUBNAV .title {
	padding: 20rem;
	text-align: center;
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.SUBNAV .title .back {
	position: absolute;
	top: 40%;
	left: 20rem;
	background: url(/wp-content/themes/wp-parchment/assets/images/ui-back.svg) no-repeat center / contain;
	width: 19rem;
	height: 15rem;
}

.SUBNAV .title span {
	text-transform: uppercase;
	font-weight: 700;
}

.SUBNAV nav {
	padding: 20rem;
}

.SUBNAV nav > ul > li > ul {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.25s;
}

.SUBNAV nav > ul > li {
    position: relative;
    padding: 15rem 0;
    font-size: 16rem;
    line-height: 1.25;
}

.SUBNAV nav > ul > li label {
    position: relative;
    display: block;
}

.SUBNAV nav > ul > li.has-sublinks label::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 12rem;
    margin: 0 0 0 6rem;
    background: url(/wp-content/themes/wp-parchment/assets/images/ui-expand-mobile.svg) no-repeat center / 100%;
    position: absolute;
    top: 40%;
    right: 0;
}

.SUBNAV nav > ul > li.has-sublinks::hover label {
	color: var(--green);
}

.SUBNAV li::marker {
	content: '';
}

.SUBNAV li a,
.SUBNAV li label {
	font-weight: 700;
	color: var(--dark-blue);
	text-decoration: none;
}

.SUBNAV li input {
	display: none;
}

/* teir 2 */

.SUBNAV nav > ul > li > ul {
	padding: 10rem 0 0 10rem;
}

.SUBNAV nav > ul > li > ul > li {
    padding: 15rem 0;
}

.SUBNAV nav .b-button {
    margin-top: 20rem;
    width: 100%;
}


/* teir 2 open */

.SUBNAV nav input:checked ~ ul {max-height: 240rem;}
.SUBNAV nav input:checked ~ .a::after {transform: scaleX(-1);}



/* MODAL */

.MODAL {
	position: relative;
	margin: 0 auto;
	max-width: 1160rem;
}

.MODAL .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40rem;
	height: 40rem;
	background: url(/wp-content/themes/wp-parchment/assets/images/ui-close.svg) no-repeat center;
	cursor: pointer;
	text-indent: -9999rem;
}

.MODAL .content {
	box-sizing: border-box;
	background: #fff;
	max-height: calc(100vh - 80rem);
	padding: 40rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.MODAL[data-width="10"] {max-width: 960rem;}
.MODAL[data-width="8"] {max-width: 760rem;}
.MODAL[data-width="6"] {max-width: 560rem;}

@media screen and (max-width: 960px) {
	.MODAL .content {padding: 20rem;}
}


/* NOT FOUND */

.NOT-FOUND {
	background: url(/wp-content/themes/wp-parchment/assets/images/404.webp) no-repeat center;
	background-size: cover;
}

.NOT-FOUND .b-frame {
	padding-top: 50rem;
	padding-bottom: 50rem;
}

.NOT-FOUND .b-columns {
	width: 590rem;
	height: 590rem;
	margin: 0 auto;
	background: var(--white);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.NOT-FOUND .b-column {
	text-align: center;
	margin: 0 auto;
}

.NOT-FOUND h1 {
	font-size: 160rem;
	line-height: 1;
}

.NOT-FOUND p {
	margin: 1em 0;
}

@media screen and (max-width: 960px){
	.NOT-FOUND {background-position: top left;}
	.NOT-FOUND .b-frame {padding: 50rem 10rem;}
	.NOT-FOUND .b-columns {width: 300rem; height: 300rem;}
	.NOT-FOUND h1 {font-size: 62rem;}
	.NOT-FOUND br {display: none;}
}


