@charset "UTF-8";
/*
Theme Name: BIP - SIM KZN Ziemi Podkarpackiej
Theme URI: https://bip.simkznziemipodkarpackiej.pl/
Template: twentytwentyone
Author: Wojciech Połeć
Author URI: https://efficientweb.pl/
Description: Custom theme created for BIP - SIM KZN Ziemi Podkarpackiej
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
:root {
  --heading--font-family: "Lato", sans-serif;
  --entry-content--font-family: "Lato", sans-serif;
}

body {
  font-family: "Lato", sans-serif !important;
}

#wcag-wrapper {
  border-bottom: 1px solid #eaeaea;
}
#wcag-wrapper .container {
  max-width: var(--responsive--alignwide-width);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#wcag-wrapper .container button {
  border-radius: 5px;
  background-color: #17597B !important;
  border-color: #17597B;
  color: white;
}
#wcag-wrapper .container button:hover {
  color: #17597B;
  background-color: white !important;
  border-color: #17597B;
}

#font-size-controls {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.font-size-button {
  font-size: 16px;
  padding: 5px 10px;
  margin: 5px;
  cursor: pointer;
}
.font-size-button.small {
  font-size: small;
}
.font-size-button.medium {
  font-size: medium;
}
.font-size-button.large {
  font-size: large;
}

#contrast-controls button {
  font-size: 16px;
  padding: 5px 10px;
  margin: 5px;
  font-size: medium;
}

/* Change the content width to be same as header/nav/footer's width */
@media only screen and (min-width: 822px) {
  :root {
    --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
  }
}
.site-header {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.site-header > .site-logo {
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: unset;
  margin-right: 40px;
  transition: 0.2s all;
}
.site-header > .site-logo img {
  max-width: 180px;
}
.site-header > .site-logo:hover {
  transform: scale(1.05);
}
.site-header > .site-branding {
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
.site-header > .site-branding .site-title {
  text-transform: none;
  font-weight: bold;
}
.site-header > .site-branding .site-description {
  font-weight: bold;
}

#ue-logos-section {
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
#ue-logos-section #ue-logos-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: var(--responsive--alignwide-width);
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
#ue-logos-section #ue-logos-wrapper img {
  max-height: 100px;
  width: auto;
}
@media screen and (max-width: 1200px) {
  #ue-logos-section #ue-logos-wrapper {
    justify-content: center;
  }
  #ue-logos-section #ue-logos-wrapper img {
    max-height: 100px;
    width: auto;
  }
}

