Järjestelmäviesti:Common.css

/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */

.input-group .errorMessage {
  margin: 0;
  padding: 8px;
  background-color: var(--syke-lightred);
  color: var(--syke-darkgreen);
}

.jwImageSelect_images .card { border: 5px solid #fff; position: relative; }
.jwImageSelect_images .card:hover { cursor: pointer; }
.jwImageSelect_images .card.selected { border: 5px solid var( --syke-red ); }
.jwImageSelect_images .card .focalpoint {
  position: absolute;
  display: none;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
  border: 3px solid var( --syke-red );
  background-color: rgba( 242, 142, 119, 0.25 );
}
.jwImageSelect_images .card.selected .focalpoint { display: block; }


/* @media (min-width: 576px) { */
.jwImageSelect_images.card-columns {
        column-count: 4;
        column-gap: .5rem;
}

div.google-visualization-tooltip { pointer-events: none }

div.mw-htmlform-field-HTMLCheckField:has(#wpCreateaccountMail) { display: none; }

.selected-obstype {
    font-weight: 600;
    display: inline-block;
    padding: 8px 10px 0 10px;
}

.ol-control.ol-layerswitcher .ol-switcherbottomdiv, .ol-control.ol-layerswitcher .ol-switchertopdiv {
border: none !important;
margin: 0 !important;
background-color: var( --jw-color-light ) !important;
height: 38px !important;
}

.ol-layer-vector select {
    display: block;
    margin-top: -5px;
    margin-bottom: 10px;
    margin-left: 24px;
color: var(--jw-color-dark);
font-weight: 600;
border: none;
}

a {
text-decoration: underline;
}

a.no-underline {
  text-decoration: none;
}

a.underline-on-hover:hover {
  text-decoration: underline;
}

.card-title a {
  text-decoration: none;
}

.card-title a:hover {
  text-decoration: underline;
}

ul.nav.nav-tabs { margin: 0; }
ul.nav.nav-tabs li.nav-item { margin-bottom: 0; }

.uls-language-block .three.columns {
width: inherit !important;
}

.jwMapInfoText {
	float: left;
	padding: 6px 6px 4px 6px;
	margin: 2px;
	line-height: 15px;
	font-weight: bold;
white-space: break-spaces;
}

.jwMapInfoTag {
	float: left;
	padding: 6px 6px 4px 6px;
	margin: 2px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.75);
	border: 1px solid #ccc;
	line-height: 15px;
}

.layout-keitele .mw-search-profile-tabs, .layout-keitele #mw-searchoptions {
display: none;
}

.layout-keitele .jwInPageMenu.card, .layout-keitele .jwInPageInfo.card {
    border: none;
	background-color: #fff !important;
    margin-top: 20px;
}

.layout-keitele .jwInPageInfo.card {
margin-top: 0;
}

.layout-keitele .jwInPageMenu .card-header, .layout-keitele .jwInPageInfo .card-header {
    padding: 0;
	background-color: transparent !important;
	text-align: right;
	font-weight: 600;
	border: none;
}

@media (max-width: 768px) {
	.layout-keitele .jwInPageMenu .card-header, .layout-keitele .jwInPageInfo .card-header {
		text-align: left;
	}
}

.layout-keitele .jwInPageMenu .card-link, .layout-keitele .jwInPageMenu .card-link {
    display: inline-block;
	display: inline-block !important;
	padding: 0.5rem 1rem;
}

.layout-keitele .jwInPageMenu .card-link {
	background-color: var(--syke-lightblue);
}

.layout-keitele .jwInPageInfo .card-link {
	font-size: 14px;
}

.layout-keitele .jwInPageMenu a.card-link:focus, .layout-keitele .jwInPageInfo a.card-link:focus {
text-decoration: inherit;
}

.layout-keitele .jwInPageMenu a.card-link:hover, .layout-keitele .jwInPageInfo a.card-link:hover {
text-decoration: underline;
}

.layout-keitele .jwInPageMenu .card-link:before, .layout-keitele .jwInPageInfo .card-link:before {
	position: relative;
	top: 4px;
	margin-right: 10px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' width='18' height='20' aria-hidden='true' focusable='false'><path fill='%23005854' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
}

.layout-keitele .jwInPageMenu .card-link.collapsed:before, .layout-keitele .jwInPageInfo .card-link.collapsed:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='18' height='20' aria-hidden='true' focusable='false'><path fill='%23005854' d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
}

.layout-keitele .jwInPageInfo .card-link.collapsed:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='18' height='20' aria-hidden='true' focusable='false'><path fill='%23005854' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
}

.layout-keitele .jwInPageMenu .card-body {
	background-color: var( --syke-lightblue );
	width: 100%;
    margin-bottom: 2rem;
}

.layout-keitele .jwInPageInfo .card-body {
	width: 100%;
}

.jwTabs {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly; 
  flex-wrap: wrap;
}

.JwTabsContent {
    width: 100%;
    margin-top: -1px;
	padding: 1.5rem;
    border: 1px solid var( --syke-lightgrey);
    position: relative;
    z-index: 5;
}

.JwTabsContent_1 { order: 101; }
.JwTabsContent_2 { order: 102; }
.JwTabsContent_3 { order: 103; }
.JwTabsContent_4 { order: 104; }
.JwTabsContent_5 { order: 105; }

.jwTabsLink a {
    position: relative;
    z-index: 10;
    padding: 0.75rem 1rem;
	background-color: #fff;
	text-align: center;
	font-weight: 600;
	border: 1px solid var( --syke-lightgrey);
    border-bottom: 1px solid #fff;
    text-decoration: none;
}

.jwTabsLink a:hover {
    text-decoration: underline;
}
.jwTabsLink a.collapsed {
    border: 1px solid #fff;
    z-index: 0;
}

.jwTabs.rightAfterContentHeader {
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .jwTabs {
    flex-direction: column; 
  }
  .jwTabsLink a { margin-bottom: 0; text-align: left; background-color: var(--syke-lightgrey-50); border: 1px solid var(--syke-lightgrey-50); }
  .jwTabsLink a.collapsed { border: 1px solid var(--syke-lightgrey-50); }
  .JwTabsContent { border: none; }
  .JwTabsContent_1 { order: 11; }
  .JwTabsContent_2 { order: 21; }
  .JwTabsContent_3 { order: 31; }
  .JwTabsContent_4 { order: 41; }
  .JwTabsContent_5 { order: 51; }
  .jwTabs.rightAfterContentHeader {
     Xmargin: -2rem -1rem 2rem -1rem;
  }
}

@media (max-width: 542px) {
  .jwTabs.rightAfterContentHeader {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: -2rem;
    border-top: 2px solid var(--syke-darkgreen);
  }
}

.jwTabsLink a:before {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: -30%;
    text-align: center;
	margin-right: 10px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' Xwidth='18' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
}

.jwTabsLink a.collapsed:before {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: -30%;
    text-align: center;
	margin-right: 10px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' Xwidth='18' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
}

.jwLinkIcon-map a.collapsed:before {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: -30%;
    text-align: center;
	margin-right: 10px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' Xwidth='18' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M128 252.6C128 148.4 214 64 320 64C426 64 512 148.4 512 252.6C512 371.9 391.8 514.9 341.6 569.4C329.8 582.2 310.1 582.2 298.3 569.4C248.1 514.9 127.9 371.9 127.9 252.6zM320 320C355.3 320 384 291.3 384 256C384 220.7 355.3 192 320 192C284.7 192 256 220.7 256 256C256 291.3 284.7 320 320 320z'/%3E%3C/svg%3E");
}

.jwLinkIcon-tools a.collapsed:before {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: -30%;
    text-align: center;
	margin-right: 10px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M535.6 85.7C513.7 63.8 478.3 63.8 456.4 85.7L432 110.1L529.9 208L554.3 183.6C576.2 161.7 576.2 126.3 554.3 104.4L535.6 85.7zM236.4 305.7C230.3 311.8 225.6 319.3 222.9 327.6L193.3 416.4C190.4 425 192.7 434.5 199.1 441C205.5 447.5 215 449.7 223.7 446.8L312.5 417.2C320.7 414.5 328.2 409.8 334.4 403.7L496 241.9L398.1 144L236.4 305.7zM160 128C107 128 64 171 64 224L64 480C64 533 107 576 160 576L416 576C469 576 512 533 512 480L512 384C512 366.3 497.7 352 480 352C462.3 352 448 366.3 448 384L448 480C448 497.7 433.7 512 416 512L160 512C142.3 512 128 497.7 128 480L128 224C128 206.3 142.3 192 160 192L256 192C273.7 192 288 177.7 288 160C288 142.3 273.7 128 256 128L160 128z'/%3E%3C/svg%3E");
}

.jwLinkIcon-trend a.collapsed:before {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: -30%;
    text-align: center;
	margin-right: 10px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M384 352c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0c17.7 0 32-14.3 32-32l0-160c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 82.7-169.4-169.4c-12.5-12.5-32.8-12.5-45.3 0L192 242.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0L320 205.3 466.7 352 384 352z'/%3E%3C/svg%3E");

}

.ol-overlaycontainer-stopevent { z-index: 10 !important; }

