.edpthm-residents-found {
	margin-bottom: 25px;
}

.edpthm-residents-item {
	margin: 0 0 15px 0;
	padding: 10px 0 20px;
	border-bottom: 1px solid grey;
	display: flex;
	justify-content: space-between;
}

body.single-directory .edpthm-residents-item {
	border-bottom: 0!important;
}


	/* Left */

	.edpthm-residents-item-info { width: 40%; }
	.edpthm-residents-item.edpthm-residents-item-expanded .edpthm-residents-item-info { width: 25% }

		.edpthm-residents-item-info h2 {
			margin-bottom: 5px;
		}

		.edpthm-residents-item-info h2 a:hover,
		.edpthm-residents-item-info h2 a:focus,
		.edpthm-residents-item-info h2 a:active {
			color: #004b8f;
		}

		body:not(.single-directory) .edpthm-residents-item-info h2 {
			cursor: pointer;
		}

		.edpthm-residents-item-fow {
			margin-bottom: 10px;
		}

		.edpthm-residents-item-studio-wrapper {
			margin: 0 5px 5px 0;
			display: inline-block;
		}

			.edpthm-residents-item-studio {
				color: #fff;
				padding: 3px 5px;
				display: inline-block;
				font-size: 14px;
			}

			.edpthm-residents-item-studio[data-building="525-studios"] { background-color: blue; }
			.edpthm-residents-item-studio[data-building="st-margarets-house"] { background-color: red; }

				.edpthm-residents-item-studio span {
					margin-left: 5px;
					display: inline-block;
				}

				.edpthm-residents-item-studio span:first-child { margin-left: 0; }

				span.edpthm-residents-item-building { display: none; }
				.edpthm-residents-item.edpthm-residents-item-expanded span.edpthm-residents-item-building { display: inline-block; }

		.edpthm-residents-item-data { display: none; }
		.edpthm-residents-item.edpthm-residents-item-expanded .edpthm-residents-item-data { display: block; }

			ul.edpthm-residents-item-contact {
				list-style: none;
				margin: 0 0 15px; padding: 0;
			}

				ul.edpthm-residents-item-contact li {
					margin: 0; padding: 0;
				}

			.edpthm-residents-item-social {
				margin-bottom: 10px;
			}

				.edpthm-residents-item-social a {
					display: inline-block;
					margin-left: 5px;
				}

				.edpthm-residents-item-social a:first-child { margin-left: 0; }


	/* Right */

	.edpthm-residents-item-right { width: 57%; }
	.edpthm-residents-item.edpthm-residents-item-expanded .edpthm-residents-item-right { width: 73%; }

		.edpthm-residents-item-right-bar {
			display: flex;
			justify-content: flex-end;
		}

		.edpthm-residents-item.edpthm-residents-item-expanded .edpthm-residents-item-right-bar { display: none; }

			.edpthm-residents-item-right-bar img {
				cursor: pointer;
				height: 30px!important;
				width: auto!important;
				margin-right: 5px;
			}
