.elementor-551 .elementor-element.elementor-element-83b4f92{--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-551 .elementor-element.elementor-element-d0c9431{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-551 .elementor-element.elementor-element-b3028d0{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-551 .elementor-element.elementor-element-e082275{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-551 .elementor-element.elementor-element-83b4f92{--content-width:600px;}.elementor-551 .elementor-element.elementor-element-d0c9431{--content-width:850px;}}@media(max-width:1600px){.elementor-551 .elementor-element.elementor-element-83b4f92{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-551 .elementor-element.elementor-element-83b4f92{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-551 .elementor-element.elementor-element-83b4f92{--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-baf6602 */.therapist-services {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
}
.therapist-services .service-item {
	font-weight: 600;
	font-size: 15px;
	color: var(--dark-green);
	line-height: 20px;
	padding: 8px 20px
	;
	border-radius: 5px;
	border-width: 2px;
	border-color: #E0D9CA;
	border-style: solid;
	background-color: #E0D9CA;
}

.therapist-services .service-item:hover,
.therapist-services .service-item.active{
	color: var(--white);
  border-color: var(--dark-green);
  background-color: var(--dark-green);
}



.service-item[data-service="adult-therapy-18"] {
	order: 1;
}

.service-item[data-service="teen-therapy-12-17"] {
	order: 2;
}

.service-item[data-service="child-therapy-4-11"] {
	order: 3;
}

.service-item[data-service="couples-therapy-18"] {
	order: 4;
}

.service-item[data-service="family-therapy"] {
	order: 5;
}

.service-item[data-service="micro-therapy-20-mins-contact-to-book"] {
	order: 6;
}

.service-item[data-service="text-therapy-12"] {
	order: 7;
}

.service-item[data-service="text-therapy-teens-ages-12-17"] {
	order: 8;
}

.service-item[data-service="walk-talk-therapy-18"] {
	order: 9;
}

.service-item[data-service="workshops"] {
	order: 10;
}

.service-item[data-service="clinical-supervision"] {
	order: 11;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b3028d0 */.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-e082275 */.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-61ce8b2 */.therapist-results {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 40px;
}

.member-card {
	position: relative;
}

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

/*.availability-status:not(:has(.status-on-leave)) {*/
/*	display: none;*/
/*}*/

.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;
}

.availability-status:has(:not(.status-on-leave)) {
	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 25px 15px 15px;
	display: flex;
	flex-direction: column;
	min-height: 105px;
}

.member-card .member-details .icon {
	position: absolute;
	top: 6px;
	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 */