/* Add your custom styles here */
footer a:link, footer a:visited  {font-size: 0.75rem; color: white;}
footer a:hover {background-color: white;}
footer ul {margin: 0.185rem 0; padding: 0; float: right; list-style-type: none;}
footer ul:first-of-type {margin-top: 0.75rem;}
footer ul li {display: inline-block; float: right; margin: 0.2rem;}
footer ul li:after {content: "\b7"; position: relative; top: 2px; padding-left: 0.4rem; display: inline-block; color: #696969;}
footer ul li:last-of-type {margin-right: 0;}
footer ul li:last-of-type:after {display: none;}

.jrPageDescription {overflow: visible !important;}
div[id^='google_ads_iframe']:before {display: block; width: 100%; height: 0; transform: translateY(-0.75rem); content:"REKLAMA"; font-size: 0.5rem; color: #999; text-align: center; overflow: visible;}
#af_sidebar div[id^='google_ads_iframe'] {margin-top: 1em;}

/* Grid styles for resolution up to 767px */
@media only screen and (max-width: 47.938rem) {

    footer {padding-bottom: 0.9375rem;}
    footer ul {float: left;}
    footer ul li {float: left;}

}

.ads-zone{
	text-align: center;
}

@media (max-width: 480px) {
	#ads_zone_header{
		min-height: 100px;
	}
}
@media (min-width: 481px) and (max-width: 991px) {
	#ads_zone_header{
		min-height: 90px;
	}
}
@media (min-width: 992px) {
	#ads_zone_header{
		min-height: 200px;
	}
}

#ads_toplayer > div{
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
	display: grid; 
	justify-content: center; 
	align-items: center;
	visibility: visible !important;
}


#ads_toplayer img[src$="close.gif"] {
	width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #000;
    padding: 5px;
    position: relative;
	top: 38px;
    right: 4px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	transition: transform 0.3s ease-in-out;
}

#ads_toplayer img[src$="close.gif"]:hover {
  transform: scale(1.1); /* Powiększenie o 10% */
}

#ads_toplayer > div > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td {
	height: auto;
}

#ads_toplayer > div > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td > a > img {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.ads-zone:before {
    display: block;
    content: "Reklama";
    position: relative;
    left: 50%;
    font-size: 0.45rem;
    text-transform: uppercase;
    color: #999;
    transform: translateX(-50%);
}