/*
Theme Name: Paliskunnat Modern
Theme URI: https://paliskunnat.fi/
Description: Responsive version of the Paliskunnat theme based on the legacy paliskunnatA design.
Author: Paliskuntain yhdistys
Version: 1.0.0
Text Domain: paliskunnat-modern
*/

* { 
  	margin:0; 
  	padding:0;
	box-sizing: border-box;
    /* border: 1px dotted red; */  
}
/* ------------------- KUVAGALLERIAN SELITETEKSTI ------------------ */
.wp-caption-text {
 /*font: bold 95% "Trebuchet MS", Verdana, Arial, sans-serif; */
}
#imageDataContainer {
font: bold 200% "Trebuchet MS", Verdana, Arial, sans-serif;
}

/* ---- POISTA NAKYVISTA HAKUKENTAN TYHJENNYSRASTI IE --- */
::-ms-clear { display: none; }
html {
	overflow: -moz-scrollbars-vertical;
	/* y stands for the vertical scrollbar */
	overflow-y: scroll;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
/* Firefox specific rule */
@-moz-document url-prefix() {
	body {
		font-weight: lighter !important;
	}
}
body {
	background: #f3f4f1;
	/* font: normal 95% "Trebuchet MS", Verdana, Arial, sans-serif; */
	font-weight: lighter !important;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
}
h2 {
	font: bold 160% 'Oswald',"Trebuchet MS", Verdana, Arial, sans-serif;
	line-height: 120%;
	padding: 8px 0 10px 0;
}
h3 {
	font: bold 130% 'Monda', "Trebuchet MS", Verdana, Arial, sans-serif;
}
h6 {
	font: bold 110% 'Monda', "Trebuchet MS", Verdana, Arial, sans-serif;
}
p {
	font-size: 105%;
}
img {
	border:none;
	outline:none;
	max-width: 100%;
	height: auto;
}
iframe,
embed,
object,
video {
	max-width: 100%;
}
a {
	/* FF1.5+ IE7+ */
	outline: none;
	border: none;
	color: #960f18;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #960f18;
	font-weight: bold;
}
/* ---------------- TAULUKKO_MUOTOILUT ----------------------------------------------- */
table {
	border-collapse: collapse;
	margin: 0px 10px 15px 0px;	
}
td,th {
	/* border: 1px solid #474444; */
	padding: 3px 4px 2px 6px;
	text-align: left;
	/* background-color: #cfcece; */
	background: rgba(233,233,240,0.1);
}
td {
	font: bold 90% 'Vollkorn', 'Trebuchet MS', Verdana, Arial, sans-serif;
}
/* ------------------------ RAKENNE -------------------------------------------------- */
.callout {
	font: bold 130% "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}
#holder {
	position: relative;
	width: 950px;
	background: #fff;
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	text-align: left;
}
#upperdiv {
	width: 100%;
	height: 40px;
	background-color: #f8f8f8;
}
#header {
	position:absolute;
	top: 40px;
	left: 0;
	right: 0;
	background: url(media/header_poronet.jpg) no-repeat 0 0;
	height: 110px;
	width: 100%;
}
#headerkoko {
	position:absolute;
	top: 40px;
	left: 0;
	right: 0;
	background: url(media/header_poronet.jpg) no-repeat 0 0;
	height: 250px;
	width: 100%;
}
/* ------------- KOKOSIVUN RUUDUSSA ------------------------------- */
#kokosivu {
	padding: 170px 50px 30px 50px;
}
/* ------------- PALISKUNTASIVUJEN KORKEATILAVARAUS --------------- */
#paliskuntasivut {
	min-height: 1100px;
	height: 1100px;
}
#header_z  {
	font: 65px/1.0 'Alegreya', Verdana, Arial, sans-serif; 
	position: absolute;
	left: 40px;
	top: 30px;
	z-index: 20;
	letter-spacing: 3px;
	opacity: 0.65;
}
#header_z img {
	margin: -50px 10px 0 0;
}
/* ----------- VASEMMAN YLAKULMAN NAVIGAATIO ---------------------- */
#dropdowni {
	position: relative;
	width: 30%; 
	top: 8px; 
	left: 4px;
	padding: 0; 
	z-index: 3;
	clear: both;
}
/* ------------ VAIHDA_KIELI --------------------------------------- */
#vaihdakieli {
	float: left;
	position: relative;
	top: -22px; 
	left: 470px;
	width: 110px;
	padding: 0;
}
#vaihdakieli p {
	display: inline-block;
	font-weight: bold;
}
#vaihdakieli select {
	border: 0 !important;  /* -- Removes border -- */
	/* -webkit-appearance: none; */  /* -- Removes default chrome and safari style -- */
	-moz-appearance: none;  /* -- Removes Default Firefox style -- */
	/* background: url('media/arrowdown.png') no-repeat top right; */
	background-position: 0 0 0 0;
	width: 100px; /* -- Width of select dropdown to give space for arrow image -- */
	text-indent: 0.01px;  /* -- Removes default arrow from firefox -- */
	text-overflow: '';  /* -- Removes default arrow from firefox -- */
	font: normal 90% 'Trebuchet MS', Verdana, Arial, sans-serif;
	select:: -ms-expand { display: none; }
	color: #1455a2;
	height: 24px;
