/* 

				Aktualności
	
*/
#aktualnosci h4 {
  font-size: 16px;
  border-left: 4px solid #929292;
  padding: 0px 6px;
  color: #929292;
  padding-top: 0px;
  margin-top: 13px;
}
#aktualnosci p {
  padding-left: 6px;
  border-left: 4px solid #929292;
  line-height: 17px;
}

div#art-list #bottom-row {
  width:100%;
}
div#art-list #bottom-row a {
  padding: 0px 15px;
}
div#art-list div.card-content {
  display: inline-flex;
  width: 100%;
  padding: 5px 0px 0px;
}
div#art-list img.card-img {
  height: 100%;
  margin: auto;
}
div#art-list img.card-ikon {
  height: 80%;
  margin: auto;
  padding:10px;
}
div#art-list h3.card-title {
  line-height: 20px !important;
  width: 100%;
  margin: 0px !important;
  font-size: 1rem;
  height:45px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div#art-list img.card-category {
  width: 100%;
  font-size: 0.8rem;
}
div#art-list ul.list li.card span{
  font-size: 0.8rem;
}
div#art-list img.card-date {
  width: 100%;
}
div#art-list ul.list li.card {
  width: 100%;
  margin-bottom: 10px;
  padding: 0px;
  border: 1px solid #dbdbdb;
  position: relative;
}

div#art-list .pagination li {
  display:inline-block;
  padding:5px;
}
div#art-list #left-column {
  padding:4px 4px 0px 4px;
}
div#art-list #right-column {
  padding:10px 10px 0px 10px; width:60%
}
#icon-rodzaj {
  width: 120px;
  height: 90px;
}
#icon-wydarzenie {
  width: 180px;
  height: 90px;
}


div#nav-years {
  width: 100%;
  height: 24px;
  text-align: center;
  margin: 8px auto;
}
div#nav-years a {
  padding: 4px 8px;;color: #555;margin-right: 6px;
  background: #f8f8f8;
  border: 1px solid #eee;

}
div#nav-years a.year-selected {
  padding: 4px 8px;;color: #fff;margin-right: 6px; background: #3dc0f5;
}
div#nav-years a:hover {
  background: #3dc0f5;
  color: #fff;
}

div#art-list ul.list li.card:hover {
  /* background: #e6e6e6; */
  border: 1px solid #09a0f1 !important
}
div#art-list ul.list li.card span.card-category-nowosci {
  padding: 2px 10px;
  background: #D6A006;
  color: white;
}
div#art-list ul.list li.card span.card-category-ogloszenia {
  padding: 2px 10px;
  background: #575756;
  color: white;
}
div#art-list ul.list li.card span.card-category-fotorelacje {
  padding: 2px 10px;
  background: #936037;
  color: white;
}
div#art-list ul.list li.card span.card-category-szkolenia {
  padding: 2px 10px;
  background: #DC3445;
  color: white;
}
div#art-list ul.list li.card span.card-category-webinary {
  padding: 2px 10px;
  background: #70B73E;
  color: white;
}
div#art-list ul.list li.card span.card-category-artykuly_produktowe {
  padding: 2px 10px;
  background: #CA9E67;
  color: white;
}
div#art-list ul.list li.card span.card-category-wyprzedaze {
  padding: 2px 10px;
  background: #1BA8E1;
  color: white;
}
div#art-list ul.list li.card span.card-category-promocje {
  padding: 2px 10px;
  background: #356CB4;
  color: white;
}
div#art-list ul.list li.card span.card-category-park_maszynowy {
  padding: 2px 10px;
  background: #ee1f1f;
  color: white;
}
div#art-list ul.list li.card span.card-category-film_reklamowy {
  padding: 2px 10px;
  background: #7329fc;
  color: white;
}
div#art-list ul.list li.card span.card-category-artykuly-produktowe {
  padding: 2px 10px;
  background: #CA9E67;
  color: white;
}
div#art-list ul.list li.card span.card-category-park-maszynowy {
  padding: 2px 10px;
  background: #ee1f1f;
  color: white;
}
div#art-list ul.list li.card span.card-category-film-reklamowy {
  padding: 2px 10px;
  background: #7329fc;
  color: white;
}