hr { border-top: 1px solid var( --syke-lightgrey ); }
.w50 {
  max-width: 50%;
}

.simpleUpload.oo-ui-selectFileInputWidget {
   width: 130px !important;
}

.hero-empty {
  border-top: 1px solid var(--jw-color-thinline);
}

.layout-keitele .jwHighlight-table { background-color: var(--jw-color-grey); padding: 0.75rem 4.25rem 1.5rem 2rem; }

.layout-keitele .ol-control button {
color: var(--jw-color-text) !important;
}

.layout-keitele .ol-select-cur-obstype button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.81 32.61' width='21' height='21'><g><path fill='%23005854' d='M57.62,15.82c-.57-.65-14.07-15.82-28.72-15.82S.75,15.17.18,15.82c-.25.28-.25.7,0,.98.57.65,14.07,15.82,28.72,15.82s28.15-15.17,28.72-15.82c.25-.28.25-.7,0-.98h0ZM14.82,16.31c0-7.78,6.3-14.08,14.08-14.08s14.08,6.3,14.08,14.08-6.3,14.08-14.08,14.08c-7.77,0-14.07-6.31-14.08-14.08h0ZM1.75,16.31c1.93-2.05,9.77-9.94,19.09-13.3.04-.01.04,0,0,.01-7.34,4.43-9.7,13.97-5.27,21.31,1.3,2.16,3.11,3.97,5.27,5.27.03.02.03.03,0,.01C11.51,26.25,3.67,18.35,1.75,16.31h0ZM36.97,29.61s-.04,0,0-.01c7.34-4.43,9.7-13.97,5.27-21.31-1.3-2.16-3.11-3.97-5.27-5.27-.03-.02-.03-.03,0-.01,9.32,3.36,17.16,11.25,19.09,13.3-1.92,2.05-9.77,9.94-19.09,13.3h0Z'/><path fill='%23005854' d='M28.9,9.64c-3.68,0-6.67,2.99-6.67,6.67s2.99,6.67,6.67,6.67,6.67-2.99,6.67-6.67c0-3.68-2.99-6.67-6.67-6.67h0ZM28.9,21.49c-2.87,0-5.19-2.32-5.19-5.19s2.32-5.19,5.19-5.19,5.19,2.32,5.19,5.19c0,2.86-2.32,5.18-5.19,5.19h0Z'/></g></svg>") !important;
}

.layout-keitele .ol-full-screen button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='21' height='21'><path fill='%23005854' d='M32 32C14.3 32 0 46.3 0 64l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96z'/></svg>") !important;
text-indent: -1000em !important;
}

.layout-keitele .ol-geobt {
    right: 10px !important;
    bottom: 90px !important;
}

.layout-keitele .ol-zoom button.ol-zoom-in {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' focusable='false' aria-hidden='true'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 0C12.4142 0 12.75 0.335786 12.75 0.75V11.25H23.25C23.6642 11.25 24 11.5858 24 12C24 12.4142 23.6642 12.75 23.25 12.75H12.75V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V12.75H0.75C0.335786 12.75 0 12.4142 0 12C0 11.5858 0.335786 11.25 0.75 11.25H11.25V0.75C11.25 0.335786 11.5858 0 12 0Z' fill='%23005854'></path></svg>") !important;
}

.layout-keitele .ol-zoom button.ol-zoom-out {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' focusable='false' aria-hidden='true'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 12.0381C0 11.6239 0.335786 11.2881 0.75 11.2881H23.25C23.6642 11.2881 24 11.6239 24 12.0381C24 12.4523 23.6642 12.7881 23.25 12.7881H0.75C0.335786 12.7881 0 12.4523 0 12.0381Z' fill='%23005854'></path></svg>") !important;
}

.layout-keitele .mw-body-content p a {
  text-decoration: underline;
}

.card-header {
  background-color: var(--jw-color-grey) !important;
}

.layout-keitele .card-header button, .layout-keitele .card-header a {
  color: var(--jw-color-text);
}

.keitele-hero-container .ol-viewport {
border-top: 1px solid var(--jw-color-grey);
Xborder-bottom: 1px solid var(--jw-color-grey);
}

.layout-keitele .ol-control.ol-layerswitcher, .ol-control.ol-layerswitcher-popup {
  height: auto !important;
  right: inherit !important;
  left: 10px !important;
  top: 10px !important;
}

.layout-keitele .ol-layerswitcher button {
  float: left !important;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' focusable='false' aria-hidden='true'><path fill-rule='evenodd' clip-rule='evenodd' d='M10.94 1.00563C11.2652 0.837655 11.626 0.75 11.9921 0.75C12.3582 0.75 12.7189 0.837655 13.0442 1.00563L23.2547 6.28686C23.477 6.402 23.6637 6.57622 23.7939 6.79014C23.924 7.00406 23.9928 7.24963 23.9928 7.50002C23.9928 7.75041 23.924 7.99598 23.7939 8.2099C23.6637 8.42382 23.4773 8.59786 23.255 8.71301L13.0457 13.9942C12.7204 14.1621 12.3592 14.25 11.9931 14.25C11.627 14.25 11.2662 14.1624 10.941 13.9944L0.733287 8.71409L0.732168 8.71352C0.509473 8.59882 0.322626 8.42504 0.192102 8.21122C0.061359 7.99703 -0.0078125 7.75096 -0.0078125 7.50002C-0.0078125 7.24909 0.061359 7.00301 0.192102 6.78882C0.322627 6.575 0.509476 6.40122 0.732174 6.28652L0.733287 6.28595L10.94 1.00563ZM11.6282 2.33841L1.65101 7.50001L11.6292 12.6616C11.7416 12.7196 11.8666 12.75 11.9931 12.75C12.1196 12.75 12.2443 12.7198 12.3567 12.6618L22.3351 7.50003L12.356 2.33841C12.2436 2.28046 12.1185 2.25 11.9921 2.25C11.8656 2.25 11.7406 2.28045 11.6282 2.33841Z' fill='%23005854'></path><path fill-rule='evenodd' clip-rule='evenodd' d='M23.934 12.4249C24.1135 12.7982 23.9565 13.2463 23.5832 13.4259L13.0348 18.4997C12.7123 18.6642 12.3553 18.75 11.9931 18.75C11.6307 18.75 11.2736 18.6642 10.9509 18.4995L0.432236 13.4255C0.0591599 13.2456 -0.0973885 12.7972 0.0825754 12.4242C0.262539 12.0511 0.710867 11.8945 1.08394 12.0745L11.6109 17.1525L11.6292 17.1616C11.7417 17.2197 11.8665 17.25 11.9931 17.25C12.1197 17.25 12.2445 17.2197 12.357 17.1616C12.3633 17.1584 12.3696 17.1552 12.376 17.1521L22.933 12.0741C23.3063 11.8946 23.7544 12.0516 23.934 12.4249ZM23.934 16.9249C24.1135 17.2982 23.9565 17.7463 23.5832 17.9259L13.0348 22.9998C12.7123 23.1642 12.3553 23.25 11.9931 23.25C11.6307 23.25 11.2736 23.1642 10.951 22.9995L0.432236 17.9255C0.0591599 17.7456 -0.0973885 17.2972 0.0825754 16.9242C0.262539 16.5511 0.710867 16.3945 1.08394 16.5745L11.6109 21.6525L11.6292 21.6616C11.7417 21.7197 11.8665 21.75 11.9931 21.75C12.1197 21.75 12.2445 21.7197 12.357 21.6616C12.3619 21.6591 12.3669 21.6566 12.3719 21.6541L12.376 21.6521L22.933 16.5741C23.3063 16.3946 23.7544 16.5516 23.934 16.9249Z' fill='%23005854'></path></svg>") !important;
}

.layout-keitele .ol-full-screen {
  top: inherit !important;
  left: inherit !important;
  right: 10px !important;
  bottom: 133px !important;
  Xtop: 10px !important;
  Xleft: 10px !important;
  Xright: inherit !important;
  Xbottom: inherit !important;
}

.layout-keitele .ol-zoom {
  top: inherit !important;
  left: inherit !important;
  right: 10px !important;
  bottom: 10px !important;
}

.layout-keitele .ol-attribution { 
  top: inherit !important;
  left: inherit !important;
  bottom: 10px !important;
  right: 60px !important; 
  background: none !important;
}

.layout-keitele .ol-attribution button { 
  border: none !important;
  background: none !important;
}

.layout-keitele #mw-indicators { display: none; }
.layout-keitele .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: var( --jw-color-dark );
border: 2px solid var(--jw-color-dark);
    margin-left: 1rem;
}

.layout-keitele a {
  text-underline-offset: 0.25em;
}