padding: 2px;
}
/* ------------ SUURENNA_TEKSTI ------------------- */
#suurenna_teksti {
	float: left;
	position:relative;
	top: -33px; 
	left: 470px;
	width: 130px;
	padding: 0;
}
#suurenna_teksti img {
	padding: 8px 0 0 0;
	border: none;
	width: 50px; 
	height: 28px;
}
/* ------------ HAKUTOIMINNON KENTTA ------------------- */
#haku {
	float: right;
	position:relative;
	top: -25px; 
	right:4px;
	width: 250px;
	padding: 0; 
	z-index:4;
}
#searchsubmit {
	background-color: #758992;
	color: #fff;
	border: 1px solid #758992;
	height: 24px;
	font: bold 14px "Trebuchet MS", Verdana, sans-serif;
}
#searchtext {
	position:relative;
	background: url(media/haku2.png) top right no-repeat; 
	padding: 0 0 0 4px;
	height:20px;
	width:160px;
	font: normal 14px "Trebuchet MS", Verdana, sans-serif;
}
/* -------------------- HAKUSIVUN_OMINAISUUDET --------------------------------- */
#searchx {
	padding: 40px 50px 0 0;
}
/* This button was generated using CSSButtonGenerator.com */
.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#000000;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:47px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}
/* -----------------SISALTOALUE ------------------------ */
#content {
	margin: 160px 20px 0 120px;
	padding: 0px 0px 15px 80px;
	min-height: 400px;
}
#content p {
	line-height: 132%;
}
.laatikko1 {
	float: left;
	width: 465px;
	font: normal 100% 'Vollkorn', Georgia, Times, serif;
	margin: 0 0 25px 20px;
	padding: 0 0 10px 10px;
	overflow: hidden; 
}
.laatikko1 h1 {
	font: normal 180% 'Oswald', 'Trebuchet MS', Verdana, sans-serif;
	/* text-transform: uppercase; */
	padding: 6px 0 18px 0;
	line-height: 30px;
}
.laatikko1 h2 {
	font: normal 180% 'Oswald', 'Trebuchet MS', Verdana, sans-serif;
	/* text-transform: uppercase; */
	padding: 6px 0 18px 0;
	line-height: 30px;
}
.laatikko1 h3 {
	font: normal 130% 'Oswald', "Trebuchet MS", Verdana, sans-serif;
	/* text-transform: uppercase; */
	padding: 10px 0 12px 0;
	line-height: 26px;
}
.laatikko1 p {
	padding: 0 0 10px 0;
}
.laatikko1 ol {
	padding: 0 0 5px 30px;
	font: normal 103% 'Vollkorn', Georgia, Times, serif;
	line-height: 140%;
}
.laatikko1 ul {
	padding: 0 0 5px 30px;
	font: normal 103% 'Vollkorn', Georgia, Times, serif;
	line-height: 140%;
}
.laatikko2 {
	float: left;
	width: 180px; 
	/* border-top: 2px solid #888887; */
	border-left: 2px dotted #888887;
	font: normal 94% 'Vollkorn', Georgia, Times, serif;
	color: #000;
	margin: 8px 0 2px 25px;
	padding: 0 8px 0 15px;
}
.laatikko2 h2 { 
	/* background: #cccccc; */
	border-bottom: 3px solid #c41219;
	display: inline-block;
	width: 193px; 
	font: normal 110% 'Oswald', 'Trebuchet MS', Verdana, sans-serif;
	color: #000;
	margin: 0 0 8px -18px;
	padding: 3px 0 3px 10px;
	line-height: 18px;
}
.laatikko2 strong{
	font: bold 105% Georgia, Times, serif;
}
.laatikko2 p {
	padding: 0 0 10px 0;
}
/* ------------- POROMIESLEHDEN LEVEA SARAKE --------------- */
#poromieslehti .laatikko1 {
	float: left;
	width: 580px;
	font: normal 105% 'Vollkorn', Georgia, Times, serif;
	margin: 0 0 25px 20px;
	padding: 0 0 10px 10px;
	overflow: hidden; 
}
#poromieslehti .laatikko2 {
	float: left;
	width: 100px; 
	/* border-top: 2px solid #888887; */
	border-left: 2px dotted #888887;
	font: normal 94% 'Vollkorn', Georgia, Times, serif;
	color: #000;
	margin: 8px 0 2px 25px;
	padding: 0 8px 0 15px;
}
/* ---------------------

#news {
	margin: 0px;
	padding: 15px 8px 8px 8px;
	float: right;
	width: 144px;
}
#news p {
	color: #FFF;
}
#news a {
	color: #fdf2a6;
}
-------------------- */
/* ---POISTETTU KAYTOSTA
#footerup {
	position: relative;
	height: 20px;
	background: #fff;
}
*/
#footer {
	width: 950px ;
	margin-left: auto ;
	margin-right: auto ;
	position: relative;
	background: url(media/footer1.png) no-repeat left bottom;
	padding: 10px 0 0 0;
	height: 120px;
	border-top: 1px solid #877D6C;
	font-size: 80%;
	color: #595b5e;
	text-align: left;
}
/* ---------------------
#footer img {
	padding: 110px 0 0 40px;
}
------------------------ */
/* ----------------- FOOTER WIDGETS ------------------------------------- */
#footer-sidebar {
	display: block;
	height: 240px;
	margin: 25px 0 0 0;
}
h3.widget-title {
	font: bold 16px "Trebuchet MS", Arial, sans-serif;
	color: #7b7b7b;
	line-height: 130%;
}
#footer-sidebar a {
	text-decoration: none;
	padding: 0 0 0 10px;
	color: #595b5e;
	line-height:25px;
}
#footer-sidebar a:hover {
	text-decoration: none;
	padding: 0 0 0 10px;
	color: #990000;
}
#footer-sidebar1 {
	float: left;
	width: 230px;
	margin-left: 130px;
	margin-right: 5px;
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	line-height: 150%;
}
#footer-sidebar2 {
	float: left;
	width: 230px;
	margin-right: 5px;
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	line-height: 150%;
}
#footer-sidebar3 {
	float: left;
	width: 230px;
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	line-height: 150%;
}
#socialmedia {
	position: relative;
	float: right;
	bottom: 10px;
	margin: 40px 0 0 0;
	right: 10px;
	height: 37px;
	width: 120px;
}
.brclear { 
	clear:both; 
	height:0; 
	margin:0;
	font-size: 1px;
	line-height: 0px;
}
/* -----------------ETUSIVU ------------------------------------- */
#etusivucontent {
	margin: 220px 20px 0 0;
	/* padding: 200px 0 15px 80px; */
}
#etusivucontent p {
	line-height: 140%;
}
#etusivucontent img {
	padding: 20px 0 15px 80px;
}
#contenttable {
	margin: 0 50px 0 150px;
	padding: 20px 0 15px 80px;
}
#contenttable p {
	line-height: 150%;
}
/* -------------------------- KUVAT WPCORE PAIV_2014_01_19 ------------------------------ */
.alignnone {
	margin: 10px 20px 60px 0;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 2px 20px 10px 0;
}
.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption {
	background: #ebeaea;
	border: 1px solid #d3d3d3;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 0 5px 5px;
	text-align: left;
}
.wp-caption.alignnone {
	margin: 10px 20px 10px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0 0 3px 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	padding: 0 6px 0 6px;
}
/* ----------------------- DYNAMICDRIVE CHROME_MENU YLIN ---------------------------- */
#chromemenu1 li.current_blog_item  a { background-color:#B2C629; }

