@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');
body {
  font-family: 'Fredoka', sans-serif !important;
}

/* Wellness plan */
.wellness-plans {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
}

.plan-card {
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    background: #fff;
}

.card-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.accordion summary {
    cursor: pointer;
    font-weight: 600;
    padding: 14px 0;
    list-style: none;
}

.accordion summary::-webkit-details-marker {
    display: none;
}

.accordion summary::after {
    content: '+';
    float: right;
    transition: transform 0.3s ease;
}

.accordion[open] summary::after {
    content: '−';
}

.accordion .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
    opacity: 0;
}

.accordion[open] .content {
    max-height: 500px;
    opacity: 1;
}

.accordion+.accordion {
    border-top: 1px solid #eee;
}

.accordion ul {
    margin: 10px 0 20px;
}


/* Mobile optimizations */
@media (max-width: 768px) {
    .wellness-plans {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .plan-card {
        padding: 20px;
    }

    .card-title {
        font-size: 1.4rem;
        text-align: center;
    }

    .accordion summary {
        font-size: 1rem;
        padding: 12px 0;
    }

    .accordion ul {
        padding-left: 18px;
    }
}
/* Wellness plans end */


.component__title {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 700 !important;
}
.component__subtitle, .navigation-a .navigation__item--link,
.editable__container h2, .editable__container h3, .editable__container h4,
.editable__container h5, .editable__container b, .blade__description b, .staff-member__name,
.map-search__location span, .featuredblock__title {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;
}
.cta__button, .editable__container p, .editable__container a, 
.editable__container span, .component-phone__number,
.blade__description p, .blade__description a, .blade__description span,
.map-search__location p, .map-search__location a, .hours__wrapper p, .form p,
.footer_disclaimer_component a, textarea::placeholder, option, select, 
input::placeholder, .labelHolder, .btnS, .form-input-info, .submit, .breadcrumb__item,
.blog__viewing, .blog-post__title, .blog-post__date, .blog-post__content, .blog-post__link, .featuredblock__content p, 
.component__link--1, .component__link--2, .component__link--3 {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 300 !important;
}
.logo__title.component__title{
 
        font-size: 2rem;
    }
    .section.fb-grid-a-section-overlap .section--light .featuredblocks-grid-a .featuredblocks {
    background-color: #7f0909!important;
}
@media (max-width: 800px){
    .ple-column-padding{
        overflow-x: hidden !important;
    }

    .alias-fb1_fairbans, .featuredblocks-grid-a .featuredblocks{
        padding: 20px 0px;
    }

    #id_901fedc5-be0b-5121-b3c9-2b31a1a9f68d .row {
        margin-right: 0px;
        margin-left: 0px;
    }
}

body {
    overflow-x: hidden !important;
}

.btnbtnrequestbtn{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}


*{
    font-family: "Fredoka", font-awesome, fontawesome, FontAwesome !important;
}

@media (max-width: 475px) {
   .ple-column-padding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.section.fb-grid-a-section-overlap .featuredblocks-grid-a .featuredblocks .featuredblock__wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.featuredblocks.row.items-per-row-4 li:first-child {
    padding-top: 85px;
}
a.component.logo.logo-horizontal.logo-horizontal--4.image-position--left.text-alignment--center.hidden--s.hidden--t {
    display: block !important;
}
.col-lg-12.col-sm-12.section__column-1.ple-column-padding.alias-banner_del_mar {
    padding: 0px !important;
}
}
