


body { background: #ffffff; }


a:hover { 
  color: #018931;
  transition: color 300ms ease-in-out 0s; 
}


h3 { 
 font-family:poppins, arial, sans-serif; 
 font-size: 2rem; 
 color:#1a1a1a;
 font-weight:700;
}

h4 { 
 font-family:Verdana, Geneva, sans-serif; 
 font-size: 1.8rem; 
 color:#1a1a1a;
 font-weight:700;
}

label, .title { font-size: 1.4rem; }

input,
textarea,
select {
  font-family:poppins, arial, sans-serif; 
  font-size: 1.6rem; 
}

.button:hover { 
 color: #ffffff;
 background-color: #113030;
}

.button:active,
.button:focus  { 
 color: #ffffff;
 background-color: #113030;
} 

.button.minor { 
 background-color: #ffffff;
 
 border-top:   1px solid #00463e;
 border-right: 1px solid #00463e;
 border-bottom:1px solid #00463e;
 border-left:  1px solid #00463e;


 color: #00463e;
}

.button.minor:hover { color: #113030; }

.button.minor:active { color: #113030; }

table th, table thead { font-size: 1.4rem; }

table.muotoiltu th,
table.muotoiltu thead td { 
  background: #e1e8e7;
  color: #1a1a1a;
  font-family:poppins, arial, sans-serif; 
  font-size: 1.6rem;
}

table.muotoiltu th,table.muotoiltu td { border: 1px solid #e1e8e7; }


div#headerCont { 


background-color:#ffffff;

 }

div#navBreadcrumb {  font-size: 1.4rem;  }


div#footer { 
  background: #ffffff;
  border-top: 1px solid #e1e8e7; 
}

div#footer-wrap { color: #1a1a1a; }

div#footer-wrap h1,
div#footer-wrap h2,
div#footer-wrap h3 { color: #1a1a1a; }

div#footer-wrap a,
div#footer-wrap a:visited { color: #1a1a1a; }

div#footer-wrap a:hover{ color: #018931; }

div#netland-wrap { 
  border-top: 1px solid #e1e8e7;
  font-size: 1.2rem;
}

div#netland-wrap a,
div#netland-wrap a:visited { color: #1a1a1a; }

div#cookie-settings-cont { border-top: 1px solid #e1e8e7; }


div#mobinavitoggler-cont { border-bottom: 1px solid #ffffff; }

div#mobinavitoggler { background: #ffffff; }

div#mobinavitoggler div#mobinavi-toggle { padding-right: 10px; }

div#mobinavitoggler div#mobinavi-toggle div#mobinavi-togglebutton,
div#mobinavitoggler div#mobinavi-toggle button#mobinavi-togglebutton {
  background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_menu_white_24dp.png);
  background-color: #1a1a1a;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
}

div#mobinavitoggler div#mobinavi-search { padding:  0 15px; }

div#mobi-searchFormWrap {
  border: 1px solid #1f2945;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
}

div#mobi-searchFormWrap input#mobisearch { padding: 7px 5px; }

div#mobi-searchFormWrap input#mobisearch::placeholder { color: transparent; }

div#mobi-searchFormWrap input#mobi-search-button {
  background-color: #1f2945;
  background-image: url(/common_ui/embed_ui/img/icons_google/action/ic_search_white_24dp.png);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
}

div#mobi-searchFormWrap input#mobi-search-button:hover { background-image: url(/common_ui/embed_ui/img/icons_google/action/ic_search_white_24dp.png); }

ul#mobinavi li { background: #ffffff; }

ul#mobinavi li:hover { background: #ffffff; } 

ul#mobinavi li.selected { background: #f4f4f4; }

ul#mobinavi div.mobinav-item { border-top: 1px solid #ffffff; }

div.mobilevel1 > a { text-transform: initial; }

ul#mobinavi a { color: #1a1a1a; }

ul#mobinavi a.selected { color: #1a1a1a; }

