/**
* Article CSS Styles.
* Source Development: Max Tantser
* Date Creation: 11 June 2023
* © ModernCode
*/

.article-wrapper {
    width: 100%;
    min-width: 400px;
    padding-top: var(--header-height);
    padding-left: 40px;
}

.article-wrapper h2 {
    padding-bottom: 13px;
}

.article-title {
    padding-bottom: 5px;
}

.article-wrapper h2, .article-title {
    padding-top: 13px;
    font-family: 'MontserratMedium', sans-serif;
    font-style: normal;
    font-weight: 500;
}

.article-wrapper h2 {
    font-size: 17px;
    color: var(--header-title-color);
}

.article-wrapper ul {
    padding-left: 15px;
}

.article-title {
    display: block;
    font-size: 16px;
    color: var(--menu-header-title-color);
}

/*----------------------------------------------Media Screen Requests-------------------------------------------------*/

@media screen and (max-width: 1690px) {
    .article-wrapper h2 {
        padding-bottom: 12px;
    }
    .article-title {
        padding-bottom: 4px;
    }
    .article-wrapper h2, .article-title {
        padding-top: 12px;
        font-size: 15px;
    }
}

@media screen and (max-width: 1540px) {
    .article-wrapper h2 {
        padding-bottom: 11px;
    }
    .article-title {
        padding-bottom: 3px;
    }
    .article-wrapper h2, .article-title {
        padding-top: 11px;
        font-size: 14px;
    }
}

@media screen and (max-width: 1470px) {
    .article-wrapper h2 {
        padding-bottom: 10px;
    }
    .article-title {
        padding-bottom: 2px;
    }
    .article-wrapper h2, .article-title {
        padding-top: 10px;
        font-size: 13px;
    }
}

@media screen and (max-width: 1024px) {

}

/*--------------------------------------------------------------------------------------------------------------------*/