/*
Theme Name: Prorocykatolik (Astra – motyw potomny)
Theme URI: https://prorocykatolik.pl
Description: Motyw potomny Astry odtwarzający wygląd starej strony prorocykatolik.pl: lewe menu, kafelki nad treścią i w prawej kolumnie. Projekt i wdrożenie: webbuzz.pl
Author: webbuzz.pl
Author URI: https://webbuzz.pl
Template: astra
Version: 1.0.0
Text Domain: astra-prorocykatolik
*/

/* 1. Oryginalne style starej strony – w osobnej warstwie, żeby treść ze starej strony
      mogła wrócić do nich zamiast do stylów Astry (zob. .pk-legacy niżej). */
@layer legacy {
.company{
	font-family: verdana,arial,helvetica;
	font-size: 15px;
	color: #FFFFFF;
	font-weight:bold;
}

.slogan {
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

.magin {
	padding:5px;
}
table { 
	font-size:100%;
} 
body { font-size:76%;
	margin:0;
	padding:0;
	background-image: url("images/bgindex.jpg"); 
	background-position:top; 
	background-repeat:repeat-x;
	background-color:#344955;
}

a:link {color: #29617E; text-decoration: underline;}
a:visited {color: #29617E; text-decoration: underline;}
a:hover {color: #2790C5; text-decoration: underline;}
a:active {color: #2790C5; text-decoration: underline;}

.bgmenu{ background-color:#235068;}
.bgnav{ background-color:#235068;}
.bgtop{background-image: url("images/bgtop.jpg");}
.bgbody{background-color:#ffffff;}
.exl{ 
	background-image: url("images/exl.jpg"); 
	width:11px;
}
.exr{ 
	background-image: url("images/exr.jpg");
	width:9px;
}
.bgbottom{background-image: url("images/bgbottom.jpg");}
.menu_t{background-image: url("images/menu-t.jpg");}
.menu_b{background-image: url("images/menu-b.jpg");}
.line{ background-image: url("images/line.jpg");} table { font-family: Verdana,sans-serif; font-weight: normal;}
body { font-family: Verdana,sans-serif; font-weight: normal;}
.bgPromo { border: 1px solid #000E81; background-color: #EFF6FF; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px}
.bordersolidstyle1 {
	margin: 2px;
	padding: 2px 5px;
	border: 1px solid #000000;
	background: #ffffff;
	text-align: left;
}
.bordersolidstyle2 {
	margin: 2px;
	padding: 2px 5px;
	border: 1px solid #A0A0A0;
	background: #eaeaea;
	text-align: left;
}
.bordersolidstyle3 {
	margin: 2px;
	padding: 2px 5px;
	border: 1px solid #EAB721;
	background: #FFF2CC;
	text-align: left;
}
.bordersolidstyle4 {
	margin: 2px;
	padding: 2px 5px;
	border: 1px solid #2A75E7;
	background: #C4E4FF;
	text-align: left;
}
.bordersolidstyle5 {
	margin: 2px;
	padding: 2px 5px;
	border: 1px solid #C30207;
	background: #FFE1E2;
	text-align: left;
}
.borderdashedstyle1 {
	margin: 3px;
	padding: 2px 5px;
	border: 1px dashed #666666;
	background: #ffffff;
	text-align: left;
}
.borderdashedstyle2 {
	margin: 3px;
	padding: 2px 5px;
	border: 1px dashed #C30207;
	background: #FFE1E2;
	text-align: left;
}
.borderdashedstyle3 {
	margin: 3px;
	padding: 2px 5px;
	border: 1px dashed #2A75E7;
	background: #C4E4FF;
	text-align: left;
}
.borderdashedstyle4 {
	margin: 3px;
	padding: 2px 5px;
	border: 1px dashed #77E104;
	background: #F4FFE8;
	text-align: left;
}
.bordergraystyle1 {
	margin: 3px;
	padding: 2px 5px;
	border-top: 5px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 5px solid #666666;
	border-left: 1px solid #666666;
	background: #F3F3F3;
	text-align: left;
}
.bordergraystyle2 {
	margin: 3px;
	padding: 2px 5px;
	border-top: 1px solid #666666;
	border-right: 5px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 5px solid #666666;
	background: #F3F3F3;
	text-align: left;
}
.bordergraystyle3 {
	margin: 3px;
	padding: 2px 5px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 5px solid #666666;
	border-left: 1px solid #666666;
	background: #ffffff;
	text-align: left;
}
.bordergraystyle4 {
	margin: 3px;
	padding: 2px 5px;
	border-top: 5px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	background: #ffffff;
	text-align: left;
}
.bordernotestyle1 {
	margin: 3px;
	padding: 2px 5px;
	border-top: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-left: 7px solid #ff0000;
	background: #FFFFFF;
	text-align: left;
}
.bordernotestyle2 {
	margin: 3px;
	padding: 2px 5px;
	border-top: 5px solid #ff0000;
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	background: #FFFFFF;
	text-align: left;
}
.borderstyledotted1{
	border: 2px dotted #666666; 
	background-color: #EAEAEA; 
	padding: 2px 5px;
	margin: 3px;
	text-align: left;
}
.borderstyledotted2{
	border: 2px dotted #1DCD00; 
	background-color: #F0FFDF; 
	padding: 2px 5px;
	margin: 3px;
	text-align: left;
}
.borderstyledotted3{
	border: 2px dotted #008AFF; 
	background-color: #DFF7FF; 
	padding: 2px 5px;
	margin: 3px;
	text-align: left;
}
.borderstyledotted4{
	border: 2px dotted #DF0000; 
	background-color: #FFEFEF; 
	padding: 2px 5px;
	margin: 3px;
	text-align: left;
}
.borderstyledbl1 {
	border: 4px double #3867EE; 
	background-color: #EAF3FF; 
	padding: 2px 5px;
	margin: 3px;
	text-align: left;
}
.borderstyledbl2 {
	border: 4px double #6DD200; 
	background-color: #EEFFEA; 
	padding: 2px 5px;
	margin: 3px;
	text-align: left;
}
.borderstyledbl3 {
	border: 4px double #DF0000; 
	background-color: #FFF2F2; 
	padding: 2px 5px;
	margin: 3px;
	text-align: left;
}
.borderstyledbl4 {
	border: 4px double #000000; 
	background-color: #FFFFFF; 
	padding: 2px 5px;
	margin: 3px;
	text-align: left;
}
a.hostlink:active {color: #FFFFFF; text-decoration:none;font-size:9px;font-weight: bold;}
a.hostlink:link {color: #FFFFFF; text-decoration:none;font-size:9px;font-weight: bold;}
a.hostlink:visited {color: #FFFFFF; text-decoration:none;font-size:9px;font-weight: bold;}
a.hostlink:hover {color: #FFFFFF; text-decoration:none;font-size:9px;font-weight: bold;}

.bgpowered {
	color:#3F3F3F; 
	font-size:10px; 
	font-weight:bold; 
	font-family:Verdana; 
	border:#4F4F4F solid 1px;
	background-color:#FFFFFF;
	display: inline-table;
}
.bgpowered2 {
	background-image:url("images/bgpowered2.gif");
	background-position:right top; 
	background-repeat: no-repeat; 
	background-color:#FFFFFF; 
	padding-right:8px;
	padding-left:8px; 
	padding-top:4px;
	padding-bottom:4px;
}
.marginpw {
	padding-top:3px;
	padding-bottom:2px;
}
.marginpw2 {
	padding-left:15px;
	padding-right:2px;
	background-image:url("images/bgpowered.jpg");
	background-position:left; 
	background-repeat: no-repeat; 
}
/* set margin padding =0 company name , slogan */
div.company *{padding:0; margin:0;}
div.slogan *{padding:0; margin:0;} .company {
	font-family: verdana,arial,helvetica;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}
.slogan {
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.magin {
	padding: 5px;
}
table {
	font-size: 12px;
	font-family: Verdana,sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
}
body {
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-image: url("images/bgindex.jpg");
	background-position: top;
	background-repeat: repeat-x;
	background-color: #344955;
	font-family: Verdana,sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
}
a:link {
	color: #29617E;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
a:visited {
	color: #29617E;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
a:hover {
	color: #2790C5;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	font-style: normal;
}
a:active {
	color: #2790C5;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	font-style: normal;
}
.bgmenu {
	background-color: #235068;
}
.bgnav {
	background-color: #235068;
}
.bgtop {
	background-image: url("images/bgtop.jpg");
}
.bgbody {
	background-color: #ffffff;
}
.exl {
	background-image: url("images/exl.jpg");
	width: 11px;
}
.exr {
	background-image: url("images/exr.jpg");
	width: 9px;
}
.bgbottom {
	background-image: url("images/bgbottom.jpg");
}
.menu_t {
	background-image: url("images/menu-t.jpg");
}
.menu_b {
	background-image: url("images/menu-b.jpg");
}
.line {
	background-image: url("images/line.jpg");
}
.content_margin_top {
	padding-top: 0px;
}
.content_margin_bottom {
	padding-bottom: 0px;
}
.content_margin_left_right {
	padding-left: 0px;
	padding-right: 0px;
}
 

ul.rvnavigator {

	margin:0px;

	padding:0px;

	position: relative; 

}

ul.rvnavigator li{

	margin:0px;

	padding:0px;

	text-align: left;

	list-style: none;

	position: relative;

}

ul.rvnavigator a {

	margin:0px;

	text-decoration:none;  

	display:block;

	padding:5px 10px;

	color: #FFFFFF; 

	background-color:#235068; 

	border-top:#193A4B solid 1px;

	border-bottom:#193A4B solid 1px;

	font-family:Verdana;font-size:Default;font-style:;

}

ul.rvnavigator a:hover, ul.rvnavigator .current {

	display:block;

	color: #7CD1FF;

	padding:5px 10px; 

	background-color:#183849; 

	border-top:#193A4B solid 1px;

	border-bottom:#193A4B solid 1px;

	font-family:Verdana;font-size:Default;font-style:;

}



/*  css for submenu */

ul.rvnavigator ul {

	top: 0; 

	left: 100%;

	display: none; /*visibility: hidden;*/

	position: absolute;

	padding:0px; /* Change */

	z-index:25;

	width: auto; 

	margin: 0;

	list-style: none;

	

	border: #193A4B 1px solid;

	background-color: #235068;

	text-indent: 0px; /* Change */

	cursor:pointer;

}

ul.rvnavigator ul ul{

	width: 150px; /* Sub Menu Width */ 

	word-wrap: break-word;

	top: 0; 

	left: 100%; 

	background-color: #235068;

}

ul.rvnavigator ul li {

	word-wrap: break-word;

	text-align: left;

	border-bottom: 1px solid #193A4B;

	margin: 0px;

	padding: 0px;

	width:150px;

	background:none; 

}



/* 1st Submenu */

ul.rvnavigator li:hover li a, ul.rvnavigator li:hover li a span {

	white-space:normal;

	text-decoration: none;

	position: relative;

	display:block;

	padding:2px 3px;

	margin:0;

	width:144px;

	background:none;

    color:#FFFFFF; 

	text-align: left; 

	border:0;

	font-family:Verdana;font-size:Default;font-style:;

}

/* 1st Submenu Hover  */

ul.rvnavigator li:hover li a:hover {

	color:#7CD1FF; 

	text-decoration:none; 

	background-color:#183849;

	position: relative;

	display:block;

	padding:2px 3px;

	font-family:Verdana;font-size:Default;font-style:;

}

ul.rvnavigator li:hover li a:hover span {

	color:#7CD1FF; 

}

/* 2nd Submenu */

ul.rvnavigator li:hover li:hover li a {

	white-space:normal;

	text-decoration: none;

	position: relative;

	display:block;

	padding:2px 3px;

	width:144px;

	background:none;

    color:#FFFFFF;

	font-family:Verdana;font-size:Default;font-style:; 

}

/* 2nd Submenu Hover  */

ul.rvnavigator li:hover li:hover li a:hover{

	color:#FFFFFF; 

	text-decoration:none; 

	background-color:#183849;

	position: relative;

	display:block;

	padding:2px 3px;

	font-family:Verdana;font-size:Default;font-style:;

}

ul.rvnavigator li:hover li:hover li a:hover span {

	color:#FFFFFF; 

}

/* Hover Function - Do Not Move */

ul.rvnavigator li:hover ul ul,ul.rvnavigator li:hover ul ul ul {

	 display: none; 

 }

ul.rvnavigator li:hover ul,ul.rvnavigator ul li:hover ul,ul.rvnavigator ul ul li:hover ul { 

	display: block; 

}

.rvarrowsubmenu{ 

	float:right;

	padding-left:5px; 

}

ul.rvnavigator li:hover li a.arrowOne {

	background-image:url("images/blue_arrow.gif"); 

	background-position:right bottom; 

	background-repeat:no-repeat;

}

ul.rvnavigator li:hover li a.arrowsubOne {

	background-image:url("images/blue_linkarrow.gif"); 

	background-position:right center; 

	background-repeat:no-repeat;

}

.item .fwdarr {

	right: 7px;

	top: 10px; 

	position: absolute;	

}
ul.rvnavigator ul ul { border: #193A4B 1px solid; } 
ul.rvnavigator ul ul li { border-bottom:1px solid #193A4B; } 
 .pathway{	
	background-color:#FFFFFF; 
	border:2px solid #1E709D;
	margin:0 3px;  
	width:3px; 
	height:2px;
	padding:0;
}

/******** Photo Album **********/
.imagethumb{
	padding:3px;
	margin:5px;
	border:#BFBFBF solid 1px;  
	background-color:#FFF;
}
.imagethumb:hover{
	padding:3px;
	margin:5px;
	border:#000 solid 1px;  
	background-color:#FFF;
}
/******** Hidden block login **********/
#RVS_hideblock {
    display:none!important;
} /*Custom CSS*/ @import "ui.base.css";
@import "ui.theme.css";
 .ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

 .ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */
.pk-legacy{font-family:Verdana,sans-serif;font-size:12px;color:#000;line-height:normal;font-weight:normal;text-align:left}
.pk-legacy img{border-style:none}
}

/* 2. Treść ze starej strony: cofamy style Astry do stylów oryginalnych (warstwa legacy)
      i atrybutów HTML (width, border, bgcolor…). */
.pk-legacy, .pk-legacy *:not(svg, svg *) { all: revert-layer; }
.pk-legacy script, .pk-legacy style { display: none; }

/* 3. Tło i ramka strony */
body.pk-site { background: #344955 url(images/bgindex.jpg) repeat-x top; margin: 0; font-family: Verdana, sans-serif; font-size: 12px; color: #000; }
body.pk-site #page.site { width: max-content; min-width: 1290px; margin: 0 auto; background: url(images/exl.jpg) left top repeat-y, url(images/exr.jpg) right top repeat-y, #fff; padding: 0 9px 0 11px; box-sizing: border-box; }

/* 4. Nagłówek */
.pk-header { position: relative; height: 140px; background: url(images/bgtop.jpg) repeat-x; overflow: hidden; }
.pk-header::before, .pk-header::after { content: ""; position: absolute; top: 0; height: 140px; z-index: 0; }
.pk-header::before { left: 0; width: 14px; background: url(images/img-01.jpg); }
.pk-header::after { right: 0; width: 16px; background: url(images/img-02.jpg); }
.pk-header-inner { position: absolute; inset: 0; z-index: 1; }
.pk-header .pk-widget { margin: 0; }

/* 5. Kolumny */
body.pk-site .site-content > .ast-container { display: flex; flex-wrap: nowrap; align-items: flex-start; max-width: none; width: auto; margin: 0; padding: 0; }
body.pk-site .site-content > .ast-container::before, body.pk-site .site-content > .ast-container::after { display: none; }
.pk-left { flex: none; width: 168px; padding: 0 0 10px 4px; box-sizing: content-box; }
body.pk-site #primary { flex: none; width: 842px; min-width: min-content; max-width: none; margin: 0 !important; padding: 8px 8px 5px !important; float: none; box-sizing: border-box; border: 0; }
.pk-right { flex: none; width: 236px; padding: 8px 6px 5px 0; box-sizing: border-box; }
body.pk-site .site-main > article, body.pk-site .ast-article-single, body.pk-site .ast-article-post { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.pk-site .entry-content { margin: 0 !important; }
body.pk-site .entry-header, body.pk-site .post-navigation, body.pk-site .ast-single-related-posts-container, body.pk-site .comments-area, body.pk-site .ast-author-box, body.pk-site .entry-meta { display: none !important; }
body.pk-site .ast-container > .site-main, body.pk-site #secondary { display: none; }

/* 6. Lewa kolumna – menu główne */
.pk-left .pk-widget { margin: 0 0 10px; }
.pk-left .menu-menu-glowne-container { background: #235068; }
.pk-left .menu-menu-glowne-container::before { content: ""; display: block; height: 20px; background: url(images/img-03.jpg) left top no-repeat, url(images/img-04.jpg) right top no-repeat, url(images/menu-t.jpg) repeat-x; }
.pk-left .menu-menu-glowne-container::after { content: ""; display: block; height: 35px; background: url(images/img-05.jpg) left top no-repeat, url(images/img-06.jpg) right top no-repeat, url(images/menu-b.jpg) repeat-x; }
#menu-menu-glowne { list-style: none; margin: 0; padding: 0 3px; background: url(images/img-07.jpg) left top repeat-y, url(images/img-08.jpg) right top repeat-y, #235068; }
#menu-menu-glowne li { margin: 0; padding: 0; list-style: none; text-align: left; }
#menu-menu-glowne a { display: block; margin: 0; padding: 5px 10px; color: #fff; background-color: #235068; border-top: 1px solid #193A4B; border-bottom: 1px solid #193A4B; font: 12px/1.5 Verdana, sans-serif; text-decoration: none; }
#menu-menu-glowne a:hover, #menu-menu-glowne .current-menu-item > a { color: #7CD1FF; background-color: #183849; }
#menu-menu-glowne .sub-menu { list-style: none; margin: 0 0 0 10px; padding: 0; }

/* 7. Lewa kolumna – polecane linki */
.pk-left .menu-polecane-strony-container { width: 158px; box-sizing: border-box; border: 4px solid #ff0055; background: #fff; font-weight: bold; }
#menu-polecane-strony { list-style: none; margin: 0; padding: 0; }
#menu-polecane-strony li { margin: 0; padding: 4px; border: 1px solid #ff0055; font: bold 12px Verdana, sans-serif; }
#menu-polecane-strony a { color: #29617E; text-decoration: none; }
#menu-polecane-strony a:hover { color: #2790C5; text-decoration: underline; }

/* 8. Kafelki (bloki „Obraz” z podpisem i linkiem) */
.pk-tiles { background: #ff0055; padding: 3px; display: grid; gap: 0; box-sizing: border-box; }
.pk-tiles-top { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 10px; }
.pk-tiles-side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pk-tiles .pk-widget { margin: 0; min-width: 0; display: flex; }
.pk-tiles .pk-widget > * { flex: 1; }
.pk-tile, .pk-tiles .wp-block-image { margin: 0 !important; display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; background: #486777; border: 1px solid #fff; padding: 4px 3px 6px; text-align: center; box-sizing: border-box; height: 100%; }
.pk-tiles .wp-block-image > a { display: flex; align-items: center; justify-content: center; height: 74px; }
.pk-tiles .wp-block-image img { max-height: 70px; max-width: 100%; width: auto; height: auto; border: 0; }
.pk-tiles-top .wp-block-image > a { height: 110px; }
.pk-tiles-top .wp-block-image img { max-height: 104px; }
.pk-tiles .wp-block-image figcaption, .pk-tiles .wp-element-caption { margin: 5px 0 0; color: #fff; font: bold 12px/1.3 Arial, sans-serif; overflow-wrap: anywhere; }
.pk-tiles figcaption a, .pk-tiles .pk-tile-text a { color: #fff !important; text-decoration: none; }
.pk-tiles .wp-block-image:hover, .pk-tile-text:hover { background: #3a5664; }
.pk-tiles p.pk-tile-text { margin: 0; font: bold 12px/1.3 Arial, sans-serif; color: #fff; justify-content: center; }
.pk-tiles p.pk-tile-text a { display: block; }
.pk-tiles p.pk-tile-text strong { font-size: 26px; display: block; }

/* 9. Stopka */
.pk-footer { position: relative; height: 75px; background: url(images/bgbottom.jpg) repeat-x; }
.pk-footer::before, .pk-footer::after { content: ""; position: absolute; bottom: 0; width: 25px; height: 75px; }
.pk-footer::before { left: 0; background: url(images/img-09.jpg); }
.pk-footer::after { right: 0; background: url(images/img-10.jpg); }
.pk-footer-inner { position: absolute; inset: auto 0 12px 0; text-align: center; font: 12px Verdana, sans-serif; color: #fff; }
.pk-footer-inner a { color: #fff; }
.pk-footer .pk-widget { margin: 0; }

/* 10. Mapa strony, formularz */
.pk-sitemap { background: #fff; padding: 14px 18px; font: 13px/1.6 Verdana, sans-serif; }
.pk-sitemap h2 { font-size: 15px; color: #235068; }
.pk-kontakt-table td { padding: 4px 8px; vertical-align: top; }
.pk-form-ok { color: #0a7a2f; font-weight: bold; }
.pk-form-err { color: #c00; font-weight: bold; }