/* cmsms stylesheet: kpk_css modified: Wednesday, February 25, 2026 10:17:24 PM */
/*kpk*/
body { font-family: 'Lato', sans-serif; margin: auto; }
body > * { display: flow-root; }
@media only screen and (min-width: 930px){
 body > * { padding: 0 calc((100% - 930px)/2); }
 #header-kpk { border-top: 3rem solid white; background-size: 100% auto; }
 #header-kpk > div:first-child { margin-top: -3rem; }
 #header-kpk > div:first-child { height: 3rem; background-color: white; }
 #header-kpk > div:last-child { height: inherit; }
 #header-kpk > div > div { height: inherit; float: left; }
 #menu-kpk { background-color: transparent; height: inherit; align-content: space-around; float: right; }
 #header-kpk h1 { font-size: 5rem;  margin-bottom: 0.5rem; }
 #content-kpk { margin: 4rem 0 6rem 0;}
 #content-kpk p.box { width: calc(50% - 8rem); height: 5.5rem; float: left; margin: 2rem; }
 .mail, .phone { margin-right: 1.4rem; }
}
@media only screen and (max-width: 930px){
 #header-kpk { background-size: cover; } 
 #header-kpk > div:first-child { background-color: white; height: 3rem; align-content: center; } 
 #header-kpk > div:last-child { height: 20rem; width: 100%;}
 #header-kpk > div > div > span {display: none;}
 #header-kpk > div > div {width: 50%; float: left;}/* for menu */
 #header-kpk h1 { font-size: 3rem; text-align: center; margin-bottom: 0.5rem; }
 #header-kpk h2 { text-align: center; margin-top: 0; }
 #content-kpk { margin: 3rem 1rem; }
 #content-kpk p.box { height: 7rem; margin: 3rem 0; }
 #footer-kpk  { padding-left: 1rem; padding-right: 1rem; }
 #footer-kpk > div > div > div:first-child + div { display: none; }
 #address_map { width: calc(100vw - 2rem); margin-top: 3rem; }
}


p, #content-kpk li { font-size: 1.4rem; font-weight: 300; }
p,a,h3,li { color: dimgray; }
h3 { font-size: 2rem; }
a { text-decoration: none; }
a:hover { color: black; }
#header-kpk { background-position: center; background-repeat: no-repeat; height: 24rem; }
#header-kpk[data-page-id='kp-start'] { background-image: url("https://kpksiegowosc.pl/uploads/images/17018372_7.webp"); }
#header-kpk[data-page-id='oferta-uslug-ksiegowych'] { background-image: url("https://kpksiegowosc.pl/uploads/images/6_45r6yt9.webp"); }
#header-kpk[data-page-id='kontakt-z-kpksiegowosc'] { background-image: url("https://kpksiegowosc.pl/uploads/images/1_eo6bc23.webp"); }

#header-kpk > div:last-child { align-content: space-around; float: left; }
#header-kpk > div > div { display: flex; }
#header-kpk h1, #header-kpk h2 { color: white; text-shadow: 0 0 4px black; }

#header-kpk h2 { margin-top: 0; }

.mail, .phone { display: flex; align-items: center; color: dimgray; }
.phone::before, .mail::before { display: block; width: 1.6rem; height: 1.6rem; opacity: 0.6; }
.mail::before { content: url("https://kpksiegowosc.pl/uploads/images/envelope-solid-full.svg"); padding-right: 0.5rem;}
.phone::before { content:url("https://kpksiegowosc.pl/uploads/images/mobile-screen-solid-full.svg"); padding-right: 0.2rem;}
#head-kpk { background-image: url("https://kpksiegowosc.pl/uploads/images/brbacground_image.webp"); background-size: cover; background-position: center; }
#head-kpk[data-page-id='oferta-uslug-ksiegowych'] { background-image: url("https://kpksiegowosc.pl/uploads/images/ccc.webp"); }
/*menu glob*/
/* #menu-kpk > div { display: flow-root; } */
/* #menu-kpk .menublock > li > a:hover { color: #bfe36f; } */
/* menu narrow */
@media only screen and (min-width: 930px){
#menu-kpk .menublock { display: flex; align-items: center; list-style:none; padding:0; margin: 0; }
#menu-kpk .menublock > li > a { display: inline-block; padding: 0 1.4rem; font-size: 1.1rem; font-weight: 400;  text-decoration: none; }
  #menu-kpk details, #menu-kpk details:focus { outline: none; display: none; }
  #menu-kpk summary, #menu-kpk summary:focus { outline: none; }
  #menu-kpk details summary::-webkit-details-marker, #menu-br details summary::marker { display: none;  content: ""; }
  /* #menu-br details[open] ~ div { display:flex; } */
}

