body.admin-bar html {margin-top: 0 !important; /* Usuń margines na górze */}
body.admin-bar #page-container {margin-top: 0;}

html,body {scroll-behavior: smooth;}
html{margin-top: 0!important;}

body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color:var(--color-text);
  background-color:var(--color-background-color);
  font-family: 'Titillium Web', sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-print-color-adjust: exact !important;
}

h1, h2, h3, h4, h5,h6,
.h1, .h2, .h3, .h4, .h5,.h6 {
  color: var(--color-title);
  margin:15px 0;
  font-weight: 600;
  line-height: 1.5;
}

h1, .h1 {
  font-size:44px;
  line-height: 1.4;
}

h2, .h2 {
  font-size: 40px;
  line-height: 1.4;
}

h3, .h3 {
  font-size: 36px;
}

h4, .h4 {
  font-size: 28px;
}

h5, .h5 {
  font-size:22px;
}

h6, .h6 {
  font-size:18px;
}

h1 a, h2 a, h3 a, h4 a, h5 a,
a h1, a h2, a h3, a h4, a h5 {
  color:var(--color-title);
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover,
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5 {
  text-decoration: none;
}

.html-editor{overflow-x:hidden}
.html-editor p {
  margin-bottom:15px;
}

.html-editor [style*="font-size"]:not(.btn) {
  /*line-height: normal;*/
  display: inline-block;
}

a {text-decoration:none; color:var(--color-primary);transition: .3s all; text-decoration-thickness: 2px;}
a:hover, a:focus{cursor:pointer}
a:not(.btn, .btn-share):hover {text-decoration: underline;}

p a, label a, table a:not(.btn), li a {
  color:var(--color-primary) ;
  text-decoration:none;
}

#page-container, #page-container404{
  display:flex; flex:1; flex-direction: column;
}

#page-container404{min-height: 60vh}

blockquote {position: relative; padding: 40px 90px 20px 90px; overflow: hidden; font-size: 20px; font-style: italic;}
blockquote:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900; content: "\f10e";
  position: absolute;
  left: 0; top: 0;
  color: rgba(135, 150, 192, .15);
  font-size: 85px; line-height: 1.2; font-style: normal;
}

img {max-width:100%; vertical-align:middle; max-height:100%;}

strong, b {font-weight: 700;}

hr {
  border:none;
  border-top:1px solid var(--color-secondary);
  margin-bottom:15px;
  height: 1px;
}


.html-editor ul:not([role=tablist]):not(.sp-tabs):not(.ul-custom):not([class^="wp-"]):not([class*=" wp-"]),
.html-editor ol:not([role=tablist]):not(.sp-tabs):not(.ol-custom) {
  padding-left: 20px;
  margin-bottom: 15px;
  position: relative;
}

.html-editor ul:not([role=tablist]):not(.sp-tabs):not(.ul-custom):not(.wp-block-page-list):not(.wp-block-navigation__submenu-container) li:not(.wp-block-pages-list__item),
.html-editor ol:not([role=tablist]):not(.sp-tabs):not(.ol-custom) li:not(.wp-block-pages-list__item) {
  position: relative;
}

.html-editor ul:not([role=tablist]):not(.sp-tabs):not(.ul-custom) li:not([class^="wp-"], .wp-block-post):not([class*=" wp-"], .wp-block-post)::before {
  content: "\2022";
  color: var(--color-primary);
  font-weight: bold;
  font-size: 22px;
  display: block;
  width: 15px;
  position: absolute;
  left: -18px;
  top: -6px;
}

.html-editor ol {
  padding-left: 20px;
  list-style-type: decimal;
  margin-bottom: 15px;
}

.html-editor ol li {
  margin-bottom: 5px;
}

.html-editor ol li::marker {font-weight: bold;}

.html-editor ol ol {
  list-style-type: none;
  padding-left: 25px;
  margin-bottom: 10px;
}

.html-editor ol ol li,
.html-editor ul ol li{display: none}

.html-editor h1{font-size:24px}
.html-editor h2{font-size:22px}
.html-editor h3{font-size:20px}
.html-editor h4{font-size:18px}
.html-editor h5{font-size:17px}
.html-editor h6{font-size:16px}
.html-editor ol ol, .html-editor ol ul, .html-editor ul ol, .html-editor ul ul {margin-bottom: 0 !important;}


.cke_editable .no-edit {display:none;}

table {
  width:100%;
  background: #fff;
  border: 1px solid var(--color-primary);
}
table thead {
  border-bottom: 1px solid var(--color-primary);
}

table td, table th {
  vertical-align:top;
  padding:10px 15px;
  border-right: 1px solid var(--color-primary);
  text-align:center;
}

table.table-vertical-align-top td, table.table-vertical-align-top th {vertical-align:top;}
table.table-vertical-align-middle td, table.table-vertical-align-middle  th {vertical-align:middle;}


table td p:last-child, table th p:last-child {
  margin: 0;
}

@media all and (max-width: 1199px) {
  h1, .h1 {font-size:32px;}
  h2, .h2 {font-size:24px;}
  h3, .h3 {font-size:22px;}
  h4, .h4 {font-size:20px;}
  h5, .h5 {font-size:18px;}
  body {font-size: 14px;}
  blockquote {font-size: 18px;}
}
@media all and (max-width: 767px) {
  body {font-size: 13px;}
  h1, .h1 {font-size:22px;}
  h2, .h2 {font-size:22px;}
  h3, .h3 {font-size:20px;}
  h4, .h4 {font-size:15px;}
  h5, .h5 {font-size:14px;}

  blockquote {padding: 60px 20px 20px;}
  blockquote:after {font-size: 50px;}
}


@media all and (min-width: 576px){
  body.admin-bar #page-container {margin-top: 46px;}
}

@media all and (min-width: 782px){
  body.admin-bar #page-container {margin-top: 31px;}
}