/*
	Customized style for Floor Plans
*/

@font-face {
	font-family: Generalsans;
	src: url('fonts/GeneralSans-Medium.woff2')format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
	font-family: Generalsans;
	src: url('fonts/GeneralSans-Bold.woff')format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Generalsans;
	src: url('fonts/GeneralSans-Extralight.woff')format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Generalsans;
	src: url('fonts/GeneralSans-Light.woff')format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Generalsans;
	src: url('fonts/GeneralSans-Regular.woff')format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Generalsans;
	src: url('fonts/GeneralSans-Italic.ttf')format("truetype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

#floorplans {
	border: none !important; 
}

#floorplans tr td, #floorplans thead tr th {
	text-align: center; 
	border: none !important; 
	color: #000; 
	font-family: Generalsans, sans-serif;
}

#floorplans thead tr th { 
	/* background-color: #c12b27; */ 
	background-color: #231f20;
    padding: 10px;
	word-break: normal;
	font-weight: 600;
	vertical-align: middle;
	font-size: 14px;
	color: #fff; 
	border-top: 1px solid #fff !important; 
}

#floorplans tr td {
	font-size: 16px;
	padding: 8px !important;
	text-align: center !important;
	vertical-align: middle !important;
}

#floorplans tr:nth-child(even) {
	/* background-color: #333333; */ 
	background-color: #5f725e;
}

#floorplans tr:nth-child(odd) {
	/* background-color: #000000; */
	background-color: #889e86;
}

#floorplans tr:hover {
  background-color: #acc7a9; /* Highlight row on hover */
}

.floorplan-img {
	width: 23px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important; 
	margin: 0 auto;
}

.floorplan-img:hover {
	cursor: pointer;
}
	
@media only screen and (max-width:768px) {
	table th:nth-child(2),
	table td:nth-child(2),
	table th:nth-child(3),
	table td:nth-child(3), 
	table th:nth-child(5),
	table td:nth-child(5) {
	  display: none;
	}
	
	#floorplans tr td { 
		padding: 5px !important;
	}
}