/* cmsms stylesheet: complex_css modified: Saturday, May 3, 2025 5:54:04 PM */
/* @import url('/nowastrona/assets/css/fontawesome-free-5.15.3-web/css/all.min.css'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,600;0,700;1,400;1,600&display=swap');
:root {
--brbar-round-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22188.312%22%20height%3D%2240mm%22%20viewBox%3D%220%200%2049.824%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20style%3D%22color%3A%23000%3Bfill%3A%23ffffff%3B%22%20d%3D%22M3%203a3%203%200%200%200-3%203%203%203%200%200%200%203%203h43.824a3%203%200%200%200%203-3%203%203%200%200%200-3-3H3zm0%2014a3%203%200%200%200-3%203%203%203%200%200%200%203%203h43.824a3%203%200%200%200%203-3%203%203%200%200%200-3-3H3zm0%2014a3%203%200%200%200-3%203%203%203%200%200%200%203%203h43.824a3%203%200%200%200%203-3%203%203%200%200%200-3-3H3z%22%2F%3E%3C%2Fsvg%3E');
--brbar-round2-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22188.312%22%20height%3D%2240mm%22%20viewBox%3D%220%200%2049.824%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20style%3D%22color%3A%23000%3Bfill%3A%23ffffff%3B%22%20d%3D%22M24.912%203.605a3%203%200%200%200-2.127.885L5.07%2022.305a3%203%200%200%200%204.254%204.23L24.912%2010.86%2040.5%2026.535a3%203%200%200%200%204.254-4.23L27.039%204.49a3%203%200%200%200-2.127-.885zM3%2031a3%203%200%200%200-3%203%203%203%200%200%200%203%203h43.824a3%203%200%200%200%203-3%203%203%200%200%200-3-3H3z%22%2F%3E%3C%2Fsvg%3E');
}
@media (min-width: 900px){
  :root { --main-width: 1214px; }
   #header-cpx > h1 { background-position: 2rem top; background-repeat: no-repeat; background-size: auto 100%; background-image: url("https://wycenycomplex.i7.pl/uploads/images/logo_complex.webp"); }
   #content-cpx > div > div[data-page-id='kontakt-z-nami'] { background-image: url("https://wycenycomplex.i7.pl/uploads/images/logo_complex.webp"); background-position: center; background-position-x: right; background-size: 32%; background-repeat: no-repeat; background-position-x: right 5rem; }
}

body { margin:0; font-family: 'Poppins', sans-serif; }
/* header */
#header-cpx > h1 { margin: auto; width: var(--main-width); font-size: 1.6rem; padding: 1rem 0; text-align: center; }
#header-cpx > h1 span { font-weight: 200; }

/* menu hoizontal - nav #menu-cpx > #menunav */
/* menu ver*/
#menu-cpx { width: 100%; background-color: #00459d; position: sticky; top: 0; }
#menu-cpx > #menunav {  display: flow-root; } 
#menu-cpx details, #menu-cpx details:focus { outline: none; }
#menu-cpx summary, #menu-cpx summary:focus { outline: none; }

/*menu-cpx*/
 #menunav ul { list-style-type:none; padding:0; display: flex; margin: 0; margin-left: auto; margin-right: auto;}
 #menunav ul > li { display: flex; width: 100%; }
 #menunav a { color: white; text-decoration: none; padding: 0.7rem 0.5rem; width: 100%; text-align: center; font-weight: bold; align-content: center; }
 #menunav a:hover { background-color: #012d64; }
/* #menunav a > span { display: block; padding: 0.6rem; font-size: 1.1rem; } */
 #menunav a.currentpage { background-color: #012d64; }

@media (min-width: 900px){
  #menunav ul {  max-width: var(--main-width); }
  #menu-cpx details { display: none; list-style: none; }
  #menu-cpx summary { list-style: none; }
}

