/* ZPO - styles for Splide test migration */

.splide {
    height: 412px;
    width: 100%;
    margin: 0 0 60px;
    padding: 0;
    border: none;
    position: relative;
}

/*mleko*/
.splide .splide__list >li:nth-child(1) .eprogramy  {
	background-image: url(../../images/slider/drink_milk.jpg);
	background-repeat: no-repeat;
	height: 412px;
	width: 100%;
}
.splide .splide__list li .eprogramy #mleko {
	background-image: url(../../images/mleko.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 100px;
	margin-right: 50px;
}
.splide .splide__list li .eprogramy #mleko a {
	height: 174px;
	width: 240px;
	display: block;
	text-indent: -99999px;
}
.splide .splide__list li .eprogramy #mleko a:hover {
	background-image: url(../../images/mleko_2.png);
}

/*owoce*/
.splide .splide__list>li:nth-child(2) .eprogramy {
	background-color: #CCC;
	width: 100%;
	height: 412px;
	background-image: url(../../images/slider/owoce.jpg);
	background-repeat: no-repeat;
}
.splide .splide__list li .eprogramy #owoce {
	background-image: url(../../images/owoce_w_szkole.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 70px;
	margin-right: 55px;
}
 .splide .splide__list li .eprogramy #owoce a {
	height: 190px;
	width: 344px;
	display: block;
	text-indent: -99999px;
}
.splide .splide__list li .eprogramy #owoce a:hover {
	background-image: url(../../images/owoce_w_szkole2.png);
}

/*lepsza szkola*/
.splide .splide__list >li:nth-child(3) .eprogramy  {
	background-image: url(../../images/slider/lepsza_szkola.jpg);
	background-repeat: no-repeat;
	height: 412px;
	width: 100%;
}
 .splide .splide__list li .eprogramy #lepsza {
	background-image: url(../../images/lepsza.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 90px;
	margin-right: 60px;
}
.splide .splide__list li .eprogramy #lepsza a {
	height: 233px;
	width: 200px;
	display: block;
	text-indent: -99999px;
}
.splide .splide__list li .eprogramy #lepsza a:hover {
	background-image: url(../../images/lepsza2.png);
}
/*szkola z klasa*/
.splide .splide__list >li:nth-child(4) .eprogramy  {
	background-image: url(../../images/slider/szkola2.jpg);
	background-repeat: no-repeat;
	height: 412px;
	width: 100%;
}
.splide .splide__list li .eprogramy #szkola2 {
	background-image: url(../../images/szkola2_2.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 100px;
	margin-right: 55px;
}
 .splide .splide__list li .eprogramy #szkola2 a {
	height: 201px;
	width: 201px;
	display: block;
	text-indent: -99999px;
}
.splide .splide__list li .eprogramy #szkola2 a:hover {
	background-image: url(../../images/szkola2_0.jpg);
}
/*mistrzowie kodowania*/
.splide .splide__list >li:nth-child(5) .eprogramy  {
	background-image: url(../../images/slider/mkodowania.jpg);
	background-repeat: no-repeat;
	height: 412px;
	width: 100%;
}
.splide .splide__list li .eprogramy #mkodowania {
	float: right;
	margin-top: 47px;
	margin-right: 228.525px;
}
 .splide .splide__list li .eprogramy #mkodowania a {
	height: 158px;
	width: 377px;
	display: block;
	text-indent: -99999px;
}
.splide .splide__list li .eprogramy #mkodowania a:hover {
        background-image: url(../../images/btn_mkod.jpg);
        background-repeat: no-repeat;
}
/*szkola front*/
.splide .splide__list >li:nth-child(6) .eprogramy  {
	background-image: url(../../images/slider/szkola_front.jpg);
	background-repeat: no-repeat;
	height: 412px;
	width: 100%;
}
/*szkola bezpieczna--------------------------------------------------------------------*/
.splide .splide__list >li:nth-child(7) .eprogramy  {
	background-image: url(../../images/slider/bezpieczna.jpg);
	background-repeat: no-repeat;
	height: 412px;
	width: 100%;
}
.splide .splide__list li .eprogramy #bezpieczna {
	background-image: url(../../images/slider/certyfikat_bezp1.jpg);
	background-repeat: no-repeat;
	float: right;
	margin-top: 0px;
	margin-right: 90px;
}
 .splide .splide__list li .eprogramy #bezpieczna a {
	height: 203px;
	width: 219px;
	display: block;
	text-indent: -99999px;
}
.splide .splide__list li .eprogramy #bezpieczna a:hover {
	background-image: url(../../images/slider/certyfikat_bezp2.jpg);
}



/* === RESPONSIVE SPLIDE BASE TEST === */

.splide {
    aspect-ratio: 1250 / 412;
    height: auto;
}

.splide .splide__track,
.splide .splide__list,
.splide .splide__slide,
.splide .eprogramy {
    height: 100%;
}

/* === RESPONSIVE SPLIDE: skalowanie tla === */

.splide .splide__slide > .eprogramy {
    background-position: center;
}