/* ===================================
   Leadership Section
=================================== */

.leadership {
	position: relative;
}

.leadership-row {
/* 	align-items: flex-start; */
    row-gap: 10px;
}

.leadership-intro {
	max-width: 400px;
        padding-left: 40px;
}

.leadership-description {
	color: var(--text-color);
	line-height: 1.6;
	margin-bottom: 40px;
}

.leadership-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: calc(100% - 15px);
	    margin-bottom: 15px;
}

.leadership-image {
	margin: 0;
	overflow: hidden;
	height: 400px;
}

.leadership-image img {
	width: 100%;
    height: 100%;
	display: block;
	transition: transform 0.4s ease;
	object-fit: cover;
	object-position:top;
}

.leadership-content {
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(12px);
	backdrop-filter: blur(10px);
	padding: 20px;
	width: calc(100% - 32px);
	bottom: 16px;
	left: 16px;
	position: absolute;
	z-index: 2;
}

.icon-arrow-up-right {
	width: 24px;
	height: 24px;
	display: inline-block;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M17 7H9M17 7V15' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M17 7H9M17 7V15' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.3s ease;
}

.leadership-profile-link {
	color: var(--primary-color);
	transition: color 0.3s ease;
}

.leadership-profile-link:hover,
.leadership-profile-link:focus-visible {
	color: var(--secondary-color);
}

.icon-linkedin {	
	width: 32px;
	height: 32px;
	display: inline-block;
	flex-shrink: 0;
	background-color: currentColor;

	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='black' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.79A53.79 53.79 0 0 1 53.79 0a53.79 53.79 0 1 1 0 108.1zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.29 87.88-48.29 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E") no-repeat center;

	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='black' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.79A53.79 53.79 0 0 1 53.79 0a53.79 53.79 0 1 1 0 108.1zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.29 87.88-48.29 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E") no-repeat center;

	-webkit-mask-size: contain;
	mask-size: contain;

	transition:
		background-color 0.3s ease,
		transform 0.3s ease;
}

.leadership-linkedin {
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: color 0.3s ease;
}

.leadership-linkedin:hover,
.leadership-linkedin:focus-visible {
	color: var(--secondary-color);
}

.leadership-linkedin:hover .icon-linkedin,
.leadership-linkedin:focus-visible .icon-linkedin {
	transform: translateY(-2px);
}
.leadership .section-heading{
	    padding-left: 15px;
    padding-right: 15px;
}
.leadership-top {
	width: 100%;
    border: 1px solid #000;
    padding: 18px;
    position: relative;
    height: calc(100% - 400px);
}

.leadership-top address{
	margin-bottom:0;
	position:relative;
}
.leadership-top address a{
	text-decoration:none;
}
.leadership-top address a:hover,
.leadership-top address a:focus{
	color: var(--primary-color);
}
.leadership-designation {
	padding-right: 20px;
}

.leadership-designation p {
	color: var(--text-color);
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 0;
	font-style: normal;
	font-weight: 600;
}

.leadership-profile-link,
.leadership-linkedin {
	color: var(--primary-color);
	text-decoration: none;
}

.leadership-linkedin {
	display: inline-flex;
	position: absolute;
	    bottom: 0px;
    right: 0px;
}


.leadership-row .leadership-card + address{
	    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-start;
	margin-top: 16px;
}

.team-profile-modal .modal-content {
    border: 0;
	border-radius: 0;
    box-shadow:
        0 20px 60px rgba(4, 54, 87, .15);
}

.team-profile-modal .modal-header {
    padding: 30px;
    border-bottom: 1px solid var(--wisconsin-grey);
    align-items: flex-start;
}

.team-profile-modal .modal-body {
    padding: 30px;
}

.team-profile-modal .modal-footer {
    padding: 25px 30px;
    border-top: 1px solid var(--wisconsin-grey);
}

.team-profile-modal .team-modal-designation {
    color: var(--primary-color);
    margin-top: 10px;
}

.team-profile-modal p {
    margin-bottom: 20px;
}

.team-profile-modal p:last-child {
    margin-bottom: 0;
}

.team-profile-modal .btn-close {
        min-width: 24px;
    min-height: 24px;
    padding: 8px;
    border-radius: 0;
	position: absolute;
    right: 15px;
    top: 15px;
}

.team-profile-modal .btn-close:focus-visible {
    outline: 3px solid #000;
    outline-offset: 3px;
    box-shadow: none;
	opacity: 1;
}
.leadership-info{
	    display: flex;
    flex-direction: column;
    align-items: flex-start;
	    padding-right: 30px;
}
.leadership-designation,
.leadership-organization{
	padding-right: 20px;
}

.leadership-designation,
.leadership-organization{
	color: var(--text-color);
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 0;
	font-style: normal;
	font-weight: 600;
}
@media (max-width:1499.98px) {
	.leadership-designation {
    font-size: 16px;
    padding-right: 40px;
}
}
@media (max-width:767.98px) {
    .team-profile-modal .modal-header,
    .team-profile-modal .modal-body,
    .team-profile-modal .modal-footer {
        padding: 20px;
    }
	.leadership-row{
		row-gap: 20px;
	}
	
}