@media (max-width: 900px){
  #menunav ul > li { display: flex;  }
  #menunav ul { display: none; }
  #menunav a  { font-size: 1.2rem; }
  #menu-cpx { text-align: center; }
  #menu-cpx details { border: 0; display: block; list-style: none; }
/*  #menu-cpx summary { cursor: pointer; display: block; list-style: none; text-align: center; font-family: "Font Awesome 5 Free"; font-weight: 900; color: white; font-size: 2.5rem; line-height: 3rem; border: 0; } */
  #menu-cpx summary > span { display: flex; background-image: var(--brbar-round-image); background-size: 2.8rem; height: 2.4em; background-repeat: no-repeat; background-position: center; padding: 0.4rem; cursor: pointer;}

  #menu-cpx details summary::-webkit-details-marker,
  #menu-cpx details summary::marker { display: none;  content: ""; }
  #menu-cpx details[open] ~ #menunav { background: linear-gradient(to top, #00459d, 95%, #012d64); padding-top: 5%; position: absolute; width: 100%; }
  #menu-cpx details[open] ~ #menunav > ul { display: block; }
  #menu-cpx details[open] summary > span { background-image: var(--brbar-round2-image); }
 
}
/* menu end */
/* banner */
 #banner-cpx { height: 375px; background-image: url("https://wycenycomplex.i7.pl/uploads/images/brbraniewo_i7_3.webp");  background-size: cover; background-position: center;}
 #banner-cpx[data-page-id='kosztorysy'] { background-image: url("https://wycenycomplex.i7.pl/uploads/images/brbraniewo_i7.webp"); }
 #banner-cpx[data-page-id='nadzory-budowlane'] { background-image: url("https://wycenycomplex.i7.pl/uploads/images/80zZ1s24Nag.webp"); }
 #banner-cpx[data-page-id='projekty'] { background-image: url("https://wycenycomplex.i7.pl/uploads/images/9014868_1920.webp"); }
 #banner-cpx[data-page-id='kontakt-z-nami'] { background-image: url("https://wycenycomplex.i7.pl/uploads/images/2956974_1920.webp"); }
 #banner-cpx > div { margin: auto; width: var(--main-width); display: flow-root; }

 #content-cpx > div { margin: auto; width: var(--main-width); }
 #content-cpx > div > div { padding: 2rem; padding-bottom: 4rem; font-weight: 200; font-size: 1.3rem; }
 #content-cpx .h2-cpx { font-size: 2.4rem; }
 #content-cpx p { line-height: 2.1rem; }
 @media (max-width: 900px){  #content-cpx p { hyphens: auto; } }
 #content-cpx .big-cpx { font-size: 2.1rem; line-height: 3.5rem; padding: 2rem; }

/* footer */
#footer-cpx { background-color: #00459d; color: white; }
#footer-cpx > div { margin: auto; width: var(--main-width); display: flow-root; }
/* #footer-cpx > div > div { margin: 2rem; display: grid; grid-template-columns: 2fr 1fr; gap: 1rem; } */
#footer-cpx > div > div { margin: 2rem; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; }
#footer-cpx .title-cpx { font-size: 1.2rem; }
#footer-cpx > div > div > div { flex: 2; min-width: 300px; }
#footer-cpx > div > div > div:first-child { flex: 1; }
#footer-cpx > div > div > div:last-child { flex: 1;}
#footer-cpx ul { list-style-type: disclosure-closed;; }
#footer-cpx li { padding: 0.3rem; }
#footer-cpx a { color: white; text-decoration: none; }
#footer-cpx h2 { font-size: 1.3rem; font-weight: 400; }
#footer-cpx p { line-height: 2rem; padding-left:1rem; }
#footer-cpx .lastfoot-cpx { font-weight: 100; font-size: 0.8rem; }

/* icon pdf */
a.content-pdf-icon { text-decoration: none; background-color: #fbfbfb; padding: 1.5em; display: inline-block; }
.content-pdf-icon::before { content: " "; background: url(https://wycenycomplex.i7.pl/uploads/images/ico-pdf.webp) left center no-repeat; vertical-align: middle; background-size: 36px 43px; padding: 10px 10px 10px 42px; }
/* icon pdf */