.conditions-overlay__container {
    z-index: 1;
}

.expandable-section__featured-title {
    padding: 0 20px;
}

.expandable-section__title {
    margin-top: 0;
}

.wysiwyg li p {
    margin-bottom: 0;
}

.wysiwyg ul ul {
    padding-left: 2em;
    margin-bottom: 0;
}

/* forces a break between flex objects... https://stackoverflow.com/questions/29732575/line-break-in-multi-line-flexbox */
.wysiwyg ol ul::before {
    content: '';
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .article__heading {
        width: 50%;
    }
}

a[name] {
    position: relative;
    display: block;
    top: -100px;
}

.content--medium {
    font-size: 14px;
    line-height: 20px;
    margin-top: 40px;
    max-width: 625px;
}

.recipe-reviews__heading .review-form__error {
    left: 13px;
}


table.col tbody tr:nth-child(even) {
    background-color: #e5e5e5;
}

table.col tbody tr:nth-child(odd) {
    background-color: #f6f6f6;
}

table.col tbody tr:first-child {
    background-color: #5d127e;
    color: #fff;
}

table.col tr {
    display: table-row;
}

    table.col tr:first-child td {
        position: relative;
    }

table.col td {
    text-align: left;
    display: table-cell;
    padding: .6em .5em !important;
}

    table.col td:before {
        display: none;
    }

    table.col td:not(:last-child) {
        border-right: 2px solid #fff;
    }

    table.col td:nth-child(odd) {
        background-color: initial;
    }