html body *,
html.fontSizeSmall body *,
html.fontSizeMedium body *,
html.fontSizeLarge body * {
  box-sizing: border-box;
  line-height: 1.6 !important;
}
html body strong,
html.fontSizeSmall body strong,
html.fontSizeMedium body strong,
html.fontSizeLarge body strong {
  font-weight: bold;
}
html body button, html body .button, html body .wp-block-button,
html.fontSizeSmall body button,
html.fontSizeSmall body .button,
html.fontSizeSmall body .wp-block-button,
html.fontSizeMedium body button,
html.fontSizeMedium body .button,
html.fontSizeMedium body .wp-block-button,
html.fontSizeLarge body button,
html.fontSizeLarge body .button,
html.fontSizeLarge body .wp-block-button {
  font-weight: bold;
  border-radius: 5px;
  background-color: #17597B !important;
  border-color: #17597B;
  color: white;
}
html body button:hover, html body .button:hover, html body .wp-block-button:hover,
html.fontSizeSmall body button:hover,
html.fontSizeSmall body .button:hover,
html.fontSizeSmall body .wp-block-button:hover,
html.fontSizeMedium body button:hover,
html.fontSizeMedium body .button:hover,
html.fontSizeMedium body .wp-block-button:hover,
html.fontSizeLarge body button:hover,
html.fontSizeLarge body .button:hover,
html.fontSizeLarge body .wp-block-button:hover {
  color: #17597B;
  background-color: white !important;
  border-color: #17597B;
}
html body h1, html body h2, html body h3,
html.fontSizeSmall body h1,
html.fontSizeSmall body h2,
html.fontSizeSmall body h3,
html.fontSizeMedium body h1,
html.fontSizeMedium body h2,
html.fontSizeMedium body h3,
html.fontSizeLarge body h1,
html.fontSizeLarge body h2,
html.fontSizeLarge body h3 {
  font-weight: bold !important;
}
html body table,
html.fontSizeSmall body table,
html.fontSizeMedium body table,
html.fontSizeLarge body table {
  border-width: 0px;
}
html body table tr:nth-child(2n),
html.fontSizeSmall body table tr:nth-child(2n),
html.fontSizeMedium body table tr:nth-child(2n),
html.fontSizeLarge body table tr:nth-child(2n) {
  background-color: rgba(23, 89, 123, 0.0509803922);
}
html body table, html body tr, html body td, html body th,
html.fontSizeSmall body table,
html.fontSizeSmall body tr,
html.fontSizeSmall body td,
html.fontSizeSmall body th,
html.fontSizeMedium body table,
html.fontSizeMedium body tr,
html.fontSizeMedium body td,
html.fontSizeMedium body th,
html.fontSizeLarge body table,
html.fontSizeLarge body tr,
html.fontSizeLarge body td,
html.fontSizeLarge body th {
  border: none;
}
html body header.page-header,
html body header.entry-header,
html.fontSizeSmall body header.page-header,
html.fontSizeSmall body header.entry-header,
html.fontSizeMedium body header.page-header,
html.fontSizeMedium body header.entry-header,
html.fontSizeLarge body header.page-header,
html.fontSizeLarge body header.entry-header {
  border-bottom: none !important;
  padding-top: var(--global--spacing-vertical);
  padding-bottom: var(--global--spacing-vertical);
  background-color: rgba(23, 89, 123, 0.0509803922);
  color: black;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
}
html body header.page-header .entry-title,
html body header.entry-header .entry-title,
html.fontSizeSmall body header.page-header .entry-title,
html.fontSizeSmall body header.entry-header .entry-title,
html.fontSizeMedium body header.page-header .entry-title,
html.fontSizeMedium body header.entry-header .entry-title,
html.fontSizeLarge body header.page-header .entry-title,
html.fontSizeLarge body header.entry-header .entry-title {
  color: black;
  text-align: center;
}
html body img,
html.fontSizeSmall body img,
html.fontSizeMedium body img,
html.fontSizeLarge body img {
  border-radius: 10px;
}
html body .wp-block-button a,
html body .wp-block-button__link,
html.fontSizeSmall body .wp-block-button a,
html.fontSizeSmall body .wp-block-button__link,
html.fontSizeMedium body .wp-block-button a,
html.fontSizeMedium body .wp-block-button__link,
html.fontSizeLarge body .wp-block-button a,
html.fontSizeLarge body .wp-block-button__link {
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  background-color: #17597B !important;
  border-color: #17597B;
  color: white;
}
html body .wp-block-button a:hover,
html body .wp-block-button__link:hover,
html.fontSizeSmall body .wp-block-button a:hover,
html.fontSizeSmall body .wp-block-button__link:hover,
html.fontSizeMedium body .wp-block-button a:hover,
html.fontSizeMedium body .wp-block-button__link:hover,
html.fontSizeLarge body .wp-block-button a:hover,
html.fontSizeLarge body .wp-block-button__link:hover {
  color: #17597B;
  background-color: white !important;
  border-color: #17597B;
}

