.campus--section {
	background-color: var(--theme-light-grey);
}

.campus--container {
	padding: 100px 30px;
}

.campus--title {
	margin-bottom: 60px;
}

.campus--interactive {
	color: #fff;
	margin-bottom: 60px;
}

.campus--interactive-inside {
	background-color: var(--theme-charcoal);
	flex-grow: 1;
	max-height: 400px;
	overflow: auto;
	min-height: 0;
}

@media (min-width: 992px) {
	.campus--interactive-inside {
		height: 457px;
		max-height: 457px;
	}
}

.campus--list-col * {
	scrollbar-width: thin;
	scrollbar-color: var(--theme-charcoal) #7d7d7d;
}

.campus--list-col *::-webkit-scrollbar {
	width: 8px;
}

.campus--list-col *::-webkit-scrollbar-track {
	background: #7d7d7d;
}

.campus--list-col *::-webkit-scrollbar-thumb {
	background-color: var(--theme-charcoal);
	border-radius: 5px;
	border: 2px solid #ffffff;
}

.campus--interactive-title {
	text-transform: uppercase;
	letter-spacing: .07em;
	font-size: 1.5rem;
	font-weight: 500;
	padding: 30px;
	margin: 0;
}

.campus--list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.campus--item {
	padding: 0 30px;
	cursor: pointer;
}

.campus--item.hover,
.campus--item:hover {
	background: var(--theme-charcoal-hover);
}

.campus--item-inside {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #fff;
	padding: 15px 0 ;
}

.campus--item:last-child .campus--item-inside {
	border: 0;
}

.campus--item-title,
.campus--item-sf {
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 0;
}

.campus--item-sf {
	text-align: right;
}

.campus--item-small-title {
	font-size: 0.625rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 0;
}

.campus--interactive-image {
	position: relative;
}

.campus--interactive-image svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.campus--no-availability {
	padding: 0 30px;
}

.lwh-floorplan-svg-floorplate {
	fill-opacity: 1;
}

.lwh-floorplan-svg-floorplate.is-available {
	cursor: pointer;
}

.lwh-floorplan-svg-floorplate.is-not-available {
	fill: rgba(255,255,255,.6);
	stroke: var(--theme-not-available-stroke);
	cursor: default;
}

.lwh-floorplan-svg-floorplate.is-available {
	fill: var(--theme-primary-color-50);
	cursor: pointer;
}

.lwh-floorplan-svg-floorplate.is-available {
	fill: var(--theme-primary-color-50);
	stroke: var(--theme-available-stroke);
	cursor: pointer;
}

.lwh-floorplan-svg-floorplate.is-available.hover,
.lwh-floorplan-svg-floorplate.is-available:hover {
	fill: var(--theme-primary-color);
}

.tipr_content {
	background-color: #1d6286;
}
	
.tipr_point_above,
.tipr_point_below {
	background: #1d6286;
	border: 1px solid #1d6286;
}
	
.tipr_point_above:after {
	border-top-color: #1d6286;
}
	
.tipr_point_below:after {
	border-bottom-color: #1d6286;
}

.building-popup {
	max-width: 845px;
	background-color: var(--theme-charcoal);
	color: #fff;
}

@media (min-width: 768px) {
	.building-popup {
		min-width: 750px;
	}
}

.building-popup--slide {
	position: relative;
}

.building-popup--slide:before {
	content: "";
	display: block;
	padding-bottom: 56%;
}

.building-popup--slide img {
	position: absolute;
	top: 0;
	left: 0;
}

.building-popup--small-title {
	font-size: 0.875rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.building-popup--container {
	padding: 30px 30px 20px;
}

.building-popup--title,
.building-popup--sf {
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 10px;
	line-height: 1.05;
}

.building-popup--links .theme-button {
	margin-bottom: 10px;
	min-width: 350px;
}

@media (min-width: 768px) {
	.building-popup--links .theme-button {
		min-width: 300px;
		padding: 12px 15px;
	}	
}

.building-popup .slick-arrow {
	z-index: 1;
	background-repeat: no-repeat;
	background-size: contain;
	width: 44px;
	height: 44px;
	opacity: .8;
	transition: opacity .3s;
}

.building-popup .slick-arrow:hover {
	opacity: 1;
}

.building-popup .slick-prev {
	background-image: var(--slider-prev-url);
	left: 5px;
}

.building-popup .slick-next {
	background-image: var(--slider-next-url);
	right: 5px;
}

@media (min-width: 768px) {
	.building-popup .slick-arrow {
		width: 84px;
		height: 84px;
	}
	
	.building-popup .slick-prev {
		left: 30px;
	}

	.building-popup .slick-next {
		right: 30px;
	}
}

.location-tip:hover {
	opacity: .65;
}