/** Careers **/
.tsu-careers-block {}
.tsu-careers-block .career-wrap {
	display: flex;
	position: relative;
	cursor: pointer;
	padding: 15px 60px 15px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: -1px;
	transition: background ease-in-out .2s;
}
.tsu-careers-block .career-wrap:hover {
  /*background: rgba(0,0,0,.025);*/
}
.tsu-careers-block .career-wrap:hover::after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' fill='%231fbf3e' viewBox='0 0 512 512'%3E%3Cpath d='M256 480a224 224 0 1 0 0-448 224 224 0 1 0 0 448zM256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM200 160l136 0c8.8 0 16 7.2 16 16l0 144c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-105.4L187.3 347.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L297.4 192 200 192c-8.8 0-16-7.2-16-16s7.2-16 16-16z'/%3E%3C/svg%3E");
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 50%;
	opacity: 0;
	transform: translateY(-50%);
	transition: opacity ease-in-out .2s;
}
.tsu-careers-block .career-wrap:hover::after {
	opacity: 1;
}
.tsu-careers-block .career-popup {
	display: none;
}
.tsu-careers-block .post-thumbnail {
	max-width: 230px;
	height: auto;
	margin-right: 30px;
}
@media screen and (max-width: 767px){
	.tsu-careers-block .career-wrap {
		display: block;
		padding: 15px 0;
	}
	.tsu-careers-block .career-wrap:hover::after {
		background-image: none;
	}
	.tsu-careers-block .post-thumbnail {
		/*display: none;*/
		max-width: 100%;
		margin-right: 0;
	}
}
.tsu-careers-block .career-heading {}
.tsu-careers-block .career-locations-wrap span,
.career-popup-wrapper .mfp-content .career-popup .career-locations-wrap span {
	display: inline-block;
	border: 1px solid var(--global--color-green);
	border-radius: 30px;
	padding: 3px 15px;
	font-size: .75em;
	margin: 4px 2px;
}
h2.career-heading a {
	font-weight: 500;
	font-size: clamp(2.8rem, 2.4vw, 3.4rem);
	color: var(--global--color-text);
	text-decoration: none;
	transition: color ease-in-out .2s;
}
.tsu-careers-block .career-wrap:hover h2.career-heading a {
  color: var(--global--color-green);
}

/* Popup styles */
.career-popup-wrapper .mfp-wrap .mfp-container::before {
	vertical-align: top;
}
.career-popup-wrapper .mfp-content .career-popup {
	width: 80%;
	position: absolute;
	right: 0;
	background: #fff;
	top: 20vh;
}
.career-popup-wrapper .mfp-content .career-popup .mfp-close {
	position: absolute;
	top: 30px;
	right: 30px;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--global--color-green);
	color: var(--global--color-white);
	opacity: 1;
}
.career-popup-wrapper .mfp-content .career-popup .mfp-close:hover {
	background: var(--global--color-green-darker);
}

.career-popup-wrapper .mfp-content .career-popup .career-main-content,
.career-popup-wrapper .mfp-content .career-popup .career-contact-wrap {
	padding: 40px 60px;
}
.career-popup-wrapper .mfp-content .career-popup .career-contact-wrap {
	background: var(--global--color-light-gray);
}

.career-popup-wrapper .mfp-content .career-popup h2,
.career-popup-wrapper .mfp-content .career-popup h3 {
	color: var(--global--color-text);
	font-weight: 500;
}
.career-popup-wrapper .mfp-content .career-popup h2 {
	font-size: clamp(3.2rem, 3.85vw, 5.4rem);
	font-weight: 500;
	padding-right: 60px;
}
.career-locations-wrap {
  margin-bottom: 4%;
}

.career-role,
.career-key-res {
  margin-top: 4%;
}

@media screen and (max-width: 991px){
	.career-popup-wrapper .mfp-content .career-popup {
		width: 92%;
		top: 10vh;
	}
	.career-popup-wrapper .mfp-content .career-popup .career-main-content,
	.career-popup-wrapper .mfp-content .career-popup .career-contact-wrap {
		padding: 30px 30px;
	}
	.career-popup-wrapper .mfp-content .career-popup .mfp-close {
		top: 30px;
		right: 30px;
		display: block;
		width: 50px;
		height: 50px;
	}
}
@media screen and (max-width: 540px){
	.career-popup-wrapper .mfp-content .career-popup {
		width: 100%;
		top: 0;
	}
	.career-popup-wrapper .mfp-content .career-popup .career-main-content,
	.career-popup-wrapper .mfp-content .career-popup .career-contact-wrap {
		padding: 30px 20px;
	}
	.career-popup-wrapper .mfp-content .career-popup .mfp-close {
		position: fixed;
	}
}