/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/


.green {color: #95b878;}
.blue, .blue h2, .blue h3, .blue h4 {color: #3c5d71;}
.gold {color: #f4c662;}
.white, .white , .white h1, .white h2, .white h3, .white h4 {color: #F8F7F1;}


.green-bg {background-color: #95b878;}
.blue-bg {background-color: #3c5d71;}
.gold-bg {background-color: #f4c662;}
.white-bg {background-color: #F8F7F1;}


h1, h2 {
    /* text-transform: uppercase; */
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-size: 3rem;
    letter-spacing: 1px;
}

h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 2em;
}

h4, h5 {
    font-family: "Montserrat", sans-serif;
    font-size: 1.5em;
}


p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
}

h1.headline {font-size: 4.5rem;}

.tagline p {font-size: 2em;}

/*** header ***/
a.link-inner {
    color: #3c5d71;
    font-weight: 500;
}

#menu-item-7230 {
    background: #f4c662;
    border-radius: 10px;
}

#menu-item-7230:hover {
    background-color: #95b878;
}


#menu-item-7230:hover .link-inner {
    color: #F8F7F1;
}

#site-header-inner {
    padding: 10px;
}

#menu-item-7232 {
    font-weight: 700;
}

/*** UX ***/
a {
    color: #95b878;
    text-decoration: underline;
}

a:hover {
    color: #3c5d71;
    text-decoration: none;
}

.green-btn a, a.green-btn {
    background: #95b878;
    border-radius: 10px; 
    text-decoration: none;
    color: #F8F7F1;
}

.blue-btn a, a.blue-btn {
    background: #3c5d71;
    border-radius: 10px; 
    text-decoration: none;
}

.gold-btn a, .book-btn, a.gold-btn {
    background: #f4c662;
    border-radius: 10px;
    color: #3c5d71;
    text-decoration: none;
}

.green-btn a:hover, a.green-btn:hover {
    background-color: #f4c662;
    text-decoration: none;
}

.gold-btn a:hover, .book-btn:hover, a.gold-btn:hover {
    background-color: #95b878;
    color: #F8F7F1;
    text-decoration: none;
}

.gold-btn.green-fix a:hover {
    background-color: #3c5d71;
    color: #F8F7F1;
}

.book-btn {
    padding: 15px 30px;
}

.text-link {
    color: #F8F7F1;
    font-weight: 500;
}

.text-link:hover {
    color: #F8F7F1;
    text-decoration: none;
}

a.gold-btn, a.green-btn {
    padding: 10px 20px;
    font-size: 0.8em;
    margin: 40px auto;
}

.vc_tta-panel-title {
    font-size: 2rem !important;
}

.contact-sidebar h4, .contact-sidebar p {
    font-size: 1.1em;
}

.wpex-card-more-link {
    font-weight: 600;
}

.wpex-heading a {
    color: #3c5d71;
}

.wpex-heading a:hover {
    color: #95b878;
}

.home-images {
    min-height: 250px;
}

/*** forms ***/
.gform_legacy_markup_wrapper .description, .gform_legacy_markup_wrapper .gfield_description, .gform_legacy_markup_wrapper .gsection_description, .gform_legacy_markup_wrapper .instruction {
    font-size: 1em !important;
}

.gform_legacy_markup_wrapper .top_label .gfield_label, .gform_legacy_markup_wrapper legend.gfield_label {
    font-size: 1.3em !important;
}

.gform_legacy_markup_wrapper .gfield_checkbox li label, .gform_legacy_markup_wrapper .gfield_radio li label {
    font-size: 1.2em !important;
}

#gform_submit_button_1, #gform_submit_button_18, #gform_submit_button_20 {
    background: #f4c662;
    padding: 15px 35px;
    border-radius: 10px;
    color: #3c5d71;
}

#gform_submit_button_1:hover, #gform_submit_button_18:hover, #gform_submit_button_20:hover {
    background: #95b878;
    color: #F8F7F1;
}

/*** design ***/

hr {
    height: 2px;
}

.testimonial p {
    font-size: 1em;
    font-style: italic;
    color: #F8F7F1;
}

.vcex-icon-box-heading {
    font-size: 2em;
}

.vcex-content {
    font-size: 1.2em;
}

 
.resource-grid {
    padding-top: 25px;    
}

.blue-bg.resource-grid:hover {
    background-color: rgb(60 93 113 / 70%);
    transition: 0.2s;
}

.green-bg.resource-grid:hover {
    background-color: rgb(149 184 120 / 70%);
    transition: 0.2s
}

.bullets-line
 {
    margin: 5px;
}

.page-header {
    background: #95b878;
    min-height: 300px;
    padding-top: 5%;
}