ul#mobinavi div.mobinav-toggler.mobinav-toggler-minus { background-image: url(/common_ui/embed_ui/img/icons_google/content/ic_remove_circle_grey600_24dp.png); }

ul#mobinavi div.mobinav-toggler { background-image: url(/common_ui/embed_ui/img/icons_google/content/ic_add_circle_grey600_24dp.png); }

div#respnavi-cont { 


background-color:#ffffff;

 }

div#smartnavi-bottom-container {
 


background-color:#ffffff;


 border-top: 0px solid #ffffff;
}

div#smartnavi-bottom { color: #1a1a1a; }

div#smartnavi-bottom span#arrow-up { border-bottom: 10px solid ; }

h2.navi-left-title a { 
  font-family:poppins, arial, sans-serif; 
  font-size: 2rem; 
  font-weight:700;
  color: #1a1a1a;
}

h2.navi-left-title a:hover,
h2.navi-left-title a:focus { 
  color: #018931;
}

ul#navi-left div.nav-text a,
div.nav-ptlink-item a,
div.nav-article a { color: #1a1a1a; }

div.nav-article a { font-size: 1.4rem; }

ul#navi-left div.nav-text a:hover,
ul#navi-left div.nav-text a:focus,
ul#navi-left div.nav-text a.selected,
div.nav-ptlink-item a:hover,
div.nav-ptlink-item a:focus,
div.nav-ptlink-item a.selected,
div.nav-article a:hover,
div.nav-article a:focus,
div.nav-article a.selected,
span.nav-pttoggler:hover {
  color: #018931;
  opacity: 1;
}

ul#navi-left li.level2 a,ul#navi-left li.level3 a,ul#navi-left li.level4 a,ul#navi-left li.level5 a,ul#navi-left li.level6 a { font-size: 1.4rem; }

ul#main-navi li.level1 a {
  font-family:poppins, arial, sans-serif; 
  font-size: 1.6rem; 
  color: #1a1a1a;
  font-weight:600;
}

ul#main-navi li.level1 a:visited {  color: #1a1a1a; }

ul#main-navi li.level1 a:hover,
ul#main-navi li.level1 a:focus,
ul#main-navi li.level1 a:active,
ul#main-navi li.level1 a.has-submenu,
ul#main-navi li.level1 a.highlighted { 
  color: #018931;
  font-weight:600;
  opacity: 1;
}

ul#main-navi li.level1.selected a,
ul#main-navi li.level1 a.selected,
ul#main-navi li.level1 a:hover,
ul#main-navi li.level1 a.highlighted { 
  color: #018931;
  background: none;
}

ul#main-navi li.level1 a.selected, ul#main-navi li.level1 a:hover, ul#main-navi li.level1 a:focus, ul#main-navi li.level1 a:active, ul#main-navi li.level1 a.highlighted { background: #ffffff; }

ul#main-navi li.level1 a span.sub-arrow { border-color: #1a1a1a transparent transparent transparent; }

ul#main-navi li.level1 a.selected span.sub-arrow,
ul#main-navi li.level1 a:hover span.sub-arrow,
ul#main-navi li.level1 a:focus span.sub-arrow,
ul#main-navi li.level1 a:active span.sub-arrow,
ul#main-navi li.level1 a.highlighted span.sub-arrow { border-color: #018931 transparent transparent transparent; }

ul#main-navi li.level1 li ul:not(.ui-autocomplete) a,
ul#main-navi li.level1 li ul:not(.ui-autocomplete) a:hover,
ul#main-navi li.level1 li ul:not(.ui-autocomplete) a:focus,
ul#main-navi li.level1 li ul:not(.ui-autocomplete) a:active,
ul#main-navi li.level1 li ul:not(.ui-autocomplete) a.has-submenu,
ul#main-navi li.level1 li ul:not(.ui-autocomplete) a.highlighted { font-weight: normal; }