html.fontSizeMedium body {
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  html.fontSizeMedium body {
    font-size: 18px;
  }
}
html.fontSizeMedium body a,
html.fontSizeMedium body .wp-block-button a,
html.fontSizeMedium body .wp-block-button__link {
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  html.fontSizeMedium body a,
  html.fontSizeMedium body .wp-block-button a,
  html.fontSizeMedium body .wp-block-button__link {
    font-size: 18px;
  }
}
html.fontSizeMedium body h1,
html.fontSizeMedium body .entry-title {
  font-size: 32px;
}
@media screen and (min-width: 769px) {
  html.fontSizeMedium body h1,
  html.fontSizeMedium body .entry-title {
    font-size: 46px;
  }
}
html.fontSizeMedium body h2 {
  font-size: 32px;
}
@media screen and (min-width: 769px) {
  html.fontSizeMedium body h2 {
    font-size: 38px;
  }
}
html.fontSizeMedium body h3 {
  font-size: 26px;
}
@media screen and (min-width: 769px) {
  html.fontSizeMedium body h3 {
    font-size: 28px;
  }
}
html.fontSizeMedium body h4 {
  font-size: 22px;
}
@media screen and (min-width: 769px) {
  html.fontSizeMedium body h4 {
    font-size: 26px;
  }
}
html.fontSizeMedium body h5 {
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  html.fontSizeMedium body h5 {
    font-size: 22px;
  }
}
html.fontSizeMedium body h6 {
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  html.fontSizeMedium body h6 {
    font-size: 18px;
  }
}
html.fontSizeMedium body li {
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  html.fontSizeMedium body li {
    font-size: 18px;
  }
}

html.fontSizeSmall body {
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body {
    font-size: 16.2px;
  }
}
html.fontSizeSmall body a,
html.fontSizeSmall body .wp-block-button a,
html.fontSizeSmall body .wp-block-button__link {
  font-size: 14.4px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body a,
  html.fontSizeSmall body .wp-block-button a,
  html.fontSizeSmall body .wp-block-button__link {
    font-size: 16.2px;
  }
}
html.fontSizeSmall body h1,
html.fontSizeSmall body .entry-title {
  font-size: 28.8px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body h1,
  html.fontSizeSmall body .entry-title {
    font-size: 41.4px;
  }
}
html.fontSizeSmall body h2 {
  font-size: 28.8px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body h2 {
    font-size: 34.2px;
  }
}
html.fontSizeSmall body h3 {
  font-size: 23.4px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body h3 {
    font-size: 25.2px;
  }
}
html.fontSizeSmall body h4 {
  font-size: 19.8px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body h4 {
    font-size: 23.4px;
  }
}
html.fontSizeSmall body h5 {
  font-size: 16.2px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body h5 {
    font-size: 19.8px;
  }
}
html.fontSizeSmall body h6 {
  font-size: 14.4px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body h6 {
    font-size: 16.2px;
  }
}
html.fontSizeSmall body li {
  font-size: 14.4px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body li {
    font-size: 16.2px;
  }
}
html.fontSizeSmall body .primary-navigation li {
  font-size: 14.4px;
}
@media screen and (min-width: 769px) {
  html.fontSizeSmall body .primary-navigation li {
    font-size: 16.2px;
  }
}

html.fontSizeLarge body {
  font-size: 17.6px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body {
    font-size: 19.8px;
  }
}
html.fontSizeLarge body a,
html.fontSizeLarge body .wp-block-button a,
html.fontSizeLarge body .wp-block-button__link {
  font-size: 17.6px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body a,
  html.fontSizeLarge body .wp-block-button a,
  html.fontSizeLarge body .wp-block-button__link {
    font-size: 19.8px;
  }
}
html.fontSizeLarge body h1,
html.fontSizeLarge body .entry-title {
  font-size: 35.2px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body h1,
  html.fontSizeLarge body .entry-title {
    font-size: 50.6px;
  }
}
html.fontSizeLarge body h2 {
  font-size: 35.2px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body h2 {
    font-size: 41.8px;
  }
}
html.fontSizeLarge body h3 {
  font-size: 28.6px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body h3 {
    font-size: 30.8px;
  }
}
html.fontSizeLarge body h4 {
  font-size: 24.2px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body h4 {
    font-size: 28.6px;
  }
}
html.fontSizeLarge body h5 {
  font-size: 19.8px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body h5 {
    font-size: 24.2px;
  }
}
html.fontSizeLarge body h6 {
  font-size: 17.6px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body h6 {
    font-size: 19.8px;
  }
}
html.fontSizeLarge body li {
  font-size: 17.6px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body li {
    font-size: 19.8px;
  }
}
html.fontSizeLarge body .primary-navigation li {
  font-size: 17.6px;
}
@media screen and (min-width: 769px) {
  html.fontSizeLarge body .primary-navigation li {
    font-size: 19.8px;
  }
}

