.realitatea-p-article-container {
    display: grid;
    width: calc(100% - calc(2 * var(--margin-width)));
    margin-left: var(--margin-width);
    margin-right: var(--margin-width);
    grid-template-columns: calc(100% - calc(300px + 3vw)) 300px;
    grid-column-gap: 3vw;
    grid-template-rows: auto;
    grid-template-areas:
        "title   title"
        "article aside"
    ;
}

.realitatea-article-big > .article-box-title {
    grid-area: title;
    margin: 5vh 0;
}

.realitatea-article-big .article-box-description {
    margin: 5vh 0 0;
}

.realitatea-article-big > .realitatea-article-big-content {
    grid-area: article;
}

.realitatea-aside-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: calc(100% - 6vh);
}





.realitatea-p-article-title {
    font-family: "Leitura Sans Grot 3", sans-serif;
}

.realitatea-p-article-description {
    font-family: "Leitura Sans Grot 2", sans-serif;
}

.realitatea-p-article-content {
    /*width: 75%;*/
    width: calc(97% - calc(300px));
}

.realitatea-p-article-aside {
    width: 300px;
    margin-left: 3vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.realitatea-p-article-image-and-description-and-articles-and-adverts {
    display: flex;
    flex-direction: row;
    margin-bottom: 5vh;
}

.realitatea-p-article-image-and-description .article-box-description h2 {
    text-align: center;
}

.realitatea-p-article-info-and-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5vh;
}

.article-box-content {
    width: 70%;
}

.realitatea-article-tags-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin: 6vh 0;
}

.realitatea-article-tags-container:before, .realitatea-article-tags-container:after {
    background: var(--realitatea-hr-gray);
    content: "";
    height: 0.1vh;
    width: 100%;
}

.realitatea-article-tags-container:before {
    margin-bottom: 3vh;
    margin-top: 1vh;
}
.realitatea-article-tags-container:after {
    margin-top: 3vh;
    margin-bottom: 1vh;
}

.realitatea-article-tags-heading {
    font-family: "Leitura Sans Grot 3", sans-serif;
    font-size: 1.1vw;
    color: var(--realitatea-black-text);
    width: 30%;
    margin-right: 3vw;
}

.realitatea-article-tag {
    color: var(--realitatea-black-text);
    font-size: 1.25vw;
    font-family: "Leitura Sans Grot 1", sans-serif;
    text-decoration: underline;
    text-decoration-color: var(--realitatea-red);
}

.realitatea-p-article-most-readed-block-article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.realitatea-p-article-most-readed-block-article-content {
    width: 65%;
}

