/*

* Styles for the leadership page

*/

h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: inherit;

	font-size: inherit;

}

html,

body {

	text-rendering: optimizeLegibility;

	font-synthesis: none;

	text-rendering: optimizeLegibility;

	-webkit-text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

@media only screen and (min-width: 768px) {

	/* desktop */

	html[data-is-secondary-menu-sticky="true"] #leadership {

		margin-top: 90px;

	}

}

@media only screen and (max-width: 767px) {

	/* mobile */

	html[data-is-dropdown-menu-sticky="true"] #leadership {

		margin-top: 50px;

	}

}

#leadership {

	overflow: hidden;

	padding-top: 80px;

}



@media only screen and (max-width: 767px) {

	#leadership {

		padding-top: 0px;

	}

}



/* Leadership Intro */

@media only screen and (min-width: 1024px) {

	/* desktop */

	.leadership__intro {

		padding-top: 80px;

		padding-bottom: 80px;

	}

	.leadership__intro .container__row {

		display: flex;

		align-items: flex-end;

	}

	.leadership__intro .container__col {

		flex: 1;

	}

}

@media only screen and (max-width: 1023px) {

	/* mobile */

	.leadership__intro {

		padding-bottom: 50px;

	}

}

/* leadership image */

.leadership__intro__image {

	width: 540px;

	height: 315px;

}

@media only screen and (max-width: 1023px) {

	/* mobile */

	.leadership__intro__image {

		position: relative;

		left: -20px;

		width: 100vw;

		height: 59vw;

	}

}

.leadership__intro__image img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}

@media only screen and (max-width: 1023px) {

	/* mobile */

	.leadership__intro__image img {

		object-position: top center;

	}

}

/* leadership intro text */

@media only screen and (min-width: 1024px) {

	/* desktop */

	.leadership__intro__text {

		padding-left: 75px;

	}

}

/* leadership intro heading */

.leadership__intro__heading {

	font-family: "Avenir Black";

	font-size: 24px;

	line-height: 38px;

	color: rgba(43, 37, 35, 1);

}

@media only screen and (max-width: 1023px) {

	/* mobile */

	.leadership__intro__heading {

		margin-top: 30px;

		font-size: 16px;

		line-height: 24px;

	}

}

/* leadership intro subheading */

.leadership__intro__subheading {

	margin-top: 20px;

	font-family: "Avenir-Roman";

	font-size: 18px;

	line-height: 30px;

	color: rgba(43, 37, 35, 1);

}

@media only screen and (max-width: 1023px) {

	/* mobile */

	.leadership__intro__subheading {

		font-size: 15px;

		line-height: 24px;

	}

}

/* leadership intro cta */

.leadership__intro__cta p {

	margin-top: 20px;

	font-family: "Avenir Black";

	font-size: 16px;

	line-height: 1;

	letter-spacing: 0.03em;

	text-transform: uppercase;

	color: rgba(241, 89, 34, 1);

}

/* cta hover */

@media only screen and (min-width: 1024px) {

	/* desktop */

	.leadership__intro__cta:hover p {

		opacity: 0.8;

	}

}

@media only screen and (max-width: 1023px) {

	/* mobile */

	.leadership__intro__cta p {

		font-family: "Avenir-Roman";

		font-size: 11px;

		letter-spacing: 0;

	}

}

/* Leadership Members */

.leadership__members {

	padding-top: 50px;

	padding-bottom: 80px;

	background-color: rgba(245, 244, 242, 1);

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.leadership__members {

		padding-top: 30px;

		padding-bottom: 50px;

	}

}

/* leadership members header */

.leadership__members__header {

	display: flex;

}

.leadership__members__header__option {

	font-family: "Avenir-Roman";

	font-size: 15px;

	line-height: 1;

	letter-spacing: 0.3px;

	color: rgba(43, 37, 35, 1);

	cursor: pointer;

}

/* cta hover */

@media only screen and (min-width: 768px) {

	/* desktop */

	.leadership__members__header__option:hover {

		color: #007B84;

	}

}

