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

.admin-linkset,
div#toolbarWrapper,
.no-mobile,
div#logo-wrap,
div#search-wrap,
.noToggleTitle,
div.map_info_img_wrap {
 display: none !important; 
}

.mobile-only { display: block; }

div.flex { display: block; }

div#pagemask-black { opacity: 1 !important; }

div#headerWrap,
div#headerWrap .table-row,
div#headerWrap div#nav-wrap { display: block; }

div#pageCont { background: none; }

div#pageCont div#flexslider-cont.no-startpage div.flexslider { margin-bottom: 0; }

div#pageWrap { padding: 48px 16px 28px 16px; }

div#pageWrap-sp { padding-bottom: 0; }

div#asideWrap { 
  width: 100%;
  padding-right: 0;
  margin-top: -38px;
  margin-bottom: 32px;
}

div#albumnav { display: none; }

div#footerWrap { 
  display: block;
  padding-left: 16px;
  padding-right: 16px;
}

div#footerWrap .table-row { display: block; }

div#footerWrap .table-cell { display: block; }

/*----- NAVIGATION -----*/

ul#main-menu.sm { z-index: 2000019; }

/*----- STARTPAGE -----*/

div#spSearchWrap { padding: 72px 16px 56px 16px; }

div#spSearchTextWrap { width: initial; }

div#placeLiftTextWrap {
  width: initial;
  padding: 0 16px;
}

div#placeLiftCont { display: block; }

div.placeLiftWrap a { display: flex; }

div.placeLiftImgWrap { 
  background-image: initial;
  width: 120px;
  flex-shrink: 0;
  background-size: cover;
}

div.placeLiftWrap:hover div.placeLiftImgWrap, div.placeLiftWrap:focus-within div.placeLiftImgWrap { background-size: cover; }

div.placeLiftTextWrap { padding: 16px; }

div.liftarea-cont { margin: auto; }

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

div.extranarrow-cont div.liftarea-cont-wrap { padding: 0; }

div.extranarrow-cont div.liftarea-cont.first { margin-top: calc(-40px + 1.5em); }

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

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

div.liftbox { margin: 2.5em 0; }

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

/*----- MAPS -----*/

div.map_info_wrap { width: initial; }

div.map_info_wrap h3 { margin: 0; }

.gm-style .gm-style-iw-d { margin-top: -8px; }

/*----- ALBUMS AND IMAGES -----*/

div.aluealbumi { 
  flex-wrap: wrap;
  align-items:flex-start;
  padding: 0;
  margin-bottom: 30px;
}

div.aluealbumi:hover,
div.aluealbumi:focus-within {
  background-color: initial;
} 

div.aluealbumi div.albumikuva { 
  width: 100%;
  margin-bottom: 16px;
}

div.aluealbumi div.albumikuva img { width: 100%; }

div.aluealbumi div.albumiteksti { width: calc(100% - 65px); }

div.desc { margin-top: 32px; }

/*----- Flexslider -----*/

div#sliderContainer { 
  width: calc(100% + 32px);
  margin-left:-16px;
}
 
div#slider div.sliderWrap {
  width: calc(100% - 2px);
  height: 50vh;
  margin: 0px 0px 40px 0px;
  height: initial;
  max-height: 70vh;
  aspect-ratio: 3/2;
}

div#slider a#sliderNext, div#slider.fullscreen a#sliderNext { right: 0; }
div#slider a#sliderPrev, div#slider.fullscreen a#sliderPrev { left: 0; }

a#closefullscreen { background: #00000099; }

div#carousel { display: none; }

div#slider.fullscreen div.sliderWrap {
  width: 100vw;
  height: calc(100vh - 120px);
  max-height: unset;
  margin: 0;
  margin-bottom: 0;
  margin-left: 50%;
  transform: translateX(-50%);
  aspect-ratio: unset;
}

div#slider.fullscreen a#sliderNext,
div#slider.fullscreen a#sliderPrev { top: calc(50%); }
  
div#slider.fullscreen .flexslider-img-text-cont {
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0;
  background-color: #000000;
  color: #fff;
  padding: 8px 16px;
}

/*----- MAPS -----*/
#map_canvas { 
  width: 100%;
  height: 50vh;
}

/* ALBUMLIST */

.vv-album-item { 
  display: flex;
  width: 100%;
}

.vv-album-item div.vv-album-itemImgWrap { 
  background-image: initial;
  width: 120px; 
  flex-shrink: 0;
  background-size: cover;
}

.vv-album-item:hover div.vv-album-itemImgWrap, .vv-album-item:focus-within div.vv-album-itemImgWrap { background-size: cover; }

.vv-album-itemText { padding: 16px; }

/*----- IMAGELIST-----*/

form#searchform { flex-wrap: wrap; }

form#searchform select,
form#searchform input { flex-grow: 2; }

.vv-item { 
  display: flex;
  width: 100%;
  padding: 0;
}

.vv-item.kuva div.vv-itemImgWrap { 
  background-image: initial;
  width: 120px; 
  flex-shrink: 0;
  background-size: cover;
}

.vv-itemText { padding: 16px; }

.vv-itemDesc .table-cell { padding: 6px 0; }