@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
html { scroll-behavior: smooth; }
body { font-family: "Poppins", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; line-height:2; color:#333; font-size:16px; margin:0; background: url('https://nowy-dom.opoczno.pl/wp-content/themes/t/pliki/nowy-dom-opoczno-2026-sprzedaz-zakup-2026.avif'); background-position:0 120px; background-size:100% auto; background-repeat: no-repeat; }
h1, h2, h3 {  font-weight: lighter; color:#06402b; margin:20px 10%; display: block; padding:1px; }
h1#banner { color:#426395; margin-top:128px; font-size:48px; }
p#banner { color:#426395; line-height:1; font-size:18px; letter-spacing:3px; padding-left:8px; }
p { margin:20px 10%; }
header#logo { color:#1c341f; display:table; width:100%; font-size:32px; font-weight:300; line-height:2; float: left; width:280px; margin:24px 0;  }
footer { background:#06402b; text-align:center; color:#fff; font-size:16px; margin-top:48px; padding:16px 0; }
div#container { }
div.mobmenu-right-alignment {  background: #9be15d; background: linear-gradient( 130deg, #52c234,#061700 );  }
#mobmenuright li a, #mobmenuright li a:visited, #mobmenuright .mobmenu-content h2, #mobmenuright .mobmenu-content h3, .mobmenu-left-panel .mobmenu-display-name { font-family: "Quicksand", serif; font-size:16px !important;  line-height: 1.5 !important; }
div#description { background: linear-gradient( to left, #2980B9,#6DD5FA,#FFFFFF ); text-align:center; color:#095487; font-size:12px; line-height:1.5; font-size:12px; text-transform: uppercase; letter-spacing:1px; }
footer#footer { line-height:2; letter-spacing:2px; padding-top:24px; }
#footer p { font-size:24px; font-weight:300; }
#footer p a { display:table; padding: 5px 20px; background:#04281b; border-bottom:1px solid #0a6946; border-top:1px solid #0a6946; color:#fff; border-radius:10px; text-decoration: none; font-size:18px; transition: all 0.2s linear; width: auto; margin:16px auto 32px auto; font-width:400 !important; }
#footer p a:hover, #footer p a:active { border-bottom:1px solid #10a670; border-top:1px solid #10a670; }
div#copyright a { text-decoration: none; border-bottom: 1px solid #762d00; color:#762d00; }
div#copyright a:hover, div#copyright a:active { border-bottom: 1px solid #501e00; color:#501e00; }
div#copyright { line-height:1; font-size:12px; }
div.entry-content img { margin:32px 0; }
iframe { aspect-ratio: 3 / 2; border:none; width:100%; height: auto; margin:64px 0; }
div#ikonki { display: table; width:70%; margin:700px 15% 32px 15%; }
div#ikonki h3 { text-align: center; color:#06402b; }
#ikonki ul { margin-left:30px; }
div#ikonki img { background:#06402b; width:64px; height:64px; padding: 12px; margin:1px auto; display: block; }
div#ikonki div { display: table; width:30%; float: left; height:424px; background:rgba(255, 255, 255, 0.7); margin-right:5%; padding:24px 0 20px 0; box-shadow: 0px 0px 3px #06402b;  line-height:1.5; }
div#ikonki div:last-child { margin-right:0; }
nav#top { width:620px; margin: 1px 1px 1px auto; padding:0; }
nav#top ul { margin: 1px 1px 1px auto; display:table; list-style: none; width:620px; padding-left:0; }
nav#top ul li { margin:16px; padding: 1px; line-height:2; font-weight:500; font-size: 16px; float: left; display:table; border-bottom:2px solid #fff; }
nav#top ul li:last-child { background:#1c341f; padding:4px 10px; border-bottom:none !important; }
nav#top ul li:hover { border-bottom:2px solid #1c341f; }
nav#top ul li a { color:#1c341f; text-decoration: none;  }
nav#top ul li a:hover { }
nav#top ul li:last-child a { color:#fff; text-decoration: none; border-bottom:none; }
nav#top ul li:last-child a:hover { }
.sto { width:100%; }
.kontenerek { display: table; width:70%; margin:0 15%; }
div#gallery-1 { margin: 15% 1px; }
@media (min-width:1201px) {
div#gallery-1 { margin:1px 10%; }
div.mobmenur-container { margin-right:15%; }
h1, h2, h3 { margin:20px 15%; display: block; padding:1px; }
p { margin:20px 15%; }
div#description { text-transform: none; }
span.komorki { display: none; }

.tabela-div { display: table; width: 100%; margin:16px 0; border-collapse: collapse; }
.wiersz-div { display: table-row; }
.komorka-lewa {
      display: table-cell;
      border: none;
      padding:0 2% 0 5%;
      width:43%;
      float:left;
    }
.komorka-prawa {
        display: table-cell;
        border: none;
        padding:0 5% 0 2%;
        width:43%;
        float:right;
    }
.komorka-lewa p, .komorka-lewa h1, .komorka-lewa h2, .komorka-lewa h3,
.komorka-prawa p, .komorka-prawa h1, .komorka-prawa h2, .komorka-prawa h3
{ margin:20px 0; }
iframe { aspect-ratio: 1 / 1; width: 100%; margin:0; }
div.entry-content img { margin:48px 0; }
h1, h2, h3 { font-size:36px; }
.mobile { display: none; }
}
@media (max-width:1400px) {
  div#ikonki { margin-top: 450px; }
  .kontenerek { display: table; width:80%; margin:0 10%; }
  footer#footer { letter-spacing:1px; }
  h1#banner { margin-top:128px; font-size:42px; }
  p#banner { line-height:1; font-size:16px; letter-spacing:2px; padding-left:8px; }
}
@media (max-width:1200px) {
  .pc { display:none; }
  div#ikonki { margin-top: 350px; }
  .kontenerek { display: table; width:90%; margin:0 5%; }
  h1, h2, h3, p { margin-left:5%; margin-right:5% }
  footer#footer { letter-spacing:0px; }
  h1#banner { margin-top:128px; font-size:36px; }
  p#banner {  letter-spacing:1px; padding-left:4px; }
}
@media (max-width:1020px) {
    nav#top {display:none; }
    div.komunikat { font-size:14px; }
    div#ikonki { margin-top: 200px; }
}
@media (min-width:1021px) {
  body { width: 100%; }
  nav#top {display:table; }
}
@media (max-width:850px) {
  body { background-position:0 94px; }
  header#logo { line-height:1.5; float: left; width:280px; margin:20px;  }
  h1#banner { color:#fff; margin-top:32px; line-height:1; font-size:32px; text-shadow:0px 0px 2px #00214e, 0px 0px 3px #00214e; text-align: center; }
  p#banner { color:#fff; line-height:1; font-size:14px; letter-spacing:0px; padding-left:0px; text-shadow:0px 0px 2px #00214e, 0px 0px 3px #00214e; text-align: center; }
  div#ikonki { display: table; width:80%; margin:75px 10% 32px 10%; }
  div#ikonki h3 { text-align: center; color:#06402b; }
  #ikonki ul { margin-left:20px; }
  div#ikonki div { display: table; width:96%; float:none; height:auto; background:rgba(255, 255, 255, 0.7); margin-right:0; padding:24px 2% 20px 2%; box-shadow: 0px 0px 3px #06402b;  line-height:1.5; margin-bottom: 16px;}
  div#ikonki div:last-child { margin-right:0; }
  iframe { aspect-ratio: 2 / 3; width: 100%; margin:48px 0; }
  #footer p { font-size:18px; font-weight:300; line-height: 2;}
  div.entry-content ul { margin:8px 6%; }
}