.moment.bg-black{
            color:#ffffff;
            background-color: #000000;
        }
        .moment.top-medium-spacing {
            padding-top: 4rem;
        }
        .moment .horizontal-accordion{
            opacity: 0;
            
        }
        .moment .horizontal-accordion.show{
            opacity: 1;
            transition: all 1s ease-in; 
            transition-delay: 0.52s;
        }
        .moment.bottom-medium-spacing {
            padding-bottom: 2rem;
        }

        .moment .mb-5, .my-5 {
            margin-bottom: 2rem !important;
        }

        .moment .mt-2, .my-2 {
            margin-top: .5rem !important;
        }

        .moment .mb-3, .my-3 {
            margin-bottom: 1rem !important;
        }

        .moment .pt-0, .py-0 {
            padding-top: 0 !important;
        }

        .moment .pt-1, .py-1 {
            padding-top: .25rem !important;
        }
        .moment .pb-5, .py-5 {
            padding-bottom: 2rem !important;
        }

        .moment .horizontal-accordion__element img{
            transition: all .5s ease-in-out;
        }
        .moment .horizontal-accordion__element .image-holder:hover{
            cursor: pointer;
        }
        .moment .horizontal-accordion__element .image-holder:hover img{
            transform: scale(1);
            transition: all .5s ease-in-out;
            
        }
        .moment .horizontal-accordion__element.horizontal-accordion__element--active .image-holder:hover{
            cursor: auto;
        }
        .moment .horizontal-accordion__element.horizontal-accordion__element--active .image-holder:hover img{
            transform: scale(1);
            transition: all .5s ease-in-out;
        }
        .moment .horizontal-accordion__plus {
            border: 1px solid #d0d1cf;
            border-radius: 50%;
            padding: .5rem 0;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            width: 2.2rem;
            height: 2.2rem;
        }

        .moment .horizontal-accordion__plus:hover{
            background-color: #ffffff;
        }

        .moment .horizontal-accordion__plus:hover svg path{
            fill:#000000;
        }

        .moment .horizontal-accordion__gradient{
            position: absolute;
            left: 0;
            top: 0;
            background: linear-gradient(.26deg, #000, transparent);
            height: 100%;
            width: 100%;
            opacity: 0;
            transition: all 1s ease-in-out;
        }
        .moment .horizontal-accordion__element--active .horizontal-accordion__gradient{
            opacity: 1;
            transition: all 1s ease-in-out;
        }

        .moment .horizontal-accordion .title-holder{
            opacity: 1;
            transition: all 0.5s ease-in-out;
        }

        .moment .horizontal-accordion .horizontal-accordion__element--active .title-holder{
            opacity: 0;
            transition: all 0.5s ease-in-out;
        }

        .moment .horizontal-accordion .image-holder{
            position: relative;
            width: 100%;
            height: auto;
            overflow: hidden;
            transition: all 0.5s ease-in-out;
        }

       .moment  .horizontal-accordion .image-holder .image-cover{
            padding-top: 33.33%;
            height: auto;
            transition: all 0.5s ease-in-out;
        }   
       .moment  .horizontal-accordion .horizontal-accordion__element--active .image-holder .image-cover{
            padding-top: 100%;
            height: auto;
            transition: all 0.5s ease-in-out;
        }

        .moment .title-holder{
            display: flex;
            width: 100%;
            align-items: center;
            text-align: left !important;
            margin-bottom: 0 !important;
        }
        .moment .title-holder-title{
            flex-grow: 1;
            text-align: left;
            padding-right: 1rem;
        }

        .moment .horizontal-accordion .image-cover{
            position: relative;
            width: 100%;
            overflow: hidden;
        }


        .moment .horizontal-accordion .image-cover img{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;

        }

        .moment .text-center{
            text-align: center;
        }

        .moment .main-text{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            opacity: 0;
            transition: all 1s ease-in-out;
        }
        .moment .horizontal-accordion__element--active .main-text{
            opacity: 1;
            transition: all 1s ease-in-out;
            transition-delay: 0.5s;
        }
        .moment .main-text .main-text-title{
            opacity: 0;
        }
        .moment .horizontal-accordion__element--active .main-text .main-text-title{
            opacity: 1;
        }
        .moment .main-text .main-text-text{
            opacity: 0;
            margin-bottom:1rem;
        }
        .moment .horizontal-accordion__element--active .main-text .main-text-text{
            opacity: 1;
        }

        .moment .moment-title{
            font-size: 2.5rem;
            line-height: 1;
        }
        .moment .main-text-title{
            font-size: 2rem;
            line-height: 1.1;
        }
        .moment p{
            margin-top:0;
            font-size: 1rem;
        }
        .moment p:last-of-type{
            margin-bottom: 0;
        }
        .moment-sub-title{
            font-size: 1.5rem;
        }
        .moment .title-holder-title{
            font-size: 1.5rem;
        }
        .moment .icon-plus{
            padding:5px;
        }
        .moment p.ctas{
            padding-top:0.25rem !important; 
        }
        .moment .cta{
            border: 1px solid #d0d1cf;
            height: 3rem;
            text-align: center;
            font-size: 1rem;
            font-weight: 400;
            text-transform: capitalize;
            align-content: center;
            position: relative;
            min-width: calc(50% - 0.5rem);
            text-decoration: none;
            outline: none;
            color: #ffffff !important;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            transition: all 0.5s ease-in-out;
        }

        .moment .cta:hover{
            transition: all 0.5s ease-in-out;
            color: #000000 !important;
            background-color: #ffffff;
            filter: brightness(1);
        }

        @media (min-width: 768px) {
            .moment.top-medium-spacing {
                padding-top: 4rem;
            }

            .moment.bottom-medium-spacing {
                 padding-bottom: 4rem;
            }
            .moment .mb-md-4, .my-md-4 {
                margin-bottom: 1.5rem !important;
            }

            .moment .mt-md-3, .my-md-3 {
                margin-top: 1rem !important;
            }

            .moment .mb-md-3, .my-md-3 {
                margin-bottom: 1rem !important;
            }

            .moment .mb-md-0, .my-md-0 {
                margin-bottom: 0 !important;
            }
            .moment .pt-md-0, .py-md-0 {
                padding-top: 0 !important;
            }
            .moment .pt-md-5, .py-md-5 {
                padding-top: 2rem !important;
            }

            .moment .pl-md-5, .px-md-5 {
                padding-left: 2rem !important;
            }
            .moment .p-md-0 {
                padding: 0 !important;
            }

            .moment .horizontal-accordion__element.horizontal-accordion__element--active {
                max-width: 50%;
                transition: all 0.5s linear;
            }

            .moment .horizontal-accordion__element {
                max-width: 16.66%;
                transition: all 0.5s linear;
            } 
            .moment .horizontal-accordion__plus {
                padding: .3125rem 0;
            }
            .moment .horizontal-accordion .image-holder{
                height: 340px;
            }
            .moment .horizontal-accordion .image-holder .image-cover{
                padding-top:0;
                height:100%;
            }
            .moment .horizontal-accordion .horizontal-accordion__element--active .image-holder .image-cover{
                padding-top:0;
                height:100%;
            }
            .moment .horizontal-accordion .row{
                margin-left:-8px;
                margin-right:-8px;
            }
            .moment .horizontal-accordion .row > div{
                padding-left: 8px;
                padding-right: 8px;
            }
            .moment .horizontal-accordion__element .image-holder:hover img{
                transform: scale(1.1);
            }
            .moment .main-text{
                padding-bottom: 2rem;
            }
            .moment .main-text .main-text-text{
                margin-bottom:0;
            }
            .moment .title-holder{
                display:block;
            }
            .moment .title-holder-title{
                padding-right: 0;
                text-align: center;
            }
        }

        @media (min-width: 992px) {
            .moment .horizontal-accordion .image-holder{
                height: 460px;
            }
            .moment .moment-title{
                font-size: 4rem;
                line-height: 1;
            }
            .chef-wrapper{
                margin-top:0px !important;
            }
        }

        @media (min-width: 1200px) {
            .moment .pt-xl-5, .py-xl-5 {
                padding-top: 2rem !important;
            }
            .moment.top-medium-spacing {
                padding-top: 4rem;
            }

            .moment.bottom-medium-spacing {
                padding-bottom: 4rem;
            }
            .moment .mt-xl-2, .my-xl-2 {
                margin-top: .5rem !important;
            }
            .moment .horizontal-accordion .image-holder{
                height: 550px;
            }
            .moment .main-text{
                padding-bottom: 3rem;
            }
        }

        @media (min-width: 1400px) {
            .moment .horizontal-accordion .image-holder{
                height: 640px;
            }
        }