/*--------------------------------------------------------------
# strona aktualności
--------------------------------------------------------------*/



.news-section{background:#fff; box-sizing:content-box; margin:0 auto; padding:20px; position:relative; width:1260px }

.news-section-header{background:#fff;display:flex;margin-bottom:13px;min-height:30px;padding-bottom:3px;position:sticky;top:-1px;width:100%;z-index:21;padding-top:10px;}

.news-section-header h2 {display:inline-block; font-weight:700; position:relative; text-align:center; }

.news-section-header a { }

.news-section-header a {color:#222; display:block;font-size:28px; line-height:28px; text-decoration:none; transition:opacity .2s}


.news-section-content{display:grid; grid-template-columns:repeat(4,300px); grid-gap:20px;}

.article-box{background:#fff;border-bottom:1px solid #88001b;height:300px;transition:all .2s ease-out;width:300px}
.article-box-category{height:330px;}
.article-box:hover{box-shadow:0 1px 1px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.2);cursor:pointer;border-bottom:0px;text-decoration:none;}

.article-image{overflow:hidden;position:relative;transition:all .2s ease-out;}
.article-image img{height:auto;width:100%}
.article-box:hover .article-image{filter:brightness(1.07) contrast(1.07)}

.article-info{display:flex;flex-direction:column;height:155px;justify-content:space-between;padding:10px 15px;position:relative}

.article-title{color:#222;display:-webkit-box;font-size:16px;font-weight:600;height:95px;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical}

.article-category{align-items:center;color:#88001b;display:flex;font-size:13px;height:28px}
.article-category-name {text-align:right;}
	
.article-box-longer {
    align-items: flex-end;
    border-radius: 1px 1px 0 0;
    display: flex;
    grid-column: 1/span 2;
    grid-row: 1/span 1;
    position: relative;
    height: 100%;
    width: 100%;
}

.article-box-longer .article-image {
    align-items: center;
    border-radius: 1px 1px 0 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.article-box-longer .article-info {
    height: 150px;
    padding: 20px 20px 10px;
}


.article-box-longer .article-image img {
    height: auto;
    width: 100%;
}

.article-box-longer .article-title {
    font-size: 28px;
    font-weight: 700;
    -webkit-line-clamp: 6;
    line-height: 34px;
}

.article-box-longer .article-title {
    color: #fff;
    height: auto;
    padding-bottom: 4px;

    z-index: 2;
}



.article-box-longer .article-info {
    background: transparent;
    height: auto;
    z-index: 1;
}



.asideColumn {
    display: flex;
    flex-direction: column;
    grid-column-end: span 1;
    grid-column-start: 4;
    grid-row-end: span 2;
    grid-row-start: 1;
    position: relative;
    scrollbar-color: transparent transparent;
}
.asideColumn {
    grid-row-end: span 2;
}


.asideColumn ::-webkit-scrollbar {
    width: 6px
}

.asideColumn ::-webkit-scrollbar,.asideColumn ::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 3px
}

.asideColumn:hover {
    scrollbar-color: #c1c1c1 #f1f1f1
}

.asideColumn:hover ::-webkit-scrollbar {
    background-color: #f1f1f1
}

.asideColumn:hover ::-webkit-scrollbar-thumb {
    background-color: #c1c1c1
}


.asideColumn-linksList {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    scrollbar-width: thin;
}

.asideColumn-link {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    line-height: 20px;
    margin: -6px 0 6px;
    padding: 6px 0;
    transition: all .2s ease-in-out;
}

.asideColumn-linkTitle {
    color: #222;
    display: block;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 5px;
    position: relative;
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}



.article-box-longer .article-image:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 200px;
   background: linear-gradient(180deg, rgba(0,0,0,0), #222);
}


.main-container {
	padding-left:20px;
	padding-right:20px;
	margin-top:100px;
}




.asideColumnAdv {
    display: flex;
    flex-direction: column;
    grid-column-end: span 1;
    grid-column-start: 4;
    grid-row-end: span 2;
    grid-row-start: 1;
    position: relative;
}

.asideColumnAdv-linksList {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
	width: 100%;
}


.asideColumnFunnyAcction-text {background-color:#e7f8ff;}



.article-funny-contact {font-size:20px;font-weight:bold:color:#444;}
.article-funny-contact-text {text-align:center;}

.FirstNewsBgColor {background-color:#f8f9fa;}
.asideColumnTitle{padding-left:16px; padding-bottom:20px;font-weight:bold;}

.aqq-eyes {height:28px;}