@media only screen and (max-width: 930px){
 #menu-kpk { /* margin: auto; */ position: absolute; width: 50%; left: 50%;
    top: 0; /* background-color: inherit; */ }
 #menu-kpk > ul.menublock { display: none; padding-left: 0; /* padding-top: 2%; box-shadow: inset 0em 1em 2em -2em black; */ }
 #menu-kpk > ul.menublock > li { display: flex; width: 100%; /* padding:5%; */ justify-content: left; background-color: white; }
 #menu-kpk > ul.menublock > li.currentpage { background-color: hsl(0, 0%, 85%); }
.phone { margin-left: 0.8rem; }
 #menu-kpk > ul.menublock > li > a { padding: 5%; display: block; width: 100%; } 
/* * hover * */
  #menu-kpk details { border: 0; display: block; list-style: none; float: right; width: 25%; height: 3rem; /* background-color: red; */ }
  #menu-kpk summary { cursor: pointer; display: block; list-style: none; text-align: center; border: 0;}
  #menu-kpk summary > span {  display: flex; background-image: url("https://kpksiegowosc.pl/uploads/images/bars-solid-full.svg"); background-size: contain; height: 2.4em; background-repeat: no-repeat; background-position: center; margin: 0.4em; } 
  #menu-kpk details summary::-webkit-details-marker, #menu-kpk details summary::marker { display: none;  content: ""; }
  #menu-kpk details[open] ~ ul.menublock { display: block; }
  #menu-kpk details[open] summary > span { background-image: url("https://kpksiegowosc.pl/uploads/images/angle-up-solid-full.svg"); }
/* end hover menu */
}

#content-kpk { min-height: 25rem; background-color: white; }
#content-kpk p, #content-kpk li { line-height: 2.4rem; }
#content-kpk p:first-child { margin-top: 0; }
#content-kpk p:last-child { margin-bottom: 0; }
#content-kpk p.box {  padding: 2rem; box-shadow: 0 0 1rem silver; align-content: space-around; text-align: center; display: block; cursor: pointer;}
#content-kpk p.box:hover { background-color: beige; transform: scale(1.02); transition-duration: 0.5s; }

@media only screen and (max-width: 428px){}
@media only screen and (max-width: 360px){}

/* footer */
/*
#footer-kpk > div { margin: auto; width: var(--main-width); display: flow-root; }
#footer-smz > div > div { margin: 2rem; display: grid; grid-template-columns: 2fr 1fr; gap: 1rem; }
*/
#footer-kpk { min-height:10vh; background-color: #93c593; }
#footer-kpk > div > div { margin: 3rem 0; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; }
#footer-kpk .title-kpk { font-size: 1.2rem; }
#footer-kpk > div > div > div { flex: 2; min-width: 290px; }
#footer-kpk > div > div > div:first-child { flex: 1; }
#footer-kpk > div > div > div:last-child { flex: 1;}
#footer-kpk ul { list-style-type: square; }
#footer-kpk li { padding: 0.3rem; }
#footer-kpk a { color: black; text-decoration: none; }
#footer-kpk h2 { font-size: 1.2rem; font-weight: 400; }
#footer-kpk p { line-height: 1rem; padding-left:1rem; font-size: 1.2rem; font-weight: 300; color: black; }
#footer-kpk .lastfoot-kpk { font-weight: 100; font-size: 0.8rem; }
@media only screen and (max-width: 930px){
  #footer-kpk .lastfoot-kpk {  display: block; text-align: center; padding: 1rem; }
  #footer-kpk > div > div:last-child {display: block; }
}