body {
  background-color: #fff;
  color: #222;
  font-weight: 300;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  margin: 0;
  margin-top: calc(130px + env(safe-area-inset-top, 0px));
}
body.no-menu-login {
  margin-top: calc(30px + env(safe-area-inset-top, 0px));
}
body.no-submenu-line {
  margin-top: calc(50px + env(safe-area-inset-top, 0px));
}
body.one-submenu-line {
  margin-top: calc(90px + env(safe-area-inset-top, 0px));
}
body.report {
  margin-top: calc(0px + env(safe-area-inset-top, 0px));
}


body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: env(safe-area-inset-top, 0px);
  background-color: #000; /* dowolny kolor */
  z-index: 10000;
  pointer-events: none;
}
body::after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: env(safe-area-inset-bottom, 0px);
  background-color: #000;
  z-index: 10000;
  pointer-events: none;
}


ul li {
line-height: 1.5em;
font-size: 1.1em;
font-weight:300;
}
html {
font-family: 'open sans', sans-serif;
scroll-behavior: smooth;
}
.page {
max-width:1140px;
margin: auto;
background: ;
}
* {
box-sizing: border-box;
}
.row::after {
content: "";
clear: both;
display: table;
}
[class*="col-"] {
width: 100%;
float: left;
padding: 5px;
}








/* HEADER */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  color: #222;
  padding-top: env(safe-area-inset-top, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  height: calc(58px + env(safe-area-inset-top, 0px));
  /*height: calc(100px + env(safe-area-inset-top, 0px));*/
}

/* ciemny motyw */
body.dark-mode .header {
  background-color: #000;
}

/* responsywność */
@media screen and (max-width: 768px) {
  .header {
    margin-top: 0; /* to można nawet usunąć, bo `margin-top` i tak nie działa na fixed */
  }
}









/* LOGO */
.logo {
float: left;
padding: 0;
width: 170px;
margin-top: -5px;
margin-bottom: -2px;
margin-left: 5px;
}

/*  GÓRNE */
.topnav {
overflow: hidden;
max-width:1140px;
margin: auto;
margin-top: 10px;
width: 100%;
border-bottom: 0.5px solid #ddd;
}
.topnav a {
float: right;
display: block;
text-align: center;
padding: 10px 10px;
text-decoration: none;
color: #222;
font-size: 0.95em;
font-weight:500;
}
.topnav a:hover {
    text-decoration: ;
    color: #0f70bf;
}

.topnav .icon {
display: none;
}
.topnav a.rankingkont {
float: right;
display: block;
color: #f48200;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding: 10px 10px;
text-decoration: none;
font-size: 0.95em;
font-weight:500;
}
.topnav a.rankingkont:hover {
text-decoration: ;
color: #0f70bf;
}
a.menu {
margin-top: 0px;
margin-bottom: 0px;
}





.oposit {
    color: #fff;
}
body.dark-mode .oposit {
    color: #181818;
}




/* Główne menu – poziomy scroll */
.menu-wrapper {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1000;
  border-bottom: 0.5px solid #ddd;
  max-width: 1140px;
  margin: auto;
}
.menu-link {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  gap: 10px;
  padding: 5px 5px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.menu-link::-webkit-scrollbar {
  display: none;
}
.menu-link a {
  all: unset;
  cursor: pointer;
  padding: 5px 12px;
  flex-shrink: 0;
  border-radius: 10px;
  white-space: nowrap;
  color: #222;
  font-size: 0.95em;
  font-weight:500;
}
.menu-link a:hover {
  text-decoration: ;
  color: #0f70bf;
}


.menu-wrapper-admin {
  position: sticky;
  top: 0;
  background: ;
  z-index: 1000;
  border-bottom: 0.5px solid #ddd;
  max-width: 1140px;
  margin: auto;
}
.menu-link-admin {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  gap: 10px;
  padding: 5px 5px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.menu-link-admin::-webkit-scrollbar {
  display: none;
}
.menu-link-admin a {
  cursor: pointer;
  padding: 5px 12px;
  flex-shrink: 0;
  border-radius: 10px;
  white-space: nowrap;
  color: #222;
  font-size: 0.95em;
  font-weight:500;
}
.menu-link-admin a:hover {
  text-decoration: ;
  color: #0f70bf;
}
body.dark-mode .menu-link-admin,
body.dark-mode .menu-link-admin a {
  color: #f3f3f3;
  background-color: #000;
}
body.dark-mode .menu-link-admin a:hover {
  color: #0f70bf;
}





.main-menu-admin,
.main-menu-admin a {
  color: #222;
  background-color: #fff;
}
.main-menu-admin a:hover {
  color: #0f70bf;
}
body.dark-mode .main-menu-admin,
body.dark-mode .main-menu-admin a {
  color: #f3f3f3;
  background-color: #000;
}
body.dark-mode .main-menu-admin a:hover {
  color: #0f70bf;
}
body.dark-mode .menu-wrapper-admin {
  border-bottom: 0.5px solid #333;
}






.sub-wrapper {
  display: none;
  background-color: #fff;
  position: relative;
  z-index: 10;
  padding: 5px 0;
  overflow-x: auto !important;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}
body.dark-mode .sub-wrapper {
  background-color: #000;
}

/* Chrome, Safari, Edge (WebKit) */
.sub-wrapper::-webkit-scrollbar {
  display: none;
}
.sub-wrapper.active {
  display: block !important;
}
.sub-menu a.active {
  text-decoration: ;
  color: #0f70bf;
}
.sub-menu {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 1px 5px;
  width: max-content;
  min-width: max-content;
  background-color: #fff;
}
.sub-menu a {
  all: unset;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 10px;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  color: #222;
  font-size: 0.95em;
  font-weight:500;
}

.menu-link-admin a.active {
  text-decoration: ;
  color: #0f70bf;
}

body.dark-mode .menu-link-admin a.active {
  text-decoration: ;
  color: #0f70bf;
}














@media screen and (max-width: 768px) {
    .menu {
        margin-left: 5px;
        margin-right: 5px;
    }
}
@media screen and (max-width: 768px) {
    a.menu {
        margin-top: 0px;
    }
}
@media screen and (max-width: 768px) {
    .topnav.responsive a:not(.icon):not(.logo):not(.search-menu):not(.theme-toggle) {
        display: none;
    }
    .topnav a.icon {
        font-size: 1.9em;
        margin-right: 10px;
        margin-top: -10px;
        float: right;
        display: block;
    }
}
@media screen and (max-width: 768px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
font-size: 1.9em;
margin-right: 15px;
margin-top: -10px;
position: absolute;
right: 0;
top: 0;
    }
.topnav.responsive a {
float: none;
display: block;
text-align: left;
font-weight: 600;
margin-top: 1px;
    }
}
@media screen and (max-width: 768px) {
  .topnav.responsive a.logo {
    float: left;
    display: inline-block;
    margin-top: -3px;
    margin-left: 0px; /* tak jak w zwykłym .logo */
  }
}
@media screen and (max-width: 768px) {
  .topnav.responsive a.search-menu {
    margin-top: 30px; /* Tylko ta jedna pozycja dostaje przerwę u góry */
  }
}
body.dark-mode {
  background-color: #000;
  color: #f3f3f3;
}
body.dark-mode a.menu,
body.dark-mode a.rankingkont {
  color: #f3f3f3;
}
body.dark-mode .topnav a:hover {
  color: #0f70bf;
}
.menu img,
.search-menu img,
.theme-toggle img {
  vertical-align: middle;
  filter: invert(0);
  transition: filter 0.3s ease;
}

/* Tryb ciemny – wszystkie te ikonki robią się jasne */
body.dark-mode .menu img,
body.dark-mode .search-menu img,
body.dark-mode .theme-toggle img {
  filter: invert(1);
}

/* Domyślnie pokaż tylko tekst, ukryj ikony */
.menu img {
  display: none;
  vertical-align: middle;
}
.search-menu img,
.theme-toggle img {
  display: inline-block;
}
.theme-toggle img {
  margin-top: -2px;
}
.menu span {
  display: inline-block;
  margin-left: 6px;
  font-size: 0.95em;
  vertical-align: middle;
}

/* Na mobile (768px i niżej): ukryj tekst, pokaż ikony */
@media screen and (max-width: 768px) {
  .menu img {
    display: inline-block;
  }
  .menu span {
    display: none;
  }
}

/* Domyślnie jasny tryb – ikonki bez filtra */
.menu img,
.search-menu img,
.theme-toggle img {
  filter: invert(0);
  transition: filter 0.3s ease;
}
body.dark-mode .menu img,
body.dark-mode .search-menu img,
body.dark-mode .theme-toggle img {
  filter: invert(1);
}
body.dark-mode .main-menu,
body.dark-mode .main-menu a,
body.dark-mode .sub-menu,
body.dark-mode .sub-menu a {
  color: #f3f3f3;
  background-color: #000;
}
body.dark-mode .main-menu a.active,
body.dark-mode .sub-menu a.active {
  color: #0f70bf;
}
body.dark-mode .topnav,
body.dark-mode .menu-wrapper {
  border-bottom: 0.5px solid #333; /* ciemniejszy odcień w dark mode */
}

/* Nagłówki */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3 {
  color: #f3f3f3;
}


















/* Overlay menu pełnoekranowe */
.mobile-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-top: calc(40px + env(safe-area-inset-top));
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 99999;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

/* Tryb ciemny */
body.dark-mode .mobile-overlay {
  background-color: #181818;
}



/* Pokazujemy tylko na mobile */
@media (max-width: 768px) {
  .mobile-overlay.active {
    display: flex;
  }
}

/* Zamknięcie (exit) */
.mobile-overlay .close-menu {
  position: absolute;
  top: calc(10px + env(safe-area-inset-top));
  right: 0px;
}

/* Styl pozycji menu */
.dropdown-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  gap: 10px;
}

