:root {
    /* Base */
    --color-white: #ffffff;
    --color-text-dark: #333333;

    /* Brand */
    --color-pink-600: var(--color-primary);
    --color-pink-700: var(--color-primary-hover);

    --color-blue-500: #5A6E8A;

    --color-green-400: var(--bg-green);

    /* Neutral */
    --color-blue-50:  var(--bg-standard);
    --color-blue-100: var(--color-secondary-hover);

    /* MCG Brand Colors */
    --dark-pink:   var(--color-primary);
    --mid-pink:    #D97A9F;
    --light-pink:  #E8A4C0;
    --grey-blue:   #E8E8ED;
    --mid-blue:    #5A6E8A;
    --primary-blue: var(--color-link);
    --light-blue:  var(--color-secondary-hover);
    --white:       #ffffff;
    --text-dark:   var(--color-body);
    --text-light:  var(--color-body);
    --text-bold:   var(--color-heading);

    /* Semantic Color System */
    --color-heading:         #134955;
    --color-body:            #414c5a;
    --color-link:            #d6942b;
    --color-primary:         #b83773;
    --color-primary-hover:   #cf457e;
    --color-secondary:       #f0f8f8;
    --color-secondary-hover: #7abdb7;
    --color-footer-btn:      #335e68;
    --bg-standard:           #f0f8f8;
    --bg-green:              #134955;

    /* Spacing */
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Typography */
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.5rem;

    /* Radius */
    --radius-full: 9999px;
    --radius-lg: 16px;
    --radius-md: 8px;

    /* Transitions */
    --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
    font-family: __codeNextTrail_dded51, Arial, sans-serif;
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--color-body);
    background-color: var(--bg-standard) !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    line-height: 1.2;
    color: var(--color-heading);
    font-weight: 800;
}

h1 {
    font-size: 2.8rem;
}

h2 {
    font-size: var(--font-size-3xl);
}

h3 {
    font-size: var(--font-size-2xl);
}

p {
    margin: 0 0 var(--spacing-lg) 0;
    line-height: 1.7;
    color: var(--color-body);
}

a {
    color: var(--color-link);
    text-decoration: none;
    transition: color var(--transition-base);
}

a:hover {
    color: var(--color-secondary-hover);
}

/* Utility Classes */

/* Screen reader only content */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Tap highlight removal */
.tap-highlight-transparent {
    -webkit-tap-highlight-color: transparent;
}

/* Text sizes */
.text-medium {
    font-size: 1rem;
    line-height: 1.5rem;
}

/* Color utilities */
.text-primary {
    color: var(--color-primary);
}

.text-dark-white {
    color: var(--white);
}

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

.bg-primary {
    background-color: var(--color-primary);
}

/* Active opacity */
.active\:opacity-disabled:active {
    opacity: 0.5;
}

/* Focus visible styles */
.data-\[focus-visible\=true\]\:z-10[data-focus-visible="true"] {
    z-index: 10;
}

.data-\[focus-visible\=true\]\:outline-dashed[data-focus-visible="true"] {
    outline-style: dashed;
}

.data-\[focus-visible\=true\]\:outline-1[data-focus-visible="true"] {
    outline-width: 1px;
}

.data-\[focus-visible\=true\]\:outline-offset-0[data-focus-visible="true"] {
    outline-offset: 0px;
}

.data-\[focus-visible\=true\]\:outline-primary[data-focus-visible="true"] {
    outline-color: var(--color-primary);
}

/* Data attribute: active */
.data-\[active\=true\]\:font-semibold[data-active="true"] {
    font-weight: 600;
}

/* Aria expanded styles */
.aria-expanded\:scale-\[0\.97\][aria-expanded="true"] {
    transform: scale(0.97);
}

.aria-expanded\:opacity-70[aria-expanded="true"] {
    opacity: 0.7;
}

/* Subpixel antialiasing */
.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

/* Antialiasing */
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Container */
.container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Ensure footer sticks to bottom when content is short
   Make body a column flex container and let main expand to fill available space. */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main.site-main, #main {
    flex: 1 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.site-footer {
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .container { max-width: 640px; }
    .sm\:h-10 { height: 2.5rem; }
}

@media (min-width: 768px) {
    .container { max-width: 768px; }
    .md\:h-11 { height: 2.75rem; }
    .md\:h-\[6rem\] { height: 6rem; }
    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 1024px) {
    .container { max-width: 1024px; }
    .lg\:flex { display: flex; }
    .lg\:hidden { display: none; }
}

@media (min-width: 1280px) {
    .container { max-width: 1280px; }
}

@media (min-width: 1536px) {
    .container { max-width: 1536px; }
}

/* Block Layout System - allows 50% width blocks to sit side-by-side */
.site-main .container,
.entry-content {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

/* All blocks default to full width */
.site-main > *,
.site-main .container > *,
.entry-content > * {
    width: 100%;
}

/* Container for half-width blocks when they are next to each other */
.mcg-half-blocks-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    width: 100%;
    max-width: 1536px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Sections inside the half-blocks wrapper should be 50% on desktop */
.mcg-half-blocks-wrapper > .hero-section,
.mcg-half-blocks-wrapper > .intro-image-section {
    width: 100%;
}

@font-face {
    font-family: __codeNextTrail_dded51;
    src: url(https://mental-care-group.awdev.nl/wp-content/themes/mentalcaregroup/6652968219a80b50-s.p.woff2) format("woff2");
    /* font-display:swap; */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: __codeNextTrail_dded51;
    src: url(https://mental-care-group.awdev.nl/wp-content/themes/mentalcaregroup/533b4576d5bd8e6c-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: __codeNextTrail_Fallback_dded51;
    src: local("Arial");
    ascent-override:87.05%;descent-override:26.46%;line-gap-override:11.52%;size-adjust:117.18%}

.__className_dded51 {
    font-family: __codeNextTrail_dded51,__codeNextTrail_Fallback_dded51
}

.__variable_dded51 {
    --font-code-next-trial: "__codeNextTrail_dded51","__codeNextTrail_Fallback_dded51"
}