/*  --------------------------------------------------------------  */
/*  BLOCK   : contentItem                                           */
/*  ELEMENTS: heading, list, text, btn                              */
/*  MODS    :                                                       */
/*  VARS    : --c-bg-content, --c-tx-content                        */
/*  --------------------------------------------------------------  */
.b-contentItem {
    display: block;
    padding: 2rem;
    text-align: left;
    /*    align-content: */
    /*
    margin: 0;
    margin-bottom: 2.4rem;
    margin-bottom: calc(var(--margin-base));
*/
    color: #222222;
    /* Make content fit itself not height of row */
    align-self: flex-start;
}
/*  general layout rules for elements */
.b-contentItem > * {
    /*
    border: 1px dotted black;
    position: relative;
    display: inline-block;
*/
/*    margin: .1rem;*/
}
.b-contentItem__heading {
/*    margin: 1rem 1rem 0;*/
    margin-bottom: 1em;
    font-weight: 500;
    font-size: 1.4rem;
}
.b-contentItem__list {
    margin: 0 0 1rem;
}
.b-contentItem__text {
    margin: 0.25em 1rem 1rem;
}
.b-contentItem__btn {
    margin: 0 auto;
    margin-top: auto;
    /*    background: teal;*/
    color: white;
    padding: 0.5rem;
    border: none;
    border-radius: 1rem;
    font-size: 1.2rem;
    min-width: 15rem;
    width: 80%;
}
.b-contentItem__image.-aspectratio {
    order: -1;
    align-self: center;
    /*    margin: 0 auto;*/
    /*  Make images fit to top of card */
    width: calc(100% + 2rem);
    /*    height: calc((100% + 4rem) * 56.14934%);*/
    margin-top: -1rem;
    /*    height: auto;*/
    /*    border: 1px dashed red;*/
    /*    border-bottom: 1px solid teal;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);

}

@supports (display: flex) {
    .b-contentItem {
        display: flex;
        flex-flow: column;
        /*        margin: 1rem 0;*/
    }
}

@supports (display: grid) {
    .b-contentItem {
        /*        margin: 0;*/
    }
    .b-contentItem.-fullWidth {
        grid-column: 1 / -1;
    }
}

/*  ========================== END BLOCK =========================  */
