/*
Theme Name:  Mapa Łebian
Theme URI:   http://mapalebian.pl
Description: Motyw potomny Twenty Twelve dla serwisu Mapa Łebian. Zawiera wyłącznie zmiany wyglądu; funkcje serwisu są we wtyczce „Mapa Łebian”.
Author:      Radosław Czyżewski
Template:    twentytwelve
Version:     2.0.0
Requires at least: 6.4
Requires PHP: 8.1
License:     GPL-2.0-or-later
Text Domain: mapalebian
*/

/* =Kolorystyka i typografia (kontrast WCAG)
-------------------------------------------------------------- */

body {
	font-size: 16px;
	font-size: 1.2rem;
	color: #000;
}

a,
a:hover,
.entry-content a:visited,
.comment-content a:visited,
.widget-area .widget a,
.widget-area .widget a:hover,
.widget-area .widget a:visited,
.template-front-page .widget-area .widget li a,
.template-front-page .widget-area .widget li a:hover,
.format-status .entry-header header a,
.format-status .entry-header header a:hover,
article.format-aside h1 a,
article.format-aside h1 a:hover {
	color: #1a4a72;
}

del,
.site-header h1 a,
.site-header h1 a:hover,
.site-header h2 a,
.site-header h2 a:hover,
.site-header h2,
.main-navigation a,
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption,
.author-description p,
footer.entry-meta,
article.format-aside .aside {
	color: #000;
}

.entry-content th,
.comment-content th,
.archive-meta,
#wp-calendar,
.format-link header,
.format-quote .entry-content blockquote,
.entry-header .comments-link a,
.entry-header .comments-link a:visited {
	color: #1a4a72;
}

.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
	color: #000;
}

.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #1a4a72;
}

.main-navigation li {
	font-size: 16px;
	font-size: 1.1rem;
}

@media screen and (min-width: 600px) {
	.main-navigation li a,
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus,
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #1a4a72;
	}
}

/* =Układ
-------------------------------------------------------------- */

/* Lekko przezroczysta strona na tle mapy. */
.site {
	background-color: rgba(255, 255, 255, 0.95);
}

.site-content article {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

footer.entry-meta {
	margin-top: 0;
}

img.header-image,
.header-image {
	border-radius: 0;
	box-shadow: none;
}

/* Panel boczny (infobox). Obszar widgetów strony głównej ma klasę .widget-area2. */
.widget-area {
	margin-top: 170px;
	padding: 15px;
	border: 1px solid #a1a1a1;
	background: rgba(0, 175, 237, 0.1);
}

@media screen and (max-width: 599px) {
	.widget-area {
		margin-top: 24px;
	}
}

aside.widget {
	margin-bottom: 0 !important;
}

.mlb-birthplace,
.mlb-birthplace a {
	color: #b00000 !important;
}

/* Lista nazwisk (wtyczka Posts per Cat) – bez nagłówka kategorii. */
.ppc h3 {
	display: none;
}

/* =Stopka
-------------------------------------------------------------- */

.site-info .imprint {
	display: none;
}

.site-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 15px;
}

.mapalebian-partners {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 15px;
}

.mapalebian-partners img {
	display: block;
	max-height: 60px;
	width: auto;
}

/* =Galerie
-------------------------------------------------------------- */

.gallery {
	margin: auto;
}

.gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}

.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery .gallery-caption {
	margin-left: 0;
}

/* Galeria zdjęć (wtyczka Image Wall). */
#tmn-image-wall img.tmn-image-wall-item {
	margin: 3px;
	border-radius: 0;
}

#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-1 { max-width: 84px; width: 84px; }
#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-2 { max-width: 174px; width: 174px; }
#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-3 { max-width: 264px; width: 264px; }
#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-4 { max-width: 354px; width: 354px; }
#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-5 { max-width: 444px; width: 444px; }
#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-6 { max-width: 534px; width: 534px; }
#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-7 { max-width: 624px; width: 624px; }
#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-8 { max-width: 714px; width: 714px; }
#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-9 { max-width: 804px; width: 804px; }
#tmn-image-wall img.tmn-image-wall-item.tmn-image-wall-span-cols-10 { max-width: 894px; width: 894px; }