header.entry-header {
  border-bottom: none;
}

html.contrastHigh #wcag-wrapper {
  background-color: black;
  color: yellow;
}
html.contrastHigh #font-size-controls .font-size-button {
  background-color: black;
  color: yellow;
}
html.contrastHigh #contrast-controls button {
  background-color: black;
  color: yellow;
}
html.contrastHigh .site-header {
  background-color: black;
  color: yellow;
}
html.contrastHigh #ue-logos-section {
  background-color: black;
  color: yellow;
}
html.contrastHigh #ue-logos-wrapper img {
  filter: invert(100%);
}
html.contrastHigh body {
  background-color: black;
  color: yellow;
}
html.contrastHigh body .primary-navigation #primary-mobile-menu {
  background-color: yellow;
}
html.contrastHigh body .primary-menu-container {
  background-color: black;
}
html.contrastHigh body .menu-button-container {
  background-color: black;
}
html.contrastHigh body .sub-menu:hover {
  border: 1px solid yellow;
}
html.contrastHigh body .sub-menu, html.contrastHigh body .sub-menu li {
  background-color: black !important;
}
html.contrastHigh body p, html.contrastHigh body li, html.contrastHigh body li * {
  color: white;
}
html.contrastHigh body a, html.contrastHigh body a:visited, html.contrastHigh body .widget a,
html.contrastHigh body .wp-block-button a,
html.contrastHigh body .wp-block-button__link {
  color: yellow;
}
html.contrastHigh body button {
  color: yellow;
  border-color: yellow;
}
html.contrastHigh body h1,
html.contrastHigh body .entry-title,
html.contrastHigh body h2,
html.contrastHigh body h3,
html.contrastHigh body h4,
html.contrastHigh body h5,
html.contrastHigh body h6 {
  color: yellow !important;
}
html.contrastHigh body .primary-navigation li a {
  color: yellow;
}
html.contrastHigh header.entry-header {
  background-color: black;
  color: yellow;
}

#content #primary main {
  display: flex;
  max-width: var(--responsive--alignwide-width);
}
#content #primary main .contentWrapper .menu-wrapper {
  display: flex;
  flex-direction: column;
}
#content #primary main > div.contentWrapper {
  width: 100%;
  margin: unset;
  box-shadow: 0px 0px 6px #e9e9e9;
  padding: 20px;
  border-radius: 5px;
}
#content #primary main > #sidebar {
  width: 220px;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  margin-right: 40px;
}
#content #primary main > #sidebar * {
  color: white;
}
#content #primary main > #sidebar > nav {
  margin: unset;
  background-color: #17597B;
  border-radius: 5px;
}
#content #primary main > #sidebar > nav > .primary-menu-container {
  margin: unset;
}
#content #primary main > #sidebar > nav > .primary-menu-container li, #content #primary main > #sidebar > nav > .primary-menu-container a {
  width: 100%;
}
#content #primary main > #sidebar > nav > .primary-menu-container li.current_page_item,
#content #primary main > #sidebar > nav > .primary-menu-container li.current-menu-item {
  position: relative;
}
#content #primary main > #sidebar > nav > .primary-menu-container li.current_page_item::after,
#content #primary main > #sidebar > nav > .primary-menu-container li.current-menu-item::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 44%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #17597B;
  clear: both;
  transform: rotate(-90deg);
}
#content #primary main > #sidebar > nav > .primary-menu-container li.menu-header-search form {
  max-width: 100%;
  padding: var(--primary-nav--padding) 0;
  padding-left: var(--primary-nav--padding);
  padding-right: var(--primary-nav--padding);
  width: 100%;
}
#content #primary main > #sidebar > nav > .primary-menu-container li.menu-header-search form input {
  margin: unset;
}
#content #primary main > #sidebar > nav > .primary-menu-container li.menu-header-search form input[type=submit] {
  padding: 2px 12px;
  margin-top: 5px;
}
#content #primary main > #sidebar > nav > .primary-menu-container li.menu-header-search form input[type=search] {
  padding: 2px 12px;
  margin-top: 5px;
  color: black;
  margin-top: 5px;
}
@media screen and (max-width: 1000px) {
  #content #primary main {
    flex-direction: column;
  }
  #content #primary main > #sidebar {
    width: 100%;
    margin-right: unset;
  }
}

