/* Generated by tools/build-css-bundles.mjs. Edit the source CSS files, not this bundle. */
/* Source: SharedComponents/PageTitle/base.css */
/* Reorganized from wwwroot/css/components.css. */


.page-title-labelName {
    padding: 20px;
    justify-content: center;
    display: flex;
}


.accent-line {
    display: block;
    width: 180px;
    height: auto;
    margin: 0.5rem auto 1rem auto;
}


.main-content .page-title-wrapper {
    padding: 0 0 40px;
    text-align: center;
}


.main-content .page-title-wrapper .page-title {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-bottom: 1.1rem;
    color: var(--fr-purple);
    font-size: var(--summit-title-font-size, clamp(2.25rem, 4vw, 3.05rem));
    font-weight: 760;
    line-height: var(--summit-title-line-height, 1.08);
    letter-spacing: 0;
    text-transform: none !important;
}


.main-content .page-title-wrapper .page-title::after,
.main-content .brand-page-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 170px;
    background: linear-gradient(
        90deg,
        var(--fr-yellow) 0 20%,
        var(--fr-green) 20% 40%,
        var(--fr-purple) 40% 60%,
        var(--fr-red) 60% 80%,
        var(--fr-cyan) 80% 100%
    );
    border-radius: 0;
}


.main-content .page-title-wrapper .page-title::after {
    left: 50%;
    transform: translateX(-50%);
}


.main-content .brand-page-title {
    position: relative;
    display: inline-block;
    padding-bottom: 1.1rem;
    color: var(--fr-purple);
    font-size: var(--summit-title-font-size, clamp(2.25rem, 4vw, 3.05rem));
    font-weight: 760;
    line-height: var(--summit-title-line-height, 1.08);
    letter-spacing: 0;
}


.main-content .brand-page-title::after {
    left: 0;
}


.main-content .label-meeting-title {
    position: relative;
    display: inline-block;
    padding-bottom: 1.1rem;
    color: var(--fr-purple);
    font-size: var(--summit-title-font-size, clamp(2.25rem, 4vw, 3.05rem));
    font-weight: 760;
    line-height: var(--summit-title-line-height, 1.08);
    letter-spacing: 0;
}


.main-content .label-meeting-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 170px;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--fr-yellow) 0 20%,
        var(--fr-green) 20% 40%,
        var(--fr-purple) 40% 60%,
        var(--fr-red) 60% 80%,
        var(--fr-cyan) 80% 100%
    );
}


.main-content .label-meeting-title::after {
    left: 0;
}


.main-content .label-meeting-title.text-center::after {
    left: 50%;
    transform: translateX(-50%);
}


@media (min-width: 768px) {
    .main-content .label-meeting-title.text-md-start::after {
        left: 0;
        transform: none;
    }
}

/* Source: SharedComponents/PageTitle/responsive.css */
/* Reorganized from wwwroot/css/responsive/components.css. */


@media (max-width: 576px) {

    .main-content .page-title-wrapper {
        padding-bottom: 28px;
    }

    .main-content .page-title-wrapper .page-title,
.main-content .brand-page-title,
.main-content .label-meeting-title,
.main-content .comingsoon-title {
        padding-bottom: .95rem;
    }

    .main-content .page-title-wrapper .page-title::after,
.main-content .brand-page-title::after,
.main-content .label-meeting-title::after,
.main-content .comingsoon-title::after {
        width: 142px;
    }
}

/* Source: SharedComponents/PageTitle/legacy.css */
/* Reorganized from wwwroot/css/HomeScreen/base.css. */


    .page-title-wrapper {
        padding: 0 0 40px 0;
        text-align: center;
    }


    .page-title {
        font-size: 2.2rem;
        font-weight: 600;
        color: var(--fr-dark);
        margin: 0;
        position: relative;
        display: inline-block;
        padding-bottom: 10px;
    }

        /* Modern underline accent */
        .page-title::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 180px;
            height: 4px;
            background: linear-gradient(90deg, var(--fr-purple));
            border-radius: 2px;
        }