@font-face {
	font-family: "SabonMT";
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/SabonMT/SabonMT.woff") format("woff"),
		url("fonts/SabonMT/SabonMT.woff2") format("woff2")
}

@font-face {
	font-family: "SabonMT";
	font-display: swap;
	font-style: italic;
	font-weight: normal;
	src: url("fonts/SabonMT/SabonMT-Italic.woff") format("woff"),
		url("fonts/SabonMT/SabonMT-Italic.woff2") format("woff2")
}

@font-face {
	font-family: "SabonMT";
	font-display: swap;
	font-style: normal;
	font-weight: 600;
	src: url("fonts/SabonMT/SabonMT-Semibold.woff") format("woff"),
		url("fonts/SabonMT/SabonMT-Semibold.woff2") format("woff2")
}

@font-face {
	font-family: "SabonMT";
	font-display: swap;
	font-style: italic;
	font-weight: 600;
	src: url("fonts/SabonMT/SabonMT-Semibold-Italic.woff") format("woff"),
		url("fonts/SabonMT/SabonMT-Semibold-Italic.woff2") format("woff2")
}

@font-face {
	font-family: "SabonMT-regular";
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/SabonMT/SabonMT.woff") format("woff"),
		url("fonts/SabonMT/SabonMT.woff2") format("woff2")
}

@font-face {
	font-family: "SabonMT-italic";
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/SabonMT/SabonMT-Italic.woff") format("woff"),
		url("fonts/SabonMT/SabonMT-Italic.woff2") format("woff2")
}

@font-face {
	font-family: "SabonMT-semibold";
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/SabonMT/SabonMT-Semibold.woff") format("woff"),
		url("fonts/SabonMT/SabonMT-Semibold.woff2") format("woff2")
}

@font-face {
	font-family: "SabonMT-semibold-italic";
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/SabonMT/SabonMT-Semibold-Italic.woff") format("woff"),
		url("fonts/SabonMT/SabonMT-Semibold-Italic.woff2") format("woff2")
}

/*------------------------------------*\
   HEADER NAV : parent, sub-site (main)
\*------------------------------------*/
nav.parent {
	font-family: SabonMT-semibold-italic, helvetica, arial, sans-serif !important;
	z-index: 1001;
}
header.scrolled-page nav.parent {
	margin-top: -60px;
}
nav.parent .logo-container {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	cursor: pointer;
	height: 60px;
	margin-left: 40px;
	z-index: 901;
}
@media all and (max-width:669px) {
	nav.parent .logo-container {
		margin-left: 20px;
	}
}
html.using-keyboard-navigation nav.parent .logo-container:focus img,
html.no-js nav.parent .logo-container:focus img {
	outline: 1px dotted rgba(0,0,0,0.6);
	outline-offset: 5px;
}
nav.parent > ul {
	background-color: var(--parent-background-color);
}
nav.parent ul {
	color: var(--parent-menu-text-color);
	font-size: 15px;
	list-style: none;
	margin: 10px 0;
	padding: 0;
	white-space: nowrap;
	width: auto !important;
}
nav.parent > ul {
	background-image: var(--menu-background-image);
	background-position: center right;
	background-repeat: no-repeat;	margin: 0;
	left: 0;
	margin-top: -1px;
	min-width: max(318px, var(--mobile-menu-width) + 200px);
	opacity: 0;
	padding: 15px 20px 60px;
	position: absolute;
	text-align: left;
	-webkit-transform: translateY(calc(-100% - 61px));
	    transform: translateY(calc(-100% - 61px));
	-webkit-transition: -webkit-transform 0.2s ease 0s;
	-webkit-transition: opacity 0.2s ease 0s;
	transition: opacity 0.2s ease 0s;
	z-index: 902;
}
nav.parent.is-active > ul {
	opacity: 1;
	-webkit-transform: translateX(0%);
	    transform: translateX(0%);
}
html.using-keyboard-navigation nav.parent > ul:focus-within,
html.no-js nav.parent > ul:focus-within {
	opacity: 1;
	-webkit-transform: translateX(0%);
	    transform: translateX(0%);
}
nav.parent li > .top-spacer li,
nav.parent li > .top-spacer ul {
	height: 0;
	margin: 0;
	overflow: hidden;
}
nav.parent li.open > .top-spacer ul {
	height: auto;
	margin: 0 0 10px 0;
}
html.using-keyboard-navigation nav.parent li > .top-spacer ul:focus-within,
html.no-js nav.parent li > .top-spacer ul:focus-within {
	height: auto;
	margin: 0 0 10px 0;
}
nav.parent li.open > .top-spacer li {
	height: 32px;
	margin: 10px 0;
}
html.using-keyboard-navigation nav.parent li > .top-spacer ul:focus-within li,
html.no-js nav.parent li > .top-spacer ul:focus-within li {
	height: 32px;
	margin: 10px 0;
}
nav.parent li.menu-item {
	display: block;
	margin: 10px 0;
	position: relative;
}
nav.parent li.menu-item.mobile-only.main-site-only {
	display: none;
}
nav.parent li.menu-item.button {
	display: inline-block;
	margin-top: 25px;
	margin-right: 10px;
	width: calc(50% - 14px);
}
nav.parent li.menu-item.button:last-child {
	margin-right: 0;
}
nav.parent li.menu-item a {
	text-align: left;
}
nav.parent li.menu-item > a {
	display: block;
	font-size: 24px;
}
nav.parent li.menu-item > a:not([href]) {
	cursor: pointer;
}
nav.parent ul.dropdown > li.menu-item > a:not([href])::before,
nav.parent ul.dropdown > li.menu-item.menu-item-has-children > a::before {
	content: "＋"; /* "➕"; */
	display: inline-block;
	margin-right: 0.5em;
}
nav.parent ul.dropdown > li.menu-item.open > a:not([href])::before,
nav.parent ul.dropdown > li.menu-item.menu-item-has-children.open > a::before {
	content: "－"; /* "➖"; */
}
nav.parent li.menu-item > a:hover {
	text-decoration: none;
}
nav.parent .sub-menu li.menu-item > a {
	color: var(--parent-submenu-text-color);
	font-size: 20px;
	margin-left: 72px;
	text-transform: none;
}
nav.parent .sub-menu li.menu-item:not(.current-menu-item) > a {
	opacity: 0.6;
}
html.using-keyboard-navigation nav.parent li.menu-item:not(.current-menu-item) > a:focus,
html.no-js nav.parent li.menu-item:not(.current-menu-item) > a:focus {
	text-decoration: underline;
}
nav.parent ul.dropdown > li.menu-item:not(.current-menu-item).hover:not(.open) > a:not([href])::after {
	border-top: 6px solid #000;
}
nav.parent ul.dropdown > li.menu-item:not(.current-menu-item).hover.open > a:not([href])::after {
	border-bottom: 6px solid #000;
}
html.using-keyboard-navigation nav.parent li.menu-item a:focus,
html.no-js nav.parent li.menu-item a:focus {
	outline: 1px dotted var(--parent-background-color);
}