h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}
body,
p {
	font-family: iaf, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji;

}
strong {
	font-weight: 700;
}
em {
	font-style: normal !important;
}
del,
strike {
	text-decoration: line-through;
}
hr {
	display: block;
	height: 0px;
	background-color: #000000;
	width: 100%;
}

.open-map {
	background: transparent;
	color: #000000;
	letter-spacing: .15em;
	text-transform: uppercase;
	font-family: iaf;
	font-weight: 100;
	font-size: 14px;
	border-radius: 30px !important;
	padding: 9px 15px;
	width: auto;
	line-height: normal;
	border: 1px solid #000000;
}

.filter-trigger {
	background: transparent;
	color: #000000;
	letter-spacing: .15em;
	text-transform: uppercase;
	font-family: iaf;
	font-weight: 100;
	font-size: 14px;
	border-radius: 30px !important;
	padding: 9px 15px;
	width: auto;
	line-height: normal;
	border: 1px solid #000000;
}

.filter-trigger:hover {
	background: #000000;
	color: white;
	padding: 9px 15px;
	border: 1px solid #000000;
}
	
.filter {
background: #F8F7F0;
color: #000000;
letter-spacing: .15em;
text-transform: uppercase;
font-family: iaf;
font-weight: 100;
font-size: 14px;
border-radius: 0px !important;
padding: 10px 15px;
position: fixed;
width: 82px;
height: fit-content;
cursor:pointer;
bottom: 0px;
justify-content: center;
display: flex;
z-index: 1399;
line-height: normal;
overflow: hidden;
display: none;
}

.filters {
position: absolute;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 30px;
width: 100%;
height: 100%;
overflow: scroll;
}
.filter.filter-clicked {
width: 385px;
height: calc(100vh - 70px) !important;
overflow: scroll;
height: fit-content;
display: block;
left: 0px;
border-right: 0px solid rgba(0, 0, 0, 0.1);
}



.hide-filter {
display: none;
}
#close-filter {
cursor: pointer;
}
.mixitup-days, .mixitup-types, .mixitup-categories {
margin-bottom: 10px;
}
.mixitup-days button, .mixitup-types button, .mixitup-categories button {
display: inline-block;
border: 0;
background: transparent;
color: #000000;
cursor: pointer;
outline: none;
font-family: iaf;
font-weight: 100;
padding: 0;
margin: 0;
line-height: 1.5rem;
font-size: 18px;
margin-right: 2.5px;
}

.mixitup-tags button {
display: inline-block;
background: transparent;
cursor: pointer;
outline: none;
color: #000000;
border: 1px solid #000000 !important;
letter-spacing: .15em;
text-transform: uppercase;
font-family: iaf;
font-weight: 100;
font-size: 10px;
border-radius: 30px !important;
padding: 3.5px 7.5px;
margin-right: 3px;
margin-bottom: 7.5px;
}
/* .mixitup-tags button:hover {
background: white;
color: #ff0000 !important;
} */
.mixitup-tags button.mixitup-control-active {
background: #000000;
color: #ffffff !important;
}



.mixitup-days button::before, .mixitup-types button::before, .mixitup-categories button::before {
display: inline-block;
content: "\0025CB";
position: relative;
color: #000000;
padding-right: 3px;
}

