@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
html { scroll-behavior: smooth; }
body {   font-family: "Rethink Sans", sans-serif; font-optical-sizing: auto; font-weight: <weight>; font-style: normal; line-height:1.8; color:#333; font-size:16px; margin:0; background-position:0 120px; background-size: cover; animation-name: slide; animation-fill-mode: both; animation-duration: 15s; animation-iteration-count: infinite; background-repeat: no-repeat; background-size:100% auto; }
@keyframes slide {
  0%,20% { background-image: url('https://domy.opoczno.pl/wp-content/themes/t/pliki/nowy-dom-opoczno-2026-sprzedaz-zakup-2026.avif'), url('https://domy.opoczno.pl/wp-content/uploads/nowe-domy-opoczno-2027.webp'); }
  21%,40% { background-image: url('https://domy.opoczno.pl/wp-content/uploads/nowe-domy-opoczno-2027.webp'), url('https://domy.opoczno.pl/wp-content/uploads/nowe-domy-opoczno-2026-10.webp'); }
  41%,60% { background-image: url('https://domy.opoczno.pl/wp-content/uploads/nowe-domy-opoczno-2026-10.webp'), url('https://domy.opoczno.pl/wp-content/uploads/nowe-domy-opoczno-2026-12.webp'); }
  61%,80% { background-image: url('https://domy.opoczno.pl/wp-content/uploads/nowe-domy-opoczno-2026-12.webp'), url('https://domy.opoczno.pl/wp-content/uploads/nowy-dom-opoczno-2027-2.webp'); }
  81%,100% { background-image: url('https://domy.opoczno.pl/wp-content/uploads/nowy-dom-opoczno-2027-2.webp'); }
}
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; font-weight:400; text-shadow:0px 0px 3px #fff, 0px 0px 4px #fff; }
h1#banner a { color:#426395; text-decoration:none; }
p#banner { color:#426395; line-height:1; font-size:18px; letter-spacing:3px; padding-left:8px; text-shadow:0px 0px 3px #fff, 0px 0px 4px #fff; }
p { margin:20px 10%; }
header#logo { display:table; width:100%; float: left; width:280px; margin:24px 0; line-height:2; }
header#logo a { color:#1c341f; font-size:28px; font-weight:300; text-decoration: none; }
footer { background:#06402b; text-align:center; color:#ddd; font-size:16px; padding:64px 0; }
footer h4 {color:#fff; font-size: 24px; text-align: left; }
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; margin-top:32px; }
#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 { line-height:3; font-size:12px; background:#001f17;  color:#74b774; text-align: center; text-transform: uppercase; }
div.entry-content img { margin:32px 0; }
iframe { aspect-ratio: 22 / 30; border:none; width:100%; height: auto; margin:30px 0; }
div#ikonki { display: table; width:70%; margin:800px 15% 32px 15%; }
div#ikonki { height:100%; }
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:560px; 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; align-items: stretch; }
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; }
table.tabeleczka { width:70%;margin:0 15%; background:#eee; border-radius:8px; }
table.tabeleczka tr:nth-child(n + 1) td { background:#ddd; }
@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:16px 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; }
div.entry-content img { margin:48px 0; }
h1, h2, h3 { font-size:36px; }
.mobile { display: none; }

.tabela-div {
    display: flex;
    width: 80%; margin:0 10%;
    border:none;
}
.kolumna {
    flex: 1;
    padding: 10px;
    border:none;
    box-sizing: border-box;  text-align: left;
}
.kolumna ul { margin-top:48px; }
.kolumna ul li { text-align: left; line-height:3; }
.kolumna ul li a, .kolumna a { color:#d7d7a8; text-decoration: none; }
.kolumna ul li a:hover, .kolumna a:hover { text-decoration: underline; }
.kolumna h4, .kolumna b { color:#d7d7a8; font-weight:300; }
.kolumna h4 { margin:16px auto; }
}
@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; }
  .komorka-prawa { margin: 0 5%; }
  .mobile { display:block; width:100%; height:auto; }
  .kolumna ul { display:table; margin:32px 0; width:100%; padding-left:0; }
  .kolumna ul li { text-align: center; line-height:2; list-style-type:none; width:100%; margin:0; display:table; }
  .kolumna ul li a, .kolumna a { color:#d7d7a8; text-decoration: none; }
  .kolumna ul li a:hover, .kolumna a:hover { text-decoration: underline; }
  .kolumna h4, .kolumna b { color:#d7d7a8; font-weight:300; }
  .kolumna h4 { margin:8px auto; text-align: center; }
  }
}
@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:2; 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%; }
  menu { display: none; }
}