div#art-list ul.list li.card span.card-pasek-nowosci {
  background: #D6A006;
}
div#art-list ul.list li.card span.card-pasek-ogloszenia {
  background: #575756;
}
div#art-list ul.list li.card span.card-pasek-fotorelacje {
  background: #936037;
}
div#art-list ul.list li.card span.card-pasek-szkolenia {
  background: #DC3445;
}
div#art-list ul.list li.card span.card-pasek-webinary {
  background: #70B73E;
}
div#art-list ul.list li.card span.card-pasek-artykuly_produktowe {
  background: #CA9E67;
}
div#art-list ul.list li.card span.card-pasek-wyprzedaze {
  background: #1BA8E1;
}
div#art-list ul.list li.card span.card-pasek-promocja {
  background: #356CB4;
}
	#panel-share {
		margin-top:50px;
	}

	#grid-aktualnosci > div > a {
		display: inline-block;
		position: relative;
		background: none;
		cursor: pointer;
		width: 31.33%;
		text-align: center;
		height: 100px;
		margin: 10px;
		padding: 0px;
		border: 1px solid #ddd;
		}
	#grid-aktualnosci > div > a > span {
		display: block;
		position: initial;
		height: 30px;
		/* padding: 34px; */
		font-size: 1.8em;
		height: 100%;
		line-height: 120px;
	}
	#grid-aktualnosci > div > a::before,
	#grid-aktualnosci > div > a::after {
	  content: "";
	  width: 0;
	  height: 2px;
	  position: absolute;
	  transition: all 0.2s linear;
	  background: #6aa2f2;
	}
	
	#grid-aktualnosci > div > a > span::before,
	#grid-aktualnosci > div > a > span::after {
	  content: "";
	  width: 2px;
	  height: 0;
	  position: absolute;
	  transition: all 0.2s linear;
	  background: #6aa2f2;
	}
	#grid-aktualnosci > div > a:hover::before,
	#grid-aktualnosci > div > a:hover::after {
	  width: 100%;
	}
	#grid-aktualnosci > div > a:hover span::before,
	#grid-aktualnosci > div > a:hover span::after {
	  height: 100%;
	}
	/*----- a 4 -----*/
	#grid-aktualnosci > div > a::after {
	  right: 0;
	  bottom: 0;
	  transition-duration: 0.2s;
	}
	#grid-aktualnosci > div > a span::after {
	  right: 0;
	  bottom: 0;
	  transition-duration: 0.2s;
	}
	#grid-aktualnosci > div > a::before {
	  left: 0;
	  top: 0;
	  transition-duration: 0.2s;
	}
	#grid-aktualnosci > div > a span::before {
	  left: 0;
	  top: 0;
	  transition-duration: 0.2s;
	}
	
	
	#grid-aktualnosci > div > a span p {
	  position: relative;
	  display: inline-block;
	  overflow: hidden;
	}
	#grid-aktualnosci > div > a span p {
	  /* Same as before */
	  background: linear-gradient(to right, #2e446d, #6aa2f2 50%, #2e446d 50%);
	}
	#grid-aktualnosci > div > a span p {
	  /* Same as before */
	  background-clip: text;
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  background-size: 200% 100%;
	  background-position: 100%;
	  color: #0767b3;
	}
	#grid-aktualnosci > div > a span p {
	  /* Same as before */
	  transition: background-position 275ms ease;
	}
	#grid-aktualnosci > div > a:hover span p {
	  background-position: 0 100%;
	}

	.odstep-nav {
		height:40px;
	}

	#grid-aktualnosci > div > a {
		/* width: 18.9%; */
	width: 220px;
	height: 50px;
	margin: 5px;
	font-size: 12px;
	}
	#grid-aktualnosci > div > a > span {
	font-size: 1.3em;
	line-height: 18px;
	}
	#grid-aktualnosci > div a span p.single {
		line-height: 42px !important;
	}
	#grid-aktualnosci > div a span p.twice {
		line-height: 22px;
	}
	.card-ikon {
		width: 45px;
		height: 45px;
		margin-right: 10px;
		margin-top: 2px;
	}
	div#art-list #left-column {
	padding: 2px 10px 0px 10px;
	}

	#art-list .list {
		column-count: 1;
		margin: 0px auto;
		width: 100%;
		max-width: 750px;
		animation-name: example;
		animation-duration: 1s;
	}

	#content-articles {
		animation-name: example;
		animation-duration: 1s;
	}

	#grid-aktualnosci {
		animation-name: example;
		animation-duration: 1s;
	}


