/* New header with Find a Therapist bar implementation */
body {
	padding-top: 13.7rem;
}
html.therapist-results-loading {
	.betterhelp-therapist-search {
			.not-loading {
					display: none;
			}
			.loading {
					display: block;
			}
	}
}
html:not(.therapist-results-loading) {
	.betterhelp-therapist-search {
			.loading {
					display: none;
			}
	}
}
@keyframes rotation {
	from {
			transform: rotate(0deg);
	}
	to {
			transform: rotate(359deg);
	}
}
.header {
	.header-main {
			min-height: auto;
	}
	.header-top {
			justify-content: space-between;
			align-items: center;
	}
	.header-container {
			background-color: #033A35;
			color: #fff;
			padding: 8px 0;
			margin-bottom: 0;
			.header-logo {
					display: inline-flex;
					max-width: 195px;
			}
			.header-top-nav {
					display: flex;
					align-items: center;
					gap: 8px;
					margin-right: 0;
			}
			.header-top
					.header-top-nav
					.menu
					> .menu-item.menu-item-has-children
					> a:after {
					border-color: currentcolor;
					width: 0.75rem;
					height: 0.75rem;
					position: absolute;
					right: 0;
	}
			.header-top .menu > .menu-item > a:not(.wpml-ls-item-toggle) {
					color: #fff;
					padding-right: 2.5rem;
			}
	
	.header-top .header-top-nav .menu > .menu-item {
		> a:before {
			content: "";
			display: block;
			width: calc(100% - 1.5rem);
			height: 1px;
			position: absolute;
			left: 1.2rem;
			bottom: 2px;
			opacity: 0;
			background: #F9D043;
		}
		
		&:hover,
		&:focus,
		&:active {
			> a {
				font-weight: 500;
							color: #F9D043;
			}
			> a:before {
				opacity: 1;
			}
			&.menu-item-has-children > a:after {
				margin-top: 0.4rem;
				transform: rotate(-45deg);
			}
		}

			
	}
			.mobile-search-toggle {
					border-color: #fff;
					padding: 8px;
					svg {
							fill: #fff;
					}
			}
	}
	.header-nav.desktop-only .menu > .menu-item .menu-link {
			padding: 0;
			padding-right: 1.6rem;
			display: flex;
			align-items: center;
			position: relative;
	}
	.header-nav.desktop-only {
			.menu > .menu-item {
					.menu-link {
							padding-right: 2rem;
					}
				
		&:hover .menu-link,
		&:active .menu-link,
		&:focus .menu-link {
			color: #045346;

			.menu-link-text {
				font-weight: 500;
				
				&:before {
					margin-top: 0.4rem;
					transform: rotate(-45deg);
				}
			}
		}
		
		&.current-item .menu-link-text,
		&.current-item-parent .menu-link-text {
			color: #045346;
			font-weight: 500;
		}

					.menu-link-text::before {
							content: "";
							display: inline-block;
							width: 0.75rem;
							height: 0.75rem;
							position: absolute;
							right: -18px;
							bottom: auto;
							left: auto;
							margin-left: 1.5rem;
							margin-right: 0.7rem;
							margin-top: -0.6rem;
							border-style: solid;
							border-width: 0.16rem 0.16rem 0 0;
							transform: rotate(135deg);
							transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
							z-index: 99;
							opacity: 1;
							background: transparent;
							border-color: currentColor;
					}
		
		.menu-link-text:after {
			bottom: -1px;
		}
			}
	}
	.mobile-search-toggle {
			border: 1px solid #045346;
			border-radius: 50%;
			svg {
					fill: #033a35;
			}
	}
	.header-cta-btn {
			border-radius: 100px;
	}
	.header-top-nav {
			.nav-wpml {
					margin-right: 12px;
			}
			.mobile-search-toggle {
					margin-left: 12px;
			}
	}
	.nav-wpml .wpml-ls-legacy-dropdown {
			width: 100%;
			li {
					padding: 1rem 0;
			}
			a {
					background-color: transparent;
					color: currentcolor;
					border: none;
					font-size: 1.6rem;
					line-height: 1;
					border-bottom: 1px solid currentcolor;
					padding-left: 0;
					padding-right: 0;
		
		&:hover,
		&:active,
		&:focus {
			color: #F9D043;
			font-weight: 500;
		}
			}
			a.wpml-ls-item-toggle::after {
					display: none;
			}
			.wpml-ls-sub-menu {
					border-top: 0;
					width: 24rem;
					padding: 1.6rem 0;
					position: absolute;
					top: 44px;
					left: -2px;
					background: #fffefc;
					border-radius: 8px;
					box-shadow: 0 0.4rem 0.8rem rgba(69, 63, 47, 0.1);
					transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
					z-index: 9999;
					li a {
							display: block;
							padding: 1.3rem 1.6rem;
							color: #232426;
			border-color: #fff;
					}
					li:hover a {
							background: #fbf7f0;
							color: #444546;
					}
			}
	}
	.betterhelp-therapist-search {
			min-width: 300px;
			height: 64px;
			flex: 1;
			.betterhelp-search-inner {
					display: flex;
					gap: 24px;
					align-items: center;
					padding: 12px 24px;
					height: 100%;
					justify-content: space-between;
					background: #eeffa7;
					border-top: 1px solid;
					border-bottom: 1px solid;
					border-color: #e9e3d4;
			}
			.label {
					width: 40%;
			}
			.label {
					display: inline-flex;
					gap: 8px;
					align-items: center;
					justify-content: flex-start;
					.icon {
							display: inline-flex;
							align-items: center;
							width: 3.5rem;
							height: 100%;
					}
					label {
							font-size: 1.6rem;
							font-weight: 500;
							line-height: 120%;
					}
			}
			.input-group {
					display: flex;
					position: relative;
					input {
							margin-right: 0;
							padding: 10px 40px 10px 8px;
							border-radius: 100px;
							box-shadow: none;
							outline: none;
							width: 100%;
							border: 1px solid #b8ce5c;
							font-size: 1.4rem;
							height: 40px;
							line-height: 140%;
							outline: 2px solid transparent;
					}
					input:focus {
							border-color: #1e675a;
							outline-color: #cce270;
					}
					.search-clear-btn {
						position: absolute;
						top: 12px;
						right: 44px;
						cursor: pointer;
					}
					.btn {
							position: absolute;
							top: 4px;
							right: 5px;
							border-radius: 50%;
							width: 32px;
							height: 32px;
							padding: 0;
							background: #cce270;
							svg {
									height: 16px;
									width: 16px;
							}
							.loading {
									animation: rotation 1.5s infinite linear;
									width: 16px;
									height: 16px;
							}
					}
			}
	}
}
@media (min-width: 1023px) {
	body {
			padding-top: 15.1rem;
	}
	.mobile-search {
			transition: none !important;
	}
	.mobile-search-active .header .mobile-search {
			display: block !important;
			height: 8.5rem;
			padding-top: 1.6rem;
			z-index: 100;
			top: 8rem;
			border-bottom-right-radius: 24px;
			border-bottom-left-radius: 24px;

			.mobile-search-inner {
				max-width: 130.6rem;
				padding: 0 1.6rem;
				margin: 0 auto;
				position: relative;

				.search-field {
					border: 1px solid #90908E;
					border-radius: 3.2rem;
				}
			}
	}
	.scrolled:not(.mobile-nav-active):not(.mobile-search-active) .header {
			transform: translateY(0);
			.header-top.desktop-only {
					opacity: 1;
			}
	}
	.scrolled .header .header-top {
			opacity: 1;
	}
	.helplines-header-wrapper {
			top: 15.1rem;
	}
	.admin-bar .helplines-header-wrapper {
			top: calc(15.1rem + 32px);
	}
	.scrolled:not(.scrolled-up) .helplines-header-wrapper {
			transform: translateY(0);
	}
	html:not(.mobile-search-active) {
			.side-nav .search-toggle {
					display: none;
			}
	}
	.mobile-search-active {
			.header {
		background: transparent;
					.header-nav.desktop-only {
			/* If display stays none, remove extras below */
			display: none;

							.side-nav {
									display: flex;
									flex-direction: row;
									align-items: center;
							}
							.search-toggle {
									display: inline-flex;
									flex-direction: column;
									align-items: center;
									justify-content: center;
									width: 3.6rem;
									height: 3.6rem;
									border: 1px solid #045346;
									border-radius: 50%;
								cursor: pointer;
									.line {
											display: block;
											width: 2rem;
											height: 1.5px;
											background: #045346;
											border-radius: 10px;
											transition: transform 0.2s
															cubic-bezier(0.77, 0.2, 0.05, 1),
													opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
									}
									.line:nth-child(1) {
											transform: translateY(2.5px) rotate(45deg);
									}
									.line:nth-child(2) {
											transform: translateY(-2.5px) rotate(-45deg);
									}
									.line:not(:last-child) {
											margin-bottom: 3.5px;
									}
							}
							/* Disables Find a therapist when search is toggled */
							.betterhelp-therapist-search {
								/* display: none; */
							}
					}
		
		.header-top.desktop-only .header-top-nav {
			.mobile-search-toggle.search-toggle {
				display: inline-flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				width: 4.2rem;
				height: 4.2rem;
				border-radius: 50%;
				cursor: pointer;
				background: #FFFEFC33;
				svg {
					display: none !important;
				}
				.line {
					display: block;
					width: 2rem;
					height: 1.5px;
					background: #fff;
					border-radius: 10px;
					transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
					}
					.line:nth-child(2) {
						transform: translateY(2.5px) rotate(45deg);
					}
					.line:nth-child(3) {
						transform: translateY(-2.5px) rotate(-45deg);
					}
					.line:not(:last-child) {
						margin-bottom: 3.5px;
					}
			}
		}
			}
	}
	.header {
			height: 15.1rem;
			.header-container {
					height: 8rem;
					display: flex;
					align-items: center;
			}
			.header-main {
					.header-logo,
					.header-cta-btn {
							display: none;
					}
			}
			.header-main + .betterhelp-therapist-search {
					display: none;
			}
			.header-nav.desktop-only {
					display: flex;
					justify-content: space-between;
					height: 7rem;
					min-height: auto;
					gap: 2rem;
					> * {
							height: 7rem;
					}
					.menu > .menu-item .menu-link {
							.menu-link-text {
									height: 7rem;
							}
							.menu-link-text:after {
									width: calc(100% + 18px);
								
								background: #045346;
							}
					}
					.menu > .menu-item .sub-menu {
							top: calc(100% + 1px);
					}
					.mobile-nav-toggle {
							display: none;
					}

					.side-nav {
						flex: 1;
					}
			}
			.header-top .header-top-nav .menu > .menu-item .sub-menu {
					z-index: 101;
			}
			.mobile-search-toggle {
					cursor: pointer;
			}
			.mobile-search {
					form.search-form {
							display: flex;
							align-items: center;
					}
					label.search-field-wrapper {
							flex: 1;
							padding-right: 3.2rem;
					}
					.ext-search-submit {
							border-radius: 100px;
							padding: 1.6rem;
							height: auto;
					}
			}
			.betterhelp-therapist-search {
					border-left: 1px solid #e9e3d4;
					position: relative;
					height: 7rem;
					.offcanvas-bg {
							position: absolute;
							background: #eeffa7;
							left: 0;
							right: 0;
							width: 1000px;
							height: 100%;
							z-index: -10;
							border-bottom: none;
					}
					.betterhelp-search-inner {
							margin-right: 0;
							padding: 1.2rem 2.4rem;
							padding-right: 0;
							border-top: none;
							border-bottom: none;
							input {
									padding: 1rem 6rem 1rem 0.8rem;
									height: 40px;
									outline-width: 0.2rem;
							}
							.btn,
							button {
									border-radius: 50%;
							}
					}
			}
	}
}
.mobile-search.mobile-only {
	z-index: 10;
}
@media (max-width: 1023px) {
	body {
			padding-top: calc(6rem + 64px);
	}
	body.category,
	body.single-post,
	body.single-podcast,
	body.single-episode {
			padding-top: calc(6rem + 64px + 8rem);
	}
	body.single-top-category {
			padding-top: calc(6rem + 64px * 2);
	}
	.scrolled:not(.mobile-nav-active):not(.mobile-search-active) .header {
			transform: translateY(calc(-6rem + -64px));
	}
	.scrolled-up:not(.mobile-nav-active):not(.mobile-search-active) .header {
			transform: translateY(0);
	}
	.scrolled-up .mobile-post-nav-wrapper {
			transform: translateY(calc(6rem + 64px));
	}
	.scrolled:not(.scrolled-up) .helplines-header-wrapper {
			transform: translateY(calc(-6rem + -64px));
	}
	.helpline-filters-active .helplines-header-wrapper {
			transform: translateY(calc(-6rem + -64px));
	}
	.header {
			height: calc(6rem + 64px) !important;
			.header-container {
					display: none;
			}
			.header-main {
					height: 6rem;
			}
			.mobile-search {
					height: 7.5rem;
					padding: 0.8rem 1.6rem;
					display: flex;
					flex-direction: column;
					justify-content: center;
					top: 6rem;
				
				.mobile-search-inner .search-form {
					display: flex;
					justify-content: space-between;
					align-items: center;

					.search-field-wrapper {
						width: calc(100% - 6rem);

						.search-field {
							padding-left: 1.2rem;
							padding-right: 1.2rem;
							border: 1px solid #90908E;
							border-radius: 3.2rem;
						}
					}
					.search-submit {
						position: static;
						align-items: center;
						justify-content: center;
						width: 5rem;
                    	height: 5rem;
						background: #045346;
						border: none;
						outline: none;
						border-radius: 50%;
						
						.icon path {
							fill: #FCD961;
						}
					}
				}
			}
			.mobile-nav {
					top: 7.9rem;
			}
			.mobile-subnav {
					top: calc(6rem + 64px);
			}
	}
	.mobile-nav {
			padding-top: 0;
			top: 6.1rem;
			z-index: 10;

			.mobile-nav-inner {
				top: 0;
				height: 100%;
			}
		
			.menu-wrapper.primary-menu-wrapper .menu-inner .menu-body .menu-body-bottom {
				background: #FBF7F0;
				margin-top: 80px;
				padding-left: 0 !important;
				padding-right: 0 !important;
				
				.menu {
					.menu-item {
						border-bottom: none !important;
					}
				}
				.menu-wpml {
					margin-top: 1.2rem;
					padding: 0 1.6rem;
					width: 100%;
					align-self: flex-start;
					justify-content: flex-start !important;
					
					& > .wpml-ls {
						width: 100% !important;
						
						 a {
							border: 1px solid #033A35 !important;
							box-shadow: none;
							outline: none;
							background: transparent;
							border-radius: 100px !important;
							padding: 1.6rem !important;
    						text-align: center;
							color: #033A35 !important;
							
							 
							&:hover,
							&:focus,
							&:active {
								background: #C9E0CB !important;
								border-color: #C9E0CB !important;
								color: #012F2C !important;
								
								> span {
									border-bottom: 1px solid #012F2C;
								}
							}
							
							&:after {
								display: none;
							}
						}
						
					}
					
					.wpml-ls-sub-menu {
						padding-top: 4px !important;
					}
				}
			}
		
			.menu-wrapper.secondary-menu-wrapper .menu-inner .menu-header {
				flex-direction: column !important;

				.menu-back-btn {
					font-weight: 400;
					color: #045346;
					.icon path {
						fill: none !important;
					}
				}

				.submenu-link-btn {
					display: block;
					width: 100%;
					padding-top: 2.4rem;
					font-weight: 600;
					font-size: 1.8rem;
					color: #012F2C;
				}
			}
	} 
	/* html:not(.mobile-search-active) */ /* html { .header .mobile-nav-toggle.search-only { display: none; } } */
	.mobile-search-active .header {
			.mobile-search-toggle.search-toggle {
					opacity: 1;
					pointer-events: auto;
					display: flex;
					flex-direction: column;
					.icon {
							display: none;
					}
					.line {
							display: block;
							width: 2rem;
							height: 1.5px;
							background: #045346;
							border-radius: 10px;
							transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1),
									opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
					}
					.line:nth-child(2) {
							transform: translateY(2.5px) rotate(45deg);
					}
					.line:nth-child(3) {
							transform: translateY(-2.5px) rotate(-45deg);
					}
					.line:not(:last-child) {
							margin-bottom: 3.5px;
					}
			}
	}
	html.mobile-nav-active {
			.mobile-search-toggle.search-toggle {
					opacity: 1 !important;
					pointer-events: auto !important;
			}
	}
	html:not(.mobile-nav-active).mobile-search-active {
			.mobile-nav-toggle {
					.line:nth-child(1),
					.line:nth-child(3) {
							transform: none !important;
					}
					.line:nth-child(2) {
							opacity: 1 !important;
							pointer-events: auto;
					}
			}
	} /* html.mobile-nav-active { .mobile-search-toggle.search-toggle { .icon { display: block !important; } .line { display: none !important; } } } */
	.helplines-header-wrapper {
			top: calc(6rem + 64px);
	}
	.admin-bar .helplines-header-wrapper {
			top: 15.5rem;
	}
}
@media (max-width: 499px) {
	.header {
			.header-main .mobile-search-toggle {
					display: inline-flex;
			}
			.betterhelp-therapist-search {
					.betterhelp-search-inner {
							padding: 13px 8px;
							gap: 8px;
					}
			}
	}
	.helplines-header-wrapper {
			/* top: 12.5rem; */
	}
}