.layout-keitele .keitele-highlight h2 {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.layout-keitele .keitele-highlight-header {
  margin-left: 0;
  margin-top: 0;
  background-color: var(--jw-color-light);
  border: 1px solid var(--jw-color-light);
  padding: 1.5rem;
}

.layout-keitele .keitele-highlight-header h3 {
  margin: 0; padding: 0;
}

.layout-keitele .keitele-highlight-content {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  background-color: var(--white);
  border: 1px solid var(--jw-color-light);
}

@media (min-width: 768px) {
  .layout-keitele .keitele-highlight-header {
    margin-left: -4rem;
    margin-top: 2rem;
  }
  .layout-keitele .keitele-highlight-content {
    padding: 1.5rem 0.5rem;
    background-color: var(--white);
    border: none;
  }
}

@import url("https://use.typekit.net/eku5iac.css");

:root {
  --syke-darkgreen: #005854;

  --syke-green: #84c497;
  --syke-red: #f28e77;
  --syke-blue: #64c1cb;
  --syke-lightgrey: #e4e3de;
   
  --syke-lightgreen: rgb(204, 228, 208); X: #c7e3d2;
  --syke-lightred: #fcd9c9;
  --syke-lightblue: #cfe9ea;

  --syke-yellow: #f3a44c;
  --syke-lightyellow: #fed992;
  --syke-ochre: #bb5b0f;
  
  --syke-darkred: #b34733;
  --syke-darkblue: #006085;
  --syke-darkgrey: #575756;
    
  --white: #ffffff;  

  --syke-darkgreen-30: rgba( 0, 88, 84, 0.3 );  
  --syke-darkgreen-10: rgba( 0, 88, 84, 0.1 );

  --syke-blue-30: rgba( 100, 193, 203, 0.3 );  
  --syke-blue-50: rgba( 100, 193, 203, 0.5 );
  
  --syke-lightgreen-50: rgba(227, 240, 229, 1); X: rgba( 199, 227, 210, 0.5 );
  --syke-lightred-50: rgba( 252, 217, 201, 0.5 );
  --syke-lightgrey-50: rgba( 228, 227, 222, 0.5 );

  --map-bg-grey: #e2e2e2;

  --katuma-color-blue: #23408f;
}

:root { /* Green */
  --jw-color-text: var(--syke-darkgreen);
  --jw-color-hero: var(--white);
  --jw-color-content-header: var(--jw-color-light);
  --jw-color-footer: var(--syke-darkgreen);
  --jw-color-thinline: var(--syke-lightgreen);
  --jw-color-light: var(--syke-lightgreen);
  --jw-color-dark: var(--syke-darkgreen);
  --jw-color-grey: var(--syke-lightgrey);

  --jw-font-body: Poppins, Arial, sans-serif;
}

X:root { /* Blue */
  --jw-color-text: var(--syke-darkgreen);
  --jw-color-hero: var(--syke-darkblue);
  --jw-color-content-header: var(--jw-color-light);
  --jw-color-footer: var(--syke-darkblue);
  --jw-color-thinline: var(--syke-lightblue);
  --jw-color-light: var(--syke-lightblue);
  --jw-color-dark: var(--syke-darkblue);
  --jw-color-grey: var(--syke-lightgrey);

  --jw-font-body: Poppins, Arial, sans-serif;
}

X:root { /* Red */
  --jw-color-text: var(--syke-darkgreen);
  --jw-color-hero: var(--white);
  --jw-color-content-header: var(--jw-color-light);
  --jw-color-footer: var(--syke-darkred);
  --jw-color-thinline: var(--syke-lightred);
  --jw-color-light: var(--syke-lightred);
  --jw-color-dark: var(--syke-darkred);
  --jw-color-grey: var(--syke-lightgrey);

  --jw-font-body: Poppins, Arial, sans-serif;
}


html, body.layout-keitele {
  font-family: var(--jw-font-body) !important;
color: var(--jw-color-text) !important;
    max-width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 600 !important;
}

.layout-keitele .keitele-content-title-excerpt {
    background-color: var(--jw-color-content-header);
	padding: 2.25rem 3.5rem;
}

.page-Katumajärvi_35_236_1_001_Katumajärvi-info .keitele-content-title-excerpt {
    Xbackground-color: var(--katuma-color-blue);
	Xcolor: #fff;
}


.layout-keitele .keitele-pagetools-container .p-navbar {
	padding: 0.85rem;
}

.layout-keitele ul.no-list-markers { list-style: none; padding-left: 0 !important; margin: 0 !important; }

.layout-keitele .p-navbar .navbar-nav .navbar-tools {
	margin: 0 !important;
	padding: 6px 12px !important;
}

.layout-keitele .navbar-tool.dropdown.show {
	background-color: #fff;
}

.layout-keitele .keitele-pagetools-container .navbar-tools > .navbar-tool > a {
    	width: 36px;
    	height: 36px;
    	text-align: center;
}

.layout-keitele .keitele-pagetools-container .navbar-tools > .navbar-tool > a:hover {
    	background-color: rgba( 255, 255, 255, 0.5 );
}

.layout-keitele .keitele-pagetools-container .navbar-tools > .navbar-tool > a::before {
    	padding: 0;
    	margin: auto;
}

.layout-keitele .keitele-pagetools-container .navbar-tools > .navbar-tool > a:focus-visible {
  	background-color: #fff !important;
}

.layout-keitele .jump-to-nav {
	overflow: visible !important;
	clip: unset !important;
	width: unset !important;
	height: unset !important;
    	margin: 0 !important;
    	padding: 0;
    	position: absolute;    
}

.layout-keitele .jump-to-nav a {
    	display: inline-block !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	width: 1px !important;
	height: 1px !important;
    	margin: -1px !important;
outline: 0;
}

.layout-keitele .jump-to-nav a:focus-visible {
	overflow: visible !important;
	clip: unset !important;
	width: unset !important;
	height: unset !important;
    	margin: 0 !important;
	background-color: var( --jw-color-light ) !important;
	color: var( --syke-darkgreen ) !important;
	padding: 0.5rem 1rem !important;
	z-index: 100;
}

.layout-keitele #jump-to-content {
    margin-top: 32px !important;
outline: 0;
}

.layout-keitele .crossontop, .layout-keitele .fadeaway {
    display: inline-block;
    position: relative;
}

.layout-keitele .crossontop:before, .crossontop:after {
    position: absolute;
    z-index: 10;
    content: '';
    background: var(--jw-color-light);
    display: block;
    width: 100%;
    height: 24px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.layout-keitele .crossontop:after {
    -webkit-transform: rotate(45deg);  
    transform: rotate(45deg);
}

.layout-keitele .fadeaway img {
  filter: grayscale( 75% );
}

.layout-keitele .card-link[data-toggle="collapse"] {
	display: block;
}

.layout-keitele .card-link[data-toggle="collapse"] .icon {
    height: 1.5rem;
    width: 1.5rem;
    min-width: 1.5rem;
    flex-shrink: 0;
    position: absolute;
    right: 1rem;
}

.layout-keitele .card-link:not(.collapsed) .icon {
    transform: rotate(45deg);
}

.layout-keitele .card-link.collapsed .icon {
    transform: rotate(0deg);
}

.layout-keitele .jw-card-columns img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.layout-keitele .jw-card-columns img.no-aspect-ratio {
  aspect-ratio: unset;
}

.layout-keitele .jw-card-columns .card-body {
    background-color: var(--jw-color-light);
}

.layout-keitele .jw-card-columns .card-body p {
    margin-bottom: 0.5rem;
}

.layout-keitele .keitele-round {
    border-radius: 50%; 
    padding: 15%; 
    aspect-ratio: 1/1; 
}

.layout-keitele .keitele-round.syke-lightred {
    background-color: var(--jw-color-light); 
    color: var(--syke-darkgreen);
}

.layout-keitele .keitele-round.syke-lightblue {
    background-color: var(--syke-lightblue); 
    color: var(--syke-darkgreen);
}
.layout-keitele .keitele-round.syke-lightgreen {
    background-color: var(--syke-lightgreen); 
    color: var(--syke-darkgreen);
}

.layout-keitele .mainpagemap.map-drop-container canvas {
    aspect-ratio: 4 / 6;
    clip-path: url( #WaterDrop-clip );
  	overflow: hidden;
}

.layout-keitele .mainpagemap.map-round-container canvas {
  border-radius: 50%; 
border: 3px dashed var(--syke-darkblue);
aspect-ratio: 1 / 1;
}

.layout-keitele .mainpagemap.map-square-container {
  border-radius: 12px; 
  overflow: hidden; 
  border: 10px solid var(--syke-darkblue);
aspect-ratio: 1 / 1;
}

.layout-keitele .mainpagemap.map-square-container canvas {
  border-radius: 12px; 
}

.layout-keitele .keitele-sitenotice-container {
background-color: var( --jw-color-light ); 
}

.layout-keitele .keitele-sitenotice-container p { margin: 1rem; font-weight: 600; }

.layout-keitele .dropdown-menu { 
  padding: 1.5rem !important; 
}
.layout-keitele .dropdown-menu a {
  padding: 0.5rem 0.5rem !important;
  font-size: 16px;
  border-bottom: 1px solid var( --jw-color-thinline) !important; 
}

.layout-keitele .dropdown-menu a:before {
  position: relative;
  top: 5px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' aria-hidden='true' focusable='false' width='22'><path fill='%23005854' d='M335 408.1c-4.7-3.8-7-9.9-7-16.1s2.344-12.28 7.031-16.97L430.1 280H24c-13.25 0-24-10.8-24-24.9C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136c-9.41 9.33-24.61 9.33-34.01-.87z'/%3E%3C/svg%3E") !important;
}


.layout-keitele .navbar-collapse .navbar-nav {
  margin: auto;
  align-items: center;
}

.layout-keitele .navbar-collapse.show .navbar-nav, .layout-keitele .navbar-collapse.collapsing .navbar-nav {
  margin-left: 0;
  align-items: start;
}

.keitele-content-title-excerpt .mw-parser-output {
font-weight: 600;
font-size: 18px;
}

.layout-keitele .main {
  flex: 1;
}

.layout-keitele .footer {
 padding: 1rem 0;
}

.layout-keitele .footer-icons {
margin-top: 1rem;
}

.layout-keitele .footer-info div {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}

.layout-keitele .footer-logos {
margin: 1rem 0;
padding: 1rem 0;
border-top: 4px solid #fff;
}

.layout-keitele ul#footer-places { display: block !important; }

.layout-keitele ul#footer-places li { list-style: none; } 
.layout-keitele ul#footer-places li a::before, .layout-keitele .ctalinks a::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' aria-hidden='true' focusable='false' width='20'%3E%3Cpath fill='white' d='M335 408.1c-4.7-3.8-7-9.9-7-16.1s2.344-12.28 7.031-16.97L430.1 280H24c-13.25 0-24-10.8-24-24.9C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136c-9.41 9.33-24.61 9.33-34.01-.87z'/%3E%3C/svg%3E");
	margin-left: 0rem;
	margin-right: 1rem;
	position: relative;
	top: 5px;
	transition: margin 500ms;
}

.layout-keitele .ctalinks a { font-weight: 600; padding: 5px; text-decoration: none !important; }
.layout-keitele .ctalinks.syke-darkgreen a::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' aria-hidden='true' focusable='false' width='20'%3E%3Cpath fill='%23005854' d='M335 408.1c-4.7-3.8-7-9.9-7-16.1s2.344-12.28 7.031-16.97L430.1 280H24c-13.25 0-24-10.8-24-24.9C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136c-9.41 9.33-24.61 9.33-34.01-.87z'/%3E%3C/svg%3E");
}

