@font-face {
  font-family: 'Sansation';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/Sansation-Bold.ttf) format('truetype'),
    url(../fonts/Sansation-BoldItalic.ttf) format('truetype'),
    url(../fonts/Sansation-Italic.ttf) format('truetype'),
    url(../fonts/Sansation-Light.ttf) format('truetype'),
    url(../fonts/Sansation-LightItalic.ttf) format('truetype'),
    url(../fonts/Sansation-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Quintessential';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Quintessential-Regular.ttf) format('truetype');
}

:root {
    --color-black-purple: #333333;/*#4b4453;*/
    --color-royal-purple: #7851a9;
    --color-darker-purple: #6C284D;
    --color-dark-purple: #873260;
    --color-darker-pink: #c6559f;
    --color-dark-pink: #D8A4B5;/*#c6559f;*/
    --color-light-pink: #F2BDCD;/*#fa6a87;*/
    --color-orange: #ff926c;
    --color-peach: #ffc55e;
    --color-yellow: #f9f871;
    --color-white-smoke: #f5f5f5;
    --color-emergency-red: #911911;

    --bulma-family-primary: "Sansation", Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
    --bulma-body-background-color: var(--color-white-smoke);

    --bulma-link-text: var(--color-light-pink);
    --bulma-link-text-hover: var(--color-dark-pink);
}

.quintessential-regular {
  font-family: "Quintessential", serif;
  font-weight: 400;
  font-style: normal;
}

.content a:hover {
    color: var(--bulma-link-text-hover);
    text-decoration: underline;
}

.title {
    --bulma-title-color: var(--color-white-smoke);
}

.subtitle {
    --bulma-subtitle-color: var(--color-white-smoke);
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    --bulma-content-heading-color: var(--color-black-purple);
}

.hero.is-link {
    background-color: var(--color-royal-purple);
}

.is-black-purple {
    color: var(--color-black-purple);
}

.is-royal-purple {
    color: var(--color-royal-purple);
}

.is-dark-pink {
    color: var(--color-darker-pink);
}

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

.quote-block {
    color: var(--color-black-purple);
    font-size: 2.5em;
}

.navbar {
    --bulma-navbar-background-color: var(--color-white-smoke);
    --bulma-navbar-burger-color: var(--color-dark-pink);
}

.navbar-menu {
    box-shadow:none;
}

.navbar-end {
    font-size: 1.5em;
    color: var(--color-white-smoke);
}

.navbar-item {
    color: var(--color-white-smoke);
}

.navbar-item:hover {
    background-color: var(--color-peach);
    color: var(--color-black-purple);
}

a.helpline-link {
    background-color: var(--color-royal-purple);
}

a.helpline-call {
    background-color: var(--color-darker-purple);
}

a.helpline-sms {
    background-color: var(--color-dark-purple);
}

a.helpline-emerg {
    background-color: var(--color-emergency-red);
}

/* Royal Purple (Logo) #7851a9 */

.mhm-header-title {
    font-size: 8em;
    color: var(--color-royal-purple);
}

.mhm-header-subtitle {
    font-size: 6em;
    color: var(--color-darker-pink);
}

.mhm-footer-subtitle {
    font-size:2em;
    color: var(--color-royal-purple);
    padding:25px;
}

.down-arrow {
    width:48px;
    height: 48px;
}


/* GRID */
.alt-color-dark-pink {
    background-color: var(--color-dark-pink);
}

.alt-color-pink {
    background-color: var(--color-light-pink);
}

.service-section {
    padding: 0 !important;
}

.service-grid {
    margin-bottom:0 !important;
    --bulma-grid-gap: 0 !important;
    column-gap:0;
    gap:0;
}

.cell.service-block {
    height:400px;
    margin-bottom:0;
    padding: 0 15px;
}

.cell.service-block .level-item {
    flex-shrink:unset !important;
}

.grid-large-link {
    font-size: 1.75em;
    color: var(--color-white-smoke);
    background-color: var(--color-royal-purple);
    border:none;
}

.grid-large-link:hover {
    background-color: var(--color-emergency-red);
}

.section-resources {
    background-color: var(--color-dark-pink);
    color: var(--color-black-purple);
}

.section-resources > .grid {
    --bulma-grid-column-min: 36rem;
}


.card {
    background-color: var(--color-dark-purple);
    color: var(--color-white-smoke);
    font-size:1.25em;
}

.card-header-title {
    color: var(--color-white-smoke);
}

.card:hover {
    background-color: var(--color-darker-purple);
}

.hero-foot {
    margin-bottom:3em;
}

.footer-logo {
    width: 350px;
}







@media screen and (max-width: 1023px) {
    .mhm-header-title {
        font-size: 5em;
    }

    .mhm-header-subtitle {
        font-size: 3em;
    }

    .service-block:nth-child(4n),
    .service-block:nth-of-type(4n+1) {
        background-color:var(--color-dark-pink);
    }

    .service-block:nth-child(4n+3),
    .service-block:nth-child(4n+2) {
        background-color:var(--color-light-pink);
    }

    .section-resources > .grid {
        --bulma-grid-column-min: 22rem;
    }

    .card-header-title {
        color: var(--color-white-smoke);
    }
}