/*
	Theme Name: The Standard Residences Midtown Miami
	Description: This is the Standard Residences Midtown Miami theme created based on Twenty Twenty One Theme.
	Author: Collaborators Society
	Author URI: https://www.cosoc.co

	Version: 1.0.0

	Template: twentytwentyone

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}671,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:normal}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}


/* FontFae
--------------------------------------------- */

@font-face {
	  font-family: 'TradeGothicLT-BoldCondTwenty';
	  font-display: auto;
	  src: url(https://thestandardmiamire6fcae.zapwp.com/m:0/a:https://thestandardmiamiresidences.com/wp-content/themes/the-standard/fonts/TradeGothicLTBoldCondTwenty/font.woff2) format('woff2'), 
	  	   url(https://thestandardmiamire6fcae.zapwp.com/m:0/a:https://thestandardmiamiresidences.com/wp-content/themes/the-standard/fonts/TradeGothicLTBoldCondTwenty/font.woff) format('woff');
	}
	
/* Root Customization
--------------------------------------------- */

:root { 
	    --global--color-primary: #ed2426;
		--global--color-background: #fafafa;
		--global--color-dark-gray: #121212;
		--global--color-yellow: #f9ede2;
		--global--color-gray: #232323;
		--global--color-red: #ed2426;
		
		--responsive--spacing-horizontal: calc(2 * var(--global--spacing-unit) * 0.65);
		
		--responsive--aligndefault-width: var(--responsive--alignwide-width);
		
		--font-headings: "TradeGothicLT-BoldCondTwenty",arial narrow, sans-serif;
		--font-base: "proxima-nova",helvetica, arial, sans-serif;
		
		/* Font Size */
		--global--font-size-base: 1.25rem;
		--global--font-size-xs: 1rem;
		--global--font-size-sm: 1.125rem;
		--global--font-size-md: 1.25rem;
		--global--font-size-lg: 1.75rem;
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 3.125rem;
		--global--font-size-xxxl: 3.75rem;
		
		--heading--font-size-h1: calc( 4.3 * var(--global--font-size-base) );
		--heading--font-size-h2: calc( 2.34 * var(--global--font-size-base) );
		--heading--letter-spacing-h1: -0.03em;
		--heading--letter-spacing-h2: -0.03em;
		
		--global--line-height-body: 1.125;
		--global--line-height-heading: 1.04;
		--heading--line-height-h1: 0.873;
		
		--global--spacing-unit: 36px;
		--global--spacing-vertical: 36px;
		--global--spacing-horizontal: 36px;
		
		--button--line-height: 1;
		--button--padding-vertical: 10px;
		--button--padding-horizontal: 26px;
		
		--branding--logo--max-width: 198px;
		--branding--logo--max-height: 129px;
		--branding--logo--max-width-mobile: 108px;
		--branding--logo--max-height-mobile: 71px;
		
		--primary-nav--padding: 9px;
		--primary-nav--font-size: 48px;
		
		--widget--line-height-list: 1.3125;
		
	}

/* Remove Lateral Scroll */
html, body{
	font-family: var(--font-base);
	overflow-x: hidden;
}

.wp-block-columns .wp-block-column > p {
	margin-top: var(--global--font-size-base);
	margin-bottom: var(--global--font-size-base);
}
	
	
/* Box Sizing
--------------------------------------------- */

html,
input[type="search"]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body ::selection {
	background: #ff8089;
}

.js-focus-visible *:focus:not(.focus-visible),
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 
	outline: none; 
	text-decoration: none;
}

::-webkit-input-placeholder {
	color:transparent;
}
	
:-moz-placeholder { /* Firefox 18- */
	color:transparent; 
}
	
::-moz-placeholder {  /* Firefox 19+ */
	color:transparent; 
}
	
:-ms-input-placeholder {  
	color:transparent;
}


/* Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a,
button,
input:focus,
.close-button,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color: #b60e0f;
}

.wp-block-button {
	background-color: #fff;
	color: var(--global--color-red) !important;
	border: solid 1px var(--global--color-red);
	box-shadow: 0.25rem 0.25rem 0 var(--global--color-red);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.wp-block-button:hover {
	background-color: var(--global--color-red);
	color: #fff !important;
	box-shadow: none;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-red);
}

.site .button, button, input[type=submit], input[type=reset], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button {
	border: none;
	font-family: var(--font-base);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
		background-color: #fff;
}

.site a:focus {
	background: transparent !important;
	color: var(--global--color-primary) !important;
	text-decoration: none;
}

.wp-block-group .wp-block-group__inner-container > p {
	margin-top: var(--global--font-size-base);
	margin-bottom:  var(--global--font-size-base);
}


/* Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-content, .site-main, .widget-area, .site-footer {
	padding: 0;
}

.site-main > * {
	margin-bottom: 0;
}

.alignwide {
	max-width: calc( var(--responsive--alignfull-width) - 2* var(--global--spacing-horizontal) );
}

/* Common Classes
---------------------------------------------------------------------------------------------------- */

.in-view > * {
	transform: none;
	opacity: 1;
	transition: opacity .6s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);
}

.out-view > * {
	opacity: 0;
}

