/* CSS Document */
.floor-plan-search-area, .floor-plan-search-area button{
    font-family:"sweet-sans-pro" !important;
    font-size: 13px !important;
}

body.page-template-page-floorplan-list button.reset-btn{
    background-color: transparent !important;
}

button:focus{
    outline: none !important;
}
p.floorplan-list-description{
    color: #28231b !important;
}
.spx-share-button{
	cursor: pointer;
	position: relative;
}

.spx-share-box{
	display: none;
	background-color: #28231b;
	position: absolute;
	width: 110px;
	text-align: center;
	padding: 5px 8px;
	left: -20px;
}

.spx-share-box ul{
	display: flex;
	justify-content: flex-start;
	padding: 0;
	list-style: none;
}

.spx-share-box li{
	display: flex;
	padding-left: 13px;
}

.spx-share-box li img{
	width: 25px;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  height: 70vh;
  text-align: center;
  max-width: 1200px;
}

.modal-content img{
	max-height: 70vh;
}

/* Floorplan Search */

.center-contents {
	margin-top: 6em;
	display: flex;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.floor-plan-search-area .area-top {
	margin-top: 2em;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

@media (min-width: 481px) {
    .close{
        top: 37px;
        right: 100px;
    }
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Floorplan Detail */

.floorplan-detail .wp-block-media-text__content h2 {
	margin-bottom: 0;
}

.floorplan-detail .wp-block-media-text__content h2 ~ p {
	margin-top: 8px;
}

.floorplan-detail .wp-block-media-text .wp-block-media-text__content{
	align-self: auto;
}

.wp-block-media-text__content.home-media-text.all-caps.floorplan-detail-content {
	margin-left: 0;
	margin-right: 0;
}
/* fp edits*/
.search-tab {
	border-bottom: 2px solid #C8B2A8;
	margin-top: 45px;
	text-align: right;
	padding: 0 8vw;
}

.search-tab a {
	background-color: #C8B2A8;
	color: #28231b !important;
	padding: 7px 25px;
	border: 2px solid #C8B2A8;
	margin: 0 3px;
	display: inline-block;
	text-decoration: none;
	border-bottom-color: transparent;
	margin-bottom: -2px;
	font-family: "sweet-sans-pro";
	font-size: 13px;
}

.search-tab a.active {
	background-color: transparent;
	border: 2px solid #C8B2A8;
}
.spx-unit-detail a.view-map-btn {
	min-width: 0;
}

.fp-schedule {
	text-align: center;
}

@media (max-width: 540px) {
	.wp-block-media-text__content.home-media-text.all-caps.floorplan-detail-content {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Table Formatting */
.spx-unit-detail {
	max-width: 550px;
	min-width: 550px;
}

.spx-unit-detail * {
	border: none;
	text-align: center;
}

.spx-unit-detail a {
	display: block;
	min-width: 160px;
}

.spx-unit-detail td {
	vertical-align: middle !important;
}
.spx-unit-detail a {
	padding: 4px 8px !important;
	min-width: 140px;
}

@media (max-width: 1250px) { 
	.spx-unit-detail {
		font-size: 15px;
		min-width: 400px;
	}
	.floorplan-detail{
		margin-left: 1em;
		margin-right: 1em;
	}
	.spx-unit-detail a {
		padding: 4px 8px !important;
		min-width: 115px;
	}
}

@media (max-width: 1082px) {	
	.spx-unit-detail td {
		min-width: 60px;
	}
	
	.spx-unit-detail tbody tr th {
		padding: 0;
	}
	
	.spx-unit-detail a {
		min-width: 0px;
		padding: 4px 5px !important;
	}
	.spx-unit-detail, .spx-unit-detail a.button-floorplan-view {
		font-size: 12px;
	}
	.spx-unit-detail a.button-floorplan-view{
		min-width: 85px;
	}
}

@media (max-width: 1000px) {
	.spx-unit-detail {
		font-size: 12px;
		min-width: 300px;
	}
	
	.floorplan-landing .bed-select .resident-section {
		flex-direction: column;
        margin-bottom: 0;
	}
	
	.floorplan-landing .bed-select .resident-section .resident-text {
		font-size: 19px;
		line-height: 29px;
		margin-bottom: 20px;
	}
	
	.floor-plan-search-area .area-top {
		flex-direction: column;
		padding: 0 4vw;
		border: none;
	}
	
	.floor-plan-search-area .area-top {
		flex-direction: column;
		padding: 0 4vw;
		border: none;
	}
	
	.floor-plan-search-area .area-top .ph {
		margin-right: 0;
		height: 100px;
	}
	
	.floor-plan-search-area .area-top .drop-right {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	
	.floor-plan-search-area .area-top .drop-right .formfield {
		margin: 0 0 15px;
		min-width: 100%;
	}
	.search-tab {
		text-align: center;
		padding: 0;
	}

	.search-tab a {
		margin-left: 3px;
		margin-right: 3px;
	}
}

@media (max-width: 800px) { 
	.spx-unit-detail {
		min-width: 280px;
	}
}

@media (max-width: 600px) {
	.spx-unit-detail {
		/*font-size: 14px;*/
		min-width: 0px;
	}
	div.hide-in-mobile{
		display: none !important;
	}
    span.hide-in-mobile{
		display: none !important;
	}
	.floorplan-detail{
		margin: 0;
	}
    .floor-plan-search-area .area-top .ph button {
        padding: 0 8vw !important;   
    }
    #floor-plan-search-form .customSelect {
        width: 100% !important;
    }
	.search-tab a {
		font-size: 11px;
		padding: 7px 8px;
	}
	.spx-unit-detail th, .spx-unit-detail td {
		padding: 10px 5px !important;
	}
	.spx-unit-detail, .spx-unit-detail a.button-floorplan-view {
		font-size: 11px;
	}
}
@media (max-width: 374px){
	.search-tab a {
		font-size: 9px;
	}
}