#chromemenu1 {
	position: absolute;
	left: 0;
	top: 150px;
	width: 950px;
	margin: 0;
	border-top: 2px solid #c41219;
	border-bottom: 2px solid #c41219;
}
.global-menu-disclosure > ul {
	display: block;
}
.global-menu-disclosure::details-content {
	content-visibility: visible;
}
.global-menu-toggle {
	display: none;
}
#chromemenu1:after{ /*Add margin between menu and rest of content in Firefox*/
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#chromemenu1 ul {
	margin: 0;
        background: #fff;
	background-size:100%;
	padding: 6px 8px 5px 0;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
}
#chromemenu1 ul li{
	margin: 0;
	display: inline;
}
#chromemenu1 ul li a {
	padding: 7px 8px 6px 8px;
	margin: 0;
	text-decoration: none;
	color: #000;
	font: 11pt "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: bold;
}
#chromemenu1 ul li a:hover {
	text-decoration: none;
	color: #990000;
}
#chromemenu1 ul li.current_page_item a {
	text-decoration: none;
	color: #fff;
	background-color: #c41219;
	/* background: url(media/menu1c.jpg) center center repeat-x; */
}
#chromemenu1 ul li.current_page_ancestor a {
	text-decoration: none;
	color: #fff;
	background-color: #c41219;
	/* background: url(media/menu1c.jpg) center center repeat-x; */
}
#chromemenu1 ul li.current_page_ancestor a:hover {
	text-decoration: underline;
	color: #fff;
	background-color: #c41219;
}
/* ----------------------- DYNAMICDRIVE CHROME_MENU ALIN ---------------------------- */
#chromemenu2 {
	position: absolute;
	left: 0;
	top: 181px;
	z-index: 30;
	width: 950px;
	margin: 0;
	border-top: 2px solid #c41219;
	border-bottom: 1px solid #ececec;
}
#chromemenu2:after { /*Add margin between menu and rest of content in Firefox*/
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#chromemenu2 ul {
	margin: 0;
	background: #fff;
	padding: 5px 8px 5px 0;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
}
#chromemenu2 ul li{
	margin: 0;
	display: inline;
}
#chromemenu2 ul li a {
	padding: 6px 8px 6px 8px;
	margin: 0;
	text-decoration: none;
	color: #000000;
	font: 11pt "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: bold;
}
#chromemenu2 ul li a:hover {
	text-decoration: none;
	/* background:#fff; */
	color: #990000;
}
#chromemenu2 ul li.current_page_item a {
	text-decoration: none;
	color: #fff;
	background-color: #c41219;
	/* background: url(media/menu1c.jpg) center center repeat-x; */
}
#chromemenu2 ul li.current_page_ancestor a {
	text-decoration: none;
	color: #fff;
	background-color: #c41219;
	/* background: url(media/menu1c.jpg) center center repeat-x; */
}
/* -------------------- VASEMMAN REUNAN NAVIGAATIO -------------------------------- */
#navias {
	position: absolute;
	left: 0;
	top: 40px;
	list-style-type: none;
	padding: 14px 0 0 36px;
	margin: 184px 0 0 -2px;
	max-width: 190px;
	text-indent: -1em;
	display: block;
	line-height: 20px;
}
#navias ul {
	list-style-type: none;
}
#navias li li {
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0px; 

}
#navias a {
	padding: 0 10px 0 15px;
	background: transparent url(media/ruutuA.png) no-repeat left center;
	text-decoration: none;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#navias a:hover {
	/* text-decoration: underline; */
	color: #990000;
}
#navias ul.children a:hover {
	/* text-decoration: underline; */
	color: #990000;
}
#navias li.current_page_item a, #navias li li.current_page_item a {
	background: transparent url(media/ruutuB.png) no-repeat left center;
	/* text-decoration: underline; */
	color: #990000;
}
#navias ul.children a {
	background: transparent url(media/ruutuA.png) no-repeat left center;
	text-decoration: none;
	color: #000;
}
/* ---------------- ETUSIVUN LAATIKOT 1_2_4_5 TOISTAVAT SAMOJA ELEMENTTEJA ------------------------------- */
/* --------LAATIKOT 1 JA 2 --------------------------------------------------- */
/* -------------------------------------------------------------->
#boxes1, #boxes2 {
	float: left;
	width: 300px; 
	max-width: 300px;   
	height: 290px;
	margin: 150px 2px 0 10px;
	padding: 0;     
	overflow: auto;     
	border: 1px solid #cccccc;   
        background-color: #fff;
}
#boxes1 img, #boxes2 img {
	float: left; 
	margin: 0 0 8px 0; 
	border: 0;
}
#boxes1 p, #boxes2 p {
	padding: 0 5px 0 0;
	max-height: 290px;
	font: 100% 'Vollkorn', "Trebuchet MS", verdana, arial, sans-serif;
	line-height: 130%;
}
#boxes1 strong, #boxes2 strong {  
	font: bold 110% 'Monda', "Trebuchet MS", verdana, arial, sans-serif;
	line-height: 140%;
	padding: 0 0 0 0;
}
#boxes1 a, #boxes2 a, #boxes4 a, #boxes5 a {
	background: transparent url(media/icon20.png) no-repeat left center;
	padding: 0 0 0 20px;
	text-decoration: none;
	font: bold 15px 'Monda', "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #c41219;
}
#boxes1 a:hover, #boxes2 a:hover, #boxes4 a:hover, #boxes5 a:hover {
	color: red;
	text-decoration: underline;
}
#boxes1 a:visited, #boxes2 a:visited, #boxes4 a:visited, #boxes5 a:visited  {
	color: #c41219;
	text-decoration: none;
}
#boxes1 a:active, #boxes2 a:active, #boxes4 a:active, #boxes5 a:active {
	color: #c41219;
	text-decoration: none;
}
------------------------------------------------------------- */
#boxes1 {
	float: left;
	width: 300px;    
	height: 290px;
	max-width: 300px;
	max-height: 290px;
	margin: 150px 2px 0 10px;
	padding: 0;     
	overflow-x: hidden;   
	border: 1px solid #cccccc;   
	/* background-color: #ccc; */
	background: transparent url(media/hirvas2017.jpg) no-repeat left center;
	opacity: 1.0;
}
/*
#boxes1 a {
	background: transparent url(media/icon20.png) no-repeat left center;
	padding: 0 0 0 20px;
	text-decoration: none;
	font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #a70f1b;
}
#boxes1 a:visited {
	color: #a70f1b;
	text-decoration: none;
}
#boxes1 a:hover {
	color: red;
	text-decoration: underline;
}
#boxes1 a:active {
color: #a70f1b;
	text-decoration: none;
}
#boxes1 img {
	float: left; 
	margin: 0 0 8px -20px;
	border: 0;
}
#boxes1 li{
	padding: 0 0 0 12px;
}
#boxes1 p {
	padding: 0 5px 2px 20px;
	max-height: 290px;
	font: 101% 'Vollkorn', 'Trebuchet MS', verdana, arial, sans-serif;
	line-height: 130%;
}
#boxes1 strong {  
	font: bold 110% 'Monda', 'Trebuchet MS', verdana, arial, sans-serif;
	line-height: 140%;
	margin: 0 0 0 -10px;
	padding: 0;
}
*/
/* ----------------------- BOX2 ------------------------- */
#boxes2 {
	float: left;
	width: 300px;    
	height: 290px;
	max-width: 300px;
	max-height: 290px;
	margin: 150px 2px 0 10px;
	padding: 0;     
	overflow-x: hidden;    
	border: 1px solid #cccccc;   
	background-color: #ccc;
	opacity: 1.0;
}
#boxes2 a {
	background: transparent url(media/icon20.png) no-repeat left center;
	padding: 0 0 0 20px;
	text-decoration: none;
	font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #a70f1b;
}
#boxes2 a:hover {
	color: red;
	text-decoration: underline;
}
#boxes2 a:visited {
	color: #a70f1b;
	text-decoration: none;
}
#boxes2 a:active {
	color: #a70f1b;
	text-decoration: none;
}
#boxes2 img {
	float: left; 
	max-width: none !important;	
	margin: 0 0 8px -20px;
	border: 0;
}
#boxes2 li{
	padding: 0 0 0 12px;
}
#boxes2 p {
	padding: 0 5px 2px 20px;
	max-height: 290px;
	font: 101% 'Vollkorn', 'Trebuchet MS', verdana, arial, sans-serif;
	line-height: 130%;
}
#boxes2 strong {  
	font: bold 110% 'Monda', 'Trebuchet MS', verdana, arial, sans-serif;
	line-height: 140%;
	margin: 0 0 0 -10px;
	padding: 0;
}
/* ----------------------- BOX3 ------------------------- */
#boxes3 {
	float: left;
	width: 300px;    
	height: 290px;
	margin: 150px 2px 0 10px;
	padding: 0;     
	overflow-x: hidden;     
	border: 1px solid #cccccc;  
	background-color: #fff;
	opacity: 1;
}
#boxes3 a {
	padding: 0;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #a70f1b;
}
#boxes3 a:visited {
	color: #a70f1b;
	text-decoration: underline;
}
#boxes3 a:hover {
	color: red;
	text-decoration: underline;
}
/*
#boxes3 a:active {
	color: #a70f1b;
	text-decoration: none;
}
*/
#boxes3 img {
	float: left; 
	margin: 0 0 8px 0; 
	border: 0;
}
#boxes3 p {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding: 0 0 5px 20px;
	max-height: 290px;  	
	line-height: 100%;
}
#boxes3 strong { 
	background: #c41219;
	display:inline-block;
	width: 290px; 
	font: bold 100% 'Monda', "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 0 -20px;
	padding: 1px 0 1px 10px;
}
/* ----------------------- BOX4 ------------------------- */
#boxes4 {
	float: left;
	width: 300px;    
	height: 230px;
	max-width: 300px;
	max-height: 230px;
	margin: 10px 2px 0 10px;
	padding: 0;     
	overflow-x: hidden;    
	border: 1px solid #cccccc; 
	background: #fff  url('media/box_back.png');
        opacity:1.0;
}
#boxes4 img {
	float: left; 
	margin: 0 10px 0 0;
	padding: 5px 0 0 2px;
	-webkit-filter: brightness(105%);  
	-webkit-filter: contrast(120%);
	/* border: 1px solid black; */
}
#boxes4 a {
	background: transparent url(media/icon20.png) no-repeat left center;
	padding: 0 0 0 20px;
	text-decoration: none;
	font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #a70f1b;
}
#boxes4 a:hover {
	color: red;
	text-decoration: underline;
}
#boxes4 a:visited {
    color: #a70f1b;
	text-decoration: none;
}
#boxes4 a:active {
	color: #a70f1b;
	text-decoration: none;
}
#boxes4 p {
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
	font: 100% "Vollkorn", "Trebuchet MS", verdana, arial, sans-serif;
	line-height: 130%;
	max-height: 230px;  	
}
#boxes4 strong {  
	font: bold 110% "Monda", "Trebuchet MS", verdana, arial, sans-serif;
	line-height: 140%;
	padding: 30px 0 0 0;
}
/* ----------------------- BOX5 ------------------------- */
#boxes5 {
	float: left;
	width: 300px;    
	height: 230px;
	max-width: 300px;
	max-height: 230px;
	margin: 10px 2px 0 10px;
	padding: 0;     
	overflow-x: hidden;    
	border: 1px solid #cccccc; 
	/* background: #fff  url('media/box_back.png'); */
	background: #fff  url('media/porot-talvella.jpg');
	opacity:1.0;
}
#boxes5 img {
	float: left; 
	margin: 0 10px 0 0;
	padding: 5px 0 0 2px;
	-webkit-filter: brightness(105%);  
	-webkit-filter: contrast(120%);
	/* border: 1px solid black; */
}
#boxes5 a {
	background: transparent url(media/icon20.png) no-repeat left center;
	padding: 0 0 0 20px;
	text-decoration: none;
	font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #a70f1b;
}
#boxes5 a:hover {
	color: red;
	text-decoration: underline;
}
#boxes5 a:visited {
	color: #a70f1b;
	text-decoration: none;
}
#boxes5 a:active {
	color: #a70f1b;
	text-decoration: none;
}
#boxes5 p {
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
	font: 100% "Vollkorn", "Trebuchet MS", verdana, arial, sans-serif;
	line-height: 130%;
	max-height: 230px;  	
}
#boxes5 strong {  
	font: bold 110% "Monda", "Trebuchet MS", verdana, arial, sans-serif;
	line-height: 140%;
	padding: 30px 0 0 0;
}
/* ----------------------- BOX6 ------------------------- */
#boxes6 {
	float: left;
	width: 300px;    
	height: 230px;
	margin: 10px 2px 0 10px;
	padding: 0;     
	overflow: auto;     
	border: 1px solid #cccccc; 
	background: #fff;
}
#boxes6 a {
	padding: 0;
	text-decoration: none;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 	color: #a70f1b;
}
#boxes6 a:visited {
	color: #a70f1b ;
	text-decoration: none;
}
#boxes6 a:hover {
	color: red;
	text-decoration: underline;
}
#boxes6 img {
  	float: left; 
  	margin: 0 0 8px 0; 
  	border: 0;
}
#boxes6 p {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding: 0 0 6px 20px;
	max-height: 290px;  	
	line-height: 120%;
}
#boxes6 strong { 
	background: #c41219;
	display:inline-block;
	width: 290px; 
	font: bold 100% 'Monda', "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 0 -20px;
	padding: 2px 0 2px 10px;
}
/* ------------------------ VASEMMAN KULMAN NAVIGAATIO --------------------------- */
#demomenu {
	width: 700px; 
	margin: 0 0 0 15px;
	padding: 5px 0 0 0;
}
nav ul {
	list-style: none; overflow: hidden; position: relative;
}
nav ul li {
	float: left; 
	margin: 0 10px 0 0;
}
nav ul li a {
	display: block; width: 28px; height: 28px;
	background-image:  url('media/iconsss.png');  
	background-repeat: no-repeat;
}
nav ul li:nth-child(1) a {
	background-color: #f8f8f8;
	background-position: 0px 0px;
}
nav ul li:nth-child(2) a {
	background-color: #f8f8f8;
	background-position: 0px -28px;
}
nav ul li:nth-child(3) a {
	background-color: #f8f8f8;
	background-position: 0px -56px;
}
nav ul li:nth-child(4) a {
	background-color: #f8f8f8;
	background-position: 0px -84px;
}
nav ul li a span {
	font: bold 18px 'Vollkorn', "Trebuchet MS", sans-serif; 
	position: absolute; 
	left: 150px; top: 3px;
	display: none;
}
nav ul li a:hover span {
	display: block;
}
nav ul li a:hover {
	background-image:  url('media/iconss.png');  
}
nav ul li:nth-child(1) a span {
	color: #c41219;
}
nav ul li:nth-child(2) a span {
	color: #c41219;
}
nav ul li:nth-child(3) a span {
	color: #c41219;
}
nav ul li:nth-child(4) a span {
	color: #c41219;
}
/* ------------------- BLOG-UUTISSISALTO CONTENT --------------------- */
/* --- HARMAA ALUE --- */
#blogcontent {
	/* font: 100% 'Economica', Verdana, sans-serif; */
	margin: 155px 20px 50px 280px;
	padding: 0;
	min-height: 300px;
}
/* --- VAALEA HARMAA SIS_KENTTA --- */
/* TARKEA */
#blogcontent p {
	font-family: 'Lato', sans-serif;
	font-size: 110%;
	color: #000;
	background-color: #fafafa;
	margin: 0 50px 0 0;
	padding: 0;
	line-height: 140%;  /* --- TARKEA --- */
}
#blogcontent h1 {
	padding: 5px 20px 5px 10px;
	/*line-height: 100%; */
	font: 120% "Trebuchet MS", Verdana, sans-serif;
	background: url(media/pen.png) no-repeat 0 0;
	font-weight: bold;
	color: #000;
}
#blogcontent h3 {
	padding: 5px 20px 16px 10px;
	font: 110% "Trebuchet MS", Verdana, sans-serif;
	/* line-height: 100%; */
	font-weight: bold;
	color: #000;
}
#blogcontent h2 {
	padding: 30px 0 0 0;
	font: 120% "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	color: #000;
}
/*
#blogcontent h5 {
	margin: 0 20px 0 0;
	padding: 0 30px 0 0;
	font: 90% "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
}
*/
/* --- BLOGI_UUTISPOSTIT_LOMAKE_JOSSA_ON_KOMMENTTILOMAKE --- */
#blog_single {    
	width: 100%;
	margin: 155px 20px 10px 0;
	padding: 10px 0 10px 0;
	background: #fafafa;
	font: normal 100% 'Economica', Verdana, sans-serif;
	/* line-height: 100%; */
	color: #000;
	border:1px solid #d9d2d9;
}
/* --- VAALEA HARMAA SIS_KENTTA --- */
#blog_single p {
	/* font: 100% Georgia, Times, serif; */
	color: #000;
	background-color: #fafafa;
	margin: 0 50px 0 0;
	padding: 0 0 10px 20px;
	/* line-height: 120%; */
}
#blog_single h1 {
	padding: 5px 20px 5px 20px;
	/* line-height: 100%; */
	font: 120% "Trebuchet MS", Verdana, sans-serif;
	background: url(media/pen.png) no-repeat 0 0;
	font-weight: bold;
	color: #000;
}
#blog_single h3 {
	padding: 5px 20px 16px 10px;
	font: 110% "Trebuchet MS", Verdana, sans-serif;
	/* line-height: 100%; */
	font-weight: bold;
	color: #000;
}
#blog_single h2 {
	padding: 20px 0 0 0;
	font: 120% "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	color: #000;
}
#blog_single h5 {
	margin: 0 20px 0 0;
	padding: 0 30px 0 0;
	font: 90% "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
}
/* ----- BLOGI-UUSTISVALIKON NAVIGAATIO VASEN ------------ */
#blognavis {
	float: left;
	background: #fafafa;
	list-style-type: none;
	width: 220px;
	margin: 0 0 0 -260px;
	padding: 15px 0 10px 15px;
}
#blognavis h4 {
	padding: 0;
	font: bold 18px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000;
}
/* ------ BLOGI-VALIKON LEIPATEKSTI -- */
#blognavis li {
	margin: 0;
	font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	list-style-type: none;
}
#blognavis a:hover {
	color: red;
}
/* ----------------BLOGNAV VASEN--------------- */
/*
#blognav {
	float: left;
	margin: -10px 0 0 0;
	padding: 10px 0 0 0;
	font: 13px 'Vollkorn', "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000;
	clear: both;
}
#blognav h3 {	
	font: 20px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000; 
}
#blognav h5 {	
	font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000; 
}
*/
/* ------ SINGLE-BLOGIPOSTIEN OIKEA SISALTO ------------ */
#blogconts {
	width: 90%;
	/* margin: 0 50px 5px 0; */
	padding: 0 0 15px 40px; /* ----------------TARKEA ---------------- */
	background: #fafafa;
	color: #000;
	/* border:1px solid #d9d2d9; */
}
#blogconts .entry {
	padding: 10px 0 0 0;
}
#blogconts p {
	width: auto;
	max-width: 640px;
	padding: 5px 0 8px 0;  /* ----------------TARKEA ---------------- */
	/* font: normal 100% 'Economica', Verdana, sans-serif; */
	overflow-wrap: anywhere;
	hyphens: auto;
}
#blogconts .entry-title {
	max-width: 640px;
	margin: 0 50px 8px 0;
	padding: 5px 0 10px 0;
	font: normal 190% 'Oswald', Verdana, sans-serif;
	line-height: 1.16;
	color: #000;
	overflow-wrap: anywhere;
	hyphens: auto;
}
#blogconts .entry-title a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#blogconts .entry-title a:hover {
	color: #960f18;
	text-decoration: underline;
}
#blogconts h1 {
	/*width: 500px; */
	max-width: 640px;
	font: normal 160% 'Oswald', Verdana, sans-serif;
	padding: 6px 0 0 0;
	line-height: 1.2;
	overflow-wrap: anywhere;
	hyphens: auto;
}
/* --- Tama on tarkea --- */
#blogconts h2 {
	/* width: 500px; */
	max-width: 640px;
	font: normal 170% 'Oswald', Verdana, sans-serif; /* ----------------TARKEA ---------------- */
	padding: 10px 0 5px 0;
	line-height: 1.2;
	overflow-wrap: anywhere;
	hyphens: auto;
}
#blogconts h3 {
	/* width: 500px; */
	max-width: 640px;
	font: 160% 'Oswald', "Trebuchet MS", Verdana, sans-serif;
	padding: 10px 0 5px 0;
	line-height: 1.2;
	overflow-wrap: anywhere;
	hyphens: auto;
}
#blogconts h4 {
	/* width: 500px; */
	max-width: 640px;
	font: bold 100% 'Vollkorn', "Trebuchet MS", Verdana, sans-serif;
	padding: 10px 0 5px 0;
	line-height: 1.25;
	overflow-wrap: anywhere;
	hyphens: auto;
}
#blogconts img {
	clear: left;
	margin: 0 0 10px 0; 
}
#blogconts ul {
	margin: 0 10px 0 20px;
	padding: 0 20px 5px 30px;
	line-height: 150%;
	font: normal 105% 'Lato', sans-serif;
}
#blogconts ol {
	margin: 0 10px 0 20px;
	padding: 0 20px 5px 30px;
	line-height: 150%;
	font: normal 105% 'Lato', sans-serif;
}

