﻿.artykuly{
   display: flex;
   justify-content: flex-start;
   align-items: stretch;
   flex-wrap: wrap;
   gap: 1.4%;
}

.aktualnosci-tlo{
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   padding: 0px;
   text-align: left;
   margin-bottom: 48px;
}

.strona-dzial{
   font-family: "Sen", sans-serif;
   font-size: 16px;
   color: #484848;
   display: block;
   padding: 6px 0px;
   font-weight: 400;
   /* display: none; */
}

.strona-data{
   font-family: "Sen", sans-serif;
   font-weight: 400;
   color: #484848;
   font-size: 16px;
   margin: 0px 0px 4px 0px;
   display: flex;
   align-items: center;
}

.strona-data span:last-child{
   display: none;
}

.strona-data:before, .strona-tresc-data:before{
    /* font-family: "Font Awesome 5 Free"; */
    /* content: url(../grafika/data.png); */
    color: #000;
    background-color: #e2b13b;
    display: flex;
    width: 56px;
    height: 56px;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    display: none;
}

/* .strona-data:after, .strona-tresc-data:after{
   content: "";
   width: 40px;
   height: 1px;
   background-color: #f20300;
   position: absolute;
   bottom: 3px;
   left: 0;
} */

.strona-tresc-data {
   display: flex;
   padding: 16px 0px;
   position: relative;
   align-items: center;
}

.strona-tresc-data span:last-child{
   display: none;
}


.strona-tresc-dzial {
 font-size: 16px;
 display: none
}
.aktualnosci-filtr {
 font-size: 13px;
 margin: 2px 0;
}
.strona-tresc-filtr {
 margin: 4px 0;
}
.strona-tresc-dzial,
.strona-tresc-filtr strong,
.aktualnosci-filtr strong {
 color: #2b2a29;
}
.strona-tytul2{
   margin: 8px 0px 16px 0px;
   text-align: left;
   font-family: "Sen", sans-serif;
   font-weight: 500;
   font-size: 22px;
   color: #104996;
}

.strona-tytul2:after{
   content:"";
   width: 40px;
   height: 1px;
   background-color: #f20300;
   position: absolute;
   bottom: -8px;
   left: 0;
   display: none;
}

.h1-tytul{
   margin: 8px 0px 16px 0px;
   text-align: left;
   font-family: "Sen", sans-serif;
   font-weight: 500;
   font-size: 24px;
   color: #104996;
}

/* .strona-tytul2 a:before{
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 99;
} */

.modul-tytul2{
   font-size: 17px;
   font-weight: 700;
}


.strona-tytul2:hover{
   opacity:0.7;
}

.artykul-tresc-tlo{

}

.strona-skrot{
   font-family: "Quicksand", serif;
   font-weight: 400;
   color: #000;
   font-size: 16px;
   /*line-height: 20px;*/
}

.strona-skrot p{
   padding: 0px;
   margin:0px;
}

.artykul-ikona-tlo{
   background-size: cover;
   background-position: center;
   overflow: hidden;
}
.aktualnosci-ikona-tlo {
   overflow: hidden;
   margin-top: 0px;
   margin-right: 24px;
   width: 280px;
   height: 192px;
   min-width: 224px;
   min-height: 152px;
   border:1px solid #ebebeb;
   border-radius: 8px;
}
.strona-tresc-ikona {
   width: 100%;
   height: 192px;
   background-repeat: no-repeat;
   background-size: cover;
   float: left;
   margin: 0px 16px 16px 0px;
}

.aktualnosci-ikona:before{
   content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 2px solid #164b8d; /* Ramka 2px */
    border-radius: 8px;
    pointer-events: none; /* Umożliwia interakcje z zawartością diva */
}

.strona-ikona {

}
.aktualnosci-ikona{
   width: 100%;
   height: 192px;
   min-height: 152px!important;
   transition: 1.0s;
   transform: scale(1);
   background-size: contain!important;
   background-position: center center !important;
}

.artykul-tlo:hover .aktualnosci-ikona{
transition: 1.0s;
transform:scale(1.1);
}

.strona-ikona-blur{
   display: block!important;
}

.aktualnosci-tresc-tlo{
/*	width: 498px;
   margin-top:0px;*/
   width: min-content;
   flex: 1 1 auto;
   margin-top: 0px;
}

.aktualnosci-wiecej-tlo{
   display:none;
}

.aktualnosci-powrot-tlo{
   display: flex;
   justify-content: center;
   order: 2;
   align-items: center;
   margin-top: 16px;
   max-width: 1232px;
   margin: 0px auto 40px auto;
   /* padding-right: 32px; */
}

.aktualnosci-archiwum-tlo{
	/* display: none;*/
	margin-top:16px;
}

