/* ============================================================================
	Print styles
/* ============================================================================*/
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.hidden { display: none; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

/*------------------------------------*\ Pixels to ems font-size: em(21px, 15px);
\*------------------------------------*/
*, *::before, *::after { background: transparent !important; color: #000 !important; }

p, h2, h3 { orphans: 3; widows: 3; }

h2, h3 { page-break-after: avoid; }

@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  article.box a[href]::after { content: " (" attr(href) ")"; }
  abbr[title]::after { content: " (" attr(title) ")"; }
  .ir a::after, a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
  blockquote, pre { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  img, tr { page-break-inside: avoid; }
  @page { margin: 1.5cm 1cm; }
  h2, h3, p { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
/** print css for huoltovarmuuskeskus
**/
@media print { * { overflow: visible !important; height: auto !important; }
  #banner, #banner-bg, #breadcrumbs, #footer, #nav-wrap, #page-actions, #search, #sidebar-a, #utility-bar { display: none !important; height: 0pt !important; width: 0pt !important; }
  #container, #main, #main .container_12 .grid_6, #main .container_16 .grid_8, #sidebar-b { overflow: visible !important; height: auto !important; width: auto !important; display: block !important; float: none !important; }
  #main { width: 100%; }
  .box, .content { height: auto !important; width: auto !important; page-break-before: avoid; page-break-after: avoid; overflow: visible !important; display: block !important; float: none !important; }
  article.box img.article-image { max-width: 100%; width: auto; margin-left: 0; margin-right: 0; }
  .arrow { padding-left: 0; } }