@import url('../source/articlesIMG.css');

.clsSectionArticles section {
    width: 60%;
    background: white;
    border-radius: 20px;
    box-shadow: var(--boxshadowOFFICIAL);
    color: black;
    padding: 20px; margin: 40px 0;
    position: relative;
}
.clsSectionArticles h1 { font-size: 26px; text-align: center; }
.clsSectionArticles p:not(.rez, footer.footerART p), .clsSectionArticles li {
    font-size: 18px;
    margin-left: 15px;
}
.clsSectionArticles a:not(.importedArticles a) {
    text-decoration: underline;
    color: var(--colorNV);
} .clsSectionArticles a:not(.importedArticles a):hover {
    text-decoration: none;
    opacity: 60%;}
.clsSectionArticles mark {
    color: var(--colorNV);
    user-select: all;
    background: transparent;
    border: none;
    text-decoration: none;}


.divWithIMGToDOC {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%; height: 200px;
    border-radius: 14px 14px 0 0;
    padding: 0; margin: 0 0 25px 0;
}
.divWithIMGToDOC div {
    color: white;
    position: absolute;
    top: 0; left: 0;
    background: rgba(0, 1, 54, 0.267);
    border-radius: 20px 20px 0 0;
    width: 100%; height: 100%;
} .divWithIMGToDOC div h1 { font-size: 40px !important; text-transform: uppercase; }

.rez {
    font-style: italic;
    opacity: 60%;
}

footer.footerART p {
    font-size: 12px;
    opacity: 60%;
    margin: 0 10px;
}

@media screen and (max-width: 1131px) { .clsSectionArticles section { width: 91%; } }
@media screen and (max-width:723px) {
    .clsSectionArticles section { width: 98%; }
}