:root {
    --padding-side-sm: 1.5rem;
    --padding-side-md: 1.5rem;
    --padding-side-lg: 8rem;
    --padding-side-xl: 10rem;

    --mhc-black: #000000;
    --mhc-white: #ffffff;

    --mhc-yellow: #FFCF1A;
    --mhc-yellow-alt: #FFE369;
    --mhc-yellow-light: #FFF7D2;
    
    --mhc-orange: #FF6A36;

    --mhc-blue: #0085FF;
    --mhc-blue-light: #cce8ff;

    --mhc-pink: #FF4FFF;

    --mhc-green: #71CC02;
}

/* ***************************************** * 
 * Utility                       
 * ***************************************** */
/* Sets offset for navbar */
body.page-template-default {
    overflow-x: hidden;
}

body.page-template-default .block-content {
    position: relative;
    padding-top: 96px;
}

/* Sets color of text blocks that have text-color acf option */
.color--white h1,
.color--white h2,
.color--white h3,
.color--white h4,
.color--white h5,
.color--white h6,
.color--white p,
.color--white a {
    color: var(--mhc-white) !important;
}

.color--black h1,
.color--black h2,
.color--black h3,
.color--black h4,
.color--black h5,
.color--black h6,
.color--black p,
.color--black a {
    color: var(--mhc-black) !important;
}

/* Center aligns base block elements (for older pages) */ 
body.page-template-default .default-block p,
body.page-template-default .default-block ol,
body.page-template-default .default-block ul,
body.page-template-default .default-block h1,
body.page-template-default .default-block h2,
body.page-template-default .default-block h3,
body.page-template-default .default-blockt h4,
body.page-template-default .default-block h5,
body.page-template-default .default-blockt h6,
body.page-template-default .default-block hr {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}