#blogconts blockquote {
	max-width: 640px;
	margin: 12px 50px 18px 0;
	padding: 10px 16px 10px 18px;
	border-left: 4px solid #c41219;
	background: #fff;
	color: #222;
}
#blogconts blockquote p {
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	background: transparent;
	font: normal 110% 'Vollkorn', Georgia, Times, serif;
	line-height: 1.45;
}
#blogconts a {
	overflow-wrap: anywhere;
}

#blogconts hr {
  margin: 1.1em 0 0 -70px;
  text-align: center;
  border: none;
}

#blogconts hr:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fc7b09;
  margin: 0 0.4em;
}

#blogconts hr:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fc7b09;
  margin: 0 0.4em;
}

/* --------------KOMMENTTILISTA--------------- */
/* ---- JOKATOINEN RIVI --------*/
/*
.alt {
	margin: 50px 20px 0 30px;
	background: #dbd2db;
	padding: 10px;
}
#commentlista {
	margin: 0;
	background: #fff;
}
#commentlista p {
	width: 500px;
	margin: 0 0 0 15px;
	padding: 10px;
	background: #f7f7f7;
}
#commentlista h5 {
	margin: 0 0 0 10px;
	padding: 10px;
}
#commentlista h3 {
	margin: 0;
	padding: 10px 5px 10px 15px;
	font: normal 16px "Trebuchet MS", Verdana, sans-serif;
}
.commentlist {
	padding: 10px 0 10px 0;
	text-align: left;
}
.commentlist li {
	margin: 10px 0 0 30px;
	padding: 5px;
	list-style: none;
    	border: 1px solid #d3cfd3;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fafafa;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist img{
	margin: -3px -10px 0 0;
}
*/
.font-effect-outline {
	/*
	text-shadow: 0 7px 5px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 3px #000;
	color:#000; 
	*/
}
/* ------------------------------ BLOGI_LOPPU -------------------------------------------*/
/* -------------------- Print Styles ---------------------------- */
@media print {
	body 	{ 
		background: #fff; 
		color: #000; 
		margin: 0; 
 		font: 100% "Georgia", Times, serif;
	}
	#content {
		margin: 50px 20px 0 20px;
		padding: 0px 0px 15px 20px;
	}
	#upperdiv, #header, #chromemenu1, #chromemenu2, #navias, #footer {
    		display: none;
	}

	a {
		/* FF1.5+ IE7+ */
		outline: none;
		border: none;
		color: #000;
		font-weight: bold;
		text-decoration: underline;
	}
	.laatikko1 {
		float: left;
		width: 600px; 
		font: normal 100% Georgia, Times, serif;
		margin: 0 0 25px 0;
		padding: 0 0 10px 0;
		overflow: hidden; 
	}
	.laatikko1 h2 {
		font: normal 140% 'Trebuchet MS', Verdana, sans-serif;
		text-transform: uppercase;
		line-height: 26px;
	}
	.laatikko1 h3 {
		font: bold 130% 'Trebuchet MS', Verdana, sans-serif;
		padding: 10px 0 6px 0;
		line-height: 26px;
	}
	.laatikko2 {
		float: left;
		width: 200px; 
		border-style: none;
		font: normal 90% Georgia, Times, serif;
		color: #000;
		margin: 0 0 2px 40px;
		padding: 12px 10px 10px 0;
	}
	.laatikko2 h2 {
		font: normal 110% 'Trebuchet MS', Verdana, sans-serif;
		border-bottom: 1px solid #000;
	}
}

