.elementor-3081 .elementor-element.elementor-element-8fb09b8{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3081 .elementor-element.elementor-element-3949f0b{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3081 .elementor-element.elementor-element-6c4f692{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-3081 .elementor-element.elementor-element-8fb09b8{--content-width:600px;}}@media(max-width:1600px){.elementor-3081 .elementor-element.elementor-element-8fb09b8{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-3081 .elementor-element.elementor-element-8fb09b8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3081 .elementor-element.elementor-element-8fb09b8{--e-con-grid-template-columns:repeat(2, 1fr);--gap:15px 30px;--row-gap:15px;--column-gap:30px;--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-3949f0b */.elementor-widget-shortcode .elementor-shortcode .therapist-search {
	border: 0;
	border-bottom: 1px solid #54594E;
	border-radius: 0;
	padding: 0 0 10px 0;
	font-size: 13px;
	color: #54594E;
	outline: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c4f692 */.therapist-role {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  padding-right: 20px; /* space for icon */

  background-image: url('/wp-content/uploads/2026/03/custom-arrow-down.svg');
  background-repeat: no-repeat;
  background-position: right 2px;
  background-size: 13px;
}

.elementor-widget-shortcode .elementor-shortcode .therapist-role {
	border: 0;
	border-bottom: 1px solid #54594E;
	border-radius: 0;
	padding: 0 0 10px 0;
	font-size: 13px;
	color: #54594E;
	background-color: #fff0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-665a257 */.therapist-results {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 40px;
}

.member-card {
	position: relative;
}

.availability-status:has(.status-on-leave) {
    position: absolute;
    top: 10px;
    right: 20px;
}

.availability-status .status-item.status-on-leave {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	width: 76px;
	height: 76px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #393B35;
	border-radius: 50px;
}


.therapist-results .featured img {
	aspect-ratio: 1/1.09;
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.availability-status {
	position: absolute;
	top: 20px;
	left: 0;
}

.availability-status .status-waitlist-available,
.availability-status .status-accepting-new-clients {
	background-color: #54594E;
	border-radius: 0 15px 15px 0;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	line-height: 17px;
}

.availability-status .status-accepting-new-clients {
    background-color: #8E8F6D;
    color: #fff;
}

.member-card .member-details {
	position: absolute;
	bottom: 15px;
	width: calc(100% - 20px);
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 7px;
	padding: 10px 55px 15px 15px;
	display: flex;
	flex-direction: column;
	min-height: 90px;
}

.member-card .member-details .icon {
	position: absolute;
	top: 30px;
	right: 15px;
}

.member-card .member-details h3 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 23px;
	color: #393B35;
}

.member-card .member-details p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 0;
	color: #393B35;
}

@media screen and (max-width:1366px) {
    .therapist-results {
	gap: 20px;
}
}

@media screen and (max-width:1200px) {
   .therapist-results {
	grid-template-columns: repeat(3,1fr);
}
}

@media screen and (max-width:1024px) {
   .therapist-results {
	grid-template-columns: repeat(2,1fr);
}
}


@media screen and (max-width:767px) {
   .therapist-results {
	grid-template-columns: 1fr;
}
}/* End custom CSS */