.dropdown-item {
  font-size: 1.2em;
  font-weight: 500;
  text-decoration: none;
  color: #222;
  transition: color 0.3s;
}

.dropdown-item:hover {
  color: #0f70bf;
}

/* Tryb ciemny */
body.dark-mode .dropdown-item {
  color: #f3f3f3;
}

body.dark-mode .dropdown-item:hover {
  color: #0f70bf;
}




/* Przyciski */
.btn-login {
  display: inline-block;
  background: #0f70bf;
  color: white;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 500;
  text-decoration: none !important;
  margin-top: 20px;
transition: background-color 0.2s ease;
}
.btn-login:hover {
  background: #0e66ad;
}

.btn-upgrade {
  display: inline-block;
  background: linear-gradient(to right, #FF8000, #FF6D3A);
  color: white;
  font-size: 1em;
  text-align: center;
  padding: 12px 18px;
  border-radius: 10px;
  font-weight: 500;
  text-decoration: none !important;
  margin-top: 20px;
transition: background-color 0.2s ease;
}
.btn-upgrade:hover {
    background: linear-gradient(to right, #f27000, #f05d32);
}


.btn-upgrade-b {
  display: inline-block;
  background: transparent; 
  color: #FF6D3A;
  text-align: center;
  border: 1px solid #FF6D3A;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 500;
  text-decoration: none !important;
  margin-top: 20px;
transition: background-color 0.2s ease;
}


.paypal-button:hover {
  transform: scale(1);
  filter: brightness(0.95);
  cursor: pointer;
}









.bottom-nav {
  display: none;
}

/* Pokaż tylko na mobile (np. max 768px) */
@media (max-width: 768px) {
  .bottom-nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(60px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background-color: #fff;
    border-top: 0.5px solid #ddd;
    z-index: 9999;
  }

  .bottom-nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex: 1;
    font-size: 12px;
    color: #222; /* jasny tryb */
  }

  .bottom-nav img {
    width: 19px;
    height: 19px;
    margin-bottom: 6px; /* odstęp między ikoną a napisem */
  }

  .bottom-nav .center-icon {
    width: 33px;
    height: 33px;
    margin-bottom: 2px;
  }

  .bottom-nav span {
    font-size: 12px;
    line-height: 1;
  }

  /* DARK MODE */
  body.dark-mode .bottom-nav {
    background: #000;
    border-top: 0.5px solid #333;
  }

  body.dark-mode .bottom-nav a {
    color: #f3f3f3; /* kolor tekstu w ciemnym trybie */
  }

  body.dark-mode .bottom-nav img {
    filter: brightness(0) invert(1);
  }
}

/* Aktywny link – JASNY TRYB */
.bottom-nav a.active {
  color: #0f70bf;
}

.bottom-nav a.active img {
  filter: brightness(0) saturate(100%) invert(31%) sepia(96%) saturate(2487%) hue-rotate(200deg) brightness(95%) contrast(91%);
}

/* Aktywny link – CIEMNY TRYB */
body.dark-mode .bottom-nav a.active {
  color: #0f70bf;
}

body.dark-mode .bottom-nav a.active img {
  filter: brightness(0) saturate(100%) invert(31%) sepia(96%) saturate(2487%) hue-rotate(200deg) brightness(95%) contrast(91%);
}



.main-menu a,
.menu-link a {
color: #222;
background-color: #fff;
}

.main-menu .menu-link a.active {
  color: #0f70bf;
}

.menu-group a.active {
  color: #0f70bf;
}

.menu-group a.active img {
    filter: brightness(0) saturate(100%) invert(33%) sepia(90%) saturate(3822%) hue-rotate(192deg) brightness(84%) contrast(95%);
}

.menu-group a.active span {
  color: #0f70bf;
}





.notification {
    padding: 18px;
    margin-bottom: 18px;
    border: 0.5px solid #ddd;
    border-radius: 10px;
}
.notification.new {
    background-color: #f9f9f9;
    color: #0f70bf;
    font-weight: bold;
    /*border-color: #28a745;*/
    border: 1px solid #28a745;
}
body.dark-mode .notification.new {
    background-color: #181818;
}
.notification a {
    text-decoration: none;
}
.notification time {
    font-size: 0.9em;
    color: #666;
    display: block;
    margin-top: 6px;
}
.notification-dot {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 8px;
  height: 8px;
  background-color: red;
  border: 1px solid white;
  border-radius: 50%;
  z-index: 99;
  pointer-events: none;
}






/* LOGIN / REGISTER FORMS */
.auth-container {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.tabs {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}

.tabs button {
flex: 1;
padding: 10px;
font-size: 1em;
border: none;
background: none;
cursor: pointer;
font-weight: bold;
border-bottom: 2px solid transparent;
}

.tabs button.active {
border-bottom: 2px solid #0f70bf;
color: #0f70bf;
}

.form {
display: none;
flex-direction: column;
}

.form.active {
display: flex;
}

input {
padding: 10px;
font-size: 1em;
margin-bottom: 10px;
border: 0.5px solid #ccc;
border-radius: 10px;
}

button[type="submit"] {
background: #0f70bf;
color: white;
padding: 10px;
border: none;
border-radius: 10px;
cursor: pointer;
font-size: 1em;
font-weight: 500;
}

button[type="submit"]:hover {
background: #0e66ad;
}

body.dark-mode button[type="submit"]:hover {
    background: #0e66ad; 
}



span.copyright {
    font-size: 0.8em;
    color: grey;
    display: block;
    text-align: center;
}

/* DARK MODE LOGIN / REGISTER FORMS */
body.dark-mode .auth-container {
  background-color: #181818;
  box-shadow: 0 0 10px rgba(255,255,255,0.05); /* subtelny cień w dark mode */
}

body.dark-mode .tabs button {
  color: #f3f3f3;
}

body.dark-mode .tabs button.active {
  color: #0f70bf;
  border-bottom: 2px solid #0f70bf;
}

body.dark-mode input {
  background-color: #161616;
  color: #f3f3f3;
  border: 0.5px solid #333;
}

body.dark-mode input::placeholder {
  color: #777;
}

body.dark-mode button[type="submit"] {
  background: #0f70bf;
  color: white;
}

body.dark-mode button[type="submit"]:hover {
  background: #0f70bf;
}

/* Komunikaty błędów/sukcesów (jeśli używasz p/form-message) */
body.dark-mode .form-message {
  color: #f3f3f3;
}

/* Jeśli jakiś dodatkowy tekst w .form */
body.dark-mode .form {
  color: #f3f3f3;
}




















/* WYSOKOŚĆ NAD H2 */
.anchor-spacer {
  height: calc(160px + env(safe-area-inset-top, 0px));
  margin-top: calc(-160px - env(safe-area-inset-top, 0px));
}

@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}

/* HEADER ADVERT */
.headertop {
    margin: auto;
    width: 65%;
    margin-top: 20px;
    margin-bottom: -15px;
}

/* BREADCRUMB */
ol.breadcrumb {
padding: 0px 4px;
list-style: none;
color: #777;
}
ol.breadcrumb a {
color: #;
text-decoration: none;
}
ol.breadcrumb li {
display: inline;
}
/* SEKCJE ARTYKUŁ */
.article {
overflow: hidden;
width: 100%;
margin-top: 20px;
font-size: 1em;
}
.text {
text-decoration: none;
width: 100%;
font-size: 1em;
margin-top: px;
overflow: hidden;
}
/* ZDJĘCIA GŁÓWNE ARTYKUŁU */
img.home-post-image {
box-shadow: 0 0 5px rgba(0,0,0,0.1);
width: 98%;
border-radius: 10px;
margin-left: 3px;
margin-top: 0px;
high: auto:
}
img.home-post-image:hover {
-webkit-filter: brightness(0.95);
filter: brightness(0.95);
border-radius: 10px;
}
img.post-image {
box-shadow: 0 0 5px rgba(0,0,0,0.1);
width: 99%;
border-radius: 10px;
margin-left: 3px;
margin-top: 0px;
high: auto:
}




img.insides-post-image {
box-shadow: 0 0 5px rgba(0,0,0,0.1);
width: 98%;
border-radius: 10px;
high: auto:
}
img.insides-post-image:hover {
-webkit-filter: brightness(0.95);
filter: brightness(0.95);
border-radius: 10px;
}
span.article-link {
    display: block;
    color: #222;
    line-height: 1.5;
    font-size: 1.1em;
    font-weight: 500;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: left;
    width: 95%;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: -15px;
}
span.article-link:hover {
    text-decoration: underline;
}
body.dark-mode span.article-link {
    color: #f3f3f3;
}
body.dark-mode span.article-link:hover {
    text-decoration: underline;
}
span.article-link1 {
    color: #222;
    line-height: 1.8;
    font-size: 1em;
    font-weight: 500;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: left;
    width: 100%;
}
span.article-link1:hover {
    text-decoration: underline;
}
body.dark-mode span.article-link1 {
    color: #f3f3f3;
}
body.dark-mode span.article-link1:hover {
    text-decoration: underline;
}










/* DATA PUBLIKACJI ARTYKUŁU */
.date-published {
text-align: left;
color: #666;
font-style: italic;
font-family: 'open sans', sans-serif;
font-size: 1em;
font-weight:300;
text-decoration: none;
}
/* RODZAJE TRZCIONEK */
p {
text-align: left;
line-height: 1.6em;
margin-top: 20px;
margin-bottom: 20px;
font-family: 'open sans', sans-serif;
font-size: 1em;
font-weight:400;
text-decoration: none;
}
strong {
text-align: left;
font-family: 'open sans', sans-serif;
font-size: 1em;
font-weight:600;
text-decoration: none;
}

a {
text-align: left;
font-family: 'open sans', sans-serif;
color: #222;
text-decoration: none;
font-size: 1em;
font-weight: 400;
}

hr {
    border: none;
    border-bottom: 0.5px solid #ddd;
}

body.dark-mode hr {
    border-bottom: 0.5px solid #333;
}






/* W PIGUŁCE */
.pigulka-info {
width: 100%;
float: left;
padding: 15px;
margin-left: 0px;
font-size: 1em;
margin-bottom: 20px;
border: 0.5px solid #ddd;
border-radius: 10px;
background-color: #f8f8f8;
}


body.dark-mode .pigulka-info {
    background-color: #131313;
    border: none;
}



/* POLECANE DLA CIEBIE W ARTYKULE*/
div.polecany-dla-ciebie {
width: 100%;
float: left;
color: #444;
padding: 0px 0px;
margin-left: 0px;
font-size: 1.2em;
line-height: 1.7em;
margin-bottom: 20px;
border: 0px solid #ddd;
background-color: #fff;
}
img.polecany-dla-ciebie {
float: left;
width: 27px;
height: 33px;
margin-right: 30px;
margin-left: 25px;
margin-top: px;
}
.polecany-dla-ciebie {
width: 100%;
text-align: left;
display: inline;
overflow: hidden;
color: #ff5a00;
font-family: 'open sans', sans-serif;
font-size: 1em;
font-weight: 400;
text-decoration: none;
}
a.polecany-dla-ciebie:hover {
text-decoration: underline;
color: #ff5a00;
}
/* TEMAT STRONY */
h1 {
text-align: left;
color: #222;
font-family: 'open sans', sans-serif;
font-size: 1.7em;
    font-weight: 500;
    text-decoration: none;
}
/* PODTEMATY STRONY */
h2 {
    text-align: left;
    overflow: hidden;
    padding-left: 10px;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    text-decoration: none;
}

h2:hover {
    color: #222;
    text-decoration: underline;
}

h3 {
    text-align: left;
    overflow: hidden;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    text-decoration: none;
}
h4 {
    text-align: left;
    overflow: hidden;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.6em;
    font-weight: 500;
    text-decoration: none;
}
h5 {
    text-align: left;
    display: inline;
    line-height: 1em;
    color: #111;
    font-family: 'open sans', sans-serif;
    font-size: 1.7em;
    font-weight: 500;
    text-decoration: none;
}
h6 {
    text-align: left;
    display: inline;
    word-spacing: 10px;
    color: #444;
    font-family: 'open sans', sans-serif;
    font-size: 1em;
    font-weight: 200;
    text-decoration: none;
}
/* MAILCHIMP NEWSLETTER */
#mc_embed_signup {
    background: #ffffff;
    clear:left;
    font:14px;
    color: #fff
    font-family: 'open sans', sans-serif;
}
#mc_embed_signup_scroll {
    text-align: center;
}
/* AUTOR POD ARTYKUŁEM */
div.bottom-autor {
    margin-top: 30px;
}
img.bottom-autor {
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/* SOCIAMEDIA PRZYCISKI */
.sharethis-inline-share-buttons {
    margin-top: 30px;
}
/* OCENA GWIAZDKI */
.rating {
    margin-top: 20px;
    color: #222;
}
body.dark-mode .rating {
    color: #f3f3f3;
}




a.star {
    color: #FFD700;
}
a.star :hover {
    color: #ff8c00;
}
a.stra {
    color: #b7b7b7;
}
a.stra :hover {
    color: #ff8c00;
}

a.star-article {
    color: #FFD700;
}
a.star-article :hover {
    color: #ff8c00;
}
a.stra-article {
    color: #b7b7b7;
}
a.stra-article :hover {
    color: #ff8c00;
}









/* FORMA DO KOMENTARZY I  */
input[type=text], select, textarea {
    width: 100%;
    padding:10px;
    font-size: 1em;
    border: 0.5px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    margin-top: px;
    margin-bottom: 10px;
    resize: vertical;
    font-family: 'open sans', sans-serif;
}
input[type=submit] {
    background-color: #0f70bf;
    font-size: 1em;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}
body.dark-mode input[type=submit] {
    background-color: #0f70bf;
    color: #f3f3f3;
}

input[type=submit]:hover {
    background-color: #0f70bf;
}
input[type="email"],
textarea {
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px;
    font-size: 1em;
    border: 0.5px solid #ccc;
    border-radius: 10px;
}

#search-input::placeholder {
  font-style: italic;
}