ul#main-navi li.level1 ul:not(.ui-autocomplete) { 
 border: 0;
 background: #ffffff;
}

ul#main-navi li.level1 ul:not(.ui-autocomplete) li { border: none; }

ul#main-navi li.level1 ul:not(.ui-autocomplete) a, ul#main-navi li.level1 ul:not(.ui-autocomplete) a:visited {
 background: #ffffff;
 color:#1a1a1a;
}

ul#main-navi li.level1 ul:not(.ui-autocomplete) a.selected,
ul#main-navi li.level1 ul:not(.ui-autocomplete) a:hover,
ul#main-navi li.level1 ul:not(.ui-autocomplete) a:focus,
ul#main-navi li.level1 ul:not(.ui-autocomplete) a:active,
ul#main-navi li.level1 ul:not(.ui-autocomplete) a.highlighted {
 background: #ffffff;
  background: rgba(0, 0, 0, 0.1);
 color:#018931;
}

ul#main-navi li.level1 ul:not(.ui-autocomplete) a span.sub-arrow { border-color: transparent transparent transparent #1a1a1a; }

ul#main-navi li.level1 ul:not(.ui-autocomplete) a.selected span.sub-arrow,
ul#main-navi li.level1 ul:not(.ui-autocomplete) a:hover span.sub-arrow,
ul#main-navi li.level1 ul:not(.ui-autocomplete) a:focus span.sub-arrow,
ul#main-navi li.level1 ul:not(.ui-autocomplete) a:active span.sub-arrow,
ul#main-navi li.level1 ul:not(.ui-autocomplete) a.highlighted span.sub-arrow { border-color: transparent transparent transparent #018931; }

@media (max-width: 980px) {
  
  ul#main-navi li.level1 { 
    background: #ffffff;;
	  border: none;
  }

  ul#main-navi li.level1 li { border: none; }

	ul#main-navi li.level1 a, ul#main-navi li.level1 a:visited { color: #1a1a1a; }

	ul#main-navi li.level1 a.selected, ul#main-navi li.level1 a:hover, ul#main-navi li.level1 a:focus, ul#main-navi li.level1 a:active, ul#main-navi li.level1 a.highlighted { color: #018931; }

  li.toplink { background-color: #ffffff; }

  li.toplink a,
	li.toplink a:visited { 
    text-transform: uppercase;
    color: #111111;
  }

  li.toplink a:hover, li.toplink a:focus, li.toplink a:active  { 
    color: #111111;
    opacity: 0.6;
  }

  ul#main-menu { 
   -webkit-box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.2);
    box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.2);
  }

}

div#smartnavi-toggle-button,
div#smartnavi-toggle-button:hover, 
div#smartnavi-toggle-button:active {
  border: none;
  background-color: transparent;
  background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_menu_white_36dp.png);
}

div#smartnavi-toggler-cont 	{ 


background-color:#ffffff;

 }

 @media (max-width: 767px) {
  
  h1 { font-size: calc(3.6rem - 10px); }

  h2 { font-size: calc(2.8rem - 4px); }
}


div#sp-searchform-cont { background: #e1e8e7; }

div#sp-mainthemes-wrap a,
div#mainthemes-wrap a { font-size: 1.4rem; }


div#searchform-cont div#searchform-wrap { background: #e1e8e7; }

div.sr-item-img-wrap { background: #e1e8e7 center center no-repeat url(/img/lammastunnus-kuultava.png); }

div.attachment-wrap a:hover { color: #00463e; }

div.attachment-wrap.tp-image { background: #f4f4f4; }

div.attachment-wrap.tp-attachment { background: #e1e8e7; }

div.attachment-wrap.tp-link { background: #e8e8e8; }

div.tp-youtube { background: #f4f4f4; }


div.bulletin-list-separator { border-top: 1px solid #e1e8e7; }

.pager-current, .pager-other:hover { background: #f4f4f4; }
