/***************************************************************************
* Go Back Columns
****************************************************************************/
@media screen and (max-width:63.9375em){
    .content_section:has( > .row:first-child > .go_back_column:first-child) {
        padding-top: 0;
    }
    .content_section > .row:first-child > .go_back_column:first-child {
        position: relative;
        margin-bottom: var(--typo-section-gap);
        padding-top: calc(var(--typo-gap) * 2);
        padding-bottom: calc(var(--typo-gap) * 2);
    }
    .content_section > .row:first-child > .go_back_column:first-child:after {
        position: absolute; content: ''; z-index: -1;
        pointer-events: none; background-color: var(--typo-color-light-grey);
        left: calc(var(--typo-section-gap) * -1);
        right: calc(var(--typo-section-gap) * -1);
        top: 0; bottom: 0; width: auto; height: auto;
    }
}

/***************************************************************************
* Back Icon
****************************************************************************/
.single_content_section .back_link i,
.single .back_link i,
.single .single_content .content_title i {
    background-color: var(--typo-color-grey);
}

/***************************************************************************
* Single Content Section
****************************************************************************/
.single_content_section > .row > .columns {
    padding-top: 2em;
    padding-bottom: 2em;
}