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

ul#skiplink-wrap,
div.toolbarWrapper,
div.admin-linkset,
div#debugInfo,
div.no-print,
div#flexslider-cont,
div#header,
div#banner-cont,
div#asideWrap,
div#footer,
div#cookie-settings-opener,
div#netland-wrap,
div.tipWrap,
div#map_canvas,
div#prevnextWrap,
div#sliderContainer,
.visually-hidden {
 display:none !important;
}

body { 
  font-size: 11pt;
  line-height: 1.3em; 
}

div,
textarea,
select,
option,
input[type="text"],
input[type="textfield"],
input[type="password"],
input[type="submit"],
input[type="button"] {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin-top: 0; 
}

h1 { 
  margin: 0 0 1em 0;
  line-height: 1.3em;
  font-size: 20pt;
}

h1 + p { margin-top: 1em; }

h2,
h2 a { 
  margin: 1.5em 0 1em 0;
  line-height: 1.3em;
  font-size: 17pt;
}

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

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

h3 + p { margin-top: 1em; }
 
p { margin: 1.5em 0; }

ul, ol { margin: 1em 0; }

small { font-size: 9pt; }

.extrasmall { font-size: 8pt; }

form { margin: 0; }

label { 
 text-transform: uppercase;
 font-weight: normal;
 font-size: 9pt;
}

label b { font-weight: normal; }

textarea, input[type="text"],input[type="textfield"],input[type="password"] {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 10px;
}
 
select { padding: 9px 10px; }
 
input.button {
  padding: 10px 15px;
  line-height: 1em;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 10pt;
}

.data-header { padding: 8px; }
.data { padding: 8px; }

table td p:only-child { margin: 0; }

table td p:first-child { margin-top: 0; }

table td p:last-child { margin-bottom: 0; }

table th,
table thead { 
	font-weight: bold;
	text-transform: uppercase;
  font-size: 9pt;
}

table.muotoiltu { border-collapse: collapse; }

table.muotoiltu th,
table.muotoiltu thead td { 
  font-size: 9pt;
	padding: 8px;
	text-transform: uppercase;
}

table.muotoiltu td { padding: 8px; }

.absmiddle { vertical-align: middle; }

/*--- LAYOUT ---*/

div#printHeader {
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 50px;
  padding-bottom: 10px;
  text-align: center;
}

div#pageWrap-sp { padding-bottom: 50px; }

div.extranarrow-cont img { 
  max-width: 100%;
  height: auto;
}

/*--- STARTPAGE ---*/

div#spSearchContainer { margin-top: 32px; }

div#placeLiftContainer { margin-top: 72px; }

div#spSearchTextWrap,
div#placeLiftTextWrap  { text-align: center; }

div#spSearchTextWrap h2,
div#placeLiftTextWrap h2 { 
  font-size: 20pt;
  text-align: center;
}

div#placeLiftCont { 
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

div.placeLiftWrap {
  width: 25%;
  -moz-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  -webkit-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  border: 1px solid rgba(36,36,36,.05);
}

div.placeLiftWrap a {
  display: block;
  height: 100%;
  text-decoration: none;
}

div.placeLiftTextWrap { padding: 30px; }

div.placeLiftTextWrap h3 { 
  margin-top: 0;
  color: #000000;
}

div.placeLiftText { font-size: 9pt; } 

div.liftarea-cont { margin: auto; }

div.liftbox { margin: 15px 0; }

div.liftbox.teksti p:first-child { margin-top: 0; }

div.liftarea-cont-wrap.rowfull .liftarea-cont,
div.liftarea-cont-wrap.rowfull.has_row_style .liftarea-cont {
	margin-top: 30px;
	margin-bottom: 0;
}

div.liftarea-cont-wrap.rowfull.prevrowfull .liftarea-cont { margin-top: 0; }

div.liftarea-cont-wrap.has_row_style .liftarea-cont {	
	margin-top: 23px;
	margin-bottom: -23px;
}

div.liftarea-cont-wrap.has_row_style.nextrownostyle .liftarea-cont { margin-bottom: 0; }

div.liftarea-cont-wrap2 { margin: auto; }

div.liftbox.kuva div.box_img h1 {
 margin: 0;
 bottom: 4px;
}

div.liftbox.kuva div.box_img { position: relative; }

div.liftbox.kuva div.box_img h1, div.liftbox.kuva div.box_img h2, div.liftbox.kuva div.box_img h3 {
  position: absolute;
  bottom: 0px;
  padding: 5px 10px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}

div.respbox-linkbox a {
  color: black;
  background-color: white;
  border: 1px solid black;
  background-image: none;
  display: inline-block;
  padding: 10px 15px;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  font-size: 10pt;
}

/*----- MAPS -----*/

#map_canvas { 
 margin-top: 40px;
 width: 630px;
 height: 450px; 
}

/*----- ROUTE AND DESTINATION PAGES -----*/

div.aluealbumi {
  display: flex;
  align-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
}

div.aluealbumi div.albumikuva { width: 45mm; }

div.aluealbumi div.albumikuva img {
  width: 45mm;
  height: auto;
  display: block;
}

div.aluealbumit div.albuminimi { font-weight: bold; }

div.aluealbumi div.albumikuvaus {
  line-height: 1.4em;
  font-size: 9pt;
}

div.printImgWrap img {
  max-width: 100%;
  height: auto;
  margin-bottom: 50px;
}

span.toggle { display: none; }


div.homeLinkCont {
  position: relative;
  background: none !important;
  font-weight: bold;
  padding-left: 50px;
  margin-bottom: 30px;
}

div.homeLinkCont span.material-icons {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
}

div#prevnextWrap { display: none; }

form#searchform { 
  display: flex;
  justify-content: center;
  gap: 8px;
}

div#imagesearchcont form#searchform { justify-content: flex-start; }

div#imagesearchcont div.notification { margin-top: 32px; }