.comments-form {
    border-radius: 10px;
    margin-top: 30px;
    background-color: ;
    padding: 0px;
}
/* POJEDYŃCZY KOMENTARZ  */
.single-comments {
    background-color: ;
    margin-top: 50px;
}
.comments-autor {
    text-align: left;
    display: inline;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
}
body.dark-mode .comments-autor {
    color: #f3f3f3;
}
.comments-time {
    text-align: left;
    display: inline;
    color: #666;
    font-family: 'open sans', sans-serif;
    font-size: 0.7em;
    font-weight: 300;
    text-decoration: none;
}
img.comments {
    float: left;
    width: 60px;
    height: 60px;
    margin-left: 5px;
    margin-right: 15px;
    border-radius: 50%;
}
/* FOOTER */
.footer {
    clear:both;
    float: center;
    background-color: #181818;
    color: #fff;
    font-weight: 500;
    line-height: 1.4em;
    text-align: left;
    font-family: 'open sans',sans-serif;
    font-size: 1em;
    padding: 2px 20px;
    overflow: hidden;
    text-decoration: none;
}
.footer-part {
    max-width:1140px;
    margin: auto;
    background-color: ;
}
.footer-title {
    text-align: left;
    line-height: 2.5em;
    color: #fff;
    font-family: 'open sans', sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
}
a.footer {
    text-align: left;
    line-height: 1.8em;
    color: #f2f2f2;
    font-family: 'open sans', sans-serif;
    font-size: 1em;
    font-weight: 300;
    text-decoration: none;
}
img.social-icon {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.copyright {
    text-align: center;
    float: center;
    color: #f2f2f2;
    font-family: 'open sans', sans-serif;
    font-size: 0.9em;
    font-weight: 200;
    text-decoration: none;
}
/* FORMA DO KONTAKTU */
.contact-form {
    border-radius: 10px;
    margin-top: 10px;
    background-color: #222;
    padding: 0px;
}
/* SIDE BAR */
.aside {
    background-color:;
    padding: 0px;
    margin-top: 20px;
    color: #fff;
    text-align: center;
    font-size: 0.8em;
}

body.dark-mode .aside {
  color: #f3f3f3;
}





/* KSIĄŻKA WIDOK */
div.ksiazka-maly-widok {
    width: 100%;
    float: right;
    padding: 10px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    background-color: #;
}

/* AUTOR INFORMACJA */
div.autor-info {
    width: 100%;
    float: left;
    padding: 0px;
    margin-left: 10px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
}
div.price-info {
    width: 100%;
    float: right;
    padding: 20px;
    margin-left: 0px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    background-color: ;
}
img.autor-info {
    float: left;
    width: 75px;
    height: 75px;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 0px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/* WYSZUKAJ */
img.wyszukaj {
    margin-top: 30px;
    float: left;
    width: 100%;
    border: 1.5px solid #888;
    border-radius: 10px;
    height: auto;
}

body.dark-mode img.wyszukaj {
    border: 1px solid #ddd;
}

/* MAILCHIMP NEWSLETTER BARSIDE */

div.mailchimp-barside {
    margin-top: 30px;
    margin-bottom: 0px;
    width: 100%;
    border: 1px solid #ddd;
    float: right;
    background-color: ;
}
div.mailchimp {
    margin-top: 0px;
    margin-bottom: 60px;
    width: 100%;
    border: 1px solid #ddd;
    float: right;
    background-color:;
}
.mailchimp-title {
    text-align: left;
    display: inline;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none;
}
.mailchimp-title-zapisz-sie {
    text-align: left;
    display: inline;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.4em;
    line-height: 1.3em;
    font-weight: 400;
    text-decoration: none;
}
.mailchimp-title-zapisz-sie-mala {
    text-align: left;
    display: inline;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    text-decoration: none;
}

input.required-email {
    margin-top: -5px;
    margin-bottom: -5px;
}

input.button-mailchimp {
    background-color: #0f70bf;
    font-size: 1.1em;
    margin-bottom: 10px;
}
input.button-mailchimp:hover {
    background-color: #0e66ad;
}

input.button-mailchimp-newsletter {
    background-color: #0f70bf;
    font-size: 1.1em;
    margin-top: -8px;
    margin-bottom: 10px;
}
input.button-mailchimp-newsletter:hover {
    background-color: #0e66ad;
}



div.mailchimp-newsletter {
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #ddd;
    float: right;
    background-color: #f8f8f8;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

body.dark-mode div.mailchimp-newsletter {
    background-color: #131313;
    border: 1px solid #333;
}


.mailchimp-title-zapisz-sie-newsletter {
    text-align: left;
    display: inline;
    color: #111;
    font-family: 'open sans', sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    text-decoration: none;
}




/* ASIDE HEADING */
.aside-heading {
    text-align: center;
    display: inline;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    margin-top: 0px;
    text-decoration: none;
}
body.dark-mode .aside-heading {
  color: #f3f3f3;
}




/* FACEBOOK LIKE */
div.facebook-like {
    margin-top: 30px;
    width: 100%;
    float: right;
}
/* NOWE POSTY ASIDE */
div.new-posts {
    width: 100%;
    float: right;
}
/* POST SIDEBAR */
div.post-aside {
    width: 100%;
    float: right;
    margin-top: 10px
}
img.post-aside {
    float: left;
    width: 45%;
    height: auto;
    margin-right: 10px;
}
img.post-aside:hover {
-webkit-filter: brightness(0.9);
filter: brightness(0.9);
}
a.post-aside {
    float: left;
    line-height: 1.3em;
    color: #333;
    font-family: 'open sans', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    text-decoration: none;
}
.post-aside a:hover {
    text-decoration: none;
    color: #000;
}
/* ZOBACZ ROWNIEZ */
a.zobacz-rowniez-a {
    text-align: center;
    font-weight: 400;
    color: #222;
    font-size: 0.8em;
    text-decoration: none;
}
img.zobacz-rowniez-img {
    float: center;
    width: 100%;
    height: auto;
}
img.zobacz-rowniez-img:hover {
-webkit-filter: brightness(0.9);
filter: brightness(0.9);
}
p.zobacz-rowniez-title {
    text-align: left;
    font-weight: 400;
    color: #222;
    font-size: 1.3em;
    margin-top: 1px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}
/* BLOG IMAGE WHY */
img.why {
    width: 100%;
    high: auto:
}
/* BLOG GRID */
div.blog-grid {
    margin-top: 20px;
    text-decoration: none;
}
a.blog-post-title {
    text-align: left;
    overflow: hidden;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    text-decoration: none;
}
.blog-post-title a:hover {
    text-decoration: ;
    color: #3e9042;
}
a.read-more {
    float: right;
    font-size: 0.9em;
    font-weight: 400;
    display: block;
    text-decoration: none;
    color: #FF9900;
}
/* PLIKI DO POBRANIA BOX */
div.download-file {
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 20px;
    margin-right: 20px;
    font-size: 0.9em;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
}
img.download-icon {
    float: left;
    width: 27px;
    height: 33px;
    margin-right: 30px;
    margin-left: 25px;
    margin-top: px;
}
a.download-title {
    text-align: left;
    display: inline;
    overflow: hidden;
    color: #222;
    font-family: 'open sans', sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-decoration: none;
}
a.download-title:hover {
    color: #000;
    text-decoration: underline;
}
/* USTAWIENIA HOME PAGE */
/* SECTION 1 */
div.home-section-1 {
    background-color: #fff;
    margin-top: 20px;
}
div.section-1 {
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
/* SECTION 2 */
div.bc-section-2 {
    background-color: #f7f7f7;
    margin-top: 10px;
}
div.section-2 {
    padding-top: 20px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
p.section-2-title {
    text-align: center;
    font-weight: 400;
    color: #f48200;
    font-size: 1.4em;
}
div.section-2-desc {
    text-align: center;
}
img.section-2-img {
    float: center;
    width: 40px;
    height: 40px;
}
p.section-2-desc {
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}
/* SECTION 3 */
div.bc-section-3 {
    background-color: #fff;
    margin-top: 20px;
}
div.section-3 {
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
img.section-3-img {
    display: center;
    margin-left: 20px;
    margin-right: 20px;
    width: 97px;
    height: auto;
}
/* SECTION 4 */
div.bc-section-4 {
    background-color: #fff;
    margin-top: 20px;
}
div.section-4 {
    padding-bottom: 30px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
div.section-4-desc-border {
    border: 1px solid #ddd;
}
div.section-4-desc-border-1 {
    padding-left: 10px;
    padding-right: 10px;
}
p.section-4-title {
    text-align: left;
    font-weight: 400;
    color: #222;
    font-size: em;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}
div.section-4-desc {
    text-align: center;
}
img.section-4-img {
    float: center;
    width: 100%;
    height: auto;
}
a.section-4-a {
    text-align: center;
    font-weight: 400;
    color: #222;
    font-size: 0.8em;
    text-decoration: none;
}
/* SECTION 5 */
div.bc-section-5 {
    background-color: #2b9b50;
    padding-bottom: 20px;
}
div.section-5 {
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
div.section-5-desc {
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
}
div.section-5-img {
    padding-top: 25px;
}
img.section-5-img {
    float: center;
    width: 90%;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
p.section-5-desc {
    text-align: left;
    padding-left: px;
    color: #fff;
}
/* SECTION 6 */
p.section-6-title {
    text-align: center;
    font-weight: 400;
    color: #e47337;
    font-size: 1.4em;
}
p.section-6-desc {
    text-align: center;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    font-size: 1.3em;
    padding-left: 25px;
    padding-right: 25px;
}
/* SECTION 7 */
img.section-7-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: auto;
}
p.section-7-desc {
    text-align: center;
    font-weight: 300;
    line-height: 1em;
    color: #fff;
    font-size: 1.1em;
}
/* SECTION 8 */
div.bc-section-8 {
    background-color: #fff;
    margin-top: 20px;
}
div.section-8 {
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
p.section-8-title {
    text-align: center;
    font-weight: 400;
    color: #f48200;
    font-size: 1.4em;
}
div.section-8-desc {
    text-align: center;
}
img.section-8-img {
    float: center;
    width: 40px;
    height: 40px;
}
p.section-8-desc {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
/* SECTION 9 */
div.bc-section-9 {
    background-color: #f7f7f7;
    margin-top: 10px;
}
div.section-9 {
    padding-top: 20px;
    padding-bottom: 10px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
div.blue-box {
    background-color: #0c4270;
    padding-top: 15px;
    padding-bottom: 15px;
}
div.white-box {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
p.section-9-title {
    text-align: center;
    font-weight: 400;
    color: #f48200;
    font-size: 1.4em;
}
div.section-9-desc {
    text-align: center;
}
img.section-9-img {
    float: center;
    width: 50px;
    height: 50px;
}
p.section-9-desc {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
p.section-91-desc {
    color: #fff;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
/* SECTION 10 */
bc-section-10 {
    background-color: #fff;
}
div.section-10 {
    padding-top: 20px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
div.border-10-box {
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 10px;
    border: 1px solid #ddd;
}
p.section-testimonial {
    color: #333;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}
img.section-10-img {
    float: left;
    width: 60px;
    height: 60px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 50%;
}
span.testimonial-autor {
    float: left;
    text-align: left;
    color: #222;
    font-weight: 400;
    font-size: 1.1em;
    text-decoration: none;
}
span.testimonial-type {
    float: left;
    text-align: left;
    color: #2b9b50;
    font-weight: 300;
    font-size: 0.9em;
    text-decoration: none;
}
/* SECTION ERROR */
div.bc-section-error {
    background-color: #fff;
    margin-top: px;
}
div.section-error {
    padding-top: 20px;
    overflow: hidden;
    max-width:1140px;
    width: 100%;
    margin: auto;
}
p.error-number {
    font-weight: 300;
    line-height: 0em;
    font-size: 11em;
    text-align: center;
    color: #2b9b50;
}
.error-title {
    text-align: center;
    color: #2b9b50;
    font-size: 1.3em;
    line-height: 0em;
    margin-bottom: 100px;
}
/* WYSZUKIWARKA */
* {
    box-sizing: border-box;
}
#myInput {
    background-image: url('/icon/searchicon.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 1em;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 0px;
}
#myUL {
    list-style-type: none;
    padding: 5px;
    margin: 0;
}
#myUL li a span {
    text-decoration: none;
    font-size: 2em;
    color: black;
    display: block
}
#myUL li a:hover:not(.header) {
    background-color: #fff;
}
a.search-link {
    color: #004fac;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 400;
    text-decoration: none;
}
a.search-link:hover {
    color: #004fac;
    text-decoration: underline;
}
span.search-data {
    font-size: 1em;
    line-height: 1.5em;
    color: #2b9b50;
    text-decoration: none;
}
span.search-description {
    font-size: 1em;
    line-height: 1.5em;
    color: #444;
    text-decoration: none;
}
/* CYTATY */
.ludwig {
    position: relative;
    padding-left: 0.5em;
    border-left: 0.2em solid #f3c525;
    font-family: 'Roboto', serif;
    font-style: italic;
    font-size: 1.6em;
    line-height: 1.4em;
    font-weight: 200;
}
.ludwig:before, .ludwig:after {
    content: '\201C';
    font-family: 'Sanchez';
    color: #f3c525;
}
.ludwig:after {
    content: '\201D';
}
/* KALKULATOR WYNAGRODZENIA */
.wynagrodzenie {
    overflow: hidden;
    background-color: #fff;
    width: 100%;
}
.wynagrodzenie a {
    float: left;
    color: #F2F2F2;
    width: 33%;
    background-color: #45a049;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.wynagrodzenie a:hover {
    background-color: #fff;
    color: #3e9042;
}
.wynagrodzenie a.active {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
.wynagrodzenie a:hover:not(.active) {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
/* KALKULATOR VAT */
.podatek-vat-button {
    overflow: hidden;
    background-color: #45a049;
    width: 100%;
}
.podatek-vat-button a {
    float: left;
    color: #F2F2F2;
    width: 50%;
    background-color: #45a049;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.podatek-vat-button a:hover {
    background-color: #fff;
    color: #3e9042;
}
.podatek-vat-button a.active {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
.podatek-vat-button a:hover:not(.active) {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
.pole-oblicz {
    background-color: #f2f2f2;
}
input[type=button] {
    background-color: #45a049 ;
    font-size: 1em;
    color: white;
    padding: 16px 30px;
    border: none;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}
input[type=button]:hover {
    background-color: #3e9042;
}


body.dark-mode textarea {
  background-color: #181818;
  color: #f3f3f3;
  border: 0.5px solid #444;
}

body.dark-mode textarea::placeholder {
  color: #888;
}


/*
 input[type=number], select, textarea {
    width: 100%;
    padding: 13px;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-sizing: border-box;
    margin-top: 6px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 16px;
    resize: vertical;
}
.procent {
    padding: 13px;
    width: 100%;
    margin-top: 6px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    }
 */

/* SUBSKTUPCJA */
div.subskrybuj {
    width: 100%;
    float: right;
    padding: 0px;
    margin-left: 0px;
    font-size: 1.1em;
    border: 0px solid #ddd;
    background-color: #fff;
}
img.subskrybuj {
    float: right;
    width: 120px;
    height: 36px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
}
/* YOU TUBE */
.iframe-youtube{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}
.iframe-youtube iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* RANKING */
.ranking {
    overflow: hidden;
    background-color: #fff;
    width: 100%;
}
.ranking a {
    float: left;
    color: #ffffff;
    width: 100%;
    background-color: #45a049;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.ranking a:hover {
    background-color: #fff;
    color: #3e9042;
}
.ranking a.active {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}
.ranking a:hover:not(.active) {
    background-color: #fff;
    color: #333;
    border-top: 1px solid #45a049;
    border-left: 1px solid #45a049;
    border-right: 1px solid #45a049;
}

.search-box {
    font-size: 16px;
}
fieldset {
    border-width: 0px;
}

/* WYNIKI RANKINGU */
a.middle_form {
    font-size: 1.2em;
    display: block;
    background-color: #ff5800;
    color: #ffffff;
    height: 50px;
    line-height: 20px;
    margin: 4px 0 15px 0;
    padding: 15px 4px 2px 4px;
    text-align: center;
    cursor: pointer;
    font-family: 'open sans', sans-serif;
    text-decoration: none;
    border: 0px solid #ddd;
}
a.middle_form:hover {
    background-color: #e65001;
}
a.middle_more {
    font-size: 1.1em;
    display: block;
    background-color: #fff;
    color: #777777;
    height: 50px;
    line-height: 20px;
    margin: 4px 0 3px 0;
    padding: 0 4px 2px 4px;
    text-align: center;
    cursor: pointer;
    border: 0px solid #ddd;
    font-family: 'open sans', sans-serif;
    text-decoration: none;
}
h2 a {
    margin-left: 10px;
    text-align: left;
    color: #45a049;
    font-family: 'open sans', sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
}
img.middle_vendor_logo {
    float: left;
    margin-top: px;
}
div.middle_product h2 a {
    color: #222222;
    margin-top: 20px;
}
div.middle_product h3 {
    display: none;
}
.middle_product ul {
    padding: 0 0 0 16px;
}
div.middle_product {
    border-color: 1px solid #f2f2f2;
    padding: 10px 10px 16px 10px;
    line-height: 40px;
}
div.middle_buttons {
    width: 160px;
    padding: 3px 0 3px 6px;
    float: right;
    margin-left: 16px;
    clear: right;
    font-family: 'open sans', sans-serif;
    text-decoration: none;
    display: flex;
    flex-direction: column-reverse;
}
h2, h3, .middle_buttons {
    display: inline-flex;
}

/* SIDEBAR LIKI DO RANKINGU */
div.ranking-aside {
    margin-top: 0px;
    width: 100%;
    float: left;
}
div.ranking-list-aside {
    width: 100%;
    float: left;
    color: #444;
    padding: 10px 30px;
    font-size: 1.1em;
    line-height: 2em;
    text-align: left;
    border: 1px solid #ddd;
    background-color: #fff;
}
.lista-ranking-aside {
    text-align: left;
}
a.link-ranking-sidebar {
    width: 100%;
    text-align: left;
    overflow: hidden;
    color: #45a049;
    font-family: 'open sans', sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    text-decoration: none;
}
a.link-ranking-sidebar:hover {
    text-decoration: underline;
    color: #45a049;
}





/* BANER REKLAMOWY ANKIETA */
/*  background: linear-gradient(135deg,#46c0c5,#348f93); */
div.reklama-ankieta {
    width: 100%;
    border: 0px solid #ddd;
    background: #fff; /* #48c24e-zielony */
    float: left;
    text-align: center;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
span.ankieta-title {
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 500;
    text-decoration: italic;
    color: #111;
}
div.ankieta-box-title {
    margin-top: 20px; /* 20px jeśli są 3 liniki, 30px jeśli 2 liniki */
}
div.img-reklama {
    text-align: center;
}
div.ankieta-button {
     text-align: center;
}
img.img-reklama-ankieta {
    width: 200px;
}
.button-kontakt-ankieta {
background-color: #fff;
border: none;
color: #fff;
padding: 12px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1em;
transition-duration: 0.4s;
cursor: pointer;
}
.button-orange-kontakt-ankieta {
background: orange;
color: #fff;
border: 1px solid orange;
border-radius: 10px;
cursor: pointer;
}
.button-orange-kontakt-ankieta-[WYLACZONY] :hover {
background-color: #fff;
color: orange;
border: 1px solid orange;
cursor: pointer;
}


/* REKLAMA W ARTYKUŁACH */
div.reklama-artykul {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    float: left;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
}
div.reklama-artykul-google {
margin-top: 20px;
margin-bottom: 30px;
}
img.img-reklama-artykul-g {
width: 100%;
}

div.reklama-artykul-side {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    float: left;
    text-align: center;
    margin-top: 40px;
}
img.img-reklama-artykul {
    width: 100%;
}
span.adv-title {
    font-size: 1.6em;
    font-weight: 600;
    color: #00a000;
}
span.adv-subtitle {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 500;
    text-decoration: italic;
    color: #333;
}
span.price-before {
    font-size: 2em;
    font-weight: 300;
    color: #333;
}
span.price-now {
    font-size: 2.5em;
    font-weight: 400;
    color: #da3309;
    padding: 20px 15px 0 0;
}
img.button-buy {
    width: 240px;
}
#timer {
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  color: #da3309;
  letter-spacing: -1px;
}
#timer span {
  font-size: 2em;
  color: #da3309;
  margin: 0 3px 0 15px;
}
#timer span:first-child {
  margin-left: 0;
}
/* PRZYCISKI NA STRONE KURSÓW */
.button-kontakt {
background-color: #fff;
border: none;
color: #fff;
padding: 12px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.1em;
transition-duration: 0.4s;
cursor: pointer;
}
.button-orange-kontakt {
background: orange;
color: #fff;
border: 1px solid orange;
border-radius: 10px;
}
.button-orange-kontakt:hover {
background: #fff;
color: #f58e29;
}
a.button-ofer {
color: #fff;
text-align: right;
text-decoration: none;
}
a.button-ofer:hover {
color: #f58e29;
text-decoration: none;
}

.button-kontakt-dark {
background-color: #fff;
border: none;
color: #fff;
padding: 12px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.1em;
transition-duration: 0.4s;
cursor: pointer;
}
.button-orange-kontakt-dark {
    background: #FF8C00;
color: #fff;
border: 1px solid #FF8C00;
border-radius: 10px;
}
.button-orange-kontakt-dark:hover {
background: #fff;
color: #FF8C00;
}

.button-kontakt-red {
background-color: #fff;
border: none;
color: #fff;
padding: 12px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.1em;
transition-duration: 0.4s;
cursor: pointer;
}
.button-orange-kontakt-red {
    background: #FF4500;
color: #fff;
border: 1px solid #FF4500;
border-radius: 10px;
}
.button-orange-kontakt-red:hover {
background: #fff;
color: #FF4500;
}


























/* POP-UP */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 70px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #fff;
border-radius: 10px;
width: 97%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.close {
color: #444;
float: right;
font-size: 38px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: orange;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #fff;
color: white;
}
.modal-body {
padding: 2px 16px;

}



div.kursy-sidebar {
margin-top: 30px;
width: 100%;
float: left;
}
img.kursy-sidebar-img {
width: 100%;
}



/* LAZY LOAD */
.post { 
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.post.visible { 
    opacity: 1;
}

.lazy {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.lazy.visible {
    opacity: 1;
}


/* SCREEN SIZE NA TELEFONY */

[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    /* SCREEN SIZE NA KOMPUTERY */
    .col-1 {width: 2%;}
    .col-2 {width: 33%;}
    .col-3 {width: 30%;} /* bylo 28% */
    .col-32 {width: 34%;}
    .col-4 {width: 40%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 70%;}
    .col-7 {width: 49%; margin-top: 20px;}
    .col-8 {width: 66.66%; float: left;}
    .col-9 {width: 75%;}
    .col-10 {width: 25%; float: left; margin: auto;}
    .col-11 {width: 91.66%;}
    .col-12 {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
    .col-13 {width: 10%; margin-top: 20px;}
    .col-14 {width: 15%; float: left; margin: auto; text-align: right;}
    .col-15 {width: 20%;}
    .col-16 {width: 80%;}
    .col-17 {width: 17%;}
    .col-18 {width: 4%;}
    .col-19 {width: 48%; float: left;}
    .col-20 {width: 100%; float: center; margin: 0; padding: 0; padding-top: 0px; padding-bottom: 0px; box-sizing: border-box;}
    .col-21 {width: 7%;}
    .col-22 {width: 33%; box-sizing: border-box;}
    .col-23 {width: 100%; box-sizing: border-box; border-radius: 10px; border: 0.5px solid #ddd; padding: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    .col-27 {width: 60%;}
}





body.dark-mode .col-23 {
  background-color: #181818;
  color: #f3f3f3;
  border: none;
}

.col-24 {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 0.5px solid #ddd;
  padding: 10px;
  margin-bottom: 15px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
body.dark-mode .col-24 {
  background-color: #181818;
  color: #f3f3f3;
  border: none;
}

.col-29 {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 0.5px solid #ddd;
  margin-bottom: 10px;
  padding: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}
body.dark-mode .col-29 {
  background-color: #181818;
  color: #f3f3f3;
  border: none;
}





.col-30 {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 0.5px solid #ddd;
  padding: 25px;
  margin-bottom: 15px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
body.dark-mode .col-30 {
  background-color: #181818;
  color: #f3f3f3;
  border: 0.5px solid #333;
}
.col-31 {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 0.5px solid #ddd;
  padding: 25px;
  margin-bottom: 15px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
body.dark-mode .col-31 {
  background-color: #181818;
  color: #f3f3f3;
  border: none;
}







.free {
    background-color: #fafafa;
}
.comprehensive {
    background-color: #f0f8ff;
}
.premium {
    background-color: #dbebff;
}

body.dark-mode .free {
    /* border: 1px solid #555; */
}
body.dark-mode .comprehensive {
    /* border: 1px solid #0f70bf; */
}
body.dark-mode .premium {
   /* border: 1px solid #ffd700; */
}
.plan-card h3 {
  font-size: 1.4em;
  margin-bottom: 10px;
}
.plan-card ul {
  list-style: none;
  padding-left: 0;
}
.plan-card li::before {
  content: "✔";
  color: #28a745;
  margin-right: 8px;
}
.upgrade-link {
  display: inline-block;
  margin-top: 10px;
  color: #0f70bf;
  text-decoration: underline;
}
img.autor-info {
    margin-top: -15px;
}
h2.autor-info {
    margin-bottom: -35px;
}
span.offer-uptitle {
    display: block;
    color: #28a745;
    font-size: 1.3em;
    font-weight: 600;
    text-align: center;
    margin-top: px;
}
.hr {
    background-color: #ddd;
    border: none;
    height: 0.5px;
}
span.offer-title {
    display: block;
    font-size: 1.5em;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 12px;
    text-align: center;
}
span.offer-subtitle {
    display: block;
    font-size: 1.2em;
    font-weight: 500;
    padding-bottom: 12px;
    text-align: center;
}
.center {
    text-align: center;
}
span.price {
    font-size: 1em;
    line-height: 1.3;
    text-align: center;
}
span.price em b {
  font-weight: 600; /* lub 500 – bardziej umiarkowane niż 'bold' */
}
span.blue-text-tv {
    color: #808080 !important;
    cursor: default;
}
span.blue-text-td {
    color: #808080 !important;
    cursor: default;
}

iframe {
  border-radius: 10px;
  border: 1px solid #17a2b8; !important;
  border: none;
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
  overflow: hidden;
}
span.tv-ticker-item-tape__short-name {
    color: #1e90ff !important;
}
div.watchlist-widget-tab-labels span.content-mf1FlhVw {
  color: red !important;
  font-weight: bold !important;
}

#newsletter-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0f70bf;
  color: white;
  padding: 12px 16px;
  font-size: 15px;
  z-index: 99999;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.2);
}

.newsletter-sticky-inner {
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #newsletter-bar {
    flex-direction: column;
    align-items: center;
  }
  #newsletter-bar input[type="submit"] {
    width: 100%;
    max-width: 300px;
  }
}