/* Makes Container full width (for custom blocks) */
body.page-template-default article.type-page {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* If translation is setup we need to add extra padding to the first module */
.block-content.css-translation-dropdown section:first-of-type {
    padding-top: 10rem !important;
}

@media screen and (min-width: 700px) {
    .block-content.css-translation-dropdown section:first-of-type {
        padding-top: 6rem !important;
    }
}

/* Background Select Option */
.bg-blue {
    background: var(--mhc-blue);
}

.bg-light-blue {
    background: var(--mhc-blue-light);
}

.bg-yellow {
    background: var(--mhc-yellow);
}

.bg-orange {
    background: var(--mhc-orange);
}

.bg-pink {
    background: var(--mhc-pink);
}

.bg-green {
    background: var(--mhc-green);
}

/* ***************************************** * 
 * Typography                         
 * ***************************************** */
/* Unforunately some importants are used because of conflicts in old stylesheets */
@font-face {
  font-family: "Druk";
  src: url("../assets/fonts/Druk2Bold.woff2") format("woff2"),
    url("../assets/fonts/Druk2Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

.mhc-section a,
.block-content a,
.mhc-section a:hover,
.block-content a:hover {
    color: var(--mhb-black);
}

.mhc-section p,
.block-content p,
.default-block p {
    font-family: "Circular Std", sans-serif !important;
    font-size: 2rem;
    letter-spacing: -0.25px;
    line-height: 2.5rem;
}

.mhc-section p a,
.block-content p a {
    font-weight: 700;
    text-decoration: underline;
}

.mhc-section h1,
.block-content h1  {
    font-family: "Druk", Druk, sans-serif !important;
    font-weight: bold !important;
}

.mhc-section h2,
.block-content h2,
.mhc-spotify h2  {
    font-family: "Druk", Druk, sans-serif !important;
    font-weight: bold !important;
    font-size: 7.2rem;
    letter-spacing: 0;
    line-height: 6.4rem;
    text-transform: uppercase;
}

.mhc-section h3,
.block-content h3 {
    font-family: "Druk", Druk,  sans-serif !important;
    font-weight: bold !important;
    margin: 0 0 1rem 0;
    font-size: 5.5rem;
    line-height: 6rem;
}

.mhc-section h4,
.block-content h4,
h5.headline-small {
    margin-bottom: 2rem;
    font-family: CircularStd-Book, sans-serif;
    font-size: 24px;
    letter-spacing: -0.3px;
    line-height: 22px;
    text-transform: uppercase;
}

.mhc-section h1 a, 
.mhc-section h2 a, 
.mhc-section h3 a, 
.mhc-section h4 a, 
.mhc-section h5 a {
    text-decoration: underline;
}

@media screen and (min-width: 1200px) {
    .mhc-section h2,
    .block-content h2,
    .mhc-spotify h2,
    .headline-large  {
        font-size: 9rem;
        line-height: 8rem;
    }

    .mhc-section h3,
    .block-content h3,
    .headline-medium {
        margin: 0 0 1rem 0;
    }
}

.headline-large  {
    font-size: 7.2rem !important;
    letter-spacing: 0;
    line-height: 6.4rem !important;
    text-transform: uppercase;
}

.headline-medium  {
    margin: 0 0 1rem 0 !important;
    font-size: 5.5rem !important;
    line-height: 6rem !important;
}

@media screen and (min-width: 1200px) {
    .headline-large  {
        font-size: 9rem !important;
        line-height: 8rem !important;
    }
}

p.has-text-align-center {
    text-align: center;
}

.mhc-button {
    appearance: none;
    display: inline-block;

    padding: 1.8rem 3rem;

    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.25px;
    text-align: center;
    text-decoration: none !important;

    min-width: 280px;

    text-transform: uppercase;
    font-weight: 400;

    transition: all 250ms ease;
}

.mhc-button-lowercase {
    display: inline-block;

    padding: 1.8rem 3rem;

    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.25px;
    text-align: center;
    text-decoration: none !important;

    min-width: 280px;

    font-weight: 400;

    transition: all 250ms ease;
}

.outline--white {
    color: var(--mhc-white);
    background: transparent;
    border: 1px solid var(--mhc-white);

    transition: all 250ms ease;
}

.outline--white:hover {
    color: var(--mhc-black) !important;
    text-decoration: none;
    background: var(--mhc-white);
}

.outline--black {
    background: transparent;
    border: 1px solid var(--mhc-black);

    transition: all 250ms ease;
}

.outline--black:hover {
    color: var(--mhc-white) !important;
    text-decoration: none;
    background: var(--mhc-black);
}

/* ***************************************** * 
 * Language Toggle                           
 * ***************************************** */
.lang-dropdown {
    position: absolute;
    top: calc(9.8rem + 4rem);
    right: var(--padding-side-sm);
}

@media screen and (min-width: 700px) {
    .lang-dropdown {
        right: var(--padding-side-md);
    }
}

@media screen and (min-width: 1200px) {
    .lang-dropdown {
        top: calc(9.8rem + 6.5rem);
        right: var(--padding-side-lg);
    }
}

.lang-dropdown a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13.5px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.lang-dropdown__toggle {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    min-height: 2.5rem;
    padding-left: 3rem;
    padding-right: 2rem;
}

.lang-dropdown__toggle:hover {
    text-decoration: none;
}

.lang-dropdown__toggle:before {
    position: absolute;
    top: -2px;
    left: 0;

    display: block;

    width: 2.5rem;
    height: 2.5rem;

    background: url('../assets/images/icon-globe.svg');
    background-repeat: no-repeat;
    background-position: center center;

    content: '';
}

.lang-dropdown__toggle:after {
    position: absolute;
    top: 50%;
    right: 0;

    transform: rotate(0) translateY(-50%);
    transform-origin: top center;

    display: block;

    width: 1.2rem;
    height: 1rem;

    background: url('../assets/images/arrow-lang.svg');
    background-repeat: no-repeat;
    background-position: center center;

    content: '';

    transition: all 250ms cubic-bezier(0.49, 0.07, 0.38, 0.93);
}

.lang-dropdown__panel {
    padding-left: 3rem;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 450ms cubic-bezier(0.49, 0.07, 0.38, 0.93);
}

/* active state */
.lang-dropdown.active .lang-dropdown__panel {
    opacity: 1;
    height: 24px;
}

.lang-dropdown.active .lang-dropdown__toggle:after {
    transform: rotate(180deg) translateY(-50%);
}

/* ***************************************** * 
 * Section: Base Section                       
 * ***************************************** */
.mhc-section {
    padding-right: var(--padding-side-sm);
    padding-left: var(--padding-side-sm);
}

@media screen and (min-width: 700px) {
    .mhc-section {
        padding-right: var(--padding-side-md);
        padding-left: var(--padding-side-md);
    }
}

@media screen and (min-width: 1200px) {
    .mhc-section {
        padding-right: var(--padding-side-lg);
        padding-left: var(--padding-side-lg);
    }
}

/* ********************** *
 * Columns                */
.wp-block-columns {
    padding: 0 var(--padding-side-sm);
}

@media screen and (min-width: 700px) {
    .wp-block-columns {
        display: flex;
        gap: 2rem;

        padding: 0 var(--padding-side-md);
    }

    .wp-block-column {
        flex: 1;
        max-width: 50%;
    }
}

@media screen and (min-width: 1200px) {
    .wp-block-columns {
        display: flex;
        gap: 3rem;
        padding: 0 var(--padding-side-lg);
    }

    .wp-block-columns .wp-block-column p {
        max-width: 640px !important;
        margin: 0 0 2rem 0 !important;
    }
}
/* ***************************************** * 
 * Section: Intro                     
 * ***************************************** */
.section-intro {
    padding: 4rem var(--padding-side-sm);
}

.section-intro__inner {
    max-width: 900px;
}

.section-intro__inner p {
    max-width: 700px;
}

.section-intro .intro-headline {
    margin: 0 0 2rem 0;
    font-size: 8rem;
    line-height: 7.2rem;
    letter-spacing: 0;
    color: var(--mhc-black);
}

.section-intro p {
    margin: 0 0 2rem 0;
    font-size: 2rem;
    letter-spacing: -0.25px;
    line-height: 2.2rem;
}

@media screen and (min-width: 700px) {
    .section-intro {
        padding: 4rem var(--padding-side-md);
    }

    .section-intro .intro-headline {
        font-size: 12rem;
        line-height: 11rem;
    }
}

@media screen and (min-width: 1200px) {
    .section-intro {
        padding: 6.5rem var(--padding-side-lg);
    }

    .section-intro .intro-headline {
        font-size: 20rem;
        line-height: 17rem;
    }
}

/* Section intro Nav */
.section-intro-nav {
    list-style: none;
    margin: 4rem 0 0 0;
    padding: 0;
}

.section-intro-nav li {
    display: inline-block;
    margin-right: 2rem;
}

.section-intro-nav li a {
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.7rem;
    color: var(--mhc-black);
    text-transform: uppercase;
}

@media screen and (min-width: 1200px) {
    .section-intro-nav li {
        margin-right: 4rem; 
    }
}

/* ***************************************** * 
 * Section: Terminology                     
 * ***************************************** */
.section-terms {
    padding: 0 !important;
    background: white;
}

.section-terms__inner {
    display: flex;
    flex-direction: column;
}

.section-terms__inner--content {
    padding: 2rem var(--padding-side-sm) 0;
}

.section-terms__inner--image img {
    display: block;
    max-width: 100%;

    width: auto;
    height: auto;
}

.desktop-image {
    display: none;
}

.terms-list {
    margin-top: 3.5rem;
    padding: 2.5rem 2rem;
    background: var(--mhc-blue-light);
}

.terms-list h4 {
    margin-bottom: 2rem;
    font-family: CircularStd-Book, sans-serif;
    font-size: 24px;
    letter-spacing: -0.3px;
    line-height: 22px;
    text-transform: uppercase;
}

.term-item {
    margin-bottom: 3rem;
}

.term-item h3 {
    margin-bottom: 0.25rem !important;
}

@media screen and (min-width: 700px) {
    .section-terms__inner--content {
        width: 60%;
        padding: 2rem var(--padding-side-md) 0;
    }


    .section-terms__inner--image {
        width: 40%;
    }

    .section-terms__inner {
        flex-direction: row-reverse;
    }

    .mobile-image {
        display: none;
    }

    .desktop-image {
        display: block;
    }
}

@media screen and (min-width: 900px) {
    .section-terms__inner--content {
        width: 50%;
    }


    .section-terms__inner--image {
        width: 50%;
    }
}

@media screen and (min-width: 1200px) {
    .terms-list {
        padding: 4rem;
    }

    .section-terms__inner {
        justify-content: space-between;
    }

    .section-terms__inner--image {
        width: 55%;
       max-width: 800px;
    }

    .section-terms__inner--content {
        width: 45%;
        max-width: 700px;
        
        padding: 7rem var(--padding-side-lg) 0;
    }
}

/* ***************************************** * 
 * Section: "CTA" - 2 column with BG color                      
 * ***************************************** */
.section-cta {
    padding: 4rem var(--padding-side-sm);
}

@media screen and (min-width: 700px) {
    .section-cta {
        padding: 4rem 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .section-cta {
        padding: 7rem var(--padding-side-lg);
    }
}
/* Inner section */
.mhc-cta {
    padding: 2rem;
}

.mhc-cta h2 {
    margin: 0 0 2rem 0;
    max-width: 590px;
}

@media screen and (min-width: 700px) {
    .mhc-cta {
        padding: 4rem;
    }

    .mhc-cta h2 {
        margin: 0;
    }
}

@media screen and (min-width: 1200px) {
    .mhc-cta {
        padding: 7rem 5rem;
    }

    .mhc-cta p {
        margin-bottom: 3rem;
    }
}

@media screen and (min-width: 1350px) {
    .mhc-cta {
        padding: 7rem 6rem 7rem 7rem;
    }
}

/* Inner CTA Grid */
.mhc-cta-grid__right {
    max-width: 540px;
}

@media screen and (min-width: 700px) {
    .mhc-cta-grid {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        grid-gap: 2rem;
    }
}

@media screen and (min-width: 900px) {
    .mhc-cta-grid {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        grid-gap: 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .mhc-cta-grid {
        grid-template-columns: calc(1fr + 30px) 1fr;
        grid-gap: 4rem;
    }
}

/* ***************************************** * 
 * Section: Banner (Small banenr with button)                     
 * ***************************************** */
.section-cta-banner {
    padding: 4rem var(--padding-side-sm);
}

@media screen and (min-width: 700px) {
    .section-cta-banner {
        padding: 4rem 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .section-cta-banner {
        padding: 4rem var(--padding-side-lg) 3.8rem;
    }
}
/* Inner section */
.mhc-banner {
    padding: 2rem;
}

.mhc-banner-content h3 {
    margin: 0 !important;
}

@media screen and (min-width: 700px) {
    .mhc-banner {
        padding: 2.5rem;
    }
}

@media screen and (min-width: 1200px) {
    .mhc-banner {
        padding: 3.5rem 5rem;
    }
}

@media screen and (min-width: 1350px) {
    .mhc-banner {
        padding: 3.5rem 6rem 3.5rem 7rem;
    }
}

/* Banner Specific Styles */
.mhc-banner-text {
    max-width: 520px;
}

.mhc-banner-text p:last-child {
    margin-bottom: 0;
}

.mhc-banner-footer {
    margin-top: 4rem;
}

@media screen and (min-width: 700px) {
    .mhc-banner {
        display: flex;
        justify-content: space-between;
    }

    .mhc-banner-footer {
        margin-top: 0;
        padding-left: 2rem;

        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (min-width: 1200px) {
    .mhc-banner-content {
        display: flex;
        /* max-width: 600px; */
    }

    .mhc-banner-content h3 {
        flex: 1;
        min-width: 230px;
    }

    .mhc-banner-text {
        padding-left: 4rem;
    }
}
/* ***************************************** * 
 * Section:    Photo Carousel                  
 * ***************************************** */

/* ***************************************** * 
 * Section: Drawer Carousel                  
 * ***************************************** */
.section-drawer {
    padding: 4rem var(--padding-side-sm);
}

@media screen and (min-width: 700px) {
    .section-drawer {
        padding: 4rem var(--padding-side-md);
    }
}

@media screen and (min-width: 1200px) {
    .section-drawer {
        padding: 4rem var(--padding-side-lg);
    }
}

.section-drawer__header,
.section-drawer__footer {
    position: relative;
    max-width: 550px;
}

.section-drawer__footer {
    padding: 4rem 0 0 0;
}

.drawer-item {
    margin-bottom: 3rem;
}

.drawer-grid__item:last-child .drawer-item {
    margin-bottom: 0;
}

.drawer-grid {
    margin-top: 4rem;
}

@media screen and (min-width: 700px) {

    .section-drawer__footer {
        padding: 2rem 0;
    }

    .drawer-grid {
        margin-top: 4rem;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .drawer-grid__item {
        width: calc(33% - 30px);
    }

    .drawer-item {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1200px) {
    .section-drawer__footer {
        margin-top: 2rem;
    }

    .drawer-grid {
        gap: 40px;
    }

    .drawer-grid__item {
        width: calc(33% - 80px);
    }
    
}

.drawer-item__header {
    position: relative;
    padding: 1.5rem 2rem;
    cursor: pointer;
}

.drawer-item__header h3 {
    margin: 0;
    font-size: 4rem;
    line-height: 4rem;
}

.drawer-item__body {
    position: relative;
    overflow: hidden;
}

.drawer-item__body--content {
    padding: 2rem;
}

@media screen and (min-width: 700px) {
    .drawer-item__header {
        padding: 1.5rem 1.5rem;
        pointer-events: none;
    }

    .drawer-item__body {
        height: initial !important;
    }

    .drawer-item__body--content {
        padding: 2rem 1.5rem;
    }

}

@media screen and (min-width: 1200px) {
    .drawer-item__header {
        padding: 2rem 2.5rem;
    }

    .drawer-item__header h3 {
        font-size: 5.5rem;
    }

    .drawer-item__body--content {
        padding: 2.5rem 2.5rem;
    }
}

.drawer-item__body hr {
    margin: 2rem 0;
    /* border-color: #D8D8D8; */
}

@media screen and (min-width: 700px) {
    .drawer-item__body hr {
        margin: 3rem 0;
    }
}

.drawer-item__body--bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0.5;
}

.drawer-item__body--content {
    position: relative;
}

.drawer-item__header::before {
    position: absolute;

    top: 50%;
    right: 2rem;
    
    transform: rotate(180deg);
    transform-origin: center;

    width: 25px;
    height: 25px;

    margin-top: -11px;

    display: block;

    content: '';

    background-image: url('/wp-content/themes/mhc/assets/images/arrow-down-black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 11px;

    transition: transform 250ms ease;
}

.drawer-item.active .drawer-item__header::before {
    transform: rotate(0);
}

@media screen and (min-width: 700px) {
    .drawer-item__header::before {
        display: none;
    }
}


/* ***************************************** * 
 * Section: Graphics Grid (Similar to Partners)                  
 * ***************************************** */
.graphic-item {
    padding: 10rem 3rem 11rem 3rem;
}

.graphic-item__img {
    max-width: 100%;

    width: auto;
    height: auto;

    margin-bottom: 4rem;    
}

@media screen and (min-width: 500px) {
    .graphics-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .graphic-item {
        width: 50%;
    }
}

@media screen and (min-width: 900px) {
    .graphics-grid {
        flex-wrap:nowrap;
    }

    .graphic-item {
        width: initial;
        flex: 1;
        padding: 9rem 3rem 11rem 3rem;
    }

    
}
/* ***************************************** * 
 * Section: Testimonials                     
 * ***************************************** */
.section-testimonial {
    padding: 4rem var(--padding-side-sm);
}

@media screen and (min-width: 700px) {
    .section-testimonial {
        padding: 6rem 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .section-testimonial {
        padding: 8rem var(--padding-side-lg) 6.8rem;
    }
}

@media screen and (min-width: 1400px) {
    .section-testimonial {
        padding: 12rem var(--padding-side-lg) 8.8rem;
    }
}

.section-testimonial__inner {
    position: relative;
}


.testimonial-carousel {
    max-width: 940px;
    margin: 0 auto;

    padding: 0 1.5rem 0 1.5rem;
}

.testimonial-carousel-quote {
    position: initial;
    padding-top: 4rem;
}

.testimonial-carousel-name {
    margin-top: 1rem;
}

.testimonial-carousel .slick-arrow {
    position: absolute;
    top: -2rem;
    z-index: 8;

    display: inline-block;

    appearance: none;
    border: none;
    background: transparent;

    width: 40px;
    height: 40px;

    font-size: 1px;
    color: transparent;

    background: url('../assets/images/arrow-left.svg');
    background-size: 18px 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.testimonial-carousel .slick-prev {
    left: 0;
}

.testimonial-carousel .slick-next {
    right: 0;
    transform: rotate(180deg);
}

@media screen and (min-width: 700px) {
    .testimonial-carousel-group {
        padding: 0 4rem;
    }

    .testimonial-carousel {
        padding: 0;
    }

    .testimonial-carousel .slick-arrow {
        top: 40%;
        transform: translateY(-50%);
    }

    .testimonial-carousel .slick-prev {
        left: -2rem;
    }

    .testimonial-carousel .slick-next {
        right: -2rem;
        transform: translateY(-50%) rotate(180deg);
    }
}

@media screen and (min-width: 1000px) {
    .testimonial-carousel .slick-prev {
        left: 0;
    }

    .testimonial-carousel .slick-next {
        right: 0;
    }
}

@media screen and (min-width: 1200px) {
    .testimonial-carousel {
        padding: 0;
    }
}

.testimonial-carousel .slider-count {
    text-align: center;
}

.testimonial-quote {
    font-size: 45px !important;
    line-height: 50px !important;
}

@media screen and (min-width: 1200px) {
    .testimonial-quote {
        font-size: 55px !important;;
        line-height: 60px !important;;
    }
}

/* ***************************************** *
 * Section: Carousel Gallery
 * ***************************************** */
.section-gallery {
    padding: 0 !important;
    overflow: hidden;
}

.section-gallery__content {
    padding: 4rem var(--padding-side-sm);
}

@media screen and (min-width: 700px) {
    .section-gallery {
        position: relative;
        display: flex;
    }

    .section-gallery__content {
        width: 50%;
        padding: 4rem var(--padding-side-md);

        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .gallery-content-wrapper {
        max-width: 530px;
    }

    .gallery-content-wrapper__textarea {
        margin: 2rem 0;
    }

    .section-gallery__gallery {
        min-height: 100%;
        display: flex;
        width: 50%;
    }
}

@media screen and (min-width: 1200px) {
    .section-gallery__content {
        padding: 8rem var(--padding-side-lg);
    }
}

.photo-gallery {
    position: relative;
}

.photo-gallery,
.photo-gallery img {
    max-width: 100%;
}

@media screen and (min-width: 7000px) {
    .photo-gallery,
    .photo-gallery .slick-slide {
        max-width: 50vw;
    }
}

.photo-gallery .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 8;

    display: inline-block;

    appearance: none;
    border: none;
    background: transparent;

    width: 40px;
    height: 40px;

    font-size: 1px;
    color: transparent;

    background: url('../assets/images/arrow-left-white.svg');
    background-size: 18px 20px;
    background-position: left center;
    background-repeat: no-repeat;

    transform: translateY(-50%);
    transform-origin: center center;
}

.photo-gallery .slick-prev  {
    left: 2rem;
}

.photo-gallery .slick-next {
    right: 2rem;
    background: url('../assets/images/arrow-right-white.svg');
    background-size: 18px 20px;
    background-position: right center;
    background-repeat: no-repeat;
}

.photo-gallery .slider-count {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;

    width: 100%;
    text-align: center;
}

.photo-gallery .slider-count p {
    color: var(--mhc-white) !important;
}

.photo-gallery .slick-list {
    height: 100%;
}

.photo-gallery .slick-track {
    display: flex !important;
    height: 100%;
}

.photo-gallery .slick-slide {
    height: inherit !important;

    overflow: hidden;

    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.photo-gallery .slick-slide img {
    min-height: 100%;
    min-width: 100%;

    max-width: initial;
    object-fit: cover;
}


/* ***************************************** *
 * Section: Form
 * ***************************************** */
.section-form {
    background: var(--mhc-black);
    padding: 2rem var(--padding-side-sm);

    overflow-x: hidden;
}

@media screen and (min-width: 700px) {
    .section-form {
        padding: 4rem var(--padding-side-md);
    }

    .section-form__inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .form-content-wrapper {
        max-width: 520px;
    }

    .section-form__inner--right {
        padding-left: 2rem;
    }
}

@media screen and (min-width: 1200px) {
    .section-form {
        padding: 7rem var(--padding-side-lg);
    }
}

.form-content-wrapper form input[type="text"] {
    position: relative;
    padding: 1rem 0;
    opacity: 0.5;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: -0.19px;
    line-height: 22px;
    background: transparent;
    border:  none;
    /* border-bottom: 1px solid var(--mhc-white); */
    
    box-sizing: border-box;
}

.form-content-wrapper form .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 2rem;
    max-width: 100%;
}

.form-content-wrapper form .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -2.5rem;
    left: 0;

    font-size: 1.25rem;
    letter-spacing: -0.25px;
    line-height: 2.2rem;
}

.wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2rem 0 0 0;

    padding: 2rem;

    color: var(--mhc-white);
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--mhc-green);
}

.wpcf7-form.sent p {
    display: none;
}

.form-content-wrapper form .wpcf7-form-control-wrap::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;

    background: var(--mhc-white);

    display: block;

    content: '';
}

.form-content-wrapper form input::placeholder {
    text-transform: uppercase;
}

.form-response {
    margin-top: 6rem;
    padding: 3rem;
    position: relative;
    min-height: 100%;
    background: rgba(216, 216, 216, 0.2);
}

.form-response p.quote {
    font-size: 3rem;
    line-height: 3.1rem;
    letter-spacing: -0.25rem;
}

.mhc-section .form-response p.name {
    opacity: 0.5;
    font-size: 20px;
    letter-spacing: -0.25px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 400;

}

@media screen and (min-width: 700px) {
    .form-response {
        margin-top: 0;
        max-width: 600px;
        margin: 0 auto;

        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (min-width: 1200px) {
    .form-response {
        padding: 4rem 7rem;
    }
}
/* ***************************************** *
 * Section: Spotify
 * ***************************************** */
.section-spotify {
    padding: 4rem var(--padding-side-sm);
}

@media screen and (min-width: 700px) {
    .section-spotify {
        padding: 4rem 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .section-spotify {
        padding: 7rem var(--padding-side-lg);
    }
}
/* Inner section */

@media screen and (min-width: 700px) {
    .mhc-spotify h2 {
        margin: 0;
    }
}

/* Inner CTA Grid */
.mhc-spotify-footer {
    margin-top: 4rem;
}

.mhc-cta-grid__right {
    max-width: 540px;
}

@media screen and (min-width: 700px) {
    .mhc-cta-grid {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        grid-gap: 2rem;
    }
}

@media screen and (min-width: 900px) {
    .mhc-cta-grid {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        grid-gap: 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .mhc-cta-grid {
        grid-template-columns: calc(1fr + 30px) 1fr;
        grid-gap: 4rem;
    }
}

/* ***************************************** *
 * Section: 2-Col (Possibly not needed)
 * ***************************************** */
.section-2-col {
    padding: 0 !important;
    overflow: hidden;

}

.section-2-col__right--image img {
    mix-blend-mode: multiply;
    display: block;
    width: 100%;
    height: auto;

    transform: scale(1);
    transform-origin: center;
}

.section-2-col__left {
    padding: 4rem var(--padding-side-sm);
}

.section-2-col-intro {
    max-width: 550px;
    margin-bottom: 4rem;
}

.section-2-col-body {
    max-width: 610px;
}

.section-2-col h3 {
    margin-top: 3rem;
}

@media screen and (min-width: 700px) {
    .section-2-col {
        display: flex;
        flex-direction: row-reverse;
    }

    .section-2-col__left {
        width: calc(50% + 5px);
        padding: 4rem var(--padding-side-sm) 2rem var(--padding-side-md) ;
    }

    .section-2-col__right {
        width: calc(50% - 5px);
    }

    .section-2-col__right.align-top {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .section-2-col__right.align-bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }


    .section-2-col__right--image {
        overflow: hidden;
    }
}

@media screen and (min-width: 1200px) {
    .section-2-col__left {
        width: 50%;
        padding: 6rem 0 2rem var(--padding-side-lg);
    }

    .section-2-col__right {
        width: 50%;
    }

    .section-2-col__right--image img {
        transform: scale(1.05);
        transform-origin: center;

        display: block;
        width: 100%;
        height: auto;
    }
}


/* ***************************************** *
 * Section: Numbered List             
 * ***************************************** */
.section-numbered-list {
   padding: 4rem var(--padding-side-sm) 4rem;
}

@media screen and (min-width: 700px) {
    .section-numbered-list {
        padding: 5rem var(--padding-side-md) 4rem;
    }

    .section-numbered-list__header {
        width: 75%;
        max-width: 580px;
    }
}

@media screen and (min-width: 1200px) {
    .section-numbered-list {
        padding: 7rem var(--padding-side-lg) 5rem;
    }
    .section-numbered-list__header {
        width: 50%;
    }
}

.number-list-grid {
    margin-top: 4rem;
}

.number-list-item {
    padding: 0 2rem;
    margin-bottom: 2rem;
}

.number-list-item__label h5 {
    font-size: 20rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}
.number-list-item__content {
    max-width: 350px;
}

@media screen and (min-width: 700px) {
    .number-list-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .number-list-item {
        padding: 0 4rem;
    }

    .number-list-item__content {
        max-width: 305px;
    }
}

@media screen and (min-width: 1200px) {
    .number-list-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 3rem;
    }

    .number-list-item {
        padding: 0;
    }
}

/* ***************************************** *
 * Section: Partners              
 * ***************************************** */
.section-partners__header {
    padding: 4rem var(--padding-side-sm) 2rem;
}

@media screen and (min-width: 700px) {
    .section-partners__header {
        padding: 4rem var(--padding-side-md) 2rem;
    }
}

@media screen and (min-width: 1200px) {
    .section-partners__header {
        padding: 4rem var(--padding-side-lg) 2rem;
    }
}

.partners-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 700px) {
    .partners-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}


.partner-item {
    position: relative;
    border-top: 1px solid #000;
    border-left: 1px solid #000;

    padding: 1rem 2rem;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    aspect-ratio: 1;

    cursor: pointer;
    overflow: hidden;
}

.partner-item:nth-child(odd) {
    border-left: none;
}

.partners-grid.odd .partner-item:last-child {
    border-right: 1px solid #000;
}

@media screen and (min-width: 700px) {
    .partner-item {
        aspect-ratio: 1.23;
    }

    .partner-item:nth-child(odd) {
        border-left: 1px solid #000;
    }

    .partner-item:nth-child(4n + 1) {
        border-left: none;
    }
}

@media screen and (min-width: 1200px) {
    .partner-item {
        padding: 0 4rem;
    }
}

@media screen and (min-width: 1600px) {
    .partner-item {
        aspect-ratio: 1.8;
    }
}

.partner-item:hover .partner-item__content {
    opacity: 1;
}

.partner-item img {
    max-height: 120px;
    max-width: 100%;

    width: auto;
    height: auto;
}

@media screen and (min-width: 700px) {
    .partner-item img {
        max-height: 100px;
    }
}

@media screen and (min-width: 1000px) {
    .partner-item img {
        max-height: 130px;
    }
}

@media screen and (min-width: 1200px) {
    .partner-item img {
        max-height: 150px;
    }
}

.partner-item__content {
    opacity: 0;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 1px);

    overflow-y: auto;

    color: var(--mhc-white);
    background: var(--mhc-black);
    transition: all 250ms cubic-bezier(0.49, 0.07, 0.38, 0.93);
}

.partner-item__content--link {
    display: block;

    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    
    width: 22px;
    height: 22px;

    background: url('/wp-content/themes/mhc/assets/images/icon-share.svg');
    background-size: 22px 22px;
    background-position: center center;
    background-repeat: no-repeat;
}

.partner-item__content--inner {
    padding: 2rem;
}

.partner-item__content h3 {
    font-size: 2.45rem;
    line-height: 2.45rem;
    letter-spacing: 0;
    padding-right: 2rem;
}

.partner-item__content p {
    font-size: 1.3rem;
    line-height: 1.4rem;
    letter-spacing: -0.16px;
}

@media screen and (min-width: 1200px) {
    .partner-item__content h3 {
        font-size: 35px;
        line-height: 35px;
    }

    .partner-item__content p {
        font-size: 1.6rem;
        letter-spacing: -0.2px;
        line-height: 2rem;
    }
}

.partner-text-content {
    max-width: 250px;
}

.partner-text-content p {
    color: var(--mhc-white);
}


/* ***************************************** *
 * Section: Headline Block              
 * ***************************************** */
.section-headline-block {
    padding: 4rem var(--padding-side-sm) 3rem;
}

@media screen and (min-width: 700px) {
    .section-headline-block {
        padding: 4rem var(--padding-side-md) 3rem;
    }
}

@media screen and (min-width: 1200px) {
    .section-headline-block {
        padding: 6rem var(--padding-side-lg) 5rem;
    }
}
/* ***************************************** *
 * Section: Resources              
 * ***************************************** */
/* Overall Section */ 
.section-resources {
    padding-top: 7rem;
    padding-bottom: 4rem;

    color: #fff;
    background: var(--mhc-black);
}

.section-resources a {
    color: #fff;
}

@media screen and (min-width: 1200px) {
    .section-resources {
        padding-top: 10rem;
        padding-bottom: 6rem;
    }
}

/* Resource Tag */ 
.section-resources h2.resource-label {
    font-size: 80px;
}

@media screen and (min-width: 700px) {
    .section-resources h2.resource-label {
        font-size: 90px;
    }
}

@media screen and (min-width: 1200px) {
    .section-resources h2.resource-label {
        font-size: 144px;
    }
}

/* Resource Header */ 
.resource-header-content {
    margin: 2rem 0;
}

.section-resource-tag {
    position: relative;

    padding-top: 2rem;
    margin-top: 7rem;

    background: var(--mhc-black);

    border-top: 1px solid var(--mhc-white);
}

.section-resource-tag div.tag-clamp {
    max-width: 490px;
}

@media screen and (min-width: 700px) {
    .resource-header-content {
        margin: 0 0 2rem 0;
    }

    .section-resources__header {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .section-resource-tag {
        padding-top: 0;
        margin-top: 7rem;

        border-top: none;
    }

    .section-resource-tag::before {
        position: absolute;
        top: 1.2rem;
        left: 0;
        z-index: 1;

        width: 100%;
        height: 1px;

        background: var(--mhc-white);

        content: '';
    }

    .section-resource-tag div {
        position: relative;
        z-index: 2;

        background: var(--mhc-black);
        padding-right: 2rem;
        display: inline-block;
    }
}

@media screen and (min-width: 1200px) {
    .resource-header-content {
        margin: 0 0 4rem 0;
    }

    .section-resources__header--right {
        padding-left: 4rem;
    }

    .section-resources__header--right p {
        max-width: 560px;
    }
}

/* Resource List */ 
.resource-item {
    margin-top: 3rem;
}

.resource-item-link {
    position: relative;
    text-decoration-thickness: 3px;
}

.resource-item-link:hover::before {
    transform: translate(1px, -1px);
}

.resource-item-link::before {
    position: absolute;
    top: 0.5rem;
    right: -3rem;

    display: block;

    width: 22px;
    height: 22px;
    background: url('/wp-content/themes/mhc/assets/images/icon-share.svg');
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;

    content: '';

    transition: all 250ms ease;
}

@media screen and (min-width: 700px) {
    .resource-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem;
    }

    .resource-item {
        max-width: 410px;
    }
}

@media screen and (min-width: 1200px) {
    .resource-list {
        grid-gap: 4rem;
        margin-top: 4rem;
    }

    .resource-item-link {
        text-decoration-thickness: 5px;
        text-underline-offset: 4px;
    }
}

/* Footer */
.resource-footer {
    margin-top: 6rem;
}

.resource-footer__caption {
    margin-top: 4rem;
}

.download-button {
    position: relative;
    padding-right: 6.5rem !important;

    color: var(--mhc-black) !important;
    background: var(--mhc-blue);

    text-decoration: none !important;
}

.download-button::before {
    position: absolute;
    top: 1.6rem;
    right: 3rem;

    width: 24px;
    height: 27px;

    display: block;

    background: url('/wp-content/themes/mhc/assets/images/icon-download.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;

    content: '';
}

.download-button:hover {
    text-decoration: none !important;
    color: var(--mhc-black);
    background: var(--mhc-white);
}



/* ***************************************** *
 * Section: Appendix              
 * ***************************************** */
.section-appendix {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media screen and (min-width: 700px) {
    
}


@media screen and (min-width: 1200px) {
    .section-appendix {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}

.accordion-item__header {
    position: relative;

    cursor: pointer;
}

@media screen and (min-width: 1200px) {
    .accordion-item__header {
        margin-bottom: 1.5rem;
    }
}

.accordion-item__content {
    overflow: hidden;
}

.accordion-item__header::before {
    position: absolute;

    top: 50%;
    right: 0;
    
    transform: rotate(180deg);
    transform-origin: center;

    width: 25px;
    height: 25px;

    margin-top: -11px;

    display: block;

    content: '';

    background-image: url('/wp-content/themes/mhc/assets/images/arrow-down-black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 11px;

    transition: transform 250ms ease;
}

.accordion-item.active .accordion-item__header::before {
    transform: rotate(0);
}

/* Appendix List */
.appendix-list {
    list-style: none;
    padding: 0.5rem 0 0 0;
    margin: 0;
}

.appendix-list li {
    font-size: 18px;
    letter-spacing: -0.22px;
    line-height: 20px;
    padding-bottom: 2rem;
}

.appendix-list li a {
    text-decoration: underline;
}

@media screen and (min-width: 700px) {
    .appendix-list {
        columns: 2;
        column-gap: 3rem;
    }
}

@media screen and (min-width: 1200px) {
    .appendix-list {
        column-gap: 3rem;
    }
}

/* ***************************************** * 
 * Section: Tools;                 
 * ***************************************** */

.section-tools {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: var(--mhc-yellow-light);
}

.section-tools .clamp {
    max-width: 1030px;
}

.section-tools__header {
    margin-bottom: 2rem;
}

.section-tools__header h2 {
    margin-bottom: 1rem;
}

.section-tools__header p {
    max-width: 910px;
}

@media screen and (min-width: 1200px) {
    .section-tools {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .section-tools__header {
       margin-bottom: 4rem;
    }
}

/* Tools drawer header */
.tools {
    margin-bottom: 1.2rem;
}

.tools__nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 1rem;
    
    margin-bottom: 1rem;
}

.tools__nav--item {
    position: relative;

    display: block;

    align-items: center;
    justify-content: center;

    min-height: 120px;
    
    padding: 1.2rem 0.8rem;

    text-align: center;
    
    border: 1px solid var(--mhc-black);

    transition: all 150ms ease;
}

/*
.tools__nav--item.active {
    background: var(--mhc-yellow);
    border-color: var(--mhc-yellow);
}
*/

.tools__nav--item::after {
    position: absolute;
    bottom: 0.25rem;
    right: 0.25rem;

    display: block;

    width: 16px;
    height: 16px;

    background: url('../../assets/images/icon-expand.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;

    opacity: 1;

    transition: all 150ms ease;

    content: '';
}

.tools__nav--item.active::after {
    opacity: 0;
}

.tools__nav--item span {
    position: relative;
    min-height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;

    /* border: 1px solid var(--mhc-black); */

    font-family: "Druk", sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 31px;

    text-decoration: none;
    text-decoration-thickness: 3px;
}

.tools__nav--item.active span {
    text-decoration: underline;
}

@media screen and (min-width: 700px) {
    .tools__nav {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: initial;
    }

    .tools__nav--item {
        padding: 1.2rem 0.5rem;
    }

    .tools__nav--item span {
        padding: 0.8rem 0;
    }

    .tools__nav--item::before {
        position: absolute;
        bottom: -2rem;
        left: -1px;

        z-index: -1;

        width: calc(100% + 2px);
        height: 2rem;

        content: '';

        transition: all 150ms ease;
        transition-delay: 1s ease;
    }

    .tools__nav--item.active::before {
       bottom: -1rem;
       z-index: 0;
    }
}

@media screen and (min-width: 1200px) {
    .tools__nav--item::before {
        height: 3rem;
    }

    .tools__nav--item.active::before {
       bottom: -2rem;
    }

    .tools__nav {
        grid-gap: 1.2rem;

        margin-bottom: 1.2rem;
    }

    .tools__nav--item span {
        padding: 1.5rem 0.5rem;

        font-size: 45px;
        line-height: 45px;
        text-decoration-thickness: 5px;
        text-underline-offset: 4px;
    }
}

/* Tools drawer content */
.tools__body {
    transform: translateY(-1px);
}

.tools__body--item {
    display: none;
    opacity: 0;

    padding: 4rem 2rem;
}

.tools__body--item.active {
    display: block;
    opacity: 1;
}

.tool-card div:first-child {
    padding-bottom: 2rem;
}

.tool-card div:last-child {
    padding-left: 0.2rem;
}

@media screen and (min-width: 700px) {
    .tool-card {
        display: flex;
    }

    .tool-card div {
        width: 50%;
    }

    .tool-card div:first-child {
        padding-bottom: 0;
        padding-right: 4rem;
    }
}

@media screen and (min-width: 768px) {
    .tools__body--item {
        padding: 6rem 4rem;
    }

    .tool-card div:first-child {
        padding-right: 8rem;
    }
}

/* ***************************************** * 
 * Section: Carousel (Left)               
 * ***************************************** */

.section-carousel-left {
    padding: 0 !important;
    overflow: hidden;
}

.section-carousel-left__inner--image img {
    mix-blend-mode: multiply;
    display: block;
    width: 100%;
    height: auto;

    transform: scale(1);
    transform-origin: center;
}

.section-carousel-left__inner--content {
    padding: 2rem var(--padding-side-sm) 4rem;
}


@media screen and (min-width: 700px) {
    .section-carousel-left__inner {
        display: flex;
        flex-direction: row-reverse;
    }

    .section-carousel-left__inner--image {
        width: calc(50% - 5px);
    }

    .section-carousel-left__inner--image.align-top {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .section-carousel-left__inner--image.align-bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .section-carousel-left__inner--content {
        width: calc(50% + 5px);

        padding-left: var(--padding-side-md);

        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}


@media screen and (min-width: 1200px) {
    .section-carousel-left__inner--image {
        width: 50%;

    }

    .section-carousel-left__inner--image img {
        transform: scale(1);
        transform-origin: center;
    }

    .section-carousel-left__inner--content {
        width: 50%;
        padding-top: 4rem;
        padding-left: var(--padding-side-lg);
    }

    .section-carousel-left__inner--content .clamp {
        max-width: 620px;
    }
}

/* ***************************************** * 
 * Section: Carousel Right                  
 * ***************************************** */
.section-carousel-right {
    padding: 0 !important;
    overflow: hidden;
}

.section-carousel-right__inner--image img {
    mix-blend-mode: multiply;
    display: block;
    width: 100%;
    height: auto;

    transform: scale(1);
    transform-origin: center;
}

.section-carousel-right__inner--content {
    padding: 2rem var(--padding-side-sm) 0;
}


@media screen and (min-width: 700px) {
    .section-carousel-right__inner {
        display: flex;
    }

    .section-carousel-right__inner--image {
        width: calc(50% - 5px);
    }

    .section-carousel-left__inner--image.align-top {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .section-carousel-left__inner--image.align-bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .section-carousel-right__inner--content {
        width: calc(50% + 5px);

        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}


@media screen and (min-width: 1200px) {
    .section-carousel-right__inner--image {
        width: 50%;
    }

    .section-carousel-right__inner--image img {
        transform: scale(1);
        transform-origin: center;
    }

    .section-carousel-right__inner--content {
        width: 50%;
        padding-top: 4rem;
    }

    .section-carousel-right__inner--content .clamp {
        max-width: 620px;
    }
}
    
.footer-carousel-right {
    padding: 2rem var(--padding-side-sm);   
}

.footer-carousel-right p {
    max-width: 910px !important;
    margin: 0 !important;
}

@media screen and (min-width: 768px) {
    .footer-carousel-right {
        padding: 2rem var(--padding-side-md) 4rem;   
    }
}

@media screen and (min-width: 1200px) {
    .footer-carousel-right {
        padding: 3rem var(--padding-side-lg) 5rem;   
    }
}

/* ***************************************** * 
 * Cards (Carousel Content)                      
 * ***************************************** */
.card-carousel {
    position: relative;

    margin-top: 2rem; 
}

.card-carousel.narrow {
    max-width: 480px;
}

.card-carousel .slider-count {
    text-align: center;
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
}

.card-carousel .slider-count p {
    font-size: 1.6rem;
}
@media screen and (min-width: 700px) {
    .card-carousel {
        margin: 3rem 0; 
    }
}

@media screen and (min-width: 1200px) {
    .card-carousel {
        margin: 4rem 0; 
    }
}

.card-carousel.slick-initialized {
    opacity: 1;
}

.card-carousel .slick-track {
    display: flex !important;
}

.card-carousel .slick-slide {
    height: inherit !important;
}

.card-carousel .slick-arrow {
    position: absolute;
    top: 4rem;
    z-index: 8;

    display: inline-block;

    appearance: none;
    border: none;
    background: transparent;

    width: 40px;
    height: 40px;

    font-size: 1px;
    color: transparent;

    background: url('../assets/images/arrow-left.svg');
    background-size: 18px 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.card-carousel .slick-prev {
    left: 2rem;
}

.card-carousel .slick-next {
    right: 2rem;
    transform: rotate(180deg);
}

.solid-card {
    padding: 3rem 2rem 7rem 2rem;
    /* background: var(--mhc-yellow-alt); */
    background: rgba(255, 255, 255, 0.4);
}

.solid-card.light-yellow {
    background: var(--mhc-yellow-alt);
}

.solid-card.light-blue {
    background: var(--mhc-blue-light);
}

.outline-card {
    padding: 3rem 2rem 7rem 2rem;
    /* background: var(--mhc-yellow-alt); */
    background: rgba(255, 255, 255, 0.4);

    border: 1px solid var(--mhc-black);
}

@media screen and (min-width: 700px) {
    .card-carousel .slick-arrow {
        position: absolute;
        top: 4.5rem;
    }
    .outline-card {
        padding: 3rem 4rem 7rem 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .solid-card {
        padding: 4rem 2.5rem 9rem 2.5rem;
    }

    .outline-card {
        padding: 4rem 2.5rem 7rem 2.5rem;
    }

    .card-carousel .slick-prev {
        left: 2.5rem;
    }

    .card-carousel .slick-next {
        right: 2.5rem;
    }
}

.solid-card h3.card-title {
    text-align: center;
    line-height: 55px;
    padding: 0 50px;
    margin: 0;
    margin-bottom: 1.5rem;
}

.solid-card p {
    max-width: 450px;
    margin: 0 auto;

    font-weight: 700;
}

.outline-card h3.card-title {
    text-align: center;
    line-height: 55px;
    padding: 0 50px;
    margin: 0;
    margin-bottom: 1.5rem;
}

.outline-card p {
    max-width: 450px;
    margin: 0 auto;

    font-weight: 700;
}

.outline-card h4 {
    margin: 2.5rem auto;
}

@media screen and (min-width: 700px) {
    .solid-card h3.card-title {
        padding: 0 40px;
    }

    .outline-card h3.card-title {
        padding: 0 40px;
    }
}

@media screen and (min-width: 1200px) {
    .solid-card h3.card-title {
        padding: 0 5rem;
        margin-bottom: 2.5rem;
    }

    .outline-card {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .outline-card h3.card-title {
        padding: 0 5rem;
        margin-bottom: 2.5rem;
    }
}