body {
	padding:0;
	margin:0;
	color: #161616 !important;
}

.mb-60 {
	margin-bottom: 60px;
}

.powrot {
  	font-size: 16px;
  	color: #161616;
  	text-decoration: none;
	display: flex;
  	align-items: center;
  	line-height: 1;
}

.powrot:before {
	background: url(/wp-content/themes/filatelista/img/arrow.svg);
    background-size: auto;
	transform: rotate(180deg);
  	display: flex;
  	content: '';
  	width: 18px;
  	background-size: contain !important;
  	height: 18px;
	margin-right: 5px;
}

.post-type-archive-znaczek .row, .post-type-archive-klaser .row {
	--bs-gutter-y: 1.5rem;
}

.post-type-archive-znaczek header .row, .post-type-archive-klaser header .row {
	--bs-gutter-y: auto !important;
}

@media (max-width: 768px) {
	.mb-60 {
  		margin-bottom: 30px;
	}
}


/*Header*/
header {
  	margin-bottom: 60px;
}

.site-header {
  	padding-top: 30px;
  	padding-bottom: 30px;
  	border-bottom: 1px solid rgba(0,0,0,0.25);
}

.logo {
  	text-decoration: none;
  	font-size: 20px;
  	display: flex;
  	align-items: center;
  	/*color: #2e3192;*/
	color: #161616;
}

.site-header .logo img {
  	width: 30px;
  	margin-right: 15px;
}

.wyloguj img {
	width: 20px;
  	margin-right: 5px;
}

.navbar {
  	padding: 0;
  	margin-right: 15px;
  	display: flex;
}

.navbar-nav {
  	display: flex;
  	gap: 15px;
}

.navbar-nav li a, .wyloguj {
  	text-decoration: none;
  	color: #161616;
  	font-size: 16px !important;
  	line-height: 1;
  	display: flex;
  	align-items: center;
}

.navbar.navbar-mobile {
  	margin-right: 0;
}

#searchform {
  margin-right: 30px;
}

#searchform input {
	border-radius: 0 !important;
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	height: 36px !important;
}

#searchsubmit {
	border: none;
	background-color: #161616;
	color: #fff !important;
	height: 36px !important;
  	padding-left: 10px;
  	padding-right: 10px;
  	font-size: 12px;
  	font-weight: bold;
  	letter-spacing: 0.5px;
}

#searchform-mobile {
  	margin-top: 15px;
  	margin-bottom: 15px;
  	width: 100%;
  	margin-right: 0 !important;
  	padding-right: 0 !important;
}

#searchform-mobile > div {
  display: flex;
  gap: 10px !important;
}

#searchform-mobile input[name="s"] {
	width: 100%;
}

#main-menu-mobile .navbar-nav li a {
  line-height: 1.6;
  font-size: 20px !important;
}

@media (max-width: 768px) {
	.logo {
		font-size: 16px;
		line-height: 1.1;
	}
	
	.wyloguj span {
		display: none;
	}
	
	.wyloguj img {
		margin-right:0;
		width: 24px;
	}
	
	.navbar-toggler img {
	  width: 24px;
	  margin-right: 15px;
	}
}

@media print {
	header {
		display: none;
	}
	
	.print-d-none {
		display: none;
	}
}

/*Strona glowna - logowanie*/
.logowanie p.login-username, .logowanie p.login-password {
    display: flex ;
    flex-direction: column;
}

.logowanie label {
    margin-bottom: 5px;
}

.logowanie input[type="text"], .logowanie input[type="password"] {
    height: 40px;
}

/*Strona glowna - zalogowany uzytkownik*/
.startKafelek {
  	display: flex;
  	background: #fdfdfd;
  	margin-bottom: 15px;
}

.startKafelek a {
	display: flex;
	margin:0;
	text-decoration: none;
	height: 100%;
 	width: 100%;
	color: #161616;
	padding: 15px;
}

.startKafelek:hover {
	background-color: #2e3192;
	color: #fff !important;
}

.startKafelek h2 {
	margin:0;
	padding:0;	
	font-size: 18px;
  	font-weight: normal;
	display: inline-flex;
	align-items: center;
}

.startKafelek:hover a, .startKafelek:hover h2 {
	color: #fff !important;
}

.startKafelek h2::before {
  	background: url(/wp-content/themes/filatelista/img/arrow.svg);
    background-size: auto;
	background-repeat: no-repeat;
  	display: flex;
  	content: '';
  	width: 40px;
  	background-size: contain !important;
  	height: 40px;
	margin-right: 15px;
}

