@font-face {
		font-family: 'Font Awesome 6 Free';
		font-style: normal;
		font-weight: 900;
		font-display: block;
		src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype");
	}
	:root {
		--alice-blue: #EBF6F9;
		--white: #ffffff;
		--hlykgreen: #8EC869;
		--hlyk-teal: #276e7c;
	}

	.bg-alice-blue {
		background: var(--alice-blue);
	}

	.search-hero {
		font-family: 'SF Pro Display';
	}

	.search-hero h1,
	.search-hero h2,
	.search-hero h3,
	.search-hero h4,
	.search-hero h5,
	.search-hero h6 {
		font-family: 'SF Pro Display';
	}

	.search-hero h1 {
		line-height: 100%;
	}

	.search-hero h4 {
		font-weight: normal;
	}

	.search-hero .highlight {
		color: #8EC869;
	}

	.search-hero form {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	.search-hero .form-control,
	.search-hero .form-selector,
	.search-hero button[type=submit] {
		height: calc(2.8rem + 2px);
	}

	.search-hero .form-group {
		width: 100%;
		margin-bottom: 0;
	}

	.search-hero .form-control {
		width: 100%;
		background-image: none;
	}

	.results-container {
		background: #ffffff;
	}
	.results-container .results-top h5 {
		color: #ffffff;
		padding-bottom: 0;
		font-family:'SF Pro Display', sans-serif;
		font-weight: 400;	
		text-align: center;	
	}
	.results-container .results-top .results-filter {
		margin-top: 1rem;
	}
	.results-container .results-top .results-filter p {
		color: #fff;
		text-align: center;
	}
	.results-container .results-top .col-6:first-child {
		border-right: 1px solid #ffffff;
	}
	.search-no-results {
		height: 100%;
		width: 100%;
		display: none;
		flex-direction: column;
		padding: 1rem;
		align-self: center;
		justify-content: center;
	}
	.search-no-results * {
		font-family: 'SF Pro Display', sans-serif;	
		text-align: center;	
	}
	.search-no-results h2 {
		font-size: 2rem
	}
	.search-no-results p {
		font-size: 1rem;
	}
	#specialty-result,
	#location-result {
		font-weight: bold;
	}

	.ui-datepicker {
		margin-top: 8px;
	}

	.ui-datepicker-calendar td.ui-datepicker-today {
		color: #000;
		position: relative;
	}

	.ui-datepicker-calendar td.ui-datepicker-today:before {
		content: '';
		width: 26px;
		height: 26px;
		border-radius: 13px;
		background: #efefef;
		position: absolute;
		top: 0;
		left: 5px;
		margin: 0;
		padding: 0;
		z-index: 0;
	}

	.ui-datepicker-calendar .ui-state-active {
		background: none;
		position: relative;
	}

	.ui-datepicker-calendar .ui-state-active:before {
		content: '';
		width: 26px;
		height: 26px;
		border-radius: 13px;
		background: #8EC869;
		position: absolute;
		top: 0;
		left: 7px;
		margin: 0;
		padding: 0;
		z-index: -1;
	}

	.ui-datepicker-calendar td.ui-datepicker-today a {
		z-index: 1;
		position: relative;
		color: #000;
	}
	/* General styles for the icon-containing input fields */
	.icon-input {
		position: relative;
		padding-left: 30px; /* Space for the icon */
	}

	/* Style for the calendar icon */
	#select-date.icon-input::before {
		content: ''; /* Font Awesome code for calendar icon */
		position: absolute;
		left: 8px;
		top: 50%;
		background: url('https://healthlynked.com/wp-content/uploads/2023/10/dr-search-calendar.svg') no-repeat top left;
		width: 24px;
		height: 24px;
		transform: translateY(-50%);
	}

	#time-picker.icon-input::before {
		content: ''; /* Font Awesome code for calendar icon */
		position: absolute;
		left: 8px;
		top: 50%;
		background: url('https://healthlynked.com/wp-content/uploads/2023/10/dr-search-time.svg') no-repeat top left;
		width: 24px;
		height: 24px;
		transform: translateY(-50%);
	}
	#full_name.icon-input::before {
		content: ''; /* Font Awesome code for calendar icon */
		position: absolute;
		left: 8px;
		top: 50%;
		background: url('https://healthlynked.com/wp-content/uploads/2023/10/dr-search-doctor.svg') no-repeat top left;
		width: 24px;
		height: 24px;
		transform: translateY(-50%);
	}	

	.search-hero button#doctor-search {
		border: 0;
		padding-left: 24px;
		padding-right: 24px;
		background: #276e7c;
		width: 100%;
		font-weight: bold;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.search-hero button#doctor-search:hover {
		background-color: #8EC869;
		border-color: #8EC869;
		color: #fff;
	}

	.search-map-container {
		border: 1px solid #c1c4c9;
		border-radius: 1rem;
		overflow: hidden;
		padding: 0;
	}

	.search-map-container #map {
		height: 100%;
		min-height: 400px;
		width: calc(100% + 1%);
	}

	.search-map-filters select#appointment-type {
		border-radius: 50px;
		width: 100%;
		padding: 4px 12px;
		border-color: #276e7c;
		height: 40px;
	}
	.search-map-filters .btn-location {
		background: #276e7c;
	}
	.search-map-filters .btn-location:focus,
	.search-map-filters .btn-location:hover {
		background: #1D525D;
	}
	.search-map-filters .btn-location i {
		color: #ffffff;
	}
	#data--full-width {
		padding: 0;
	}
	/* Preloader */
	.preloader {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.7);
		z-index: 1000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.loader {
		border: 5px solid #f3f3f3;
		border-top: 5px solid #8EC869;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		animation: spin 1s linear infinite;
	}
	
	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	
	#provider {
		display: none;
	}

	.telemedicine-popup #provider-profile .col {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-around;
	}

	.dr-container *:not(.star-rating *) {
		font-family: 'SF Pro Display', sans-serif;
		text-align: center;
	}

	.dr-container.sponsored {
		background: #f2f0f0;
	}

	.dr-container .dc-avatar .avter-fill,
	.dr-container .dc-practice-avatar .avter-fill {
		width: 90px;
		height: 90px;
		padding: 0;
		border: 1px solid #f5f5f5;
	}

	.dr-container .dc-practice-avatar .avter-fill img,
	.dr-container .dc-avatar .avter-fill img {
		object-fit: contain;
	}

	.dr-container .dc-avatar {
		display: flex;
		flex-direction: column;
		align-content: center;
		flex-wrap: nowrap;
		align-items: center;
	}
	.dr-container a:hover {
		text-decoration: none;
	}
	.dr-container h5 {
		font-weight: bold;
	}

	.dr-container .rating-container {
		justify-content: center;
	}

	.dr-container .dc-practice-container .btn {
		padding: 0.25rem 1rem;
		border-radius: 2rem;
		border: 2px solid var(--hlyk-teal);
		font-family: 'SF Pro Display';
		font-weight: 600;
		font-size: 14px;
	}

	.dr-container .dc-practice-container .btn-solid {
		color: #fff;
		background: var(--hlyk-teal);
	}

	.dr-container .dc-practice-container .btn-outline {
		color: var(--hlyk-teal);
	}

	.star-rating i {
		color: #ffd700;
		font-size: 18px;
	}
	.profile-right-content {
		overflow-y: auto;
	}
	.doctorlist {
		gap: 0;
	}

	.doctorlist .profile_pro-header {
		border: 0;
		border-bottom: 1px solid #d8d9db;
		border-radius: 0;
		background: #fff;
		padding: 0.5rem;
	}

	.doctorlist .profile_pro-header a:not(.practice-link) {
		color: #000;
	}
	.doctorlist .profile_pro-header a:hover .dr-name-container span {
		color:#8EC869;
	}

	.telemedicine-popup figure.avter-fill {
		background: #ffffff;
	}

	.telemedicine-popup {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
		background-color: #eef5f9;
		font-family: "SF Pro Display", helvetica, sans-serif;
		color: black;
		padding: 1rem;
		gap: 1rem;
	}

	.telemedicine-popup .dc-practice-container {
		display: flex;
		flex-direction: row;
		gap: 1rem;
		flex-wrap: nowrap;
		align-items: center;
		width: 100%;
	}

	.telemedicine-popup .dc-practice-container * {
		font-family: "SF Pro Display", helvetica, sans-serif;
	}

	.telemedicine-popup .dc-practice-container .popup-button {
		background-color: #03A84D;
		border: none;
		border-radius: 100px;
		border-color: #03A84D;
		color: white;
		padding: 0.5rem 1.5rem;
		font-size: 1rem; 
		letter-spacing: 0.5px;
		font-weight: 600;
		display: inline-flex;
	}

	.telemedicine-popup .dc-practice-container .popup-button:hover {
		cursor: pointer;
		color: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	}

	.doctorlist .profile_pro-header .card-container {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 1rem;
		justify-content: space-between;
		width: 100%;
		margin-top: 0.25rem;
	}

	.doctorlist .profile_pro-header .dc-practice-container {
		width: 100%;
	}

	.doctorlist .profile_pro-header .dc-practice-container .row {
		gap: 0.5rem;
		margin: 0;
		justify-content: center;
		flex-direction: column;
	}

	.doctorlist .profile_pro-header .dc-practice-container .row:last-child {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.doctorlist .profile_pro-header .dc-practice-container .dc--info-desc {
		text-align: left;
		width: 100%;
	}

	.doctorlist .profile_pro-header .dc-practice-container .dc--info-desc .sp--telemed {
		color: var(--hlykgreen);
		font-weight: 600;
	}

	.doctorlist .profile_pro-header .dc-practice-container .dc--info-desc h5 {
		padding: 0;
		margin-bottom: 0;
	}

	.doctorlist .profile_pro-header .dc-practice-container .dc--info-desc .sp--specif {
		margin: 0 0 0.5rem;
		font-size: 14px;
	}

	.doctorlist .profile_pro-header .dc-practice-container .dc--info-desc .cd-add-i span {
		font-weight: normal;
		color: var(--hlyk-teal);
	}

	.doctorlist .profile_pro-header .dc-practice-container .available-times {
		list-style: none;
		display: flex;
		margin: 0;
		padding: 0;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 0.5rem;
	}

	.doctorlist .profile_pro-header .dc-practice-container .available-times li {
		background: #276e7c;
		color: #fff;
		padding: 0.5rem 1rem;
		border-radius: 3rem;
		font-weight: bold;
	}

	.doctorlist .profile_pro-header .dc-practice-container .more-times {
		vertical-align: middle;
		line-height: 20px;
		height: 20px;
		min-height: auto;
		text-decoration: underline;
		color: var(--hlyk-teal);
	}

	.doctorlist .profile_pro-header .sponsored-badge {
		color: var(--hlykgreen);
		font-weight: 600;
	}

	.search-map-filters .form-check {
		font-size: 1rem;
		margin-bottom: 8px;
	}

	.search-map-filters .form-check:last-child {
		margin-bottom: 0;
	}

	.search-map-filters select {
		background-image: none;
	}

	.search-map-filters input[type="checkbox"],
	.search-map-filters input[type="radio"] {
		position: relative;
		visibility: visible;
		display: initial;
	}

	.search-map-filters .stars-container {
		padding-left: 0;
		margin-bottom: 8px;
	}

	.search-map-filters .stars-container:last-child {
		margin-bottom: 0;
	}

	.search-map-filters .stars-container input[type="radio"] {
		display: none;
		visibility: hidden;
	}

	.search-map-filters .stars-container .fa-star {
		color: #ffd700;
		font-size: 18px;
	}

	.search-map-filters .stars-container label {
		padding: 6px 12px;
		margin-left: -12px;
		border-radius: 8px;
	}

	.search-map-filters h4 {
		font-family: 'SF Pro Display';
		font-size: 1.5rem;
	}

	.search-map-filters .stars-container input[type="radio"]:checked+label {
		background: #f1f1f1;
		border-radius: 8px;
		color: #000;
		border: 1px solid #cdcdcd !important;
	}

	#reset-stars-container input[type="radio"] {
		display: none;
		visibility: hidden;
	}
	#reset-stars-container label {
		color:#276e7c;
		text-decoration: underline;
		font-weight: 1rem;		
	}

	.range-slider {
		width: 100%;
		margin: 0;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 0.25rem;
		text-align: center;
	}

	.range-slider label {
		margin-bottom: 0;
		padding: 0;
		min-width: 40px
	}

	input#distanceRange {
		-webkit-appearance: none;
		appearance: none;
		background: transparent;
		cursor: pointer;
		padding: 0;
		margin-top: 4px;
		width: 100%;
	}

	/***** Track Styles *****/
	/***** Chrome, Safari, Opera, and Edge Chromium *****/
	input[type="range"]::-webkit-slider-runnable-track {
		background: #053a5f;
		height: 0.3rem;
		border-radius: 0.15rem;
	}

	/******** Firefox ********/
	input[type="range"]::-moz-range-track {
		background: #053a5f;
		height: 0.3rem;
		border-radius: 0.15rem;
	}

	/***** Thumb Styles *****/
	/***** Chrome, Safari, Opera, and Edge Chromium *****/
	input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
		/* Override default look */
		appearance: none;
		margin-top: -6px;
		/* Centers thumb on the track */
		background-color: #7fb55d;
		height: 1rem;
		width: 1rem;
		border-radius: 50%;
		border: 2px solid #fff;
	}

	.range-label-container {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.range-label-container #rangeLabel, .range-label-container #clearRange {
		text-align: center;
		padding: 4px 12px;
	}
	.range-label-container #rangeLabel, .range-label-container #clearRange:hover {
		cursor: pointer;
	}

	.range-label-container #rangeLabel {
		border-right: 1px solid #dedede;
	}

	.profile_head_message {
		justify-content: center;
	}

	.profile_head_message a:hover {
		color: #42642d;
	}
	.pagination a.page-link {
		width: 24px;
		border-radius: 50%!important;
		height: 24px;
		padding: 0px;
		text-align: center;
	}
	.state-directory h3 {
		font-family: 'SF Pro Display';
	}
	#scroll-label {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #2b2b2b;
		text-align: center;
		padding: 24px 6px 12px 6px;
		background: rgb(238,245,249);
		background: linear-gradient(0deg, rgba(238,245,249,1) 42%, rgba(238,245,249,0) 100%);
		font-weight: 500;
		font-family: 'SF Pro Display';
		z-index: 999;
		display: none;
	}
	@media (min-width: 390px) {
		.pagination a.page-link {
			width: 32px;
			border-radius: 50%!important;
			height: 32px;
			padding: 4px;
			text-align: center;
		}		
	}

	@media (min-width: 576px) {

		.search-hero .form-group:nth-child(1),
		.search-hero .form-group:nth-child(2) {
			width: calc(50% - 0.25rem);
		}

		.dr-container .dc-avatar {
			gap: 0.5rem;
			flex-direction: row;
		}
		.dr-container .dc-avatar .avter-fill {
			margin: 0;
		}

		.dr-container *:not(.star-rating *) {
			text-align: left;
		}

		.dr-container .rating-container {
			justify-content: left;
		}

		.doctorlist .profile_pro-header .dc-practice-container .row {
			width: 100%;
			justify-content: flex-start;
			flex-direction: row;
		}
	}

	@media (min-width: 768px) {
		.doctorlist .profile_pro-header .dc-practice-container .row:first-child {
			flex-wrap: nowrap;
		}

		.search-map-filters select#appointment-type {
			width: auto;
		}

		.doctorlist .profile_pro-header .card-container {
			flex-direction: column;
		}
		
	}

	@media (min-width: 992px) {
		#scroll-label {
			display: block;
		}
		.results-container .results-top h5 {
			text-align: left;
		}		
		.results-container .results-top .results-filter {
			margin-top: 0;
		}
		.results-container .results-top .results-filter p {
			text-align: left;
		}
		.results-container .results-top .col-6:first-child {
			border-right: 0;
		}
		.search-hero {
			margin-bottom: 48px;
		}

		.search-hero form {
			gap: 0;
		}

		.search-hero .form-container {
			background: #276e7c;
			border: 1px solid #276e7c;
			display: table;
			margin: 0 auto -24px;
			border-radius: 32px;
			box-shadow: 0 0 10px rgb(39 110 124 / 25%);
		}

		.search-hero .form-group:nth-child(1),
		.search-hero .form-group:nth-child(2),
		.search-hero .form-group:nth-child(3),
		.search-hero .form-group:nth-child(4),
		.search-hero .form-group:nth-child(5),
		.search-hero button#doctor-search {
			width: 20%;
		}

		.search-hero .form-group .form-control {
			border-right: 1px solid #a0b3b6;
		}

		.search-hero .form-group:nth-child(5) .form-control {
			border-right: 0;
		}

		.search-hero .form-group:nth-child(1) .form-control {
			border-top-left-radius: 32px;
			border-bottom-left-radius: 32px;
		}

		.search-hero .form-group:nth-child(5) .form-control {
			border-top-right-radius: 32px;
		}		

		.search-form button[type=submit] {
			border-top-right-radius: 32px;
			border-bottom-right-radius: 32px;
		}

		.search-hero .form-group {
			width: auto;
		}

		.search-hero .form-control:focus {
			outline: 0;
			box-shadow: none;
		}

		.search-hero #appointment-type {
			min-width: 240px;
		}

		.search-hero .form-control {
			border: 0;
		}

		.search-hero .form-control,
		.search-form button {
			border-radius: 0;
		}

		.search-hero button[type=submit] {
			width: auto;
		}
		.search-no-results h2 {
			font-size: 3rem;
		}		
		.search-map-container #map,
		.profile-right-content {
			height: 800px;
		}
	}

	@media(min-width: 1200px) {
		.pagination a.page-link {
			width: 32px;
			height: 32px;
			padding: 4px;
		}	
		.search-map-container #map,
		.profile-right-content {
			height: 800px;
		}
		.range-label-container #rangeLabel, .range-label-container #clearRange {
			font-size: 0.8rem;
		}
	}

	@media (min-width: 1400px) {
		.col-xxl-10 {
			-ms-flex: 0 0 83.333333%;
			flex: 0 0 83.333333%;
			max-width: 83.333333%;
		}
		.col-xxl-2 {
			-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%; 
			max-width: 16.666667%;
		}
		.search-hero .container {
			width: 1410px;
		}
		input#distanceRange {
			width: 60%;
		}
		.search-map-filters .stars-container .fa-star {
			font-size: 16px;
		}

		.doctorlist .profile_pro-header .card-container {
			flex-direction: row;
		}

		.dr-container .dc-avatar {
			flex-direction: column;
			min-width: 130px;
		}

		.dr-container .dc-avatar h6 {
			text-align: center !important;
		}

		.dr-container .rating-container {
			justify-content: center;
		}

		.doctorlist .profile_pro-header .dc-practice-container .available-times li {
			padding: 0.5rem;
		}
		.search-map-container #map,
		.profile-right-content {
			min-height: 800px;
			height: calc(100vh - 182px);
		}		
	}

	@media(min-width: 1600px) {
		.dr-container .dc-avatar {
			flex-direction: column;
			min-width: 180px;
		}
		.range-label-container #rangeLabel, .range-label-container #clearRange {
			font-size: 1rem;
		}		
	}