.in-view h2 {
	transform: translate(0px, 0px);
	transition: opacity .3s cubic-bezier(0.230, 1.000, 0.320, 1.000), transform .6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.out-bottom h2 {
	transform: translate(0%, 100%);
}

.out-top h2 {
	transform: translate(0%, -100%);
}

.in-view p {
	opacity: 1;
	transform: translate(0px, 0px);
}

.out-bottom p{
	opacity: 0;
	transform: translate(0%, 50%);
}
	
.out-top p{
	opacity: 0;
	transform: translate(0%, -50%);
}

.wp-block-image.in-view, .in-view .wp-block-image{
	transform: translate(0px, 0px);
	transition: opacity 1s cubic-bezier(.19,1,.22,1),transform 1.5s cubic-bezier(.19,1,.22,1);
}

.wp-block-image.out-top, .out-top .wp-block-image {
	transform: translate(0px, -50px);
}

.wp-block-image.out-bottom, .out-bottom .wp-block-image {
	transform: translate(0px, 50px);
}

.out-view .wp-block-image.right {
	transform: translate(50%, 0%);
}

.out-view .wp-block-image.left {
	transform: translate(-50%, 0%);
	}
	
.primary-navigation-open .own-it,
.primary-navigation-open .welcome{
	display: none;
}

	.own-it {
		position: fixed;
		bottom: 1.5rem;
		right: 1.5rem;
		float: right;
		z-index: 999;
		-webkit-transition: transform 300ms,opacity 150ms;
		-o-transition: transform 300ms,opacity 150ms;
		transition: transform 300ms,opacity 150ms;
		opacity: 1;
	}
	
	.own {
		display: block;
		cursor: pointer;
		color: #fff !important;
		background-color: #ed2426;
		border: 1px solid #dee2e6;
		height: 60px;
		width: 60px;
		text-align: center;
		line-height: 60px;
		border-radius: 50%;
		overflow: hidden;
		-webkit-transition: -webkit-transform 0;
		-moz-transition: -moz-transform 0;
		-o-transition: -o-transform 0;
		transition: transform 0;
		box-shadow: none;
	}
	
	.own:hover {
		background-color: #b60e0f;
		color: #fff;
	}
	
	.own span {
		display: block;
		font-family: var(--font-headings);
		font-size: 16px;
		-webkit-animation: spin 1s linear infinite;
		-o-animation: spin 1s linear infinite;
		animation: spin 1s linear infinite;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		-webkit-animation-play-state: paused;
		-o-animation-play-state: paused;
		animation-play-state: paused;
	}
	
	.own:hover span{
		-webkit-animation-play-state:running;
		-o-animation-play-state:running;
		animation-play-state:running
	}
		
	@-webkit-keyframes spin{
		from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
		to{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@-moz-keyframes spin{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@-ms-keyframes spin{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@-o-keyframes spin{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes spin{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}
		
.welcome {
	position: fixed;
	max-height: calc(var(--vh, 1vh) * 75);
	background: #fff;
	color: #ee2324;
	width: 25% !important;
	box-shadow: 0.25rem 0.25rem 0 #ee2324;
	animation: fade_in ease 0.5s;
	top: 7rem;
	padding: 1rem 1rem 1.5rem 1rem;
	right: 2rem;
	border: solid 2px #ee2324;
	z-index: -1;
	opacity: 0;
}

.welcome.show {
	opacity: 1;
	z-index: 9998;
}

.welcome > * {
	margin-bottom: 1rem;
}

.welcome p {
	font-size: 1rem;
}

.welcome .wp-block-button {
	width: auto;
	font-family: var(--font-headings);
	font-size: 16px;
	padding: 0.375rem 0.75rem;
}

.welcome .hide-notice {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.welcome svg {
	width: 18px;
	height: 18px;
}

.welcome svg path {
	fill: #ee2324;
}


.announcement {
	background: var(--global--color-red);
	padding: 80px 48px;
	width: 50vw;
	margin-left: auto;
	margin-right: auto;
	transform: translateY(40%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.announcement .inner {
	height: auto;
}

.announcement h1 {
	margin-bottom: var(--global--spacing-vertical);
}

.announcement .button {
	border: solid 2px #fff;	
}

.announcement .address {
	margin-bottom: calc(2*var(--global--spacing-vertical));
}

.announcement .button:hover {
	border: solid 2px #fff;
	background: #fff !important;
	color: var(--global--color-red);
}


/* Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	align-items: flex-start !important;
	position: fixed;
	max-width: 100%;
	width: auto;
	left: 0;
	right: 0;
	z-index: 1000;
	padding-top: var(--global--spacing-unit);
	padding-bottom: var(--global--spacing-unit);
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.site-branding {
	background-image: url(../the-standard/images/Logo_Red.svg);
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 0 !important;
	z-index: 1500;
}

.site-logo {
	margin: 0;
	opacity: 0;
	z-index: 2000;
}

#splashscreen {
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		width:100%;
		height: auto;
		background-color: rgba(206, 39, 39, 0.9);
		z-index: 9999;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#splashscreen.hide {
		display: none;
	}
	
	.inner-box {
		padding: 0 15%;
		display: flex;
		flex-direction: column;
	}
	
	.inner-box p {
		font-size: 12px;
		font-family: var(--font-base);
		margin-top: var(--global--font-size-base);
	}
	
	.inner-box .close-lightbox {
		position: absolute;
		cursor: pointer;
		align-self: center;
		top: var(--global--spacing-vertical);
		right: var(--global--spacing-horizontal);
	}
	.inner-box .close-lightbox svg {
		width: 42px;
		height: 42px;
	}
	
.video-playback {
	display: none;
}

.video-playback.show {
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background: var(--global--color-red);
	display: flex;
	justify-content: center;
	align-items: center;
}

.wp-block-video {
	width: 100%; 
	margin: 0;
	max-width: 100%;
}


/* Red Background
--------------------------------------------- */

.reverse {
		background-color: var(--global--color-red) !important;
		color: #fff;
	}
	
.primary-navigation-open .site-branding,
.reverse .site-branding {
	background-image: url(../the-standard/images/Logo.svg);
}

.reverse .menu-button-container path {
	fill: #fff !important;
}

.reverse .entry-header {
	padding-bottom: 0 !important;
}

.reverse .entry-content,
.reverse .spaced {
	margin-top: 0 !important;
}

/* Navigation
---------------------------------------------------------------------------------------------------- */
	
	
	.primary-navigation {
		top: 0;
	}
	
	.menu-button-container {
		display: flex;
	}
	
	.primary-navigation-open .menu-button-container {
		background-color: transparent !important;
		justify-content: center;
	}
	
	.primary-navigation .primary-menu-container > ul > .menu-item {
		cursor: pointer;
	}
	
	.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
		text-decoration-color: #ffccd0;
	}
	
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
		}
		
	.primary-navigation-open .primary-navigation {
		width: 100%;
		position: fixed;
	}
	
	.primary-navigation > .primary-menu-container {
		visibility: hidden;
		display: flex;
		opacity: 0;
		position: fixed;
		justify-content: center;
		align-content: center;
		background-color: rgba(206, 39, 39, 0.9);
		transition: all 0.15s ease-in-out;
		transform: translateY(var(--global--spacing-vertical));
	}
		
	.primary-navigation-open .menu-button-container #primary-mobile-menu {
		margin-top: 18px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	
	.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
		top: 0 !important;
	}
	
	.dropdown-icon.close .svg-icon {
		width: 42.28px !important;
		height: 42.28px !important;
		overflow: auto !important;
	}
	
	.primary-navigation > div > .menu-wrapper {
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
	}
	
	.primary-navigation .primary-menu-container > ul > .menu-item {
		justify-content: center;
		line-height: 1;
	}
	
	.primary-navigation a {
		line-height: 1;
		padding: 2px 0;
		text-transform: uppercase;
		font-size: calc( 2.7 * var(--global--font-size-base) );
		letter-spacing: var(--heading--letter-spacing-h2);
		color: #fff;
		text-transform: uppercase;
		font-family: var(--font-headings);
	}
	
	.primary-navigation a:link, 
	.primary-navigation a:visited{
		color: #fff;
	}
	
	.primary-navigation a:hover {
		color: #ed2426;
	}
	
	.primary-navigation .current-menu-item > a:first-child, 
	.primary-navigation .current_page_item > a:first-child,
	.primary-navigation a:hover,
	.primary-navigation a:focus {
		background: #fff !important;
		text-decoration:none !important;
		color: #ed2426 !important;
	}
	
	.primary-navigation-open {
		position: fixed;
		overflow-y: hidden;
	}
	

/* Content Area
---------------------------------------------------------------------------------------------------- */

/* Entry Content
--------------------------------------------- */

.singular .has-post-thumbnail .entry-header {
	padding-bottom: 0;
}
	
.entry-content {
	margin-bottom: 0 !important;
}


/* Entry Footer
--------------------------------------------- */

.entry-footer {
	display: none;
}


/* Home
--------------------------------------------- */

.home {
	background-color: var(--global--color-red) !important;
	color: #fff;
}

.home .entry-content > * {
	margin-top: 0;
	margin-bottom: 0;
}

.home .copy {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.home-slider {
	position: relative;
	max-width: 100% !important;
}

video#bgvid { 
		position: absolute;
		top: 50%;
		left: 50%;
		height: 100%;
		width: auto;
		min-height: auto;
		min-width: auto;
		z-index: -100;
		transform: translate(-50%, -50%);
		object-fit: contain;
	}

.home video#bgvid { 
	min-height: 100%;
	width: 100%;
	object-fit: cover;
	}
	
.video-preview {
	width: 100%;
	background-color: rgba(0,0,0,0.2);
	display: flex;
	justify-content: center;
	align-items: center;
}

.heroshot h1 {
	position: absolute;
	max-width: 50vw;
	left: var(--global--spacing-horizontal);
	bottom: var(--global--spacing-vertical);
}

.home .site-main .wp-block-button {
	margin-left: var(--global--spacing-unit);
}

/* The Standard
--------------------------------------------- */

.spaced {
	margin-top: var(--global--spacing-vertical) !important;
	margin-bottom: calc(2*var(--global--spacing-vertical));
}

.post-14 .entry-header {
	padding-bottom: var(--global--spacing-vertical) !important;
}

.hero {
	width: 100vw;
	height: auto
	position: relative;
	top: 0;
	right: 0;
	z-index: -1;
}

.entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide {
	max-width: 100%;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0 !important;
}

.post-thumbnail > * {
	margin-bottom: 0 !important;
}

.post-thumbnail .wp-post-image {
	margin-top: 0;
}

.row {
	margin: calc( 2 * var(--global--spacing-vertical) ) auto;
}

.no-gap {
	margin-top: 0;
	margin-bottom: 0;
}

.hotel figcaption {
	font-size: var(--heading--font-size-h2);
	text-align: left;
	text-transform: uppercase;
	font-family: var(--font-headings);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--global--line-height-heading);
}


/* Building
--------------------------------------------- */

.building-header,
.building-team img {
	position: relative;
}

.building-header figcaption {
	position: absolute;
	top: var(--global--spacing-vertical);
	left: var(--global--spacing-horizontal);
	color: var(--global--color-red);
	font-size: var(--heading--font-size-h2);
	font-family: var(--font-headings);
	text-transform: uppercase;
	text-align: left;
}

.building-team figcaption {
	position: absolute;
	bottom: var(--global--spacing-vertical);
	right: calc(var(--global--spacing-horizontal)+16px);
	background-color: #fff;
	color: var(--global--color-red);
	border: solid 1px var(--global--color-red);
	padding: 12px 20px;
	margin-bottom: 0 !important;
	box-shadow: 0.25rem 0.25rem 0 var(--global--color-red);
	text-align: left;
}


/* Amenities
--------------------------------------------- */

.page-id-18 .hero {
	max-width: 100% !important;
	width: 100vw;
	margin-bottom: calc(2*var(--global--spacing-vertical));
}

.videoview {
	position: relative;
}

.amenities-tabs {
	align-items: stretch;
	margin-top: 0 !important;
}

.amenities-tabs .wp-block-column {
	margin: 0 !important;
}

.amenities-tabs .background-image,
.post-18 .captioned {
	position: relative;
}

.amenities-tabs .background-image figcaption {
	position: absolute;
	bottom: var(--global--spacing-vertical);
	right: calc(var(--global--spacing-horizontal)+16px);
	background-color: #fff;
	color: var(--global--color-red);
	border: solid 1px var(--global--color-red);
	padding: 12px 20px;
	margin-bottom: 0 !important;
	box-shadow: 0.25rem 0.25rem 0 var(--global--color-red);
	text-align: left;
}

.tab-list {
	flex-basis: 35.5% !important;
}

.content {
	flex-basis: 63.5% !important;
}

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	flex-direction: column;
}
ul.tabs li{
	background: var(--global--color-red);
	color: #fff;
	padding: 56px 32px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #fff;
	font-size: var(--heading--font-size-h2);
	text-align: left;
	text-transform: uppercase;
	font-family: var(--font-headings);
}

ul.tabs li:first-child {
	border-top: none;
}

ul.tabs li.current, ul.tabs li:hover{
	background: #fff;
	color: var(--global--color-red);
}

.rooftop figcaption:after {
	content: 'The Lido Bayside Grill — Miami Beach';
}


.tab-content{
	display: block;
	height: 0;
	overflow: hidden;
	margin: 0 !important;
}

.tab-content.current{
	height: 100%;
	position: relative;
}

.tab-content .slideshow {
		height: 100%;
		background-size: cover;
		background-position: center center;
	}
	
.slick-list {
		position: relative;
		overflow: hidden;
		display: block;
		margin: 0;
		padding: 0;
		height: 100%;
	}
	
.slick-track {
	height: 100%;
}
	
.tab-content .slideshow img, .heroshot img {
		display: none !important;
	}
	
.background-image {
		height: 100%;
		width: auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
}

.slick-dots {
	  display: flex;
	  justify-content: center;
	  margin: 0;
	  padding: 1rem 0;
	  list-style-type: none;
	  position: absolute;
	  bottom: 48px;
	  width: 100%;
	  z-index: 9999;
	}
	.slick-dots li {
	  margin: 0 0.25rem;
	}
	.slick-dots button {
	  display: block;
	  width: 12px;
	  height: 12px;
	  padding: 0;
	  border: none;
	  border-radius: 100%;
	  background-color: transparent !important;
	  border: solid 1px #fff;
	  text-indent: -9999px;
	}
	.slick-dots li.slick-active button {
	  background-color: #fff !important;
	}

.amenities-copy {
	padding: calc(2*var(--global--spacing-vertical)) 0;
	border-bottom: solid 1px #fff;
	margin-bottom: 0 !important;
	min-height: auto !important;
}

.bullet-points {
	display: none;
}

.tab-content.current .bullet-points {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 999;
	padding: 64px var(--global--spacing-horizontal);
	display: flex;
	align-items: flex-end;
}

.bullet-content {
	width: 50%;
	z-index: 1;
	color: #fff;
}

.bullet-content > * {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.bullet-content h2,
.bullet-content p:not(:last-child) {
	margin-bottom: var(--global--font-size-base);
}

.captioned {
	position: relative;
}

.captioned figcaption {
	position: absolute;
	bottom: calc( var(--global--spacing-vertical) + 16px );
	width: calc( var(--responsive--alignfull-width) - 2* var(--global--spacing-horizontal) );
	margin-bottom: 0 !important;
	margin-left: var(--global--spacing-horizontal);
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.captioned figcaption .large-text{	
	background-color: #fff;
	color: var(--global--color-red);
	border: solid 1px var(--global--color-red);
	padding: 20px 24px;
	box-shadow: 16px 16px 0 var(--global--color-red);
	font-size: var(--heading--font-size-h2);
	text-align: left;
	text-transform: uppercase;
	font-family: var(--font-headings);
	margin-bottom: 0 !important;
	width: auto;
}

.captioned figcaption .small-text {
	right: 16px;
	background-color: #fff;
	color: var(--global--color-red);
	border: solid 1px var(--global--color-red);
	padding: 12px 20px;
	margin-bottom: 0 !important;
	box-shadow: 0.25rem 0.25rem 0 var(--global--color-red);
	text-align: left;
}

.pull-left, .pull-right {
	display: block;
	float: left; 
    height: auto;
	width: 100%; 
	margin-left: var(--global--spacing-horizontal);
	margin-top: 0;
}

.pull-left img {
	width: 63.3% !important;
	float: right;
}

.pull-right img {
	width: 63.3% !important;
	float: left;
}

.pull-left figcaption {
	justify-content: flex-end;
}

.pull-left figcaption .large-text {
	position: absolute;
}

.pull-right figcaption .large-text{
	position: absolute;
	order: 2;
}

.pull-right figcaption .small-text {
	order: 1;
}




/* Residences
--------------------------------------------- */

.spaced {
	position: relative;
}

.spaced .row {
	display: flex;
	align-items: center;
	height: inherit;
	width: inherit;
	position: relative;
}

.spaced .intro-copy {
	flex-direction: column;
}

.spaced h1 {
	width: 33.3vw;
	position: absolute;
	top: 0;
}


/* Gallery
--------------------------------------------- */

.gallery {
	max-width: var(--responsive--alignfull-width) !important;
	position: fixed !important;
	z-index: 200;
	background: var(--global--color-red);
	box-shadow: 0 12px 12px #e8e8e8;
}

.gallery:after {
	content: 'GALLERY';
	font-size: var(--heading--font-size-h1);
	font-family: var(--font-headings);
	position: absolute;
	left: var(--global--spacing-horizontal);
	bottom: var(--global--spacing-vertical);
	color: #fff;
	z-index: 10;
}

.gallery .slick-slide img {
	display: none;
}

.gallery-thumbnails .wp-block-image {
	flex-grow: 0 !important;
}

.thumbnail-pages {
	padding-top: var(--global--spacing-vertical);
	z-index: -1;
}

.thumbnail-pages .tabs,
.archive-pagination {
	flex-direction: row;
	text-align: center;
}

.archive-pagination {
	margin-top: calc(1.5*var(--global--spacing-vertical));
}

.thumbnail-pages .tabs li,
.press .page-numbers {
	padding: 12px 16px;
	margin-right: 20px;
	background: transparent;
	color: var(--global--color-red);
	font-size: 12px;
	text-align: center;
	border: none;
	display: inline-flex;
}

.thumbnail-pages .tabs li.current,
 .thumbnail-pages .tabs li:hover,
 .press .page-numbers.current,
 .press a.page-numbers:hover {
	background: var(--global--color-red);
	color: #fff;
}

.thumbnail-pages .tabs li:last-child,
.press a.page-humbers:last-child {
	margin-right: 0;
}

.gallery-thumbnails figure {
	cursor: pointer;
}

.gallery-thumbnails figure:before {
	content: '';
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background: #ed2426;
	  opacity: 0;
	  z-index: -1;
	  transition: .5s ease;
}

.gallery-thumbnails figure:hover::before{
	opacity: 0.25;
	z-index: 2;
}



/* Culture
--------------------------------------------- */


.alignfull.spaced.amenities .wp-block-group__inner-container {
	max-width: calc( var(--responsive--alignfull-width) - 2* var(--global--spacing-horizontal) );
	margin-top: calc( 2 * var(--global--spacing-vertical) );
	position: relative;
}

.reverse .spaced {
	background: #fff;
}

.reverse .spaced h1 {
	width: 33.33vw !important;
	color: var(--global--color-red);
	z-index: 2;
}

.spaced .wp-block-cover {
	margin-top: 0;
	padding: 0;
}

.spaced .wp-block-cover .wp-block-cover__inner-container {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	margin-bottom: calc( 2* var(--global--spacing-vertical));
}

.row.last {
	margin-bottom: calc(2 * var(--global--spacing-vertical));
}

/* Team
--------------------------------------------- */

.team-grid {
	margin-bottom: calc( 3 * var(--global--spacing-vertical)) !important;
}

.team-grid .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 1fr 2fr;
	column-gap: var(--global--spacing-horizontal);
	row-gap: var(--global--spacing-horizontal);
}

.team-copy .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	grid-template-columns: none;
	row-gap: 0;
}

.team-copy .wp-block-group__inner-container > * {
	margin-top: 0;
	margin-bottom: var(--global--font-size-base);
}

.team-copy .has-text-align-left {
	margin-left: 0 !important;
}

.team-member {
	position: relative;
}

.team-member img {
	border: solid 6px var(--global--color-red);
}

.team-member figcaption {
	position: absolute;
	bottom: calc(-1 * var(--global--spacing-vertical));
	right: 16px;
	background-color: #fff;
	color: var(--global--color-red);
	border: solid 1px var(--global--color-red);
	padding: 26px 24px;
	box-shadow: 16px 16px 0 var(--global--color-red);
	margin-bottom: 0 !important;
	min-width: 25vw;
	text-align: left;
}

.team-member figcaption .name{
	font-size: calc(0.65*var(--heading--font-size-h2));
	text-transform: uppercase;
	font-family: var(--font-headings);
	display: block;
	clear: both;
}


/* Floorplans
--------------------------------------------- */

.slick-slider {
	display: none !important;
}

.slick-initialized.slick-slider {
	display: block !important;
}

.post-22 .entry-content {
	margin-top: 0 !important;
}

.plan-header {
	background-color: var(--global--color-red);
	padding: calc(2*var(--global--spacing-vertical)) 0;
}

.plan-header h1 {
	color: #fff;
	display: flex;
	flex-direction: column;
}

.plan-header .wp-block-columns {
	display: grid;
	grid-template-columns: 1fr 2fr;
}

.floorplan-tabs ul.tabs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: var(--global--spacing-horizontal);
	row-gap: var(--global--spacing-vertical);	
}

.floorplan-tabs ul.tabs li {
	border: 1px solid #cf2727;
	padding: 20px 26px;
	background: #fff;
	box-shadow: 20px 20px 0 #cf2727;
	color: var(--global--color-red);
}

.floorplan-tabs ul.tabs li.current,
.floorplan-tabs ul.tabs li:hover {
	background: #cf2727;
	border: 1px solid #fff;
	box-shadow: none;
	color: #fff !important;
}

.plan-slides .slick-slide {
	padding-bottom: 2em;
	background: #fff;
}

.plan-slides .slick-dots{
	bottom: 0.5em;
}

.plan-slides .slick-dots button {
	border: solid 1px var(--global--color-red);
}

.plan-slides .slick-dots li.slick-active button {
	  background-color: var(--global--color-red) !important;
}

.arrow {
	position: absolute;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 998;
	cursor: pointer;
}
	
.arrow.slick-prev {
	left: 40px;
}
	
.arrow.slick-next {
	right: 40px;
}

.room-count h2 {
	text-transform: uppercase;
}


/* Contact
--------------------------------------------- */

.mast-padding {
	margin-top: calc(6*var(--global--spacing-vertical)) !important;
}

.contact-tabs {
	display: flex;
	flex-direction: column;
	margin-top: calc(2*var(--global--spacing-vertical));
}

.contact-tabs .tab-list {
	flex-basis: 100% !important;
	display: grid;
	grid-template-columns: 1fr 2fr;
	column-gap: var(--global--spacing-horizontal);
	border-bottom: 1px solid #fff;
	margin-bottom: var(--global--spacing-vertical) !important;
	align-items: center;
}

.contact-tabs ul.tabs {
	margin-top: 0;
}

.contact-tabs .tab-list p {
	margin-bottom: 0;
}

.contact-tabs ul.tabs li {
	display: inline-block;
	padding: 12px 26px 10px 26px;
	margin-right: var(--global--spacing-horizontal);
	font-size: var(--global--font-size-base);
	border-top: 0;
	border: 1px solid transparent;
	box-shadow: none;
	color: #fff !important;
}

.contact-tabs ul.tabs li:hover {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: transparent;
}

.contact-tabs ul.tabs li.current {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff;
	color: var(--global--color-red) !important;
}

.contact-tabs .content {
	margin-left: 0 !important;
	margin-bottom: var(--global--spacing-vertical) !important;
}

.form-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: var(--global--spacing-horizontal);
	padding-bottom: var(--global--spacing-vertical);
}

form {
	padding-bottom: calc(1.5*var(--global--spacing-vertical));
	position: relative;
}

.form-column {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.form-column > * {
	margin-top: var(--global--spacing-vertical) !important;
}

.form-column > *:first-child {
		margin-top: 0 !important;
	}

.form-column label.error {
	margin-top: 6px !important;
}

.form-column.comment {
	display: flex;
	flex-direction: column;
}

.site textarea {
	height: calc(5.6*var(--global--spacing-vertical));
	border: solid 1px #fff;
	background: transparent;
	color: #fff;
	vertical-align: top;
	margin: 0;
}

label {
	margin-bottom: 0;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color] {
	border: none;
	border-bottom: 1px solid #fff;
	padding: 0;
	background: transparent;
	color: #fff;
}

select {
	border: none;
	border-bottom: 1px solid #fff;
	padding: 0;
	background: transparent;
	color: #fff;
}

textarea:focus, input:focus {
	color: #fff !important;
	outline: none !important;
}

input[type="button"], .enter_link {
	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
	background-color: #fff;
	color: var(--global--color-red) !important;
	border: solid 1px var(--global--color-red);
	box-shadow: 0.25rem 0.25rem 0 #b60e0f;
	cursor: pointer;
}

input[type="button"]:hover, .enter_link:hover {
	background: #cf2727;
	border: 1px solid #fff;
	box-shadow: none;
	color: #fff !important;
}

label.error {
	color: #fff;
	font-size: 1rem;
	display: block;
	margin-top: 5px;
}
	
input.error, textarea.error {
	border: 1px dashed #fff;
	color: #999;
}

.enter_link {
	position: relative;
	font-family: var(--font-base);
	margin-top: var(--global--spacing-vertical);
	align-self: flex-start;
}

::-webkit-input-placeholder {
	color: #fff;
}
	
:-moz-placeholder { /* Firefox 18- */
	color: #fff; 
}
	
::-moz-placeholder {  /* Firefox 19+ */
	color: #fff; 
}
	
:-ms-input-placeholder {  
	color: #fff;
}

.agreement {
	font-size: 14px;
	margin: 72px 0 0 0;
}

.agreement a,
.agreement a:focus {
	color: #fff !important;
	text-decoration: underline;
}

.agreement a:hover {
	opacity: 0.8;
}


/* Thank you
--------------------------------------------- */

.thank-you .wp-block-cover__inner-container{
	margin-top: calc(6*var(--global--spacing-vertical)) !important;
	margin-left: var(--global--spacing-horizontal) !important;
	max-width: 50vw;
}

.thank-you h1 {
	margin-bottom: var(--global--spacing-vertical) !important;
}

/* Downloads
--------------------------------------------- */

.wp-block-button.download {
	border: none;
	box-shadow: none;
	margin: calc(0.5*var(--global--spacing-vertical)) auto;
	min-width: 34.375vw !important;
	max-width: 50vw !important;
}

.wp-block-button.download a {
	padding: var(--global--spacing-vertical);
	box-shadow: 16px 16px 0 #cf2727;
	border: solid 1px #cf2727;
	font-size: var(--heading--font-size-h2);
	text-transform: uppercase;
	font-family: var(--font-headings);
	background: #fff;
}

.wp-block-button.download .wp-block-button__link:hover {
	background: #cf2727 !important;
	box-shadow: none;
}

.wp-block-button.download:first-child {
	margin-top: calc(5*var(--global--spacing-vertical));
}

.wp-block-button.download:last-child {
	margin-bottom: calc(3*var(--global--spacing-vertical));
}


/* Press
---------------------------------------------------------------------------------------------------- */

.press {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.press h1 {
	margin-bottom: calc(1.5*var(--global--spacing-vertical));
	text-transform: uppercase;
}

.press .archived-posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: var(--global--spacing-vertical);
	row-gap: calc(1.35*var(--global--spacing-horizontal));
}

.press .post-thumbnail {
	margin-bottom: calc(0.65*var(--global--spacing-horizontal));
}

.press h4 {
	margin-top: calc(0.625*var(--global--spacing-vertical));
	font-weight: normal;
	font-size: calc(0.7*var(--heading--font-size-h4));
	text-transform: uppercase;
	margin-bottom: calc(0.35*var(--global--spacing-horizontal));
}

.press h3 {
	text-transform: capitalize;
	letter-spacing: -0.8px;
	}


/* Widget Area
---------------------------------------------------------------------------------------------------- */
.widget-area {
	margin-top: 0;
	color: var(--global--color-red);
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
	border-top: solid 0.5px var(--global--color-red);
	border-bottom: solid 0.5px var(--global--color-red);
	padding: var(--global--spacing-vertical) 0;
	width: 100%;
	max-width: 100%;
	grid-template-columns: 2fr 2fr 2fr 2fr 4fr;
	column-gap: var(--global--spacing-horizontal);
	font-family: var(--font-base);
}

.widget-area .wp-block-button {
	width: 50%;
	text-align: center;
}

.widget-area:before {
	border-top: solid 0.5px var(--global--color-red);
	margin-top: var(--global--spacing-vertical);
}

.widget-area > * {
	margin-top: 0;
	margin-bottom: 0;
}

.widget-area p {
	line-height: var(--widget--line-height-list);
}

.widget-area a {
	color: var(--global--color-red) !important;
	text-decoration: none;
}

.widget-area .wp-block-buttons{
	justify-content: flex-end;
}

.widget-area a:hover {
	color: #b60e0f !important;
}

/* Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background: var(--global--color-background);
	max-width: none;
	width: auto;
	left: 0;
	right: 0;
	padding: 0 var(--global--spacing-unit);
}

.site-footer > .site-info {
	padding-top: 0;
	border-top: none;
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.site-info > * {
	display: flex;
	align-items: flex-end;
}

.team-logos a {
	margin-right: 28px;
}

.team-logos a:last-child {
	margin-right: 0;
}

.social {
	width: 13.33%;
	justify-content: flex-start;
}

.social a {
	margin-right: 14px;
}

.social img:last-child {
	margin-right: 0;
}

.disclaimers {
	margin-bottom: calc(2 * var(--global--spacing-vertical));
}

.disclaimers p {
	font-size: 7pt;
	line-height: 1.43;
	color: var(--global--color-red);
	text-align: justify;	
}

.legal-links {
	margin-top: calc(0.25*var(--global--spacing-vertical));
}
.legal-links a  {
	font-size: 10pt;
	margin-right: 1.5rem;
	text-decoration: underline;
	font-family: 
}

/* Media Queries
---------------------------------------------------------------------------------------------------- */	

@media only screen and (orientation: portrait){

:root { 
	--heading--font-size-h1: calc( 3.5 * var(--global--font-size-base) );
}
	
.row {
	margin: calc( 1.5 * var(--global--spacing-vertical) ) auto;
}

.site-logo {
	z-index: 600;
}

.welcome {
	width: 40% !important;
}

.no-gap {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

/* Home
--------------------------------------------- */	

.wp-block-columns {
		flex-direction: column;
	}
	
.wp-block-column.image {
	order: 1;
	margin-left: 0 !important;
	margin-bottom: calc( 2*var(--global--spacing-vertical) ) !important;
}

.page-id-500 .wp-block-column.image {
	margin-bottom: var(--global--spacing-vertical) !important;
}

.wp-block-column.copy {
	order: 2;
	display: flex;
	flex-direction: row !important;
	flex-wrap: nowrap;
	margin-bottom: calc( 2*var(--global--spacing-vertical) ) !important;
	margin-left: 0 !important;
}

.copy h2, .copy .text {
	flex-grow: 1 !important;
	flex-basis: 50%;
}

.copy h2 {
	padding-right: 0 !important;
}

.text {
	margin-top: 0 !important;
}

.spaced h1 {
	width: 100%;
}

.inner-box {
		padding: 0 var(--global--spacing-horizontal);
	}


.announcement {
	width: 60vw;
	transform: translateY(50%);
}

/* Standard
--------------------------------------------- */	


.spaced {
		margin-top: calc( 0.5 * var(--global--spacing-vertical) )  !important;
		margin-bottom: calc( 1.5 * var(--global--spacing-vertical) );
}
	
.page-title {
	order: 1;
	margin-bottom: var(--global--spacing-vertical);
	margin-top: 0;
}

.intro {
	order: 2;
	margin-top: var(--global--spacing-vertical);
	margin-bottom: 0 !important;
}

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
	margin-left: 0;
}

.mind-gap figcaption{
	margin-bottom: calc( 0.5 * var(--global--spacing-vertical)) !important;
}

.vertical {
	margin-left: 0 !important;
	margin-right: 0 !important;
	justify-content: flex-end;
	display: flex;
}

.vertical .wp-block-image {
	width: 66.7%;
}

.vertical figcaption {
	margin-bottom: calc( 0.5 * var(--global--spacing-vertical)) !important;
}

.vertical .long figcaption {
	margin-top: var(--global--spacing-vertical) !important;
}


/* Neighborhood
--------------------------------------------- */

.spaced, .divider {
	max-width: 100% !important;
}

.divider {
	margin-top: calc( 2 * var(--global--spacing-vertical));
	margin-bottom: calc( -0.5 * var(--global--spacing-vertical) );
}

.spaced h1 {
	max-width: calc( var(--responsive--alignfull-width) - 2* var(--global--spacing-horizontal) ) !important;
	width: calc( var(--responsive--alignfull-width) - 2* var(--global--spacing-horizontal) ) !important;
	position: relative;
	margin-bottom: var(--global--spacing-vertical) !important;
}

.intro-image {
	order: 1;
}

.intro-copy {
	order: 2;
	max-width: calc( var(--responsive--alignfull-width) - 2* var(--global--spacing-horizontal) ) !important;
	margin-top: var(--global--spacing-vertical);
	margin-bottom: 0 !important;
}

.unstacked {
	flex-direction: row;
}

.unstacked.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
	margin-left: var(--wp--style--block-gap,2em) !important;
}


/* Amenities
--------------------------------------------- */

.spaced.amenities .intro-image {
		max-width: calc( var(--responsive--alignfull-width) - 2* var(--global--spacing-horizontal) ) !important;
	}
	
.amenities-tabs .content {
	order: 1;
}

.amenities-tabs .tab-list {
	order: 2;
}

.amenities-tabs .tab-list .tabs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

ul.tabs li {
	font-size: calc( 0.75 * var(--heading--font-size-h2));
	padding: 32px 32px;
}

.amenities-tabs ul.tabs li:nth-child(even) {
	border-left: solid 1px #fff;
}

.amenities-tabs .tab-list {
	order: 1;
}

.amenities-tabs .content {
	order: 2;
}

.tab-content.current {
	height: auto;
	display: flex;
	flex-direction: column;
}

.gallery-thumbnails.tab-content.current {
	flex-direction: row;
}

.tab-content .slideshow {
	height: 50vh;
}

.tab-content.current .bullet-points {	
	height: auto;
	position: relative;
	background-color: var(--global--color-red);
	padding: calc(2*var(--global--spacing-vertical)) var(--global--spacing-horizontal);
}

.tab-content.current .bullet-points:before {
	display: none;
}

.bullet-content {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: var(--global--spacing-horizontal);
}

.bullet-content h2,
.bullet-content p,
.amenities-copy p{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.slick-dots {
	bottom: 24px;
}

.wp-block-cover {
	padding: var(--global--spacing-vertical) 0;
}

.amenities-copy p{
	margin-bottom: var(--global--font-size-base) !important;
	}

.captioned {
	margin-bottom: calc( 1.5 * var(--global--spacing-vertical) );
}

.captioned figcaption .large-text{
	bottom: calc( -1.5 * var(--global--spacing-vertical) );
	font-size: calc( 0.65 * var(--heading--font-size-h2));
}

.pull-left figcaption .large-text, .pull-right figcaption .large-text {
	bottom: 0;
}

.pull-left img, .pull-right img {
	width: 70% !important;
}

.pull-left, .pull-right {
	margin-left: var(--global--spacing-horizontal) !important;
	margin-top: 0 !important;
}
	
.small-text {
	font-size: 14px;
	width: auto;
	max-width: 21vw;
}

.push figcaption{
	right: 16px !important;
}


/* Residences
--------------------------------------------- */

.three-columns .wp-block-columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);	
	column-gap: calc(2 * var(--global--spacing-horizontal));
}

.three-columns .wp-block-column {
	margin-bottom: 0 !important;
}

.kitchen .description {
	order: 2;
}

.description {
	align-self: flex-end !important;
	margin-top: var(--global--spacing-vertical);
	width: 66.7% !important;
	margin-bottom: 0 !important;
}

.divider.residence {
	margin-top: 0;
	margin-bottom: 0;
}

.bath .description {
	margin-top: 0;
	margin-bottom: var(--global--spacing-vertical) !important;
}

.unstacked .wp-block-column {
	margin-bottom: 0 !important;
}

/* Culture
--------------------------------------------- */

.reverse .has-post-thumbnail .entry-header {
	padding-bottom: 0 !important;
}

.reverse .spaced {
	background: #fff;
	color: var(--global--color-red);
}

.reverse .spaced h1 {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.spaced .wp-block-cover {
	max-width: 100% !important;
	width: 100% !important;
	margin-top: 0;
	padding: 0;
}

.spaced .wp-block-cover .wp-block-cover__inner-container {
	width: 100%;
	margin-top: 0;
	margin-bottom: var(--global--spacing-vertical);
}

.reverse .spaced .intro-copy, .reverse .spaced.amenities .intro-image {
	max-width: 100% !important;
	width: 100% !important;
}


/* Floor Plans
--------------------------------------------- */

.plan-header {
	padding: calc(1.5*var(--global--spacing-vertical)) 0;
}

.plan-header .wp-block-columns {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}

.plan-header h1 {
		color: #fff;
		flex-direction: row;
}

.plan-header h1 span:not(:first-child) {
	margin-left: 1rem;
}

.floorplan-tabs .tab-content.current {
	height: 100%;
}

.plan-description {
	margin-bottom: calc(-0.5*var(--global--spacing-vertical));
	grid-template-columns: 1.5fr 1fr 1fr;
}

.download-plan .wp-block-button {
	width: auto;
}

.room-count h2, 
.square-footage h2 {
	font-size: calc(0.8*var(--heading--font-size-h2));
}

.arrow.slick-prev {
		left: 30px;
	}
		
	.arrow.slick-next {
		right: 30px;
	}
	


/* Contact
--------------------------------------------- */

.mast-padding {
	flex-direction: row;
}

.mast-padding .wp-block-column {
	flex-basis: 50% !important;
}

.mast-padding .wp-block-column:not(:first-child) {
	margin-left: var(--global--spacing-horizontal) !important;
	}

.contact-tabs .tab-list {
	grid-template-columns: 1fr 1fr;
}

.contact-tabs .tab-content.current {
	height: auto;
}
		
	.comment {
		margin-top: var(--global--spacing-vertical);
	}
	.comment label {
		display: block;
	}

.thank-you .wp-block-cover__inner-container{
		margin-top: calc(5*var(--global--spacing-vertical)) !important;
		margin-left: var(--global--spacing-horizontal) !important;
		max-width: 75vw;
	}


/* Press
--------------------------------------------- */

.press h3 {
	font-size: calc(0.8*var(--heading--font-size-h3));
}

.press h4 {
		font-size: calc(0.5*var(--heading--font-size-h4));
	}


/* Widget-Area
--------------------------------------------- */	

.team-grid .wp-block-group__inner-container {
	grid-template-columns: 1fr 1fr;
}

.team-grid h1 {
	font-size: calc(0.8 * var(--heading--font-size-h1));
}

.team-member figcaption .name {
	font-size: calc(0.55 * var(--heading--font-size-h2));
}

.team-member figcaption {
	min-width: 25vw;
	padding: 20px 18px;
	margin-top: 0;
	bottom: calc( -1 * var(--global--spacing-vertical));
}

.team-grid {
	margin-bottom: calc( 2* var(--global--spacing-vertical)) !important;
}

.team-grid:last-child {
		margin-bottom: var(--global--spacing-vertical) !important;
	}

/* Widget-Area
--------------------------------------------- */	

.widget-area {
	grid-template-columns: 4fr 3.5fr 3.5fr 4fr;
	column-gap: 0;
}

.widget-area .wp-block-button {
		width: auto;
	}

.social {
	width: 21.5%;
}

.disclaimers {
		margin-bottom: var(--global--spacing-vertical);
	}

}

@media only screen and (max-width: 481px) and (orientation: portrait){

.site-logo .custom-logo {
	max-width: calc(0.75 * var(--branding--logo--max-width));
	max-height: calc(0.75 * var(--branding--logo--max-height));
}
	
}


@media only screen and (max-width: 481px) {
	
	:root {
		--global--spacing-vertical: calc(0.66*var(--global--spacing-unit));
		--global--spacing-horizontal: calc(0.66*var(--global--spacing-unit));
		
		--heading--font-size-h1: calc( 3 * var(--global--font-size-base) );	
		--heading--font-size-h2: calc( 2 * var(--global--font-size-base) );
	}
	
	.site-header {
		padding-top: var(--global--spacing-vertical);
		padding-bottom: var(--global--spacing-vertical);
		padding-left:var(--global--spacing-horizontal);
		padding-right:var(--global--spacing-horizontal);
	}

	.welcome {
			width: calc( var(--responsive--alignfull-width) - 2* var(--global--spacing-horizontal) ) !important;
			right: var(--global--spacing-horizontal);
			top: 12rem;
	}
	
	.site-branding  {
		width: calc(0.8*var(--branding--logo--max-width));
		height: calc(0.8*var(--branding--logo--max-height));
		margin-right: 0;	
	}
	
	.site-logo {
		position: relative !important;
		padding-top: 0 !important;
		top: 0 !important;
	}
	
	.custom-logo-link {
		max-width: 100%;
		width: 100%;
		height: 100%;
	}
	
	.inner-box {
		padding: 0 calc(0.5*var(--responsive--spacing-horizontal));
	}
	
	.inner-box p {
		font-size: 8px;
	}
	
	.menu-button-container {
		right: calc(0.5*var(--responsive--spacing-horizontal));
		padding-top: calc(0.5*var(--responsive--spacing-horizontal));
	}
	
	.menu-button-container #primary-mobile-menu {
		padding: 0;
	}
	
	.primary-navigation > div > .menu-wrapper {
		padding-top: 2rem;
		padding-bottom: 0;
	}
	
	.primary-navigation a {
		font-size: calc(1.9*var(--global--font-size-base));
		line-height: 0.9;
	}
	
	.primary-navigation-open .menu-button-container {
		width: 50vw;
		margin-right: 0;
	}
	
	.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		display: block;
	}
	
	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
		max-height: calc(0.75 * var(--branding--logo--max-height)) !important;
	}
	
	.primary-navigation-open .menu-button-container #primary-mobile-menu {
		margin-right: 0;
	}
	
	.primary-navigation .primary-menu-container > ul > .menu-item {
		text-align: center;
	}

	.wp-block-column.copy {
		flex-direction: column !important;
		max-width: var(--responsive--aligndefault-width);
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.wp-block-column.image {
		margin-bottom: calc(1.5*var(--global--spacing-vertical)) !important;
	}
	
	.wp-block-column.copy > * {	
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.wp-block-column.copy p {
		max-width: 100% !important;
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.wp-block-column.page-title {
		margin-left: 0 !important;
	}
	
	.vertical .wp-block-image {
		width: 75%;
	}
	
	.vertical .wp-block-image.long{
		width: 100%;
		display: flex;
		flex-direction: column;	
	}
	
	.vertical .wp-block-image.long img{
		width: 75%;
		margin-left: auto;
	}
	
	.vertical .wp-block-image.long figcaption{
		text-align: right;
	}
	
	.page-title .has-text-align-right {
		text-align: left
	}
	
	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-bottom: calc(1.5 * var(--global--spacing-vertical));
	}
	
	.announcement {
		width: 90vw;
		transform: translateY(50%);
		padding: 48px 20px;
	}
	
	.announcement .button {
		font-size: 15px;
	}
	
	.amenities-copy p{
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 0 !important;
		}
		
	.bullet-content {
		width: 100%;
		display: flex;
		flex-direction: column;
		}
	
	.unstacked {
		display: flex;
	}
	
	.unstacked .wp-block-image {
		width: 75%;
	}
	
	.unstacked.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
		margin-left: 0 !important;
		margin-top: calc(1.5 * var(--global--spacing-vertical));
	}
	
	.unstacked .wp-block-image.right {
		margin-left: auto;
	}
	
	.amenities-tabs {
		align-items: flex-start;
	}

	.widget-area {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: calc(0.3*var(--global--spacing-horizontal));
		row-gap: var(--global--spacing-vertical);
		margin-top: calc(1.5 * var(--global--spacing-vertical));
	}
	
	.wp-block-column.content {
		width: 100vw !important;
		flex-grow: 1;
	}
	
	.amenities-tabs .tab-list {
		width: 100%;
	}
	
	.amenities-tabs .tab-list .tabs {
		display: flex;
		flex-direction: column;
		grid-template-columns: none;
	}
	
	.amenities-tabs .tab-list ul.tabs li {
		border-left: 0;
		padding: calc(0.5*var(--responsive--spacing-horizontal));
	}
	
	.captioned img {
		margin-bottom: var(--global--spacing-vertical);
	}
	
	.captioned figcaption {
		margin-top: 0 !important;
		bottom: calc(-0.25 * var(--global--spacing-vertical));
		width: 100%;
		margin-left: 0;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.captioned figcaption .large-text {
		font-size: calc( 0.5 * var(--heading--font-size-h2));
		left: auto !important;
		right: 0 !important;
		padding: 10px 12px;
		box-shadow: 10px 10px 0 var(--global--color-red);
		max-width: 55vw;
		order: 2;
	}
	
	.captioned figcaption .small-text {
		font-size: 10px;
		padding: 6px 10px;
		width: auto;
		max-width: 30vw;
		order: 1;
	}
	
	.captioned.single figcaption {
		justify-content: flex-end;
	}
	
	.pull-left figcaption .large-text,
	.pull-right figcaption .large-text {
		position: relative;
	}
	
	.pull-left img, .pull-right img {
		width: 100% !important;
	}
	
	.push figcaption {
		right: auto !important;
	}
	
	.singular .has-post-thumbnail .entry-header {
		padding-bottom: calc(0.834*var(--global--spacing-vertical)) !important;
	}
	
	.spaced {
		margin-bottom: calc(1.5*var(--global--spacing-vertical)) !important;
	}
	
	.three-columns .wp-block-columns {
		display: flex;
		grid-template-columns: none;
		flex-direction: column;
	}
	
	.three-columns .wp-block-column:not(:last-child) {
		margin-bottom: var(--global--font-size-base) !important;
	}
	
	.description {
		width: 100% !important;
		align-self: flex-start !important;
	}
	
	.bath .description {
		margin-bottom: 0 !important;
	}
	
	.reverse .has-post-thumbnail .entry-header {
		padding-bottom: 0 !important;
	}
	
	.alignfull.spaced.amenities .wp-block-group__inner-container {
		margin-top: calc(1.5*var(--global--spacing-vertical));
	}
	
	.building-header {
		max-width: var(--responsive--alignfull-width);
		padding-bottom: calc(0.2*var(--global--spacing-vertical));
	}
	
	.building-header figcaption {
			position: relative;
			font-size: var(--heading--font-size-h2);
			font-family: var(--font-headings);
			text-transform: uppercase;
			text-align: left;
			margin-top: 0;		
			margin-left: 0;
		}
	
	.spaced .wp-block-cover .wp-block-cover__inner-container {
		margin-bottom: calc(1.5*var(--global--spacing-vertical));
	}
	
	.spaced h1 {
		max-width: 100% !important;
	}
	
	.plan-header {
		margin-top: calc(-0.834*var(--global--spacing-vertical));
	}
	
	.plan-header h1 {
		flex-direction: column;
	}
	
	.plan-header h1 span:not(:first-child) {
		margin-left: 0;
	}
	
	.floorplan-tabs ul.tabs li {
		font-size: calc( 0.45 * var(--heading--font-size-h2));
		padding: 14px 16px;
		letter-spacing: -0.05rem;
		box-shadow: 10px 10px 0 #cf2727;
	}
	
	.arrow {
		width: 26px;
		height: 23px;
		top: 30%;
	}
	
	.arrow.slick-prev {
		left: 16px;
	}
	
	.arrow.slick-next {
		right: 16px;
	}
	
	.team-grid .wp-block-group__inner-container {
		display: flex;
		grid-template-columns: none;
		flex-direction: column;
	}
	
	.team-role {
		order: 1
	}
	
	.profile {
		order: 2;
	}
	
	.team-name {
		order: 3;
		margin-top: calc(2*var(--global--spacing-vertical)) !important;
	}
	
	.team-copy {
		order: 4;
	}
	
	.wp-block-group.team-copy .wp-block-group__inner-container > p {
		margin-top: 0 !important;
	}
	
	.amenities-tabs .slick-dots {
		display: none !important;
	}
	
	.team-member figcaption {
		min-width: 50vw;
		padding: 14px 12px;
	}
	
	.mast-padding {
		flex-direction: column;
	}
	
	.mast-padding .wp-block-column:not(:first-child) {
		margin-left: 0 !important;
	}
	
	.press {
		padding-left: var(--global--spacing-horizontal);
		padding-right: var(--global--spacing-horizontal);
	}
	
	.press .archived-posts {
			display: flex;
			flex-direction: column;
			column-gap: 0;
			row-gap: calc(1.25*var(--global--spacing-horizontal));
		}
	
	.thumbnail-pages .tabs li,
	.press .page-numbers {
		margin-right: 10px;
	}
	
	.contact-tabs .tab-list {
		display: flex;
		grid-template-columns: none;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 100%;
	}
	
	.contact-tabs ul.tabs {
		margin-top: var(--global--spacing-vertical);
		width: 100%;
	}
	
	.contact-tabs .wp-block-column.content {
		width: 100%;
		max-width: 100%;
	}
	
	form {
		padding-bottom: calc(2.5*var(--global--spacing-vertical));
	}
	
	.form-columns {
		display: flex;
		grid-template-columns: none;
		flex-direction: column;
		width: 100%;
	}
	
	.comment {
		margin-top: var(--global--spacing-vertical);
	}
	
	.wp-block-button.download:first-child {
		margin-top: calc(6*var(--global--spacing-vertical));
	}
	
	.wp-block-button.download {
		margin: calc(0.66*var(--global--spacing-vertical)) auto;
	}
	
	.wp-block-button.download {
		max-width: 100% !important;
	}
	
	.widget-area:before, .widget-area:after {
		display: none;
	}
	
	.widget_text {
		order: 3;
	}
	
	#block-3 {
		order: 4;
	}
	
	#nav_menu-4 {
		order: 1;
	}
	
	#nav_menu-5 {
		order: 2;
	}
	
	.widget-area .wp-block-buttons {
		gap: 0;		
	}
	
	.widget-area .wp-block-button {
		width: 100%;
	}
	.widget-area .wp-block-button__link {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
	
	.site-footer {
		padding: 0 calc(0.5*var(--responsive--spacing-horizontal));
	}
	
	.site-info {
		flex-direction: column;
		flex-wrap: wrap;
	}
	
	.team-logos {
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
	}
	
	.team-logos a {
		margin-right: 0;
	}
	
	.social {
		margin-top: var(--global--spacing-vertical);
		width: 100%;
	}

}