#content-article h1 {	
  font-size: 1.8em;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight:bolder;
}

#content-article h2 {	
  font-size: 1.2em;
}
#content-article h2 {		
  font-size: 1.4em;
  font-weight:bold;
  margin-top: 12px;
}
#content-article p {
  font-size: 1.2em;
  margin-bottom: 12px;
}
#content-article p a b {
  color:#09a0f1;
}
#content-article p a b:hover {
  text-decoration: underline;
}

#content-article a img {
  padding: 12px;
}
.lista-decimal li {
  font-size: 1.2em;
  list-style: decimal;
}
.lista-disc li {
  font-size: 1.2em;
  list-style: disc;
}
ul.lista-disc li a, ul.lista-decimal li a {
  color:#09a0f1
} 
ul.lista-disc li a:hover, ul.lista-decimal li a:hover {
  color:#09a0f1;
  text-decoration: underline;
} 

#content-article > ul > ul > li {
  font-size: 1.2em;
  list-style: disc;
} 
.odstep {
  margin: 10px 30px;
}

#content-article ul#galeria {
  display: inline-block;
  list-style: none;
  width: 100%;
}
#content-article ul#galeria li {
  width: 250px;
  float: left;
  margin: 1%;
  height: 250px;
}
#content-article ul#galeria li > a > img{
  max-width: 250px;
  max-height: 250px;
  object-fit: contain;
}

.lista-decimal > div > ul li, .lista-disc > div > ul li{
	list-style: none;
	margin-right: 5%;
}
.lista-decimal > div > ul li > div, .lista-disc > div > ul li > div {
	 height: 235px;
}

.lista-decimal > div > ul li > div > a > img , .lista-disc > div > ul li > div > a > img {
	 height: fit-content;
}

#content-article .row:after {
  content: "";
  display: table;
  clear: both;
}
#content-article .row {
  margin: 0 -5px;
}

#content-article .column {
  float: left;
  width: 250px;
  margin: 0 10px;
}
#content-article .card {
  text-align: center;
  width: 100%;
  height: 235px;
}
#content-article .card > div.container{
  width: 100%;
  text-align: center;
  padding: 10px 0px;
}

#content-article .card > a {
width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  }
#content-article .card > a > img {
  padding: 0px;
  width: auto;
  max-height: 235px;
}

.artCount {
	font-size: 11px;
color: #4e4e4e !important;
position: absolute;
right: 2px;
top: 13px;
line-height: 55px;
}

	@keyframes example {
	from {opacity: 0}
	to {opacity: 1}
	}

	/* The element to apply the animation to */
	/* div {
	width: 100px;
	height: 100px;
	background-color: red;
	animation-name: example;
	animation-duration: 4s;
	}  */

	@media handheld, only screen and (max-width: 980px) {
		#grid-aktualnosci > div > a {
			width: 280px !important;
			margin: 10px 5px !important;
		}
	}

	@media handheld, only screen and (max-width: 920px) {
		#grid-aktualnosci > div > a {
			width: 355px !important;
			margin: 10px 5px !important;
		}
	}
	@media handheld, only screen and (max-width: 767px) {
		#grid-aktualnosci > div > a {
			/*width: 100% !important;
			width: 48% !important;
			margin: 2px 0px !important;*/
			
			width: 48% !important;
			margin: 2px 0px !important;
			font-size: 9px !important;
			height: 45% !important;
		}
		.card-ikon {
			width: 30px !important;
			height: 30px !important;
			margin-top: 0px !important;
		}

		#grid-aktualnosci > div > a > span > p.twice {
			line-height: 12px !important;
		}
		#grid-aktualnosci > div a span p.single {
			line-height: 25px !important;
		}
		.odstep-nav {
			height:20px !important;
		}
		.artCount {
			line-height: 28px !important;
		}
	}