.staff-container {
	margin-bottom: 30px;
}

.staff_title {
	font-family: "Primary Font", sans-serif;
	font-weight: 600;
    color: #1c77c7;
    font-family: "Primary Font", sans-serif;
    position: relative;
}

.gallery-card {
	background: white;
	padding: 10px;
	border-radius: 10px;
}

.gallery-card img {
	border-radius: 10px;
	/* margin-bottom: 20px; */
}

.staff-designation {
	font-size: var(--fs-14);
}

.staff-contact-info,
.staff-contact-info a {
	font-size: 13px;
}

.staff-grid-layout {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 36px;
}

.staff-grid-layout img {
	/* width: 100%; */
	border-radius: 10px;
}
.staff-grid-layout .modal-body {
	text-align: center;
}

.staff_card_head {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 25px;
}

.gallery-with-lightbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-item {
	opacity: 1; /* Keep initially visible images fully visible */
	transform: translateY(0); /* No movement */
	transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

/* Only apply fade-in effect to images that are hidden initially */
.gallery-item.hidden {
	/* display: none; Initially hidden */
	/* opacity: 0; Fully transparent */
	/* transform: translateY(20px); Slight downward offset */
}

.gallery-item.fade-in {
	display: block !important; /* Ensure it's shown */
	opacity: 1;
	transform: translateY(0);
}

.page-id-2464 .external_link_img img {
	width: 100px;
}

.page-id-2332 .single_two_column_data_image,
.page-id-2575 .single_two_column_data_image {
	grid-template-columns: repeat(2, auto);
}

.page-id-2332 .two_column_image_holder,
.page-id-2575 .two_column_image_holder {
	text-align: center;
}

.trending_links .highlight_link .single_trending_link {
	background-color: var(--color-primary-green);
}
.trending_links .highlight_link .single_trending_link p {
	color: white;
}

.trending_links .highlight_link .single_trending_link svg > g > path {
	fill: white;
}
.trending_links
	.highlight_link
	.single_trending_link
	svg
	> g
	> path:last-of-type {
	fill: black;
}

.primary-font-family {
	font-family: "Primary Font", sans-serif;
}

.ald_profile_img {
	border-radius: 10px;
	padding: 10px;
	height: fit-content;
	/* position: sticky;
  top: 159px; */
	width: fit-content;
}

.ald_profile_img img {
	border-radius: 10px;
}

.ald_phone img,
.ald_email img,
.ald_located img {
	height: 30px;
}

.ald_bio_details {
	row-gap: 30px;
	grid-template-columns: repeat(2, 0.8fr);
	padding-bottom: 30px;
}

.alderman_detail_card {
	display: grid !important;
	grid-template-columns: 0.3fr 1.4fr;
}

.alderman_detail_container {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.alderman_detail_container:before {
	content: "";
	position: absolute;
	background: url("/wp-content/uploads/2025/03/circles.png");
	width: 139px;
	height: 136px;
	background-size: cover;
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	z-index: -1;
}

.transparent_ald_title {
	font-size: var(--fs-20);
	font-weight: 600;
	color: #1c77c7;
	font-family: "Primary Font", sans-serif;
	position: relative;
}

.lightbox_close{
	position: absolute;
    top: 30px;
    z-index: 9;
    right: 50px;
	border: 0;
}

.lightbox_close a{
	color: white;
    font-size: 24px;
}

.search_lookup a::before{
	background-image: none !important;
}

.search_lookup button::before{
	background: none !important;
	text-decoration: none;
}

.search_lookup .dropdown-toggle::after{
	content: none !important;
}

.page-template-services-page .search_lookup #rCw .rC-inside-footer,
.page-template-services-page .search_lookup #rCw .widget-nav{
	display: none !important;
}

.search_lookup #rCw a:focus, .search_lookup #rCw a:hover{
filter: none !important;
}

.pdf_link_card.d-flex.x_link{
	background: #1DA1F2;
    color: white;
}

.pdf_link_card.d-flex.insta_link {
    background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);	
    color: white;
}

.pdf_link_card.d-flex.in_link {
    background-color: #0077B5;
    color: white;
}

.pdf_link_card.d-flex.yt_link {
    background: #FF0000;
    color: white;
}

@media (min-width: 1600px) {
	.staff-grid-layout {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (max-width: 1024px) {
	.alderman_detail_card {
		display: block !important;
	}
	.ald_profile_img {
		position: relative;
		top: 0;
	}
}

@media (max-width: 880px) {
	.staff-grid-layout {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media(max-width:680px){
	.staff-grid-layout{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.ald_bio_details {
		grid-template-columns: 1fr;
		row-gap: 15px;
		padding-bottom: 30px;
	}
}