.leadership__members__header__option:nth-child(2) {

	margin-left: 42px;

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.leadership__members__header__option:first-child {

		padding-right: 20px;

	}

	.leadership__members__header__option:nth-child(2) {

		position: relative;

		padding-left: 21px;

		margin-left: 0;

	}

	.leadership__members__header__option:nth-child(2)::before {

		content: "";

		position: absolute;

		top: -1px;

		left: 0;

		width: 1px;

		height: 18px;

		background-color: rgba(103, 104, 102, 0.3);

	}

}

.leadership__members[data-active-tab="board-of-directors"] .leadership__members__header__option.board-of-directors {

	color: #007B84;

}

.leadership__members[data-active-tab="board-of-directors"] .leadership__management-team {

	display: none;

}

/*  */

.leadership__members[data-active-tab="management-team"] .leadership__members__header__option.management-team {

		color: #007B84;

}

.leadership__members[data-active-tab="management-team"] .leadership__board-of-directors {

	display: none;

}

/* leadership members list */

.leadership__members__list {

	margin-top: 50px;

}

/* only desktop */

@media only screen and (min-width: 1024px) {

	/* desktop */

	.leadership__members__list {

		display: flex;

		flex-flow: row wrap;

	}

	.leadership__member {

		flex-basis: calc((100% - 144px) / 3);

		cursor: pointer;

	}

	.leadership__member:not(:nth-child(3n + 1)) {

		margin-left: 72px;

	}

	.leadership__member:nth-child(n + 4) {

		margin-top: 72px;

	}

}

/* only ipad portrait */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

	/* desktop */

	.leadership__members__list {

		display: flex;

		flex-flow: row wrap;

	}

	.leadership__member {

		flex-basis: calc((100% - 30px) / 2);

	}

	.leadership__member:not(:nth-child(2n + 1)) {

		margin-left: 30px;

	}

	.leadership__member:nth-child(n + 3) {

		margin-top: 30px;

	}

}

/* only mobile */

@media only screen and (max-width: 767px) {

	/* mobile */

	.leadership__members__list {

		margin-top: 30px;

	}

	.leadership__member:not(:first-child) {

		margin-top: 20px;

	}

}

/* leadership member image */

.leadership__member__image {

	width: 100%;

	height: 285px;

	object-fit: cover;

	object-position: center;

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.leadership__member__image {

		height: 51vw;

	}

}

/* leadership member data */

.leadership__member__details {

	padding: 0 20px;

	height: 88px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	background-color: white;

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.leadership__member__details {

		height: 85px;

	}

}

/* leadership member name */

.leadership__member__name {

	font-family: "Avenir Black";

	font-size: 18px;

	line-height: 1;

	color: rgba(43, 37, 35, 1);

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.leadership__member__name {

		font-size: 16px;

	}

}

/* leadership member designation */

.leadership__member__designation {

	margin-top: 5px;

	font-family: "Avenir-Roman";

	font-size: 12px;

	line-height: 17px;

	color: rgba(103, 104, 102, 1);

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.leadership__member__designation {

		font-size: 12px;

	}

}

/* leadership member cta */

.leadership__member__cta {

	cursor: pointer;

	width: 35px;

	height: 35px;

	background-color: rgba(245, 244, 242, 1);

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.leadership__member__cta {

		width: 40px;

		height: 40px;

	}

}

.leadership__member__cta img {

	width: 12px;

	height: auto;

}

/* hover */

@media only screen and (min-width: 768px) {

	/* desktop */

	/*.leadership__member__cta:hover img {

		animation-name: animateArrow;

		animation-duration: 0.8s;

		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);

		animation-fill-mode: forwards;

	}*/

	@keyframes animateArrow {

		0% {

			opacity: 1;

			transform: translate3d(0, 0, 0);

		}

		50% {

			opacity: 0;

			transform: translate3d(10px, 0, 0);

		}

		51% {

			opacity: 0;

			transform: translate3d(-15px, 0, 0);

		}

		100% {

			opacity: 1;

			transform: translate3d(0, 0, 0);

		}

	}

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.leadership__member__cta img {

		width: 14px;

	}

}

/* 

* Popup 

*/

html[data-is-popup-open="true"] {

	overflow: hidden;

}

