/*
 * Keep Bootstrap's clearfix helpers out of CSS grids. Its :before/:after
 * elements otherwise occupy cells in the hero, intro and workflow layouts.
 */
.ca-page {
    overflow: hidden;
}

.ca-page .container::before,
.ca-page .container::after {
    display: none !important;
}

.ca-hero__grid > *,
.ca-intro .container > *,
.ca-workflow .container > * {
    min-width: 0;
}

.ca-dashboard {
    width: 100%;
}

@media (max-width: 991px) {
    .ca-hero__grid {
        width: 100%;
    }

    .ca-dashboard {
        margin-inline: auto;
    }
}

@media (max-width: 767px) {
    .ca-dashboard aside {
        width: 48px;
    }

    .ca-screen__head h2 {
        font-size: 16px;
    }

    .ca-screen__head button {
        display: none;
    }
}