/* FOOTER */

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

.FOOTER.alt-blue {
	background: var(--light-blue);
}

.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;
}

.FOOTER .social a {
	display: inline-block;
	width: 30rem;
	height: 30rem;
}

@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;}
	.FOOTER .tertiary .divider:last-of-type {display: block; text-indent: -999rem;}
}



/* 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 a.with-icon {
	display: inline-block;
    color: var(--dark-blue) !important;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
	padding-bottom: 5rem;
}

.NAV nav a.with-icon 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;}
}





/** REGION SELECTOR MODAL **/

.b-modal.alt-region-selector .b-modal-content { 
	/* width: min(calc(100% - 20rem), 590rem); */
	width: min(calc(100% - 20rem), 870rem);
	overflow: visible;
}


/* region selector - layout */

.REGION-SELECTOR {
	max-height: 100vh;
	overflow-y: auto;
	padding: 40rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	border: var(--border);
	background-color: var(--white);
	border-radius: var(--border-radius);
}

.REGION-SELECTOR .head { 
	margin-bottom: 24rem;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.REGION-SELECTOR .body { margin-bottom: 24rem; }
.REGION-SELECTOR .body :is(h1, h2, h3, h4, h5, h6) { color: var(--dark-blue); }

.REGION-SELECTOR :is(.foot, .foot--undetected) { 
	margin-top: 24rem; 
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 32rem;
}

.REGION-SELECTOR .foot_prompt { color: var(--dark-blue); font-weight: 700; } 



/* region selector - icons */

.REGION-SELECTOR .icon--international { width: 110rem; height: 111rem; }
.REGION-SELECTOR .icon--globe { width: 22rem; height: 22rem; }
.REGION-SELECTOR .icon--chevron { width: 12rem; height: 7rem; }
.REGION-SELECTOR .icon--close { width: 20rem; height: 20rem; cursor: pointer; }
.REGION-SELECTOR .icon--close > svg { pointer-events: inherit; }



.REGION-SELECTOR .region-select {
	padding: 0;
	width: 100%;
	margin: -12rem;
	list-style-type: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.REGION-SELECTOR .region-select__option  {
	padding: 12rem;
	box-sizing: border-box;
}
.REGION-SELECTOR .region-select__option::marker { content: ""; }

.REGION-SELECTOR .region-select__option:hover {
	background-color: var(--light-blue);
	text-decoration: underline;
}


/* region selector - links */

.REGION-SELECTOR .country {
	gap: 16rem;
	display: flex;
	align-items: center;
	position: relative;
}

.REGION-SELECTOR .country__img {
	display: block;
	height: 38rem;
	aspect-ratio: 690/453;
}
.REGION-SELECTOR .country__img > img { width: 100%; height: 100%; }

.REGION-SELECTOR .country__name {
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	color: var(--light-black);
	text-decoration: none;
	cursor: pointer;
}

.REGION-SELECTOR .country__name:hover { text-decoration: underline; }
.REGION-SELECTOR .country__name::after {
	content: '';
	position: absolute;
	inset: 0;
}



@media screen and (min-width: 961px) and (min-height: 870px) {
	.b-modal-open .b-modal .b-modal-content { transform: translate(0, -150rem); }		
}

@media screen and (max-width: 960px) {
	.REGION-SELECTOR { padding: 20rem; }
	.REGION-SELECTOR .body { margin-bottom: 0; }
	/* .REGION-SELECTOR .region-select { justify-content: center;} */
	.REGION-SELECTOR .country__img { height: 19rem; }
}

/* @media screen and (max-width: 960px) {
	.REGION-SELECTOR { padding: 20rem; }
	.REGION-SELECTOR .region-select__dropdown {
		transform: translate(0, -50%);
		box-shadow: var(--box-shadow);
	}
} */