/* Root Element Size adjustments */
@media (min-width: 1023px) and (max-width: 1065px) { 
	html { font-size: 7.4px; } 
}

/* WP Admin Bar adjustments */
@media (min-width: 783px) {
body.admin-bar .header {
	top: 32px;
}
body.admin-bar .mobile-nav {
	top: calc(6.1rem + 32px);
}
}
@media (max-width: 782px) {
body.admin-bar .header {
	top: 46px;
}
body.admin-bar .mobile-nav {
	top: calc(6.1rem + 46px);
}
}

/* Find a therapist Search results style */
main .page-title {
	display: none;
}
html:not(.therapist-results-loaded) .therapist-search-results.results-curtain {
	display: none;
}
html.therapist-results-loaded .therapist-search-results.results-curtain + main {
	display: none;
}


.therapist-search-results {
	a.link-underline {
		color: #1E675A;
		font-weight: 500;
		text-decoration: none;
		border-bottom: 1px solid currentcolor;

		&:hover,
		&:active,
		&:focus {
			border-bottom: none !important;
			color: #d49f11 !important;
		}
	}
}

.therapist-search-results.results-curtain {
	padding: 8rem 0;
}

.results-content {
	.results-breadcrumb {
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			margin-bottom: 60px;
			gap: 16px;
			color: #012f2c;
			a {
					text-decoration: none;
					border-bottom: 0 !important;
					font-size: 16px;
					font-weight: 400 !important;
					line-height: 1.6;
			}
			a:not(:last-child)::after {
					content: "/";
					margin-left: 8px;
			}
			a:last-child {
				border-bottom: 1px solid currentColor !important;
				font-weight: 500 !important;
			}
			#search-value-trimmed {
					font-weight: 500 !important;
					border-bottom: 1px solid #012f2c !important;
			}
	}
	.results-header {
			margin-bottom: 30px;
			color: #033a35;
			h3 {
					margin-bottom: 16px;
			}
			#search-val {
					font-size: 23px;
					font-weight: 500;
			}
			.betterhelp-info {
					margin-top: 20px;
					padding: 24px;
					border-radius: 16px;
					background: #fbf7f0;
					display: flex;
					flex-direction: column;
					gap: 16px;
					max-width: 627px;

					p {
							font-size: 14px;
							line-height: 1.4;
							font-weight: 400;
					}
			}
	}
	#counselor-results {
			display: flex;
			flex-direction: column;
			gap: 10px;
			.not-found {
					font-size: 16px;
					font-weight: 400;
			}
			.counselor-card {
					margin: 0;
					border-radius: 0;
					padding: 16px;
					align-items: center;
					min-width: auto;
					max-width: 627px;
					display: flex;
					gap: 10px;
					align-items: start;
					position: relative;
					border-bottom: 1px solid #4e635f40;
					.cover-link {
							position: absolute;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							border-bottom: none !important;
							text-decoration: none;
					}
					.counselor-info .description {
							margin-top: 6px;
					}
					.counselor-image-meta-outer {
						display: flex;
						justify-content: space-between;
						gap: 8px;
					}
					.counselor-image-meta {
							display: flex;
							align-items: center;
							gap: 8px;
					}
					.counselor-image-meta {
							.counselor-meta {
									padding-right: 38px;
									.specialities {
											display: flex;
											column-gap: 20px;
											row-gap: 4px;
											flex-wrap: wrap;
											.speciality {
													position: relative;
													font-weight: 500;
													font-size: 14px;
													line-height: 1.2;
											}
											& > *:not(:last-child)::after {
													position: absolute;
													top: 40%;
													right: -12px;
													content: "";
													width: 5px;
													height: 5px;
													border-radius: 50%;
													background: #000;
													display: inline-block;
													margin-left: 8px;
											}
									}
							}
					}
					
					.counselor-extras {
							.specialities {
								display: flex;
								column-gap: 8px;
								row-gap: 4px;
								flex-wrap: wrap;

								.speciality {
										position: relative;
										font-weight: 500;
										font-size: 14px;
										line-height: 1.2;
								}
								.speciality:not(:first-child) {
									padding-left: 8px;
									margin-left: 8px;
								}

								& > *:not(:first-child)::before {
										position: absolute;
										top: 40%;
										left: -4px;
										content: "";
										width: 5px;
										height: 5px;
										border-radius: 50%;
										background: #000;
										display: inline-block;
										margin-left: 0;
								}
						}
					}
					figure {
							display: inline-block;
							img {
									min-width: 48px;
									max-width: 48px;
									height: 48px;
									object-fit: cover;
									margin-bottom: 0 !important;
									border-radius: 9999px;
									margin-bottom: 10px;
							}
					}
					.title {
							display: flex;
							align-items: center;
							flex-wrap: wrap;
							p {
									font-size: 16px;
									line-height: 1.4;
									display: inline-flex;
									flex-wrap: wrap;
							}
							p:not(.licenses) {
									font-weight: 500;
							}
							span {
									font-weight: 400;
							}
							p > .separator:not(.first-child) {
									margin-right: 4px;
							}
					}
					.description {
							font-size: 14px;
							font-weight: 400;
							line-height: 1.4;
					}
					.external-link {
							width: 32px;
							height: 32px;
							background: #fffefc;
							display: inline-flex;
							justify-content: center;
							align-items: center;
							border-radius: 32px;
							text-decoration: none;
							border-color: #4E635F !important;
							border: 1px solid;
							color: #4E635F !important;

							&:hover {
								border-color: #012F2C !important;
								background: #0453461A;
								color: #012F2C !important;
							}

							&:focus,
							&:active {
								border-color: #4E635F !important;
								background: #4E635F;
								color: #FFFEFC !important;
							}
					}
			}
	}
	#results-pagination {
			margin-top: 60px;

			nav {
					display: flex;
					gap: 20px;
					
					a,
					span:not(.page-num-text) {
							width: 40px;
							height: 40px;
							border-color: transparent;
							border-bottom: none !important;
							border: 1px solid transparent !important;
							border-radius: 8px;
							line-height: 1;
							display: inline-flex;
							color: #012F2C !important;
							align-items: center;
							justify-content: center;
					}
					a:not(.active) {
						&:hover {
							background-color: #0453461A;
						}

						&:hover span {
							border-bottom: 1px solid currentColor;
						}

						&:hover {
							color: #012F2C !important;
						}

						&:active,
						&:focus {
							background-color: #4E635F;
							color: #FFFEFC !important;
							border-color: #4E635F;
						}

						&:focus span,
						&:active span {
							border-bottom: none;
						}
					}
					a.active {
							border: 1px solid #045346 !important;

							&:hover {
								border-color: #4E635F;
								background-color: #0453461A;
							}

							&:focus,
							&:active {
								border-color: #4E635F;
								background-color: #4E635F;
								color: #FFFEFC !important;
							}
					}
					span {
							color: currentColor;
					}
			}
	}
	
	#results-disclaimer {
		margin-top: 40px;
		
		p {
			font-size: 16px;
			line-height: 1.4;
		}
	}
}
.results-sidebar {
	display: flex;
	flex-direction: column;
	margin-top: 60px;
	gap: 10px;

	> p {
			font-size: 14px;
	}
	> *:not(p) {
			padding: 16px;
			border-radius: 12px;
			display: flex;
			max-width: 360px;
			border-bottom: 0 !important;
			color: currentcolor !important;
			.icon {
					display: inline-block;
					height: 100%;
					width: 100%;
					max-width: 50px;
					svg {
							width: 40px;
					}
			}
			.title {
					font-family: "Playfair Display", serif;
					font-weight: 500;
					font-size: 16px;
					line-height: 1.2;
					margin-bottom: 4px;
			}
			p:not(.title) {
					font-size: 14px;
					line-height: 1.4;
			}
			&:hover,
			&:focus,
			&:active {
					color: currentcolor !important;
			}
	}
	.critical {
			background: #ffdabc;
			gap: 16px;
			align-items: center;
	}
	.medium {
			background: #ccdeff;
			gap: 16px;
	}
	.generalized {
			background: #ffeda5;
			gap: 16px;
	}
	
	a.link-underline {
		color: #232426 !important;
	}
}
@media (min-width: 1023px) {
	.therapist-search-results.results-curtain {
			.container {
					display: flex;
			}
	}
	.therapist-search-results {
			display: flex;
			.results-content {
					width: 60%;
			}
			.results-sidebar {
					width: 40%;
					margin-top: 30%;
					padding: 0 30px;
			}
	}
}
@media (max-width: 1023px) {
	.results-notice {
		margin: 30px 0;

		p {
			font-size: 14px;
		}

		a.link-underline {
			color: #232426 !important;
		}
	}
	
	.results-content {
			#counselor-results {
					position: relative;
					.counselor-card {
							/* flex-direction: column; */
							justify-content: start;
							max-width: 100%;
							padding: 16px 0;

							.counselor-extras {
								margin: 2px 0;
							}

							.counselor-image-meta-outer {
								align-items: center;
							}
					}
					.counselor-info-inner,
					.counselor-info-header {
							align-items: start !important;
					}
			}
			#results-pagination {
				nav {
					justify-content: center;
				}
			}
	}
	
	.results-sidebar {
		display: none;
	}
}