/*----- max-width: 767px -----*/

.mobile-only { display: block; }

div#toolbarWrapper,
div#headerWrap,
div#logoWrap,
div#aside,
div#mobinavitoggler div#mobinavi-search,
.no-mobile,
.mobile-no,
.admin-linkset,
form#pagesearch-searchform-mobile {
 display: none; 
}

body { background: #ffffff; }

div#container { 
  border-top: 1px solid #ffffff;
	border-left: 0;
	border-right: 0;
  padding-top: 50px;
}

div#page-wrap {
 display: block;
 padding: 16px;
}

div#page-wrap-fp { display: block; }

div#page-wrap .table-row,
div#page-wrap-fp .table-row  { display: block; }

div#main,
div#main-fp { 
 display: block;
 padding:  0 0 16px 0;
}

img { max-width: 100%; height: auto; }

div#navBreadcrumb { padding: 0 0 32px 0; } 

div#main-fp div#navBreadcrumb { padding: 16px 16px 0 16px; }

div#footer-cont { padding: 32px 16px; } 

div#footer-wrap { gap: 24px; }

div.footer-col { flex-basis: 240px; }

div.footer-col.last { flex-basis: 210px; }

div.footer-col img { 
  max-width: 210px;
  height: auto;
}

div#netland-wrap { gap: 16px; }

div#netland-img-wrap { flex-basis: 100%; }

div#cookie-settings-text-wrap { padding-right: 0px; }

/*--- NAVIGATION ---*/

div#mobinavitoggler div#mobinavi-logo { width: 40%; }

div#mobinavitoggler div#mobinavi-logo img { 
  height: 34px;
  object-fit: contain;
  display: block;
}

div#mobinavitoggler div#mobinavi-toggle { padding-right: 16px; }

div#navWrap { display: block; }
div#navWrap .table-row { display: block; }
div#main-navWrap { display: none; }

div#smartnavi-logo { 
 width: 80%;
 padding: 0 0 0 16px;
}

div#smartnavi-logo img {
 max-width: 100% !important; 
 height: auto;
 margin-left: 0;
}

div#searchWrapContMobileGeneral { display: block; }

div#generalsearch-searchterm-wrap-mobile { background: #ffffff; }

div#smartnavi-search { width: 20%; }

div#smartnavi-toggle-button { 
  background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_menu_black_36dp.png);
  border: 1px solid #ffffff;
 }
 
/* Mobitogglerin nappula hover/active */
div#smartnavi-toggle-button:hover, 
div#smartnavi-toggle-button:active { 
  background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_menu_grey600_36dp.png);
  border: 1px solid #ffffff;
}

/*--- STARTPAGE ---*/

div#sp-dyntext-wrap {	margin: 40px 16px; }

div#sp-searchform-cont { padding: 32px; }

div#sp-mainthemes-cont { padding: 0 16px; }

div#sp-mainthemes-wrap a,
div#mainthemes-wrap a { flex-grow: 2; }

/*--- STARTPAGE, RESPBOX---*/

div#page-wrap-fp div.liftarea-cont-wrap { padding: 0 16px; }

div.liftarea-cont { margin: auto; }

div.liftarea-cont-wrap.rowfull .liftarea-cont {
  margin-top: 0;
  padding: 4px 0;
}

div.liftarea-cont.has_row_style { padding: 4px 16px; } 

div.liftbox.kuva div.box_img h1 {
 margin: 0;
 bottom: 16px;
}

/*--- DATABANK ---*/

div#searchresults-cont { gap: 8px; }

div#searchform-cont div#searchform-wrap { padding: 32px 24px; }

div#searchresults-cont a.sr-item {
  width: 100%;
	border-radius: 4px;
  display: flex;
  gap: 16px;
}

div.sr-item-img-wrap {
  width: 72px;
  background-size: 48px;
}

div#main div.sr-item-img-wrap img {
    display: block;
    width: 72px;
    max-width: 72px !important;
    height: 100%;
    object-fit: cover;
}

div.sr-item-text-wrap { padding: 16px 16px 16px 0; }

div#main div.tp-image img {
  width: 72px;
  max-width: 72px !important;
}

div.tp-icon-wrap { width: 72px; }

div.tp-icon-wrap .material-icons-outlined { font-size: 36px; }