.layout-keitele .ctalinks a:hover {
text-decoration: underline !important;
}

.layout-keitele ul#footer-places li a:hover::before, .layout-keitele .ctalinks a:hover::before {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
} 

.ctalinks.keitele-button {
    display: inline-block;
    background-color: var(--jw-color-dark);
    padding: 1rem 2rem;
    border-radius: 8px;
}

.ctalinks.keitele-button.slim {
    padding: 0.5rem 1rem;
}

.layout-keitele .ctalinks.keitele-button a {
   color: #fff !important;
}

.keitele-button-prelabel {
    padding: 1rem;
    font-weight: 600;
    margin-top: 3px;
    text-align: right;
}

.layout-keitele .hero-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-container.hero-img {
	height: 44vw;
    min-height: 300px;
}

@media (min-width: 768px) {
  .hero-container.hero-img {
    height: calc(100vh - 150px);
  }
  .layout-keitele .hero-container.hero-img-low {
    height: calc(75vh - 150px);
  }
}

.layout-keitele .hero-container.hero-map {
    height: 500px;
}

.layout-keitele .hero-container.hero-empty {
    height: 132px;
}

@media only screen and (max-width: 768px) {
  .layout-keitele .hero-container.hero-empty {
      height: 0px;
  }
}

.layout-keitele .hero-container img.heroImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.layout-keitele .search-btn:before {
content:  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' aria-hidden='true' focusable='false' width='28' height='28' class='header__search-button-icon'><path fill='%23015351' d='M504.1 471l-134-134c29-35.5 45-80.2 45-129 0-114.9-93.13-208-208-208S0 93.13 0 208s93.12 208 207.1 208c48.79 0 93.55-16.91 129-45.04l134 134c5.6 4.74 11.8 7.04 17.9 7.04s12.28-2.344 16.97-7.031c9.33-9.369 9.33-24.569-.87-33.969zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160-71.78 160-160 160S48 296.2 48 208z'></path></svg>");

	Xcontent: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49.77 50.91' width='28' height='28'><g><path fill='%23015351' d='M39.81,34.26c-1.39-1.43-3.67-1.36-5.38,0l-2.66-2.72c6.9-7.64,6.46-19.5-1.01-26.56C23.29-2.08,11.77-1.56,4.87,6.08c-6.9,7.64-6.39,19.5,1.01,26.56,7.09,6.74,18.04,6.67,25.06-.13l2.66,2.72c-.57.71-.89,1.62-1.01,2.53-.13,1.1.25,2.2,1.01,2.98l8.92,9.13c.7.65,1.58,1.04,2.53,1.04,1.27,0,2.41-.52,3.29-1.43.82-.78,1.33-1.88,1.39-3.04.13-1.1-.25-2.2-1.01-2.98l-8.92-9.2h0ZM6.33,31.15C-.32,24.35-.32,13.27,6.33,6.41,12.97-.46,23.8-.4,30.51,6.41c6.71,6.8,6.65,17.88,0,24.75-3.23,3.3-7.53,5.12-12.09,5.12s-8.86-1.81-12.09-5.12h0ZM47.41,48.45c-1.2,1.23-3.04,1.43-4.05.39l-8.86-9.07c-.51-.52-.7-1.23-.63-1.94.06-.84.44-1.62,1.08-2.2.63-.65,1.52-1.04,2.41-1.1.63,0,1.2.19,1.65.65l8.86,9.13c.51.52.7,1.23.63,1.94-.13.84-.44,1.62-1.08,2.2h0Z'/></g></svg>");
	vertical-align: middle;
}

.layout-keitele #jw-search-button {
	border: 0;
    background: none;
}

.layout-keitele a.navbar-userloggedin, .layout-keitele a.navbar-usernotloggedin {
margin-top: -3px;
}

.layout-keitele a.navbar-userloggedin:before, .layout-keitele a.navbar-usernotloggedin:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 509.58' width='28' height='28'><g><path fill='%23015351' d='M512,507.54c-12.71.7-24.74,1.36-37.28,2.04-5.51-66.05-32.99-120.02-84.92-160.54-41.41-32.31-88.93-47.38-141.35-45.55-112.37,3.92-203.88,93.05-210.7,206.04-12.01-.63-24.03-1.27-37.75-2,11.67-111.64,69.39-187.21,172.6-228.81-82.89-56.44-88.03-167.8-25.9-231.68,61.93-63.68,162.18-62.47,221.52,2.19,60.07,65.46,53.11,173.43-28.94,229.89,49.3,17.75,89.88,46.56,121.15,87.83,31.37,41.4,48.31,88.12,51.57,140.59ZM370.32,150.24c-.08-61.63-52.03-112.57-114.7-112.48-62.04.09-113.37,51.7-113.34,113.97.03,62.63,51.47,113.95,114.11,113.83,63.55-.12,114.02-51.2,113.93-115.31Z'/></g></svg>");
    Xmargin: auto;
    display: block;
    width: 28px;
    height: 28px;
    margin-bottom: 1px;
}

.layout-keitele .nav-item.dropdown.show {
	background-color: #fff;
}

.layout-keitele .header a { text-decoration: none !important; }
.layout-keitele .header a:hover { text-decoration: underline !important; }

.layout-keitele .dropdown-menu {
    border: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.layout-keitele .h100 { height: 100%; }
.layout-keitele .keitele-pt-container { border-left: 1px solid var(--jw-color-thinline); }

.layout-keitele body {
	padding:0; 
	margin:0; 
	width:100%;
	font-family: var(--jw-font-body);
	color: var(--syke-darkgreen);
	overflow-x: hidden;
}

.layout-keitele .keitele-brand-container {
	border-bottom: 1px solid var(--jw-color-thinline);
}

.layout-keitele .keitele-hero-container {
	background-color: var(--jw-color-hero);
}

.layout-keitele .keitele-content-header {
    position: relative;
    padding: 2rem 3rem;
    margin-top: -82px;
    max-width: 768px;
}

.layout-keitele .keitele-content-header.herotype_image {
    margin-top: calc(-80px - 5vw);
}

.layout-keitele .keitele-content-header.herotype_image.hero-img-low {
    margin-top: calc(-40px - 2.5vw);
}


@media only screen and (max-width: 768px) {
	.layout-keitele .keitele-content-header {
	    margin-top: 0px;
	}
    .layout-keitele .keitele-content-header.herotype_image {
        margin-top: 0px;
    }
    .layout-keitele .keitele-content-header.herotype_image.hero-img-low {
       margin-top: 0px;
    }
}



.layout-keitele .keitele-pt-container .p-navbar {
	background: none;
}

.layout-keitele .keitele-search-container #searchInput {
	border: none;
	background: none;
	box-shadow: none;
	height: 52px;
	padding-top: 10px;
	outline: 1px solid #fff;
}

.layout-keitele .keitele-search-container #searchInput:focus-visible {
	outline: 1px solid var( --jw-color-thinline ) !important;
}

.layout-keitele .keitele-search-container #searchGoButton {
	border: none;
	border-radius: 0;
	background: none;
	box-shadow: none;
    outline: 1px solid var( --white );
}

