﻿article {
    font-size: 18px;
    line-height: 32px;
    position: relative;
    border-radius: 0px 0px 3px 3px;
}

    article a {
        color: blue;
        text-decoration: underline;
    }

    article b,
    article strong {
        font-weight: bold;
    }

    article i {
        font-style: italic !important;
    }

    article p {
        margin-bottom: 15px;
    }

    article table {
        border: 1px solid lightgray;
        margin-bottom: 15px;
    }

        article table th,
        article table td {
            padding: 15px;
            border: 1px solid lightgray;
            line-height: 30px;
        }

    article iframe {
        aspect-ratio: 16/9;
    }

    article iframe,
    article img {
        border-radius: 5px;
        width: 100%;
        height: auto;
    }

        article img.image-scale-500 {
            width: 500px;
        }

        article img.image-scale-600 {
            width: 600px;
        }

        article img.image-scale-700 {
            width: 700px;
        }

    article em {
        font-style: italic;
    }

    article span em {
        display: unset;
    }

    article h2,
    article h2 span,
    article h2 strong,
    article h2 b,
    article h3,
    article h3 span,
    article h3 strong,
    article h3 b,
    article h4,
    article h4 span,
    article h4 strong,
    article h4 b,
    article h5,
    article h5 span,
    article h5 strong,
    article h5 b,
    article h6,
    article h6 span,
    article h6 strong,
    article h6 b {
        font-weight: bold;
        color: var(--strong-blue) !important;
        margin-bottom: 15px;
        margin-top: 30px;
    }

        article h2,
        article h2 span {
            font-size: 25px;
        }

        article h3,
        article h3 span {
            font-size: 22px;
        }

        article h4,
        article h4 span {
            font-size: 19px;
        }

        article h5,
        article h5 span {
            font-size: 16px;
        }

    article ol,
    article ul {
        margin-bottom: 15px;
        padding-left: 30px;
        list-style-type: disc;
    }

        article ol li,
        article ul li {
            margin-bottom: 10px;
        }

    article ol {
        list-style: decimal;
    }

.content-youtube-video {
    width: 100%;
    padding-top: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    border-radius: 10px;
}

    .content-youtube-video img {
        border-radius: 10px;
    }

.youtube-play-button {
    width: 100%;
    height: 100%;
    border: none;
    background: rgba(0, 0, 0, 0.15);
    transition: all .3s ease-in-out;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

    .youtube-play-button img {
        width: 80px;
        height: auto;
        transition: all 0.3s ease-in-out;
    }

    .youtube-play-button:hover {
        background: rgba(0, 0, 0, 0.2);
    }

    .youtube-play-button img:hover {
        scale: 1.1;
    }