@media (max-width: 900px) { 
	#header_z  {
	font: 42px/1.0 'Alegreya', 'Trebuchet MS', Verdana, Arial, sans-serif; 
	padding: 0 0 20px 0;
	position: absolute;
	left: 5px;
	top: 45px;
	z-index: 20;
	letter-spacing: 2px;	
} 
@media (max-width: 600px) {
	#header_z  {
	font: 30px/1.0 'Alegreya', 'Trebuchet MS', Verdana, Arial, sans-serif; 
	padding: 0 0 20px 0;
} 
@media (max-width: 400px) {
	#header_z  {
	font: 28px/1.0 'Alegreya', 'Trebuchet MS', Verdana, Arial, sans-serif; 
	padding: 0 0 20px 0;
} 
}
}
}

/* -------------------- Responsive Layout ---------------------------- */
html,
body {
	max-width: 100%;
}

table {
	max-width: 100%;
}

#holder,
#footer {
	width: 100%;
	max-width: 950px;
}

#header,
#headerkoko,
#chromemenu1,
#chromemenu2 {
	max-width: 950px;
}

#chromemenu1,
#chromemenu2 {
	width: 100%;
}

#contenttable,
#blogconts,
#blogconts p,
.laatikko1,
.laatikko2,
#poromieslehti .laatikko1,
#poromieslehti .laatikko2 {
	max-width: 100%;
}

