/**
 * Custom CSS
 * Kannonkoski
 ============================================================================ */

body { color: #000000!important; }
h1 { color: #bb2e28!important;  }
h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
a { text-decoration: underline;   }
a:hover, a:focus { color: #bb2e28; }
a:focus-visible { outline: 2px solid blue !important; }
button, .button { background-color: #333; border-color: #333; min-height: 40px; }
.page { background-color: #fff; }
.pr-header { background: #fff!important; border-top: 5px solid #e3eaee; }
.path-frontpage .page__title { display: none; }
.block-plugin-id--system-branding-block { margin: 0.6rem 8px; }
.node { box-shadow: none!important; padding: 0 0 15px 0!important; background-color: transparent!important; }
.l-content-prefix { background-color: #f7f7f7; }
.l-main .regions { background-color: #fff; }
.ds-3col-stacked-fluid.group-two-sidebars > .group-middle { padding-right: 35px; padding-left: 30px; }
.ds-3col-stacked-fluid.group-one-sidebar > .group-left { padding-right: 30px; }
.ds-3col-stacked-fluid.group-one-sidebar > .group-middle { padding-left: 10px; }
.ds-3col-stacked-fluid.group-one-sidebar > .group-right { padding-left: 35px; }
.page-node-317 #block-kannonkoski-local-tasks, .page-node-133 #block-kannonkoski-local-tasks { display: none; }
.user-logged-out .view-esityslistat-ja-poytakirjat .view-header { display: none; }

#content-bottom .regions { background: transparent;  }
#rid-content-bottom1 { width: 70%; }
#rid-content-bottom2 { width: 30%; }
#rid-content-bottom1 .block { margin-right: 15px;  }
#rid-content-bottom2 .block { margin-left: 15px; background: #f7f7f7; margin-bottom: 5px;  }
#rid-content-bottom2 .field__item {
	-webkit-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);	
}
#content-bottom .block__title, #block-pikalinkit h2 { font-size: 1.2em; text-transform: uppercase; color: #000; padding: 10px 20px; margin-bottom: 0;  
	background: #00acec; /* Old browsers */
	background: -moz-linear-gradient(top, #00acec 0%, #00acec 0%, #008ec3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00acec 0%,#00acec 0%,#008ec3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00acec 0%,#00acec 0%,#008ec3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acec', endColorstr='#008ec3',GradientType=0 ); /* IE6-9 */
}
#rid-content-bottom1 .block__title {
	-webkit-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);	
}
#block-views-block-ajankohtaista-block-1 { margin-top: 5px; margin-bottom: 5px; }
#block-views-block-kuulutukset-block-1 { margin-top: 15px; margin-bottom: 10px; }
.nosto { font-size: 90%; max-width: 500px; line-height: 1.1em; position: relative;  }
.path-tapahtumakalenteri .view-tapahtumat .views-row .views-field-nothing { background: #f7f7f7; height: 100%; }
.user-logged-out.path-node-add-tapahtuma #edit-meta, .user-logged-out.path-node-add-yritystieto #edit-meta, #edit-body-0-format-help-about { display: none; }
a:focus .nosto {  }
a:focus .nosto img, a:hover .nosto img { opacity: 0.7; }
.nosto time /*, .nosto > .date */{ position: relative; display: block; background: #507900; color: #fff; padding: 4px 10px; margin-top: -24px; width: 200px; }
.nosto-title { font-size: 1.15em; line-height: 1.15em; padding: 10px; }
.nosto-kuvaus { padding: 0 10px 15px 10px; font-size: 14px; }
.nosto .ingressi { padding: 0 10px 10px 10px; font-size: 14px; }
.huomioteksti, .path-frontpage.page-node-type--laskeutumis-sivu .field-node--body p { padding: 10px 15px;  color: #fff; font-size: 18px; font-weight: bold; }
.huomioteksti { background: #e81b22; font-size: 22px; }
span.huomioteksti{ display: block; }

#block-facebook { background: transparent!important; border:0; padding: 0px 20px; }
#block-facebook .field__item { box-shadow: none!important; }

#quicktabs-container-etusivun_valilehdet .block.views-element-container { margin-right: 0;  }

.view-tapahtumat .view-content, .view-nostot .view-content,
#quicktabs-container-etusivun_valilehdet .view-content {  display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; padding-top: 5px; }
.view-tapahtumat .views-row,
#quicktabs-container-etusivun_valilehdet .views-row { width: 50%; max-width: 500px; background: transparent; border: 10px solid transparent; border-top-width: 5px; border-bottom-width: 5px; }
.path-frontpage .view-tapahtumat .views-row > .views-field,
#quicktabs-container-etusivun_valilehdet .views-row > .views-field { 
	background: #f7f7f7; 
	-webkit-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
	height: 100%; 
}
ul.quicktabs-tabs li > a { border: 0!important; font-family: "Lora", sans-serif; text-transform: uppercase; font-size: 1.2em; }
ul.quicktabs-tabs li > a[aria-selected="true"], ul.quicktabs-tabs li a.true:not([aria-selected="false"]) { background: linear-gradient(to bottom, #00acec 0%,#00acec 0%,#008ec3 100%)!important; }
ul.quicktabs-tabs li > a:hover, ul.quicktabs-tabs li > a:focus-visible{ background: #ddd !important; text-decoration: underline; }
#quicktabs-etusivun_valilehdet { padding: 0;}
#quicktabs-container-etusivun_valilehdet .quicktabs-tabpage { padding: 0; border: 0;  }
.view-tapahtumat .view-header a,
#quicktabs-container-etusivun_valilehdet .views-row a { font-size: 1.2em;  display: inline-block; }
.group-right .view-tapahtumat .views-row { width: 100%; background: transparent; }
#quicktabs-container-etusivun_valilehdet .views-row { flex-basis: 50%; background: transparent;  margin: 15px 0; }
#quicktabs-container-etusivun_valilehdet .view-id-tapahtumat .views-row { flex-basis: 33%; }
.view-tapahtumat .views-row:nth-child(1n) { }
#quicktabs-container-etusivun_valilehdet .views-row:nth-child(1n) {  }
.view-tapahtumat .views-row:nth-child(2n) { }
#quicktabs-container-etusivun_valilehdet .views-row:nth-child(2n) {  }
.view-nostot .views-row { width: 25%; padding-right: 15px; padding-bottom: 15px; }
.view-nostot .views-row > .views-field {  }
.view-nostot .views-row:nth-child(4n) {  }
.view-nostot a:hover .nosto-title, .view-nostot a:focus .nosto-title { color: #fff; }
.view-nostot .nosto-title { font-size: 1.1em; color: #fff; padding: 10px 20px; 
	background: #005c7e; /* Old browsers */
	background: -moz-linear-gradient(top, #005c7e 0%, #00acec 0%, #008ec3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #005c7e 0%,#00acec 0%,#008ec3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #005c7e 0%,#00acec 0%,#008ec3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acec', endColorstr='#008ec3',GradientType=0 ); /* IE6-9 */
}
#content-suffix .regions { max-width: 100%; }
#rid-content-suffix { max-width: 75em; margin: auto; padding: 15px; }
#rid-content-bottom2 .view { padding: 20px; 
	-webkit-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
}
#rid-content-bottom2 .views-row { padding: 8px 0; line-height: 1.1em; border-bottom: 1px solid #ddd; }
#rid-content-bottom2 .views-row:last-child { border-bottom: 0; }
.view a { color: #000; text-decoration: none; font-weight: 500; }
.view a:hover, .view a:focus { color: #bb2e28; }
.more-link { width: 100%; margin-top: 8px; font-weight: 500; text-align: left; }
.more-link a { font-size: 90%; padding: 4px 8px; background:#e3eaee; text-decoration: none!important; color: #000; }
.more-link a:focus, .more-link a:hover { background:#00acec; color: #000!important; }
.view .more-link { text-align: right; }
#block-tapahtumakalenterilinkit a, #block-tapahtumakalenterilinkit-2 a, .view-tapahtumat .view-header a {  font-size: 90%; padding: 4px 8px; background:#e3eaee; text-decoration: none!important; color: #000; 
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
}
#block-tapahtumakalenterilinkit .field__items,
#block-tapahtumakalenterilinkit-2 .field__items { float: right; }
#block-tapahtumakalenterilinkit .field__item > div,
#block-tapahtumakalenterilinkit-2 .field__item > div { display: inline-block; }
 
#block-tapahtumakalenterilinkit a:focus, #block-tapahtumakalenterilinkit a:hover, .view-tapahtumat .view-header a:focus, .view-tapahtumat .view-header a:hover 
#block-tapahtumakalenterilinkit-2 a:focus, #block-tapahtumakalenterilinkit-2 a:hover
{ background:#00acec; color: #000!important; }

.field-node--field-ingressi, .ingressi { font-style: italic; font-size: 1.2em; color: #3c3c3c; }
#content-prefix .breadcrumb { margin: 8px 0; font-size: 90%; padding-left: 10px;}
#main-content .regions .breadcrumb__list {
    padding: 0;
    color: #000!important;
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
}
#main-content .regions .breadcrumb__list li { display: none; }
#main-content .regions .breadcrumb__list li:nth-child(2) { display: block; font-family: "Lora", sans-serif; padding-left: 10px; }
#main-content .regions .breadcrumb__list-item::before { display: none!important; }

.group-right h2, .field-label-above h3.field__label { font-weight: 500; font-size: 1.5em; border-bottom: 2px solid #de312b; padding-bottom: 5px; font-family: "Lora", sans-serif; }
.group-right h3, .group-right h4 { font-size: 1.25em; }
.group-right .views-row { padding: 8px 0; line-height: 1.1em; }
.group-right .views-row a { text-decoration: none;}

#rid-header-first { width: 45%!important; }
#rid-header-second { width: 55%!important; min-width: 622px; background: #f7f7f7; height: 72px; text-align: right; padding: 0 15px; font-size: 90%;  }
#rid-header-second a { color: #bb2e28; text-decoration: none;  }
#rid-header-second a:hover, #rid-header-second a:focus { text-decoration: underline; color: #bb2e28 !important; }
#rid-header-second .block { padding-top: 15px; }
#rid-header-second .block, #rid-header-second form { margin: 0 0 0 15px; display: inline-block; }
.view-haku .views-row { margin: 10px 0; padding:30px; background: #f7f7f7; }
#block-nakyvakaavakehakupage-1 { margin: 0; }
#block-nakyvakaavakehakupage-1 input#edit-search-api-fulltext { width: 200px; }
#block-nakyvakaavakehakupage-1 .form-item { margin: 0; }
#block-nakyvakaavakehakupage-1 .form--inline .form-actions, .view-haku .form--inline .form-actions, .views-exposed-form .form-actions { clear: none; margin: 0; }
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	min-height: 40px;
}
#high-contrast-switch::before {
	content: "\f042";
	font-family: FontAwesome; 
	color: #bb2e28;
}
.layout-type--page-layout #main-content .views-row { border-bottom: 1px solid #ddd; padding-top: 15px; }
.layout-type--page-layout #main-content .views-row h2.node__title { font-size: 1.6em; }

/*highlighted*/
.pr-highlighted__rw{
	padding: 0px;
	max-width: 100%;
}
.flexslider{
	border: none;
	margin: 0px;
}
.pr-highlighted { width: 100%; max-width: 100%; margin: auto; position: relative; }
.block-plugin-id--views-block-kansikuva-block-1{
	margin: 0px;
}
.block-plugin-id--views-block-kansikuva-block-1 .views-field-field-kansikuva img{
	max-height: 500px;
	object-fit: cover;
}
.block-plugin-id--views-block-kansikuva-block-1 .flex-caption{
	display: flex;
	position: absolute;
  	top: 0px;
  	height: 100%;
  	width: 100%;
}
.block-plugin-id--views-block-kansikuva-block-1 .flex-caption .kansikuva-body{
	max-width: 500px;
	margin: auto;
	text-align: center;
	color: #fff;
  	text-shadow: 0px 0px 15px #000, 1px 1px #000;
  	font-weight: bold;
  	font-size: 160%;
  	font-family: "Montserrat", sans-serif;
}
.block-plugin-id--views-block-kansikuva-block-1 .flex-caption .kansikuva-body h2,
.block-plugin-id--views-block-kansikuva-block-1 .flex-caption .kansikuva-body h3{
	color: #fff;
  	text-shadow: 0px 0px 15px #000, 1px 1px #000;
  	font-weight: bold;
  	font-size: 160%;
  	font-family: "Montserrat", sans-serif;
}
.flex-direction-nav a.flex-next::before {
  font-size: 0px;
  width: 35px;
  height: 35px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #2f2f2f;
  border: 0px solid #000;
  border-radius: 4px;
}
.flex-direction-nav a.flex-prev::before {
  font-size: 0px;
  width: 35px;
  height: 35px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #2f2f2f;
  border: 0px solid #000;
  border-radius: 4px;
}
.flex-control-nav {
  bottom: 0px !important;
  z-index: 99;
  display: flex;
  justify-content: center;
}
.flex-control-nav li {
  margin: 0px !important;
  padding: 10px 6px !important;
  background-color: #fff !important;
}
.flex-control-nav li:first-child{
	border-radius: 4px 0px 0px 0px;
	padding-left: 10px !important;
}
.flex-control-nav li:last-child{
	border-radius: 0px 4px 0px 0px;
	padding-right: 10px !important;
}
.flex-control-paging li a{
	border-radius: 3px;
}
/* LASKEUTUMIS SIVUT /ETUSIVU */
.node--type-laskeutumis-sivu .group-header { max-width: 75rem; margin: auto; }
/*.page-node-type--laskeutumis-sivu .l-main .l-rw { min-height: 90vh; max-width: 100%; margin: 0; padding: 0; }*/
.page-node-type--laskeutumis-sivu .node__header, .page-node-type--laskeutumis-sivu .breadcrumb { display: none; }
.page-node-type--laskeutumis-sivu .l-r { margin: 0; padding:0; }
.page-node-type--laskeutumis-sivu main.block { padding:0; margin: -15px 0 0 0; }
.field-node--field-taustakuva { min-height: 70px; width: 100%; }
.page-node-type--laskeutumis-sivu .field-name-field-kuvateksti { margin-top: 0px; position: relative; display: inline-block; float: left; }
.page-node-type--laskeutumis-sivu .field-name-field-kuvateksti > div { text-align:center; max-width: 75em; margin: auto; }
.page-node-type--laskeutumis-sivu .field-name-field-kuvateksti .field__item { font-style: italic; color:#fff; padding: 0; 
	background: #507900; 
	width: 250px; 
	height:250px; 
	border-radius:50%;         
    -moz-box-shadow: 3px 4px 0px 0px #8a2a21;
	-webkit-box-shadow: 3px 4px 0px 0px #8a2a21;
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
	background-color:#c62d1f;
	border:1px solid #d02718;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
 }
 a:hover .nosto,  a:focus .nosto { color: #507900; }
 .page-node-type--laskeutumis-sivu .field-name-field-kuvateksti .field__item:hover,
 .page-node-type--laskeutumis-sivu .field-name-field-kuvateksti .field__item:focus { 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24437;	
}
.page-node-type--laskeutumis-sivu .field-name-field-kuvateksti .field__item h2 { font-size: 1.6em; }
.field-name-field-kuvateksti .field__item a,  .field-name-field-kuvateksti .field__item a:hover,  .field-name-field-kuvateksti .field__item a:focus { display: block; padding: 85px 20px 85px 20px; color: #fff!important; }
.field-name-field-kuvateksti span.ext { display: none; }
/*.page-node-type--laskeutumis-sivu .l-highlighted .regions { background:transparent; position: absolute; left: 0; width: 100%; z-index: 9; max-width: 75rem; margin: auto; }*/
#block-pikalinkit { width: auto; background: #eee; margin: 20px; }
#block-pikalinkit h2 { margin-bottom: 15px; }
#block-pikalinkit a { color: #000; text-decoration: none; font-weight: 500;}
#block-pikalinkit h2 { font-size: 1.4em; font-weight: lighter; }
#block-pikalinkit p { margin-bottom: 8px; }
#block-pikalinkit p { padding: 2px 20px; }
#block-pikalinkit p:last-child { padding-bottom: 15px; }
#block-pikalinkit p:last-child { margin-bottom: 0; }
#block-pikalinkit a:hover,#block-pikalinkit a:focus { color: #bb2e28 !important; }
#block-pikalinkit a::after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
    font-size: 12px;
}
.page-node-type--laskeutumis-sivu .field-node--body { text-align:center; max-width: 75em; width: 70%; margin: auto; padding-top: 60px; display: inline-block; float: right; padding-right: 10px; }
.path-frontpage.page-node-type--laskeutumis-sivu .field-node--body a { color: #fff!important; }
.path-frontpage .field-node--body .field__item { text-align: left; color: #fff; }
.path-frontpage .field-node--body .field__item h1, .path-frontpage .field-node--body .field__item h2 { color: #fff!important; text-shadow: 2px 2px 5px rgba(0,0,0,0.7); }
.path-frontpage .field-name-field-kuvateksti h2 { color: #fff!important; }
.page-node-type--laskeutumis-sivu .group-left > .field { max-width: 600px; padding:30px 15px 30px 30px; float: right; }
.page-node-type--laskeutumis-sivu .group-right > .field { max-width: 600px; padding:30px 30px 30px 15px; float: left; }
.page-node-type--laskeutumis-sivu .l-content-bottom { 
	position: relative;
    top: -60vh;
    height: 1px;
}

/* VALIKOT */
/* NAVBAR MAINMENU */
.pr-navbar {  
	background: #000; /* Old browsers */
	/*background: -moz-linear-gradient(top, #669900 0%, #90d800 0%, #2a4000 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #669900 0%,#90d800 0%,#2a4000 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #669900 0%,#90d800 0%,#2a4000 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d800', endColorstr='#2a4000',GradientType=0 );*/ /* IE6-9 */
	
}
.pr-navbar .regions {
	max-width: fit-content;
	margin: auto;
}
#rid-navbar{ width: fit-content; }
#rid-navbar a { text-decoration: none!important; }
#rid-navbar li.active-trail > a { background: #333; color: #fff; }
#rid-navbar a:focus, #rid-navbar a.sf-clicked { background: #f7f7f7; color: #000; text-shadow: 1px 1px #fff; outline: 1px solid #333; }
ul.sf-menu.sf-style-none a, ul.sf-menu.sf-style-none a:visited, ul.sf-menu.sf-style-none span.nolink {
    padding: 2rem 1.2rem;
}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul { top: 4.5em;  } 
ul.sf-menu ul li { min-width: fit-content; }
ul.sf-menu li a.sf-depth-1 { max-height: 80px; text-transform: uppercase; /*font-size: 1.58em;*/ text-shadow: 1px 1px #000; }
ul.sf-menu ul.sf-multicolumn > li.sf-multicolumn-wrapper { padding: 15px; background: #fff; max-width: 940px!important;  }
ul.sf-multicolumn { max-width: 940px!important; }
ul.sf-menu ul.sf-multicolumn > li.sf-multicolumn-wrapper > ol { 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width: 100%!important;
	max-width: 940px!important;
	overflow: hidden;
}
ul.sf-menu ul.sf-multicolumn > li.sf-multicolumn-wrapper > ol > li {
	padding: 0px 10px; 
}
ul.sf-menu ul.sf-multicolumn > li.sf-multicolumn-wrapper > ol > li.menuparent { padding-bottom: 10px; }
ul.sf-menu li a.sf-depth-2 { color: #000; font-weight: 600; color: #bb2e28; text-transform: uppercase; }
ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper a.menuparent, ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper span.nolink.menuparent { font-weight: 600!important; }
ul.sf-menu li.sf-depth-2 .sf-multicolumn-column > ol {  }
ul.sf-menu li a.sf-depth-2 { padding: 0.7rem 1rem; }
ul.sf-menu li a.sf-depth-3 { color: #000; padding: 0.2rem 1rem; }

/* SISALTOVALIKKO */
#main-content .regions ul.menu a { text-decoration: none; color: #333; font-weight: 500; padding: 2px 10px; }
#main-content .regions ul.menu a:hover, #main-content .regions ul.menu a:focus, #main-content .regions ul.menu a.is-active { background: #333; color: #fff;  }
#main-content .regions ul.menu-level-2 li span a::before, #main-content .regions ul.menu-level-3 li span a::before {
	font-family: FontAwesome, sans-serif;
	content: "\f105";
	text-indent: -15px;
	padding-left: 5px;
}	
#main-content .regions ul.menu-level-1 > li { border-bottom: 1px solid #ccc; }
#main-content .regions ul.menu-level-2 li span a:hover::before, #main-content .regions ul.menu-level-3 li span a:hover::before,
#main-content .regions ul.menu-level-2 li span a:focus::before, #main-content .regions ul.menu-level-3 li span a:focus::before,
#main-content .regions ul.menu-level-2 li span a.is-active::before, #main-content .regions ul.menu-level-3 li span a.is-active::before  { content: ""; }

/*pikavalikko*/
#block-pikavalikko ul.menu{
	display: flex;
  	flex-wrap: wrap;
  	margin-left: -10px;
  	margin-right: -10px;
  	justify-content: center;
}
#block-pikavalikko ul.menu li.menu-item{
	display: flex;
  	flex-wrap: wrap;
  	max-width: 220px;
  	margin: 10px;
  	background-color: #000;
}
#block-pikavalikko ul.menu li.menu-item a{
	order: 1;
  	width: 100%;
  	font-weight: bold;
  	text-align: center;
  	padding: 15px 10px 15px 10px;
  	color: #fff;
  	text-decoration: none;
}
#block-pikavalikko ul.menu li.menu-item a:hover,
#block-pikavalikko ul.menu li.menu-item a:focus{
	text-decoration: underline;
}
#block-pikavalikko ul.menu li.menu-item .menu_link_content{
	width: 100%;
}
#block-pikavalikko ul.menu li.menu-item figure{
	margin: 0px;
}
#block-pikavalikko ul.menu li.menu-item img{
	width: 220px;
  	height: 180px;
  	object-fit: cover;
}
/* END VALIKOT */

.path-contact #edit-preview { display: none; }
textarea:hover, textarea:focus, select:hover, select:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="month"]:hover, input[type="month"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="text"]:hover, input[type="text"]:focus, input[type="time"]:hover, input[type="time"]:focus, input[type="url"]:hover, input[type="url"]:focus, input[type="week"]:hover, input[type="week"]:focus {
    background-color: #fafafa;
    border-color: green;
}

.page-node-type--viranhaltijapaatokset table,
.page-node-type--poytakirjat-ja-esityslistat table { width: 100%; }
.view-esityslistat-ja-poytakirjat table caption { display: none; }
.view-esityslistat-ja-poytakirjat .form--inline .form-actions { padding-top: 23px; }
.view-esityslistat-ja-poytakirjat > .view-content.view-rows { font-weight: bold; }
.view-esityslistat-ja-poytakirjat table .views-field-title, .view-esityslistat-ja-poytakirjat table th { font-weight: normal; } 

.pr-footer { background-color:#f7f7f7;   }
.pr-subfeatures { background: #e3eaee; padding: 30px 0; position: relative; }

.pr-subfeatures .region, .pr-footer .region { font-size: 90%; color: #000; padding-left: 10px; }
.pr-subfeatures .region a { color: #000!important; }
.pr-subfeatures .region a:focus, .pr-footer .region a:focus, .pr-subfeatures .region a:hover, .pr-footer .region a:hover { color: #bb2e28 !important; }
.pr-subfeatures .region h2, .pr-subfeatures .region h3 { font-size: 1.4em; border-bottom: 2px solid #2a2a2a; padding-bottom: 8px; max-width: 300px; }

/* RESPONSIVE */

/*yrityshaku*/
.view-id-yrityshaku .view-content{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
}

.view-id-yrityshaku .views-row{
	flex: 0 1 25%;
	max-width: calc(25% - 10px);
	min-width: min-content;
	display: flex;
	align-items: center;
}

.view-id-yrityshaku .yritystieto-item{
  	padding: 15px;
}

.view-id-yrityshaku .yritystieto-item a i, 
.view-id-yrityshaku .yritystieto-item a {
	text-decoration: underline !important;
}

.view-id-yrityshaku .views-field-nothing{
	height: 100%;
	width: 100%;
  	display: flex;
  	flex-wrap: wrap;
  	align-items: start;
  	background-color: #e3eaee;
	border: 1px solid #ddd;
}

.view-id-yrityshaku .yritystieto-item h6 a{
	font-weight: bold;
}

.view-id-yrityshaku .form-actions{
	width: 100%;
}

@media screen and (min-width: 1150px) {
	#quicktabs-container-etusivun_valilehdet .quicktabs-tabpage { min-height: 450px; }
	/*PALVELUT MENU */
	#main-menu-link-content67de0591-af24-4d06-ab00-1956fc347122 ul.sf-multicolumn {
		left: -160px;
	}
	#main-menu-link-content67de0591-af24-4d06-ab00-1956fc347122 .sf-multicolumn-wrapper > ol > li {
		width: 33%!important;
	}
	ul.sf-menu ul.sf-multicolumn > li.sf-multicolumn-wrapper { min-width: 400px; }
}	
@media screen and (max-width: 1320px) {
	.pr-navbar .regions { max-width: 100em; margin-left: 0em; }
}
@media screen and (max-width: 1190px) {
	#rid-header-first { width: 120px !important; }
	#rid-header-second { width: 622px!important; position: absolute; right: 0; }
	ul.sf-menu li a.sf-depth-1 { font-size: 1.5em; }	
	ul.sf-menu li a.sf-depth-3 { padding: 0.2rem 1rem; }
	#superfish-main { position: relative; width: 100%; }
	ul.sf-menu.menu li { position: unset; }
	ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul { width: 100%!important; background: #fff; }
	

}	
@media screen and (max-width: 1150px) {
	ul.sf-menu li a.sf-depth-1 { font-size: 1.2em; }
	.view-id-yrityshaku .views-row{
		flex: 0 1 33.33%;
		max-width: calc(33.33% - 10px);
	}
}	
@media screen and (max-width: 980px) {
	ul.sf-menu li a.sf-depth-1 { font-size: 1em; padding: 1.5rem 0.5rem; }
	#rid-header-second { width: 550px !important; min-width: 550px!important; }
	#rid-header-second .block, #rid-header-second form { margin: 0 0 0 5px; font-size: 90%; }
	 .flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
    display: block;
  }
}
@media screen and (max-width: 860px) {
	.page-node-type--laskeutumis-sivu .field-node--body { width: 60%; padding-top: 5px; }
	.view-id-yrityshaku .views-row{
		flex: 0 1 50%;
		max-width: calc(50% - 10px);
	}
}	

@media screen and (max-width: 769px) {
	div.sf-accordion-toggle.sf-style-none a { color: #fff; }
	div.sf-accordion-toggle.sf-style-none > a::after { top: 48%; right: 4px; }
	ul.sf-menu li a.sf-depth-1 { padding: 1.5rem 1rem; max-width: 100%; }
	ul.sf-has-clone-parent > .sf-clone-parent a.sf-depth-1 { display: none; }
	ul.sf-menu li a.sf-depth-3 { padding: 0.5rem 1rem; }
	.page-node-type--laskeutumis-sivu .l-content-bottom { margin-top: -160px; }
	.page-node-type--laskeutumis-sivu .field-name-field-kuvateksti .field__item { margin-left: 10px; width: 180px; height: 180px; }
	.page-node-type--laskeutumis-sivu .field-name-field-kuvateksti .field__item h2 { font-size: 1em; }
	.field-name-field-kuvateksti .field__item a, .field-name-field-kuvateksti .field__item a:hover, .field-name-field-kuvateksti .field__item a:focus { padding-top: 60px; }
	.l-highlighted #block-pikalinkit { width: 300px; font-size: 90%; margin-top: 20px; padding: 15px; }
	.field-node--field-taustakuva { min-height: 20px; }
	#rid-content-bottom1, #rid-content-bottom2 { width: 100%; }
	#rid-content-bottom2 .block { margin: 0; }
	.ds-3col-stacked-fluid.group-two-sidebars > .group-middle { width: 75%; }
	.ds-3col-stacked-fluid > .group-right { width: 100%; }
	.pr-navbar .regions { padding: 0; }
	.page-node-type--laskeutumis-sivu .field-node--body { padding: 5px 15px 5px 15px; font-size: 90%; }
	#main-content .regions ul.menu a { line-height: 1.2em; font-size: 14px; }
	#content-prefix .breadcrumb { font-size: 11px; }
	#main-content .group-right { padding: 10px; }
	.sf-accordion-toggle { text-align: center; }
	.path-frontpage .l-content-bottom { top: 0!important; margin-top: 0!important; }
	#quicktabs-container-etusivun_valilehdet .view-id-tapahtumat .views-row { flex-basis: 47%; }
	.page-node-type--laskeutumis-sivu .l-content-bottom { height: auto; }
	.block-plugin-id--views-block-kansikuva-block-1 .views-field-field-kansikuva img { max-height: 300px; }
}	
@media screen and (max-width: 670px) {
	#rid-header-first { width: 80px!important; z-index: 9; margin-top: 5px; padding: 0; }
	.block-plugin-id--system-branding-block { margin: 0; }
	#rid-header-second { background: #fff; width: 100%!important; min-width: 100%!important; height: 60px;}
	#rid-header-second p { margin: 0; }
	#rid-header-second .field { margin: 0; }
	#block-nakyvakaavakehakupage-1 input#edit-search-api-fulltext, #edit-search-api-fulltext { width: 130px; font-size: 12px; }
	.pr-navbar { margin-top: 10px; }
	div.sf-accordion-toggle.sf-style-none a { padding-top: 10px; padding-bottom: 10px; }
	#block-highcontrast { display: none!important; }
	.page-node-type--laskeutumis-sivu .field-name-field-kuvateksti .field__item { width: 140px; height: 140px; font-size: 90%; }
	.field-name-field-kuvateksti .field__item a, .field-name-field-kuvateksti .field__item a:hover, .field-name-field-kuvateksti .field__item a:focus { padding-top: 35px; }
	#rid-content-suffix { padding: 0; }
	.view-nostot .nosto-title { padding: 5px!important; font-size: 14px; min-height: 42px; }
	.view-nostot .views-row { width: 33%; padding-right: 10px; padding-bottom: 10px; }
	.pr-footer__footer .menu-level-1 { flex-wrap: wrap; }
	#block-nakyvakaavakehakupage-1 input { min-height: 30px!important; }
	.l-r { padding: 0; }
	.ds-3col-stacked-fluid.group-two-sidebars > .group-middle { padding-right: 10px; padding-left: 10px; }
	.ds-3col-stacked-fluid > .group-left { width: 100%; }
	.ds-3col-stacked-fluid.group-one-sidebar > .group-middle { width: 100%; }
	.ds-3col-stacked-fluid.group-two-sidebars > .group-middle { width: 100%; }

	#main-content .regions .breadcrumb__list li { cursor: pointer; }
	#main-content .regions .breadcrumb__list li:hover, #main-content .regions .breadcrumb__list li:focus { color: #bb2e28; }
	#main-content .regions .breadcrumb__list li::after { content: "\f067"; font-family: FontAwesome; font-size: 20px; padding-left: 15px; }	
	#main-content .regions .breadcrumb__list li.revealed::after { content: "\f068"; }
	#main-content .group-left { display: none; }
	#main-content .group-left.revealed { display: block; }
	.is-horizontal .breadcrumb__list-item, .breadcrumb__list-item::before { margin-right: 0.2rem; }
	.path-frontpage .field-node--body .field__item {  }
	.path-frontpage .l-main .regions { /*background-color: #373737 !important;*/ background-image: none !important; }
	.path-frontpage .node { /*background-image: url(/sites/default/files/Kuntakeskusta-mobi.jpg) !important;*/ background-position: center; background-size: cover; margin: 0; padding-bottom: 30px!important; }
	#rid-content-bottom1 .block { margin-right: 0!important; }
	#content-bottom .block__title, #content-bottom #block-pikalinkit h2 { font-size: 1em; }
	.huomioteksti, .path-frontpage.page-node-type--laskeutumis-sivu .field-node--body p { font-size: 1em; line-height: 1.1em; font-weight: normal; padding: 4px 6px }
	.path-frontpage .field-node--body .field__item h1, .path-frontpage .field-node--body .field__item h2 { font-size: 24px; line-height: 1.1em; margin-bottom: 5px; }
	#quicktabs-container-etusivun_valilehdet .views-row { flex-basis: 100%; border: 0; }	
	ul.quicktabs-tabs li { font-size: 12px; display: inline-block!important; }
	
	
}
@media screen and (max-width: 540px) {
	.view-id-yrityshaku .views-row{
		flex: 0 1 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 480px) {
	#block-nakyvakaavakehakupage-1 { width: auto; float: right; }
	.page-node-type--laskeutumis-sivu .l-content-bottom { margin-top: 0px; }
	#rid-header-second .block { padding-top: 5px; }
	#rid-header-second .block, #rid-header-second form { display: block; }
	.field-node--field-taustakuva { min-height: 40px; }
	.l-highlighted #block-pikalinkit { width: 270px; margin-top: 15px; background: transparent; }
	.l-highlighted #block-pikalinkit h2 { font-size: 1.1em; margin-bottom: 10px; }
	.l-highlighted #block-pikalinkit p { margin-bottom: 4px; padding: 2px 5px; background: #fff;}
	.page-node-type--laskeutumis-sivu .field-name-field-kuvateksti { margin-top: -25px;  }
	.page-node-type--laskeutumis-sivu .field-node--body { padding-top: 5px; }
	.path-frontpage .field-node--body .field__item h1, .path-frontpage .field-node--body .field__item h2 { font-size: 22px; line-height: 1em; }
	.nosto-title { font-size: 1em; font-weight: 600; }
	.nosto-kuvaus { font-size: 11px; line-height: 13px; }
	.nosto time, .nosto > .date { width: 100%; font-size: 12px; }
	.view-nostot .views-row { width: 50%; padding-right: 5px; padding-bottom: 5px; }
	#block-tapahtumakalenterilinkit a { display: block; margin: 2px; }
	#quicktabs-container-etusivun_valilehdet .view-id-tapahtumat .views-row { flex-basis: 100%; }
	#block-pikavalikko ul.menu li.menu-item{
  		min-width: 100%;
	}
	#block-pikavalikko ul.menu li.menu-item img{
  		width: 100%;
	}
	#block-pikavalikko ul.menu {
  		margin-left: 10px;
  		margin-right: 10px;
	}
}	
@media screen and (max-width: 400px) {
	.page-node-type--laskeutumis-sivu .field-name-field-kuvateksti { margin-left: -20px; }	
	
}