.only-cms {
    display: none;
}


#page {
    .pb-heading.style-light {
        display: inline-flex;
        align-items: center;

        h1,
        h2 {
            font-size: 32px;
            text-transform: uppercase;
            font-weight: 400;

        }

        &:after {
            content: "";
            display: inline-block;
            width: 56px;
            height: 2px;
            background-color: var(--header-accent-color, var(--section-text-color, currentColor));
            margin: 0 24px;
        }
    }

    .program-p1-item {
        --program-p1-height: 300px;
        --programs-p1-card-title-area-height: 85px;
        --side-padding: 20px;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        height: var(--program-p1-height);

        .single-column {
            height: 100%;
            margin-bottom: 0;
            overflow: hidden;
            container-type: inline-size;
            container-name: card;

            &:before {
                content: '';
                position: absolute;
                top: -6px;
                height: 6px;
                width: 100%;
                background-color: var(--programs-p1-border-color, var(--secondary-color));
            }

            .pb-image {
                height: var(--program-p1-height);
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }

            .content-active-wrapper:has(.pb-image) {
                margin-bottom: 0;
            }

            &>.draggable-node-list-container {
                &>.draggable-node-list {
                    position: relative;

                    &:after {
                        content: '';
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: calc(var(--program-p1-height) - var(--programs-p1-card-title-area-height));
                        left: 0;
                        background-color: var(--programs-p1-background-color, var(--primary-color));
                        opacity: .85;
                        z-index: 1;
                        pointer-events: none;
                        transition: opacity .25s linear;
                    }
                }
            }

            .content-active-wrapper:has(.pb-heading) {
                display: flex;
                align-items: center;
                padding: 5px var(--side-padding);
                width: 100%;
                height: calc(var(--programs-p1-card-title-area-height) - 10px);
                margin-bottom: 0;
                /* margin-top: calc(var(--program-p1-height) - var(--programs-p1-card-title-area-height)); */
                transform: translateY(calc(var(--program-p1-height) - var(--programs-p1-card-title-area-height)));
                flex-shrink: 0;
                transition: transform .25s linear;

                z-index: 2;

                h1,
                h2,
                h3,
                h4,
                h5 {
                    color: var(--programs-p1-text-color, #fff);
                    font-weight: 500;

                    --font-size: 20px;
                    --line-height: 1.4;
                    --lines-to-show: 2;

                    display: block;
                    display: -webkit-box;
                    font-size: var(--font-size);
                    line-height: var(--line-height);
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: var(--lines-to-show);

                    @container card (max-width: 350px) {
                        --font-size: 16px;
                    }
                }


            }

            .content-active-wrapper:has(.pb-text) {
                /* max-height: calc(var(--program-p1-height) - var(--programs-p1-card-title-area-height) - 75px); */
                z-index: 2;
                padding: 5px var(--side-padding);
                color: var(--programs-p1-text-color, #fff);
                overflow-y: auto;
                margin-top: 15px;
                max-width: 98%;
                margin-bottom: 0;
                transform: translateY(calc(var(--program-p1-height) - var(--programs-p1-card-title-area-height)));
                transition: transform .25s linear;

                @container card (max-width: 350px) {
                    font-size: 14px;
                }

                &::-webkit-scrollbar {
                    width: 4px;
                }

                &::-webkit-scrollbar-track {
                    background: #f1f1f1;
                }

                &::-webkit-scrollbar-thumb {
                    background: #888;
                }

                &::-webkit-scrollbar-thumb:hover {
                    background: #555;
                }
            }

            .content-active-wrapper:has(.pb-button) {
                /* 40px for the "More" button */
                margin-top: 10px;
                margin-bottom: 15px;
                z-index: 2;
                padding: 5px var(--side-padding);
                flex-shrink: 0;
                transform: translateY(calc(var(--program-p1-height) - var(--programs-p1-card-title-area-height)));
                transition: transform .25s linear;

                .pb-button {
                    .buttons-container {
                        a {
                            color: var(--programs-p1-text-color, #fff);
                            display: inline-block;
                            border-radius: unset;
                            background-color: transparent;
                            min-width: unset;
                            width: auto;
                            height: auto;
                            min-height: unset;
                            margin: 0;
                            text-decoration: underline;

                            .title-text {
                                color: inherit;
                                margin: unset;
                                line-height: 1.4;
                                min-width: unset;
                            }
                        }
                    }
                }
            }

            &:hover {

                &>.draggable-node-list-container {
                    &>.draggable-node-list {

                        &:after {
                            top: 0;
                            opacity: 1;
                        }
                    }
                }

                .content-active-wrapper:has(.pb-heading) {
                    transform: translateY(0);
                    height: auto;
                    margin-top: 15px;

                    h1,
                    h2,
                    h3,
                    h4,
                    h5 {
                        display: block;
                        height: auto;
                        overflow: visible;
                        text-overflow: clip;
                        -webkit-box-orient: initial;
                        -webkit-line-clamp: unset;
                    }
                }

                .content-active-wrapper:has(.pb-text) {
                    transform: translateY(0);
                }

                .content-active-wrapper:has(.pb-button) {
                    transform: translateY(0);
                }
            }
        }

    }
}