.contrastHigh #content #primary main .contentWrapper > #sidebar > nav {
  background: rgba(23, 89, 123, 0.0509803922);
}

.category .contentWrapper > article header.entry-header,
.category .contentWrapper > div header.entry-header,
.search-results .contentWrapper > article header.entry-header,
.search-results .contentWrapper > div header.entry-header {
  padding: unset;
  background-color: unset;
}
.category .contentWrapper > article header.entry-header > h1, .category .contentWrapper > article header.entry-header h2, .category .contentWrapper > article header.entry-header h3, .category .contentWrapper > article header.entry-header h4, .category .contentWrapper > article header.entry-header h5, .category .contentWrapper > article header.entry-header h6,
.category .contentWrapper > div header.entry-header > h1,
.category .contentWrapper > div header.entry-header h2,
.category .contentWrapper > div header.entry-header h3,
.category .contentWrapper > div header.entry-header h4,
.category .contentWrapper > div header.entry-header h5,
.category .contentWrapper > div header.entry-header h6,
.search-results .contentWrapper > article header.entry-header > h1,
.search-results .contentWrapper > article header.entry-header h2,
.search-results .contentWrapper > article header.entry-header h3,
.search-results .contentWrapper > article header.entry-header h4,
.search-results .contentWrapper > article header.entry-header h5,
.search-results .contentWrapper > article header.entry-header h6,
.search-results .contentWrapper > div header.entry-header > h1,
.search-results .contentWrapper > div header.entry-header h2,
.search-results .contentWrapper > div header.entry-header h3,
.search-results .contentWrapper > div header.entry-header h4,
.search-results .contentWrapper > div header.entry-header h5,
.search-results .contentWrapper > div header.entry-header h6 {
  text-align: left;
}
.category .contentWrapper .search-result-count,
.search-results .contentWrapper .search-result-count {
  text-align: center;
  margin-top: 20px;
}

.contentWrapper footer.entry-footer {
  display: flex;
  flex-direction: column;
  border: 3px solid rgba(24, 129, 188, 0.2);
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}
.contentWrapper footer.entry-footer .view-stats .pvc_stats {
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .menu-button-container {
    display: flex;
    position: relative;
    background-color: initial !important;
    padding-top: calc(0.5 * var(--global--spacing-vertical));
    padding-bottom: calc(0.5 * var(--global--spacing-vertical));
  }
  .primary-menu-container {
    display: none;
  }
  .primary-navigation {
    position: relative;
  }
  .primary-navigation-open .primary-navigation > .primary-menu-container {
    display: flex;
    position: relative;
    height: auto;
    background-color: initial !important;
    padding-bottom: initial;
    padding-top: initial;
  }
  .primary-navigation-open .primary-navigation > .primary-menu-container #primary-menu-list {
    padding-bottom: calc(0.5 * var(--global--spacing-vertical));
  }
  .primary-navigation-open .primary-navigation {
    position: relative;
  }
  .lock-scrolling .site {
    position: relative;
  }
  #content #primary main > #sidebar > nav > .primary-menu-container li.current_page_item::after, #content #primary main > #sidebar > nav > .primary-menu-container li.current-menu-item::after {
    display: none !important;
  }
  #sidebar {
    margin-bottom: 60px;
  }
  .site-branding {
    max-width: 100% !important;
  }
  .site-logo {
    margin-left: 0;
  }
  .site-header.has-logo.has-title-and-tagline.has-menu {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 481px) {
  #content #primary main > div.contentWrapper {
    box-shadow: none;
    padding: unset;
  }
  #sidebar {
    margin-bottom: 20px;
  }
  .site-header.has-logo.has-title-and-tagline.has-menu {
    justify-content: center;
  }
  .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
    text-align: center;
  }
  #content #primary main > #sidebar > nav > .primary-menu-container li.menu-header-search form {
    padding-left: 0;
    padding-right: 0;
  }
}/*# sourceMappingURL=style.css.map */