.startKafelek:hover h2::before, .startKafelek a:hover h2::before {
	background: url(/wp-content/themes/filatelista/img/arrow-white.svg);
}

@media (max-width: 768px) {
	.startKafelek a {
		padding: 15px;
	}
	
	.startKafelek h2 {
		font-size: 16px;
    	display: inline-flex;
    	align-items: center !important;
    	width: 80%;
    	flex-direction: row;
		margin-right: 15px;
  	}
	
	.seria_kolejnosc {
		width: 20%;
	}
	
	.startKafelek h2::before {
		background-repeat: no-repeat;
	 	display: flex;
	  	content: '';
	  	min-width: 20px;
	  	background-size: contain !important;
	  	min-height: 20px;
	 	margin-right: 15px;
	 	max-width: 20px;
	 	max-height: 20px;
	}
}


/*Znaczek - podstrona archiwum*/
.znaczekImg {
  	background: #fdfdfd;
  	width: 100%;
  	aspect-ratio: 1;
  	margin-bottom: 15px;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	padding: 15px;
}

.znaczekImg img {
  	max-width: 100%;
  	max-height: 100%;
}

.znaczek:hover {
	opacity: 0.9;
}

.znaczek a, .znaczek h2 {
  	color: #161616;
  	font-size: 16px;
	text-decoration: none !important;
}

a.znaczek {
  text-decoration: none;
}

@media (max-width: 768px) {
	.pagination-nav {
	  	margin-top: 30px;
	  	font-size: 19px;
	  	border-top: 1px solid #ededed;
	  	padding-top: 15px;
	}
}

/*Znaczek - podstrona znaczka*/
.znaczek-info ul {
  	margin-top: 30px;
  	list-style-type: none;
  	padding: 0;
}

.znaczek-seria, .znaczek-klaser {
  	margin-top: 30px;	
}

.znaczek-info li {
  	display: flex;
  	justify-content: space-between;
  	line-height: 3;
  	border-bottom: 1px solid rgba(0,0,0,0.25);
}

.znaczek-seria ul {
  	padding: 0;
  	list-style-type: '- ';
  	margin-left: 10px;
  	margin-top: 10px;
  	line-height: 1.8;
}

.znaczek-klaser ul {
  	padding: 0;
  	list-style-type: '- ';
  	margin-left: 10px;
  	margin-top: 10px;
  	line-height: 1.8;
}

.znaczek-klaser li a, .znaczek-seria li a {
  	text-decoration: none;
  	color: #161616;
}

.znaczek-klaser li a:hover, .znaczek-seria li a:hover {
	color: #2e3192;
	text-decoration: underline;
}

.znaczek-zdjecia img {
	max-width: 70%;
	margin-bottom: 1.5rem;
}

.znaczek-zdjecia span {
  	display: block;
  	color: rgba(0,0,0,0.5);
  	margin-bottom: 5px;
}

@media(max-width: 768px) {
	.znaczek-zdjecia {
	  	display: flex;
		margin-bottom: 1.5rem;
	}
	
	.znaczek-zdjecia img {
		max-width: 90%;
		margin-bottom:0;
	}
}

#udostepnij {
  	margin-top: 60px;
  	display: block;
  	font-size: 14px;
  	background: #fdfdfd;
 	padding: 15px;
  	color: #161616;
  	text-decoration: none;
  	width: fit-content;
}

#udostepnij:hover {
	background-color: #2e3192;
	color: #fff !important;
}

@media print {
	#udostepnij {
		display: none;
	}
}

/*Seria - podstrona archiwum*/
.seria_kolejnosc {
  	margin-left: auto;
  	align-self: center;
  	font-size: 12px;
}


/*Klaser - podstrona danego klasera*/
#klaser_strony {
  	padding-top: 60px;
  	padding-bottom: 60px;
	background-color: #fdfdfd;
}

.klaser_strona {
	display: flex;
	margin-bottom: 15px;
	padding: 15px;
}

.klaser_strona:nth-child(even) {
	background-color: rgba(255,255,255,0.8);
}

.klaser_strona_tytul {
  	width: 30%;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	font-weight: bold;
}

.klaser_strona_tytul p {
  margin-bottom: 10px;
}

.klaser_strona_zdjecia {
	width: 70%;
	display: flex;
	gap: 15px;
	justify-content: flex-end;
}

.klaser_strona_zdjecia img {
	max-width: 120px !important;
}

.strona_link {
	color: #161616;
	text-decoration: none;
	display: flex;
 	align-items: center;
	font-weight: normal !important;
}

