/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 29 2025 | 13:12:35 */
:root {
	--primary: #102C47;
	--secondary: #065498;
	--background: #fff;
	--altbg:#e6edf4;
}

/* CAROUSEL */
.wp-block-post-excerpt p {
	margin-bottom:0;
}

.vysledky .swiper{
	margin: -40px 0;
	padding: 40px 20px 60px 20px;
}

.vysledky .swiper-button-next::after,.vysledky .swiper-button-prev::after {
	color: var(--primary);
}

.vysledky-section-alt {
	position:relative;
	margin-top: -80px;
	z-index: 5;
}

.swiper-pagination-bullet {
	background-color: var(--primary);
	width: 30px;
	border-radius: 5px;
}


/* RESULTS TABLE */
.data-container {
	border-radius: 20px;
	background-color: #eee;
	padding: 1.5em;
	margin-bottom: 1em;
}

.db-values article {
	background-color: var(--background);
	padding: 1em;
	border-radius: 20px;
	margin: 1em 0;
}

.db-values article p {
	margin-bottom:0;
}

.db-values .no-results {
	text-align: center !important;
	margin-bottom: 0;
}

.pagination {
	justify-content:space-between;
	align-items: center;
	margin-bottom: 1.5em;
}

.pagination-desktop {
	display: flex;
}

.pagination-mobile {
	display:none;
}

.pagination .active-page {
	background-position: left bottom;
}

.pagination button {
	width: 200px;
}

.pagination .page-btn {
	width: 75px !important;
	margin: 0 .5em;
}

.pagination #nextPage{
	margin-left: 1em;
}

#pageInfo {
	margin: 0;
}

#pageInfo .page-number {
	font-weight: bold;
	font-size: 20px;
}

.filterBox {
	display:flex;
	align-items: end;
}

.filterYear {
	margin-right: 2em;
}

.filterText {
	width: 20%;
	margin-right: 2em;
}

#totalCount {
	margin-top: 1em;
}


/* LOADER */
#loadingText {
	display:flex;
	justify-content:center;
	margin: 2em 0;
}
#loadingText p {
	text-align:center;
}

#loadingText .loader {
	margin-left: 1.25em;
}


.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid var(--primary);
  animation:
    l20-1 0.8s infinite linear alternate,
    l20-2 1.6s infinite linear;
}
@keyframes l20-1{
   0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
   12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
   25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
   50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
   100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{ 
  0%    {transform:scaleY(1)  rotate(0deg)}
  49.99%{transform:scaleY(1)  rotate(135deg)}
  50%   {transform:scaleY(-1) rotate(0deg)}
  100%  {transform:scaleY(-1) rotate(-135deg)}
}
@media (max-width: 1024px){	
	.btn-text {
		display: none;
	}
	.pagination button {
		width: 75px;
	}
	.pagination .page-btn {
		width: 65px !important;
		text-wrap: nowrap
		margin: 0 .35em;
	}
	.db-values {
		margin-bottom: 2em !important;
	}
}


@media (max-width: 600px) {
	.swiper-button-next, .swiper-button-prev {
		display:none;
	}
	
	.filterBox {
		display:block;
		margin-top: 2em;
	}
	
	.filterText {
		width: 100%;
		margin-right: 0;
	}
	
	.filterYear  {
		margin-top: .75em;
	}
	
	#totalCount {
		font-size: 16px;
	}
	
	.db-values {
		margin-bottom: 2em !important;
	}
	
	.selected-res {
		margin-top: 2em;
	}
	
	.pagination button {
		width: 150px;
	}
	
	.pagination .page-btn {
		width: 50px !important;
		text-wrap: nowrap;
		margin: 0 .20em;
	}
	
	.pagination-mobile {
		display:flex;
	}
	.pagination-desktop .page-selector{
		display:none;
	}
	
	.pagination .pages {
		display:flex;
		width: 100%;
		justify-content:center;
		align-items:center;
	}
}