.layout-keitele .keitele-search-container #searchGoButton:focus-visible {
	background-color: var( --jw-color-light ) !important;
	outline: 1px solid var( --jw-color-thinline );
}

.layout-keitele a.navbar-userloggedin, .layout-keitele a.navbar-usernotloggedin {
	box-shadow: none;
    outline: 1px solid var( --white );
    padding: 12px !important;
}

.layout-keitele a.navbar-userloggedin:focus-visible {
  	background-color: var( --jw-color-light ) !important;
	outline: 1px solid var( --white );
}

.layout-keitele a.dropdown-toggle:focus-visible {
}

.layout-keitele .keitele-footer-container {
	background-color: var(--jw-color-footer);
	color: #fff !important;
}

.layout-keitele #content { padding-top: 2rem; padding-bottom: 4rem; }

X.layout-keitele .keitele-menu-container { background-color: #e4e3de; }
.layout-keitele .p-navbar { background: none; }

.layout-keitele .nav-item.dropdown .dropdown-toggle::after {
	background-color: #fff;
	width: 30px;
	height: 30px;
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%23015351' d='M201 337c-9.4 9.4-24.6 9.4-33.9 0L7 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L327 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L201 337z'></path></svg>");
	border-radius: 50%;
	border: 1px solid;
	text-align: center;
	vertical-align: middle;
	padding: 5px 7px 9px 7px;
	margin-left: 15px;
	transition: transform 50ms;
}

.layout-keitele .nav-item.dropdown a.dropdown-toggle:hover {
	text-decoration: underline;
}

.layout-keitele .nav-item.dropdown a.dropdown-toggle:focus-visible {
	background-color: var(--jw-color-light);
}


.layout-keitele .nav-item.dropdown a.dropdown-toggle:hover::after {
	background-color: var(--syke-darkgreen);
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%23ffffff' d='M201 337c-9.4 9.4-24.6 9.4-33.9 0L7 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L327 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L201 337z'></path></svg>");
}

.layout-keitele .nav-item.dropdown.show .dropdown-toggle::after {
	background-color: var(--syke-darkgreen);
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%23ffffff' d='M201 337c-9.4 9.4-24.6 9.4-33.9 0L7 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L327 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L201 337z'></path></svg>");
	transform: rotate(180deg);
}

.layout-keitele p, .layout-keitele a, .layout-keitele a:visited, .layout-keitele h1, .layout-keitele h2, .layout-keitele h3, .layout-keitele h4, .layout-keitele h5, .layout-keitele h6 {
	color: var(--syke-darkgreen) !important;
}

.layout-keitele h1, .layout-keitele h2, .layout-keitele h3, .layout-keitele h4, .layout-keitele h5, .layout-keitele h6 {
	border: none !important;
}


.layout-keitele h1 {
	font-size: 32px;
	font-weight: 600;
}

.layout-keitele .footer a { color: #fff !important; }


.ch2-btn {
    border-radius: 8px !important;
    box-shadow: none !important;
}

.ch2-deny-all-btn {
    background-color: #f8f9fa !important;
    color: #0076b0 !important;
    border: 1px solid #0076b0 !important;
}

.jwcolor3 { background-color: #e0f3fb; }

#p-logo { padding: 26px 0 22px 0; }
#p-logo a { display: inline-block; max-width: 250px; padding: 5px 3px 0px 3px; }
#p-logo a:focus-visible { background-color: var( --jw-color-light ) !important; outline: none; }

.fontawesome { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 144%; }

.page-Katumajärvi_35_236_1_001_Katumajärvi-info .mw-redirectedfrom { display: none; }
.katumajarvibaro a, .katumajarvibaro a.external, .katumajarvibaro a.external:visited { 
text-decoration: underline; 
color: #283583;
}

.page-Katumajärvi_35_236_1_001_Katumajärvi-info .jwCollapseToggle {
background-color: var( --katuma-color-blue ) !important;
}

.page-Katumajärvi_35_236_1_001_Katumajärvi-info .mw-collapsible-content {
Xborder: none !important;
}

.jwChartWidget button {
    background: none;
    border: none;
    box-shadow: none;
}

.katumajarvibaro .jwChartWidget button {
    background: none;
    color: #283583;
    border: none;
    box-shadow: none;
}

.katumajarvibaro p { padding: 0; margin: 10px 20px 20px 20px; }
.katumajarvibaro p.ingressi { font-size: 16px; font-weight: 500; margin: 20px; color: #333; }
.katumajarvibaro p.card-text { margin: 10px 0; }

.JwCollapseCenter .mw-customtoggle { display: flex; justify-content: center; }
.JwCollapseCenter .mw-collapsible-content { margin-top: 1em; margin-bottom: 2em; }
.JwCollapseCenter .jwCollapseToggle { 
padding: 8px 20px; 
border-radius: 6px;
background-color: #283583;
color: #fff !important;
font-size: 20px;
}

.JwCollapseCenter .mw-collapsible-content {
    background-color: rgba(40, 53, 131, 0.1 );
    padding: 28px 18px 18px 18px;
    margin: -31px -16px 10px;
}

@media only screen and (max-width: 992px) {
  X.slogan-and-search-container { padding: 3px; }
  X.p-search-container { padding: 20px; }
  .jwMenu { background-color: transparent; box-shadow: none; }
  .jwMenu .nav-item { z-index: 10; }
}

@media only screen and (max-width: 768px) {
  .slogan-and-search-container { padding: 3px; }
  .p-search-container { padding: 20px; }
  .jwMenu { margin: 0; background-color: transparent; box-shadow: none; }
  .jwMenu .nav-item { margin: 6px auto; width: 250px; }
  .JwCollapseCenter .mw-collapsible-content {    
    background-color: transparent;
    padding: 28px 0px 18px 0px;
  }
}

.p-search {
        width: 100%;
        max-width: 360px;
}

.p-navbar .navbar-toggler { margin-left: 0 !important; }

button.navbar-toggler { color: #0076b0; min-width: 40px; min-height: 40px; }
button.navbar-toggler::before { content: "\f00d"; }
button.navbar-toggler.collapsed::before { content: "\f0c9"; }

.JwCollapseCenter.mw-collapsed .jwCollapseToggle { 
background-color: #283583;
color: #fff;
}

.jwCollapse .mw-collapsible-toggle { 
display: block;
background-color: transparent !important; 
box-shadow: none !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}

.jwCollapseClose::after {
   font-family: "Font Awesome 5 Free";
font-size: 36px;
color: #283583;
   display: inline-block;
   vertical-align: middle;
   Xfont-weight: 900;
   content: "\f057";
}

.jwCollapse .mw-collapsible-toggle .mw-collapsible-text::after,
.jwCollapseToggle::after {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
float: right;
   vertical-align: middle;
   font-weight: 900;
}

.jwCollapse .mw-collapsible-toggle-expanded .mw-collapsible-text::after, 
.jwCollapseToggle::after {
   content: "\f13a";
}

.jwCollapse .mw-collapsible-toggle-collapsed .mw-collapsible-text::after, 
.mw-collapsed .jwCollapseToggle::after {
   content: "\f138";
}

.JwCollapseCenter .jwCollapseToggle::after { margin-left: 10px; }

.jwAccordion .ui-accordion-content { background-color: transparent !important; border: 0px !important; }
.jwAccordion h2 { background-color: transparent !important; color: #000 !important; padding-top: 2em !important; border: 0px !important; }
.ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: none !important; }

.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { margin-left: 1.2em !important; }
ol.references li:target, sup.reference:target { background-color: transparent !important; }

.jwloading {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.jwtable-obscatdescriptions th, .jwtable-obscatdescriptions td { padding: 0.25rem 1rem 0.25rem 0; vertical-align: top; border: none; }
.jwtable-obscatdescriptions th { white-space: nowrap; padding-right: 1rem; }

td.smwtype_qty, td.smwtype_num { text-align: right; }
table.smwtable-clean tr, table.smwtable-clean th, table.smwtable-clean td { border-top: 0; Xborder-bottom: 0; }
table.smwtable-clean { margin-bottom: 0 !important; }

table.ranking th:last-child, table.ranking td:last-child { text-align: right; }
table.ranking { counter-reset: rowNumber; }
table.ranking tr td:first-child::before {
    counter-increment: rowNumber;
    content: counter( rowNumber )".";
    display: inline-block;
    min-width: 1.25em;
    margin-right: 0.5em;
    text-align: right;
}
table.ranking tr.smwfooter td:first-child::before { content: ""; }

.fieldset {
  border-top: 3px solid #ccc;
  margin-top: 1.25rem;
  background-color: rgba( 0, 0, 0, 0.05);
  padding: 1.25rem;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.fieldset h4 { margin-top: 0; padding-top: 0; }

.legend { font-weight: bold; font-size: 110%; }

.tooltip-inner { text-align: left; }

.katuma-card { max-width: 550px; }
.embed-responsive .card-img-top { object-fit: cover; }
.katuma-cards-news .katuma-card { max-width: 512px; }

.JwCollapseCenter .mw-collapsible-content .card-columns {
        column-count: 3;
        column-gap: 0.75rem;
}

.JwCollapseCenter .mw-collapsible-content .card-columns.card-count-2, .JwCollapseCenter .mw-collapsible-content .card-columns.col-count-4 { column-count: 2; }

@media only screen and (max-width: 1200px) {
    .JwCollapseCenter .mw-collapsible-content .card-columns {
        column-count: 2 !important;
    }
}

@media only screen and (max-width: 768px) {
    .JwCollapseCenter .mw-collapsible-content .card-columns {
        column-count: 1 !important;
        text-align: center;
    }
    .JwCollapseCenter .mw-collapsible-content .card-columns .card {
        text-align: left;
    }
}

.JwCollapseCenter .mw-collapsible-content .card-columns.card-count-1 { 
  column-count: 1 !important; 
  display: flex !important; 
}

.card { border-radius: 0 !important; }
.card.no-border { border: none !important; }

.card ul { margin: 0; padding-left: 1rem; }
.card p { line-height: normal !important; }
.JwCollapseCenter .mw-collapsible-content .card p { padding: 0 24px; } 
.JwCollapseCenter .mw-collapsible-content .card p.jw-text, .ol-popup p, .ol-popup ul { padding: 0 !important; } 

.card p.jw-location::before { 
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900; 
content: "\f3c5"; 
margin-left: -24px;
margin-top: 3px;
}
.card p.jw-link::before { 
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900; 
content: "\f0c1"; 
margin-left: -24px;
margin-top: 3px;
}
.card p.jw-organizer::before { 
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900; 
content: "\f007"; 
margin-left: -24px;
margin-top: 3px;
}

.card p.jw-inquiries::before { 
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900; 
content: "\f27a"; 
margin-left: -24px;
margin-top: 3px;
}

.card-img-top { width: 100%; height: initial; }

.card-columns .mw-collapsible-toggle { 
    float: none !important;  
    margin-top: 6px !important; 
    background-color: #fff; 
    border: 1px solid #ccc;
    box-shadow: none !important; 
    x: 1px 0px 6px 0 rgb(0 0 0 / 33%) 
}

.mw-htmlform-field-HTMLInfoField .multilang_content { font-weight: 600; }

.mw-ui-container #userloginForm { padding-right: 0px !important; margin-right: 0px !important; border-right: none; }
.mw-ui-container #userloginForm form { width: 100%; }
.mw-createacct-benefits-container { display: none; }

@media ( min-width: 992px ) {
  .mw-ui-container #userloginForm { 
    width: calc( 50% - 2px );
    padding-right: 30px !important; 
    margin-right: 30px !important; 
    border-right: 4px solid #eee; 
  }
  .mw-ui-container #userloginForm form { width: 100%; }
  .mw-createacct-benefits-container { 
    display: block; 
    width: calc( 50% - 34px ); 
    text-align: center;
  }
  .mw-createacct-benefits-container div { background: none !important; padding-left: 0 !important; }
}


td.filehistory-selected { white-space: initial !important; }

.catlinks { 
  margin-top: 4rem !important;
  background-color: rgba(255,255,255,0.25) !important; 
  border: none !important;
  padding: 0 !important;
}

.card-header {
  background-color: var( --syke-lightgrey-50 ) !important;
}

.catlinks .card-header {
  background-color: #fff !important;
}

p.ingressi { margin: 1.25rem 0; }

table.tablecompact { font-size: 90%; }
table.tablecompact td { padding: 0.1rem 0.2rem !important; }
.headerSort-compact {
  background-image: none !important;
  padding: 0.1rem 0.2rem !important;
}

.JwCard .p-0 table.wikitable {
background-color: #fff;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
}

.JwCard .wikitable tr:nth-child(even) { background: #f6f6f6; }
.JwCard .wikitable tr:nth-child(odd) { background: #fff; }

.JwCard .p-0 .wikitable th { height: 3rem; background-color: rgba(0,0,0,0.03); border: 0; }
.JwCard .p-0 .wikitable { margin: 0 !important; }
.JwCard .p-0 .wikitable tr td { border: 0; border-left: 3px solid #eee; }
.JwCard .p-0 .wikitable tr td:first-child { padding-left: 1.25rem !important; border-left: 0; }
.JwCard .p-0 .wikitable tr td:last-child { padding-right: 1.25rem !important; }
.JwCard .p-0 .wikitable tr th:first-child { padding-left: 1.25rem !important; }
.JwCard .p-0 .wikitable tr th:last-child { padding-right: 1.25rem !important; }

.JwCard.JwWidth-100 { margin-right: -1.25rem; margin-left: -1.25rem; }
.JwCard.JwWidth-75 { width: calc( 75% + 1rem); }
.JwCard.JwWidth-25 { width: calc( 25% + 1rem); }
.JwCard.JwFloat-left { margin-left: -1.25rem;  float: left; }
.JwCard.JwFloat-right{ margin-right: -1.25rem;  float: right; }

.JwCard.JwMaintainer { background-color: rgba( 255, 255, 255, 0.25 ); }

.JwFrontPageIngress { background-color: rgba( 255, 255, 255, 0.5 ); }

.JwIngress { margin-right: -1.25rem; margin-left: -1.25rem; }
.JwCurrents { margin-right: -1.25rem; width: calc( 25% + 1rem); float: right; }
.JwNotEdited { margin-left: -1.25rem; width: calc( 75% + 1rem); float: left; }

.JwCard .card-header { font-weight: 600; }

.mw-collapsible-toggle {
    display: inline-block;
    margin-top: -4px;
    margin-right: 10px;
    font-weight: 600;
    padding: 4px 8px;
    background-color: #d5da26;
    border-radius: 0.25rem;
    box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 10%);
}

.mw-collapsible-toggle::before { content: "" !important; }
.mw-collapsible-toggle::after { content: "" !important; }

.width100 { width: 100%; }

.mw-pt-translate-header { display: none; }
.mw-pt-languages { background: none !important; border: none !important; margin-bottom: 1.25em; }
.mw-pt-languages-label { background: none !important; }

.gallerytext p { margin: 0.3em 0; }
.jwImgCapTheObs { font-weight: bold; }
.jwImgCapAddInfo { font-style: italic; }
.jwGalleryHideLakeName .jwImgCapLakeName { display: none; }
.jwGalleryHideSiteLink .jwImgCapSiteLink { display: none; }

ul.gallery { margin: 1em 0; }

#jaa .container-content { padding-bottom: 0.5px !important; line-height: 19px !important; }
.addthis_toolbox a { margin-bottom: 0 !important; margin-top: 1px !important; }

.smaller { font-size: 80%; }
.huomio { font-size: 140%; font-weight: 600; color: var(--keitele-color-light); }
.huomio.isompi { font-size: 200%; }
.huomio.isoin { font-size: 300%; }

table.jwObsTable:last-child { border-bottom: none !important; }

.olFramedCloudPopupContent hr { 
	border-top: 1px dashed #8c8b8b !important;
        height: 0 !important; 
	background: none !important;
}
table.jwObsPopupTable { width: 100%; border-collapse: collapse; border: 1px solid white; font-size: 80%; }

table.jwObsPopupTable tr:first-child td:first-child { border-top-left-radius: 8px; }
table.jwObsPopupTable tr:first-child td:last-child { border-top-right-radius: 8px; }
table.jwObsPopupTable tr:last-child td:first-child { border-bottom-left-radius: 8px; }
table.jwObsPopupTable tr:last-child td:last-child { border-bottom-right-radius: 8px; }

table.jwObsPopupTable tr, table.jwObsPopupTable td { border: 1px solid white; }
table.jwObsPopupTable td { padding: 6px 5px 5px 5px; }
table.jwObsPopupTable tr.jwAlternateRow1 { background-color: #e0f3fb; }
table.jwObsPopupTable tr.jwAlternateRow2 { background-color: #c1e7f7; }

.gallerytext p { text-align: right; }
span.checkboxSwitches { display: none !important; }
fieldset { margin: 0 !important; }
fieldset legend { padding: 0; }

.jwHideFieldShowError { display: none !important; }

.JwFormInfoIcon {
     display: inline-block;
     width: 12px;
     height: 12px;
     background-image: url('//www.jarviwiki.fi/w/extensions/SemanticMediaWiki/resources/images/info.png');
}

.jwqtip { z-index: 2000; }
.JwCheckboxes { min-width: 90px !important; }
.jwFileNameHide { display: none; }

a.sfUploadable { white-space: nowrap; }

.sfImagePreviewWrapper img { max-width: 144px; max-height: 144px; }

.sf-runquery-formcontent hr { display: none; }

.JW_formlock_button { width: 34px; height: 34px; }
.JW_formlock_button.locked { background-image: url('//www.jarviwiki.fi/w/skins/common/images/JW_formlock_locked'); }
.JW_formlock_button.open { background-image: url('//www.jarviwiki.fi/w/skins/common/images/JW_formlock_open'); }
a:hover .JW_formlock_button.locked { background-image: url('//www.jarviwiki.fi/w/skins/common/images/JW_formlock_locked_hover'); }
a:hover .JW_formlock_button.open { background-image: url('//www.jarviwiki.fi/w/skins/common/images/JW_formlock_open_hover'); }


.checkboxLabel { display: block; float: left; min-width: 188px; }
.smw-csv-furtherresults a {
	background: none !important;
	padding: 0 !important;
}
div.tright { border: 0 !important; margin-left: 10px !important; }

.srf-listwidget-navigation .ln-letters a { padding: 4px 8px !important; }
.srf-listwidget-navigation .ln-letter-count { display: none !important; }

Xtable.jquery-tablesorter th.headerSort { Xpadding: 3px 7px !important; }
Xth.headerSortSmall { padding: 2px 5px 12px 5px !important; background-position: bottom center !important; }

.right-sidebar-25, .Otsikkolaatikko, .Laatikko2 { position: static !important; }
h1, h2, h3, h4, h5, h6 { position: static !important; }

.LakeAdminFactSheet { border-spacing: 5px; border-collapse: separate; }
.LakeAdminFactSheet td { padding: 5px; vertical-align: top; }
.LakeAdminFactSheet th { background-color: #e0f3fb; border: none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 5px; vertical-align: top;}

.Laatikko { position: static !important; }
.Xlqt-post-wrapper { position: static !important; }

.multilang_content { display: none; }
html[lang="sv"]  .multilang_sv { display: block; }
html[lang="fi"]  .multilang_fi { display: block; }
html[lang="en"]  .multilang_en { display: block; }

			/* round corners of layer switcher, and make it transparent */
			.olControlLayerSwitcher .layersDiv {
                                background-color: rgb(0, 60, 136) !important;
                                padding: 8px !important;
				border-radius: 5px 0 0 5px;
				opacity: 0.8;
				filter: alpha(opacity=75);
			}

.maximizeDiv { opacity: 0.8 !important; }

.jwMapContainer .olControlLayerSwitcher { top: 10px; right: 10px; }
.jwMapContainer	.olControlLayerSwitcher .layersDiv {
    background-color: #ffffff !important;
    color: #000000;
    padding: 8px !important;
    border-radius: 5px !important;
    opacity: 0.9 !important;
    filter: alpha(opacity=90) !important;
}


.jwMapContainer .maximizeDiv.olButton { width: 32px; height: 32px; margin: 3px; cursor: pointer; }
.jwMapContainer .maximizeDiv img { display: none; }
.jwMapContainer .maximizeDiv .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layers_24px.png') no-repeat; }
.jwMapContainer .maximizeDiv .olButtonBg { opacity: 0.5 !important; }

.jwMapContainer .minimizeDiv.olButton { width: 24px; height: 24px; margin: 3px; cursor: pointer; }
.jwMapContainer .minimizeDiv img { display: none; }
.jwMapContainer .minimizeDiv .olButtonIcon { top: 2px !important; left: 2px !important; width: 22px !important; height: 22px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layersHide_22px.png') no-repeat; }
.jwMapContainer .minimizeDiv .olButtonBg { width: 24px !important; height: 24px !important; opacity: 0.8 !important; }

.jwMapContainer .maximizeDiv { top: -3px !important; right: -1px !important; }
.jwMapContainer .minimizeDiv { top: 1px !important; right: 3px !important; }

.jwMapContainer .olControlPanPanel { left: 4px !important; }
.jwMapContainer .olControlPanPanel .olButton { width: 24px !important; height: 24px !important; }
.jwMapContainer .olControlPanNorthItemInactive { top: 0 !important; left: 14px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panUp_24px.png') no-repeat right top !important; }
.jwMapContainer .olControlPanEastItemInactive { top: 24px !important; left: 28px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panRight_24px.png') no-repeat right top !important; }
.jwMapContainer .olControlPanSouthItemInactive { top: 48px !important; left: 14px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panDown_24px.png') no-repeat right top !important; }
.jwMapContainer .olControlPanWestItemInactive { top: 24px !important; left: 0 !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panLeft_24px.png') no-repeat right top !important; }

.jwMapContainer .olControlZoom { top: 85px !important; left: 8px; padding: 0 !important; }
.jwMapContainer .olControlZoom .olButton { width: 32px !important; height: 32px !important; padding: 0 !important; margin: 5px !important; background: none !important; }
.jwMapContainer .olControlZoom .olButtonBg { background-color: #ffffff !important; opacity: 0.5 !important; border-radius: 5px !important; border: 1px solid #333333 !important; }
.jwMapContainer .olControlZoomIn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomIn_24px.png') no-repeat center; }
.jwMapContainer .olControlZoomOut .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomOut_24px.png') no-repeat center; }

.mapXXX .olControlLayerSwitcher { top: 10px; right: 10px; }
.mapXXX	.olControlLayerSwitcher .layersDiv {
    background-color: #ffffff !important;
    color: #000000;
    padding: 8px !important;
    border-radius: 5px !important;
    opacity: 0.9 !important;
    filter: alpha(opacity=90) !important;
}


.mapXXX .maximizeDiv.olButton { width: 32px; height: 32px; margin: 3px; cursor: pointer; }
.mapXXX .maximizeDiv img { display: none; }
.mapXXX .maximizeDiv .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layers_24px.png') no-repeat; }
.mapXXX .maximizeDiv .olButtonBg { opacity: 0.5 !important; }

.mapXXX .minimizeDiv.olButton { width: 24px; height: 24px; margin: 3px; cursor: pointer; }
.mapXXX .minimizeDiv img { display: none; }
.mapXXX .minimizeDiv .olButtonIcon { top: 2px !important; left: 2px !important; width: 22px !important; height: 22px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layersHide_22px.png') no-repeat; }
.mapXXX .minimizeDiv .olButtonBg { width: 24px !important; height: 24px !important; opacity: 0.8 !important; }

.mapXXX .maximizeDiv { top: -3px !important; right: -1px !important; }
.mapXXX .minimizeDiv { top: 1px !important; right: 3px !important; }

.mapXXX .olControlPanPanel { left: 4px !important; }
.mapXXX .olControlPanPanel .olButton { width: 24px !important; height: 24px !important; }
.mapXXX .olControlPanNorthItemInactive { top: 0 !important; left: 14px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panUp_24px.png') no-repeat right top !important; }
.mapXXX .olControlPanEastItemInactive { top: 24px !important; left: 28px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panRight_24px.png') no-repeat right top !important; }
.mapXXX .olControlPanSouthItemInactive { top: 48px !important; left: 14px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panDown_24px.png') no-repeat right top !important; }
.mapXXX .olControlPanWestItemInactive { top: 24px !important; left: 0 !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panLeft_24px.png') no-repeat right top !important; }

.mapXXX .olControlZoom { top: 85px !important; left: 8px; padding: 0 !important; }
.mapXXX .olControlZoom .olButton { width: 32px !important; height: 32px !important; padding: 0 !important; margin: 5px !important; background: none !important; }
.mapXXX .olControlZoom .olButtonBg { background-color: #ffffff !important; opacity: 0.5 !important; border-radius: 5px !important; border: 1px solid #333333 !important; }
.mapXXX .olControlZoomIn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomIn_24px.png') no-repeat center; }
.mapXXX .olControlZoomOut .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomOut_24px.png') no-repeat center; }

.ItemActive div.olButtonBg { opacity: 0.8; background-color: #aaaaff; }
.ItemInactive div.olButtonBg { opacity: 0.5; background-color: #ffffff; }
div.olButtonIcon { position: relative; width: 24px; height: 24px; top: 5px; left: 5px; }
div.olButtonBg { position: absolute; background-color: #ffffff; border-radius: 5px; width: 32px; height: 32px; border: 1px solid #333333; }

.olControlDragPan { position: absolute; left: 10px; top: 10px; }
.olControlDragPan .olButton { width: 32px; height: 32px; margin: 3px; cursor: pointer; }
.olControlDragPanBtn .olButtonIcon { background:  url('//www.jarviwiki.fi/dynpm/ol/jw_ol_dragPan_24px.png') no-repeat; }

.olControlInfo { position: absolute; left: 10px; top: 10px; }
.olControlInfo .olButton { width: 32px; height: 32px; margin: 3px; cursor: pointer; }
.olControlInfoBtn .olButtonIcon { background:  url('//www.jarviwiki.fi/dynpm/ol/jw_ol_info_24px.png') no-repeat; }

.olControlDrawEdit { position: absolute; left: 10px; bottom: 30px; }
.olControlDrawEdit .olButton { float: left; width: 32px; height: 32px; margin: 3px; cursor: pointer; }

.olControlPointBtn .olButtonIcon { background:  url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawPoint_24px.png') no-repeat; }
.olControlLineBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawLine_24px.png') no-repeat; }
.olControlPolygonBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawPolygon_24px.png') no-repeat; }
.olControlEditBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawEdit_24px.png') no-repeat; }
.olControlDeleteBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawDelete_24px.png') no-repeat; }

.olControlFullscreen { position: absolute; right: 7px; bottom: 28px; }
.olControlFullscreen .olButton { width: 32px; height: 32px; margin: 5px; cursor: pointer; }

.olControlGeolocateBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_geolocator_24px.png') no-repeat; }
.olControlFullscreenBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_fullscreen_24px.png') no-repeat; }
.olControlFullscreenBtn.ItemActive .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_fullscreenExit_24px.png') no-repeat; }

.olControlDeleteBtn { position: relative; }

.olControlZoom { background: none !important; }
.olControlZoom a { padding: 8px !important; }

			.olControlAttribution {
				width: 100% !important;
				text-align: right !important;
				background-color: #ffffff;
     				opacity: 0.7;
				filter:alpha(opacity=70); /* For IE8 and earlier */
				padding: 5px !important;
				bottom: 0px !important;
				right: 0px !important;
				font-size: 11px !important;
				line-height: 1em;
			}
			.markerContent {
				width: 200px;
			}
			.olFramedCloudPopupContent {
				padding-bottom: 0px !important;
				height: auto !important;
			}

			.olFramedCloudPopupContent h3 {
				font-size: 12px;
				margin-top: 0;
				margin-bottom: 6px;
			}
                        .olFramedCloudPopupContent p {
				line-height: 12px;
			}

ul.lake-rss-items { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
X.lake-rss-items li { padding: 0 3px; margin: 0; border: 0; }

ul.rss-items { list-style-type: none; list-style-image: none; margin: 0; padding: 0; border: 1px solid #c1e7f7; }
li.rss-item { padding: 0 3px; margin: 0; border: 0; }
.rss-items li.alternate0 { background: var( --white); }
.rss-items li.alternate1 { background: var( --syke-lightgreen); }
li.rss-item h6 { margin: 0; padding: 3px 0; }
li.rss-item p { font-size: 90%; color: #444444; margin: 0; padding: 3px 0; line-height: 120%; }
p.rss-date { font-weight: bold; }
.rss-author a { font-style: italic; }

.rss-page { font-size: 90%; color: #444444; margin: 3px 0 0 0; padding: 3px 0; line-height: 120%; }

.rss-box-2 ul { border: 0 !important; }
.rss-box-2 ul li { background: #ffffff !important; border-bottom: 1px dotted #e6e6e6 !important; padding: 0 !important; }
.rss-box-2 h6, .rss-box-2 p { padding: 2px 0 !important; }

.noborderfeed ul.rss-items { border: none; }

.templatesUsed { display: none; }

.mjk-container {
     display: block;
}

.mw-ajax-loader {
        display: none;
}

X.rootpage-Etusivu .firstHeading { display: none; }
X.rootpage-Main_page .firstHeading { display: none; }
X.rootpage-Huvudsida .firstHeading { display: none; }

.rootpage-Meriwiki_Etusivu .firstHeading { display: none; }
.rootpage-Meriwiki_Huvudsida .firstHeading { display: none; }
.rootpage-Meriwiki_Main_page .firstHeading { display: none; }

.lqt_header_content {
	border: none;
}
.lqt_toc {
        background: #ffffff;
	border: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.lqt_toc td,.lqt_toc th { padding: 0.5em; }

.lqt-talkpage-search { display: none; }

.lqt_view_options {
        clear: both;
   display: block;
margin-top: 2rem;
}

.lqt-talkpage-header {
	border: none;
	padding: 0;
}

.lqt_start_discussion {
    display: inline-block;
    background-color: var(--jw-color-dark);
    Xpadding: 1rem 2rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
}

.lqt_start_discussion a {
    color: #fff !important;
    text-decoration: none;
}

.lqt_start_discussion a::before {
    content: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' aria-hidden='true' focusable='false' width='20'%3E%3Cpath fill='white' d='M335 408.1c-4.7-3.8-7-9.9-7-16.1s2.344-12.28 7.031-16.97L430.1 280H24c-13.25 0-24-10.8-24-24.9C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136c-9.41 9.33-24.61 9.33-34.01-.87z'/%3E%3C/svg%3E);
    margin-left: 0rem;
    margin-right: 1rem;
    position: relative;
    top: 5px;
    transition: margin 500ms;
}

.lqt_start_discussion a:hover {
    text-decoration: underline;
}

.lqt_start_discussion a:hover::before {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.lqt-post-wrapper {
	margin-top: 1em;
	padding: 0.5em 1em;
	padding-bottom: 1em;
	padding-right: 1em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #ffffff;
	border-top: none;
	Xposition: relative;
}

.lqt-thread-topmost > .lqt-post-wrapper {
	border-top: none;
}

.lqt-thread-signature {
        font-size: 90%;
        color: #333;
        font-style: italic;
}

.checkboxSpan {
     width: 160px;
}

Xtable.smwtable {
	background: url('images/white50.png');
	background-color: none;
	padding: 5px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

Xtable.smwtable td, th {
	background: none;
	border-bottom: 1px solid #ffffff;
	margin: 0;
	padding: 3px;
	text-align: left;
}

Xtable.smwtable th {
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: left;
	border-bottom: none;
}

Xtable.smwtable td {
	vertical-align: top;
}

Xtable.smwtable tr.smwfooter td {
	font-size: 93%;
	line-height: 1;
	padding: 2px 5px 0 5px;
	text-align: right;
	vertical-align: top;
	border-bottom: none;
}

Xtable.smalltable {
        font-size: 90%;
}

Xtable.smalltable2 {
        font-size: 75%;
}

Xtable.smalltable th, td {
	padding: 1px;
}

Xtable.smalltable2 th, td {
	padding: 0px;
}

th.hidesort a.sortheader {
        display: none;
}

.ol-top { top: 10px !important; }
.ol-right { right: 10px !important; }
.ol-bottom { bottom: 10px !important; }
.ol-left { left: 10px !important; margin-right: 110px; }
.layout-koitere skin-chameleon .ol-zoom { top: 10px !important; left: 10px !important; }
.layout-koitere skin-chameleon .ol-attribution { right: 10px !important; bottom: 10px !important; }
div.ol-toggle { float: left; }
div.ol-bar, #jwChosenObsTypeContainer { float: left; }
.ol-control button { width: 24px !important; height: 24px !important; color: #000 !important; }
.ol-attribution:not(.ol-collapsed) { z-index: 100; background-color: rgba( 255, 255, 255, 1 ) !important; }
.ol-attribution:not(.ol-collapsed) ul { margin: 0 0.75rem; }
X.butt { cursor: pointer; }
X.butt:hover { opacity: 0.9; }
#jwChosenObsTypeContainer { font-size: 24px; margin: 7px 6px 0 6px; }

		/* popup style */
		.ol-popup
		{	max-width:300px;
			min-width:100px;
			min-height:1em;
		}
		/* Image on popup */
		.ol-popup img 
		{	float: left;
			margin: 0 0.5em 0 0;
			max-width: 100px;
			max-height: 100px;
		}


.jwMapContainer { overflow: hidden !important; }

.ol-control button { width: 36px !important; height: 36px !important; border: 1px solid #ccc !important; border-radius: 5px !important; background-color: rgba(255, 255, 255, 0.5) !important; background-repeat: no-repeat !important; background-position: center !important; }

.ol-rotate { left: 55px !important; right: inherit !important; top: 10px !important; bottom: inherit !important; }

.ol-attribution.ol-uncollapsible { border-radius: 0px !important; max-width: inherit !important; !important; bottom: 0px !important; right: 0px !important; left: 0px !important; padding: 4px 10px 3px 10px !important; background-color: rgba(255, 255, 255, 0.5); border: 0px !important; margin 0px !important; } 

.ol-attribution ul { font-size: 10px !important; line-height: inherit !important; padding: 0px !important; }

.ol-attribution li:not(:last-child):after { content: " • " !important; }

.ol-zoom { top: 55px !important; }

.ol-zoom button.ol-zoom-in { background-image: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomIn_24px.png') !important; text-indent: -1000em; }
.ol-zoom button.ol-zoom-out { background-image: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomOut_24px.png') !important; text-indent: -1000em; }

.ol-full-screen { left: inherit !important; top: inherit !important; right: 10px !important; bottom: 110px !important; }

.ol-full-screen button.ol-full-screen-true {
background-color: var(--jw-color-light ) !important; 
}

X.ol-layerswitcher { top: 10px !important; }
.ol-layerswitcher button { background-image: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layers_24px.png') !important; }

.ol-forceopen button { background-color: rgba(100, 100, 100, 0.9) !important; }

.ol-layerswitcher .panel { top: 2px; margin: 1px 1px 2px 2px !important; background-color: rgba(255, 255, 255, 0.7) !important; border-radius: 5px !important; }

.ol-layerswitcher .panel li ul { padding-left: 0px !important; }
.ol-layerswitcher > button:before, .ol-layerswitcher > button:after { content: none !important; }

.ol-active button { background-color: rgba(100, 100, 100, 0.9) !important; }

.ol-locate-toggle {
bottom: 30px;
right: 10px;
}

.ol-notification {
    width: 150%;
    bottom: 0;
    border: 0;
    background: 0 0;
    margin: 0;
    padding: 0;
}
.nomargin { margin: 0 !important; }

.my-auto p label { margin-bottom: 0 !important; }

.pf-runquery-formcontent hr { display: none; }

.select2-container .select2-selection--single { height: inherit; }
.pf-select2-container { margin-bottom: 0px; }
.oo-ui-fieldLayout { margin-bottom: 16px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; }

a.btn-primary { color: #fff; }



.layout-keitele .ctalinks.keitele-button a {
   color: #fff !important;
}