/*Custom CSS Here*/

.trp-language-switcher.trp-floating-switcher {
    display: none;
}

/* custom css */
.staff-list {
  display: flex;
  flex-wrap: wrap;
	margin: 0 -15px;
}

.staff-panel {
	width: 33.33%;
	padding: 0 15px 32px;
}

.bg-stretch {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	z-index: 1;
	transition: 0.8s ease;
}

.staff-box .img-holder {
	height: 370px;
	position: relative;
	z-index: 1;
	border: 2px solid #50C878;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 15px;
	background: #fff;
}

.staff-info h3 {
	margin-bottom: 5px;
}

.staff-wrap {
	cursor: pointer;
}

.staff-wrap:hover .img-holder .bg-stretch {
	transform: scale(1.1);
}

.staff-box .designation {
  font-weight: 400;
  display: block;
  margin: 0 0 15px;
}

.bio-details {
	position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(91deg, #0C1017F0 0%, #0D4F3EF7 100%);
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  transition: 0.67s ease;
  opacity: 0;
	visibility: hidden;
}

.bio-details .bio-wrap {
  max-width: 1080px;
  background: #fff;
  border: 1px solid #c8c8c8;
  padding: 40px;
  position: relative;
  z-index: 1;
	border-radius: 15px;
}

.bio-wrap .bio-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
  transition: 0.4s ease;
	cursor: pointer;
}

.bio-wrap .two-col {
  display: flex;
}

.bio-wrap .b-col.image {
  width: 320px;
}

.bio-wrap .b-col .image-holder {
  height: 400px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
	border-radius: 10px;
	overflow: hidden;
}

.bio-wrap .b-col.text {
  width: calc(100% - 320px);
  padding-left: 40px;
}

.bio-active .bio-details {
  opacity: 1;
	visibility: visible;
}

.bio-active .bio-details h3 {
	font-size: 30px;
    margin: 0 0 5px;
}

.bio-wrap .bio-close img {
  width: 20px;
}

ul.decor-list {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
}

ul.decor-list li {
	position: relative;
	z-index: 1;
	padding-left: 27px;
	margin: 0 0 10px;
}

ul.decor-list li:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	height: 15px;
	width: 15px;
	background-image: url('http://dev.netsearch.com.au/cygnus/wp-content/uploads/2023/09/icon-list-decor.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

ul.decor-list.dark li:before {
	background-image: url('http://dev.netsearch.com.au/cygnus/wp-content/uploads/2023/09/icon-decor-dark.svg');
}

ul.decor-list ul {
	padding-left: 20px;
	padding-top: 20px;
}

/* Media css */
.mt-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 10px; overflow: hidden; border: none; table-layout: fixed; }
.mt-table thead tr { background: #0d2f4f; }
.mt-table thead td {
    color: #fff;
}
.mt-table thead th { padding: 12px 14px; text-align: left; color: #fff; font-size: 15px; font-weight: 600; vertical-align: top; line-height: 1.4; }
.mt-table tbody tr { border-bottom: 0.5px solid #e8e5e5; background: #fff; }
.mt-table tbody tr:nth-child(even) { background: #f7fbfd; }
.mt-table tbody tr:last-child { border-bottom: none; }
.mt-table td { padding: 16px 14px; font-size: 14px; color: #0d2f4f; vertical-align: middle; line-height: 1.4; word-wrap: break-word; }
.mt-table td.num { text-align: right; color: #1a4356; }
.mt-section-row td { background: #0d2f4f !important; color: #CBE6ED !important; font-weight: 500; font-size: 12px; padding: 8px 14px; letter-spacing: 0.03em; }
.mt-section-row.sub td { background: #1a4356 !important; color: #CBE6ED !important; }
.badge { display: inline-block; border-radius: 4px; font-size: 11px; padding: 2px 8px; font-weight: 500; white-space: nowrap; }
.badge-active { background: #e1f5ee; color: #0F6E56; }
.badge-expiring { background: #fff0e8; color: #c0400a; }
.mt-footer { margin-top: 12px; font-size: 12px; color: #6b7a8a; line-height: 1.6; }
.mt-footer p { margin: 4px 0; }
.mt-total-row td { background: #CBE6ED !important; color: #0d2f4f !important; font-weight: 500; font-size: 13px; }
.mt-total-row td.highlight { color: #007cb7 !important; font-weight: 500; }
.mt-table tr.mt-total-row td {
    font-size: 15px;
    font-weight: 500;
}

@media (max-width: 600px) {
  .mt-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 10px; }
  .mt-table thead, .mt-table tbody, .mt-table tr { display: table; width: 100%; table-layout: fixed; }
  .mt-table thead { min-width: 560px; }
  .mt-table tbody tr { min-width: 560px; display: table; width: 100%; }
  .mt-wrap { overflow: hidden; border-radius: 10px; }
}
/* Media css ends */

@media (max-width: 1200px) {
	.staff-box .img-holder {
		height: 290px;
	}
}

@media (max-width: 1024px) {
	.staff-panel {
		width: 50%;
	}	
	
	.bio-active .bio-details h3 {
		font-size: 25px;
		margin: 0 0 5px;
	}
}

@media (max-width: 660px) {
		.bio-details .bio-wrap {
		padding: 25px 20px;
	}
	
	.bio-wrap .two-col {
		flex-direction: column;
	}
	
	.bio-wrap .b-col.image {
	  width: 100%;
	}
	
	.bio-wrap .b-col.text {
	  width: 100%;
	  padding-left: 0;
	}
	
	.bio-wrap .b-col .image-holder {
		margin: 0 0 15px;
		height: 270px;
	}
	
	.bio-wrap .b-col .image-holder .bg-stretch {
		background-position: 50% 40%;
	}
	
	.bio-active .bio-details h3 {
		font-size: 20px;
		margin: 0 0 5px;
	}
	
	.staff-panel {
		padding: 0 15px 10px;
	}
}

@media (max-width: 479px) {
	.staff-panel {
		width: 100%;
	}
}