/*** mp:n omat printtityylit, kts. myös common -> /tyylit_print_common.css ***/

div.toolbarWrapper,
.admin-linkset,
div.admin-linkset,
div#debugInfo,
div.no-print,
div#netland-wrap,
div#header,
.no-smallMobile,
div.flexslider,
div#extraSubNavMobile,
div#kitchenSubNav,
div#khSubNav,
div#footer {
 display:none !important;
}

* {font-size: 10pt;}

h1 { 
  margin: 0 0 1em 0;
  line-height: 1.2em;
  text-transform: uppercase;
  font-size: 20pt;
}

h2 { 
  margin: 1.5em 0 0.5em 0;
  line-height: 1.2em;
  font-size: 17pt;
}

h2 + p { margin-top: 0.5em; }

h3 { 
  margin: 1.5em 0 0.5em 0;
  line-height: 1.2em;
  font-size: 14pt;
}

p { margin: 1.5em 0; }

p + ul, p + ol { margin: -0.5em 0 1.5em 0; }

img { max-width: 100%; }

/* LAYOUT */

img.topImg { margin-bottom: 30px; }

div#print-header {
 padding-bottom:10px;
 margin-bottom:50px;
 border-bottom: 1px solid #000000;
 text-align: left;
}

div#print-header img { width: 160px; }

/*------------------------------------------------
STARTPAGE
------------------------------------------------*/

div#sp-services-cont,
div#sp-customers-cont {
  width: 100%;
  margin: 30px auto;
  display: flex;
  gap: 25px;
}

div.sp-service-item,
div.sp-customer-item { width: calc((100% - 50px) / 3); }

div.sp-service-item h3,
div.sp-customer-item h3 {
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 0 20px;
}

div.sp-service-item img,
div.sp-customer-item img { 
  margin-bottom: 20px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

div.sp-service-item p:first-of-type,
div.sp-customer-item p:first-of-type  { margin-top: 0; }

div.sp-service-item p:last-of-type,
div.sp-customer-item p:last-of-type { margin-bottom: 20px; }

div.sp-service-item a,
div.sp-customer-item a { 
  font-weight: 400;
  font-style: italic;
}

div#sp-lifts-cont {
  width: 100%;
  margin: 30px auto 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  'lift123-wrap lift123-wrap'
  'lift4 lift5'
  'lift6 lift5'
  'lift7 lift8';
  gap: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

div.lift123-wrap {
  grid-area: lift123-wrap;
  display: flex;
  gap: 20px;
}	

div.lift1,
div.lift2,
div.lift3 { width: calc((100% - 40px) / 3); }

div.lift1 img, div.lift2 img, div.lift3 img,div.lift4 img, div.lift6 img, div.lift7 img, div.lift8 img { 
  display: block;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  margin-top: 5px;
}

div.lift5 img { 
  display: block;
  aspect-ratio: 5 / 5.7;
  object-fit: cover;
  margin-top: 5px;
}

div.lift4 { grid-area: lift4; align-self: stretch;}
div.lift5 { grid-area: lift5; align-self: end;}
div.lift6 { grid-area: lift6; align-self: end;}
div.lift7 { grid-area: lift7; align-self: stretch;}
div.lift8 { grid-area: lift8; align-self: stretch;}

div#sp-elevatorpitch-wrap h2,
div#sp-elevatorpitch-wrap2 h2,
div#sp-carousel2-cont h2 { font-size: 17pt; }

/*------------------------------------------------
HANDELS, DOORS
------------------------------------------------*/

div.kitchenHanderlWrap {
 display: inline-block;
 text-align: center;
 padding: 10px 10px 10px 0;
 border-bottom: 1px solid #E4E1DD;
}

div.kitchenHanderlWrap img { margin-bottom: 5px; }

div.kitchenDoorWrap {
 display: inline-block;
 text-align: center;
 padding: 10px 10px 10px 0;
}

div.kitchenDoorWrap img { margin-bottom: 5px; }

div.kitchenDoorColorWrap {
 display: inline-block;
 text-align: center;
 padding: 10px 10px 10px 0;
}

div.kitchenDoorColorWrap img { 
 margin: 0;
 max-width: 60px;
}

div.worktopWrap {
 display: inline-block;
 text-align: center;
 padding: 10px 10px 10px 0;
 border-bottom: 1px solid #E4E1DD;
}

div.worktopWrap img { margin-bottom: 5px; }


/*------------------------------------------------
BROCHURES
------------------------------------------------*/

div#brochuresWrap .table-cell { padding: 0 0 30px 0; }


/*------------------------------------------------
STORES
------------------------------------------------*/

div.storeListBox { display: none; }

div.storeMapWrap {
 width: 100%;
 padding: 20px 0 0 0;
}

div#pageColsWrap div.storeImgsWrap .table-cell img {
 width: auto;
 max-width: 100%;
 padding: 0 0 20px 0;
}


/*------------------------------------------------
FINANCING
------------------------------------------------*/

div.financeInfoBox { 
 border: 1px solid #000000;
 padding: 20px;
 margin: 0px 0 30px 0;
}


/*------------------------------------------------
HOME TECHNOLOGY
------------------------------------------------*/

img.homeTechImg { margin: 10px 13px; }