.richtext {
    color: inherit;
    line-height: 1.75;
}

/* UNORDERED LIST */
.richtext ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.richtext ul ul {
    list-style-type: circle;
    padding-left: 1.5rem;
}

.richtext ul ul ul {
    list-style-type: square;
    padding-left: 1.5rem;
}

/* ORDERED LIST */
.richtext ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.richtext ol ol {
    list-style-type: lower-alpha;
    padding-left: 1.5rem;
}

.richtext ol ol ol {
    list-style-type: lower-roman;
    padding-left: 1.5rem;
}

/* LIST ITEMS */
.richtext li {
    margin-bottom: 0.5rem;
}

/* LINKS */
.richtext a {
    color: #55b5f0;
    text-decoration: underline;
    transition: color 0.3s;
}

.single-news-richtext a {
    color: #fff;
    text-decoration: none;
}

.richtext a:hover,
.tags-news a:hover {
    color: #489bcf;
}

.single-news-richtext a:hover {
    color: #f1f3f4;
    text-decoration: underline;
}

.richtext.single-news-richtext p.read-more-label {
    color: #55b5f0;
    font-weight: 600;
}

/* PARAGRAPH & HEADINGS */
.richtext :is(p, img, h1, h2, h3, h4, h5, h6) {
    margin-bottom: 1rem;
}

.richtext h1 {
    font-size: 2rem;
    font-weight: 700;
}

.richtext h2 {
    font-size: 1.5rem;
    font-weight: 700;
}

.richtext h3 {
    font-size: 1.25rem;
    font-weight: 600;
}

.richtext h4 {
    font-size: 1.125rem;
    font-weight: 600;
}

.richtext h5 {
    font-size: 1rem;
    font-weight: 600;
}

.richtext h6 {
    font-size: 0.875rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* TABLES */
.richtext table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #2a2f3a;
    overflow: hidden;
    margin: 1.5rem 0;
    font-size: 0.95rem;
    background-color: #1a1d24;
    color: #fff;
}

.richtext table caption {
    caption-side: top;
    text-align: left;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #fff;
}

.richtext table thead {
    background-color: #222733;
    color: #ffffff;
}

.richtext table th,
.richtext table td {
    padding: 0.85rem 1rem;
    border: 1px solid #2a2f3a;
    text-align: left;
    vertical-align: top;
}

.richtext table th {
    font-weight: 600;
    font-size: 0.95rem;
    background-color: #2b3140;
}

.richtext table tr:nth-child(even) {
    background-color: #1f232c;
}

.richtext table a {
    color: #4dabf7;
    text-decoration: underline;
}

.richtext table a:hover {
    color: #74c0fc;
}

.richtext table img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    border: 1px solid #2f3642;
}

@media (max-width: 768px) {
    .richtext table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.bg-gradient-top-black {
    background-image: linear-gradient(
        180deg,
        rgba(152, 152, 152, 0),
        rgb(0, 0, 0, 0.76)
    );
}

.legacy-fypmedia {
    grid-template-areas:
        "legacy1 legacy1"
        "legacy2 legacy3"
        "legacy4 legacy5"
        "legacy6 legacy6";
}

.legacy-1 {
    grid-area: legacy1;
}

.legacy-2 {
    grid-area: legacy2;
}

.legacy-3 {
    grid-area: legacy3;
}

.legacy-4 {
    grid-area: legacy4;
}

.legacy-5 {
    grid-area: legacy5;
}

.legacy-6 {
    grid-area: legacy6;
}

/* Breakpoints / Responsive */

@media (min-width: 640px) {
    .legacy-fypmedia {
        grid-template-areas:
            "legacy1 legacy1"
            "legacy2 legacy3"
            "legacy2 legacy4"
            "legacy5 legacy6";
    }

    .legacy-2 {
        grid-area: legacy2;
    }

    .legacy-3 {
        grid-area: legacy3;
    }

    .legacy-4 {
        grid-area: legacy4;
    }

    .legacy-5 {
        grid-area: legacy5;
    }

    .legacy-6 {
        grid-area: legacy6;
    }
}