.mixitup-days button.mixitup-control-active::before, .mixitup-types button.mixitup-control-active::before, .mixitup-categories button.mixitup-control-active::before {
display: inline-block;
content: "\0025CF";
position: relative;
color: #000000;
padding-right: 5px;
margin-top: -2px;
}
.c-offcanvas--right {
height: 100%;
width: 100vw;
right: 0;
transform: translate3d(100vw, 0, 0);
}
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
left: 0;
background-color: rgba(255, 255, 255, 0.0);
}

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
transform: translate3d(-100vw, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right {
transform: translate3d(0vw, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
transform: translate3d(-100vw, 0, 0);
}
	#svgContainer {
	  max-width: 100%;
	  max-height: 100%;
	  background-color: transparent;
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  margin: auto;
	}
	
	.has-offcanvas--visible .col-lg-10 {
		flex: 0 0 100%;
		max-width: 100%;
		transition: all ease-in-out .5s;
	}
	
	.has-offcanvas--visible h1.description {
		max-width: 100% !important;
		transition: all ease-in-out .5s;
	}
	
	.has-offcanvas--visible .whats-on.container-fluid {
		width: 50%;
		margin: 0 !important;
		transition: all ease-in-out .5s;
	}
	
	.has-offcanvas--visible .whats-on.container-fluid article.card, li.card {
  /* width: calc(50% - 5px - (1000vw - 6800px) / 1240); */
  transition: ease-in-out .5s;
}

.filter-is-active {
background-color: rgba(89, 89, 89, 0.85);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
display: none;
}

article.card.ohd-ad{
width: 100%;
}



@media only screen and (max-width: 767px) {
.c-offcanvas--right {
height: 100%;
width: 100vw;
right: 0;
transform: translate3d(100vw, 0, 0);
}

		
.filter {
	background: #fff;
	color: #000000;
	letter-spacing: .15em;
	text-transform: uppercase;
	font-family: iaf;
	font-weight: 100;
	font-size: 14px;
	border-radius: 0px !important;
	padding: 15px 15px;
	position: fixed;
	width: 50%;
	height: 47.5px;
	bottom: 0px;
	left: 0px;
	width: 50%;
	text-align: center;
	justify-content: center;
	display: flex;
	z-index: 1399;
	line-height: normal;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
	display: none;
	top: 70px;
}
.filter.filter-clicked {
	width: 100vw !important;
	min-height: calc(100vh - 70px);
	height: fit-content;
	display: block;
}

.filters {
	left: 15px;
	position: absolute;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	height: 100%;
	text-align: left !important;
}

.mixitup-days button.mixitup-control-active::before, .mixitup-types button.mixitup-control-active::before, .mixitup-categories button.mixitup-control-active::before {
	display: inline-block;
content: "\002B24";
position: relative;
vertical-align: text-top;
padding-right: 4px;
padding-left: 1px;
font-size: 11.5px;
}

/* .mixitup-tags button:hover {
background: #ff0000;
color: white !important;
} */
.mixitup-tags button.mixitup-control-active {
background: #000000;
color: white !important;
}


}

.small-caps,
footer form input[type="email"],
form button[type="submit"],
form input[type="submit"],
nav ul.filter li input[type="checkbox"] + label span,
nav ul li a {
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
::selection {
	background: #000000;
	color: #fff;
	text-shadow: none !important;
}
@media print {
	.map-holder {
		position: absolute;
		top: 0;
		right: 0;
		max-width: 528px;
		max-height: 528px;
	}
	.print-map {
		position: relative;
		display: block;
	}
	@page {
		margin: 0;
		size: A4;
	}
	body,
	html {
		height: 100vh;
		margin: 0 !important;
		padding: 0 !important;
		-webkit-print-color-adjust: exact;
		position: relative;
		overflow: hidden;
		cursor: inherit;
	}
	header.split .single-architect.my-list-header h1 {
		margin-top: 100px;
		font-size: 18px;
	}
	header.split .my-list-ol {
		padding-left: 0.8em;
		font-weight: 400 !important;
	}
	header.split .my-list-ol li {
		font-size: 15px !important;
		font-weight: 400 !important;
	}
	header.split .single-architect.my-list-header {
		height: 100% !important;
		min-height: 100% !important;
	}
	header.full-header {
		height: 50%;
		min-height: 0;
	}
	.total-distance {
		top: 475px;
	}
	.total-distance,
	.total-time {
		position: absolute;
		color: #fff;
		font-size: 13px;
		left: 17px;
		font-weight: 700;
		font-variant-numeric: tabular-nums;
	}
	.total-time {
		top: 495px;
	}
	.print {
		-webkit-print-color-adjust: exact;
		position: relative;
		overflow: hidden;
		width: 20cm;
		height: 28cm;
		background-color: #fff;
		page-break-after: avoid;
		page-break-before: avoid;
		border: 2px solid #000000;
		margin: 5px auto 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.print-logo {
		position: absolute;
		left: 17px;
		top: 20px;
		width: 100px;
		display: block;
	}
	.print-logo * {
		fill: #fff;
	}
	#gMap,
	footer,
	nav {
		display: none;
	}
	.cursor {
		display: none !important;
	}
	.single.my-list {
		display: none;
		flex-direction: column-reverse;
	}
	.single.my-list > section {
		width: 100%;
	}
}
nav {
	position: fixed;
	display: block;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	border-bottom: 2px solid #000000;
}
nav.low-nav {
	position: relative;
}
@media (max-width: 680px) {
	nav.open {
		height: calc(100vh - 29px);
		overflow: hidden;
	}
}
nav .mobile-menu {
	display: none;
}
@media (max-width: 680px) {
	nav .mobile-menu {
		display: block;
		width: 50px;
		height: 45px;
		height: 30px;
		padding: 20px 10px 22px;
		position: absolute;
		top: 20px;
		right: 10px;
	}
	nav .mobile-menu:active,
	nav .mobile-menu:focus {
		background-color: #fefefe;
	}
	nav .mobile-menu span {
		position: relative;
		display: block;
		width: 100%;
		border-bottom: 3px solid #000000;
	}
	nav .mobile-menu span:before {
		transform: translateY(-9px);
		transform-origin: 0 100%;
	}
	nav .mobile-menu span:after,
	nav .mobile-menu span:before {
		content: "";
		width: 100%;
		display: block;
		position: absolute;
		border-bottom: 3px solid #000000;
		transition: all 0s ease;
	}
	nav .mobile-menu span:after {
		transform: translateY(9px);
		transform-origin: 0 0;
	}
	nav .mobile-menu.active span {
		border: 2px solid transparent;
		transform: translateX(3px);
	}
	nav .mobile-menu.active span:before {
		transform: translateY(-14px) translateX(-2px) rotate(45deg);
		width: 120%;
	}
	nav .mobile-menu.active span:after {
		transform: translateY(7px) rotate(-45deg) translateX(-3px);
		width: 120%;
	}
}
nav .top-nav {
	position: relative;
	width: 100%;
	padding: 11px 15px 14px;
	margin: 0 auto;
	z-index: 5;
	border-bottom: 2px solid #000000;
	background-color: #fff;
}
@media screen and (min-width: 680px) {
	nav .top-nav {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	nav .top-nav {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	nav .top-nav {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	nav .top-nav {
		padding-right: 30px;
	}
}
@media (max-width: 680px) {
	nav .top-nav {
		border-bottom: 0;
	}
}
nav .top-nav > a {
	display: inline-block;
	margin-bottom: -6px;
}
nav .top-nav > a .ohd-logo {
	width: 100px;
	display: block;
}
nav .top-nav > a .ohd-logo * {
	fill: #000000;
}
nav .top-nav > a .ohd-logo:hover path:first-child,
nav .top-nav > a .ohd-logo:hover path:nth-child(2) {
	fill: #ff0108;
}
nav .top-nav .boi-logo {
	width: 190px;
	display: block;
	position: absolute;
	right: 20px;
	top: 48px;
}
nav .top-nav .boi-logo * {
	fill: #000000;
}
@media (max-width: 680px) {
	nav .top-nav .boi-logo {
		display: none;
	}
}
nav .boi-logo {
	display: none;
}
@media (max-width: 680px) {
	nav .boi-logo {
		position: absolute;
		bottom: 20px;
		left: 20px;
		background-color: #fff;
		width: 180px;
	}
	nav .boi-logo > * {
		fill: #000000;
	}
}
nav ul {
	position: relative;
	width: 100%;
	padding: 6px 15px 7px;
	background-color: #fff;
}
@media screen and (min-width: 680px) {
	nav ul {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	nav ul {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	nav ul {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	nav ul {
		padding-right: 30px;
	}
}
@media (max-width: 680px) {
	nav ul {
		display: none;
		padding: 0;
	}
}
nav ul li {
	position: relative;
	display: inline-block;
	margin-right: 8px;
}
@media screen and (min-width: 680px) {
	nav ul li {
		margin-right: calc(4.19355vw - 20.51613px);
	}
}
@media screen and (min-width: 1920px) {
	nav ul li {
		margin-right: 60px;
	}
}
nav ul li a {
	color: #000000;
}

@media (max-width: 680px) {
	nav ul li a {
		display: block;
		padding: 15px;
	}
}
nav ul li.current-menu-item a {
	color: #ff0108;
}
nav ul li.search-login {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	margin: 0;
	height: 38px;
	display: flex;
	align-items: center;
	z-index: 5;
	padding: 0;
}
nav ul li.search-login .search {
	padding: 10px 30px 9px;
	position: relative;
	line-height: 1;
}
nav ul li.search-login .search svg {
	width: 20px;
	position: relative;
}
nav ul li.search-login .search svg > * {
	fill: #000000;
}
nav ul li.search-login .search.active svg > * {
	fill: #ff0108;
}
@media (max-width: 680px) {
	nav ul li.search-login .search {
		width: 50%;
		text-align: center;
	}
}
nav ul li.search-login .login {
	background-color: #000000;
	color: #fff;
	padding: 10px 30px 9px;
	position: relative;
}
nav ul li.search-login .login:hover {
	background-color: #ff0108;
	color: #fff;
	border-bottom: 0;
}
nav ul li.search-login .login:hover:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ff0108;
	top: -1px;
	left: 0;
}
nav ul li.search-login .login:hover:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ff0108;
	bottom: -1px;
	left: 0;
	z-index: 2;
}
@media (max-width: 680px) {
	nav ul li.search-login .login {
		width: 50%;
		margin: 0;
		display: block;
		background-color: transparent;
		border-right: 2px solid #000000;
		padding: 15px;
		top: 0;
		color: #000000;
	}
}
@media (max-width: 680px) {
	nav ul li.search-login {
		width: 100%;
		position: relative;
		top: 0;
		height: auto;
		flex-direction: row-reverse;
	}
}
@media (max-width: 680px) {
	nav ul li {
		width: 100%;
		margin: 0;
		text-align: left;
		border-bottom: 2px solid #000000;
	}
}
nav ul.filter.desktop-filter {
	border-top: 2px solid #000000;
}
nav ul.filter.desktop-filter:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -2px;
	background-color: #000000;
}
@media (max-width: 680px) {
	nav ul.filter.desktop-filter {
		display: none;
	}
}
nav ul.filter.filter-mobile {
	display: none;
	background-color: #fff;
	position: absolute;
	display: block;
	border-top: 2px solid #000000;
	transform: translateY(-300px);
	transition: transform 0.35s ease, opacity 0.1s ease;
	opacity: 0;
	z-index: -1;
}
nav ul.filter.filter-mobile li {
	display: block;
	padding: 0;
	border-bottom: 2px solid #000000;
}
nav ul.filter.filter-mobile li a {
	padding: 5px 15px;
}
nav ul.filter.filter-mobile li .down-icon {
	top: 12px;
}
nav ul.filter.filter-mobile li ul {
	overflow: hidden;
	transition: height 0.5s ease, margin 0.2s ease;
	height: auto;
	transform: none;
	z-index: 1;
}
nav ul.filter.filter-mobile li ul[data-collapsed="false"] {
	margin-bottom: 10px;
}
nav ul.filter.filter-mobile li ul li {
	padding: 5px 15px;
	border: 0 solid transparent;
}
nav ul.filter.filter-mobile .down-icon {
	position: absolute;
	right: 24px;
	top: 22px;
}
nav ul.filter.filter-mobile.open {
	transform: translateY(0);
	opacity: 1;
}
@media (max-width: 680px) {
	nav ul.filter.filter-mobile {
		display: block;
	}
}
nav ul.filter ul {
	position: absolute;
	top: 30px;
	left: -30px;
	padding: 15px 15px 15px 30px;
	width: 220px;
	border: 2px solid #000000;
	background-color: #fff;
	display: block;
	z-index: -1;
	transform: translateY(-300px);
	transition: transform 0.35s ease, opacity 0.1s ease;
}
@media (max-width: 680px) {
	nav ul.filter ul {
		position: relative;
		top: 0;
		left: 0;
		width: 100% !important;
		border: 0 solid transparent;
		padding: 0;
		background-color: transparent;
	}
}
nav ul.filter ul.area-list {
	width: 190px;
}
nav ul.filter ul.category-list {
	width: 300px;
}
nav ul.filter ul.open {
	opacity: 1;
	transform: translate(0);
}
nav ul.filter ul li {
	width: 100%;
}
nav ul.filter li a {
	border-bottom: 2px solid transparent;
}
nav ul.filter li a:hover + .down-icon * {
	fill: #ff0108;
}
nav ul.filter li a.active {
	color: #ff0108;
}
@media (max-width: 680px) {
	nav ul.filter li a.active {
		color: #000000;
	}
}
nav ul.filter li a.active .down-icon {
	fill: #ff0108;
}
nav ul.filter li a.active + .down-icon {
	transform: rotateX(180deg);
}
nav ul.filter li a.active + .down-icon * {
	fill: #ff0108;
}
nav ul.filter li a.in-use {
	color: #ff0108;
}
nav ul.filter li a.in-use + .down-icon * {
	fill: #ff0108;
}
nav ul.filter li input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	-webkit-appearance: none;
	outline: 0;
}
nav ul.filter li input[type="checkbox"] + label {
	display: flex;
	position: relative;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 5px;
}
@media (max-width: 680px) {
	nav ul.filter li input[type="checkbox"] + label {
		margin: 0;
	}
}
nav ul.filter li input[type="checkbox"] + label:before {
	content: "";
	pointer-events: none;
	display: flex;
	height: 15px;
	width: 15px;
	min-width: 15px;
	min-height: 15px;
	max-width: 15px;
	max-height: 15px;
	border: 3px solid #000000;
	background: #fff;
	margin-right: 10px;
	border-radius: 100%;
}
@media (max-width: 680px) {
	nav ul.filter li input[type="checkbox"] + label:before {
		height: 13px;
		width: 13px;
		min-width: 13px;
		min-height: 13px;
		max-width: 13px;
		max-height: 13px;
	}
}
nav ul.filter li input[type="checkbox"] + label:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 3px;
	display: flex;
	background: #000000;
	height: 5px;
	width: 12px;
	border-bottom: 4px solid #fff;
	border-left: 4px solid #fff;
	background: none;
	transform: rotate(-45deg) scale(0);
	transition: transform 0.1s ease, opacity 0.1s ease;
	transform-origin: center center;
}
@media (max-width: 680px) {
	nav ul.filter li input[type="checkbox"] + label:after {
		top: 3px;
		left: 1px;
	}
}
nav ul.filter li input[type="checkbox"] + label span {
	border-bottom: 0 solid transparent;
}
@media (max-width: 680px) {
	nav ul.filter li input[type="checkbox"] + label span {
		position: relative;
		line-height: 1;
		font-size: 15px;
		font-weight: 900;
		top: 0.15em;
		font-variant-numeric: lining-nums;
	}
}
nav ul.filter li input[type="checkbox"] + label:hover span {
	color: #ff0108;
}
nav ul.filter li input[type="checkbox"] + label:hover:before {
	border: 3px solid #ff0108;
}
nav ul.filter li input[type="checkbox"]:checked + label span {
	color: #ff0108;
}
nav ul.filter li input[type="checkbox"]:checked + label:before {
	background: #ff0108;
	border-color: #ff0108;
}
nav ul.filter li input[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: rotate(-45deg) scale(0.8);
}
nav ul.filter li input[type="checkbox"]:focus {
	outline: 0;
}
@media (max-width: 680px) {
	nav ul.filter li {
		border-bottom: 2px solid #000000;
		padding: 5px 0 0;
	}
}
nav ul.filter li:first-of-type ul {
	border-left: 0;
}
nav ul.filter .down-icon {
	transition: all 0.2s ease;
	width: 18px;
}
nav ul.filter .down-icon * {
	fill: #000000;
}
nav.open > ul {
	display: block;
	border-top: 2px solid #000000;
}
@media (max-width: 680px) {
	nav.open > ul {
		overflow-y: scroll;
		max-height: calc(100vh - 39px);
		z-index: 10;
		background-color: #fff;
		padding-bottom: 120px;
	}
}
nav .mobile-filter-heading {
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background-color: #fff;
	position: absolute;
	width: 100%;
}
nav .mobile-filter-heading .filter-heading {
	position: relative;
	padding: 5px 15px;
}
nav .mobile-filter-heading .filter-heading > span {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: 900;
	position: relative;
	display: inline-block;
}
nav .mobile-filter-heading .filter-heading .down-icon {
	position: absolute;
	right: 24px;
	top: 12px;
	transition: all 0.2s ease;
	width: 18px;
}
nav .mobile-filter-heading .filter-heading .down-icon * {
	fill: #000000;
}
nav .mobile-filter-heading .filter-heading.active {
	background-color: #000000;
}
nav .mobile-filter-heading .filter-heading.active > span {
	color: #fff;
}
nav .mobile-filter-heading .filter-heading.active .down-icon * {
	fill: #fff;
}

.button {
	display: inline-block;
	position: relative;
	color: #fff;
	font-size: 15px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 900;
	background-color: #000000;
	border: 2px solid #000000;
	padding: 9px 20px 8px;
	margin-right: 20px;
	margin-bottom: 20px;
}
@media screen and (min-width: 320px) {
	.button {
		font-size: calc(0.0625vw + 13.8px);
	}
}
@media screen and (min-width: 1920px) {
	.button {
		font-size: 15px;
	}
}
@media screen and (min-width: 320px) {
	.button {
		padding-top: 9px;
	}
}
@media screen and (min-width: 1920px) {
	.button {
		padding-top: 9px;
	}
}
@media screen and (min-width: 320px) {
	.button {
		padding-left: calc(0.3125vw + 19px);
	}
}
@media screen and (min-width: 1920px) {
	.button {
		padding-left: 25px;
	}
}
@media screen and (min-width: 320px) {
	.button {
		padding-right: calc(0.3125vw + 19px);
	}
}
@media screen and (min-width: 1920px) {
	.button {
		padding-right: 25px;
	}
}
@media screen and (min-width: 320px) {
	.button {
		padding-bottom: calc(0.125vw + 7.6px);
	}
}
@media screen and (min-width: 1920px) {
	.button {
		padding-bottom: 10px;
	}
}
.button:hover {
	box-shadow: 0 0 0 8px #ddf0fd;
	background-color: transparent;
	color: #000000;
}
.button.small {
	font-size: 12px;
	padding: 8px 10px 7px;
}
@media (max-width: 680px) {
	.button.small {
		padding: 8px 18px 7px;
	}
}
.button.outline:hover {
	box-shadow: 0 0 0 8px #ddf0fd;
}
.button.invert {
	background-color: transparent;
	color: #000000;
}
.button.invert:hover {
	background-color: #000000;
	color: #fff;
}
.button.white {
	background-color: #fff;
	color: #000000;
}
.button.white:hover {
	border: 2px solid #fff;
	background-color: transparent;
	color: #fff;
	outline: 0;
}
.button.lottery-button {
	margin-top: 20px;
}
.button.lottery-button:hover {
	text-decoration: none !important;
}
.button + .button {
	margin-right: 0;
	margin-bottom: 5px;
}

table {
	font-size: 16px;
	width: 100%;
	font-weight: 600;
	background-color: #ddf0fd;
	border: 2px solid #000000;
	font-variant-numeric: tabular-nums;
	border-collapse: collapse;
}
table tfoot,
table thead {
	text-transform: uppercase;
	background-color: #000000;
	color: #fff;
	font-weight: 900;
	font-size: 15px;
	letter-spacing: 0.15em;
}
table tfoot th,
table thead th {
	padding: 15px;
	text-align: left;
	border: 2px solid #000000;
}
table tbody tr {
	background-color: #ddf0fd;
}
table tbody tr:nth-child(2n) {
	background-color: #eef8fe;
}
table tbody td {
	padding: 15px;
	border: 2px solid #000000;
}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	background-color: #fd0101;
	display: block;
	pointer-events: none;
	opacity: 0;
	transform: translateY(30px);
	transition: transform 0.35s ease, opacity 0.1s ease;
}
.modal.visible {
	pointer-events: auto;
	display: block;
	z-index: 9999;
	opacity: 1;
	transform: translateY(0);
}
@media (max-width: 680px) {
	.modal.visible {
		z-index: 10;
		max-height: calc(100% - 111px);
		top: 80px;
	}
}
.modal .center {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	transform: translateX(-50%) translateY(-50%);
}
.modal .center.search-form {
	max-width: calc(100% - 40px);
	margin: 0 auto;
	width: 750px;
}
.modal .close {
	color: #fff;
	position: absolute;
	top: 30px;
	right: 20px;
	line-height: 0;
	font-size: 32px;
}
.modal.privacy-modal {
	z-index: 20;
	background-color: rgba(0, 174, 239, 0.75);
}
.modal.privacy-modal > .privacy-policy-content {
	background-color: #fff;
	border-radius: 5px;
	color: #231f20;
	padding: 40px;
	width: 100px;
	overflow-x: hidden;
	overflow-y: scroll;
	max-width: 90%;
	height: calc(100vh - 200px);
	margin: 100px auto 0;
}
.modal.privacy-modal > .privacy-policy-content h2,
.modal.privacy-modal > .privacy-policy-content h3 {
	font-weight: 700;
	margin-bottom: 10px;
}

.card-wrapper.list-view article.card {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.card-wrapper.list-view article.card > a {
	width: 360px;
	max-width: 20%;
}
.card-wrapper.list-view article.card > div {
	width: calc(100% - 360px);
	max-width: 80%;
}
.card-wrapper.list-view article.banner {
	display: none;
}
article.card,
li.card {
	position: relative;
	display: inline-block;
	background-color: #000000;
	color: #fff;
	perspective: 200px;
	border: 0px solid #000000;
	width: calc(20% - 10px);
	margin-bottom: 15px;
}
@media (min-width: 680px) {
	/* article.card,
	li.card {
		width: calc(20% - 5px - (1000vw - 6800px) / 1240);
	} */
}
@media (min-width: 1920px) {
	article.card,
	li.card {
		width: calc(20% - 10px);
	}
}
@media screen and (min-width: 680px) {
	article.card,
	li.card {
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 1920px) {
	article.card,
	li.card {
		margin-bottom: 15px;
	}
}
@media (max-width: 1024px) {
	article.card,
	li.card {
		width: calc(33.333% - 10px);
	}
}
@media (max-width: 768px) {
	article.card,
	li.card {
		width: calc(50% - 5px);
		margin-bottom: 20px;
	}
}
@media (max-width: 414px) {
	article.card,
	li.card {
		width: 100%;
	}
}
article.card .lottery,
li.card .lottery {
	padding: 5px;
	position: absolute !important;
	top: -2px;
	width: calc(100% + 4px);
	height: auto;
	min-height: 10px !important;
	right: -2px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: 100;
	font-size: 11px;
	padding: 6px 5px 5px 10px !important;
	z-index: 1;
	background-color: #000000 !important;
	color: #fff !important;
}
article.card .lottery .star-icon,
li.card .lottery .star-icon {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #36c6fc;
	background-color: #000000;
	height: 100%;
	width: 26px;
	padding: 7px;
}
article.card .lottery .virtual-tour,
li.card .lottery .virtual-tour {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #36c6fc;
	background-color: #000000;
	height: 100%;
	width: 26px;
	padding: 7px;
}
article.card .lottery .virtual-tour > *,
li.card .lottery .virtual-tour > * {
	fill: #fff;
}
article.card .lottery.virtual-tours,
li.card .lottery.virtual-tours {
	background-color: #ff0108;
}
article.card img,
li.card img {
	width: 100%;
	//height: 212px;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	max-width: 100%;
	width: 100%;
	position: relative;
	transition: transform 0.5s ease;
	//border: 10px solid white;
	border-radius: 20px !important;
	aspect-ratio: 1 / 1 !important;
}
.booked-out .card-header {
	background: #A5A5A5;
}
.card-header {
	background: white;
}
article.card.invert:hover .card-header {
	background-color: #000000;
}



article.card a:not(.not-hover-white),
li.card a:not(.not-hover-white) {
	color: #fff;
}
.related.card .card-info, article.card .card-info,
li.card .card-info {
	position: relative;
	min-height: 170px;
	padding: 10px 10px;
}
@media screen and (min-width: 680px) {
	.related.card .card-info, article.card .card-info,
	li.card .card-info {
		min-height: calc(6.45161vw + 126.12903px);
	}
}
@media screen and (min-width: 1920px) {
	.related.card .card-info, article.card .card-info,
	li.card .card-info {
		min-height: 250px;
	}
}

.related.card .card-info .days, article.card .card-info .days,
li.card .card-info .days {
	font-weight: 100;
	display: block;
	margin-bottom: 3px;
	line-height: 1;
	max-width: 100%;
	font-variant-numeric: tabular-nums;
}
@media screen and (min-width: 680px) {
	article.card .card-info .days,
	li.card .card-info .days {
		margin-bottom: calc(0.40323vw + 0.25806px);
	}
}
@media screen and (min-width: 1920px) {
	article.card .card-info .days,
	li.card .card-info .days {
		margin-bottom: 8px;
	}
}
article.card .card-info .days a,
li.card .card-info .days a {
	font-size: 13px;
	letter-spacing: 0.05em;
	color: #fff;
	text-transform: uppercase;
	vertical-align: middle;
}
article.card .card-info .days a:hover,
li.card .card-info .days a:hover {
	border-bottom: 2px solid #fff;
}
article.card .card-info .days span,
li.card .card-info .days span {
	font-size: 14px;
	position: relative;
	vertical-align: 1px;
	margin-right: 4px;
	margin-left: 3px;
}
article.card .card-info time,
li.card .card-info time {
	font-size: 14px;
	font-weight: 100;
	margin-bottom: 8px;
	display: block;
	font-variant-numeric: tabular-nums;
}
.related.card .card-info h2, article.card .card-info h2,
li.card .card-info h2 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
	max-width: 75%;
	margin-bottom: 0;
}
@media screen and (min-width: 375px) {
	.related.card .card-info h2, article.card .card-info h2,
	li.card .card-info h2 {
		font-size: calc(0.2589vw + 27.02913px);
	}
}
@media screen and (min-width: 1920px) {
	.related.card .card-info h2, article.card .card-info h2,
	li.card .card-info h2 {
		font-size: 32px;
	}
}
.related.card .card-info h2 a:hover, article.card .card-info h2 a:hover,
li.card .card-info h2 a:hover {
	text-decoration: underline;
}
@media (max-width: 1440px) {
	.related.card .card-info h2, article.card .card-info h2,
	li.card .card-info h2 {
		max-width: 80%;
	}
}
@media (max-width: 1280px) {
	.related.card .card-info h2, article.card .card-info h2,
	li.card .card-info h2 {
		max-width: 90%;
	}
}
@media (max-width: 960px) {
	.related.card .card-info h2, article.card .card-info h2,
	li.card .card-info h2 {
		max-width: 95%;
	}
}
article.card .card-info .meta,
li.card .card-info .meta {
	font-weight: 700;
	line-height: 1;
	margin-top: 6px;
}
article.card .card-info .meta .architect:hover,
li.card .card-info .meta .architect:hover {
	text-decoration: underline;
}
article.card .card-excerpt,
li.card .card-excerpt {
	font-size: 16px;
	margin-top: 7px;
}
article.card .strands,
li.card .strands {
	font-weight: 100;
	position: absolute;
	margin: 0;
	line-height: 1;
	bottom: 10px;
	left: 10px;
}
@media screen and (min-width: 375px) {
	article.card .strands,
	li.card .strands {
		bottom: calc(0.64725vw + 7.57282px);
	}
}
@media screen and (min-width: 1920px) {
	article.card .strands,
	li.card .strands {
		bottom: 20px;
	}
}
@media screen and (min-width: 375px) {
	article.card .strands,
	li.card .strands {
		left: calc(0.64725vw + 7.57282px);
	}
}
@media screen and (min-width: 1920px) {
	article.card .strands,
	li.card .strands {
		left: 20px;
	}
}
article.card .strands a,
li.card .strands a {
	font-size: 13px;
	letter-spacing: 0.05em;
	color: #fff;
	text-transform: uppercase;
	vertical-align: middle;
	margin-right: 10px;
	font-variant-numeric: tabular-nums;
}
article.card .strands a:hover,
li.card .strands a:hover {
	border-bottom: 2px solid #fff;
}
@media (max-width: 680px) {
	article.card .strands,
	li.card .strands {
		margin-bottom: 0;
	}
}
article.card time.posts,
li.card time.posts {
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	font-weight: 100;
	position: absolute;
	margin: 0;
	line-height: 1;
	bottom: 10px;
	left: 10px;
}
@media screen and (min-width: 375px) {
	article.card time.posts,
	li.card time.posts {
		bottom: calc(0.64725vw + 7.57282px);
	}
}
@media screen and (min-width: 1920px) {
	article.card time.posts,
	li.card time.posts {
		bottom: 20px;
	}
}
@media screen and (min-width: 375px) {
	article.card time.posts,
	li.card time.posts {
		left: calc(0.64725vw + 7.57282px);
	}
}
@media screen and (min-width: 1920px) {
	article.card time.posts,
	li.card time.posts {
		left: 20px;
	}
}
article.card time.posts a,
li.card time.posts a {
	font-size: 13px;
	letter-spacing: 0.05em;
	color: #fff;
	text-transform: uppercase;
	vertical-align: middle;
	margin-right: 10px;
}
article.card time.posts a:hover,
li.card time.posts a:hover {
	border-bottom: 2px solid #fff;
}
@media (max-width: 680px) {
	article.card time.posts,
	li.card time.posts {
		margin-bottom: 0;
	}
}
.related.card.invert, article.card.invert,
li.card.invert {
	background-color: #fff;
	color: #000000;
	border-radius: 0 !important;
}

article.card.blue-invert {
	background-color: #000000;
	color: #fff !important;
}
article.card.blue-invert:hover {
	background-color: #fff;
	color: #000000 !important;
}

#journal-feed article.card.invert {
	background-color: #fff;
	color: #000000;
	border-radius: 0 !important;
}

.related.card.invert, article.card.invert .strands a,
li.card.invert .strands a {
	color: #000000;
}
article.card.invert .strands a:hover,
li.card.invert .strands a:hover {
	text-decoration: underline;
}
article.card.invert .days a,
li.card.invert .days a {
	color: #000000;
}
article.card.invert .days a:hover,
li.card.invert .days a:hover {
	border-bottom: 2px solid #fff;
}
article.card.invert a,
article.card.invert time,
li.card.invert a,
li.card.invert time {
	color: #000000;
}
.related.card.invert a:hover, article.card.invert a:hover,
li.card.invert a:hover {
	text-decoration: none;
}
.related.card.invert:hover, article.card.invert:hover,
li.card.invert:hover {
	background-color: #000000;
	color: white;
}
#journal-feed article.card.invert:hover {
	background-color: #000000;
	color: white;
}

article.card.invert:hover .myohd-off path,
li.card.invert:hover .myohd-off path {
	fill: #fff;
}
article.card.invert:hover > div,
li.card.invert:hover > div {
	background-color: #000000;
	color: #fff;
}
article.card.invert:hover > a,
li.card.invert:hover > a {
	color: #fff !important;
}
article.card.invert:hover > div .days a:hover,
li.card.invert:hover > div .days a:hover {
	border-bottom: 2px solid #fff;
	text-decoration: none;
}
article.card.invert:hover .strands a,
li.card.invert:hover .strands a {
	color: #fff;
}
article.card.invert:hover .strands a:hover,
li.card.invert:hover .strands a:hover {
	border-bottom: 2px solid #fff;
	text-decoration: none;
}
article.card.invert:hover time,
li.card.invert:hover time {
	color: #fff;
}
article.card.invert:hover ::selection,
li.card.invert:hover ::selection {
	background: #fff;
	color: #fff;
}
article.card.extended,
li.card.extended {
	width: 100% !important;
	margin: 0;
	border: 0;
	background-color: #fff;
	color: #000000;
	border-bottom: 2px solid #000000;
}
article.card.extended .simplefavorite-button,
li.card.extended .simplefavorite-button {
	top: 15px;
	right: 10px;
}
@media screen and (min-width: 680px) {
	article.card.extended .simplefavorite-button,
	li.card.extended .simplefavorite-button {
		top: calc(0.80645vw + 9.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .simplefavorite-button,
	li.card.extended .simplefavorite-button {
		top: 25px;
	}
}
@media screen and (min-width: 680px) {
	article.card.extended .simplefavorite-button,
	li.card.extended .simplefavorite-button {
		right: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .simplefavorite-button,
	li.card.extended .simplefavorite-button {
		right: 20px;
	}
}
article.card.extended header,
li.card.extended header {
	padding: 15px;
}
@media screen and (min-width: 680px) {
	article.card.extended header,
	li.card.extended header {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended header,
	li.card.extended header {
		padding: 30px;
	}
}
article.card.extended header h2,
li.card.extended header h2 {
	font-size: 40px;
	margin-bottom: 10px;
	color: #000000;
	line-height: 1;
	max-width: 85%;
	font-weight: 100;
	max-width: 50ch;
}
@media screen and (min-width: 680px) {
	article.card.extended header h2,
	li.card.extended header h2 {
		font-size: calc(3.22581vw + 18.06452px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended header h2,
	li.card.extended header h2 {
		font-size: 80px;
	}
}
@media screen and (min-width: 680px) {
	article.card.extended header h2,
	li.card.extended header h2 {
		margin-bottom: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended header h2,
	li.card.extended header h2 {
		margin-bottom: 20px;
	}
}
@media (max-width: 680px) {
	article.card.extended header h2,
	li.card.extended header h2 {
		max-width: 100%;
	}
}
article.card.extended header h2 a,
li.card.extended header h2 a {
	color: #000000;
}
article.card.extended header h2 a:hover,
li.card.extended header h2 a:hover {
	text-decoration: underline;
}
article.card.extended .video-wrapper .video-caption,
article.card.extended .video-wrapper p,
li.card.extended .video-wrapper .video-caption,
li.card.extended .video-wrapper p {
	padding: 15px;
}
article.card.extended .social,
li.card.extended .social {
	margin-bottom: 10px;
}
article.card.extended img,
li.card.extended img {
	position: relative;
	height: auto;
	top: auto;
	left: auto;
	margin-bottom: 0;
	width: 100%;
	max-width: 100%;
}
article.card.extended p,
li.card.extended p {
	font-size: 28px;
	line-height: 1.2;
}
article.card.extended p a,
li.card.extended p a {
	color: #000000;
	text-decoration: underline;
}
article.card.extended p,
li.card.extended p {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 1em;
	font-weight: 300;
	color: #000000;
}
@media screen and (min-width: 680px) {
	article.card.extended p,
	li.card.extended p {
		font-size: calc(0.64516vw + 13.6129px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended p,
	li.card.extended p {
		font-size: 26px;
	}
}
@media (max-width: 414px) {
	article.card.extended p,
	li.card.extended p {
		font-size: 18px;
		font-weight: 400;
	}
}
article.card.extended p:last-child,
li.card.extended p:last-child {
	margin-bottom: 0;
}
article.card.extended .days,
li.card.extended .days {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 300;
	margin-top: 5px;
}
@media screen and (min-width: 680px) {
	article.card.extended .days,
	li.card.extended .days {
		margin-top: calc(0.80645vw - 0.48387px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .days,
	li.card.extended .days {
		margin-top: 15px;
	}
}
article.card.extended .strands,
li.card.extended .strands {
	position: relative;
	left: auto;
	bottom: auto;
	line-height: 1;
	display: block;
	margin-top: 0;
	margin-bottom: 20px;
}
@media screen and (min-width: 680px) {
	article.card.extended .strands,
	li.card.extended .strands {
		margin-top: 0;
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .strands,
	li.card.extended .strands {
		margin-top: 0;
	}
}
@media screen and (min-width: 680px) {
	article.card.extended .strands,
	li.card.extended .strands {
		margin-bottom: calc(0.80645vw + 14.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .strands,
	li.card.extended .strands {
		margin-bottom: 30px;
	}
}
article.card.extended .strands a,
li.card.extended .strands a {
	font-size: 13px;
	color: #000000;
	border-bottom: 2px solid #000000;
}
@media screen and (min-width: 375px) {
	article.card.extended .strands a,
	li.card.extended .strands a {
		font-size: calc(0.12945vw + 12.51456px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .strands a,
	li.card.extended .strands a {
		font-size: 15px;
	}
}
article.card.extended .credit-slider,
li.card.extended .credit-slider {
	padding-right: 15px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	text-align: right;
}
@media screen and (min-width: 680px) {
	article.card.extended .credit-slider,
	li.card.extended .credit-slider {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .credit-slider,
	li.card.extended .credit-slider {
		padding-right: 30px;
	}
}

article.card.extended:last-child,
li.card.extended:last-child {
	border-bottom: 0 !important;
}

article.card.extended .meta-holder,
li.card.extended .meta-holder {
	display: block;
	line-height: 1.1;
	margin-top: 20px;
	max-width: 80%;
	font-weight: 700;
}
article.card.extended .meta-holder a,
li.card.extended .meta-holder a {
	color: #000000;
}
article.card.extended .meta-holder a:hover,
li.card.extended .meta-holder a:hover {
	text-decoration: underline;
}
article.card.extended .meta-holder .architect-year,
li.card.extended .meta-holder .architect-year {
	display: inline;
	font-weight: 700;
	margin-bottom: -4px;
}
article.card.extended .meta-holder .location,
li.card.extended .meta-holder .location {
	display: inline;
	font-weight: 700;
}
@media (max-width: 680px) {
	article.card.extended .meta-holder,
	li.card.extended .meta-holder {
		margin-top: 10px;
	}
}
article.card.extended .post-content,
li.card.extended .post-content {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}
@media screen and (min-width: 680px) {
	article.card.extended .post-content,
	li.card.extended .post-content {
		padding-top: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .post-content,
	li.card.extended .post-content {
		padding-top: 20px;
	}
}
@media screen and (min-width: 680px) {
	article.card.extended .post-content,
	li.card.extended .post-content {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .post-content,
	li.card.extended .post-content {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.card.extended .post-content,
	li.card.extended .post-content {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.extended .post-content,
	li.card.extended .post-content {
		padding-right: 30px;
	}
}
article.card.extended .post-content .location-notes,
li.card.extended .post-content .location-notes {
	max-width: 360px;
}
article.card.extended .post-content .social,
li.card.extended .post-content .social {
	margin-bottom: 0;
}
@media (max-width: 680px) {
	article.card.extended .post-content,
	li.card.extended .post-content {
		padding-bottom: 15px;
	}
}
article.card.news .days,
li.card.news .days {
	display: none;
}
article.card.hide,
li.card.hide {
	opacity: 0;
	pointer-events: none;
	margin: 0 !important;
	border: 0 solid transparent;
}
article.card.canceled-show,
li.card.canceled-show {
	pointer-events: none;
	border: 2px solid #c5efff;
}
article.card.canceled-show > div,
article.card.canceled-show a .strands,
article.card.canceled-show img,
li.card.canceled-show > div,
li.card.canceled-show a .strands,
li.card.canceled-show img {
	opacity: 0.3;
}
article.card.canceled-show:after,
li.card.canceled-show:after {
	content: "We're Sorry, This Tour Has Been Cancelled";
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 1;
	font-weight: 100;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
	width: 190px;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #000000;
}
article.card.homepage,
li.card.homepage {
	width: 100%;
	border: 2px solid #000000 !important;
	background-color: #000000;
}
article.card.homepage .card-info,
li.card.homepage .card-info {
	padding: 10px 15px 30px;
	min-height: 160px;
}
@media screen and (min-width: 680px) {
	article.card.homepage .card-info,
	li.card.homepage .card-info {
		padding-top: calc(1.6129vw - 0.96774px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage .card-info,
	li.card.homepage .card-info {
		padding-top: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.card.homepage .card-info,
	li.card.homepage .card-info {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage .card-info,
	li.card.homepage .card-info {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.card.homepage .card-info,
	li.card.homepage .card-info {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage .card-info,
	li.card.homepage .card-info {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.card.homepage .card-info,
	li.card.homepage .card-info {
		padding-bottom: calc(2.41935vw + 13.54839px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage .card-info,
	li.card.homepage .card-info {
		padding-bottom: 60px;
	}
}
article.card.homepage .strands,
li.card.homepage .strands {
	bottom: 15px;
	left: 15px;
}
@media screen and (min-width: 680px) {
	article.card.homepage .strands,
	li.card.homepage .strands {
		bottom: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage .strands,
	li.card.homepage .strands {
		bottom: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.card.homepage .strands,
	li.card.homepage .strands {
		left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage .strands,
	li.card.homepage .strands {
		left: 30px;
	}
}
article.card.homepage img,
li.card.homepage img {
	height: 414px;
}
@media (max-width: 680px) {
	article.card.homepage img,
	li.card.homepage img {
		height: 212px;
		top: -2px;
		left: -2px;
	}
}
article.card.homepage h2,
li.card.homepage h2 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
	max-width: 90%;
	text-indent: -2px;
	margin-top: 10px;
}
@media screen and (min-width: 680px) {
	article.card.homepage h2,
	li.card.homepage h2 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage h2,
	li.card.homepage h2 {
		font-size: 80px;
	}
}
article.card.homepage h2 a:hover,
li.card.homepage h2 a:hover {
	text-decoration: underline;
}
@media (max-width: 680px) {
	article.card.homepage h2,
	li.card.homepage h2 {
		font-size: 32px;
		line-height: 1;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	article.card.homepage h2,
	li.card.homepage h2 {
		font-size: calc(10.55556vw - 1.77778px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	article.card.homepage h2,
	li.card.homepage h2 {
		font-size: 70px;
	}
}
article.card.homepage time,
li.card.homepage time {
	margin-bottom: 0;
}
@media screen and (min-width: 680px) {
	article.card.homepage time,
	li.card.homepage time {
		margin-bottom: calc(1.6129vw - 10.96774px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage time,
	li.card.homepage time {
		margin-bottom: 20px;
	}
}
article.card.homepage p,
li.card.homepage p {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	line-height: 1.2;
	max-width: 65%;
}
@media screen and (min-width: 680px) {
	article.card.homepage p,
	li.card.homepage p {
		margin-top: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage p,
	li.card.homepage p {
		margin-top: 20px;
	}
}
@media screen and (min-width: 680px) {
	article.card.homepage p,
	li.card.homepage p {
		font-size: calc(1.12903vw + 10.32258px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage p,
	li.card.homepage p {
		font-size: 32px;
	}
}
@media (max-width: 680px) {
	article.card.homepage p,
	li.card.homepage p {
		font-weight: 400;
	}
}
article.card.homepage .button,
li.card.homepage .button {
	margin-top: 20px;
	margin-bottom: 0;
}
article.card.homepage a.journal-link,
li.card.homepage a.journal-link {
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.05em;
	color: #fff;
	text-transform: uppercase;
	vertical-align: middle;
	margin-right: 10px;
}
article.card.homepage a.journal-link:hover,
li.card.homepage a.journal-link:hover {
	border-bottom: 2px solid #fff;
}
article.card.homepage a.collection-link,
li.card.homepage a.collection-link {
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.05em;
	color: #fff;
	text-transform: uppercase;
	vertical-align: middle;
	margin-right: 10px;
}
article.card.homepage a.collection-link:hover,
li.card.homepage a.collection-link:hover {
	border-bottom: 2px solid #fff;
}
article.card.homepage .house-icon,
li.card.homepage .house-icon {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 40px;
}
@media screen and (min-width: 375px) {
	article.card.homepage .house-icon,
	li.card.homepage .house-icon {
		right: calc(0.64725vw + 17.57282px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage .house-icon,
	li.card.homepage .house-icon {
		right: 30px;
	}
}
@media screen and (min-width: 375px) {
	article.card.homepage .house-icon,
	li.card.homepage .house-icon {
		bottom: calc(0.64725vw + 17.57282px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage .house-icon,
	li.card.homepage .house-icon {
		bottom: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.card.homepage .house-icon,
	li.card.homepage .house-icon {
		width: calc(11.29032vw - 36.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage .house-icon,
	li.card.homepage .house-icon {
		width: 180px;
	}
}
article.card.homepage .house-icon *,
li.card.homepage .house-icon * {
	fill: #fff;
}
@media (max-width: 414px) {
	article.card.homepage .house-icon,
	li.card.homepage .house-icon {
		width: 60px;
	}
}
@media (max-width: 375px) {
	article.card.homepage .house-icon,
	li.card.homepage .house-icon {
		width: 55px;
	}
}
@media (max-width: 320px) {
	article.card.homepage .house-icon,
	li.card.homepage .house-icon {
		width: 45px;
	}
}
article.card.homepage.collections-home-card .card-info,
li.card.homepage.collections-home-card .card-info {
	padding-bottom: 40px;
}
@media screen and (min-width: 680px) {
	article.card.homepage.collections-home-card .card-info,
	li.card.homepage.collections-home-card .card-info {
		padding-bottom: calc(4.03226vw + 12.58065px);
	}
}
@media screen and (min-width: 1920px) {
	article.card.homepage.collections-home-card .card-info,
	li.card.homepage.collections-home-card .card-info {
		padding-bottom: 90px;
	}
}
article.card .simplefavorite-button,
li.card .simplefavorite-button {
	position: absolute;
	top: 0;
	right: -2px;
	padding: 6.5px 10px;
	top: 4px;
	right: 4px;
	z-index: 9999;
}
article.card .simplefavorite-button .plus-icon,
li.card .simplefavorite-button .plus-icon {
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
}
article.card .simplefavorite-button .plus-icon svg > *,
li.card .simplefavorite-button .plus-icon svg > * {
	fill: #000000;
}
article.card .simplefavorite-button:hover,
li.card .simplefavorite-button:hover {
	background-color: #000000;
}
article.card .simplefavorite-button:hover .plus-icon path,
li.card .simplefavorite-button:hover .plus-icon path {
	fill: #fff;
}
article.card .simplefavorite-button.active .minus-icon,
li.card .simplefavorite-button.active .minus-icon {
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
}
article.card .simplefavorite-button.active .minus-icon path,
li.card .simplefavorite-button.active .minus-icon path {
	fill: #ff0108;
}
article.card .simplefavorite-button.active:hover,
li.card .simplefavorite-button.active:hover {
	background-color: #ff0108;
}
article.card .simplefavorite-button.active:hover .minus-icon path,
li.card .simplefavorite-button.active:hover .minus-icon path {
	fill: #fff;
}
@media (max-width: 680px) {
	article.card:not(.hide):last-child {
		margin-bottom: 0;
	}
}
article.banner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	border: 2px solid #000000;
	background-color: #000000;
	width: 100%;
	margin-bottom: 20px;
}
@media screen and (min-width: 680px) {
	article.banner {
		margin-bottom: calc(0.80645vw + 14.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner {
		margin-bottom: 30px;
	}
}
article.banner section {
	width: 50%;
}
article.banner section header {
	padding: 20px;
}
@media screen and (min-width: 375px) {
	article.banner section header {
		padding: calc(1.2945vw + 15.14563px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner section header {
		padding: 40px;
	}
}
article.banner section header .strands {
	margin-bottom: 15px;
}
@media screen and (min-width: 375px) {
	article.banner section header .strands {
		margin-bottom: calc(0.97087vw + 11.35922px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner section header .strands {
		margin-bottom: 30px;
	}
}
article.banner section header .strands a,
article.banner section header .strands time {
	color: #fff;
	border-bottom: 2px solid #fff;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 13px;
	margin-right: 15px;
	letter-spacing: 0.05em;
	font-variant-numeric: tabular-nums;
}
@media screen and (min-width: 375px) {
	article.banner section header .strands a,
	article.banner section header .strands time {
		font-size: calc(0.12945vw + 12.51456px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner section header .strands a,
	article.banner section header .strands time {
		font-size: 15px;
	}
}
article.banner section header h2 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
	max-width: 80%;
	text-indent: -2px;
	margin-top: 10px;
}
@media screen and (min-width: 680px) {
	article.banner section header h2 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner section header h2 {
		font-size: 80px;
	}
}
article.banner section header h2 a {
	color: #fff;
}
article.banner section header h2 a:hover {
	text-decoration: underline;
}
@media (max-width: 680px) {
	article.banner section header h2 {
		font-size: 28px;
		line-height: 1;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	article.banner section header h2 {
		font-size: calc(11.66667vw - 9.33333px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	article.banner section header h2 {
		font-size: 70px;
	}
}
article.banner section header p {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	max-width: 70%;
	font-weight: 400;
	color: #fff;
}
@media screen and (min-width: 680px) {
	article.banner section header p {
		margin-top: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner section header p {
		margin-top: 20px;
	}
}
@media screen and (min-width: 680px) {
	article.banner section header p {
		margin-bottom: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner section header p {
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 680px) {
	article.banner section header p {
		font-size: calc(0.80645vw + 12.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner section header p {
		font-size: 28px;
	}
}
@media (max-width: 680px) {
	article.banner section header p {
		font-weight: 400;
		max-width: 100%;
	}
}
article.banner section img {
	width: 100%;
	height: calc(100% + 4px);
	max-height: 550px;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin-bottom: -4px;
	max-width: calc(100% + 4px);
	width: calc(100% + 4px);
	position: relative;
	top: -2px;
	left: -2px;
	transition: transform 0.5s ease;
}
article.banner.invert {
	background-color: #fff;
}
article.banner.invert img {
	border-right: 2px solid #000000;
}
article.banner.invert .strands a,
article.banner.invert .strands time {
	color: #000000;
	border-color: #000000;
}
article.banner.invert h2 a,
article.banner.invert p {
	color: #000000;
}
article.banner.invert .house-icon * {
	fill: #000000;
}
article.banner.invert section:hover {
	background-color: #000000;
}
article.banner.invert section:hover .strands a,
article.banner.invert section:hover .strands time {
	color: #fff;
	border-color: #fff;
}
article.banner.invert section:hover h2 a,
article.banner.invert section:hover p {
	color: #fff;
}
article.banner.invert section:hover .house-icon * {
	fill: #fff;
}
article.banner.strand {
	display: block;
	background-color: #fff;
}
article.banner.strand h2 {
	font-size: 24px;
	font-weight: 100;
	line-height: 1;
	max-width: 80%;
	position: absolute;
	left: 15px;
	bottom: 15px;
}
@media screen and (min-width: 680px) {
	article.banner.strand h2 {
		font-size: calc(4.51613vw - 6.70968px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner.strand h2 {
		font-size: 80px;
	}
}
@media screen and (min-width: 680px) {
	article.banner.strand h2 {
		left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner.strand h2 {
		left: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.banner.strand h2 {
		bottom: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner.strand h2 {
		bottom: 30px;
	}
}
@media (max-width: 680px) {
	article.banner.strand h2 {
		font-size: 35px;
	}
}
@media (max-width: 414px) {
	article.banner.strand h2 {
		font-size: 35px;
	}
}
@media (max-width: 375px) {
	article.banner.strand h2 {
		font-size: 35px;
	}
}
@media (max-width: 320px) {
	article.banner.strand h2 {
		font-size: 35px;
	}
}
article.banner.strand h2:hover {
	text-decoration: underline;
}
article.banner.strand h2:hover span {
	text-decoration: underline;
	-webkit-text-decoration-color: #ff0108;
	text-decoration-color: #ff0108;
}
article.banner.strand h2 span {
	color: #ff0108;
}
article.banner.strand h2 a:hover span {
	-webkit-text-decoration-color: #ff0108;
	text-decoration-color: #ff0108;
	text-decoration: underline;
}
article.banner.strand p {
	position: absolute;
	font-size: 18px;
	top: 15px;
	left: 15px;
	font-weight: 400;
	width: 320px;
	max-width: 40%;
	line-height: 1.2;
	color: #000000;
}
@media screen and (min-width: 680px) {
	article.banner.strand p {
		font-size: calc(0.80645vw + 12.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner.strand p {
		font-size: 28px;
	}
}
@media screen and (min-width: 680px) {
	article.banner.strand p {
		top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner.strand p {
		top: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.banner.strand p {
		left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner.strand p {
		left: 30px;
	}
}
article.banner.strand p a {
	text-decoration: underline;
}
@media (max-width: 414px) {
	article.banner.strand p {
		display: none;
	}
}
article.banner.strand svg {
	position: relative;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 25%;
	max-width: 450px;
}
@media screen and (min-width: 680px) {
	article.banner.strand svg {
		margin-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner.strand svg {
		margin-top: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.banner.strand svg {
		margin-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner.strand svg {
		margin-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.banner.strand svg {
		margin-bottom: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner.strand svg {
		margin-bottom: 30px;
	}
}
@media (max-width: 680px) {
	article.banner.strand svg {
		width: 35%;
	}
}
article.banner.strand .junior-symbol path:first-child {
	fill: #ff0108;
}
article.banner.strand .junior-symbol path:last-child {
	fill: #000000;
}
article.banner.strand .plus-symbol path:first-child {
	fill: #ff0108;
}
article.banner.strand .plus-symbol path:last-child {
	fill: #000000;
}
article.banner.strand.homepage {
	display: flex !important;
}
article.banner.strand.homepage .symbol-position {
	width: 100%;
}
article.banner.strand.homepage .symbol-position svg {
	width: 50%;
	max-width: 50%;
}
article.banner .house-icon {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 40px;
}
@media screen and (min-width: 375px) {
	article.banner .house-icon {
		right: calc(0.64725vw + 17.57282px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner .house-icon {
		right: 30px;
	}
}
@media screen and (min-width: 375px) {
	article.banner .house-icon {
		bottom: calc(0.64725vw + 17.57282px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner .house-icon {
		bottom: 30px;
	}
}
@media screen and (min-width: 680px) {
	article.banner .house-icon {
		width: calc(11.29032vw - 36.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.banner .house-icon {
		width: 180px;
	}
}
article.banner.strand-homepage {
	border: 0 solid transparent;
	border-bottom: 2px solid #000000;
}
article.banner.strand-homepage:last-of-type {
	border-bottom: 0 solid transparent;
}
.card-wrapper.half article.banner {
	width: 100%;
	min-height: 18vw;
}
.card-wrapper.half article.banner > div {
	width: calc(100% + 30px);
}
.card-wrapper.half article.banner img {
	max-height: 225px;
}
.card-wrapper.half article.banner h2 {
	font-size: 28px;
	max-width: 80%;
	margin-top: 10px;
}
@media screen and (min-width: 680px) {
	.card-wrapper.half article.banner h2 {
		font-size: calc(0.96774vw + 21.41935px);
	}
}
@media screen and (min-width: 1920px) {
	.card-wrapper.half article.banner h2 {
		font-size: 40px;
	}
}
.card-wrapper.half article.banner p {
	margin-top: 0;
	font-size: 18px;
	max-width: 70%;
}
@media screen and (min-width: 680px) {
	.card-wrapper.half article.banner p {
		font-size: calc(0.80645vw + 12.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.card-wrapper.half article.banner p {
		font-size: 28px;
	}
}
@media (max-width: 680px) {
	.card-wrapper.half article.banner p {
		font-weight: 400;
		max-width: 100%;
	}
}
.card-wrapper.half article.banner svg {
	width: 20px;
}
@media screen and (min-width: 680px) {
	.card-wrapper.half article.banner svg {
		width: calc(3.22581vw - 1.93548px);
	}
}
@media screen and (min-width: 1920px) {
	.card-wrapper.half article.banner svg {
		width: 60px;
	}
}
.card-wrapper.half article.banner.strand h2 {
	font-size: 28px;
	max-width: 80%;
	margin-top: 10px;
}
@media screen and (min-width: 680px) {
	.card-wrapper.half article.banner.strand h2 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.card-wrapper.half article.banner.strand h2 {
		font-size: 80px;
	}
}
@media (max-width: 680px) {
	.card-wrapper.half article.banner.strand h2 {
		font-size: 28px;
		line-height: 1;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.card-wrapper.half article.banner.strand h2 {
		font-size: calc(11.66667vw - 9.33333px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.card-wrapper.half article.banner.strand h2 {
		font-size: 70px;
	}
}
.card-wrapper.half article.banner.strand svg {
	width: 40%;
	margin-right: 50px;
}

.info-window {
	width: 100%;
	width: 250px;
	min-height: 260px;
	z-index: 2;
	font-family: iaf, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji;
	background-color: #fff;
	border: 0px solid #000000;
	font-weight: 400;
}
.info-window > div {
	color: #000000;
	padding: 10px;
}
.info-window > div .days {
	font-weight: 100;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.info-window > div .days:hover {
	border-bottom: 1px solid #000000;
}
.info-window > div h3 {
	font-size: 25px !important;
	font-weight: 100;
	margin-bottom: 3px;
	margin-top: 2px;
	line-height: 1 !important;
}
.info-window > div h3:hover {
	text-decoration: none !important;
}
.info-window > div .architect-year {
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 20px;
}
.info-window > div .address {
	font-weight: 700;
}
.info-window > div .strands {
	margin-top: 11px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 100;
	font-size: 11px;
	margin-right: 5px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	pointer-events: none;
}
.info-window > div .strands:hover {
	border-bottom: 1px solid #000000;
}
.info-window img {
	position: relative;
	width: 100%;
	display: block;
	max-height: 150px;
	min-height: 150px;
	-o-object-fit: cover;
	object-fit: cover;
	margin-top: -50px;
}

.year-meta {
	display: block;
	position: relative;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	.year-meta {
		margin-bottom: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.year-meta {
		margin-bottom: 30px;
	}
}
.year-meta h2 {
	font-size: 40px;
	margin: 20px 0 10px;
	line-height: 1;
	font-weight: 100;
}
@media screen and (min-width: 680px) {
	.year-meta h2 {
		font-size: calc(3.22581vw + 18.06452px);
	}
}
@media screen and (min-width: 1920px) {
	.year-meta h2 {
		font-size: 80px;
	}
}
@media screen and (min-width: 680px) {
	.year-meta h2 {
		margin-top: calc(2.41935vw + 3.54839px);
	}
}
@media screen and (min-width: 1920px) {
	.year-meta h2 {
		margin-top: 50px;
	}
}
@media screen and (min-width: 680px) {
	.year-meta h2 {
		margin-bottom: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.year-meta h2 {
		margin-bottom: 20px;
	}
}
.year-meta ul li {
	font-size: 22px;
	line-height: 1.15;
	font-weight: 300;
}
@media screen and (min-width: 680px) {
	.year-meta ul li {
		font-size: calc(2.09677vw + 7.74194px);
	}
}
@media screen and (min-width: 1920px) {
	.year-meta ul li {
		font-size: 48px;
	}
}
.year-meta ul li:first-child span {
	text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
	transition: background-position 0.35s ease;
	background-image: linear-gradient(90deg, #000000 0, #000000 50%, transparent 50.1%, transparent 95%) !important;
	background-repeat: repeat-x;
	background-position: 0 88%;
	background-size: 200% 1px;
}
.donate {
	background-color: #fff;
	padding: 15px;
}
@media screen and (min-width: 680px) {
	.donate {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.donate {
		padding: 30px;
	}
}
.donate h2 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
	max-width: 65%;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	.donate h2 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.donate h2 {
		font-size: 80px;
	}
}
@media screen and (min-width: 680px) {
	.donate h2 {
		margin-bottom: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.donate h2 {
		margin-bottom: 30px;
	}
}
@media (max-width: 414px) {
	.donate h2 {
		max-width: 85%;
		font-size: 40px;
	}
}
@media (max-width: 375px) {
	.donate h2 {
		max-width: 80%;
		font-size: 35px;
	}
}
@media (max-width: 320px) {
	.donate h2 {
		max-width: 90%;
		font-size: 35px;
	}
}
.donate p {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 1em;
	font-weight: 300 !important;
	color: #000000;
	max-width: 85%;
}
@media screen and (min-width: 680px) {
	.donate p {
		font-size: calc(0.64516vw + 15.6129px);
	}
}
@media screen and (min-width: 1920px) {
	.donate p {
		font-size: 28px;
	}
}
@media (max-width: 414px) {
	.donate p {
		max-width: 95%;
		font-size: 20px;
	}
}
@media (max-width: 375px) {
	.donate p {
		font-size: 18px;
	}
}
@media (max-width: 320px) {
	.donate p {
		font-size: 17px;
	}
}
.donate .button {
	margin-bottom: 5px;
}
@media (max-width: 680px) {
	.donate .button:first-of-type {
		margin-bottom: 15px;
	}
	.donate .button:last-of-type {
		margin-bottom: 5px;
	}
}
.donate.mobile {
	display: none;
}
@media (max-width: 680px) {
	.donate.mobile {
		display: block;
	}
}

.donate-whats-on {
	position: relative;
	opacity: 1;
	top: auto;
	height: auto;
	right: auto;
}
h4 {
	letter-spacing: 0.05em;
	font-size: 18px;
	margin: 20px 0;
	font-weight: 900;
	text-decoration: underline;
	text-transform: uppercase;
}
ul.social {
	text-indent: -2px;
	margin-top: -10px;
}
@media (max-width: 680px) {
	ul.social {
		margin-bottom: 0;
	}
}
ul.social li {
	display: inline-block;
	margin-right: 5px;
}
ul.social li a svg {
	width: 30px;
	display: block;
	border-radius: 100%;
	border: 2px solid #000000;
}
ul.social li a svg > * {
	fill: #000000;
}
ul.social li a:hover svg {
	background-color: #000000;
}
ul.social li a:hover svg .icon {
	fill: #fff;
}
.red-text {
	color: #ff0108 !important;
}


.print-logo,
p:empty {
	display: none;
}

.iframe-booking {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 414px) {
	.iframe-booking {
		position: relative;
		height: 100vh;
	}
}
.animate-lottery:after {
	content: "";
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	background-color: #000000;
	height: 100%;
	width: 0;
	border-left: 2px solid transparent;
	transition: all 0.5s ease;
	transform: translateX(2px);
}
.animate-lottery.load-in:after {
	display: block;
	width: calc(100% - 2px);
	border-left: 2px solid #000000;
	transform: translateX(0);
}
.animate-lottery.loaded:after {
	opacity: 0;
	display: block;
}
.cookieinfo {
	background-color: #231f20 !important;
	color: #fff !important;
	font-size: 11px !important;
	text-align: left !important;
	line-height: 1.2 !important;
}
.cookieinfo span {
	max-width: 90% !important;
}
.cookieinfo .cookieinfo-close {
	color: #fff !important;
	background-color: transparent !important;
	min-width: 0 !important;
	padding: 0 !important;
	position: relative !important;
	top: 4px;
}
.cookieinfo a {
	color: #ffce97 !important;
}
.not-found {
	min-height: calc(100vh - 490px);
	padding: 15px;
}
@media screen and (min-width: 680px) {
	.not-found {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.not-found {
		padding: 30px;
	}
}
.not-found h1 {
	font-size: 28px;
	line-height: 1;
	font-weight: 100;
}
@media screen and (min-width: 680px) {
	.not-found h1 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.not-found h1 {
		font-size: 80px;
	}
}
.not-found p {
	font-size: 22px;
	font-weight: 300 !important;
	margin-top: 15px;
	max-width: 480px;
}
@media screen and (min-width: 680px) {
	.not-found p {
		font-size: calc(1.04839vw + 14.87097px);
	}
}
@media screen and (min-width: 1920px) {
	.not-found p {
		font-size: 35px;
	}
}
.sub-page-navigation li {
	position: relative;
}
.sub-page-navigation li:first-of-type {
	border-top: 2px solid #000000;
}
.sub-page-navigation li:last-of-type a {
	border-bottom: 2px solid #000000;
}
@media (max-width: 680px) {
	.sub-page-navigation li:last-of-type a {
		border-bottom: 0 solid transparent;
	}
}
.sub-page-navigation li a {
	display: block;
	width: 100%;
	background-color: #fff;
	border-bottom: 2px solid #000000;
	font-size: 25px;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 1;
	font-weight: 100;
}
@media screen and (min-width: 680px) {
	.sub-page-navigation li a {
		font-size: calc(4.03226vw - 2.41935px);
	}
}
@media screen and (min-width: 1920px) {
	.sub-page-navigation li a {
		font-size: 75px;
	}
}
@media screen and (min-width: 680px) {
	.sub-page-navigation li a {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.sub-page-navigation li a {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.sub-page-navigation li a {
		padding-top: calc(0.64516vw + 2.6129px);
	}
}
@media screen and (min-width: 1920px) {
	.sub-page-navigation li a {
		padding-top: 15px;
	}
}
@media screen and (min-width: 680px) {
	.sub-page-navigation li a {
		padding-bottom: calc(0.64516vw + 2.6129px);
	}
}
@media screen and (min-width: 1920px) {
	.sub-page-navigation li a {
		padding-bottom: 15px;
	}
}
.sub-page-navigation li a:hover {
	background-color: #000000;
	color: #fff;
}
@media (max-width: 414px) {
	.sub-page-navigation li a {
		font-size: 40px;
		padding-top: 10px;
		padding-bottom: 6px;
	}
}
@media (max-width: 375px) {
	.sub-page-navigation li a {
		font-size: 35px;
		padding-top: 10px;
		padding-bottom: 6px;
	}
}
.sub-page-navigation li.active a {
	background-color: #000000;
	color: #fff;
}
section.about {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
section.about > div {
	width: 50%;
}
@media (max-width: 680px) {
	section.about > div {
		width: 100%;
	}
}
section.about > div.navigation {
	overflow-x: hidden;
	overflow-y: scroll;
	position: fixed;
}
section.about > div.navigation.locked {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: visible;
	min-height: auto;
	max-height: none;
}
section.about > div.navigation.locked ul li:last-child a {
	border-bottom: 0 solid transparent;
}
@media (max-width: 680px) {
	section.about > div.navigation {
		position: relative;
		overflow: initial;
	}
}
section.about > div .mobile {
	display: none;
}
@media (max-width: 680px) {
	section.about > div .mobile {
		display: block;
		overflow: initial;
	}
}
section.about > div:nth-child(2) {
	width: calc(50% - 2px);
	margin-left: 50%;
	border-left: 2px solid #000000;
}
@media (max-width: 680px) {
	section.about > div:nth-child(2) {
		display: none;
	}
}
section.about .about-page-intro {
	position: relative;
	padding: 15px;
}
@media screen and (min-width: 680px) {
	section.about .about-page-intro {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .about-page-intro {
		padding: 30px;
	}
}
section.about .about-page-intro h1 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
}
@media screen and (min-width: 680px) {
	section.about .about-page-intro h1 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .about-page-intro h1 {
		font-size: 80px;
	}
}
@media (max-width: 680px) {
	section.about .about-page-intro h1 {
		font-size: 40px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	section.about .about-page-intro h1 {
		font-size: calc(4.16667vw + 26.66667px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	section.about .about-page-intro h1 {
		font-size: 55px;
	}
}
section.about .logo-soup > div {
	margin-bottom: 30px;
}
section.about .logo-soup a {
	text-shadow: none !important;
	background-size: 0 !important;
}
section.about .logo-soup a:after {
	display: none;
}
section.about .logo-soup h4 {
	margin-bottom: 30px !important;
	font-variant-numeric: normal;
}
section.about .logo-soup img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 60px;
	margin-bottom: 50px !important;
}
section.about .page-content {
	padding: 15px;
	position: relative;
	z-index: 2;
}
@media screen and (min-width: 680px) {
	section.about .page-content {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .page-content {
		padding: 30px;
	}
}
@media (max-width: 680px) {
	section.about .page-content {
		position: relative;
		border: 0;
		overflow-x: visible;
		overflow-y: visible;
	}
}
section.about .page-content p {
	font-size: 20px;
	font-weight: 300 !important;
	margin-bottom: 1em;
}
@media screen and (min-width: 680px) {
	section.about .page-content p {
		font-size: calc(0.64516vw + 15.6129px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .page-content p {
		font-size: 28px;
	}
}
section.about .page-content h1,
section.about .page-content h2,
section.about .page-content h3,
section.about .page-content h4,
section.about .page-content h5,
section.about .page-content h6 {
	font-variant-numeric: tabular-nums;
}
section.about .page-content h1 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	section.about .page-content h1 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .page-content h1 {
		font-size: 80px;
	}
}
section.about .page-content h1 + p {
	font-size: 22px;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 20px;
	max-width: 100%;
}
@media screen and (min-width: 680px) {
	section.about .page-content h1 + p {
		font-size: calc(1.04839vw + 14.87097px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .page-content h1 + p {
		font-size: 35px;
	}
}
section.about .page-content h2 {
	font-size: 20px;
	font-weight: 100;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 20px;
}
@media screen and (min-width: 680px) {
	section.about .page-content h2 {
		font-size: calc(2.25806vw + 4.64516px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .page-content h2 {
		font-size: 48px;
	}
}
section.about .page-content h3 {
	font-size: 24px;
	font-weight: 100;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	section.about .page-content h3 {
		font-size: calc(0.64516vw + 19.6129px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .page-content h3 {
		font-size: 32px;
	}
}
section.about .page-content h4 {
	letter-spacing: 0.05em;
	font-size: 18px;
	margin: 20px 0 10px;
}
section.about .page-content h4,
section.about .page-content h5 {
	font-weight: 900;
	text-decoration: underline;
	text-transform: uppercase;
}
section.about .page-content h5 {
	letter-spacing: 0.07em;
	font-size: 15px;
	margin: 15px 0 7.5px;
}
section.about .page-content h6 {
	font-weight: 900;
	letter-spacing: 0.09em;
	font-size: 12px;
	text-decoration: underline;
	margin: 10px 0 5px;
	text-transform: uppercase;
}
section.about .page-content ul {
	list-style-type: disc;
	padding-left: 1em;
	margin: 20px 0;
}
section.about .page-content ul li {
	font-size: 20px;
	font-weight: 300;
}
@media screen and (min-width: 680px) {
	section.about .page-content ul li {
		font-size: calc(0.64516vw + 15.6129px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .page-content ul li {
		font-size: 28px;
	}
}
section.about .page-content ol {
	counter-reset: ohdcounter;
	list-style: none;
	position: relative;
	margin: 20px 0;
}
section.about .page-content ol li {
	font-size: 20px;
	font-weight: 300;
	counter-increment: ohdcounter;
	padding-left: 1em;
	position: relative;
	font-size: inherit;
}
@media screen and (min-width: 680px) {
	section.about .page-content ol li {
		font-size: calc(0.64516vw + 15.6129px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .page-content ol li {
		font-size: 28px;
	}
}
section.about .page-content ol li:before {
	content: counter(ohdcounter);
	position: absolute;
	left: -0.5em;
	top: 0.4em;
	color: #fff;
	background: #000000;
	height: 0.6em;
	width: 0.6em;
	text-align: center;
	line-height: 0.6em;
	border-radius: 100%;
	padding: 8px;
	font-variant-numeric: tabular-nums;
	font-weight: 100;
	font-size: 60%;
}
section.about .page-content blockquote {
	border-left: 2px solid #000000;
	padding: 10px 0 10px 20px;
	margin-bottom: 30px;
}
section.about .page-content blockquote p {
	margin: 0;
	font-weight: 400 !important;
	line-height: 1.25;
}
section.about .page-content a {
	color: #000000;
	word-break: break-word;
	text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
	position: relative;
	transition: background-position 0.35s ease;
	background-image: linear-gradient(90deg, #000000 0, #000000 50%, transparent 50.1%, transparent 95%) !important;
	background-repeat: repeat-x;
	background-position: 0 88%;
	background-size: 200% 1px;
}
section.about .page-content a:hover {
	background-position: 200% 88%;
}
section.about .page-content img {
	width: 100%;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	section.about .page-content img {
		margin-bottom: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.about .page-content img {
		margin-bottom: 30px;
	}
}
section.homepage {
	display: flex;
	flex-wrap: wrap;
}
section.homepage #map {
	height: calc(100vh - 154px);
	position: fixed;
	top: 122px !important;
	right: 0;
	width: calc(50% - 2px);
	background-color: #fff;
	transform: translateX(100%);
}
section.homepage #map.visible {
	transform: translateX(0);
}
section.homepage #map.top-lock {
	position: absolute;
	top: 0 !important;
	left: 0;
	width: 100%;
}
section.homepage #map.bottom-lock {
	position: absolute;
	bottom: 0 !important;
	left: 0;
	top: auto !important;
	width: 100%;
}
section.homepage .close-booking {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	z-index: 5;
	transform: rotate(45deg);
}
section.homepage > div {
	position: relative;
	width: 50%;
}
section.homepage > div:last-child {
	border-left: 2px solid #000000;
}
section.homepage > div:last-child > div.featured-wrapper {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
@media screen and (min-width: 680px) {
	section.homepage > div:last-child > div.featured-wrapper {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage > div:last-child > div.featured-wrapper {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage > div:last-child > div.featured-wrapper {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage > div:last-child > div.featured-wrapper {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage > div:last-child > div.featured-wrapper {
		padding-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage > div:last-child > div.featured-wrapper {
		padding-top: 30px;
	}
}
@media (max-width: 680px) {
	section.homepage > div:last-child {
		display: none;
	}
}
section.homepage > div:last-child.solo-scroll {
	max-height: calc(100% - 120px);
	overflow-x: hidden;
	overflow-y: scroll;
	position: fixed;
	top: 120px;
	right: 0;
}
@media (max-width: 680px) {
	section.homepage > div {
		width: 100%;
	}
}
section.homepage .intro {
	padding: 15px 15px 20px;
}
@media screen and (min-width: 680px) {
	section.homepage .intro {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .intro {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage .intro {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .intro {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage .intro {
		padding-top: calc(2.01613vw + 1.29032px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .intro {
		padding-top: 40px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage .intro {
		padding-bottom: calc(1.6129vw + 9.03226px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .intro {
		padding-bottom: 40px;
	}
}
section.homepage .intro h1 {
	font-size: 42px;
	font-weight: 100;
	line-height: 1;
	max-width: 95%;
	margin-bottom: 15px;
}
@media screen and (min-width: 681px) {
	section.homepage .intro h1 {
		font-size: calc(3.06699vw + 21.1138px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .intro h1 {
		font-size: 80px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage .intro h1 {
		margin-bottom: calc(2.82258vw - 4.19355px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .intro h1 {
		margin-bottom: 50px;
	}
}
@media (max-width: 680px) {
	section.homepage .intro h1 {
		max-width: 100%;
	}
}
@media (max-width: 414px) {
	section.homepage .intro h1 {
		font-size: 40px;
	}
}
@media (max-width: 375px) {
	section.homepage .intro h1 {
		font-size: 36px;
	}
}
@media (max-width: 320px) {
	section.homepage .intro h1 {
		font-size: 30px;
	}
}
section.homepage .intro .two-col {
	-webkit-column-count: 2;
	column-count: 2;
	max-width: 95%;
	-webkit-column-gap: 30px;
	column-gap: 30px;
}
@media (max-width: 1024px) {
	section.homepage .intro .two-col {
		-webkit-column-count: 1;
		column-count: 1;
		max-width: 95%;
	}
}
@media (max-width: 680px) {
	section.homepage .intro .two-col {
		max-width: 100%;
	}
}
section.homepage .intro .two-col p {
	font-size: 20px;
	font-weight: 400;
	display: block;
	line-height: 1.3;
}
@media screen and (min-width: 680px) {
	section.homepage .intro .two-col p {
		font-size: calc(0.64516vw + 15.6129px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .intro .two-col p {
		font-size: 28px;
	}
}
@media (max-width: 680px) {
	section.homepage .intro .two-col p {
		font-size: 20px;
	}
}
@media (max-width: 414px) {
	section.homepage .intro .two-col p {
		font-size: 20px;
	}
}
@media (max-width: 375px) {
	section.homepage .intro .two-col p {
		font-size: 18px;
	}
}
@media (max-width: 320px) {
	section.homepage .intro .two-col p {
		font-size: 17px;
	}
}
section.homepage .intro .two-col p a {
	color: #000000;
	text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
	transition: background-position 0.35s ease;
	background-image: linear-gradient(90deg, #000000 0, #000000 50%, transparent 50.1%, transparent 95%) !important;
	background-repeat: repeat-x;
	background-position: 0 88%;
	background-size: 200% 1px;
}
section.homepage .intro .two-col p a:hover {
	background-position: 200% 88%;
}
section.homepage .collections-header-homepage {
	font-size: 28px;
	font-weight: 100;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	section.homepage .collections-header-homepage {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .collections-header-homepage {
		font-size: 80px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage .collections-header-homepage {
		margin-bottom: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .collections-header-homepage {
		margin-bottom: 30px;
	}
}
section.homepage .collections-header-homepage:hover {
	text-decoration: underline;
}
section.homepage .homepage-highlight {
	height: 400px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
@media screen and (min-width: 680px) {
	section.homepage .homepage-highlight {
		margin-bottom: calc(0.80645vw + 14.51613px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .homepage-highlight {
		margin-bottom: 30px;
	}
}
section.homepage .homepage-highlight img {
	position: absolute;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
section.homepage .homepage-highlight .title-holder {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	height: 220px;
	width: 220px;
	border: 1px solid #000000;
	background-color: #000000;
}
section.homepage .homepage-highlight .title-holder h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	line-height: 1;
	width: 78%;
	color: #fff;
	font-weight: 100;
	left: 52.5%;
	top: 52.5%;
}
@media screen and (min-width: 680px) {
	section.homepage .homepage-highlight .title-holder h2 {
		font-size: calc(0.48387vw + 14.70968px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage .homepage-highlight .title-holder h2 {
		font-size: 24px;
	}
}
section.homepage .homepage-highlight .title-holder h2 a {
	color: #fff;
}
section.homepage .homepage-highlight .title-holder:hover {
	background-color: #fff;
}
section.homepage .homepage-highlight .title-holder:hover h2 {
	color: #000000;
}
section.homepage .homepage-highlight .title-holder:hover h2 a {
	color: #000000;
	text-decoration: underline;
}
@media (max-width: 414px) {
	section.homepage .homepage-highlight .title-holder {
		height: 160px;
		width: 160px;
	}
	section.homepage .homepage-highlight .title-holder h2 {
		font-size: 17px;
	}
}
@media (max-width: 680px) {
	section.homepage .homepage-highlight {
		max-height: 200px;
	}
}
section.homepage .homepage-video {
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	margin-bottom: -2px;
}
section.homepage .homepage-video video {
	width: 100%;
}
section.homepage .homepage-mobile-featured {
	display: none;
}
@media (max-width: 680px) {
	section.homepage .homepage-mobile-featured {
		display: block;
		padding: 20px 15px 15px;
	}
	section.homepage .homepage-mobile-featured article.card {
		margin-bottom: 20px;
	}
	section.homepage .homepage-mobile-featured article:last-of-type {
		margin-bottom: 0;
	}
}
section.homepage .lock-homepage-about.locked {
	position: fixed;
	bottom: 38px;
	width: 50%;
}
section.homepage .lock-homepage-about.locked details:last-child {
	border-bottom: 0;
}
section.homepage .lock-homepage-about.bottom-locked {
	width: 100%;
	position: absolute;
	bottom: 0;
}
section.homepage ul.quicklinks {
	display: block;
}
section.homepage ul.quicklinks li {
	position: relative;
}
section.homepage ul.quicklinks li:first-of-type {
	border-top: 2px solid #000000;
}
section.homepage ul.quicklinks li:last-of-type a {
	border-bottom: 0 solid transparent;
}
@media (max-width: 680px) {
	section.homepage ul.quicklinks li:last-of-type a {
		border-bottom: 2px solid #000000;
	}
}
section.homepage ul.quicklinks li a {
	display: block;
	width: 100%;
	background-color: #fff;
	border-bottom: 2px solid #000000;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 1;
	font-weight: 100;
}
@media screen and (min-width: 680px) {
	section.homepage ul.quicklinks li a {
		font-size: calc(2.82258vw + 20.80645px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage ul.quicklinks li a {
		font-size: 75px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage ul.quicklinks li a {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage ul.quicklinks li a {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage ul.quicklinks li a {
		padding-top: calc(0.64516vw + 2.6129px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage ul.quicklinks li a {
		padding-top: 15px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage ul.quicklinks li a {
		padding-bottom: calc(0.64516vw + 2.6129px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage ul.quicklinks li a {
		padding-bottom: 15px;
	}
}
section.homepage ul.quicklinks li a:hover {
	background-color: #000000;
	color: #fff;
}
@media (max-width: 414px) {
	section.homepage ul.quicklinks li a {
		font-size: 40px;
	}
}
@media (max-width: 375px) {
	section.homepage ul.quicklinks li a {
		font-size: 35px;
	}
}
section.homepage ul.quicklinks.alternate li:nth-child(2n) a {
	color: #ff0108;
}
section.homepage ul.quicklinks.alternate li:nth-child(2n) a:hover {
	background-color: #ff0108;
	color: #fff;
}
section.homepage ul.quicklinks.alternate li:nth-child(2n) a:hover:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #ff0108;
	top: -2px;
	left: 0;
}
section.homepage ul.quicklinks.alternate li:nth-child(2n) a:hover:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #ff0108;
	bottom: 0;
	left: 0;
	z-index: 2;
}
section.homepage details {
	width: 100%;
	background-color: #fff;
	border-bottom: 2px solid #000000;
}
section.homepage details.hover-helper-prev {
	border-bottom: 2px solid #ff0108;
}
section.homepage details.hover-helper-next {
	border-top: 2px solid #ff0108;
}
section.homepage details summary {
	list-style-image: none;
	font-size: 25px;
	line-height: 1;
	font-weight: 100;
	padding: 15px;
}
@media screen and (min-width: 680px) {
	section.homepage details summary {
		font-size: calc(4.03226vw - 2.41935px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage details summary {
		font-size: 75px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage details summary {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage details summary {
		padding: 30px;
	}
}
section.homepage details summary:focus {
	outline: 0;
}
section.homepage details summary:hover {
	color: #fff;
	background-color: #000000;
}
@media (max-width: 680px) {
	section.homepage details summary {
		font-size: 35px;
		text-indent: -35px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	section.homepage details summary {
		font-size: calc(9.72222vw + 3.88889px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	section.homepage details summary {
		font-size: 70px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	section.homepage details summary {
		text-indent: calc(-11.11111vw + 0.55556px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	section.homepage details summary {
		text-indent: -75px;
	}
}
section.homepage details:nth-child(2n).hover {
	border-bottom: 2px solid #ff0108;
}
section.homepage details:nth-child(2n) summary {
	color: #ff0108;
}
section.homepage details:nth-child(2n) summary:hover {
	color: #fff;
	background-color: #ff0108;
}
section.homepage details:nth-child(2n) summary[open] summary:hover {
	background-color: #fff;
	color: #ff0108 !important;
}
section.homepage details > div {
	padding: 20px 15px;
}
@media screen and (min-width: 680px) {
	section.homepage details > div {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage details > div {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	section.homepage details > div {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage details > div {
		padding-right: 30px;
	}
}
section.homepage details > div p {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	font-size: 24px;
	font-weight: 400;
}
@media screen and (min-width: 680px) {
	section.homepage details > div p {
		font-size: calc(0.32258vw + 21.80645px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage details > div p {
		font-size: 28px;
	}
}
@media (max-width: 990px) {
	section.homepage details > div p {
		font-weight: 300;
		line-height: 1.1;
		margin-bottom: 15px;
	}
}
@media (max-width: 680px) {
	section.homepage details > div p {
		line-height: 1.35;
	}
}
section.homepage details > div p + .button {
	margin-top: 20px;
}
section.homepage details summary::-webkit-details-marker {
	background: none;
	color: transparent;
}
section.homepage details .large-text {
	padding: 20px 15px 15px;
}
@media screen and (min-width: 680px) {
	section.homepage details .large-text {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage details .large-text {
		padding: 30px;
	}
}
section.homepage details .large-text p {
	font-size: 20px;
	max-width: 80%;
	line-height: 1.1;
	font-weight: 300;
}
@media screen and (min-width: 680px) {
	section.homepage details .large-text p {
		font-size: calc(2.09677vw + 5.74194px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage details .large-text p {
		font-size: 46px;
	}
}
@media (max-width: 990px) {
	section.homepage details .large-text p {
		max-width: 95%;
		line-height: 1.2;
	}
}
@media (max-width: 680px) {
	section.homepage details .large-text p {
		font-size: 24px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	section.homepage details .large-text p {
		font-size: calc(4.72222vw + 8.88889px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	section.homepage details .large-text p {
		font-size: 41px;
	}
}
section.homepage details .large-text p + .button {
	margin-top: 20px;
}
section.homepage details .two-col {
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	column-gap: 30px;
}
@media (max-width: 990px) {
	section.homepage details .two-col {
		-webkit-column-count: 1;
		column-count: 1;
	}
}
section.homepage details[open] {
	padding-bottom: 20px;
}
@media screen and (min-width: 680px) {
	section.homepage details[open] {
		padding-bottom: calc(1.6129vw + 9.03226px);
	}
}
@media screen and (min-width: 1920px) {
	section.homepage details[open] {
		padding-bottom: 40px;
	}
}
section.homepage details[open] summary {
	padding-bottom: 0;
}
section.homepage details[open] summary .large-text {
	padding-bottom: 40px;
}
section.homepage details[open] summary:hover {
	background-color: #fff;
	color: #000000;
}
section.homepage details:last-child[open] {
	border-bottom: 0 solid transparent;
}

.account-wrapper {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	min-height: calc(100vh - 154px);
}
@media (max-width: 680px) {
	.account-wrapper {
		min-height: 0;
	}
}
.account-wrapper > div {
	width: 50%;
	position: relative;
}
.account-wrapper > div:nth-child(2) {
	border-left: 2px solid #000000;
}
@media (max-width: 680px) {
	.account-wrapper > div:nth-child(2) {
		border-left: 0;
	}
}
@media (max-width: 680px) {
	.account-wrapper > div {
		width: 100%;
	}
}
.account-wrapper > div form {
	padding-bottom: 10vw;
}
.account-wrapper .wpforms-field {
	position: relative;
	width: 100%;
}
.account-wrapper .wpforms-field label.wpforms-error {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 14px;
	top: 10px;
	right: 10px;
	font-weight: 700;
	color: #ff0108;
	line-height: 1;
}
@media screen and (min-width: 680px) {
	.account-wrapper .wpforms-field label.wpforms-error {
		font-size: calc(0.32258vw + 11.80645px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .wpforms-field label.wpforms-error {
		font-size: 18px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .wpforms-field label.wpforms-error {
		top: calc(0.40323vw + 7.25806px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .wpforms-field label.wpforms-error {
		top: 15px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .wpforms-field label.wpforms-error {
		right: calc(0.40323vw + 7.25806px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .wpforms-field label.wpforms-error {
		right: 15px;
	}
}
.account-wrapper .wpforms-field-hp,
.account-wrapper .wpforms-sublabel-hide {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.account-wrapper .som-password-error-message,
.account-wrapper .wpforms-error-container {
	background-color: #ff0108;
	width: 100%;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	padding: 10px 15px;
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		font-size: calc(0.32258vw + 11.80645px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		font-size: 18px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		padding-top: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		padding-top: 20px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		padding-bottom: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-error-message,
	.account-wrapper .wpforms-error-container {
		padding-bottom: 20px;
	}
}
.account-wrapper .som-password-error-message a,
.account-wrapper .wpforms-error-container a {
	text-decoration: underline;
}
.account-wrapper .som-password-sent-message {
	background-color: #000000;
	width: 100%;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	padding: 10px 15px;
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-sent-message {
		font-size: calc(0.32258vw + 11.80645px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-sent-message {
		font-size: 18px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-sent-message {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-sent-message {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-sent-message {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-sent-message {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-sent-message {
		padding-top: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-sent-message {
		padding-top: 20px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .som-password-sent-message {
		padding-bottom: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .som-password-sent-message {
		padding-bottom: 20px;
	}
}
.account-wrapper .som-password-sent-message a {
	text-decoration: underline;
}
.account-wrapper .wpforms-field-html {
	padding: 16px 15px;
	width: calc(100% - 260px);
	min-width: 66.666%;
	line-height: 1.5;
	font-size: 18px;
	border-bottom: 2px solid #000000;
}
@media screen and (min-width: 680px) {
	.account-wrapper .wpforms-field-html {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .wpforms-field-html {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .wpforms-field-html {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .wpforms-field-html {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .wpforms-field-html {
		padding-top: calc(1.29032vw + 7.22581px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .wpforms-field-html {
		padding-top: 32px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .wpforms-field-html {
		padding-bottom: calc(1.29032vw + 7.22581px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .wpforms-field-html {
		padding-bottom: 32px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper .wpforms-field-html {
		font-size: calc(0.32258vw + 15.80645px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper .wpforms-field-html {
		font-size: 22px;
	}
}
.account-wrapper .wpforms-field-html a {
	text-decoration: underline;
}
@media (max-width: 768px) {
	.account-wrapper .wpforms-field-html {
		max-width: 100%;
		width: 100%;
	}
}
@media (max-width: 680px) {
	.account-wrapper .wpforms-field-html {
		font-size: 15px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.account-wrapper .wpforms-field-html {
		font-size: calc(0.83333vw + 12.33333px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.account-wrapper .wpforms-field-html {
		font-size: 18px;
	}
}
.account-wrapper .lostpassword-submit,
.account-wrapper .wpforms-submit-container {
	position: relative;
	width: 260px;
	max-width: 33.333%;
}
@media (max-width: 768px) {
	.account-wrapper .lostpassword-submit,
	.account-wrapper .wpforms-submit-container {
		max-width: 100%;
		width: 100%;
		min-height: 60px;
	}
}
@media screen and (max-width: 768px) and (min-width: 320px) {
	.account-wrapper .lostpassword-submit,
	.account-wrapper .wpforms-submit-container {
		min-height: calc(8.92857vw + 31.42857px);
	}
}
@media screen and (max-width: 768px) and (min-width: 768px) {
	.account-wrapper .lostpassword-submit,
	.account-wrapper .wpforms-submit-container {
		min-height: 100px;
	}
}
@media (max-width: 680px) {
	.account-wrapper.forgot-password,
	.account-wrapper.login {
		flex-direction: column-reverse;
	}
}
.account-wrapper.forgot-password > div:nth-child(2),
.account-wrapper.login > div:nth-child(2) {
	background-color: #ff0108;
	border-left: 2px solid #ff0108;
	padding: 15px 15px 25px;
}
@media screen and (min-width: 680px) {
	.account-wrapper.forgot-password > div:nth-child(2),
	.account-wrapper.login > div:nth-child(2) {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.forgot-password > div:nth-child(2),
	.account-wrapper.login > div:nth-child(2) {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper.forgot-password > div:nth-child(2),
	.account-wrapper.login > div:nth-child(2) {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.forgot-password > div:nth-child(2),
	.account-wrapper.login > div:nth-child(2) {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper.forgot-password > div:nth-child(2),
	.account-wrapper.login > div:nth-child(2) {
		padding-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.forgot-password > div:nth-child(2),
	.account-wrapper.login > div:nth-child(2) {
		padding-top: 30px;
	}
}
.account-wrapper.forgot-password > div:nth-child(2) h1,
.account-wrapper.login > div:nth-child(2) h1 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
	color: #fff;
}
@media screen and (min-width: 680px) {
	.account-wrapper.forgot-password > div:nth-child(2) h1,
	.account-wrapper.login > div:nth-child(2) h1 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.forgot-password > div:nth-child(2) h1,
	.account-wrapper.login > div:nth-child(2) h1 {
		font-size: 80px;
	}
}
@media (max-width: 680px) {
	.account-wrapper.forgot-password > div:nth-child(2) h1,
	.account-wrapper.login > div:nth-child(2) h1 {
		font-size: 40px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.account-wrapper.forgot-password > div:nth-child(2) h1,
	.account-wrapper.login > div:nth-child(2) h1 {
		font-size: calc(4.16667vw + 26.66667px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.account-wrapper.forgot-password > div:nth-child(2) h1,
	.account-wrapper.login > div:nth-child(2) h1 {
		font-size: 55px;
	}
}
.account-wrapper.forgot-password.reset-complete > div:first-child,
.account-wrapper.login.reset-complete > div:first-child {
	padding: 15px 15px 25px;
}
@media screen and (min-width: 680px) {
	.account-wrapper.forgot-password.reset-complete > div:first-child,
	.account-wrapper.login.reset-complete > div:first-child {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.forgot-password.reset-complete > div:first-child,
	.account-wrapper.login.reset-complete > div:first-child {
		padding: 30px;
	}
}
.account-wrapper.forgot-password.reset-complete > div:first-child h1,
.account-wrapper.login.reset-complete > div:first-child h1 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
	color: #000000;
}
@media screen and (min-width: 680px) {
	.account-wrapper.forgot-password.reset-complete > div:first-child h1,
	.account-wrapper.login.reset-complete > div:first-child h1 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.forgot-password.reset-complete > div:first-child h1,
	.account-wrapper.login.reset-complete > div:first-child h1 {
		font-size: 80px;
	}
}
@media (max-width: 680px) {
	.account-wrapper.forgot-password.reset-complete > div:first-child h1,
	.account-wrapper.login.reset-complete > div:first-child h1 {
		font-size: 40px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.account-wrapper.forgot-password.reset-complete > div:first-child h1,
	.account-wrapper.login.reset-complete > div:first-child h1 {
		font-size: calc(4.16667vw + 26.66667px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.account-wrapper.forgot-password.reset-complete > div:first-child h1,
	.account-wrapper.login.reset-complete > div:first-child h1 {
		font-size: 55px;
	}
}
.account-wrapper.forgot-password.reset-complete > div:first-child p,
.account-wrapper.login.reset-complete > div:first-child p {
	font-size: 22px;
	line-height: 1.3;
	font-weight: 300;
}
@media screen and (min-width: 680px) {
	.account-wrapper.forgot-password.reset-complete > div:first-child p,
	.account-wrapper.login.reset-complete > div:first-child p {
		font-size: calc(1.04839vw + 14.87097px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.forgot-password.reset-complete > div:first-child p,
	.account-wrapper.login.reset-complete > div:first-child p {
		font-size: 35px;
	}
}
.account-wrapper.forgot-password.reset-complete > div:first-child p a,
.account-wrapper.login.reset-complete > div:first-child p a {
	color: #000000;
	word-break: break-word;
	text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
	position: relative;
	transition: background-position 0.35s ease;
	background-image: linear-gradient(90deg, #000000 0, #000000 50%, transparent 50.1%, transparent 95%) !important;
	background-repeat: repeat-x;
	background-position: 0 88%;
	background-size: 200% 1px;
}
.account-wrapper.forgot-password.reset-complete > div:first-child p a:hover,
.account-wrapper.login.reset-complete > div:first-child p a:hover {
	background-position: 200% 88%;
}
.account-wrapper.forgot-password.reset-complete > div:nth-child(2),
.account-wrapper.login.reset-complete > div:nth-child(2),
.account-wrapper.register > div:first-child {
	background-color: #000000;
	border-left: 2px solid #000000;
}
.account-wrapper.register > div:first-child {
	padding: 15px 15px 25px;
}
@media screen and (min-width: 680px) {
	.account-wrapper.register > div:first-child {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.register > div:first-child {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper.register > div:first-child {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.register > div:first-child {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	.account-wrapper.register > div:first-child {
		padding-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.register > div:first-child {
		padding-top: 30px;
	}
}
.account-wrapper.register > div:first-child h1 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
	color: #fff;
}
@media screen and (min-width: 680px) {
	.account-wrapper.register > div:first-child h1 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.account-wrapper.register > div:first-child h1 {
		font-size: 80px;
	}
}
@media (max-width: 680px) {
	.account-wrapper.register > div:first-child h1 {
		font-size: 40px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.account-wrapper.register > div:first-child h1 {
		font-size: calc(4.16667vw + 26.66667px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.account-wrapper.register > div:first-child h1 {
		font-size: 55px;
	}
}
.thank-you-page {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
@media screen and (min-width: 680px) {
	.thank-you-page {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.thank-you-page {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.thank-you-page {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.thank-you-page {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	.thank-you-page {
		padding-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.thank-you-page {
		padding-top: 30px;
	}
}
.thank-you-page p {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
	max-width: 50%;
}
@media screen and (min-width: 680px) {
	.thank-you-page p {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.thank-you-page p {
		font-size: 80px;
	}
}
@media (max-width: 680px) {
	.thank-you-page p {
		max-width: 100%;
		font-size: 65px;
		margin-top: 15px;
		line-height: 0.95;
		margin-bottom: 30px;
	}
}
.thank-you-page p a {
	text-decoration: underline;
}

.wpforms-confirmation-container {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
@media screen and (min-width: 680px) {
	.wpforms-confirmation-container {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.wpforms-confirmation-container {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.wpforms-confirmation-container {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.wpforms-confirmation-container {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	.wpforms-confirmation-container {
		padding-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.wpforms-confirmation-container {
		padding-top: 30px;
	}
}
.wpforms-confirmation-container p {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
}
@media screen and (min-width: 680px) {
	.wpforms-confirmation-container p {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.wpforms-confirmation-container p {
		font-size: 80px;
	}
}
@media (max-width: 680px) {
	.wpforms-confirmation-container p {
		font-size: 65px;
		margin-top: 15px;
		line-height: 0.95;
		margin-bottom: 30px;
	}
}
.wpforms-confirmation-container p a {
	text-decoration: underline;
}
article.page {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
article.page > section {
	position: relative;
	width: 50%;
	min-height: calc(100vh - 160px);
}
@media (max-width: 680px) {
	article.page > section {
		width: 100%;
	}
}
article.page > section.page-content {
	padding: 15px 15px 0;
}
@media screen and (min-width: 680px) {
	article.page > section.page-content {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.page > section.page-content {
		padding: 30px;
	}
}
article.page > section.page-content .content-wrapper {
	max-width: 85%;
}
@media (max-width: 680px) {
	article.page > section.page-content .content-wrapper {
		max-width: 100%;
	}
}
article.page > section.page-content h1,
article.page > section.page-content h2,
article.page > section.page-content h3,
article.page > section.page-content h4,
article.page > section.page-content h5,
article.page > section.page-content h6 {
	font-variant-numeric: tabular-nums;
}
article.page > section.page-content h1 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	article.page > section.page-content h1 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	article.page > section.page-content h1 {
		font-size: 80px;
	}
}
article.page > section.page-content h1 + p {
	font-size: 22px;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 20px;
	max-width: 100%;
}
@media screen and (min-width: 680px) {
	article.page > section.page-content h1 + p {
		font-size: calc(1.04839vw + 14.87097px);
	}
}
@media screen and (min-width: 1920px) {
	article.page > section.page-content h1 + p {
		font-size: 35px;
	}
}
article.page > section.page-content h2 {
	font-size: 20px;
	font-weight: 100;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 20px;
}
@media screen and (min-width: 680px) {
	article.page > section.page-content h2 {
		font-size: calc(2.25806vw + 4.64516px);
	}
}
@media screen and (min-width: 1920px) {
	article.page > section.page-content h2 {
		font-size: 48px;
	}
}
article.page > section.page-content h3 {
	font-size: 24px;
	font-weight: 100;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	article.page > section.page-content h3 {
		font-size: calc(0.64516vw + 19.6129px);
	}
}
@media screen and (min-width: 1920px) {
	article.page > section.page-content h3 {
		font-size: 32px;
	}
}
article.page > section.page-content h4 {
	font-weight: 900;
	letter-spacing: 0.05em;
	font-size: 18px;
	text-decoration: underline;
	margin: 20px 0;
	text-transform: uppercase;
}
article.page > section.page-content h5 {
	font-weight: 900;
	letter-spacing: 0.07em;
	font-size: 15px;
	text-decoration: underline;
	margin: 15px 0;
	text-transform: uppercase;
}
article.page > section.page-content h6 {
	font-weight: 900;
	letter-spacing: 0.09em;
	font-size: 12px;
	text-decoration: underline;
	margin: 10px 0;
	text-transform: uppercase;
}
article.page > section.page-content p {
	max-width: 85%;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
	margin-bottom: 1em;
}
@media screen and (min-width: 680px) {
	article.page > section.page-content p {
		font-size: calc(0.16129vw + 18.90323px);
	}
}
@media screen and (min-width: 1920px) {
	article.page > section.page-content p {
		font-size: 22px;
	}
}
@media (max-width: 680px) {
	article.page > section.page-content p {
		max-width: 100%;
	}
}
article.page > section.page-content p.lead {
	font-size: 22px;
	font-weight: 300;
	max-width: 100%;
}
@media screen and (min-width: 680px) {
	article.page > section.page-content p.lead {
		font-size: calc(1.04839vw + 14.87097px);
	}
}
@media screen and (min-width: 1920px) {
	article.page > section.page-content p.lead {
		font-size: 35px;
	}
}
article.page > section.page-content ul {
	list-style-type: disc;
	padding-left: 1em;
	margin: 20px 0;
}
article.page > section.page-content ol {
	counter-reset: ohdcounter;
	list-style: none;
	position: relative;
	margin: 20px 0;
}
article.page > section.page-content ol li {
	counter-increment: ohdcounter;
	padding-left: 1em;
	position: relative;
}
article.page > section.page-content ol li:before {
	content: counter(ohdcounter);
	position: absolute;
	left: -0.5em;
	top: 0.2em;
	color: #fff;
	background: #000000;
	height: 0.6em;
	width: 0.6em;
	text-align: center;
	line-height: 0.6em;
	border-radius: 100%;
	padding: 5px;
	font-variant-numeric: tabular-nums;
	font-weight: 100;
	font-size: 12px;
}
article.page > section.page-content blockquote {
	border-left: 2px solid #000000;
	font-weight: 600;
	padding: 10px 0 10px 20px;
	margin-bottom: 20px;
}
article.page > section.page-content blockquote p {
	margin: 0;
}
article.page > section.page-content a {
	position: relative;
}
article.page > section.page-content a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000000;
	transform: translateY(2px);
	transition: transform 0.1s ease;
}
article.page > section.page-content a:hover:after {
	transform: translateY(0);
}
article.page > section.page-content img {
	width: 100%;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	article.page > section.page-content img {
		margin-bottom: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	article.page > section.page-content img {
		margin-bottom: 30px;
	}
}
article.page > section:last-child {
	border-left: 2px solid #000000;
}
article.page > section img {
	display: block;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.author-archive .architect-avatar {
	width: 100px;
	height: 100px;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100%;
	border: 3px solid #fff;
	margin-right: 15px;
	box-shadow: 0 0 0 3px #000000;
}
@media screen and (min-width: 680px) {
	.author-archive .architect-avatar {
		width: calc(8.06452vw + 45.16129px);
	}
}
@media screen and (min-width: 1920px) {
	.author-archive .architect-avatar {
		width: 200px;
	}
}
@media screen and (min-width: 680px) {
	.author-archive .architect-avatar {
		height: calc(8.06452vw + 45.16129px);
	}
}
@media screen and (min-width: 1920px) {
	.author-archive .architect-avatar {
		height: 200px;
	}
}
@media screen and (min-width: 680px) {
	.author-archive .architect-avatar {
		margin-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.author-archive .architect-avatar {
		margin-right: 30px;
	}
}
.author-archive .architect-avatar img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.author-archive header.author-header {
	margin-top: 20px;
	margin-bottom: 20px;
}
@media screen and (min-width: 680px) {
	.author-archive header.author-header {
		margin-top: calc(2.41935vw + 3.54839px);
	}
}
@media screen and (min-width: 1920px) {
	.author-archive header.author-header {
		margin-top: 50px;
	}
}
@media screen and (min-width: 680px) {
	.author-archive header.author-header {
		margin-bottom: calc(0.80645vw + 14.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.author-archive header.author-header {
		margin-bottom: 30px;
	}
}
.author-archive header h1 {
	display: inline-block !important;
	margin: 0 !important;
	vertical-align: middle;
}

.single section:first-child.no-scroll {
	overflow: initial;
	height: auto;
}
.single section:first-child.no-scroll + section #map {
	position: fixed;
	top: 70px;
	width: 50%;
}
@media (max-width: 979px) {
	.single section:first-child.no-scroll + section #map {
		position: relative;
		top: auto;
		width: 100%;
		height: calc(50vh - 0px) !important;
		display: none;
	}
}
.single section:first-child.no-scroll + section.booking-panel #map {
	position: relative;
	width: 100%;
	top: 0;
}
@media (max-width: 680px) {
	.single section:first-child {
		overflow: hidden;
		border-right: 0 solid transparent;
		height: auto;
	}
}

@media (max-width: 680px) {
	.single section:last-child {
		display: block;
	}
}
.single section:last-child img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}
@media (max-width: 680px) {
	.single section {
		width: 100%;
	}
}
.single section > header {
	position: relative;
	display: block;
	padding: 15px;
}
@media screen and (min-width: 680px) {
	.single section > header {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header {
		padding: 30px;
	}
}
@media screen and (min-width: 680px) {
	.single section > header {
		padding-top: calc(0.80645vw + 9.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header {
		padding-top: 25px;
	}
}
.single section > header .strands {
	margin-bottom: 15px;
}
@media screen and (min-width: 375px) {
	.single section > header .strands {
		margin-bottom: calc(0.97087vw + 11.35922px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header .strands {
		margin-bottom: 30px;
	}
}
.single section > header .strands a {
	color: #000000;
	border-bottom: 2px solid #000000;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 13px;
	margin-right: 15px;
	letter-spacing: 0.05em;
	font-variant-numeric: tabular-nums;
}
@media screen and (min-width: 375px) {
	.single section > header .strands a {
		font-size: calc(0.12945vw + 12.51456px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header .strands a {
		font-size: 15px;
	}
}
.single section > header .strands time {
	color: #000000;
	border-bottom: 2px solid #000000;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 13px;
	margin-right: 10px;
	letter-spacing: 0.05em;
	font-variant-numeric: tabular-nums;
}
@media screen and (min-width: 375px) {
	.single section > header .strands time {
		font-size: calc(0.12945vw + 12.51456px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header .strands time {
		font-size: 15px;
	}
}
.single section > header .strands span {
	color: #000000;
	border-bottom: 2px solid #000000;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 13px;
	margin-right: 10px;
	letter-spacing: 0.05em;
	font-variant-numeric: tabular-nums;
}
@media screen and (min-width: 375px) {
	.single section > header .strands span {
		font-size: calc(0.12945vw + 12.51456px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header .strands span {
		font-size: 15px;
	}
}
.single section > header .center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 92%;
	top: 45%;
}
@media (max-width: 680px) {
	.single section > header .center {
		position: relative;
		top: auto;
		max-width: 100%;
		transform: translateZ(0);
	}
}
.single section > header .architect-avatar {
	width: 100px;
	height: 100px;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	display: block;
	border-radius: 100%;
	margin-bottom: 10px;
	border: 4px solid #fff;
}
@media screen and (min-width: 680px) {
	.single section > header .architect-avatar {
		width: calc(8.06452vw + 45.16129px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header .architect-avatar {
		width: 200px;
	}
}
@media screen and (min-width: 680px) {
	.single section > header .architect-avatar {
		height: calc(8.06452vw + 45.16129px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header .architect-avatar {
		height: 200px;
	}
}
@media screen and (min-width: 680px) {
	.single section > header .architect-avatar {
		margin-bottom: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header .architect-avatar {
		margin-bottom: 20px;
	}
}
.single section > header .architect-avatar img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.single section > header h1 {
	font-size: 40px;
	margin-bottom: 10px;
	color: #000000;
	line-height: 1;
	max-width: 85%;
	font-weight: 100;
}
@media screen and (min-width: 680px) {
	.single section > header h1 {
		font-size: calc(3.22581vw + 18.06452px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header h1 {
		font-size: 80px;
	}
}
@media screen and (min-width: 680px) {
	.single section > header h1 {
		margin-bottom: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header h1 {
		margin-bottom: 20px;
	}
}
@media (max-width: 680px) {
	.single section > header h1 {
		max-width: 100%;
	}
}
.single section > header h1 a:hover {
	text-decoration: underline;
}
.single section > header p {
	font-size: 22px;
	line-height: 1.3;
	font-weight: 300;
}
@media screen and (min-width: 680px) {
	.single section > header p {
		font-size: calc(1.04839vw + 14.87097px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header p {
		font-size: 35px;
	}
}
.single section > header .days {
	margin-top: 20px;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.1;
}
.single section > header .meta-holder {
	display: block;
	line-height: 1.1;
	margin-top: 20px;
	max-width: 80%;
}
.single section > header .meta-holder .architect-year {
	display: inline;
	font-weight: 700;
	margin-bottom: -4px;
}
.single section > header .meta-holder .architect-year a:hover {
	text-decoration: underline;
}
.single section > header .meta-holder .location {
	display: inline;
	font-weight: 700;
}
@media (max-width: 680px) {
	.single section > header .meta-holder {
		margin-top: 10px;
	}
}
.single section > header .simplefavorite-button {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 6.5px 10px;
}
@media screen and (min-width: 680px) {
	.single section > header .simplefavorite-button {
		top: calc(1.20968vw + 1.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header .simplefavorite-button {
		top: 25px;
	}
}
@media screen and (min-width: 680px) {
	.single section > header .simplefavorite-button {
		right: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.single section > header .simplefavorite-button {
		right: 20px;
	}
}
.single section > header .simplefavorite-button .plus-icon {
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
}
.single section > header .simplefavorite-button .plus-icon svg > * {
	fill: #000000;
}
.single section > header .simplefavorite-button.active .minus-icon {
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
}
.single section > header .simplefavorite-button.active .minus-icon path {
	fill: #ff0108;
}
.single section > header .simplefavorite-button.loading {
	background: url('..//images/loading.svg');
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 20px;
}
.single section .mobile-featured-image,
.single section > header .simplefavorite-button.loading .minus-icon,
.single section > header .simplefavorite-button.loading .plus-icon {
	display: none;
}
@media (max-width: 680px) {
	.single section .mobile-featured-image {
		display: block;
	}
}
.single .video-wrapper .video-caption,
.single .video-wrapper p {
	padding: 15px;
}
.single .post-content {
	padding: 15px 15px 0;
	font-size: 20px;
	font-weight: 300;
}
@media screen and (min-width: 680px) {
	.single .post-content {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single .post-content {
		padding: 30px;
	}
}
@media screen and (min-width: 680px) {
	.single .post-content {
		font-size: calc(0.48387vw + 16.70968px);
	}
}
@media screen and (min-width: 1920px) {
	.single .post-content {
		font-size: 26px;
	}
}
.single .post-content h1,
.single .post-content h2,
.single .post-content h3,
.single .post-content h4,
.single .post-content h5,
.single .post-content h6 {
	font-variant-numeric: tabular-nums;
}
.single .post-content h1 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	.single .post-content h1 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.single .post-content h1 {
		font-size: 80px;
	}
}
.single .post-content h1 + p {
	font-size: 22px;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 20px;
	max-width: 100%;
}
@media screen and (min-width: 680px) {
	.single .post-content h1 + p {
		font-size: calc(1.04839vw + 14.87097px);
	}
}
@media screen and (min-width: 1920px) {
	.single .post-content h1 + p {
		font-size: 35px;
	}
}
.single .post-content h2 {
	font-size: 20px;
	font-weight: 100;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 20px;
}
@media screen and (min-width: 680px) {
	.single .post-content h2 {
		font-size: calc(2.25806vw + 4.64516px);
	}
}
@media screen and (min-width: 1920px) {
	.single .post-content h2 {
		font-size: 48px;
	}
}
.single .post-content h3 {
	font-size: 24px;
	font-weight: 100;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	.single .post-content h3 {
		font-size: calc(0.64516vw + 19.6129px);
	}
}
@media screen and (min-width: 1920px) {
	.single .post-content h3 {
		font-size: 32px;
	}
}
.single .post-content h4 {
	letter-spacing: 0.05em;
	font-size: 18px;
	margin: 20px 0;
}
.single .post-content h4,
.single .post-content h5 {
	font-weight: 900;
	text-decoration: underline;
	text-transform: uppercase;
}
.single .post-content h5 {
	letter-spacing: 0.07em;
	font-size: 15px;
	margin: 15px 0;
}
.single .post-content h6 {
	font-weight: 900;
	letter-spacing: 0.09em;
	font-size: 12px;
	text-decoration: underline;
	margin: 10px 0;
	text-transform: uppercase;
}
.single .post-content p {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 1em;
	font-weight: 300;
}
@media screen and (min-width: 680px) {
	.single .post-content p {
		font-size: calc(0.48387vw + 16.70968px);
	}
}
@media screen and (min-width: 1920px) {
	.single .post-content p {
		font-size: 26px;
	}
}
.single .post-content p.lead {
	font-size: 22px;
	max-width: 100%;
}
@media screen and (min-width: 680px) {
	.single .post-content p.lead {
		font-size: calc(1.04839vw + 14.87097px);
	}
}
@media screen and (min-width: 1920px) {
	.single .post-content p.lead {
		font-size: 35px;
	}
}
.single .post-content p strong {
	-webkit-font-smoothing: antialiased;
}
.single .post-content ul li {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 0.5em;
	font-weight: 300;
}
@media screen and (min-width: 680px) {
	.single .post-content ul li {
		font-size: calc(0.48387vw + 16.70968px);
	}
}
@media screen and (min-width: 1920px) {
	.single .post-content ul li {
		font-size: 26px;
	}
}
.single .post-content.extras {
	border-bottom: 0;
	padding-bottom: 0;
	border-top: 2px solid #000000;
	max-width: 100% !important;
}
.single .post-content.extras .card-wrapper article {
	margin-bottom: 10px;
}
.single .post-content .location-notes {
	margin: 20px 0;
}
.single .post-content .location-notes p {
	margin-bottom: 13px;
}
.single .post-content.extras h4 {
	margin-top: 0;
	text-decoration: underline;
}
.single ul.social {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
@media (max-width: 680px) {
	.single ul.social {
		margin-bottom: 0;
	}
}
.single ul.social li {
	display: inline-block;
	margin-right: 5px;
}
.single ul.social li a svg {
	width: 30px;
	display: block;
	border-radius: 100%;
	border: 1.5px solid #000000;
}
.single ul.social li a svg > * {
	fill: #000000;
}
.single ul.social li a:hover svg {
	background-color: #000;
}
.single ul.social li a:hover svg .icon {
	fill: #f0eee5;
}
.single .journal-meta {
	position: absolute;
	bottom: 30px;
	left: 20px;
	left: 15px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
@media screen and (min-width: 680px) {
	.single .journal-meta {
		left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single .journal-meta {
		left: 30px;
	}
}
.single .journal-meta a {
	color: #fff;
}
.single .journal-meta .posted {
	font-variant-numeric: tabular-nums;
	padding-right: 10px;
	font-weight: 100;
}
.single .journal-meta .authored {
	font-size: 17px;
	font-weight: 700;
	padding-left: 10px;
	border-left: 2px solid #fff;
}
@media (max-height: 870px) {
	.single .journal-meta {
		margin-top: 50px;
		position: relative;
		bottom: 0;
		left: 0;
	}
}
.single .general-notes {
	list-style-type: none;
	padding-left: 0;
}
.single .general-notes li {
	font-weight: 300;
	font-size: 20px;
}
@media screen and (min-width: 680px) {
	.single .general-notes li {
		font-size: calc(0.48387vw + 16.70968px);
	}
}
@media screen and (min-width: 1920px) {
	.single .general-notes li {
		font-size: 26px;
	}
}
.single.single-location.archived-location .nearby {
	display: none;
}
.single.single-location .mobile-map-and-credits {
	display: none;
	flex-wrap: wrap;
	padding: 15px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 10px;
}
@media screen and (min-width: 680px) {
	.single.single-location .mobile-map-and-credits {
		padding: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-location .mobile-map-and-credits {
		padding: 30px;
	}
}
.single.single-location .mobile-map-and-credits .map-link {
	visibility: hidden;
	font-weight: 100;
	width: 60px;
	font-size: 15px;
	letter-spacing: 0.1em;
}
@media (max-width: 680px) {
	.single.single-location .mobile-map-and-credits .map-link {
		visibility: visible;
	}
}
@media (max-width: 680px) {
	.single.single-location .mobile-map-and-credits {
		display: flex;
	}
}
.single.single-location .mobile-map-and-credits .credit-slider {
	width: calc(100% - 60px);
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	min-height: 0 !important;
	text-align: right;
}
@media (max-width: 680px) {
	.single.single-location .mobile-map-and-credits .credit-slider {
		padding-left: 40%;
	}
}

.single.single-journal.blue-background .post-content {
	padding-top: 30px;
}
@media screen and (min-width: 680px) {
	.single.single-journal.blue-background .post-content {
		padding-top: calc(1.6129vw + 19.03226px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-journal.blue-background .post-content {
		padding-top: 50px;
	}
}
.single.single-journal.blue-background header {
	background-color: #000000;
	min-height: calc(100vh - 153px);
}
@media (max-width: 680px) {
	.single.single-journal.blue-background header {
		min-height: calc(100vh - 250px);
	}
}
@media (max-width: 375px) {
	.single.single-journal.blue-background header {
		padding-bottom: 20px;
	}
}
@media (max-width: 320px) {
	.single.single-journal.blue-background header {
		padding-bottom: 20px;
	}
}
.single.single-journal.blue-background header .post-content {
	padding-top: 30px;
}
@media screen and (min-width: 680px) {
	.single.single-journal.blue-background header .post-content {
		padding-top: calc(1.6129vw + 19.03226px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-journal.blue-background header .post-content {
		padding-top: 50px;
	}
}
.single.single-journal.blue-background header .journal-meta,
.single.single-journal.blue-background header .journal-meta a {
	color: #fff;
}
.single.single-journal.blue-background header .journal-meta .authored {
	border-left: 2px solid #fff;
}
.single.single-journal.blue-background header .strands a:hover,
.single.single-journal.blue-background header .strands span {
	color: #fff;
	border-bottom: 2px solid #fff;
}
.single.single-journal.blue-background header h1,
.single.single-journal.blue-background header p {
	color: #fff;
}
.single.single-journal.blue-background header a {
	color: #fff;
	border-bottom: 2px solid #fff;
}
@media (max-width: 680px) {
	.single.single-journal {
		flex-direction: column-reverse;
	}
}
.single.single-journal section:last-child {
	display: block;
}
@media (max-width: 680px) {
	.single.single-journal section:last-child {
		border: 0;
	}
}
.single.single-journal section:last-child #map.thumbnail {
	height: calc(100vh - 121px);
}
@media (max-width: 680px) {
	.single.single-journal section:last-child #map.thumbnail {
		display: none;
		position: relative;
		border-left: 0 solid transparent;
		top: 0;
		width: 100%;
		max-height: 200px;
	}
}
.single.single-journal .journal-meta {
	position: absolute;
	bottom: 30px;
	left: 20px;
	left: 15px;
	font-size: 16px;
	font-weight: 700;
	color: #000000;
}
@media screen and (min-width: 680px) {
	.single.single-journal .journal-meta {
		left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-journal .journal-meta {
		left: 30px;
	}
}
.single.single-journal .journal-meta a {
	color: #000000;
}
.single.single-journal .journal-meta .posted {
	font-variant-numeric: tabular-nums;
	padding-right: 10px;
	font-weight: 100;
}
.single.single-journal .journal-meta .authored {
	font-size: 17px;
	font-weight: 700;
	padding-left: 10px;
	border-left: 2px solid #000000;
}
@media (max-height: 870px) {
	.single.single-journal .journal-meta {
		margin-top: 50px;
		position: relative;
		bottom: 0;
		left: 0;
	}
}
.single.single-journal h1 {
	max-width: 80%;
}
@media (max-width: 680px) {
	.single.single-journal h1 {
		max-width: 100%;
	}
}
.single.single-journal p.lead {
	max-width: 80%;
}
@media (max-width: 680px) {
	.single.single-journal p.lead {
		max-width: 100%;
	}
}
.single.single-journal .post-content {
	max-width: 90%;
	padding-top: 0;
}
@media (max-width: 680px) {
	.single.single-journal .post-content {
		max-width: 100%;
	}
}
.single.single-journal .donate {
	border-top: 2px solid #000000;
}
@media (max-height: 870px) {
	.single.single-journal .center {
		position: relative;
		top: auto;
		max-width: 100%;
		transform: translateZ(0);
	}
}
.single.single-journal header {
	min-height: 380px;
}
@media (max-width: 680px) {
	.single.single-journal header {
		min-height: 0;
	}
}
.single.single-journal header.journal-featured {
	height: 100%;
}
@media (max-width: 680px) {
	.single.single-journal header.journal-featured {
		height: auto;
	}
}
.single.single-journal header.journal-featured .center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 92%;
}
@media (max-width: 680px) {
	.single.single-journal header.journal-featured .center {
		position: relative;
		top: auto;
		max-width: 100%;
		transform: translateZ(0);
	}
}
.single.single-journal header.journal-featured p {
	max-width: 650px !important;
}
.single.single-collection .featured-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: calc(100vh - 200px);
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}
.single.single-collection > section > header {
	position: relative;
	background-color: #000000;
	min-height: calc(100vh - 153px);
	color: #fff;
}
.single.single-collection > section > header .center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: calc(100% - 200px);
}
.single.single-collection > section > header .strands a,
.single.single-collection > section > header .strands a:hover,
.single.single-collection > section > header .strands span {
	color: #fff;
	border-bottom: 2px solid #fff;
}
.single.single-collection > section > header h1 {
	color: #fff;
}
.single.single-collection > section > header p {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 300 !important;
	max-width: 85%;
	margin-top: 15px;
}
@media screen and (min-width: 680px) {
	.single.single-collection > section > header p {
		font-size: calc(1.29032vw + 11.22581px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-collection > section > header p {
		font-size: 36px;
	}
}
@media screen and (min-width: 680px) {
	.single.single-collection > section > header p {
		margin-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-collection > section > header p {
		margin-top: 30px;
	}
}
@media (max-width: 990px) {
	.single.single-collection > section > header p {
		max-width: 95%;
		line-height: 1.2;
	}
}
@media (max-width: 680px) {
	.single.single-collection > section > header p {
		font-size: 24px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.single.single-collection > section > header p {
		font-size: calc(4.72222vw + 8.88889px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.single.single-collection > section > header p {
		font-size: 41px;
	}
}
.single.single-collection > section > header p a {
	border-bottom: 1px solid #fff;
}
.single.single-collection > section:last-of-type {
	border-left: 2px solid #000000;
}
.single.single-architect .featured-image {
	position: absolute;
	top: 0;
	right: -100%;
	width: 100%;
	height: calc(100% + 2px);
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	z-index: 2;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
}
.single.single-architect > section:first-child.no-scroll + section #map {
	position: absolute;
	width: 100%;
	top: calc(100vh - 152px);
	height: calc(100vh - 153px);
}
.single.single-architect > section > header {
	position: relative;
	min-height: calc(100vh - 153px);
	border-bottom: 2px solid #000000;
}
@media (max-width: 680px) {
	.single.single-architect > section > header {
		min-height: 33vh;
	}
}
.single.single-architect > section > header .strands {
	margin-bottom: 40px;
}
.single.single-architect > section > header p {
	font-size: 20px;
	margin-top: 15px;
	max-width: 750px !important;
}
.single.single-architect > section > header p.lead {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 300 !important;
}
@media screen and (min-width: 680px) {
	.single.single-architect > section > header p.lead {
		font-size: calc(1.29032vw + 11.22581px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-architect > section > header p.lead {
		font-size: 36px;
	}
}
@media (max-width: 680px) {
	.single.single-architect > section > header p.lead {
		font-size: 24px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.single.single-architect > section > header p.lead {
		font-size: calc(4.72222vw + 8.88889px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.single.single-architect > section > header p.lead {
		font-size: 41px;
	}
}
@media screen and (min-width: 680px) {
	.single.single-architect > section > header p {
		font-size: calc(0.32258vw + 17.80645px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-architect > section > header p {
		font-size: 24px;
	}
}
@media screen and (min-width: 680px) {
	.single.single-architect > section > header p {
		margin-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-architect > section > header p {
		margin-top: 30px;
	}
}
@media (max-width: 990px) {
	.single.single-architect > section > header p {
		max-width: 95%;
		line-height: 1.2;
	}
}
.single.single-architect > section:last-of-type {
	border-left: 2px solid #000000;
}
.single.single-architect.blue-background section > header {
	background-color: #000000;
}
.single.single-architect.blue-background section > header .strands a {
	color: #fff;
	border-color: #fff;
}
.single.single-architect.blue-background section > header h1,
.single.single-architect.blue-background section > header p {
	color: #fff;
}
.single.single-list .featured-image {
	position: absolute;
	top: 0;
	right: -100%;
	width: 100%;
	height: calc(100% + 2px);
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	z-index: 2;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
}
@media (max-width: 680px) {
	.single.single-list .featured-image {
		display: none;
	}
}
.single.single-list .journal-meta {
	position: relative;
	left: 0;
	bottom: 0;
	margin-top: 20px;
}
.single.single-list > section:first-child.no-scroll + section #map {
	position: absolute;
	width: 100%;
	top: calc(100vh - 152px);
	height: calc(100vh - 153px);
}
.single.single-list > section > header {
	position: relative;
	min-height: calc(100vh - 153px);
	border-bottom: 2px solid #000000;
}
.single.single-list > section > header .strands {
	margin-bottom: 40px;
}
.single.single-list > section > header .journey-details {
	margin-top: 30px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.05em;
	font-variant-numeric: tabular-nums;
}
@media screen and (min-width: 375px) {
	.single.single-list > section > header .journey-details {
		font-size: calc(0.12945vw + 12.51456px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-list > section > header .journey-details {
		font-size: 15px;
	}
}
.single.single-list > section > header p {
	font-size: 20px;
	margin-top: 15px;
	max-width: 750px !important;
}
.single.single-list > section > header p.lead {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 300 !important;
}
@media screen and (min-width: 680px) {
	.single.single-list > section > header p.lead {
		font-size: calc(1.29032vw + 11.22581px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-list > section > header p.lead {
		font-size: 36px;
	}
}
@media (max-width: 680px) {
	.single.single-list > section > header p.lead {
		font-size: 24px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.single.single-list > section > header p.lead {
		font-size: calc(4.72222vw + 8.88889px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.single.single-list > section > header p.lead {
		font-size: 41px;
	}
}
@media screen and (min-width: 680px) {
	.single.single-list > section > header p {
		font-size: calc(0.32258vw + 17.80645px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-list > section > header p {
		font-size: 24px;
	}
}
@media screen and (min-width: 680px) {
	.single.single-list > section > header p {
		margin-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single.single-list > section > header p {
		margin-top: 30px;
	}
}
@media (max-width: 990px) {
	.single.single-list > section > header p {
		max-width: 95%;
		line-height: 1.2;
	}
}
.single.single-list > section > header .journal-meta,
.single.single-list > section > header .journal-meta a {
	color: #000000;
}
.single.single-list > section > header .journal-meta a:hover {
	border-color: #000000;
}
.single.single-list > section:last-of-type,
.single.single-list > section > header .journal-meta .authored {
	border-left: 2px solid #000000;
}
.single.single-list.blue-background {
	background-color: #000000;
}
.single.single-list.blue-background section > header .strands a {
	color: #fff;
	border-color: #fff;
}
.single.single-list.blue-background section > header .journal-meta {
	margin-top: 20px;
	color: #fff;
}
.single.single-list.blue-background section > header .journal-meta a {
	color: #fff;
	border-color: #fff;
}
.single.single-list.blue-background section > header h1,
.single.single-list.blue-background section > header p {
	color: #fff;
}
.single.my-list .route-days {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 3;
}
.single.my-list .route-days li {
	margin: 0 0 0 10px;
}
.single.my-list .route-maps img {
	position: absolute;
	top: 0;
	left: 0;
}
.single.my-list .route-maps img.active {
	z-index: 2;
}
.single.my-list .day-picker {
	position: absolute;
	top: 0;
	right: 0;
}
.single.my-list header ol {
	padding-left: 2.5em;
	list-style-type: decimal;
	color: #fff;
}
.single.my-list header ol h4 {
	font-size: 14px;
	letter-spacing: 0.02em;
	color: #fff;
	position: relative;
	left: -2.5em;
	margin: 20px 0;
	vertical-align: middle;
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
	font-weight: 100;
}
.single.my-list header ol li {
	font-size: 20px;
	line-height: 1.1;
	font-weight: 300;
	position: relative;
	max-width: 90%;
	margin-bottom: 10px;
}
@media screen and (min-width: 680px) {
	.single.my-list header ol li {
		font-size: calc(2.09677vw + 5.74194px);
	}
}
@media screen and (min-width: 1920px) {
	.single.my-list header ol li {
		font-size: 46px;
	}
}
@media (max-width: 990px) {
	.single.my-list header ol li {
		max-width: 95%;
	}
}
@media (max-width: 680px) {
	.single.my-list header ol li {
		font-size: 24px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.single.my-list header ol li {
		font-size: calc(4.72222vw + 8.88889px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.single.my-list header ol li {
		font-size: 41px;
	}
}
.single.my-list header ol li a {
	color: #fff;
	text-shadow: -1px -1px 0 #000000, 0 -1px 0 #000000, 1px -1px 0 #000000, 1px 0 0 #000000, 1px 1px 0 #000000, 0 1px 0 #000000, -1px 1px 0 #000000, -1px 0 0 #000000;
	transition: background-position 0.2s ease;
	background-image: linear-gradient(90deg, #fff 0, #fff 50%, transparent 50.1%, transparent) !important;
	background-repeat: repeat-x;
	background-position: 100% 88%;
	background-size: 250% 1px;
}
.single.my-list header ol li a:hover {
	background-position: 0 88%;
}
.single.my-list header ol li span {
	position: absolute;
	right: -60px;
	bottom: 3px;
	font-size: 14px;
	font-weight: 100;
	text-transform: uppercase;
	margin-left: 20px;
	font-variant-numeric: tabular-nums;
}
.single.my-list > section {
	overflow: initial !important;
	height: auto !important;
	border: 0;
}
.single.my-list li.card .simplefavorite-button {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 6.5px 10px;
}
.single.my-list li.card .simplefavorite-button .plus-icon {
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
}
.single.my-list li.card .simplefavorite-button .plus-icon svg > * {
	fill: #000000;
}
.single.my-list li.card .simplefavorite-button:hover {
	background-color: #000000;
}
.single.my-list li.card .simplefavorite-button:hover .plus-icon path {
	fill: #fff;
}
.single.my-list li.card .simplefavorite-button.active .minus-icon {
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
}
.single.my-list li.card .simplefavorite-button.active .minus-icon path {
	fill: #ff0108;
}
.single.my-list li.card .simplefavorite-button.active:hover {
	background-color: #ff0108;
}
.single.my-list li.card .simplefavorite-button.active:hover .minus-icon path {
	fill: #fff;
}
.homepage-lists-collections {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	border-top: 2px solid #000000;
}
.homepage-lists-collections:last-child {
	border-bottom: 0;
}
.homepage-lists-collections .latest {
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections .latest {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections .latest {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections .latest {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections .latest {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections .latest {
		padding-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections .latest {
		padding-top: 30px;
	}
}
.homepage-lists-collections .latest article {
	width: 100%;
}
.homepage-lists-collections .latest article img {
	height: 480px;
	height: 280px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections .latest article img {
		height: calc(16.12903vw + 170.32258px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections .latest article img {
		height: 480px;
	}
}
.homepage-lists-collections .latest article > div {
	min-height: 202px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections .latest article > div {
		min-height: calc(21.37097vw + 56.67742px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections .latest article > div {
		min-height: 467px;
	}
}
@media (max-width: 680px) {
	.homepage-lists-collections .latest {
		width: 100%;
	}
}
.homepage-lists-collections .list {
	width: 50%;
	border-left: 2px solid #000000;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 60px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections .list {
		padding-left: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections .list {
		padding-left: 30px;
	}
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections .list {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections .list {
		padding-right: 30px;
	}
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections .list {
		padding-top: calc(1.20968vw + 51.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections .list {
		padding-top: 75px;
	}
}
@media (max-width: 680px) {
	.homepage-lists-collections .list {
		width: 100%;
		border: 0;
		padding-top: 0;
	}
}
.homepage-lists-collections .archive-link {
	text-transform: uppercase;
	font-weight: 900;
	position: relative;
	display: block;
	font-size: 18px;
	margin-right: 30px;
	letter-spacing: 0.15em;
	margin-bottom: 20px;
	width: 100%;
}
.homepage-lists-collections .archive-link a {
	display: inline-block;
}
.homepage-lists-collections .archive-link a:hover {
	text-decoration: underline;
}
.homepage-lists-collections article {
	width: calc(50% - 10px);
	border: 2px solid #000000;
}
.homepage-lists-collections article img {
	height: 101px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections article img {
		height: calc(8.95161vw + 40.12903px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections article img {
		height: 212px;
	}
}
.homepage-lists-collections article.large {
	max-height: 955px;
}
.homepage-lists-collections article.large h3 {
	max-width: 100%;
	font-size: 28px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections article.large h3 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections article.large h3 {
		font-size: 80px;
	}
}
.homepage-lists-collections article.large h3 + p {
	color: #fff;
	line-height: 1.1;
	font-weight: 300;
	margin-top: 10px;
	font-size: 20px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections article.large h3 + p {
		margin-top: calc(0.80645vw + 4.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections article.large h3 + p {
		margin-top: 20px;
	}
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections article.large h3 + p {
		font-size: calc(2.09677vw + 5.74194px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections article.large h3 + p {
		font-size: 46px;
	}
}
@media (max-width: 680px) {
	.homepage-lists-collections article.large h3 + p {
		font-size: 28px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.homepage-lists-collections article.large h3 + p {
		font-size: calc(1.11111vw + 24.44444px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.homepage-lists-collections article.large h3 + p {
		font-size: 32px;
	}
}
.homepage-lists-collections article .card-info {
	min-height: 110px;
	padding-bottom: 20px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections article .card-info {
		min-height: calc(10.8871vw + 35.96774px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections article .card-info {
		min-height: 245px;
	}
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections article .card-info {
		padding-bottom: calc(3.62903vw - 4.67742px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections article .card-info {
		padding-bottom: 65px;
	}
}
@media (max-width: 1280px) {
	.homepage-lists-collections article .card-excerpt,
	.homepage-lists-collections article .strands {
		display: none;
	}
}
.homepage-lists-collections article h3 {
	max-width: 90%;
}
.homepage-lists-collections article h3 a {
	color: #fff;
}
.homepage-lists-collections.reverse {
	flex-direction: row-reverse;
}
.homepage-lists-collections.reverse .list {
	border-left: 0 solid transparent;
	padding-top: 60px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections.reverse .list {
		padding-top: calc(1.20968vw + 51.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections.reverse .list {
		padding-top: 75px;
	}
}
.homepage-lists-collections.reverse .latest {
	border-left: 2px solid #000000;
	padding-top: 15px;
}
@media screen and (min-width: 680px) {
	.homepage-lists-collections.reverse .latest {
		padding-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.homepage-lists-collections.reverse .latest {
		padding-top: 30px;
	}
}


.marquee {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #ddf0fd;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	box-sizing: border-box;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 6px 0;
	text-transform: uppercase;
}
.marquee > span {
	display: inline-block;
	animation: marquee 20s linear infinite;
	color: #000000;
}
.marquee > span > span,
.marquee a:hover {
	color: #ff0108;
}
@media (max-width: 680px) {
	.marquee {
		padding: 8px 0 6px;
	}
	.marquee > span {
		animation: marquee 30s linear infinite;
	}
}
@keyframes marquee {
	0% {
		transform: translate(0);
	}
	to {
		transform: translate(-100%);
	}
}
.tooltip {
	position: absolute;
	background-color: #231f20;
	padding: 10px 20px 9px;
	color: #fff;
	z-index: 5;
	display: none;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.single-architect.my-list-header {
	min-height: calc(100vh - 158px);
	padding-bottom: 50px;
}
.single-architect.my-list-header h1 {
	padding-top: 15px;
}
@media screen and (min-width: 680px) {
	.single-architect.my-list-header h1 {
		padding-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.single-architect.my-list-header h1 {
		padding-top: 30px;
	}
}
@media (max-width: 680px) {
	.single-architect.my-list-header + div {
		display: none;
	}
}
.single-architect h1 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1;
	color: #fff;
}
@media screen and (min-width: 680px) {
	.single-architect h1 {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.single-architect h1 {
		font-size: 80px;
	}
}
@media (max-width: 680px) {
	.single-architect h1 {
		font-size: 40px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.single-architect h1 {
		font-size: calc(4.16667vw + 26.66667px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.single-architect h1 {
		font-size: 55px;
	}
}
.single-architect .architect-avatar {
	width: 100px;
	height: 100px;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	display: block;
	border-radius: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
	border: 4px solid #fff;
}
@media screen and (min-width: 680px) {
	.single-architect .architect-avatar {
		width: calc(8.06452vw + 45.16129px);
	}
}
@media screen and (min-width: 1920px) {
	.single-architect .architect-avatar {
		width: 200px;
	}
}
@media screen and (min-width: 680px) {
	.single-architect .architect-avatar {
		height: calc(8.06452vw + 45.16129px);
	}
}
@media screen and (min-width: 1920px) {
	.single-architect .architect-avatar {
		height: 200px;
	}
}
@media screen and (min-width: 680px) {
	.single-architect .architect-avatar {
		margin-top: calc(2.82258vw - 4.19355px);
	}
}
@media screen and (min-width: 1920px) {
	.single-architect .architect-avatar {
		margin-top: 50px;
	}
}
@media screen and (min-width: 680px) {
	.single-architect .architect-avatar {
		margin-bottom: calc(1.6129vw - 0.96774px);
	}
}
@media screen and (min-width: 1920px) {
	.single-architect .architect-avatar {
		margin-bottom: 30px;
	}
}
.single-architect h2 {
	font-size: 20px;
	line-height: 1.1;
	font-weight: 300;
	margin-top: 3px;
}
@media screen and (min-width: 680px) {
	.single-architect h2 {
		font-size: calc(2.09677vw + 5.74194px);
	}
}
@media screen and (min-width: 1920px) {
	.single-architect h2 {
		font-size: 46px;
	}
}
@media screen and (min-width: 680px) {
	.single-architect h2 {
		margin-top: calc(0.96774vw - 3.58065px);
	}
}
@media screen and (min-width: 1920px) {
	.single-architect h2 {
		margin-top: 15px;
	}
}
@media (max-width: 990px) {
	.single-architect h2 {
		max-width: 95%;
		line-height: 1.2;
	}
}
@media (max-width: 680px) {
	.single-architect h2 {
		font-size: 24px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.single-architect h2 {
		font-size: calc(4.72222vw + 8.88889px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.single-architect h2 {
		font-size: 41px;
	}
}
.single-architect p {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 300 !important;
}
@media screen and (min-width: 680px) {
	.single-architect p {
		font-size: calc(2.09677vw + 5.74194px);
	}
}
@media screen and (min-width: 1920px) {
	.single-architect p {
		font-size: 46px;
	}
}
@media (max-width: 990px) {
	.single-architect p {
		max-width: 95%;
		line-height: 1.2;
	}
}
@media (max-width: 680px) {
	.single-architect p {
		font-size: 24px;
	}
}
@media screen and (max-width: 680px) and (min-width: 320px) {
	.single-architect p {
		font-size: calc(4.72222vw + 8.88889px);
	}
}
@media screen and (max-width: 680px) and (min-width: 680px) {
	.single-architect p {
		font-size: 41px;
	}
}
.single-architect p a {
	border-bottom: 1px solid #fff;
}
[data-aos="slide-up"] {
	opacity: 0;
	transform: translateY(60px);
	transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
[data-aos="slide-up"].aos-animate {
	opacity: 1;
	transform: translateY(0);
}
[data-aos-delay="25"] {
	transition-delay: 25ms;
}
[data-aos-delay="50"] {
	transition-delay: 50ms;
}
[data-aos-delay="75"] {
	transition-delay: 75ms;
}
[data-aos-delay="100"] {
	transition-delay: 0.1s;
}
[data-aos-delay="125"] {
	transition-delay: 125ms;
}
[data-aos-delay="150"] {
	transition-delay: 0.15s;
}
[data-aos-delay="175"] {
	transition-delay: 175ms;
}
[data-aos-delay="200"] {
	transition-delay: 0.2s;
}
[data-aos-delay="250"] {
	transition-delay: 0.25s;
}
[data-aos-delay="300"] {
	transition-delay: 0.3s;
}
[data-aos-delay="1000"] {
	transition-delay: 1s;
}
html {
	height: 100%;
	background-color: #000000;
}
body {
	width: 100%;
	-webkit-font-smoothing: antialiased;
	font-family: iaf, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji;
	background-color: #f0eee5;
	color: #000000;
	font-variant-numeric: oldstyle-nums;
}


.card-wrapper {
	justify-content: space-between;
	padding-left: 15px;
	padding-right: 15px;
}

.news-posts {
	border-top: 2px solid #000000;
	padding-top: 15px;
}
@media screen and (min-width: 680px) {
	.news-posts {
		padding-top: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.news-posts {
		padding-top: 30px;
	}
}
.news-posts .archive-link {
	text-transform: uppercase;
	font-weight: 900;
	position: relative;
	display: block;
	font-size: 18px;
	margin-right: 30px;
	letter-spacing: 0.15em;
	margin-bottom: 20px;
	width: 100%;
}
.news-posts .archive-link a {
	display: inline-block;
}
.news-posts .archive-link a:hover {
	text-decoration: underline;
}
.whats-on {
	min-height: calc(100vh - 181px);
}
@media (max-width: 680px) {
	.whats-on.filter-nav-on {
		margin-top: 40px;
	}
}
.whats-on header {
	display: inline-block;
	width: 100%;
	position: relative;
}
.whats-on header h1 {
	font-size: 40px;
	margin: 20px 0;
	width: 46%;
	max-width: 650px;
	line-height: 1;
	font-weight: 100;
}
@media screen and (min-width: 680px) {
	.whats-on header h1 {
		font-size: calc(3.22581vw + 18.06452px);
	}
}
@media screen and (min-width: 1920px) {
	.whats-on header h1 {
		font-size: 80px;
	}
}
@media screen and (min-width: 680px) {
	.whats-on header h1 {
		margin-top: calc(2.41935vw + 3.54839px);
	}
}
@media screen and (min-width: 1920px) {
	.whats-on header h1 {
		margin-top: 50px;
	}
}
@media screen and (min-width: 680px) {
	.whats-on header h1 {
		margin-bottom: calc(0.80645vw + 14.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.whats-on header h1 {
		margin-bottom: 30px;
	}
}
@media (max-width: 680px) {
	.whats-on header h1 {
		width: 100%;
	}
}
.whats-on header h1 .red {
	color: #ff0108;
}
.whats-on header h1.filtered {
	max-width: 100%;
	width: 100%;
}
.whats-on header p {
	font-size: 22px;
	line-height: 1.15;
	font-weight: 300;
	width: 80%;
	max-width: 100px;
	margin-bottom: 30px;
}
@media screen and (min-width: 680px) {
	.whats-on header p {
		font-size: calc(2.09677vw + 7.74194px);
	}
}
@media screen and (min-width: 1920px) {
	.whats-on header p {
		font-size: 48px;
	}
}
@media screen and (min-width: 680px) {
	.whats-on header p {
		margin-bottom: calc(1.6129vw + 19.03226px);
	}
}
@media screen and (min-width: 1920px) {
	.whats-on header p {
		margin-bottom: 50px;
	}
}
@media (max-width: 680px) {
	.whats-on header p {
		width: 100%;
	}
}
.whats-on > section:first-of-type {
	z-index: 2;
	position: relative;
	background-color: #fff;
	transition: width 0.5s ease;
}
.whats-on > section:first-of-type.half {
	border-right: 0;
	width: 50%;
	padding-right: 15px;
}
@media screen and (min-width: 680px) {
	.whats-on > section:first-of-type.half {
		padding-right: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.whats-on > section:first-of-type.half {
		padding-right: 30px;
	}
}
.whats-on > section:first-of-type.half + section {
	border-left: 2px solid #000000;
}
.whats-on > section:nth-of-type(2) {
	position: fixed;
	opacity: 0;
	top: 162px;
	height: calc(100vh - 194px);
	right: 0;
	z-index: 1;
	width: 50%;
}
.whats-on > section:nth-of-type(2).visible {
	opacity: 1;
	border-left: 2px solid #000000;
}
.whats-on > section:nth-of-type(2).visible.whats-on-map-lock {
	top: auto;
	right: -15px;
	width: calc(50% + 15px);
	position: absolute;
	bottom: 0;
	width: 50%;
}
@media (min-width: 680px) {
	.whats-on > section:nth-of-type(2).visible.whats-on-map-lock {
		right: calc((15px + (1500vw - 10200px) / 1240) * -1);
	}
}
@media (min-width: 1920px) {
	.whats-on > section:nth-of-type(2).visible.whats-on-map-lock {
		right: -30px;
	}
}
@media (min-width: 680px) {
	.whats-on > section:nth-of-type(2).visible.whats-on-map-lock {
		width: calc(50% + 15px + (1500vw - 10200px) / 1240);
	}
}
@media (min-width: 1920px) {
	.whats-on > section:nth-of-type(2).visible.whats-on-map-lock {
		width: calc(50% + 30px);
	}
}
.whats-on.map-view h1 {
	max-width: 80%;
	width: 80%;
}
.whats-on.map-view p {
	width: 88%;
	max-width: 88%;
}
.architects-archive header {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.architects-archive header .year-list-wrapper {
	width: 40%;
}
.architects-archive h4 {
	font-weight: 900;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
	font-size: 22px;
	text-decoration: underline;
	text-transform: uppercase;
}
.architects-archive .year-list {
	max-width: 420px;
	-webkit-columns: 4;
	column-count: 4;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	margin-bottom: 30px;
}
.architects-archive .year-list a {
	font-weight: 100;
	font-size: 22px;
	font-variant-numeric: tabular-nums;
}
.architects-archive .year-list a:hover {
	text-decoration: underline;
}
.architects-archive .year-list-architects {
	display: block;
}
.architects-archive .year-list-architects .single-year {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.architects-archive .year-list-architects .single-year .the-year {
	-webkit-columns: 4;
	column-count: 4;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	display: none;
}
.architects-archive .year-list-architects .single-year .the-year:first-of-type {
	width: 100%;
	display: block;
	font-weight: 100;
	font-size: 28px;
	text-decoration: underline;
	margin-bottom: 20px;
}
@media screen and (min-width: 680px) {
	.architects-archive .year-list-architects .single-year .the-year:first-of-type {
		font-size: calc(4.19355vw - 0.51613px);
	}
}
@media screen and (min-width: 1920px) {
	.architects-archive .year-list-architects .single-year .the-year:first-of-type {
		font-size: 80px;
	}
}
.architects-archive .year-list-architects .single-year article {
	width: 25%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}
@media screen and (min-width: 680px) {
	.architects-archive .year-list-architects .single-year article {
		margin-bottom: calc(1.20968vw + 6.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.architects-archive .year-list-architects .single-year article {
		margin-bottom: 30px;
	}
}
@media (max-width: 1280px) {
	.architects-archive .year-list-architects .single-year article {
		width: 33%;
	}
}
@media (max-width: 880px) {
	.architects-archive .year-list-architects .single-year article {
		width: 50%;
	}
}
@media (max-width: 680px) {
	.architects-archive .year-list-architects .single-year article {
		width: 100%;
	}
}
.architects-archive .year-list-architects .single-year article > div {
	width: calc(100% - 80px);
}
@media (max-width: 680px) {
	.architects-archive .year-list-architects .single-year article > div {
		width: calc(100% - 65px);
	}
}
.architects-archive .year-list-architects .single-year article > div h3 {
	font-weight: 400;
	font-size: 28px;
	font-size: 18px;
	max-width: 90%;
	line-height: 1.4;
}
@media screen and (min-width: 680px) {
	.architects-archive .year-list-architects .single-year article > div h3 {
		font-size: calc(0.16129vw + 16.90323px);
	}
}
@media screen and (min-width: 1920px) {
	.architects-archive .year-list-architects .single-year article > div h3 {
		font-size: 20px;
	}
}
@media (max-width: 680px) {
	.architects-archive .year-list-architects .single-year article > div h3 {
		max-width: 90%;
	}
}
.architects-archive .year-list-architects .single-year article > div h3 a {
	line-height: 1;
	display: inline-block;
	width: auto;
}
.architects-archive .year-list-architects .single-year article > div h3 a:hover {
	text-decoration: underline;
}
.architects-archive .year-list-architects .single-year article > div span {
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 12px;
	text-decoration: underline;
}
.architects-archive .year-list-architects .single-year article img {
	border-radius: 100%;
	width: 60px;
	position: relative;
	top: 2px;
	height: 60px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 45px;
	height: 45px;
}
@media screen and (min-width: 680px) {
	.architects-archive .year-list-architects .single-year article img {
		width: calc(1.20968vw + 36.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.architects-archive .year-list-architects .single-year article img {
		width: 60px;
	}
}
@media screen and (min-width: 680px) {
	.architects-archive .year-list-architects .single-year article img {
		height: calc(1.20968vw + 36.77419px);
	}
}
@media screen and (min-width: 1920px) {
	.architects-archive .year-list-architects .single-year article img {
		height: 60px;
	}
}