a.aktualnosci_powrot, a.aktualnosci-powrot{
    padding: 20px 52px 20px 40px;
    margin-top: 8px;
    color: #164b8d;
    text-decoration-color: transparent;
    font-size: 18px !important;
    font-weight: 500;
    font-family: "Sen", sans-serif;
    text-align: center;

    list-style: none;
    width: auto;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b5d0e3;
    width: 32.45%;
    box-shadow: inset 0 0 0 8px #b5d0e3, inset 0 0 0 10px #114d89;
    border-radius: 16px;
}

a.aktualnosci_powrot:hover, a.aktualnosci-powrot:hover{
   /*transition: 0.3s;*/
   /* background: #f5f5f5; */
   opacity:0.7;
}

a.aktualnosci_powrot:after, a.aktualnosci-powrot:after{
   font-family: "Font Awesome 5 Free";
   /* content: "\f054"; */
   content: url(../grafika/wiecej.png);
   position: relative;
   top: -3px;
   right: -7px;
}

h2.h2-tytul{
   font-family: 'Lato', sans-serif;
   color: #000;
   font-weight: 400;
   font-size: 24px;
   padding-bottom: 16px;
   margin: 0px 0px 0px 0px;
   text-transform: none;
   border-bottom: 1px solid #e6e6e6;
}

/*Archiwum*/
.aktualnosciarchiwum-tlo{
   width: 100%;
   border-bottom: 1px solid #ebebeb;
   padding-bottom: 24px;
   padding-top: 24px;
   position: relative;
}
.aktualnosciarchiwum-ikona-tlo {
   display: none;
}
.aktualnosciarchiwum-wiecej{
   display:none;
}

.aktualnoscilistawydarzen-dzial{
   display: none;
}



/*Startowe*/
/**/

.aktualnosci-startowe{
   padding: 0px 0px;
   position: relative;
   /* background: #fff; */
}


.aktualnosci-tlo{
   display: block;
   flex-wrap: wrap;
   width: 32.4%;
   padding: 0px 0px;
   text-align: left;
   background: #fff;
   margin-bottom: 16px;
   position: relative;
   border-bottom: none;
}

.aktualnosci-tlo:before{
   background-color: #e2b13b;
   content: "";
   width: 113px;
   height: 3px;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -3px;
   margin: 0 auto;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
   display: none;
}

.aktualnosci-tlo:hover::before{
   width: 100%;
}

.aktualnosci-ikona-tlo{
   width: 100%;
   height: auto;
   aspect-ratio: 1.5;
   margin: 0px 0px 0px 0px;
   min-width: 120px;
   border: none;
}

.aktualnosci-ikona{
   width: 100%;
   height: auto;
   aspect-ratio: 1.5;
}

.aktualnosci-tresc-tlo{
   padding: 8px 0px 24px 0px;
   width: 100%;
}

.aktualnosci-tlo .aktualnosci-tytul2{
   font-family: "Sen", sans-serif;
   text-decoration-color: transparent;
}

.aktualnosci-tlo .aktualnosci-tytul2 a{
   text-decoration-color: transparent!important;
}

.aktualnosci-tlo .aktualnosci-tytul2:before{
   content: "";
   position: absolute;
   background-color: #e2e2e2;
   width: 40px;
   height: 2px;
   bottom: -15px;
   left: 0;
   display: none;
}

.aktualnosci-tlo .aktualnosci-skrot{
   font-family: "Sen", sans-serif;
   font-weight: 400;
   color: #000;
   font-size: 18px;
   margin-top: 8px;
   line-height: 24px;
   display: none;
}

.aktualnosci-startowe .aktualnosci-powrot-tlo{
   margin-top: 0px;
   background: #fff;
   padding: 0;
   position: relative;
}

.podstrona .artykuly{
   gap: 2.4%;
}

.podstrona .aktualnosci-tlo{
   width: 48.8%;
}


@media all and (min-width: 640px) and (max-width: 1023px) {
	.aktualnosci-tlo{
        width: 48.5%;
    }
    a.aktualnosci_powrot, a.aktualnosci-powrot{
      width: 60%;
    }
}


@media all and (min-width: 0px) and (max-width: 639px) {
	.aktualnosci-tlo{
      flex-wrap: wrap !important;
      width: 100%;
    }
    .podstrona .aktualnosci-tlo{
      flex-wrap: wrap !important;
      width: 100%;
    }
	.aktualnosci-ikona-tlo{width: 100%;margin:0px;height:auto;}

	.aktualnosci-startowe{padding: 16px 8px;}
	.aktualnosci-startowe .aktualnosci-tlo{width: 100%;}
   .aktualnosci-tresc-tlo{
      padding-bottom: 20px;
   }
   a.aktualnosci_powrot, a.aktualnosci-powrot{
      width: 65%;
    }
}



@media all and (min-width: 1024px) and (max-width: 1279px) {
	.aktualnosci-startowe .aktualnosci-tlo{flex-wrap: nowrap;}

}
