@charset "UTF-8";

/*
Theme Name: Petrotel
Theme URI: https://www.hedea.pl
Author: Hedea
Author URI: https://www.hedea.pl
Tested up to: 7.4
Requires PHP: 7.4
Version: 1.23
License: GNU General Public License v2 or later

*/
html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: normal;
   src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.ttf") format("truetype"); }
@font-face {
  font-family: 'Font Awesome 6 Regular';
  font-style: normal;
  font-weight: 400;
   src: url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.ttf") format("truetype"); }
@font-face {
  font-family: 'Font Awesome 6 Solid';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype"); }
@font-face {
  font-family: 'Font Awesome 6 Light';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/fa-light-300.woff2");
  }
header { position: relative; z-index:1;}
body { padding: 0px;  margin:0px; color:#012e4f;  font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.5; overflow-x: hidden; }
.sr-only, .offscreen, .owl-dots button span, .sl-caption {  position: absolute !important; width: 1px !important;  height: 1px !important;  padding: 0 !important;  margin: -1px !important; overflow: hidden !important;  clip: rect(0 0 0 0) !important; border: 0!important;}
a { color:#012e4f; text-decoration:none; transition: color 0.5s ease;  font-family: 'Poppins', sans-serif;  }
a:hover, body.u-hide-focus a:focus { color:#eb891b;}
*, ::before, ::after { box-sizing:border-box; outline:none;}
.strona, .wp-block-group__inner-container  { max-width: 1400px; margin: auto;  width: 100%; position: relative;  z-index: 0;}
.wp-block-group__inner-container { padding-left:15px; padding-right:15px;}
body.u-hide-focus a:focus, body.u-hide-focus input:focus, body.u-hide-focus button:focus, body.u-hide-focus textarea:focus , body.u-hide-focus select:focus, body.u-hide-focus .cb-button-prev:focus, body.u-hide-focus .cb-button-next:focus, body.u-hide-focus .wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet:focus, body.u-hide-focus .n2-ss-button-container a:focus, body.u-hide-focus .n2-bullet:focus, .n2-ss-slider-controls .n2-ss-widget:focus  { outline:3px dotted #900 !important; outline-offset:0px !important;}
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; padding:0px; margin:0px; margin-bottom:15px; padding-top:15px; padding-bottom:0px; font-weight:bold; color:#012e4f} 
h1 { font-size: 250%;}
h2 { font-size: 200%;}
h3 {font-size: 150%;}
h4 { font-size: 125%}
h5 { font-size: 115%}
h6 { font-size: 110%}
#top { background:#e7e7e7; padding-top:10px; padding-left:10px; padding-right:10px; display:block; width:100%; position: relative; z-index:5; }
#top ul { list-style: none; margin:0px; padding:0px;   }
#top li { display:inline-block; vertical-align:middle;}
#top .strona { display: grid; grid-template-columns: 46% 54%; grid-gap: 0px;}
#menu-menu-top li a { padding: 8px; margin-bottom:15px; padding-left:10px; padding-right:10px; font-weight: 600; display:block;}
#menu-menu-top li.current-menu-item a, #menu-menu-top li.current-page-ancestor  a { background:#012E4F; color:white; border-radius: 25px;}
li.current-menu-item a { color:#eb891b; }
#topright { text-align: right; display:inline-block; vertical-align: middle;}
#topleft { display:inline-block; vertical-align: middle;}
#menuinfo, #ikony { display: inline-block; vertical-align: middle; position: relative; }
#menu-na-skroty li a { padding: 8px; padding-left:12px; padding-right:12px; font-weight: 600; display:block;}
/* #subtop { padding: 15px; padding-top:0px; padding-bottom:0px; position: relative; z-index:0;} */
#subtop {
  padding: 16px;
  position: relative;
  z-index: 0;
}
.cb-button-prev { left:3px !important; width:40px !important; height:40px !important; z-index: 99;}
.cb-button-next { right:3px !important; width:40px !important; height:40px !important; z-index: 99;}
button { cursor:pointer}
@media (width > 1080px) {
  #subtop {
    padding-top: 0;
    padding-bottom: 0;
  }
}
#subtop .strona { display: grid; grid-template-columns:32% 64%; grid-gap:2%;}
.home #logo, #logo a { width:100%; display:grid; grid-template-columns:auto 175px; grid-gap:0px; place-items: center; max-width:310px;}
/* #logo img { width:100%; max-width: 140px; display:inline-block; vertical-align: middle; } */
#logo img { max-width: 140px; display:inline-block; vertical-align: middle; }
#logo span { display:inline-block; vertical-align: middle; font-size: 18px; margin-left:5px; font-weight: normal;}
#logo span strong { display:block;}
#sidebar { background:#fff; padding:25px; width:100%; min-width: 270px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); border-radius: 12px; position: absolute; top:45px; right:45px; z-index:99;}
#sidebar h2 { font-size: 110% !important; text-align: center;}
#subtop.small  #ikony a { text-decoration:none !important;}
.wysz {
    height: 35px;
	margin-left:2px;
	margin-right:2px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
}
.wysz { border:0px; background:none; color:#1d3565 !important;}
.wysz::before {
    content: '\f002';
    font-size: 20px;
    font-family: 'Font Awesome 6 Solid';
    width: 35px;
    text-align: center;
	display:block;
    height: 35px;
    line-height: 35px;
}
.acmodal { background: rgba(255,255,255,0.95);  width: 100%; height: 100%;  position: fixed; top: 0px; left: 0px;  z-index: 1000;  display: none;}
.a11y-toolbar ul li button {background: #fff!important; border: 10px; !important; border: 2px solid #eb891b  !important; color: #121212 !important; border:none; border-radius: 8px !important;; width: 80px; padding: 0px !important; height: 80px; display: inline-block;}
.a11y-toolbar { position: relative;}
#is_high_contrast, #is_large_fontsize, .a11y-toolbar ul li button:hover, body.u-hide-focus  .a11y-toolbar ul li button:focus { background: #eb891b !important; color: #fff !important; border: 2px solid #eb891b  !important;}
.a11y-toolbar ul li { width: 80px; height: 80px; text-align: center; display: inline-block !important; margin-left: 5px; margin-right: 5px;}
.a11y-toolbar-list { display width: 100%; height: auto; text-align: center;}
body div.a11y-toolbar .offscreen { display: none !important;}
.ac { border:0px; background:#e7e7e7; color:#121212; display:inline-block; vertical-align:middle; cursor: pointer;}
#close-modal { margin:0px; padding:0px; border:0px; background:#fff; color:#121212;}
.ac::before { content: '\f070';  font-size: 18px; font-family: 'Font Awesome 6 Solid'; width: 30px; text-align: center; display:block; height: 30px; color:#012E4F; line-height: 30px;}
.zamknijac, .zamknijmenu, #close-modal, .zamknij { margin:0px; padding:0px; border:0px; background:none; position: absolute; right: 10px; top: 10px; z-index: 10;  width: 30px;  height: 30px; line-height: 30px; text-align: center;	transition: all 0.5s ease;}
.zamknij::after, .zamknijac::after,  .zamknijmenu:after, #close-modal:after {  content: '\f00d';  font-family: 'Font Awesome 6 Solid'; font-size: 24px;	color:#121212; width: 30px;  height: 30px; text-align: center; line-height: 30px;display:block;}
.wp-block-gallery.has-nested-images.kanaly figure.wp-block-image img { max-width:78px !important; margin: auto;}
.zamknijac:hover:after, .zamknijmenu:hover:after, .zamknijac:focus:after, .zamknijmenu:focus:after { color:#eb891b !important}
h2#wyszukiwarka { margin: auto; font-size:250%; font-weight: bold; color:#012e4f;  width:max-content; position: relative; text-align: center; font-weight: bold; position: relative; padding-bottom: 0px; margin-bottom:15px;}
.sc {
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 600px;
    padding: 15px;
    text-align: center;
}
.sc #search-form { margin: auto;}
.wp-block-button__link  { padding:6px !important; padding-left: 25px !important; padding-right:25px !important; font-size:110%; transition: all 0.5s ease; font-weight: 600; background:none; border: 2px solid #eb891b; border-radius: 60px; color:#121212;}
.stopka-przycisk .wp-block-button__link {
	border: none;
}
.wp-block-button__link:hover, body.u-hide-focus .wp-block-button__link:focus, #menu:hover, #menu:focus { background:#eb891b;color:#fff;}
hr.wp-block-separator  { width:100% !important; max-width:100%; background:#f2f2f2 !important; height:1px !important; margin-top:15px; margin-bottom:15px; border:0px;} 
#menu  { padding:4px !important; cursor:pointer;  padding-left: 16px !important; font-family: 'Poppins', sans-serif;  padding-right:16px !important; font-size:90%; transition: all 0.5s ease; font-weight: 600; background:#e7e7e7; border: 2px solid #eb891b; border-radius: 8px; color:#012e4f;}
.tabs-nav .tab-title .tab-title-text { font-weight:600 !important; text-align:center !important;}
.sciezka a::after {
  content: "\f061";
  font-family: 'Font Awesome 6 Solid' !important;
  font-size: 80%;
  font-weight: normal;
  margin-left: 7px;
  color: #eb891b;
  margin-right: 7px;
}
.wyszukiwarka { background: rgba(255,255,255,0.95);  width: 100%; height: 100%;  position: fixed; top: 0px; left: 0px;  z-index: 1000;  display: none;}

#search-form {  width:100%; max-width:350px;  position: relative;}
#search-form  #szukaj{ border:0px; border-bottom: 2px solid #ebebeb; transition: border-color 0.5s ease; width:100%; padding-left:10px; padding-right:50px; line-height:40px; height:40px; font-family: 'Poppins', sans-serif; }
.search-btn { position: absolute; top:0px; right:0px; background:none; border:0px; width:40px; height:40px; padding:0px;}
.search-btn:after { content:'\f002'; font-size:16px;  font-family: 'Font Awesome 6 Solid'; color:#eb891b; display:block; line-height:40px; width:40px; height:40px; padding:0px;}
#search-form  #szukaj:focus { border-bottom: 2px solid #eb891b;}
#oferta .strona {  padding-top:20px; padding-bottom:20px;}
.owl-carousel{ position: relative; z-index: 0;}
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden;  -webkit-transform: translate3d(0,0,0); width: 100%;}
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y;  touch-action: manipulation; -moz-backface-visibility: hidden;}
.owl-carousel ul { list-style: none; margin:0px; padding:0px;}
.oferta { text-align: center; padding: 12px; padding-top:20px; padding-bottom:20px; border-radius: 12px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.ikona-svg { width:100%; height:auto; max-width:180px; margin-left: auto; margin-right:auto;}

.oferta h3 { font-size: 135%; letter-spacing:0.5px;}
#oferta li { padding:15px;}
.oferta a { display:block;}
.owl-carousel li { display:inline-block; vertical-align: middle; }
#menuglowne .strona { padding-left:15px; padding-right:15px;
}
#menuglowne ul.mega-menu > li.mega-menu-item > a.mega-menu-link { font-weight: 600 !important;}
.bzs { position: absolute; right:15px; bottom:0px;}
.bzs img { max-width:170px;}
#mega-menu-wrap-klienci_indywidualni .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-klienci_indywidualni .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-klienci_indywidualni .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after
{background:#012E4F; height:3px !important;	}
#bigbox {  position: relative; z-index:0;}
#bigbox .strona { display:grid; grid-template-columns:repeat(2,1fr); grid-gap: 25px; padding-left:15px; padding-right:15px;}
.aktualnosci h2, .bankuj h2, #komunikaty h2 { padding-left:15px; font-size: 240%; margin-bottom:5px;}
.aktualnosci ul { list-style: none; margin:0px; padding:0px; display:block; }
.aktualnosci li { display: grid; grid-template-columns:25% 75%; padding-top: 15px; padding-bottom:15px;  border: 1px solid #e5e5e5; border-radius: 12px; margin-bottom: 10px;}
.komunikat { display: grid; box-shadow:0px 0px 15px rgba(0,0,0,0.1); grid-template-columns:25% 75%; padding-top: 15px; padding-bottom:15px; background:#fff; border-radius: 12px; margin-bottom: 10px;}

.tytul { padding-left: 25px; padding-right:25px;     place-items: center left; display:grid;}
.tytul a { font-size: 110%;}
.aktualnosci li .data span, .komunikat .data span, .wpisy .data span { display:block; font-size:200%; font-weight: 600; text-align: center; line-height:1.2;}
.data {  font-size:120%; padding-top:5px; padding-bottom:5px; text-align: center; font-weight: 600; border-right: 1px solid #e5e5e5;  display: grid; align-content: center;}
.more { display:block; padding: 5px; margin-bottom:10px;}
.aktualnosci .more, .komunikaty .more { text-align: right !important; display:block; padding: 5px; margin-bottom:10px;}
.more a { font-weight: 600; letter-spacing: 0.5px;  }
.more a:after { content:'\f178';   font-family: 'Font Awesome 6 Solid'; display:inline-block; vertical-align: middle; color:#eb891b; margin-left:5px;}
#lista-stron { list-style: none; margin:0px; padding:0px; display:grid; grid-gap: 15px;}
#lista-stron li a { display: grid; color:#212121; align-items: start; grid-template-columns: 30% 66%; grid-gap: 4%; padding: 12px; padding-right:25px; border-radius: 12px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
.info { display:inline-block; padding-bottom:15px;}
.info h3 { font-size:140%; letter-spacing:0.5px;}
.przycisk { padding:8px; transition: all 0.5s ease; letter-spacing:0.5px;  border: 2px solid #eb891b; width:100%; max-width:180px; border-radius: 8px; text-align: center; font-weight:600;}
a .przycisk:hover, .u-hide-focus a:focus .przycisk { background:#eb891b; color:#fff;}
#opis-gwiazki { font-size:85%; padding: 15px; display:block;}
.owl-dots { text-align: center; padding-left:15px; padding-right:15px;}
#subtop.small { position: fixed; top:0px; width:100% !important; background:#fff; box-shadow:0px 0px 15px rgba(0,0,0,0.1); place-items: center center !important;}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.big .bzs img { transition: all 0.3s ease;}
.small .bzs { bottom:-7px; transition: all 0.3s ease;}
.small .bzs img { max-width:90px; transition: all 0.3s ease;}
.owl-nav.disabled {  display: none !important;}
.owl-dot { background:#e5e5e5; width:30px; margin-left:2px; margin-right:2px; border:0px; height:6px; border-radius:50px;}
.owl-dot.active { background:#eb891b;}
.site-footer { background: #f9f9f9; padding-top:30px; padding-bottom: 30px; margin-top:40px;}
.site-footer .strona { padding-left:15px; padding-right:15px;}
.firstline { display:grid; grid-template-columns:64% auto; grid-gap:25px;}
.firstline strong { font-size:115%;}
.dane ul { padding: 10px !important;}
.sc {
  top: 45%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 600px;
  padding: 15px;
  text-align: center;
}
.site-footer h2 { font-size: 150%; letter-spacing:0.5px;}
#blog  { position: relative;}
#blog .strona { padding-left:15px; padding-right:15px; position: relative;}
#blog a p { color:#121212;}
#blog ul a { display: grid; height:100%; grid-template-columns:30% 65%; grid-gap:5%; background:#fff; border-radius: 12px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); padding: 25px;}
#blog ul { list-style: none; margin:0px; padding:0px; display:grid; grid-template-columns:repeat(2,1fr); grid-gap:25px;}
#blog ul a  img { width:100%; max-width:150px; height:auto; border-radius:100px; margin: auto;}
#blog .foto { padding-top:15px; padding-bottom:25px; text-align: center;}
#blog ul a h3 { font-size:110%; color:#121212; letter-spacing: 0.5px; margin-top:0px;}
#blog span { font-weight: 600; letter-spacing: 0.5px;}
#blog span:after { content:'\f178';   font-family: 'Font Awesome 6 Solid'; display:inline-block; vertical-align: middle; color:#eb891b; margin-left:5px;}
.dane { gap: 0px !important;}
.firstline .wp-block-column:nth-child(2) ul { margin-left: auto; margin-right: auto; max-width: 165px; padding-left:15px !important; padding-right:15px !important;}

.firstline .wp-block-column:nth-child(1) ul { padding-left:0px !important; padding-right:15px !important;}
.firstline .wp-block-column:nth-child(3) ul { padding-left:15px !important; padding-right:0px !important;}
.secondline { padding-top:25px; padding-bottom: 25px; display:grid; grid-template-columns: 21% 21% 21% 34%; grid-gap:1%;}
.secondline ul { list-style: none; margin:0px; padding:0px;}
.secondline ul li a { padding-top: 1px; padding-bottom:1px; display:block;}
.secondline h2 { font-size: 120%; letter-spacing: 0.5px;}
.secondline table td {padding: 5px;}
 .secondline table th {padding: 5px; padding-top:10px; padding-bottom:10px; font-weight:600;}
.secondline caption { text-align: left; font-size:90%;}
.secondline strong { font-weight: 600;}
.green th { background:#eb891b;  color:#fff;}
.green  th:nth-child(1) { border-radius:5px 0px 0px 5px;}
.green  th:nth-child(5) { border-radius:0px 5px 5px 0px;}
.secondline tr:nth-child(2) td { background:#e6e6e6;}
.currency-table { border:0px;   border-collapse: none;  border-spacing: 0px; } 
.secondline tr:nth-child(2) td:nth-child(1) { border-radius:5px 0px 0px 5px;}
.secondline tr:nth-child(2) td:nth-child(5) { border-radius:0px 5px 5px 0px;}
.socialmedia { text-align: right; padding: 15px; padding-top:25px; padding-bottom:25px;}
.table-wrapper {
  width: 100%;
  overflow-x: auto; /* TO JEST KLUCZOWE */
  -webkit-overflow-scrolling: touch; /* płynne przewijanie na iOS */
}
.socialmedia a strong {  position: absolute !important; background:#fff; color:#000; width: 1px !important;  height: 1px !important;  padding: 0 !important;  margin: -1px !important; overflow: hidden !important;  clip: rect(0 0 0 0) !important; border: 0!important;}
.socialmedia li { display:inline-block; vertical-align: middle; padding:0px; margin-left:2px; margin-right:2px;}
.socialmedia li a{ width:40px; transition: all 0.5s ease; height:40px; border-radius: 50px; padding:0px; border: 1px solid #dadada; color:#bbbbbb; display:block; text-align: center; font-size:18px;}
.socialmedia ul { list-style: none; margin:0px; padding:0px;}
.fb a:before { content:'\f39e'; font-family: 'Font Awesome 6 Brands'; display:block; width:40px; line-height:40px; height:40px;  font-size:16px}
.tw a:before { content:'\e61b'; font-family: 'Font Awesome 6 Brands'; display:block; width:40px; line-height:40px; height:40px; }
.yt a:before { content:'\f167'; font-family: 'Font Awesome 6 Brands'; display:block; width:40px; line-height:40px; height:40px;}
.lik a:before { content:'\f0e1'; font-family: 'Font Awesome 6 Brands'; display:block; width:40px; line-height:40px; height:40px; }
.socialmedia li a:hover, .socialmedia li a:focus { background:#eb891b;  color:#fff !important; border:1px solid #eb891b;}
#copy  .strona { padding:15px; padding-top:25px; padding-bottom:25px; text-align: center; color:#757575; font-size:90%;}
#copy .wp-block-image { margin:0px;}
#copy .wp-block-columns { gap: 15px; margin: auto; text-align: left; max-width: max-content;}
.dogory { display:block; width:40px; height:40px; float: right; margin-top: -50px; border-radius:50px; background:#fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.dogory:before { content:'\f106';  font-family: 'Font Awesome 6 Solid'; display:block; width:40px; height:40px; line-height:40px; color:#eb891b; font-size: 14px;}
.mark {  font-size:90%; position: absolute; top:-15px; left:0; right:0; font-weight: 600; max-width:100px; margin: auto; letter-spacing:0.5px; color:white !important; border-radius:5px; padding: 5px; padding-left:15px; padding-right:15px; background:#eb891b; z-index:1;}
.oferta { position: relative; height:100%;}
.owl-item a { display:block;}
.wyroznione { border: 2px solid #eb891b; display:block; border-radius:12px;}
#kategoria { display: grid; grid-template-columns:repeat(3,1fr); grid-gap:15px; padding-left:15px; padding-right:15px;}
.page-template-kategoria #oferta .strona { padding-top:0px;}
#inne { display: grid; grid-template-columns:repeat(4,1fr); grid-gap:15px; padding-left:15px; padding-right:15px; margin-bottom: 25px;}
#inne .ikona-svg { max-width:120px;}
.page-template-kategoria #oferta h2, #zobacztakze h2 { margin-top:0px; padding-left:15px; padding-right:15px; padding-top:5px;}
#zobacztakze h2  { font-size: 180%;}
.sciezka { padding: 15px; margin-top:15px; margin-bottom:5px; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center;}
.sciezka .strona { text-align:center;}
.search h2, .page h2 { text-align:center;}
.sciezka .strona{ padding: 15px; margin-top:15px; margin-bottom:5px; width:calc(100% - 30px); border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#compare-modal {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#compare-modal[hidden] {
  display: none;
}

.modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
}

.modal-content {
  position: relative;
  background: #fff;
  padding: 2rem;
  max-width: 90%;
  width: 1000px;
  max-height: 90%;
  overflow-y: auto; /* <-- to robi robotę! */
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  z-index: 10000;
  outline: none;
}


#compare-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1.5rem;
}

#compare-table caption {
  font-weight: bold;
  text-align: left;
  padding-bottom: 1rem;
  caption-side: top;
  font-size: 1.25rem;
}

#compare-table th, #compare-table td {
  border: 1px solid #ccc;
  padding: 1rem;
  text-align: center;
}
#compare-header-row th { border-bottom:0px;}
#compare-table th {
  background-color: #f5f5f5; 
}

#compare-table img {
  max-width: 80px;
  height: auto;
  margin-bottom: 0.5rem;
}

/* sr-only */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (min-width: 1081px) {
  #menuglowne  ul.mega-menu > li.mega-menu-item > a.mega-menu-link::after, #menuglowne ul.mega-menu > li.mega-menu-item > a.mega-menu-link::after {
    content: '';
    display: block !important;
    width: 0%;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #eb891b !important;
    height: 2px;
    margin: auto;
    transition: all 0.5s ease;
  }
    #menuglowne  ul.mega-menu > li.mega-menu-item > a.mega-menu-link:hover::after, #menuglowne ul.mega-menu > li.mega-menu-item > a.mega-menu-link:focus::after {
    content: '';
    display: block !important;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #eb891b !important;
    height: 2px;
    margin: auto;
  }
  #menuglowne ul.mega-menu > li.mega-menu-item.mega-current-menu-item a.mega-menu-link::after, #menuglowne ul.mega-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link::after, #menuglowne ul.mega-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link::after, #menuglowne ul.mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after {
    content: '';
    display: block !important;
    width: 100%;
    position: absolute;
    transition: all 0.5s ease;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #eb891b !important;
    height: 2px;
  }
}


#mega-menu-wrap-klienci_indywidualni #mega-menu-klienci_indywidualni, #mega-menu-wrap-firmy #mega-menu-firmy{
	margin-bottom:20px;
	margin-top:20px;
}

@media (max-width:1080px) {
	#menu-menu-top li.current-menu-item a, #menu-menu-top li.current-page-ancestor a { border-radius:0px;}
	#menu-menu-top li a { margin-bottom:0px !important;}
	.firstline { grid-template-columns: auto;}
 .secondline {
    grid-template-columns: repeat(3, 1fr); /* 3 kolumny */
  }

  .secondline> *:nth-child(4) {
    grid-column: 1 / -1; /* czwarty element zajmuje cały wiersz pod spodem */
  }
.aktualnosci li {  grid-template-columns:32% 68%;}
/* #subtop { padding-bottom:0px;} */
#menuglowne .strona { padding:0px;}
.mega-menu-toggle { padding-right:15px;}
#menuglowne ul.mega-menu { position: absolute !important; top:50px !important; width:100% !important; z-index:100;}
.bzs img { max-width:120px;}
.bzs { position: absolute; right:85px; bottom:-10px;}
#menu { padding-left:12px; padding-right:12px;}
#top .strona { display: grid; grid-template-columns:200px auto;}
.custom-dropdown { position: relative; display: block;}
#dropdown-toggle {  display: block; width:100%;  font-family: 'Poppins', sans-serif;     padding: 8px;  padding-bottom:15px;    font-size: 100%; font-weight: 600; cursor: pointer; border:0px;  background:#fff;}
#dropdown-toggle:after { content:'\f107'; font-family: 'Font Awesome 6 Solid'; color:#eb891b; display:inline-block; vertical-align: middle; margin-left:8px;}
.open #dropdown-toggle:after { content:'\f106'; font-family: 'Font Awesome 6 Solid'; color:#eb891b; display:inline-block; vertical-align: middle; margin-left:8px;}
#menu-menu-top { display: none;  position: absolute;  background: white; margin: 0;  padding: 0;  list-style: none;  z-index: 999; width:100%;  box-shadow:0px 15px 15px rgba(0,0,0,0.1);}
#menu-menu-top li { display:block; width:100%;}
#menu-menu-top li a { padding: 8px; display:block; transition:all 0.5s ease;}
#menu-menu-top li.current-menu-item a { border-radius:0px; background:#eb891b; color:#fff;}
.custom-dropdown.open #menu-menu-top {  display: block; }
#menu-menu-top li a:hover, #menu-menu-top li a:focus { background:#f2f2f2; color:#121212 !important;}
#menutop { width: 200px;}
#menuglowne ul.mega-menu > li.mega-menu-item > a.mega-menu-link { padding-left:15px !important; padding-right:15px !important;}
	
#mega-menu-wrap-klienci_indywidualni #mega-menu-klienci_indywidualni, #mega-menu-wrap-firmy #mega-menu-firmy{
	margin-bottom:0px;
	margin-top:0px;
	padding: 8px;
	border-radius: 15px;
    border: 2px solid #e5eaed;
}	
	
}
@media (min-width: 1081px) {
#dropdown-toggle {  display: none;}
}

@media (max-width: 990px) {
#kategoria { display: grid; grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 781px) {
.kthome { text-align: center;}
.kthome p:first-child { text-align: center !important;}
.site-footer h2 { text-align:left;}
.firstline { display:block;}
#blog .foto { padding-top:15px; padding-bottom:0px;}
#blog ul a { display: block; text-align: center;}
#blog ul { display: grid; grid-template-columns: auto;}
#bigbox .strona { display:grid; grid-template-columns: auto;}
#top .strona { display: grid; grid-template-columns:180px auto; z-index:200;}
#menutop { width: 180px;} 
#menuinfo { display: none;}
#dropdown-toggle, #menu-menu-top li a  { font-size:90%;}
#dropdown-toggle  { padding-bottom:12px;}
#kategoria { display: grid; grid-template-columns: auto;}
}

@media (max-width: 600px) {
.frm_style_formidable-style{
	width:100% !important; padding: 15px !important;
	}
.n2-ss-slider-controls-absolute-left-bottom > div{    position: absolute !important;
    left: 5px !important;
		top: 10px !important; }
.n2-ss-slider-controls-absolute-right-bottom > div{    position: absolute !important;
    right: 0px !important;
		top: 10px !important; }
.site-footer h2 { text-align:center !important}
.socialmedia { text-align: center;}
.green th { font-size:90%;}
.secondline ul { text-align: center;}	
.secondline { grid-template-columns: auto; grid-template-rows: auto;}
.aktualnosci .more, .more, .komunikaty .more { text-align: center !important;}
.dane { text-align: center;}
.site-footer h2 { text-align: center;}
.dane ul  {  margin:0px !important; padding:0px !important;}
.dane ul li { display:inline-block; vertical-align: middle; margin:0px !important; padding:0px !important;  padding-bottom: 10px !important; padding-top:10px !important;}
.firstline .wp-block-column:nth-child(2) ul { margin-left: auto; margin-right: auto ; max-width: unset !important; padding:0px !important;}
.firstline .wp-block-column:nth-child(1), .firstline .wp-block-column:nth-child(2) { border:0px !important; border-bottom: 1px solid #dadada !important;}
.wp-block-columns.dane {
  display: flex;
  flex-wrap: wrap !important;
  margin-bottom: 1.5em;
}
.firstline .wp-block-column:nth-child(3) ul { padding:0px !important;}
.dane .wp-block-column {
flex-basis: 100% !important;
}
.bankuj { text-align: center;}	
#lista-stron li a  { display:block; padding-left: 25px; padding-right:25px; padding-bottom:25px;}
.aktualnosci h2, .bankuj h2 { text-align: center; padding-left: auto; font-size:220%;}
.data {  font-size:105%;}
.przycisk { margin: auto;}
.aktualnosci li {  grid-template-columns:35% 65%;}
#subtop .strona { grid-gap:5px;}
.bzs img { max-width:90px;}
.bzs { position: absolute; right:auto; left:15px; bottom:-7px;}
#subtop .strona { display: grid; grid-template-columns:auto; }
/* #logo { margin: auto;} */
	
#menuglowne {grid-area: 1 / 1 / 2 / 3;}
	#logo {
		grid-area: 1 / 1 / 2 / 2;
		z-index:10;
		grid-template-columns: none !important;
		place-items: flex-start !important;
	}
	#top .strona {
		display: flex !important;
		flex-direction: column-reverse;
		align-items: center;
		gap: 8px;
	}
	#top #topright {
		width: 100%; 
	}
	#top #ikony {
		display: flex !important;
		justify-content: space-between;
	}
	.box25 .wp-block-column {
display: flex;
flex-direction: column;
align-items: center
}

.box25 .wp-block-column p {
text-align: center;
}
.centrumpomocy .wp-block-column {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 20px;
}

.centrumpomocy .wp-block-column p {
text-align: center;
}
#search-form { margin: auto;}
#logo img { max-width:120px; }
	
.kontakt .wp-block-list {
  display: flex;
  flex-direction: column;
}
.kolumna-stopka{border: 1px solid #e5e5e5;
border-radius:12px;}
.stopka-przycisk .wp-block-button__link{
	border:none !important;
}
.frm_style_formidable-style{
	width:50%;
		border:1px solid #e8e8e8;
	padding:50px;
	text-align:center;
	border-radius:15px;
	padding-bottom:0px;
	padding-top:40px;
		margin: 0 auto; /* WYŚRODKOWANIE */
}}
.oferta img{
	width: 100%; max-width:240px; !important;border-radius:500px;
}
.aktualnosci h2 { text-align: left;}
.centrumpomocy img { max-width:200px; margin: auto; width:100%;}
.centrumpomocy figure { text-align:center;}
.owl-dots.disabled { display:none;}
.swiper .wp-block-image img { width:100%; max-width:150px;}
@media (max-width: 1080px) {
	#dropdown-toggle {
	color:black;
	}
}
.page-id-41 .sciezka {
    display: none !important;
}
.frm_html_container p{
	color:#012e4f;
}
.with_frm_style .frm_form_field.frm_html_container, .with_frm_style .frm_form_field .frm_show_it{
	color:#012e4f;
}
#menuglowne{
	place-items: center right;
}
#logo{
	place-items: center left;
  display: grid;
}
.strona{
	padding-left: 15px;
	padding-right: 15px;
}
.contrast p,
.contrast strong,
.contrast ul,
.contrast li,
.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6 {
	color: white !important;
}
.contrast #top {
  background-color: black !important;
}

.contrast #menuglowne {
  background-color: black !important;
}
.contrast .more a:after{
	color:yellow;
}
.contrast .wp-block-atbs-tabs .tabs-titles .tab-title.active{
	background-color:yellow !important;
}
.contrast .wp-block-atbs-tabs .tabs-nav .tab-title.active .tab-title-text{
	color:black;
}
.contrast .wp-block-atbs-tabs .tabs-content{
	background-color: #0F0F0F;
}
.contrast .wp-block-file ::before{
	background-color:yellow !important;
}
.contrast .wp-block-post, .wp-block-latest-posts__list.is-grid li{
	background:#0F0F0F;
}
.contrast #subtop.small{
	background:black;
}
.contrast .ac::before, .contrast .acc::before, .contrast .mig::before{
	color:yellow;
}
.contrast .ac, .contrast .acc, .contrast .mig{
	background: none !important;
}
.contrast #menu-menu-top li.current-menu-item a, .contrast #menu-menu-top li.current-page-ancestor a{
	background: yellow !important;
	color: black !important;
	border: none !important;
}

.contrast .wyroznione{
	border: 2px solid yellow;
}
.contrast .mark{
	background:yellow;
	color:black !important;
}

.contrast .bankuj::before{
	background:linear-gradient(rgba(22, 22, 22, 0.75), rgba(22, 22, 22, 0.75)); !important
}
/* STYLOWANIE KAFELKÓW BLOGOWYCH */

.wp-block-post, .wp-block-latest-posts__list.is-grid li {
  background: #ffffff;
  border-radius: 10px;
padding:15px;
box-sizing: border-box; 
 overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.5s ease-in-out;
}

.wp-block-post:hover, .wp-block-latest-posts__list.is-grid li:hover {
  transform: translateY(-5px);
}

.wp-block-latest-posts__list.is-grid a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.wp-block-post .wp-block-post-title:hover, .wp-block-latest-posts__list.is-grid li a:hover {
  color: #9A0D0D;
  text-decoration: none !important;
}


/* Dodatkowe stylowanie tytułów i fragmentów wpisów */
.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__post-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__post-excerpt {
  font-size: 14px;
  color: #555;
  margin-bottom: 0px;
}

.wp-block-post-excerpt__more-link,
.wp-block-post-excerpt__more-text, .wp-block-latest-posts__read-more {
  color: #555555 !important;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.3s ease-in-out;
  margin-top: 10px;
}

.wp-block-post-excerpt__more-link:hover,
.wp-block-post-excerpt__more-text, .wp-block-latest-posts__read-more:hover {
  color: #9A0D0D!important;
}

.tribe-events-schedule__datetime{
font-size:16px !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6{
font-family: var(--wp--preset--font-family--poppins);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.1px;
    line-height: 1.125;
    text-transform: uppercase;
font-size:30px !important;
}

.tribe-events-widget .tribe-events-widget-events-list__view-more-link, .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited{
display:none !important;
}
.glowna-kontakt.frm_style_formidable-style{
	width:100% !important;
}
.bankuj {
  display: flex;
  align-items: left;     /* wyśrodkowanie w pionie */
  justify-content: center; /* wyśrodkowanie w poziomie (opcjonalnie) */
  flex-direction: column;  /* ułożenie jeden pod drugim */
  position: relative;
  background-image: url('http://petrotel.weboki.pl/wp-content/uploads/2025/06/projekty.jpg');
  background-size: cover;
  min-height: 400px; /* lub inne minimum, jeśli nie ma innej wysokości */
  padding: 2rem; /* dla odstępu od krawędzi */
	border-radius:15px;
}
.bankuj::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(255, 255, 255, 0.75),
    rgba(255, 255, 255, 0.75)
  );
  z-index: 1;
}

/* Upewnij się, że treść ma wyższy z-index */
.bankuj > * {
  position: relative;
  z-index: 2;
}
#n2-ss-2, #n2-ss-3 {
    border-radius: 15px;
    border: 2px solid #e5eaed;
    overflow: hidden;
}

.acc { border:0px; background:#e7e7e7; color:#121212; display:inline-block; vertical-align:middle; cursor: pointer;}
#close-modal { margin:0px; padding:0px; border:0px; background:#fff; color:#121212;}
.acc::before { content: '\f29a';  font-size: 18px; font-family: 'Font Awesome 6 Solid'; width: 30px; text-align: center; display:block; height: 30px; color:#012E4F; line-height: 30px;}
.mig { border:0px; background:#e7e7e7; color:#121212; display:inline-block; vertical-align:middle; cursor: pointer;}
#close-modal { margin:0px; padding:0px; border:0px; background:#fff; color:#121212;}
.mig::before { content: '\f2a3';  font-size: 18px; font-family: 'Font Awesome 6 Solid'; width: 30px; text-align: center; display:block; height: 30px; color:#012E4F; line-height: 30px;}
.c-accordion__title {
  border-bottom: 1px solid #F2F2F2;
  padding: 10px;
    padding-right: 10px;
    padding-left: 10px;
  padding-left: 15px;
  padding-right: 50px;
  font-size: 100%;
  font-weight: bold;
}
.c-accordion__title::after {
  right: 15px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  background: #EB891B;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  font-weight: 300;
}
.is-open .c-accordion__title {
  background: #012E4F;
  color: #fff;
  border-radius: 5px;
}
.is-open .c-accordion__title::after {
  background: #fff;
  color: #012E4F;
}
.wp-block-file ::before{
	 content: '\f019';
	 font-size: 20px;
    font-family: 'Font Awesome 6 Solid';
    width: 35px;
    text-align: center;
    height: 35px;
    line-height: 35px;
	margin-right:10px;
}
.darmowe-miesiace{
	background-color: #EB891B;
	color: white !important;
	border-radius:15px;
	padding:15px;
}

ul.mega-menu {
	text-align: right !important;
}

.wpisy ul { list-style: none; margin:0px; padding:0px; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:15px; }
.short ul { list-style: none; margin:0px; padding:0px; display:grid; grid-template-columns:repeat(2,1fr); grid-gap:15px; }
.wpisy, .wpisy-blog, .wp, .pozostale { padding: 15px; padding-top:0px; padding-bottom:30px;}
.aktualnosci li, .wpisy li, .short li{ display: grid; grid-template-columns:25% 75%; padding-top: 15px; padding-bottom:15px;  border: 1px solid #E5E5E5; border-radius: 12px; margin-bottom: 10px;}
.komunikat { display: grid; box-shadow:0px 0px 15px rgba(0,0,0,0.1); grid-template-columns:25% 75%; padding-top: 15px; padding-bottom:15px; background:#fff; border-radius: 12px; margin-bottom: 10px;}
.wpisy li { margin-bottom:0px;}
.wpisy li { display: grid; grid-template-columns: 35% 65%;}
.nav-links { text-align: center; padding-top:15px; padding-bottom:15px;}
.nav-links a, .nav-links span { display:inline-block; transition: all 0.5s ease; border: 1px solid #E5E5E5; padding:5px; padding-left:13px; padding-right:13px; border-radius:5px; font-weight: 600; font-size:95%;}
.nav-links span.current, .nav-links a:hover, .nav-links a:focus { background:#258837; border: 1px solid #258837; color:#fff;}
 .nav-links .next:after { content: '\f061'; font-family: 'Font Awesome 6 Solid'; font-size:85%; margin-left:7px; font-weight: normal; color:#258837; transition: all 0.5s ease;}
 .nav-links .prev:before { content: '\f060'; font-family: 'Font Awesome 6 Solid'; font-size:85%; margin-right:7px; font-weight: normal; color:#258837; transition: all 0.5s ease;}

@media (max-width:1280px) {
.wpisy li{  grid-template-columns:35% 65%;}
}
.site-footer h2 { text-align:left;}
@media (max-width:1080px) {
 
.wpisy ul { grid-template-columns: repeat(2,1fr);}}
@media (max-width: 990px) { .wpisy ul { grid-template-columns:repeat(2,1fr);}}
@media (max-width: 768px) { .wpisy ul { grid-template-columns:auto;} .tabs-content { padding: 16px !important }}
#searchboxbig { padding: 8px; padding-right:48px; background:#f5f5f5; border-radius:5px; border: 1px solid #e5e5e5; margin: auto; position: relative; width:100%; font-family: 'Poppins', sans-serif; font-size:100%; }
#search-formbig { margin: auto; position: relative; width:100%; max-width: 600px;}
.sch ul { list-style: none; margin:0px; padding:0px;}
.sch li { border-top: 1px solid #e5e5e5;}
#sciezka span > span {
  font-weight: 600;
}
#sciezka a, #sciezka span {
  font-size: 95%;
}
.wpisy h2 { text-align:center;}

.mega-menu-wrap {
	width: 100% !important;
}
.frm_button_submit {font-family: 'Poppins', sans-serif !important; font-weight:600 !important;} 
.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet  { background:#012E4F !important}
.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active { background:#eb891b !important}
.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet { width: 12px !important; height:12px !important; opacity:1 !important;}
.box25:last-child img { max-width:200px; margin: auto; width:100%;}
.box25:last-child figure { text-align: center;}
.wp-block-button__link { transition: all 0.5s ease;}
.wp-block-button__link:hover { background:#012e4f !important; border-color:#012e4f !important;}
.frm_forms   { margin: auto; width:100%; max-width: 1000px !important; border:1px solid #e5e5e5; border-radius: 15px; padding:25px;}
.tabs-content { margin-bottom: 25px !important;}
@media (max-width: 781px) {
	#menu-menu-top li a { margin-bottom:0px;}
	.box25:last-child, .box25:last-child h2 { text-align: center;}
	.stopka-przycisk { margin: auto !important;}
    .centrumpomocy figure {
        width: fit-content;
    }
    .centrumpomocy figure img {
        max-width: 200px;
    }
    .centrumpomocy .wp-block-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}