.edpthm-residents-item-right-plus { display: inline-block; margin-left: 5px; position: relative; }
.edpthm-residents-item-right-plus:before {content:"\f543"; font-family: dashicons; font-size: 1.2em; vertical-align: middle;}
.edpthm-residents-item-right-plus{color:#004b8f; background-attachment: #fff; display: inline-block; position: relative;}
.edpthm-residents-item-right-plus:hover{color:#d7282f;}


.edpthm-residents-item-right-close {display: inline-block; position: relative; }
.edpthm-residents-item-right-close:after {content:"\f335"; font-family: dashicons; font-size: 1.5em; vertical-align: middle;color:#004b8f; position: relative; right:-7px;}

	/*		.edpthm-residents-item-right-plus {
				display: inline-block;
				margin-left: 22px;
				position: relative;
				top: 13px;
				width: 16px;
				height: 16px;
				right: -6px;
				transform: translate(-50%, -50%);
			}

				.edpthm-residents-item-right-plus:before,
				.edpthm-residents-item-right-plus:after {
					content:"";
					position: absolute;
					background-color: #004b8f;
				}

				.edpthm-residents-item-right-plus:before {
					top: 0;
					left: 37.5%;
					width: 25%;
					height: 100%;
				}

				.edpthm-residents-item-right-plus:after {
					top:37.5%;
					left: 0;
					width: 100%;
					height: 25%;
				}
	.edpthm-residents-item-right-close {
				display: inline-block;
				position: relative;
				right: -20px;
				width: 16px;
				height: 16px;
			}
*/


/*
			body.single-directory .edpthm-residents-item-right-close { display: none; }

				.edpthm-residents-item-right-close:before,
				.edpthm-residents-item-right-close:after {
					position: absolute;
					content: ' ';
					left: 10px;
					height: 20px;
					width: 3px;
					background-color: #004b8f;
				}
				.edpthm-residents-item-right-close:before { transform: rotate(45deg);  }
				.edpthm-residents-item-right-close:after  { transform: rotate(-45deg); }
*/


		/* Full images */

		.edpthm-residents-item-right-full {
			display: none;
		}

		.edpthm-residents-item.edpthm-residents-item-expanded .edpthm-residents-item-right-full { display: flex; justify-content: flex-end; }

			.edpthm-residents-item-right-full-viewport {
				width: 100%;
				overflow: hidden;
				height: 400px!important;
				position: relative;
			}

				.edpthm-residents-item-right-full-scene {
					display: flex;
					justify-content: flex-start;
					position: absolute;
					left: 0; top: 0;
					transition: left .5s;
					-moz-transition: left .5s;
					-webkit-transition: left .5s;
					-o-transition: left .5s;
				}

					.edpthm-residents-item-right-full-scene img {
						margin-left: 12px;
						width: auto!important;
						height: 400px!important;
						display: inline-block;
					}

				.edpthm-residents-item-right-full-scene img:first-child { margin-left: 0; }

		.edpthm-residents-item-right-full-prev { width: 35px; }
		.edpthm-residents-item-right-full-next { width: 45px; }

			.edpthm-residents-item-right-arrow,
			.edpthm-residents-item-left-arrow {
				display: none;
				position: relative;
				top: 180px;
				width: 22px;
				height: 22px;
				border-top: 4px solid #90989b;
				border-left: 4px solid #90989b;
			}

			.edpthm-residents-item-left-arrow {
				transform: rotate(-45deg);
			}

			.edpthm-residents-item.edpthm-residents-item-lefty .edpthm-residents-item-left-arrow { display: inline-block; }

			.edpthm-residents-item-right-arrow {
				transform: rotate(135deg);
				left: 13px;
				top: 160px;
			}

			.edpthm-residents-item.edpthm-residents-item-righty .edpthm-residents-item-right-arrow { display: inline-block; }


/* Lightbox */

.edpthm-residents-lightbox {
	display: none;
	position: fixed;
	top: 0; left:0; right: 0; bottom: 0;
	background: rgba(0, 0, 0, .6);
	width: 100%; height: 100%;
	z-index: 999999;
}

	.edpthm-residents-lightbox-inner { display: none; }


	/* Lightbox description */

	.edpthm-residents-lightbox-description {
		width: 80%;
		margin: 10% auto;
		background-color: #fff;
		border: 1px solid grey;
		padding: 25px 30px 5px 30px;
		box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.51);
	}

	.edpthm-residents-lightbox-description:after {
		content: "";
		display: block;
		clear: both;
	}


	/* Lightbox contact */

	.edpthm-residents-lightbox-contact {
		width: 60%;
		margin: 5% auto 0;
		background-color: #fff;
		border: 1px solid grey;
		padding: 25px 30px 5px 30px;
		box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.51);
	}

	.edpthm-residents-lightbox-contact:after {
		content: "";
		display: block;
		clear: both;
	}


	/* Lightbox footer, close button and close cross */

	.edpthm-residents-lightbox-footer {
		padding: 0 0 15px;
		text-align: center;
	}

		.edpthm-residents-lightbox-close-text {
			color: #fff;
			background: #004b8f;
			display: inline-block;
			padding: 8px 14px;
			text-transform: uppercase;
		}

		.edpthm-residents-lightbox-close-text:hover,
		.edpthm-residents-lightbox-close-text:focus {
			color: #fff;
		}

		.edpthm-residents-lightbox-close-cross {
			display: inline-block;
			position: relative;
			width: 16px;
			height: 16px;
			float: right;
		}

			.edpthm-residents-lightbox-close-cross:before,
			.edpthm-residents-lightbox-close-cross:after {
				position: absolute;
				content: ' ';
				left: 10px;
				height: 20px;
				width: 3px;
				background-color: #004b8f;
			}

			.edpthm-residents-lightbox-close-cross:before { transform: rotate(45deg);  }
			.edpthm-residents-lightbox-close-cross:after  { transform: rotate(-45deg); }


/* Search form */

.edpthm-residents-search-wrapper {
	padding: 25px;
	margin-bottom: 15px;
	background-color: #004b8f;
}

	.edpthm-residents-search-wrapper h3 {
		color: #fff;
	}

	.edpthm-residents-search-1,
	.edpthm-residents-search-2 {
		display: flex;
	}

	.edpthm-residents-search-1 {
		margin-bottom: 15px;
	}

		.edpthm-residents-search input[type="text"] {
			width: 50%;
		}

		.edpthm-residents-search select {
			color: #000;
			font-size: 16px;
			padding: 1rem 1.2rem
		}

		.edpthm-residents-search-fow {
			margin-left: 25px;
		}

		.edpthm-residents-search-floor {
			margin-left: 25px;
			min-width: 340px;
		}

		.edpthm-residents-search-floor-disabled { color: #90989b!important; }

		.edpthm-residents-search input[type="submit"] {
			color: #004b8f;
			font-weight: bold;
			font-size: 17px;
			background-color: #fff;
			margin-left: 25px;
		}

		.edpthm-residents-search input[type="submit"]:hover,
		.edpthm-residents-search input[type="submit"]:focus {
			color: #004b8f;
			background-color: #fff;
		}



/* login */

.edpthm-residents-login-lightbox {
	display: none;
	position: fixed;
	top: 0; left:0; right: 0; bottom: 0;
	background: rgba(0, 0, 0, .6);
	width: 100%; height: 100%;
	z-index: 999999;
}

	.edpthm-residents-login {
		max-width: 450px;
		margin: 5% auto 0;
		background-color: #fff;
		border: 1px solid grey;
		padding: 35px 30px 5px 30px;
		box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.51);
	}

	.edpthm-residents-login-title {
		margin-bottom: 1em;
	}

	.edpthm-residents-login:after {
		content: "";
		display: block;
		clear: both;
	}

		.edpthm-residents-login-close-cross {
			display: inline-block;
			position: relative;
			width: 16px;
			height: 16px;
			float: right;
			top: -10px;
		}

			.edpthm-residents-login-close-cross:before,
			.edpthm-residents-login-close-cross:after {
				position: absolute;
				content: ' ';
				left: 10px;
				height: 20px;
				width: 3px;
				background-color: #004b8f;
			}

			.edpthm-residents-login-close-cross:before { transform: rotate(45deg);  }
			.edpthm-residents-login-close-cross:after  { transform: rotate(-45deg); }



/* Login form */

.edpthm-residents-login-form .user-pass-wrap .wp-pwd {
	display: flex;
}

	.edpthm-residents-login-form .user-pass-wrap .wp-pwd button[type="button"] {
		line-height: 1;
		font-size: 2.5rem;
		padding: 0 1.5rem .2rem 1.2rem;
	}

		.edpthm-residents-login-form .user-pass-wrap .wp-pwd button[type="button"] .dashicons {
			vertical-align: 0;
		}

	.edpthm-residents-login-form .user-pass-wrap .wp-pwd .dashicons.dashicons-hidden { display: none; }
	.edpthm-residents-login-form .user-pass-wrap .wp-pwd.wp-pwd-visible .dashicons.dashicons-hidden { display: inline-block; }
	.edpthm-residents-login-form .user-pass-wrap .wp-pwd.wp-pwd-visible .dashicons.dashicons-visibility { display: none; }

.edpthm-residents-login-form .forgetmenot { margin-top: 1.2em; }
	.edpthm-residents-login-form .forgetmenot label { cursor: pointer; }
	.edpthm-residents-login-form .forgetmenot input[type="checkbox"] { top: 5px; }

.edpthm-residents-login-error,
.edpthm-residents-settings-error {
	border-left: 4px solid #d63638;
	padding: 12px;
	margin-left: 0;
	margin-bottom: 20px;
	background-color: #f0f0f1;
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
}

.edpthm-residents-login-message,
.edpthm-residents-settings-message {
	border-left: 4px solid #004b8f;
	padding: 12px;
	margin-left: 0;
	margin-bottom: 20px;
	background-color: #f0f0f1;
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
}

.edpthm-residents-login-form .submit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.edpthm-residents-login-form .submit a {
		font-size: 14px;
	}

.page-residents-login .edpthm-residents-login-form {
	margin: 0 auto;
	max-width: 450px;
}

.edpthm-input-error {
	border: 1px solid #d63638!important;
}

.edpthm-input-error:focus-visible {
	outline-color: #d63638;
}



/* Logged menu helper */

ul.res-logged {
	list-style: none;
	display: inline-block;
	margin: 0; padding: 0;
}

	ul.res-logged li {
		display: inline-block;
		margin: 0; padding: 0;
	}



/* My settings page */

.edpthm-residents-my-settings {
	margin: 0 auto;
	max-width: 450px;
}

	.edpthm-residents-setting {
		margin-bottom: 50px;
	}

		.edpthm-residents-setting h3 {
			margin-bottom: 25px;
		}


		.edpthm-residents-setting-password-form.edpthm-input-error-match .edpthm-residents-settings-error-match {
			display: block!important;
		}