/*****************************************************************************
* Highlight article
***************************************************************************** */
.m-highlight-article { position: relative; z-index: 2; }
.m-highlight-article .wrapper { margin: 4.65rem auto 0; max-width: 1440px; }

.m-highlight-article__content { position: relative; background-color: #EB5F0A; }
.m-highlight-article__content::before,
.m-highlight-article__content::after 
    { background: #EB5F0A; content: ''; height: 100%; position: absolute; top: 0; width: 1rem; }

.m-highlight-article__content::before { right: 100%; }
.m-highlight-article__content::after { left: 100%; }

.m-highlight-article__visual picture { left: -20px; }


.m-highlight-article--start .m-highlight-article__content,
.m-highlight-article--start .m-highlight-article__content::before,
.m-highlight-article--start .m-highlight-article__content::after
    { background: #EB5F0A; }

.m-highlight-article--discover .m-highlight-article__content,
.m-highlight-article--discover .m-highlight-article__content::before,
.m-highlight-article--discover .m-highlight-article__content::after
    { background: #8E63A6; }

.m-highlight-article--experience .m-highlight-article__content,
.m-highlight-article--experience .m-highlight-article__content::before,
.m-highlight-article--experience .m-highlight-article__content::after
    { background: #00B2D8; }

.m-highlight-article--choose .m-highlight-article__content,
.m-highlight-article--choose .m-highlight-article__content::before,
.m-highlight-article--choose .m-highlight-article__content::after
    { background: #A1A800; }

.m-highlight-article--even-chill .m-highlight-article__content,
.m-highlight-article--even-chill .m-highlight-article__content::before,
.m-highlight-article--even-chill .m-highlight-article__content::after
    { background: #D91D3B; }

@media only screen and (min-width: 768px){ 
    .m-highlight-article__content::before, 
    .m-highlight-article__content::after 
        { width: 2rem; }
    .m-highlight-article__visual picture { left: -2rem; }
}

@media only screen and (min-width: 992px){
    
    .m-highlight-article .row { min-height: 720px; }

    .m-highlight-article__content { align-items: center; display: flex; }

    .m-highlight-article .row .m-highlight-article__content::after { width: 48px; }
    .m-highlight-article .row .m-highlight-article__content::before { display: none; }

    .m-highlight-article .row .m-highlight-article__content .wrapper-content { padding: 1rem 0 1rem 3rem; }

    /* .m-highlight-article .row .m-highlight-article__content { order: 1; } */
    .m-highlight-article .row .m-highlight-article__content { padding-left: 0; }
    .m-highlight-article .row .m-highlight-article__visual { padding-right: 0; }
    .m-highlight-article .row .m-highlight-article__visual picture { left: -70px; }     
} 

@media only screen and (min-width: 1175px){
    .m-highlight-article .wrapper { margin: 7rem auto 0;
}