@media only screen and (max-width: 767px) {

	/* mobile */

	html[data-is-chairman-popup-open="true"] body>*:not(#chairman__popup) {

		display: none !important;

	}

	html[data-is-member-popup-open="true"] body>*:not(#member__popup) {

		display: none !important;

	}

}

.popup {

	position: fixed;

	z-index: 9999;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100vh;

	padding-top: 160px;

	padding-bottom: 155px;

	overflow: auto;

	background-color: white;

	display: none;

}

.popup::-webkit-scrollbar {

	width: 1px;

	height: 1px;

	background-color: rgba(0, 0, 0, 0);

}

/* Add a thumb */

.popup::-webkit-scrollbar-thumb {

	background: lightgray;

}

.popup.show {

	display: block;

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.popup {

		height: 100%;

		padding-top: 30px;

		padding-bottom: 110px;

	}

}

/* leadership popup intro */

.chairman__popup__intro,

.member__popup__intro {

	position: relative;

	display: flex;

	flex-direction: column;

	max-width: 780px;

	margin: 0 auto;

}

/* @media only screen and (min-width: 768px) { */

/* desktop */

/* .chairman__popup__intro, */

/* .member__popup__intro {

		min-height: 280px;

		padding-left: 410px;

	} */

/* } */

.member__popup__intro {

	justify-content: center;

}

/* leadership popup image */

.chairman__popup__image,

.member__popup__image {

	width: 350px;

	height: 280px;

	object-fit: cover;

	object-position: center;

}

@media only screen and (min-width: 768px) {

	/* desktop */

	.chairman__popup__image,

	.member__popup__image {

		position: absolute;

		top: 0;

		left: 0;

	}

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.chairman__popup__image,

	.member__popup__image {

		margin-top: 30px;

		position: relative;

		left: -20px;

		width: 100vw;

		height: 59vw;

		object-position: top center;

	}

}

/* h1 */

.chairman__popup__intro h1,

.member__popup__name {

	font-family: "Avenir Black";

	font-size: 24px;

	line-height: 38px;

	color: rgba(43, 37, 35, 1);

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.chairman__popup__intro h1,

	.member__popup__name {

		margin: 0;

		font-size: 16px;

		line-height: 24px;

	}

}

/* member designation */

.member__popup__designation {

	margin-top: 20px;

	font-family: "Avenir-Roman";

	font-size: 18px;

	line-height: 30px;

	color: rgba(43, 37, 35, 1);

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.member__popup__designation {

		margin-top: 10px;

		font-size: 13px;

		line-height: 20px;

	}

}

/* h2 */

.chairman__popup__intro h2,

.member__popup__description {

	margin-top: 30px;

	font-family: "Avenir-Roman";

	font-size: 18px;

	line-height: 30px;

	color: rgba(103, 104, 102, 1);

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.chairman__popup__intro h2,

	.member__popup__description {

		margin-top: 30px;

		font-size: 15px;

		line-height: 24px;

	}

}

.popup__body {

	max-width: 780px;

	margin: 60px auto 0;

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.popup__body {

		margin-top: 30px;

	}

}

.popup__body p {

	font-family: "Avenir-Roman";

	font-size: 18px;

	line-height: 30px;

	color: rgba(103, 104, 102, 1);

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.popup__body p {

		margin-top: 30px;

		font-size: 15px;

		line-height: 24px;

	}

}

/* thankyou and regards */

.popup__body p.thankyou,

.popup__body p.regards {

	margin-top: 40px;

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.popup__body p.thankyou,

	.popup__body p.regards {

		margin-top: 30px;

	}

}

/* signature */

.popup__body .signature {

	font-family: "Avenir Black";

	font-size: 18px;

	line-height: 30px;

	color: black;

}

@media only screen and (max-width: 767px) {

	/* mobile */

	.popup__body .signature {

		font-size: 16px;

		line-height: 24px;

	}

}

/* close icon */

.popup__close.custom_desktop {

	position: fixed;

	top: 0;

	right: 0;

	padding: 68px 114px;

}

.popup__close.custom_desktop img {

	cursor: pointer;

	width: 27px;

}

.popup__close.custom_mobile {

	position: fixed;

	left: 0;

	right: 0;

	bottom: 26px;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	margin: auto;

}