@media (max-width: 950px) {
	#holder {
		margin: 0 auto;
		overflow: hidden;
	}
	#upperdiv {
		height: auto;
		min-height: 40px;
		padding: 5px 8px;
	}
	#demomenu {
		width: auto;
		max-width: calc(100% - 280px);
		margin-left: 0;
		padding-top: 0;
	}
	#suurenna_teksti,
	#vaihdakieli {
		left: auto;
	}
	#suurenna_teksti {
		float: right;
		top: -34px;
		width: 115px;
	}
	#vaihdakieli {
		display: none;
	}
	#haku {
		top: -31px;
		right: 0;
		width: 240px;
	}
	#searchtext {
		width: 150px;
		max-width: calc(100% - 70px);
	}
	#header,
	#headerkoko {
		background-size: cover;
	}
	#header_z {
		font: 42px/1.0 'Alegreya', 'Trebuchet MS', Verdana, Arial, sans-serif;
		left: 16px;
		top: 42px;
		letter-spacing: 2px;
	}
	#chromemenu1 ul,
	#chromemenu2 ul {
		padding-right: 0;
	}
	#chromemenu1 ul li,
	#chromemenu2 ul li {
		display: inline-block;
		margin-bottom: 5px;
	}
	#chromemenu1 ul li a,
	#chromemenu2 ul li a {
		display: inline-block;
		padding: 7px 7px 6px 7px;
	}
	#navias {
		float: none;
		width: 23%;
		max-width: 190px;
		margin-left: 0;
		padding-left: 26px;
	}
	#content {
		margin: 160px 16px 0 23%;
		padding: 0 0 15px 28px;
	}
	.laatikko1 {
		width: calc(100% - 235px);
		margin-left: 0;
	}
	.laatikko2 {
		width: 205px;
		margin-left: 20px;
	}
	#poromieslehti .laatikko1 {
		width: calc(100% - 160px);
	}
	#poromieslehti .laatikko2 {
		width: 120px;
	}
	#boxes1,
	#boxes2,
	#boxes3,
	#boxes4,
	#boxes5,
	#boxes6 {
		width: calc(33.333% - 13px);
		max-width: none;
		margin-left: 10px;
	}
	#boxes1,
	#boxes2,
	#boxes3 {
		margin-top: 150px;
	}
	#boxes3 strong,
	#boxes6 strong {
		width: calc(100% + 20px);
	}
	#footer-sidebar1,
	#footer-sidebar2,
	#footer-sidebar3 {
		width: 28%;
		margin-left: 3%;
		margin-right: 0;
	}
}

