/************************************************************************************************************************************************

    ██╗███╗   ██╗ ██████╗██╗     ██╗   ██╗██████╗ ███████╗    ███████╗ ██████╗██╗  ██╗ ██████╗  ██████╗ ██╗         ██████╗  ██████╗ ██╗  ██╗
    ██║████╗  ██║██╔════╝██║     ██║   ██║██╔══██╗██╔════╝    ██╔════╝██╔════╝██║  ██║██╔═══██╗██╔═══██╗██║         ██╔══██╗██╔═══██╗╚██╗██╔╝
    ██║██╔██╗ ██║██║     ██║     ██║   ██║██║  ██║█████╗      ███████╗██║     ███████║██║   ██║██║   ██║██║         ██████╔╝██║   ██║ ╚███╔╝ 
    ██║██║╚██╗██║██║     ██║     ██║   ██║██║  ██║██╔══╝      ╚════██║██║     ██╔══██║██║   ██║██║   ██║██║         ██╔══██╗██║   ██║ ██╔██╗ 
    ██║██║ ╚████║╚██████╗███████╗╚██████╔╝██████╔╝███████╗    ███████║╚██████╗██║  ██║╚██████╔╝╚██████╔╝███████╗    ██████╔╝╚██████╔╝██╔╝ ██╗
    ╚═╝╚═╝  ╚═══╝ ╚═════╝╚══════╝ ╚═════╝ ╚═════╝ ╚══════╝    ╚══════╝ ╚═════╝╚═╝  ╚═╝ ╚═════╝  ╚═════╝ ╚══════╝    ╚═════╝  ╚═════╝ ╚═╝  ╚═╝

 ***********************************************************************************************************************************************/




.include-school-box {
}

    .include-school-box .sr-only {
        display: none;
    }

    .include-school-box a {
    }

        .include-school-box a:is( :hover ) {
            opacity: 0.6;
        }

        .include-school-box a:is( :focus, :active ) {
            outline: var(--nvm-main-link-outline);
        }

        .include-school-box .include-school-box__image {
            position: relative;
            display: flex;
        }

            .include-school-box .include-school-box__image span.active-status-badge,
            .include-school-box .include-school-box__image span.non-active-status-badge {
                position: absolute;
                top: 10px;
                right: 10px;
                display: inline;
                font-size: 18px;
                border-radius: 30px;
                padding: 8px 20px;
            }

            .include-school-box .include-school-box__image span.active-status-badge {
                color: var(--nvm-color-old-mauve);
                background: var(--nvm-color-coral);
            }

            .include-school-box .include-school-box__image span.non-active-status-badge {
                color: var(--nvm-color-white);
                background: var(--nvm-color-old-mauve);
            }

        .include-school-box .include-school-box__text {
            background: #FFF7F5 !important;
            padding: calc( var( --nvm-grid-rhythm ) * 0.5 );
        }

            .include-school-box .include-school-box__text .dates {
                font-size: 16px;
                color: var(--nvm-color-old-mauve);
            }

            .include-school-box .include-school-box__text h2.title {
                font-size: 24px;
                font-weight: 900;
                line-height: 1.3em;
                color: var(--nvm-color-dark-mauve);
                margin: .7em 0 .5em;
            }

                html:not( .laptop ) .include-school-box .include-school-box__text h2.title {
                    font-size: 21px;
                    line-height: 1.2em !important;
                }

            .include-school-box .include-school-box__text .details {
                border-top: 1px solid var(--nvm-color-old-mauve);
                border-bottom: 1px solid var(--nvm-color-old-mauve);
                padding: 1.2em 0;
                margin: 0 0 1.2em 0;
            }

                .include-school-box .include-school-box__text .details p {
                    font-size: 16px;
                    color: var(--nvm-color-dark-mauve);
                }

                    .include-school-box .include-school-box__text .details p .attendance,
                    .include-school-box .include-school-box__text .details p .location,
                    .include-school-box .include-school-box__text .details p .trainers,
                    .include-school-box .include-school-box__text .details p .price {
                        color: var(--nvm-color-old-mauve);
                    }

                    .include-school-box .include-school-box__text .details .status-buttons {
                        margin-top: 1.2em;
                    }

                    .include-school-box .include-school-box__text .details .status-buttons .active-status-button {
                        display: inline;
                        font-size: 16px;
                        color: var(--nvm-color-old-mauve);
                        background: var(--nvm-color-coral);
                        border-radius: 30px;
                        padding: 4px 10px;
                        margin-right: 4px;
                        margin-bottom: 8px;
                    }

                    .include-school-box .include-school-box__text .details .status-buttons .non-active-status-button {
                        display: inline;
                        font-size: 16px;
                        color: var(--nvm-color-white);
                        background: var(--nvm-color-old-mauve);
                        border-radius: 30px;
                        padding: 4px 10px;
                        margin-right: 4px;
                        margin-bottom: 8px;
                    }

            .include-school-box .include-school-box__text .excerpt {
                font-size: 16px;
                color: var(--nvm-color-text);
                margin-bottom: 1.2em;
            }

            .include-school-box .cta-box p.read-more {
                font-size: 16px;
                font-weight: 600;
                color: var(--nvm-color-dark-mauve);
            }