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

ul#skiplink-wrap,
div#headerCont,
div#navCont,
div#mobinav,
div#aside,
div#flexslider-cont,
div#navBreadcrumb,
div.footer-col.last,
div#cookie-settings-cont,
div#cookie-settings-opener,
div#netland-wrap,
.no-print {
 display:none !important;
}

* { font-size: 11pt; }

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

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;
}

h1 { 
  margin: 0 0 1em 0;
  line-height: 1.3em;
  font-size: 26pt;
  color: #000000 !important;
}

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

h2,
h2 a { 
  margin: 1.5em 0 1em 0;
  line-height: 1.3em;
  font-size: 20pt;
  color: #000000 !important;
}

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

h3 { 
  margin: 1.5em 0 1em 0;
	line-height: 1.3em;
  font-size: 16pt;
  color: #000000 !important;
}

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

h4 { 
  margin: 1.5em 0 1em 0;
	line-height: 1.3em;
  font-size: 13pt;
  color: #000000 !important;
}

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

 
p { margin: 1.5em 0; }

ul, ol { margin: 1em 0; }

small { font-size: 10pt; }

b, strong { font-weight: 700; }

a, a:visited { color: #000000 !important; }

form { margin: 0; }

label, .title { 
 text-transform: uppercase;
 font-weight: normal;
 font-size: 10pt;
}

label b { 
  font-weight: normal;
  font-size: 10pt;
}

textarea, input[type="text"],input[type="textfield"],input[type="password"] {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 10px;
  margin-top: 5px;
}
 
select {
  padding: 9px 10px;
  margin-top: 5px;
}
 
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,
table thead td { 
	text-transform: uppercase;
  font-size: 10pt;
}

table.muotoiltu { border-collapse: collapse; }

table.muotoiltu th,
table.muotoiltu thead td { 
  font-size: 11pt;
	padding: 8px;
	text-transform: uppercase;
  background: none;
  color: #000000;
}

table.muotoiltu td { padding: 8px; }

.clear { clear: both; }

div#header-print {
 border-bottom: 1px solid #cccccc;
 margin-bottom: 40px;
 padding-bottom: 10px;
 text-align: center;
}

div#footer {
 border-top: 1px solid #cccccc;
 margin-top: 40px;
 padding-top: 10px;
 page-break-inside: avoid;
 clear: both;
}

div#footer-wrap { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	line-height: 1.4em;
}

div#footer-wrap p:first-of-type { margin-top: 0; }

div#footer-wrap h1,
div#footer-wrap h2,
div#footer-wrap h3 { 
  margin: 0;
  color: #000000;
}

div#footer a,
div#footer a:visited { 
  color: #000000;
  text-decoration: none;
}

div#footer img { display: none; }

a.respbox-link-button, a.respbox-link-button:visited {
  padding: 10px 15px;
  line-height: 1em;
  font-size: 10pt;
  color: #000000 !important;
  background: #ffffff;
  border: 1px solid #000000;
}

div.liftarea-cont { 
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

div.liftbox { 
  background: none !important;
  padding: 0 !important;
  margin: 1.5em 0;
}

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

div.liftbox.teksti p:last-of-type { margin-bottom: 0; }

div#sp-searchform-cont div#searchform-wrap,
div#searchform-cont div#searchform-wrap {
  border: 1px solid #cccccc;
  padding: 40px;
  margin: 40px 0;
}

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

form#searchform select, form#searchform input {
  margin-top: 0;
  flex-grow: 2;
  max-width: 100%;
}

.visually-hidden { display: none; }

input[type="text"], input[type="textfield"], input[type="password"], select {
  height: 44px;
  border: 1px solid #000000;
  color: #000000;
  border-radius: 4px;
  padding: 8px;
  font-size: 11pt;
}

div#searchresults-cont {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 40px;
}

div#searchresults-cont a.sr-item {
 -webkit-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc((100% - 16px) / 2);
  box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0px 4px 16px -4px rgba(0,0,0,0.3);
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  page-break-inside: avoid;
}

div.sr-item-img-wrap {
  aspect-ratio: 3 / 2;
  flex-shrink: 0;
}

div#main div.sr-item-img-wrap img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

div.sr-item-text-wrap {
  font-weight: 600;
  padding: 24px;
}

div#sp-mainthemes-wrap, div#mainthemes-wrap {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

div#sp-mainthemes-wrap a, div#mainthemes-wrap a {
  display: flex; 
 -webkit-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 44px;
  padding: 8px 32px;
  align-items: center;
  justify-content: center;
  font-size: 11pt;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1em;
  box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0px 4px 16px -4px rgba(0,0,0,0.3);
  border-radius: 4px;
  border: 1px solid #cccccc;
  page-break-inside: avoid;
}

h1.tp-title { margin: 0; }

img.top-img {
  display: block;
  margin: 40px 0;
}

div.attachment-wrap {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  align-items: center;
  flex-basis: 100%;
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}

div.attachment-wrap.tp-image { align-items: stretch; }

div.attachment-text-wrap {
  padding: 16px 16px 16px 0;
  line-height: 1.3em;
}

div#main div.tp-image img {
  display: block;
  width: 112px;
  max-width: 112px !important;
  height: 100%;
  object-fit: cover;
}

div.tp-icon-wrap {
  width: 112px;
  text-align: center;
  line-height: 1em;
  flex-shrink: 0;
}

div.tp-icon-wrap .material-icons-outlined { font-size: 48px; }

div.tp-youtube {
  margin: 40px 0;
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
}

div.video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

div.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.video-text-wrap { padding: 16px; }

div.tp-keywords { margin-top: 40px; }