@media (max-width: 850px) {
	body {
		text-align: left;
	}
	#holder {
		padding-bottom: 14px;
	}
	#upperdiv {
		display: block;
	}
	#demomenu {
		max-width: 100%;
		padding-bottom: 6px;
	}
	nav ul {
		overflow: visible;
	}
	nav ul li a span,
	nav ul li a:hover span {
		display: none;
	}
	#suurenna_teksti {
		display: none;
	}
	#haku {
		float: none;
		position: static;
		clear: both;
		width: 100%;
		padding-top: 4px;
	}
	#searchtext {
		width: calc(100% - 75px);
	}
	#header {
		position: relative;
		top: 0;
		height: 92px;
		min-height: 92px;
	}
	#header_z {
		font: 32px/1.0 'Alegreya', 'Trebuchet MS', Verdana, Arial, sans-serif;
		top: 30px;
		left: 12px;
		right: 12px;
	}
	#chromemenu1 {
		position: relative;
		top: auto;
	}
	.global-menu-disclosure > ul {
		display: none;
	}
	.global-menu-disclosure[open] > ul {
		display: block;
	}
	.global-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 10px;
		background: #fff;
		color: #000;
		cursor: pointer;
		font: bold 11pt "Trebuchet MS", Verdana, Arial, sans-serif;
		list-style: none;
	}
	.global-menu-toggle::-webkit-details-marker {
		display: none;
	}
	.global-menu-toggle::after {
		width: 8px;
		height: 8px;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		content: "";
		transform: translateY(-2px) rotate(45deg);
	}
	.global-menu-disclosure[open] > .global-menu-toggle::after {
		transform: translateY(2px) rotate(225deg);
	}
	.global-menu-toggle:focus-visible {
		outline: 3px solid #758992;
		outline-offset: -3px;
	}
	#chromemenu1 ul {
		padding: 0;
		border-bottom: 1px solid #ececec;
	}
	#chromemenu1 ul li {
		display: block;
		margin-bottom: 0;
		border-top: 1px solid #ececec;
	}
	#chromemenu1 ul li a {
		display: block;
		padding: 8px 10px;
	}
	#chromemenu2 {
		position: relative;
		left: auto;
		top: auto;
		z-index: auto;
	}
	#chromemenu2 ul {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		padding: 8px 10px;
	}
	#chromemenu2 ul li {
		display: block;
		flex: 0 0 auto;
		max-width: 100%;
		margin-bottom: 0;
	}
	#chromemenu2 ul li a {
		display: block;
		padding: 6px 8px;
		border: 1px solid #d8d8d8;
		background: #f8f8f8;
	}
	#chromemenu2 ul li.current_page_item a,
	#chromemenu2 ul li.current_page_ancestor a {
		border-color: #c41219;
	}
	#chromemenu1 ul li a,
	#chromemenu2 ul li a {
		font-size: 10pt;
		padding: 6px 6px;
	}
	#navias {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		max-width: none;
		margin: 0;
		padding: 0;
		text-indent: 0;
	}
	#navias > ul {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		padding: 8px 10px;
		background: #fff;
		border-top: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
	}
	#navias > ul > li {
		flex: 0 0 auto;
		max-width: 100%;
		padding: 0;
		list-style-type: none;
	}
	#navias a,
	#navias ul.children a {
		display: block;
		padding: 6px;
		border: 1px solid #d8d8d8;
		background: #f8f8f8;
		font-size: 10pt;
	}
	#navias li.current_page_item > a,
	#navias li.current_page_ancestor > a {
		border-color: #c41219;
		background: #c41219;
		color: #fff;
	}
	#navias ul.children {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		padding: 4px 0 0 0;
	}
	#content {
		margin: 20px 12px 0 12px;
		padding: 0;
	}
	.laatikko1,
	.laatikko2,
	#poromieslehti .laatikko1,
	#poromieslehti .laatikko2 {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
		padding-left: 0;
	}
	.laatikko2,
	#poromieslehti .laatikko2 {
		border-left: 0;
		border-top: 2px dotted #888887;
		padding: 12px 0 0 0;
	}
	.laatikko2 h2 {
		width: auto;
		margin-left: 0;
		padding-left: 0;
	}
	#boxes1,
	#boxes2,
	#boxes3,
	#boxes4,
	#boxes5,
	#boxes6 {
		float: none;
		width: calc(100% - 24px);
		max-width: none;
		height: auto;
		max-height: none;
		margin: 12px;
		overflow: visible;
	}
	#boxes1,
	#boxes5 {
		min-height: 220px;
		background-position: center center;
		background-size: cover;
	}
	#boxes2 img,
	#boxes3 img,
	#boxes4 img,
	#boxes6 img {
		float: none;
		display: block;
		max-width: 100% !important;
		height: auto;
		margin: 0 0 10px 0;
		padding: 0;
	}
	#boxes2 p,
	#boxes3 p,
	#boxes4 p,
	#boxes5 p,
	#boxes6 p {
		max-height: none;
		padding-left: 18px;
		padding-right: 18px;
		line-height: 1.35;
	}
	#boxes3 strong,
	#boxes6 strong {
		display: block;
		width: auto;
		margin: 0 -18px 8px -18px;
		padding: 4px 10px;
	}
	#boxes1 {
		margin-top: 20px;
	}
	#boxes2,
	#boxes3 {
		margin-top: 12px;
	}
	#etusivucontent {
		margin: 12px;
	}
	#blogcontent {
		margin: 20px 12px 0 12px;
		padding: 0;
		min-height: 0;
	}
	#blogcontent p {
		margin-right: 0;
	}
	.single #blognav {
		display: none;
	}
	#blognavis,
	#blogconts {
		float: none;
		width: 100%;
		margin: 0;
		padding: 12px;
	}
	#blogconts {
		max-width: none;
	}
	#blogconts .entry-title,
	#blogconts h1,
	#blogconts h2,
	#blogconts h3,
	#blogconts h4,
	#blogconts p {
		max-width: 100%;
		margin-right: 0;
	}
	#blogconts p {
		width: auto;
	}
	#blogconts blockquote {
		max-width: 100%;
		margin: 12px 0 18px 0;
	}
	#blogconts ul,
	#blogconts ol {
		margin-right: 0;
		padding-right: 0;
	}
	#blogconts hr {
		margin-left: 0;
	}
	#footer {
		height: auto;
		min-height: 120px;
		padding: 12px;
		background: #f8f8f8;
	}
	#socialmedia {
		float: none;
		position: static;
		width: auto;
		height: auto;
		margin: 0 0 12px 0;
	}
	#footer-sidebar {
		height: auto;
		margin-top: 12px;
	}
	#footer-sidebar1,
	#footer-sidebar2,
	#footer-sidebar3 {
		float: none;
		width: 100%;
		margin: 0 0 16px 0;
	}
	#footer-sidebar a,
	#footer-sidebar a:hover {
		display: inline-block;
		padding-left: 0;
		line-height: 1.6;
	}
}

@media (max-width: 480px) {
	#header {
		height: 88px;
		min-height: 88px;
	}
	#header_z {
		font: 28px/1.0 'Alegreya', 'Trebuchet MS', Verdana, Arial, sans-serif;
		letter-spacing: 1px;
	}
	#chromemenu1 {
		top: auto;
	}
	#chromemenu1 ul li {
		display: block;
		margin-bottom: 0;
	}
	#chromemenu1 ul li a {
		display: block;
		padding: 5px 8px;
	}
	#content,
	#kokosivu {
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 0;
		padding-right: 0;
	}
	#kokosivu {
		padding-top: 20px;
	}
	.laatikko1 h1,
	.laatikko1 h2 {
		font-size: 150%;
		line-height: 1.2;
	}
	#blogconts .entry-title {
		font-size: 160%;
		line-height: 1.18;
	}
	#blogconts h2 {
		font-size: 150%;
	}
	#blogconts h3 {
		font-size: 135%;
	}
	#boxes1,
	#boxes2,
	#boxes3,
	#boxes4,
	#boxes5,
	#boxes6 {
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;
	}
}