/*
Theme Name: BukowaCom
Theme URI: ---
Author: TM (grafista.pl)
Author URI: grafista.pl
Description: ---
Tags: ---
Version: 2024
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: [c]
License URI: ---
Text Domain: centrumbukowa.pl

BukowaCom WordPress Theme © 2024 TM
all right reserved (C)
*/

/* resetowanie stylów / czysty Wordpress */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    scroll-behavior: smooth;
}
body {
    line-height: 1;
}
a {
    text-decoration-skip-ink: auto;
}
a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}
button {
    outline: 0;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
q {
    display: inline;
    font-style: italic;
}
q:before {
    content: '"';
    font-style: normal;
}
q:after {
    content: '"';
    font-style: normal;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    padding: 2px;
}
big {
    font-size: 120%;
}
small,
sup,
sub {
    font-size: 80%;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
dd {
    margin-left: 20px;
}
kbd,
tt {
    font-family: courier;
    font-size: 12px;
}
ins {
    text-decoration: underline;
}
del,
strike,
s {
    text-decoration: line-through;
}
dt {
    font-weight: bold;
}
address,
cite,
var {
    font-style: italic;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}
.screen-reader-text:focus {
    background-color: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #007acc;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.skip-link {
    left: -9999rem;
    top: 2.5rem;
    z-index: 999999999;
    text-decoration: underline;
}
.skip-link:focus {
    display: block;
    left: 6px;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
    padding: 15px 23px 14px;
    z-index: 100000;
    right: auto;
}
.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

/* GLOBALNY CSS, mój standardowy: */ /* (c) Tobiasz Małysa 2024 */

*, body
{
font-family: 'Lato', sans-serif;
margin: 0;
padding: 0;

font-variant-numeric: tabular-nums;
font-variant-ligatures: none;
font-feature-settings: "liga" 0;
font-kerning: normal;
overflow-wrap: break-word; /* Zaktualizowane z word-wrap */
letter-spacing: normal;
word-spacing: normal;
hyphens: auto; /* Dodano */

--scrollbarTrackBackgroundColor: darkgrey;
--scrollbarTrackBorderColor: #000000;
--scrollbarThumbBackgroundColor: #ffffff;
--scrollbarThumbBorderColor: #000000;

--color_white: #ffffff;
--color_black: #000000;
--color_yellow: #F2C200;
--color_focus: #a1ce5e;

--color_accent1: #158382; /* nowy MORSKI */ /* #58574b; stary szary */
--color_accent2: #f1eadb;
--color_accent3: #f3b387;
--color_accent4: #ae6d52;
--color_accent5: #a1ce5e;
--color_accent6: #bbc3d6;
--color_accent7: #58574b;


--color_nav: var(--color_accent4);
--color_nav_underline: var(--color_accent7);
--color_nav-hover: var(--color_black);
--color_nav-hover-underline: var(--color_accent4);

--font_size_sm: 0.85rem;   /* 12px ?? */
--font_size_base: 1.1rem;  /* 1.0 rem */   /* 16px, ?? base */
--font_size_root: 1.1rem;    /* 16px, root */
--font_size_baseplus: 1.25rem;   /* 20px */
--font_size_md: 1.375rem;   /* 20px */
--font_size_lg: 1.5rem;    /* 24px */
--font_size_xl: 1.75rem;   /* 28px */
--font_size_xxl: 2.25rem;     /* 32px */
--font_size_xxxl: 3rem; /* 36px */
font-size: var(--font_size_root);

--line-height-sm: 1;
--line-height-standard: 2; /* 1.25 */
--line-height-base: 1.5;
--line-height-md: 1.75;
--line-height-lg: 2;
--line-height-xl: 2.5;
--line-height-xxl: 3;
line-height: var(--line-height-standard);

}

@media (max-width: 1000px) {
*, body
{
--font_size_sm: 0.85rem;   /* 12px ?? */
--font_size_base: 1.1rem;  /* 1.0 rem */   /* 16px, ?? base */
--font_size_root: 1.1rem;    /* 16px, root */
--font_size_baseplus: 1.15rem;   /* 20px */
--font_size_md: 1.25rem;   /* 20px */
--font_size_lg: 1.37rem;    /* 24px */
--font_size_xl: 1.5rem;   /* 28px */
--font_size_xxl: 1.75rem;     /* 32px */
--font_size_xxxl: 2.25rem; /* 36px */
}
}

html.koloryStandard * 
{ 
--color_white: #ffffff;
--color_black: #000000;

--color_accent1: #58574b; /* nowy MORSKI */ /* #58574b; stary szary */
--color_accent2: #f1eadb;
--color_accent3: #f1eadb; /* #f3b387 stary POMARAŃCZOWY */
--color_accent4: #ae6d52;
--color_accent5: #a1ce5e;
--color_accent6: #bbc3d6;
--color_accent7: #58574b;
}

html.koloryKontrast * 
{ 
--color_white: #000000;
--color_black: yellow;

--color_focus: #ffffff;
--color_accent1: #000000;
--color_accent2: #000000;
--color_accent3: #000000;
--color_accent4: #000000;
--color_accent5: #000000;
--color_accent6: #000000;
--color_accent7: #000000;
  text-decoration-color: #ffffff;
}

*, *::before, *::after {
    box-sizing: border-box;
    box-sizing: border-box;
    /* box-sizing: border-box; */
}

:focus
{
outline: none;
box-shadow: 0 0 0 7px var(--color_focus);
transition: box-shadow 0.5s ease;
}

a
{
color: var(--color_nav);
text-decoration: underline;
text-decoration-color: var(--color_nav_underline);
text-underline-offset: 5px;
}

a:hover
{
color: var(--color_nav-hover);
text-decoration: underline;
text-decoration-thickness: 0.2rem;
text-decoration-color: var(--color_nav-hover-underline);
text-underline-offset: 4px;
}

p
{
margin-top: 0.25em;
margin-bottom: 0.25em;
}

small
{
font-size: var(--font_size_sm);
}

sup 
{
vertical-align: sup;
font-size: var(--font_size_sm);
}

sub 
{
vertical-align: sub;
font-size: var(--font_size_sm);
}

blockquote
{
font-family: 'DM Mono', monospace;
margin: 8px;
padding: 16px;
border-left: 24px solid var(--leftBorderAccentColor);
margin-bottom: 1em;
}

blockquote:before {
}

blockquote:after {
}

pre
{
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
white-space: pre-wrap;
width: auto;
margin-top: 1em;
margin-bottom: 1em;
}

hr
{
margin-top: 16px;
margin-bottom: 16px;
color: var(--topBorderAccentColor);
border: 1px solid;
width: 66%;
}

fieldset
{
margin: 1em;
border: 0.2em dashed #000000;
padding: 1em;
margin-bottom: 2em;
}

legend
{
font-family: 'DM Mono', monospace;
font-weight: 600;
padding: 8px;
}

table
{
padding: 0;
margin: 0;
/* border: 1px solid var(--topBorderAccentColor); */
}

th
{
font-family: 'DM Mono', monospace;
font-weight: 600;
/* border: 1px dashed var(--topBorderAccentColor); */
}

thead > tr
{
/* border: 1px dashed var(--topBorderAccentColor); */
padding: 0;
}

table tr
{
/* border: 1px dotted var(--topBorderAccentColor); */
padding: 0;
margin: 0;
}

table td
{
/* border: 1px dotted var(--topBorderAccentColor); */
padding: 0;
margin: 0;
}

h6
{
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: var(--font_size_base);
margin-bottom: 1rem;
}

h5
{
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: var(--font_size_md);
margin-bottom: 1rem;
}

h4
{
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: var(--font_size_lg);
margin-bottom: 1rem;
}

h3
{
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: var(--font_size_xl);
margin-bottom: 1rem;
}

h2
{
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: var(--font_size_xxl);
margin-bottom: 1rem;
}

h1
{
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: var(--font_size_xxxl);
margin-bottom: 1rem;
}

li
{

}

ol 
{
  counter-reset: numbers;
  padding-left: 32px;
}
ol li 
{
  counter-increment: numbers;
}
ol li:before 
{
  content: counters(numbers, '.') ' ';
  /* Whatever custom styles you want here */
  color: var(--topBorderAccentColor);
  font-weight: bold;
}

ol 
{
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li 
{
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before 
{
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li 
{
  margin: 0;
}

li ol > li:before 
{
  content: counters(item, ".") " ";
}

ul 
{
  margin: 0;
  padding: 0;
}

ul:nth-of-type(1) 
{
  list-style-type: disc;
}

ul:nth-of-type(2) {
  list-style-type: circle;
}

ul:nth-of-type(3) {
  list-style-type: square;
}


ul > ul {
  margin: 0;
  padding: 0;
}

ul > li {
  display: table;
  margin-bottom: 0.1em;
}

ul > li:before {
  content: "•";
  display: table-cell;
  padding-right: 0.6em;    
}

li ul > li {
  margin: 0;
}

li ul > li:before {
  content: "◦";
}

li li ul > li:before {
  content: "▪";
}

strong
{
font-weight: 700;
}

em
{
font-style: italic;
}

.clearBoth
{
clear: both;
}

/* SCROLLBAR */

body::-webkit-scrollbar {
  width: calc(18px + .25em);
}

body::-webkit-scrollbar-track {
  background: var(--scrollbarTrackBackgroundColor);
  border: 1px solid var(--scrollbarTrackBorderColor);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--scrollbarThumbBackgroundColor);
  border-radius: 12px;
  border: 1px solid var(--scrollbarThumbBorderColor);
}

*,
*::before,
*::after {
/*
  box-sizing: border-box;
*/
}

/* dalszy CSS WORDPRESS (c) Tobiasz Małysa 2023 */

/* ŁAMANIE WYRAZÓW */

body
{
font-kerning: normal;
font-variant: common-ligatures tabular-nums proportional-nums;
font-feature-settings: "kern", "liga", "clig", "onum", "pnum";

hyphens: auto;
word-break: break-word;

-webkit-hyphens: auto;
-webkit-hyphenate-limit-before: 3;
-webkit-hyphenate-limit-after: 3;
-webkit-hyphenate-limit-chars: 6 3 3;
-webkit-hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-last: always;
-webkit-hyphenate-limit-zone: 8%;
-moz-hyphens: auto;
-moz-hyphenate-limit-chars: 6 3 3;
-moz-hyphenate-limit-lines: 2;
-moz-hyphenate-limit-last: always;
-moz-hyphenate-limit-zone: 8%;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: 6 3 3;
-ms-hyphenate-limit-lines: 2;
-ms-hyphenate-limit-last: always;
-ms-hyphenate-limit-zone: 8%;
hyphenate-limit-chars: 6 3 3;
hyphenate-limit-lines: 2;
hyphenate-limit-last: always;
hyphenate-limit-zone: 8%;

background-color: var(--color_accent1);
}

/* Stosuje ogólne zasady łamania tekstu */
body {
  /* Zapobiega wychodzeniu tekstu poza kontenery */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Kontroluje łamanie słów i wstawianie dywizów */
p, h1, h2, h3, h4, h5, h6, li {
  /* Włącza automatyczne dywizowanie w obsługiwanych językach i przeglądarkach */
  hyphens: auto;
}

/* Upewnij się, że język dokumentu jest ustawiony */
html {
  lang: pl; /* Przykład dla języka polskiego */
}


p
{
margin-bottom: 1em;
text-align: justify;
}

#wrapper
{
margin: 0 auto;
width: 100%;
max-width: 1600px;
background-color: var(--color_white);
}

/* MENU GÓRNE */

#menu
{
margin-top: 0em;
margin-bottom: 0em;
margin-right: 1em;
padding-left: 1em;
width: 100%;
}

.gorneMenuItem
{
padding-right: 1em;
white-space: nowrap;
font-size: var(--font_size_md);
line-height: var(--line-height-md);
}

.gorneMenuItem a
{
text-decoration: underline var(--color_nav_underline);
}

.biezaca
{
text-transform: uppercase;
font-weight: 500;
}

.gorneMenuItem a:hover
{
text-decoration: underline var(--color_nav-hover-underline);
}

/* STRONA GŁÓWNA główka */

.glowka
{
border-left: 32px solid var(--color_accent5);
padding: 1em;
}

.glowkaMenuOffset
{
border-left: 4px dotted var(--color_accent4);
}

.glowkaMenu
{
margin-left: 4px;
padding-left: 8px;
border-left: 4px dotted var(--color_accent4);
}

.linkLogo:focus
{
outline: none;
box-shadow: none;
transition: none;
}

.logoHomePage
{
    display: block;
    height: 320px;
    max-width: 640px;
    margin: 0 auto;
    background-image: url('logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; /* Wyśrodkowanie tła */
}

.logoHomePagePodstrony
{
    display: block;
    height: 320px;
    max-width: 640px;
    margin: 0 auto;
    background-image: url('logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; /* Wyśrodkowanie tła */
}

.logoHomePageMobilowe
{
    display: block;
    height: 320px;
    max-width: 640px;
    margin: 0 auto;
    background-image: url('logo_mobilowe.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; /* Wyśrodkowanie tła */
}

.logoNaPodstronie
{
    height: 160px;
    max-width: 800px;
    padding: 1em;
    background-image: url('logo_podstrony.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; /* Wyśrodkowanie tła */
}

.stopkaStempelek
{
    height: 200px;
    max-width: 320px;
    padding: 1em;
	margin: 0 auto;
    background-image: url('logo_stempelek.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; /* Wyśrodkowanie tła */
}

@media (max-width: 1000px) {
    .logoHomePage {
    min-height: 220px;
	max-width: 480px;
	height: auto;
    }

    .logoHomePagePodstrony {
    min-height: 220px;
	max-width: 480px;
	height: auto;
    }

    .logoHomePageMobilowe {
    min-height: 180px;
	max-width: 480px;
	height: auto;
    }
    
    .logoNaPodstronie {
    background-image: url('logo_podstrony_2wiersze.svg');
    min-height: 100px;
	max-width: 480px;
	height: auto;
    }
}

.logoHomePage.backgroundStandard
{
    background-image: url('logo.svg');
}

.logoHomePage.backgroundKontrast
{
    background-image: url('logo_negatyw.svg');
}

.logoHomePageMobilowe.backgroundStandard
{
    background-image: url('logo.svg');
}

.logoHomePageMobilowe.backgroundKontrast
{
    background-image: url('logo_negatyw.svg');
}


.logoHomePagePodstrony.backgroundStandard
{
    background-image: url('logo_podstrony.svg');
}

.logoHomePagePodstrony.backgroundKontrast
{
    background-image: url('logo_podstrony_negatyw.svg');
}

.logoHomePagePodstronyMobilowe.backgroundStandard
{
    background-image: url('logo_podstrony_2wiersze.svg');
}

.logoHomePagePodstronyMobilowe.backgroundKontrast
{
    background-image: url('logo_podstrony_2wiersze_negatyw.svg');
}

.stopkaStempelek.backgroundStandard
{
    background-image: url('logo_stempelek.svg');
}

.stopkaStempelek.backgroundKontrast
{
    background-image: url('logo_stempelek_negatyw.svg');
}

.glowkaDanePodstawoweLinki {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0.5em;
}

.glowkaDanePodstawoweLinki a {
  max-width: 128px;
  margin: 0.5em;
  text-decoration: none;
}

.glowkaDanePodstawoweLinki img {
  max-width: 100%;
  height: auto;
  max-height: 48px;
}

@media (min-width: 1261px) {
.stronaGlownaMobile
{
display: none;
}
}

@media (max-width: 1260px) {
.stronaGlownaHD
{
display: none;
}

.stronaGlownaMobile
{
display: inline;
}

.glowkaDanePodstawowe
{
margin-bottom: 1em;
}

.blokPodWyszukiwarka
{
margin-bottom: 1em;
}

}

.glowkaDanePodstawoweInfo
{
text-transform: uppercase;
font-size: var(--font_size_small);
}

.fotkaGlowna
{
display:block;
height:auto;
width:100%;
}

/* tekst powitalny */

.stronaGlownaTekstPowitalnyKontener
{
width: 100%;
max-width: 640px;
margin: 0 auto;
padding: 1em;
font-family: 'Merriweather', serif;
}

.pasekAktualizacjaKontener
{
margin-right: 1em;
}

.pasekAktualizacja
{
border-left: 0; border-radius: 0px 8px 8px 0px; padding-left: 1em; padding-right: 1em; background-color: var(--color_accent2); max-width: 1200px; width: 100%;
}

.ostatniaAktualizacjaTitle
{
font-size: 0.85em;
}

.ostatniaAktualizacjaData
{
padding-left: 0.5em; font-size: 1em;
}

.glowkaDanePodstawowe
{
border-radius: 10%; border-left: 4px solid var(--color_accent6); margin-top: 3em; padding-left: 1em; height: auto; align-self: start;
}

.glowkaDanePodstawowePozaGlowna
{
margin-top: 3em; padding-left: 1em; height: auto; align-self: start;
}

.glowkaDaneEmailDane
{
padding-left: 0.25em; font-size: var(--font_size_md); font-weight: 500;
}

.copyIcon
{
cursor: pointer;
}

.glowkaDaneTelefonNapis
{
align-items: center; display: flex; margin-top: 0.25em;
}

.glowkaDaneTelefonDane
{
padding-left: 0.25em; font-size: var(--font_size_md); font-weight: 500;
}

.glowkaDaneAdresNapis
{
align-items: end; display: center; margin-top: 0.25em;
}

/* WYSZUKIWARKA na głównej */

.wynikiWyszukiwania
{
padding-left: 1em;
text-align: center;
}

.wyszukiwarkaGlowna
{
width: 100%;
max-width: 480px;
padding: 1em;
margin: 0 auto;
}

.wyszukiwarkaGlownaMobile
{
display: flex;
align-items: center;
justify-content: center;
}

.wyszukiwarkaGlowna input
{
width: 100%;
max-width: 360px;
padding: 0.5em;
color: var(--color_black);
background-color: var(--color_white);
}

.wyszukiwarkaGlowna button
{
background-color: var(--color_accent2);
margin-left: 0.5em;
padding-left: 1em;
padding-right: 1em;
cursor: pointer;
}

.wyszukiwarkaGlowna button:hover {
  color: var(--color_black);
  background-color: var(--color_accent3);
  margin-left: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  cursor: pointer;
}

/* WYSZUKIWARKA w stopce */

.wyszukiwarkaStopka {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 2em;
  margin: 0 auto;
}

@media (max-width: 1000px)
{
.wyszukiwarkaStopka
{
flex-direction: column;
}
}

.wyszukiwarkaNaglowek
{
padding-left: 1em;
padding-right: 1em;
}

.input-group {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wyszukiwarkaStopka input {
  padding: 0.5em;
  color: var(--color_black);
  background-color: var(--color_white);
}

.wyszukiwarkaStopka button {
  color: var(--color_black);
  background-color: var(--color_accent2);
  margin-left: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
height: 3em;
}

.wyszukiwarkaStopka button:hover {
  color: var(--color_black);
  background-color: var(--color_accent3);
  margin-left: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  cursor: pointer;
}

.naglowek404
{
padding: 0.75em;
text-align: center;
}

.tresc404
{
padding: 0.75em;
}

.dopisek404
{
text-align: center;
}


/* KOLUMNY standard */

.kolumnyStandard
{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
gap: 20px;
padding-bottom: 2em;
}

@media (max-width: 1260px) {
.kolumnyStandard
{
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
}

.kolumnyStandardRewers
{
margin-top: 3em;
margin-bottom: 3em;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
gap: 20px;
}

@media (max-width: 1260px) {
.kolumnyStandardRewers
{
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
}

.kolumnyStandardZwykle
{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
gap: 20px;
margin-bottom: 5em;
}

  .kolumnaStandardPrawaZwyklaMobile {
    display: none;
  }

@media (max-width: 1260px) {
.kolumnyStandardZwykle
{
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    gap: 20px;
}

  .kolumnaStandardPrawaZwyklaMobile {
    display: block;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding-top: 2em;
  }

  .kolumnaStandardPrawaZwykla {
    display: none;
  }
}


.kolumnaStandardRewersLewa {
    border-radius: 10%;
    border-right: 4px solid var(--color_accent6);
    margin-top: 3em;
    padding-right: 1em;
    height: fit-content;
    align-self: start;
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.kolumnaStandardRewersLewaHeader {
    border-radius: 0px 16px 0px 0px;
    margin-top: -3em;
    background-color: var(--color_accent3);
    padding-top: 24px;
    padding-bottom: 0.5em;
    padding-right: 1em;
    padding-left: 64px;
    margin-right: 24px;
    height: 24px;
}

.kolumnaStandardRewersLewaKontenerObrazka {
    border-right: 24px solid var(--color_accent5);
    border-radius: 0px 0px 16px 0px;
    padding-left: 24px;
    background-color: var(--color_accent3);
}

.kolumnaStandardRewersLewaKontenerObrazkaIMG:after
{

}

.kolumnaStandardRewersPrawa {
padding: 1em;
width: 100%;
max-width: 640px;
margin: 0 auto;
justify-content: center;
/* vertical-align: center;
display: flex; 
flex-direction: column; */
}

.kolumnaStandardNaglowek {
    text-align: center;
    margin-top: 1em;
}

.kolumnaStandardNaglowek h2 {
    font-size: var(--font_size_xxxl);
    font-family: 'Lato';
    line-height: 1;
    color: var(--color_accent4);
}

.kolumnaStandardNaglowekZwykly {
    text-align: center;
    margin-top: 1em;
}

@media (max-width: 1000px)
{
.kolumnaStandardNaglowekZwykly
{
margin-top: 0;
}
}

.kolumnaStandardNaglowekZwykly h2
{
    font-size: var(--font_size_xxxl);
    font-family: 'Lato';
    line-height: 1.25;
    color: var(--color_accent4);
}

.kolumnaStandardNaglowek h2 .kolumnaStandardNaglowekDrugaLinia {
    font-size: 0.65em;
}

.kolumnaStandardTresc
{
padding-bottom: 1em;
font-family: 'Merriweather', serif;	
}

.stronaGlownaNewsy {
font-family: 'Merriweather';
}

.stronaGlownaNewsy ul {
padding-top: 1em;
}

.stronaGlownaNewsy li {
margin-bottom: 1em;
}

.stronaGlownaNewsy a {
}

.stronaGlownaNewsy .post-date {
font-style: italic;
text-transform: uppercase;
}

.stronaGlownaNewsyZobaczWiecejKontener
{
width: 100%;
margin: 0 auto;
text-align: center;
}

.stronaGlownaNewsyZobaczWiecej {
display: inline-block;
margin-top: 0.5em;
background-color: var(--color_accent2);
text-align: center;
padding: 1em;
border-radius: 10px;
font-weight: 600;
}

.stronaGlownaPowrotNaGore
{
display: inline-block;
margin-top: 2em;
margin-bottom: 2em;
background-color: var(--color_accent3);
text-align: center;
padding: 1em;
border-radius: 10px;
font-weight: 600;
}

.stronaGlownaPowrotNaGore a
{
color: var(--color_black);
}

.kolumnaStandardLewaZwykla
{
padding: 1em;
width: 100%;
max-width: 640px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
/* vertical-align: center; */
flex-direction: column;
}

@media (max-width: 1260px) {
.kolumnaStandardLewaZwykla
{
margin-top: 1em;
}
}

.kolumnaStandardPrawaZwykla {
  
  margin-top: 3em;
  padding-left: 1em;
/*  background-color: var(--color_accent2); */
}

.kolumnaStandardPrawaZwyklaNaglowek {
  border-radius: 16px 0px 0px 0px;
  margin-top: -3em;
  background-color: var(--color_accent3);
  padding-top: 24px;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 64px;
  margin-left: 24px;
}

.kolumnaStandardPrawaZwyklaZdjecie {
  border-left: 24px solid var(--color_accent5);
  border-radius: 0px 0px 0px 16px;
  padding-right: 24px;
  background-color: var(--color_accent3);
}

.kolumnaStandardPrawaZwyklaZdjecie {
  position: relative;
}

.kolumnaStandardPrawaZwyklaZdjecie::after {
  content: '';
  position: absolute;
  border-radius: 10%;
  border-left: 4px solid var(--color_accent6);
  top: 0;
  left: -50px; /* przesunięcie w lewo o 100px */
  right: 0;
  bottom: 0;
  z-index: 1;
}


/* KOLUMNY POSTY */

.kolumnyPostZwykly {
  display: flex;
  align-items: stretch;
  margin-bottom: 2em;
}

.kolumnyPostZwyklyKolumnaLewa {
  flex: 0 0 40%;
  max-width: 40%;
}

.kolumnyPostZwyklyKolumnaPrawa {
  flex: 1;
  background-color: var(--color_accent2);
  display: flex;
  align-items: center;
  justify-content: center;

}

.kolumnyPostZwyklyKolumnaPrawaZawartosc {
  width: 100%;
  max-width: 800px;
  padding: 1em;
  margin: 0 auto;
  text-align: center;
}

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

@media (max-width: 870px) {
  .kolumnyPostZwykly {
    display: table;
  }
  .kolumnyPostZwyklyKolumnaLewa,
  .kolumnyPostZwyklyKolumnaPrawa {
    max-width: 100%;
    
	  }
  .kolumnyPostZwyklyKolumnaLewa {
    display: flex;
    justify-content: center;
    align-items: center;
  }

.kolumnyPostZwyklyKolumnaPrawa
{
/* border-right: 24px solid var(--color_accent3); */
}

}

.kolumnyPostZwyklyKolumnaPrawaFull
{
width: 100%;
  background-color: var(--color_accent2);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* POSTY */

.postZwyklyTekstGlowna
{
font-family: 'Merriweather', serif;
padding-left: 1em;
padding-right: 1em;
padding-top: 2em;
padding-bottom: 2em;
width: 100%;
max-width: 1200px;
margin: 0 auto;
border-radius: 3%;
border-left: 3px solid var(--color_accent6);
border-right: 3px solid var(--color_accent6);
padding: 2em;
}

@media (max-width: 870px)
{
.postZwyklyTekstGlowna
{
border-radius: 0;
padding: 0.75em;
border: 0;
}
}

article
{
margin-top: 2em;
margin-bottom: 4em;
}

.postZwyklyTekst
{
font-family: 'Merriweather', serif;
padding-left: 2em;
padding-right: 2em;
padding-top: 2em;
padding-bottom: 2em;
width: 100%;
max-width: 1200px;
margin: 0 auto;
border-radius: 1%;
border-left: 3px solid var(--color_accent6);
border-right: 3px solid var(--color_accent6);
}

@media (max-width: 870px)
{
.postZwyklyTekst
{
padding-left: 1em;
padding-right: 1em;
}
}

.postBezObrazkaNaglowek
{
width: 100%;
margin-top: -2em;
margin-bottom: 2em;
}

.kolumnyPostZwyklyKolumnaPrawaZawartosc
{

}

.glowkaKolumnaPrawaNaglowek
{
border-radius: 0px 16px 0px 0px;
margin-top: -33px;
background-color: var(--color_accent2);
padding-top: 24px;
padding-bottom: 0.5em;
padding-left: 0em;
padding-left: 24px;
margin-right: 24px;
}

.glowkaKolumnaPrawaWnetrze
{
border-right: 24px solid var(--color_accent5);
border-radius: 0px 0px 0px 0px;
padding-left: 24px;
background-color: var(--color_accent2);
}

.kolumnaStandardNaglowekZwykly h2
{
border-radius: 50%;
border-bottom: 0px solid var(--color_accent5);
border-top: 3px solid var(--color_white);
margin: 0 auto;
padding: 1em;
}

@media (max-width: 1000px)
{
.kolumnaStandardNaglowekZwykly h2
{
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 1em;
}
}

.post-metadata {
    margin-top: 10px;
}

.meta-label {
    font-weight: bold;
    margin-right: 5px;
}

.meta-value {
    margin-right: 5px;
}

.post-date,
.post-category,
.post-author {
    display: inline-block;
    margin-right: 10px;
}

.linkPostKategorie
{
margin: 1em;
}

.postHR
{
text-align: center;
margin-top: 2em !important;
margin-bottom: 2em !important;
margin: 0 auto;
border: 1px dashed var(--color_accent2);
width: 50%;
}

.postKategorieSingleNaDole
{
text-align: center;
}

/* PAGINACJA POSTÓW */

.pagination {
    text-align: center;
    margin: 1em;
}

.pagination .page-numbers {
    display: inline-block;
    margin: 0 2px;
    padding: 5px 10px;
    background-color: var(--color_accent2);
    text-decoration: none;
    color: var(--color_black);
}

.pagination .page-numbers:hover {
    display: inline-block;
    margin: 0 2px;
    padding: 5px 10px;
    background-color: var(--color_accent1);
    text-decoration: none;
    color: var(--color_white);
}

.pagination .page-numbers.current {
    background-color: var(--color_accent5);
    color: var(--color_white);
}

/* SLIDER NA GŁÓWNEJ */

.headSliderBox
{
margin-top: 0;
margin-bottom: 96px;
}

@media only screen and (min-width: 1000px)
{
.headSliderBox
{
padding-left: 1em;
padding-right: 1em;
}
}

.headSliderNaglowek{
text-align: center;
width: 100%;
margin: 0 auto;
margin-bottom: 0rem;
}

.headSlider-container {
    width: 100%;
    overflow: hidden;
}

.headSlider {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease-in-out;
	padding: 1rem;
}

.headSlide {
    flex: 0 0 auto;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
} 

.headSlide img {
    height: 200px;
    width: auto;
}

.galeriaNaGlownej
{
width: 98%;
}


/* STOPKA */

#footer
{
background-color: var(--color_accent2);
width: 100%;
}

.stopkaWnetrze
{
width: 100%;
max-width: 1268px;
margin: 0 auto;
padding: 2em;
}

.stopkaWnetrzeMenu
{
text-align: center;
}

.stopkaWnetrzeMenu a
{
color: var(--font_color_black);
}

.stopkaStopki
{
background-color: var(--color_accent5);
width: 100%;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 2em;
color: var(--color_white);
}

@media only screen and (max-width: 1000px)
{
.stopkaKolumny
{
padding-top: 2em;
width: 100%;
margin: 0 auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
}

@media only screen and (min-width: 1001px)
{

.stopkaKolumny
{
width: 100%;
vertical-align: top;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
color: #000000;
}

.footer1column
{
text-align: center;
padding: 1em;
vertical-align: top;
display: table-cell;
}

.footer2column
{
text-align: left;
padding: 1em;
vertical-align: top;
display: table-cell;
}


.footer3column
{
text-align: left;
padding: 1em;
vertical-align: top;
display: table-cell;
}

.footer4column
{
text-align: center;
padding: 1em;
vertical-align: top;
display: table-cell;
}

}

.stopkaStopki a
{
color: var(--color_white);
text-decoration: none;
}

/* */
/* MENU mobilowe... */
/* */

/* stylizacja menu, od 1000px w górę / mniejsze rozdzielczości tylko mobilowe menu */

@media (max-width: 1000px) {
.gorneMenuHD
{
display: none;
}
}

.menuMobiloweLinia
{
display: none;
}

.menuMobiloweIkonka
{
display: none;
}

@media (max-width: 1000px) {
.menuNaGlownej
{
display: none;
}

.menuMobiloweOpenNav
{
margin-left: 5%;
float: left;
}

.menuMobiloweLinia
{
display: block;
text-align: center;
margin: 0 auto;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
border: 0.25pt dashed;
width: 50%;
}

.mobileMenuHR
{
color: #ffffff;
text-align: center;
margin: 0 auto;
margin-bottom: 1rem;
}

.mobileMenuTitle
{
color: yellow !important;
text-transform: uppercase;
font-size: var(--font_size_xl);
}

.mobileMenuUl li
{
width: 100%;
text-align: center;
}

.menuMobiloweIkonka
{
padding-right: 32px;
display: inline;
font-weight: 600;
font-size: var(--font_size_xl);
}

.menuMobiloweIkonka:hover
{
cursor: pointer;
color: var(--fontHoverUnderline_pagination);
text-decoration: none;
}

.menuNaGlownejPozostale
{
display: none;
}
}

.menuMobiloweIkonka a
{
color: #000000;
text-decoration: none;
}

.menuMobiloweIkonka a:hover
{
color: #000000;
}

.overlay {
  overflow: auto;
  height: 100vh;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  z-index: 99999;
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.menuMobiloweLinki li::before {
content: "\2E3D";
color: red;
font-weight: bold;
display: inline-block;
width: 1em;
text-align: right;
margin: 0 auto;
}

.overlay a {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-decoration: none;
  font-size: var(--font_size_md);
  color: yellow !important;
  display: block;
}

.overlay a:hover, .overlay a:focus {
color: yellow !important;
text-decoration: underline;
text-decoration-thickness: 0.2em;
text-decoration-color: #ff0000;
text-underline-offset: 0.2em;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

/* MENU HD mobilowe dla dostępności */

@media screen and (max-width: 1000px) {
.menuMobiloweOpenNavHD
{
display: none;
}
}

.menuMobiloweOpenNavHD
{
margin-left: 0.25em;
}

.menuMobiloweLiniaHD
{
display: block;
text-align: center;
margin: 0 auto;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
border: 0.25pt dashed;
width: 50%;
}

.mobileMenuHRHD
{
color: #ffffff;
text-align: center;
margin: 0 auto;
margin-bottom: 1rem;
}

.mobileMenuTitleHD
{
color: yellow !important;
text-transform: uppercase;
font-size: var(--font_size_xl);
}

.mobileMenuUlHD li
{
width: 100%;
text-align: center;
}

.menuMobiloweIkonkaHD
{
display: inline;
font-weight: 600;
font-size: var(--font_size_xl);
}

.menuMobiloweIkonkaHD:hover
{
cursor: pointer;
color: var(--fontHoverUnderline_pagination);
text-decoration: none;
}

.menuNaGlownejPozostaleHD
{
display: none;
}

.menuMobiloweIkonkaHD a
{
color: #000000;
text-decoration: none;
}

.menuMobiloweIkonkaHD a:hover
{
color: #000000;
}

.overlayHD {
  overflow: auto;
  height: 100vh;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-contentHD {
  z-index: 99999;
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.menuMobiloweLinkiHD li::before {
content: "\2E3D";
color: red;
font-weight: bold;
display: inline-block;
width: 1em;
text-align: right;
margin: 0 auto;
}

.overlayHD a {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-decoration: none;
  font-size: var(--font_size_md);
  color: yellow !important;
  display: block;
}

.overlayHD a:hover, .overlayHD a:focus {
color: yellow !important;
text-decoration: underline;
text-decoration-thickness: 0.2em;
text-decoration-color: #ff0000;
text-underline-offset: 0.2em;
}

.overlayHD .closebtnHD {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlayHD a {font-size: 20px}
  .overlayHD .closebtnHD {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

/* LIGHT BOX IMG OVERLAY */

@media (max-width: 1000px) {
  #lightbox-image {
    max-width: 80%;
    max-height: 80%;
  }
}

#lightbox-overlay {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}

#lightbox-image {
  max-width: 90%;
  max-height: 90%;
  cursor: pointer;
}

#lightbox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  color: #fff;
  border: none;
  font-size: 4rem;
  cursor: pointer;
}

#lightbox-image {
  max-width: 90%;
  max-height: 90%;
  cursor: pointer;
}
  
  /* Sprawdzenie wysokości zdjęcia i dostosowanie do wysokości ekranu */
  @media (max-height: 100vh) {
#lightbox-image {
    max-height: calc(100vh - 20px); /* Odstęp od krawędzi ekranu */
  }
}

/* ZWIŃ I ROZWIŃ */

.linkRozwijanie
{
text-decoration: none;
}

.linkRozwijanie:hover
{
text-decoration: none;
}

@media only screen and (min-width: 601px)
{
.toggleContentMobile1
{
display: none;
}
}

@media only screen and (max-width: 600px)
{
#rozwin1
{
display: none;
}

.toggleContentMobile1
{
display: inline-block;
margin: 0 auto;
width: 100%;
text-align: center;
}
}

.informacjePodstawowePozaGlownaWnetrze
{
display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
}

@media (max-width: 600px)
{
.informacjePodstawowePozaGlownaWnetrze
{
display: none;
}
}

@media only screen and (min-width: 601px)
{
.toggleContentMobile2
{
display: none;
}

.glowkaDaneAdresNapis
{
display: flex;
align-items: center;
}
}

@media only screen and (max-width: 600px)
{
#rozwin1
{
display: none;
}

.toggleContentMobile2
{
display: inline-block;
margin: 0 auto;
width: 100%;
text-align: center;
}

.glowkaDaneAdresNapis
{
display: table;
flex-direction: column;
}
}

.informacjePodstawoweNaGlownejWnetrze
{
display: flex;
flex-direction: column;
}

@media (max-width: 600px)
{
.informacjePodstawoweNaGlownejWnetrze
{
display: none;
}

}

/* BELKA GÓRNA DOSTĘPNOŚĆ */

.belkaDostepnosci {
	margin: 0 auto;
	width: 100%;
	max-width: 1600px;
  display: flex;
  align-items: center; /* Wycentruje divy w osi pionowej */
  justify-content: right; /* Wycentruje divy w osi poziomej */
padding-top: 0.25em;
padding-bottom: 0.25em;
padding-right: 0.25em;
}

.belkaDostepnosci > div {
   /* Wycentruje poszczególne divy pionowo względem siebie */
}

@media (max-width: 1000px)
{
.belkaDostepnosci
{
display: none;
}
}

.dostepnoscIkona
{
margin-left: 0.33em;
margin-right: 0.1em;
zoom: 2;
}

.dostepnoscIkona a
{
color: white;
}

.dostepnoscIkona a:hover
{
color: yellow;
}


/* WYSOKI KONTRAST */

.accentColor {
  color: var(--color_accent1);
}

.blackColor {
  color: #000000;
}

.contrastBackground {
--color_accent1: #ffff00;
--color_accent2: #ffff00;
--color_accent3: #ffff00;
--color_accent4: #ffff00;
--color_accent5: #ffff00;
--color_accent6: #ffff00;

  color: #000000;
}

button.contrastButton {
padding-left: 0.5em;
padding-right: 0.5em;
background-color: var(--color_black) !important;
color: yellow !important;
border: 2px solid var(--color_white) !important;
}

button.contrastButton:hover {
cursor: pointer;
background-color: #000000 !important;
color: var(--color_white) !important;
}

html.koloryKontrast button.contrastButton {
  background-color: var(--color_black) !important;
  color: var(--color_white) !important;
}

html.koloryKontrast button.contrastButton:hover {
  background-color: var(--color_white) !important;
  color: var(--color_black) !important;
}

button.contrastButtonMobilowy {
background-color: var(--color_white) !important;
padding-left: 0.5em;
padding-right: 0.5em;
margin-right: 1em;
border: 2px solid var(--color_white) !important;
}

button.contrastButtonMobilowy:hover {
cursor: pointer;
}

html.koloryKontrast button.contrastButtonMobilowy {
  background-color: var(--color_white) !important;
}

html.koloryKontrast button.contrastButtonMobilowy:hover {
}



/* ZOOM */
.zoomContainer
{
margin-left: 1em;
}

@media (max-width: 1000px)
{
.zoomContainer
{
display: none;
}
}

#zoom {
width: 200px;
cursor: pointer;
}

#zoom-values {
display: flex;
justify-content: space-between;
}

#zoom-values span {
flex: 1;
}

#zoom-minus, #zoom-plus
{
cursor: pointer;
background-color: var(--color_white);
font-size: var(--font_size_md);
padding-left: 0.5rem;
padding-right: 0.5rem;
margin-left: 0.5rem;
margin-right: 0.5rem;
}


/* */
/* */
/* CIASTECZKA INFO */
/* */
/* */

.cookies-infobar 
{
font-size: var(--font_size_root);
border: 1px solid black;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: rgba(0, 0, 0, 0.9);
color: #fff;
position: fixed;
width: 100%;
left: 0;
right: 0;
bottom: 0;
padding: 0.25em;
text-align: center;
}

.cookies-infobar.cookies-infobar_accepted 
{
display: none;
}

.cookies-infobar_wrapper 
{
padding: 0.15em;
}

.cookies-infobar a 
{
color: inherit;
}

.cookies-text
{
margin: 0.75em;
}

.cookies-infobar_btn 
{
padding: 0.5em;
display: inline-block;
background: var(--color_accent4);
text-decoration: none;
border-radius: 0.25em;
color: var(--color_white);
text-transform: uppercase;
font-size: var(--font_size_root);
}

.cookies-infobar_btn:hover
{
background-color: var(--color_accent5);
color: var(--color_black);
}