.realitatea-p-article-most-readed-block-article .article-box-image {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.realitatea-p-article-most-readed-block-article .article-box-image figure {
    width: 100%;
}

.realitatea-p-article-most-readed-block-article-content .article-box-title span {
    font-size: 0.8vw;
}

.realitatea-p-article-most-readed-block-article-content .article-box-time {
    margin: 0;
}

.realitatea-p-article-most-readed-block-article-content .article-box-title {
    margin: 1vh 0 0;
}

.realitatea-p-article-most-readed-block-article-content .article-box-time {
    font-size: 0.6vw;
}

.realitatea-p-article-most-readed-block article {
    padding: 1vh 0;
}

.realitatea-p-article-most-readed-block article::after {
    content: "";
    height: 0.1vh;
    background-color: var(--realitatea-hr-gray);
    width: 100%;
    margin-top: 2vh;
}

.realitatea-p-article-most-readed-block-heading:after {
    content: "";
    height: 0.1vh;
    background-color: var(--realitatea-hr-gray);
    width: 100%;
    margin: 1vh 0;
}

.realitatea-p-article-most-readed-block-heading {
    font-family: "Leitura Sans Grot 3", sans-serif;
    font-size: 1vw;
    color: var(--realitatea-black-text);
    display: flex;
    flex-direction: column;
}

.realitatea-p-article-most-readed-block {
    display: flex;
    flex-direction: column;
    margin-top: 5vh;
}

.article-box-info {
    font-family: "Leitura Sans Grot 2", sans-serif;
    font-weight: bold;
    font-size: 0.8vw;
    color: var(--realitatea-muted-text);
    width: 30%;
    margin-right: 3vw;
}

.article-box-info > * {
    padding: 0 0 0.5vh;
}

.article-box-info a {
    color: var(--realitatea-muted-text);
    text-decoration: underline;
    text-decoration-color: var(--realitatea-red);
}

.article-box-info > .article-box-author > * {
    padding: 0.5vh 0;
}

.realitatea-article-buttons {
    display: flex;
    flex-direction: column;
    margin-top: 3vh;
}

.btn-listen-red {
    background-color: var(--realitatea-red) !important;
    border-color: var(--realitatea-red) !important;
    color: var(--realitatea-white-text) !important;
}

.btn-listen-red, .btn-share {
    margin: 1vh 0;
}

.btn-listen-red p, .btn-share p {
    padding: 0.5vh 0;
    font-family: "Leitura Sans Grot 2", sans-serif;
    font-size: 1.1vw;
}

.btn-listen-red:hover {
    background-color: var(--realitatea-white-text) !important;
    color: var(--realitatea-red) !important;
}

.btn-share:hover {
    color: var(--realitatea-white-text) !important;
}

.realitatea-aside-content-sticky-advert {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.realitatea-aside-content-sticky-advert > div:nth-of-type(1), .realitatea-aside-content-sticky-advert > div:nth-of-type(2) {
    display: flex !important;
    align-items: flex-start !important;
    position: relative;
    height: 100%;
}

.realitatea-aside-content-sticky-advert > div:nth-of-type(1) > div, .realitatea-aside-content-sticky-advert > div:nth-of-type(2) > div {
    position: sticky;
    top: 10vh;
}

@media only screen and (max-width: 600px) {
    .realitatea-p-article-container {
        display: grid;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        /*grid-template-rows: 0.3fr 0.5fr 0.2fr 0.1fr 0.2fr 0.1fr 2fr 0.3fr 1fr;*/
        grid-template-rows: auto auto auto auto auto auto 2fr auto auto auto;
        grid-template-areas:
        "title"
        "image"
        "desc1"
        /*"advert1"*/
        "day"
        "source"
        "listen"
        "desc2"
        /*"advert2"*/
        "more"
        "side";
    }

    .realitatea-p-article-container .realitatea-article-big > .article-box-title {
        grid-area: title;
        margin: 3vh var(--mobile-margin-width);
    }

    .realitatea-p-article-container .realitatea-article-big > .article-box-title h1{
        font-size: 8vw;
        line-height: 9vw;
    }

    .realitatea-p-article-container .realitatea-article-big > .realitatea-article-big-content {
        display: contents;
    }

    .realitatea-p-article-container .realitatea-article-big > .realitatea-p-article-image-and-description-and-articles-and-adverts {
        display: contents;
    }

    .realitatea-p-article-container .realitatea-article-big > .realitatea-p-article-image-and-description {
        display: contents;
    }

    .realitatea-p-article-container .realitatea-article-big .article-box-image {
        grid-area: image;
        margin: 0;
    }

    .realitatea-p-article-container .realitatea-article-big .article-box-description {
        grid-area: desc1;
        margin: 3vh var(--mobile-margin-width);
    }

    .realitatea-p-article-container .realitatea-article-big .article-box-description h2{
        font-size: 5vw;
        line-height: 6vw;
    }

    .realitatea-p-article-container .realitatea-aside-content {
        grid-area: side;
    }

    .realitatea-p-article-container .realitatea-article-big-content  > div:nth-of-type(2) {
        /*grid-area: advert1;*/
        display: none;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content {
        display: contents;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info {
        display: contents;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info .article-box-info-time {
        grid-area: day;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info .article-box-author {
        grid-area: source;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info .realitatea-article-buttons {
        grid-area: listen;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info .realitatea-article-buttons > button:nth-of-type(2) {
        display: none;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-content {
        grid-area: desc2;
    }

    .realitatea-p-article-container .realitatea-article-big-content > div:nth-of-type(4) {
        /*grid-area: advert2;*/
        display: none;
    }

    .realitatea-p-article-container .realitatea-article-big-content .realitatea-article-tags-container {
        grid-area: more;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: normal;
        flex-wrap: nowrap;
        padding-right: var(--mobile-margin-width);
        padding-left: var(--mobile-margin-width);
        margin: 6vh 0;
    }

    .realitatea-p-article-container .realitatea-article-big-content .realitatea-article-tags-container .realitatea-article-tags-lines {
        /*display: flex;*/
        /*flex-direction: row;*/
        font-size: 6vw;
        width: 100%;
    }

    .realitatea-p-article-container .realitatea-article-big-content .realitatea-article-tags-container > h4{
        font-size: 5vw;
    }

    .realitatea-p-article-container .realitatea-article-big-content .realitatea-article-tags-container .realitatea-article-tags-lines > a{
        font-size: 5vw;
    }

    .realitatea-p-article-container .realitatea-aside-content {
        display:  contents;
        width: 100%;
    }

    .realitatea-p-article-container .realitatea-aside-content > div:nth-of-type(2) {
        display: none;
    }

    .realitatea-p-article-container .realitatea-aside-content .realitatea-p-article-most-readed-block {
        grid-area: side;
        width: 100%;
    }

    .realitatea-p-article-container {
        font-size: 4vw!important;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-content {
        width: 100%;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-content p{
        font-size: 5vw;
        line-height: 6vw;
        margin-bottom: 3vh;
        margin-left: var(--mobile-margin-width);
        margin-right: var(--mobile-margin-width);
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-content div{
        font-size: 5vw;
        line-height: 6vw;
        margin-bottom: 3vh;
        margin-left: var(--mobile-margin-width);
        margin-right: var(--mobile-margin-width);
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-content iframe {
        max-width: 100%;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info > div{
        margin-left: var(--mobile-margin-width);
        margin-right: var(--mobile-margin-width);
        margin-bottom: 2vh;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info .article-box-info-time {
        font-size: 5vw;
        color: var(--realitatea-muted-text);
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info .article-box-author > span {
        font-size: 5vw;
        color: var(--realitatea-muted-text);
        margin-bottom: 2vh;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info .realitatea-article-buttons {
        margin-bottom: 5vh;
    }

    .realitatea-p-article-container .realitatea-p-article-info-and-content .article-box-info .realitatea-article-buttons > button > span{
        font-size: 6vw;
    }

    .realitatea-article-tags-heading {
        font-family: "Leitura Sans Grot 2", sans-serif;
        font-size: 5vw;
        color: var(--realitatea-black-text);
        width: 100%;
        margin-top: 2vh;
        margin-bottom: 2vh;

    }

    .realitatea-article-tag {
        color: var(--realitatea-black-text);
        font-size: 1.5vw;
        font-family: "Leitura Sans Grot 1", sans-serif;
        text-decoration: underline;
        text-decoration-color: var(--realitatea-red);
    }

    .realitatea-p-article-most-readed-block {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .realitatea-p-article-most-readed-block-heading {
        font-size: 13vw;
        text-align: center;
        margin-bottom: 4vh;
    }

    .realitatea-p-article-most-readed-block-article .article-box-time {
        font-size: 4vw;
        margin-bottom: 3vh;
    }

    .realitatea-p-article-most-readed-block-article .article-box-title a p{
        font-size: 5vw;
    }

    .realitatea-p-article-most-readed-block-article-content {
        width: 55%;
    }

    .realitatea-p-article-most-readed-block-article .article-box-image{
        width: 37%;
    }

    .realitatea-p-article-most-readed-block {
        padding-left: var(--mobile-margin-width);
        padding-right: var(--mobile-margin-width);
    }

    .realitatea-p-article-most-readed-block-heading:after {
        content: "";
        height: 0.5vh;
        background-color: var(--realitatea-red);
        width: 100%;
        margin-top: 3vh;
        margin-bottom: 2vh;
    }

}