.geo-search-results .pagination-cont{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.geo-search-results .pagination {
display: flex;
list-style-type: none;
padding: 0;
}
.geo-search-results .pagination li {
margin: 0 5px;
}
.geo-search-results .pagination li a {
text-decoration: none;
padding: 8px 12px;
color: #777;
border-radius: 4px;
}
.geo-search-results .pagination li a.active {
color: #00173b;
}
.geo-search-results .pagination li a:hover:not(.active) {
background-color: #ddd;
}
.geo-search-results .clinic-card {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
background-color: #e7f3ff;
border-radius: 10px;
overflow: hidden;
width: 100%;
max-width: 840px;
position: relative;
padding: 38px 48px;
box-sizing: border-box;
margin-bottom: 20px;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.geo-search-results .clinic-card.standout {
height: 300px;
display: flex;
border: 2px solid #FFF;
background: linear-gradient(0deg, #475F84 0%, #475F84 100%), #FFF;
box-shadow: 0px 4px 24.6px 0px rgba(0, 0, 0, 0.30);
}
@media (max-width: 768px) {
.geo-search-results .clinic-card.standout {
height: auto;
flex-direction: column;
}
}
.geo-search-results .clinic-card.featured {
background: rgba(243, 232, 218, 0.30);
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
}
.geo-search-results .clinic-card.free {
border-radius: 10px;
background: #FFF;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}
.geo-search-results .clinic-card:hover {
transform: scale(1.03);
/* Slightly grows the card */
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
/* Enhance the shadow for a lifted effect */
}
.geo-search-results .featured-badge {
position: absolute;
top: 18px;
left: -1px;
background-color: var(--e-global-color-primary);
color: #fff;
padding: 8px 21px;
z-index: 10;
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 36px; /* 180% */
width: fit-content;
}
.geo-search-results .standout-badge {
/* background-color: var(--e-global-color-accent); */
fill: #DEAE4F;
stroke-width: 2px;
stroke: #FFF;
filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.35));
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='181' height='66' viewBox='0 0 181 66' fill='none'%3E%3Cg filter='url(%23filter0_d_5_182)'%3E%3Cpath d='M169 7H0V51H169L156.369 29.4314L169 7Z' fill='%23DEAE4F'/%3E%3Cpath d='M169 7H0V51H169L156.369 29.4314L169 7Z' stroke='white' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_5_182' x='-11' y='0' width='191.745' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5_182'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_5_182' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
padding: 8px 32px 8px 21px;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 18px;
left: -1px;
color: #fff;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 36px;
z-index: 10;
}
.geo-search-results .free-badge {
display: none;
}
.geo-search-results .image-container {
display: flex;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
grid-column: span 1;
max-width: 330px;
min-width: 120px;
margin-right: 16px;
box-sizing: border-box;
}
@media (max-width: 768px) {
.geo-search-results .image-container {
aspect-ratio: 4 / 3;
}
}
.geo-search-results .clinic-image {
width: 100%;
object-fit: cover;
object-position: right;
height: auto;
}
.geo-search-results .clinic-info {
/* grid-column: span 2; */
justify-content: center;
width: 100%;
padding-left:16px;
box-sizing: border-box;
position: relative;
/* max-height: 19vh !important;
min-height: 19vh !important; */
}
.geo-search-results .header-info {
display: flex;
flex-direction: column;
gap: 0px;
width: 100%;
}
.geo-search-results .clinic-name {
font-family: 'DM Sans', sans-serif;
margin: 0;
font-size: 28px !important;
color: #475F84;
font-weight: 700 !important;
line-height: 1.2 !important;
margin-bottom: 5px;
}
.geo-search-results .standout .clinic-name,
.geo-search-results .standout .state-city,
.geo-search-results .standout .card-description {
color: #FFF;
}
.geo-search-results .standout .clinic-name {
margin: 0;
}
.geo-search-results .clinic-rating {
margin: 0;
}
.geo-search-results .rating-stars {
width: 100px;
height: auto;
}
.geo-search-results .clinic-location {
font-family: 'DM Sans', sans-serif;
display: flex;
gap: 5px;
align-items: center;
margin-top: 0px;
font-size: 20px !important;
color: #777;
}
.geo-search-results .state-city {
font-family: 'DM Sans', sans-serif;
font-size: 15px !important;
color: #777;
}
.geo-search-results .miles {
font-family: 'DM Sans', sans-serif;
font-size: 18px !important;
color: #DEAE4F;
font-weight: bold;
}
.geo-search-results .view-clinic-button {
font-family: 'DM Sans', sans-serif;
background-color: #DEAE4F;
color: #fff;
border: none;
border-radius: 4px;
padding: 12px 24px !important;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 0px;
align-self: flex-end;
position: relative;
right: 0px;
}
.geo-search-results .view-clinic-button:hover {
background-color: #475F84;
}
.geo-search-results .free .view-clinic-button{
/* color: #DEAE4F;
background-color: #fff; */
}
.geo-search-results .clinic-card.standout .view-clinic-button:hover{
color: #475F84;
background: #FFFFFF !important;
}
.geo-search-results .card-description {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
line-height: normal;
font-size: 13px;
max-height: calc(1.3em * 3);
}
.geo-search-results .clinic-bio {
grid-column: span 3;
margin-top: 12px;
}
.pl5{
padding-left: 5px;
}
@media (max-width: 768px) {
.geo-search-results .clinic-card {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
padding: 16px;
}
.geo-search-results .image-container {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.geo-search-results .clinic-info {
width: 100%;
max-width: 100%;
margin-top: 16px;
padding: 0;
}
.geo-search-results .header-info {
margin-bottom: 8px;
}
.geo-search-results .clinic-location {
margin-top: 8px;
}
.geo-search-results .view-clinic-button {
align-self: flex-start;
/* Left align the button */
margin-top: 16px;
/* Ensure button is the last element */
position: static;
/* Remove absolute positioning for mobile */
}
}
.elementor-widget-rating{--e-rating-gap:0px;--e-rating-icon-font-size:16px;--e-rating-icon-color:#ccd6df;--e-rating-icon-marked-color:#f0ad4e;--e-rating-icon-marked-width:100%;--e-rating-justify-content:flex-start}.elementor-widget-rating .e-rating{display:flex;justify-content:var(--e-rating-justify-content)}.elementor-widget-rating .e-rating-wrapper{align-items: center;display:flex;justify-content:inherit;flex-direction:row;flex-wrap:wrap;width:-moz-fit-content;width:fit-content;margin-block-end:calc(0px - var(--e-rating-gap));margin-inline-end:calc(0px - var(--e-rating-gap))}.elementor-widget-rating .e-rating .e-icon{position:relative;margin-block-end:var(--e-rating-gap);margin-inline-end:var(--e-rating-gap)}.elementor-widget-rating .e-rating .e-icon-wrapper.e-icon-marked{--e-rating-icon-color:var(--e-rating-icon-marked-color);width:var(--e-rating-icon-marked-width);position:absolute;z-index:1;height:100%;left:0;top:0;overflow:hidden}.elementor-widget-rating .e-rating .e-icon-wrapper :is(i,svg){display:flex;flex-shrink:0}.elementor-widget-rating .e-rating .e-icon-wrapper i{font-size:var(--e-rating-icon-font-size);color:var(--e-rating-icon-color)}.elementor-widget-rating .e-rating .e-icon-wrapper svg{width:auto;height:var(--e-rating-icon-font-size);fill:var(--e-rating-icon-color)}
/* Hover effect */
document.addEventListener('DOMContentLoaded', (event) => {
const titleHeight = document.querySelector('div .geo-search-results div').offsetHeight;
const headerHeight = document.querySelector('div[data-elementor-type="header"]').offsetHeight;
const targetDiv = document.getElementById('search-results');
const targetPosition = targetDiv.getBoundingClientRect().top + window.pageYOffset - headerHeight-titleHeight;
window.scrollTo({
top: targetPosition,
behavior: 'smooth'
});
});
