/**
 * All of the CSS for your public-facing functionality should be included in this file.
 *
 * The file is enqueued from inc/frontend/class-frontend.php and inc/admin/class-admin.php
 */

.next-course h4 {
    margin-bottom: .25rem;
}

.next-course h5 {
    margin: .25rem 0;
    text-transform: none;
}
.next-course .wp-block-columns {
    justify-content: space-between;
}
.next-course .wp-block-buttons {
    margin-block-start: 0.7rem;
}
.next-course .trainers {
    display: flex;
    flex-grow: 0 !important;
}
.next-course .trainers p {
    margin: 0;
    text-wrap: nowrap;
}
.next-course img.avatar {
    object-fit: contain;
    border-radius: 50%;
    width:  50px;
    height: 50px;
}
/** Block Columns */
.wp-block-columns {
    align-items: normal !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap !important;
}

@media (min-width: 782px) {
    .wp-block-columns {
        flex-wrap: nowrap !important;
    }
}

.wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start;
}

.wp-block-columns.are-vertically-aligned-center {
    align-items: center;
}

.wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end;
}

@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 100% !important;
    }
}

@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"] {
        flex-grow: 0;
    }
}

.wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: nowrap !important;
}

.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
}

.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] {
    flex-grow: 0;
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em;
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em;
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

.wp-block-column.is-vertically-aligned-top {
    align-self: flex-start;
}

.wp-block-column.is-vertically-aligned-center {
    align-self: center;
}

.wp-block-column.is-vertically-aligned-bottom {
    align-self: flex-end;
}

.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
    width: 100%;
}