﻿#news {
    max-width: 1200px;
    justify-self: center;
}

section > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    section > div > div:first-of-type {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        font-size: 12px;
        width: 100%;
    }

        section > div > div:first-of-type img {
            width: 100%;
            height: auto;
            max-height: 400px;
            object-fit: cover;
        }

        section > div > div:first-of-type p {
            display: flex;
            color: gray;
            width: 100%;
            margin: 10px 0;
            gap: 5px;
            font-size: 12px;
            align-items: center;
        }

        section > div > div:first-of-type h2 {
            font-weight: 700;
            font-size: 25px;
            width: 100%;
        }

    section > div > div p:first-of-type svg {
        stroke: gray;
        width: 15px;
        height: 15px;
    }

    section > div > div:last-of-type {
        margin-top: 10px;
        padding-top: 10px;
        border-top: var(--border);
        width: 100%;
        font-size: 13px;
    }
        /*#endregion*/


        /*#region ck-editor*/
        section > div > div:last-of-type table thead tr:first-of-type {
            background: red !important;
        }

            section > div > div:last-of-type table thead tr:first-of-type * {
                color: #fff;
                text-align: start;
                padding: 10px;
            }

        section > div > div:last-of-type table tbody tr td:first-of-type {
            background-color: #f5f5f5 !important;
        }

        section > div > div:last-of-type table tbody tr td {
            color: #687187 !important;
            padding: 10px;
        }

        section > div > div:last-of-type table tbody tr {
            border-bottom: 1px solid lavender;
        }

        section > div > div:last-of-type strong {
            color: red !important;
        }

        section > div > div:last-of-type table {
            width: 100%;
            border-collapse: collapse;
        }
/*#endregion */



@media(max-width:1400px) {
}

@media(max-width:1200px) {
}

@media(max-width:992px) {
}

@media(max-width:768px) {
    nav > div > div > div > div > a,
    nav > div > div > div > a,
    nav > div > div > div p {
        color: var(--black);
    }

    section > div > div:first-of-type {
        margin: 0;
        width: 100%;
    }

    section > div > div:last-of-type {
        width: 100%;
    }
}

@media(max-width:576px) {
    section > div > div:first-of-type h2 {
        font-size: 15px;
    }
    section > div > div:last-of-type {
        font-size: 11px;
    }
    section > div > div:first-of-type p {
        font-size: 10px;
    }
    section > div > div:first-of-type p svg {
        width:10px;
        height:10px;
    }
}
