/*
Theme Name: Mindset Child
Theme URI: http://demo.casethemes.net/mindset/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Mindset is the best solution if you are looking for a website for psychiatrists, personal psychologists, therapists, online psychological consultants, mental health clinics and companies, the site web life coach.
Version: 1.0.6
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: mindset
Text Domain: mindset-child
Tags: booking, counseling, counseling theme, health, healthcare, health theme, medical, medical theme, psychologist, psychology, psychology counseling, psychology theme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.values-grid .value-card .item--inner {
  height: 370px;
  box-sizing: border-box;
}

.values-grid .value-card .item--inner h3 {
  min-height: 56px;
}

@media (max-width: 767px) {
  .values-grid .value-card .item--inner {
    height: auto;
  }

  .values-grid .value-card .item--inner h3 {
    min-height: auto;
  }
}

/* =========================================
   About Page - Featured Banner
   ========================================= */

#ct-pagetitle {
    padding-top: 175px !important;
	padding-bottom: 55px !important;
    background-color: #6f8b63 !important;
	background-image: none !important;
}

/* =========================================
   Global Page Hero / Page Title Banner
   Applies to every page using #ct-pagetitle
   ========================================= */

/* Green overlay over existing featured image */
#ct-pagetitle::before {
    background-color: rgba(111, 139, 99, 0.8);
}

/* Remove default breadcrumb items */
#ct-pagetitle .ct-breadcrumb {
    list-style: none;
}

#ct-pagetitle .ct-breadcrumb li {
    display: none;
}

/* Services grid styles - remove numbers */
.services-grid span.item-number {
	display: none;
}

/* ==========================================
   ALEGRIA COUNSELLING
   Mobile Header Customization
   ========================================== */

@media (max-width: 1199px) {

    /* 1. Main mobile header */
    .ct-header-mobile #ct-header.ct-header-main {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 76px;
        height: auto !important;

        padding: 0 12px 0 16px !important;
        box-sizing: border-box;
        position: relative;
    }

    /* 2. Logo container */
    .ct-header-mobile #ct-header > .container {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .ct-header-mobile #ct-header > .container > .row {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;

        margin: 0 !important;
        min-width: 0 !important;
    }

    .ct-header-mobile .ct-header-branding {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. Mobile logo */
    .ct-header-mobile .ct-header-branding .logo-mobile {
        display: flex !important;
        align-items: center !important;
        width: 100%;
        min-width: 0;
    }

    .ct-header-mobile .ct-header-branding .logo-mobile img {
        display: block !important;

        width: 100% !important;
        max-width: 125px !important;
        max-height: 42px !important;
        height: auto !important;

        object-fit: contain;
        object-position: left center;
    }

    /* 4. Booking button wrapper */
    .ct-header-mobile .alegria-mobile-booking {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: static !important;
        transform: none !important;

        flex: 0 0 auto !important;
        width: auto !important;
        height: auto !important;

        margin: 0 10px 0 0 !important;
        padding: 0 !important;

        z-index: 10;
    }

    /* 5. Booking button */
    .ct-header-mobile .alegria-mobile-booking .btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;
        height: 36px !important;
        min-height: 0 !important;

        padding: 0 12px !important;
        margin: 0 !important;

        background: #D7C875 !important;
        color: #FFFFFF !important;

        border: none !important;
        border-radius: 4px !important;

        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        text-align: center !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        letter-spacing: 0 !important;

        box-shadow: none !important;
        transform: none !important;
    }

    /* 6. Button text */
    .ct-header-mobile .alegria-mobile-booking .ct-button-text {
        display: inline-block !important;
        color: inherit !important;
        font-size: inherit !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* 7. Hide unused button icon */
    .ct-header-mobile .alegria-mobile-booking .ct-button-icon {
        display: none !important;
    }

    /* 8. Button hover */
    .ct-header-mobile .alegria-mobile-booking .btn:hover,
    .ct-header-mobile .alegria-mobile-booking .btn:focus-visible {
        background: #718B63 !important;
        color: #FFFFFF !important;
    }

    /* 9. Hamburger wrapper */
    .ct-header-mobile #ct-menu-mobile {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 11;
    }

    /* 10. Hamburger icon */
    .ct-header-mobile #ct-menu-mobile .btn-nav-mobile {
        position: relative !important;
        top: auto !important;
        right: auto !important;

        transform: none !important;
        margin: 0 !important;
    }
}

/* ==========================================
   SMALL MOBILE SCREENS
   350px and below
   ========================================== */

@media (max-width: 350px) {

    .ct-header-mobile #ct-header.ct-header-main {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .ct-header-mobile .ct-header-branding .logo-mobile img {
        max-width: 100px !important;
        max-height: 36px !important;
    }

    .ct-header-mobile .alegria-mobile-booking {
        margin-right: 6px !important;
    }

    .ct-header-mobile .alegria-mobile-booking .btn {
        height: 34px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }

    .ct-header-mobile #ct-menu-mobile {
        flex-basis: 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
    }
}

/* ==========================================
   EXTRA SMALL SCREENS
   Below 280px
   ========================================== */

@media (max-width: 279px) {

    .ct-header-mobile .ct-header-branding .logo-mobile img {
        max-width: 75px !important;
    }

    .ct-header-mobile .alegria-mobile-booking .btn {
        font-size: 10px !important;
        padding: 0 6px !important;
    }

    .ct-header-mobile .alegria-mobile-booking {
        margin-right: 4px !important;
    }
}

/* ==========================================
   Mobile Header - Layout Override
   ========================================== */

@media (max-width: 1199px) {

    .ct-header-mobile #ct-header.ct-header-main {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    /* Force header logo container to stay inline */
    .ct-header-mobile #ct-header.ct-header-main > .container {
        display: block !important;
        flex: 1 1 0% !important;
        min-width: 0 !important;
        width: 0 !important;
        float: none !important;
    }

    /* Remove default row spacing */
    .ct-header-mobile .ct-header-main > .container > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex-wrap: nowrap !important;
    }

    /* Prevent branding from occupying full viewport width */
    .ct-header-mobile .ct-header-branding {
        float: none !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Prevent booking button from moving to next line */
    .ct-header-mobile .alegria-mobile-booking {
        position: relative !important;
        display: flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        float: none !important;
        clear: none !important;
        transform: none !important;
    }

    /* Keep hamburger in same row */
    .ct-header-mobile #ct-menu-mobile {
        position: relative !important;
        display: flex !important;
        flex: 0 0 40px !important;
        float: none !important;
        clear: none !important;
        transform: none !important;
    }
}