h1.page-header-title {
    font-size: 3em;
    color: #F8F7F1;
}

.breadcrumb-trail {
    display: none;
}

.bullets li {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 10px 0;
}

.vcex-toggle__title {
    font-size: 1.5em !important;
    font-weight: 400 !important;
}

.icon-position {
    position: absolute;
    bottom: 280px;
    left: 42%;
}




/*** footer ***/
.copyright p {
    font-size: 0.75em;
}

/* Therapist layout */
.single-therapist .featured-image, .single-therapist .blog-single-title,
.single-therapist .blog-single-meta, .single-therapist .single-social-section,
.single-therapist .intro-left
  {
    display: none;
}

.therapist-services, .therapist-quote {
    color: #3c5d71;
    font-weight: 700;
    padding: 15px 0px;
    font-size: 1.5em;
}

.therapist-quote {
    font-style: italic;
    color: #333;
}

select.js-wpv-filter-trigger.form-control {
    display: inline;
    margin: 15px;
}

.btn-secondary, .wpv-reset-trigger {
    margin: 15px 7px;
    background-color: #95b878;
    color: #F8F7F1;
    border: 0px;
    padding: 8px 15px;
}

.form-group {
    text-align: center;
    margin: 20px 0px;
    display: block;
}

.therapist-container {
    display: flex;   
    flex-wrap: wrap;
    justify-content: center;
}

.therapist-grid {
    background-color: #F8F7F1;
    /* flex: 0 0 25%; */
    flex: 0 0 20%;
    margin: 10px !important;
    padding: 5px;
}

.therapist-grid img {
    width: 100%; 
    display: block;
}

.therapist-image-wrap {
    position: relative;
}

.therapist-box {
    min-height: 75px;
}

.therapist-grid-title {
    font-size: 1.3rem;
    color: #F8F7F1;
    display: block;
    margin-bottom: 3px;
}

.therapist-title {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.85rem;
    margin: 0;
}

.therapist-categories, .therapist-categories p {
    font-size: 1rem;
    line-height: 1.2rem;
    min-height: 155px;
    padding: 10px 5px;
}

.therapist-button, .therapist-contact {
    background: #3c5d71;
    color: #F8F7F1;
    padding: 10px 15px;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.therapist-contact {
    background: #95b878;
}

.therapist-button:hover {
    background: #95b878;
    color: #F8F7F1;   
}

.therapist-contact:hover {
    background: #3c5d71;
    color: #F8F7F1;   
}

.therapist-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(60, 93, 113, 0.82); /* matches your brand blue */
    padding: 10px 12px;
    min-height: unset; /* remove the old min-height */
}

.therapist-filter-container .radios-taxonomies-title {
    background: #3c5d71;
    color: #F8F7F1;
    padding: 7px 15px;
    display: inline-block;
    margin: 5px;
}

.therapist-filter {
    position: fixed;
    opacity: 0;
    pointer-events: none;    
}

.therapist-filter-title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 15px;
}

.therapist-filter-container .radios-taxonomies-title {
    background: #3c5d71;
    color: #F8F7F1;
    padding: 7px 15px;
}

.therapist-filter-container .radios-taxonomies-title:hover {
    background: #95b878;
    cursor: pointer;
}

.page-id-7221 .therapist-categories, .page-id-7221 .therapist-categories p
 {
    background: #F8F7F1;
    margin-bottom: 20px;
}

.badges {
    font-weight: 600;
}

.new-clients {
    color: #95b878;
}

.best-of {
    color: #f4c662;
}

.page-id-7221 .therapist-grid {
    background-color: transparent;
}

.therapist-button, .therapist-contact {
    background: #f4c662;
    color: #3c5d71;
    padding: 15px 15px;
    display: block;
    text-align: center;
    margin-top: 20px;
    border-radius: 10px;
    width: 50%;
    margin: 0 auto;
    text-decoration: none;
}

a.therapist-button {
    font-size: 1rem;
}

.therapist-button:hover {
    background: #3c5d71;
    color: #F8F7F1;
    text-decoration: none;
}

@media screen and (max-width:1295px) {
    .icon-position {
        display: none;
    }
}


@media screen and (max-width:1100px) {
    .therapist-categories, .therapist-categories p {
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 170px;
}
}

@media screen and (max-width:1060px) {
    .therapist-grid {
    flex: 0 0 30%;
}
}

@media screen and (max-width:860px) {
    .therapist-grid {
    flex: 0 0 47%;
}
}

@media screen and (max-width:768px) {
    .therapist-grid {
    flex: 0 0 100%;
}

h1.headline {
    font-size: 3.5rem;
}

.mobile-footer {
    margin-top: 25px;
}

}