/*!
 * Orchard Core 3.0.1 public content styles.
 * Adapted from TheTheme/Assets/scss/modules/{widgets,pager,taxonomy,recaptcha}.
 * Grid declarations expanded for Bootstrap 5; see orchard-content.LICENSE.txt.
 * Keep the copies in KimiamicTheme and WiseWareTheme synchronized.
 */

/* The default FlowPart emits .flow without TheTheme's Bootstrap .row class.
   Give every Flow its own row, including FlowParts inside Container widgets. */
.flow {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.flow > * {
    box-sizing: border-box;
    flex: 0 0 auto;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(0.5 * var(--bs-gutter-x));
    padding-left: calc(0.5 * var(--bs-gutter-x));
    margin-top: var(--bs-gutter-y);
}

.widget-container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Cancel column padding at the outer edges while keeping the gutter between columns. */
.widget-container > .widget-body > .flow {
    --bs-gutter-x: inherit;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.widget-size-100,
.widget-size-25,
.widget-size-33,
.widget-size-50,
.widget-size-66,
.widget-size-75 {
    box-sizing: border-box;
    flex: 0 0 auto;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(0.5 * var(--bs-gutter-x, 1.5rem));
    padding-left: calc(0.5 * var(--bs-gutter-x, 1.5rem));
    margin-top: var(--bs-gutter-y, 0);
}

/* Orchard maps 33/66 to 4/8 columns in a twelve-column grid.
   Match TheTheme's sm breakpoint; mobile widgets remain full width. */
@media (min-width: 576px) {
    .flow > .widget-size-25 { width: 25%; }
    .flow > .widget-size-33 { width: 33.3333333333%; }
    .flow > .widget-size-50 { width: 50%; }
    .flow > .widget-size-66 { width: 66.6666666667%; }
    .flow > .widget-size-75 { width: 75%; }
}

.widget-align-left { text-align: left; }
.widget-align-center { text-align: center; }
.widget-align-right { text-align: right; }
.widget-align-justify { text-align: justify; }
.widget-align-inherit { text-align: inherit; }

.widget-image-widget img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

ul.pager {
    margin-top: 1rem;
    margin-bottom: 1rem;
    justify-content: center;
}

.term-badge > a {
    text-decoration: none;
}

.term-badge .bg-secondary:hover {
    background-color: var(--bs-primary) !important;
}

.taxonomy-tag ul {
    padding-inline-start: 0;
    list-style: none;
}

.g-recaptcha {
    margin-bottom: 1rem;
}