.strona_link:after {
	background: url(/wp-content/themes/filatelista/img/arrow.svg);
  	display: inline-flex;
  	content: '';
  	width: 16px;
  	background-size: contain !important;
  	height: 16px;
  	margin-left: 10px;
}


@media (max-width: 768px) {
	.klaser_strona {
		flex-wrap: wrap;
	}
	
	.klaser_strona_tytul {
		width: 100%;	
	}
	
	.klaser_strona_zdjecia {
  		width: 100%;
		justify-content: flex-start;
		margin-top: 15px;
	}
	
	#klaser_wszystkie_znaczki .row {
	  --bs-gutter-y: 1.5rem;
	}
}


/*Paginacja*/
.pagination-nav .page-numbers {
  	display: flex;
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	gap: 15px;
  	justify-content: flex-end;
  	text-decoration: none;
}

.pagination-nav .page-numbers {
	color: #161616 !important;
}

.pagination-nav .page-numbers.current {
  	font-weight: bold;
	color: #2e3192 !important;
}


/*Footer*/
footer {
	border-top: 1px solid rgba(0,0,0,0.25);
	padding-top: 30px;
	margin-top: 60px;
	margin-bottom: 30px;
}

.text-right {
	text-align: right;
}

@media print {
	footer {
		display: none;
	}
}


/*Sidebar sortowanie*/
#sortowanieSidebar {
	
}

#sort {
  	width: 80%;
  	display: block;
  	background: none;
  	border: 1px solid #ddd;
  	height: 40px;
  	padding-left: 10px;
  	margin-bottom: 15px;
  	cursor: pointer;
  	font-size: 16px;
}

#sortowanieSidebar label, #sortowanieSidebar legend {
  	font-size: 12px;
  	font-weight: bold;
  	opacity: 0.5;
  	margin-bottom: 5px;
  	letter-spacing: 0.5px;
	display: block;
}

#sortowanieSidebar .select2-container {
  	width: 80% !important;
}

#sortowanieSidebar .select2-container--default .select2-selection--single {
	background: none;
	border: 1px solid #ddd;
	height: 40px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 16px;
	color: #000 !important;
	border-radius: 0;
}

#sortowanieSidebar .select2-container--default .select2-selection--single span {
	color: #000 !important;
}

#select2-select-rk-container, .select2-selection__arrow {
  	height: 40px !important;
	color: #000 !important;
}

#select2-select-rk-container {
  display: flex;
  align-items: center;
}

#sortowanieSidebar .select2-selection__placeholder {
	height: 40px !important;
  	display: flex;
  	align-items: center;
}

#sortowanieSidebar .select2-selection__clear {
  	cursor: pointer;
  	float: left !important;
  	font-weight: bold;
  	height: 38px !important;
  	margin-right: -5px !important;
  	padding: 0 !important;
  	margin-left: 10px !important;
}

#sortowanieSidebar .select2-container--default .select2-selection--single .select2-selection__clear span {
	color: red !important;
}

#sortowanieSidebar button[type="submit"] {
  	width: 80%;
  	height: 40px;
  	border: none;
  	background-color: #161616;
  	color: #fff;
  	margin-top: 15px;
  	font-weight: bold;
  	font-size: 15px;
  	letter-spacing: 0.5px;
}

.lista-checkboxow label {
	font-weight: 500 !important;
  	line-height: 1.1;
  	opacity: 1 !important;
  	display: flex !important;
  	gap: 5px;
  	align-items: flex-start;
  	margin-bottom: 8px !important;
  	letter-spacing: normal !important;
  	width: 80%;
}

#klaser-search, #seria-search, #tag-input {
	padding-left: 15px;
  	width: 80%;
  	height: 40px;
  	border: 1px solid #ddd;
}

#tag-list {
	margin-bottom: 15px;
}

.tag-chip {
  	font-size: 15px;
  	background: #fdfdfd;
  	padding: 5px;
  	margin-top: 5px !important;
  	display: flex;
  	width: fit-content;
  	align-items: center;
  	gap: 3px;
}

.tag-chip .remove {
  	-webkit-appearance: none !important;
  	border: none;
  	background: none;
  	font-weight: bold;
  	color: red;
}

.sortowanieSidebarToggle {
	width: 100%;
  	height: 40px;
  	border: none;
  	background-color: #161616;
  	color: #fff;
  	margin-top: 15px;
  	font-weight: bold;
  	font-size: 15px;
  	letter-spacing: 0.5px;
	display: flex;
  	text-decoration: none;
  	justify-content: center;
  	align-items: center;
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	#mobileFilters {
  		display: block !important;
	}
	
	.sortowanieSidebarToggle {
		display: none !important;
	}
}