/***************************************************************************************************************************

    ██╗███╗   ██╗ ██████╗██╗     ██╗   ██╗██████╗ ███████╗    ███████╗ ██████╗██╗  ██╗ ██████╗  ██████╗ ██╗     ███████╗
    ██║████╗  ██║██╔════╝██║     ██║   ██║██╔══██╗██╔════╝    ██╔════╝██╔════╝██║  ██║██╔═══██╗██╔═══██╗██║     ██╔════╝
    ██║██╔██╗ ██║██║     ██║     ██║   ██║██║  ██║█████╗      ███████╗██║     ███████║██║   ██║██║   ██║██║     ███████╗
    ██║██║╚██╗██║██║     ██║     ██║   ██║██║  ██║██╔══╝      ╚════██║██║     ██╔══██║██║   ██║██║   ██║██║     ╚════██║
    ██║██║ ╚████║╚██████╗███████╗╚██████╔╝██████╔╝███████╗    ███████║╚██████╗██║  ██║╚██████╔╝╚██████╔╝███████╗███████║
    ╚═╝╚═╝  ╚═══╝ ╚═════╝╚══════╝ ╚═════╝ ╚═════╝ ╚══════╝    ╚══════╝ ╚═════╝╚═╝  ╚═╝ ╚═════╝  ╚═════╝ ╚══════╝╚══════╝

 **************************************************************************************************************************/




/* Archive page. */
.tablet .post-type-archive-include-schools .content-main .panel {
    padding: 0;
}

.post-type-archive-include-schools {
}

    .post-type-archive-include-schools .content-main .include-school-box .row {
        margin-left: 0;
        margin-right: 0;
    }



/* Single page. */
.single-include-school-header {
    position: relative;
}

    .single-include-school-header .intro-box {
    }

        .single-include-school-header .intro-box .title {
            line-height: 1.2em;
        }

        .single-include-school-header .intro-box p.custom-author {
            font-size: 24px !important;
            font-weight: 600;
            color: var(--nvm-color-dark-mauve);
        }

        .single-include-school-header .intro-box .excerpt p {
            font-size: 21px;
        }

    .single-include-school-header .info-box {
        display: flex;
        justify-content: center;
    }
        .single-include-school-header .info-box ul.include-school-info li {
            font-size: 16px;
            font-weight: 600;
            color: var(--nvm-color-dark-mauve);
        }

        .single-include-school-header .info-box ul.include-school-info li:not( :last-child ) {
            margin-bottom: 1em;
        }
        
            .single-include-school-header .info-box ul.include-school-info li.include-school-date .date,
            .single-include-school-header .info-box ul.include-school-info li.include-school-time .time,
            .single-include-school-header .info-box ul.include-school-info li.include-school-details .attendance,
            .single-include-school-header .info-box ul.include-school-info li.include-school-details .location,
            .single-include-school-header .info-box ul.include-school-info li.include-school-trainers .trainers,
            .single-include-school-header .info-box ul.include-school-info li.include-school-price .price {
                color: var(--nvm-color-old-mauve);
            }

            html:not( .tablet ) .single-include-school-header .info-box ul.include-school-info li.include-school-details .separator,
            html:is( .tablet ) .single-include-school-header .info-box ul.include-school-info li.include-school-details .line-break {
                display: none;
            }

            html:not( .tablet ) .single-include-school-header .info-box ul.include-school-info li.include-school-details:has( .attendance ) {
                display: flex;
                flex-wrap: wrap;
                column-gap: 4px;
            }

            html:not( .tablet ) .single-include-school-header .info-box ul.include-school-info li.include-school-details:has( .attendance ) .line-break {
                flex-basis: 100%;
                height: 0;
            }

            html:not( .tablet ) .single-include-school-header .info-box ul.include-school-info li.include-school-details:has( .attendance ) .label:is( :first-child ),
            html:not( .tablet ) .single-include-school-header .info-box ul.include-school-info li.include-school-details:has( .attendance ) .attendance {
                margin-bottom: 1em;
            }

.single-include-school-content {
    border-bottom: 1px solid var(--nvm-color-dark-mauve);
}

    .single-include-school-content .single-include-school-content__featured-image .image-box {
        aspect-ratio: auto;
    }

    .single-include-school-content .text h3 {
        color: var(--nvm-color-old-mauve);
    }

    .single-include-school-content .single-include-school-content__luma-box .luma-embed-code {
    }

        .single-include-school-content .single-include-school-content__luma-box .luma-embed-code iframe {
            width: 100%;
            height: 950px;
        }

            .tablet .single-include-school-content .single-include-school-content__luma-box .luma-embed-code iframe {
                height: 800px;
            }

            .laptop .single-include-school-content .single-include-school-content__luma-box .luma-embed-code iframe {
                height: auto;
                aspect-ratio: 3/2;
            }

.single-include-school-cta {
    position: relative;    
}

    .single-include-school-header .intro-box .nvm-button.width-100,
    .single-include-school-cta .nvm-button.width-100 {
        width: 100%;
    }

    .single-include-school-header .intro-box .nvm-button:is( :focus, :active ),
    .single-include-school-cta .nvm-button:is( :focus, :active ) {
        transition: all 0s ease-in-out;
    }

    .single-include-school-cta a.read-more {
        position: relative;
        font-size: 16px;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 0.1em;
        text-decoration-thickness: 2px;
        color: var(--nvm-color-dark-mauve);
        outline: 0;
        transition: all .2s ease-in-out;
    }
    
        .single-include-school-cta a.read-more:is( :hover ) {
            text-decoration: none;
            opacity: .8;
        }

        .single-include-school-cta a.read-more:is( :focus, :active ) {
            text-decoration: none;
            opacity: .8;
            outline: var(--nvm-main-link-outline);
            transition: all 0s ease-in-out;
        }