/* Start:/bitrix/templates/valok_adaptive_new/components/bitrix/system.pagenavigation/.default/style.css*/
.pagination {
    margin: 0;
    text-align: center;
    list-style: none;
    margin: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li {
    list-style: none;
    /* display: inline-block; */
    /* border: 1px solid; */
    text-align: center;
    /* padding: 2px 10px; */
}

/* .pagination li:first-of-type { */
/*     border-radius: 15px; */
/* } */

/* .pagination li:last-of-type { */

/* } */

.pagination li a {
    text-decoration: none;
    display: block;
    padding: 6px 15px;
    font-size: 20px;
}

/* li a:hover { */
/*     background: linear-gradient(to bottom, #0ca9e7 0%, #35c1f8 17%, #0ca9e7 62%, #0ca9e7 100%); */
/*     opacity: 0.3; */
/* } */

.page-item-current {
    border-radius: 15px;
}

/* End */



/* Start:/bitrix/templates/valok_adaptive_new/components/bitrix/news/news_valok_new/bitrix/news.list/.default/style.css*/
div.news-list img.preview_picture
{
    float:left;
    /* margin:0 25px 6px 0; */
}

.news-date-time {
    color:#486DAA;
    font-family: 'Cuprum', sans-serif;
    font-size: 20px;
    display: block;

    top: 0px;
    padding: 2px;
    color: white;
    text-align: center;
    text-decoration: none;
    position: absolute;
    background-color: rgba(29, 179, 238, 0.75);
    /* border-radius: 10px 10px 10px 10px; */
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    pointer-events: none;
}

.news-list {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 50% 50%;
    -ms-grid-columns: 50% 50%;
    grid-auto-rows: auto;
    /* grid-template-columns: 33% 33% 33%; */
}

.news-item {
    background-color: #dedede;
    /* border: 1px solid; */
    /* border-color: rgba(0, 0, 0, 0.25); */
    /* background-color: #ccc; */
    border-radius: 15px;
    margin: 10px;
    position: relative;
}

.news-item:first-of-type {
    grid-column: span 2;
    /* grid-column: span 3; */
    border-radius: 15px;
}

/* .news-item:first-of-type .zag-new { */
/*     width: 1%; */
/* } */

.preview_picture {
    width: 100%;
    height: 350px;
    /* height: 215px; */
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
    /* max-width: 100%; */
    /* max-height: 100%; */
}

.news-item:first-of-type .preview_picture {
    /* width: 50%; */
    height: 100%;
    border-radius: 10px 0px 0px 10px;
}

.news-item:first-of-type .news-info {
    width: 70%;
    float: left;
    margin-right: 15px;
}

.news-item:first-of-type .zag-new {
    border-radius: 0px 0px 0px 10px;
}

.news-item:first-of-type .news-date-time {
    border-radius: 10px 0px 0px 0px;
}

.news-info:hover {
    opacity: 0.75;
}

.news-item:hover .readmore-button {
    opacity: 1;
}

.news-info {
    position: relative;
    display: inline-block;
    width: 100%;
    transition: 0.5s ease;
    /* margin: 1px; */
}

.zag-new {
    font-family: 'Cuprum', sans-serif;
    font-size: 24px;
    display: block;

    bottom: 0px;
    padding: 10px;
    color: white;
    text-align: center;
    text-decoration: none;
    position: absolute;
    background-color: rgba(29, 179, 238, 0.55);
    /* border-radius: 0px 0px 10px 10px; */
    width: 100%;
    pointer-events: none;
}

.readmore {
    position: absolute;
    top: 50%;
    left: 50%;
    /* opacity: 0; */
    transform: translate(-50%, -50%);
    transition: 3.5s ease;
}

.readmore-button {
    text-decoration: none;
    border: 1px solid;
    padding: 15px;
    font-size: 20px;
    background-color: rgba(29, 179, 238, 1);
    color: white;
    opacity: 0;
    /* display: inline-block; */
    /* display: none; */
}

.preview-text {
    padding: 15px;
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}

.animated-header {
    background: linear-gradient(270deg, #246655, #00ffbd);
    background-size: 400% 400%;
    animation: AnimationName 30s ease infinite;
}


@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .news-list {
        display: grid;
        grid-template-columns: 100%;
        grid-auto-rows: auto;
        /* grid-template-columns: 33% 33% 33%; */
    }

    .news-item {
        background-color: #dedede;
        /* border: 1px solid; */
        /* border-color: rgba(0, 0, 0, 0.25); */
        /* background-color: #ccc; */
        border-radius: 15px;
        margin: 10px;
        position: relative;
    }

    .news-item:first-of-type {
        grid-column: span 1;
        /* grid-column: span 3; */
        border-radius: 15px;
    }

    .news-item:first-of-type .preview_picture {
        width: 100%;
        height: 350px;
        /* height: 215px; */
        object-fit: cover;
        border-radius: 10px 10px 0px 0px;
    }

    .news-item:first-of-type .news-info {
        float: none;
        margin-right: 0;
        position: relative;
        display: inline-block;
        width: 100%;
        transition: 0.5s ease;
    }

    .news-item:first-of-type .zag-new {
        border-radius: 0;
    }

    .news-item:first-of-type .news-date-time {
        border-radius: 10px 10px 0px 0px;
    }
}

/* End */
/* /bitrix/templates/valok_adaptive_new/components/bitrix/system.pagenavigation/.default/style.css */
/* /bitrix/templates/valok_adaptive_new/components/bitrix/news/news_valok_new/bitrix/news.list/.default/style.css */