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

.mobile-only { display: block; }

div#toolbarWrapper,
div#topHeaderCont,
div#logoWrap,
div#aside,
.no-mobile,
.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;
}

/*--- FILLERIMG ---*/

div.filler-img-wrap-sp,
div.filler-img-wrap { 
  /* display: flex; */
  height: calc(50vh - 20px);
} 

/*
div.filler-img-wrap2 { 
  height: 50vh;
  min-height: 50vh;
	background: url('/img/layout/fillerimg-bg-mobile.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
*/

div.filler-img-wrap-sp div.filler-img-text-cont,
div.filler-img-wrap div.filler-img-text-cont { width: 100%; }

/*--- /FillerImg ---*/

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

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 15px 0;
}

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

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

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

div#footer-cont { padding: 30px 15px; } 

div.footer-col { flex-basis: 100%; }

div.footer-col.last { text-align: left !important; }

div.footer-col.last img { float: none !important; }

div#netland-wrap { padding: 5px 15px; }

img#netland_apprunnercms { margin: auto auto auto 0; }

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: 15px; }

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

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

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%; }

.sm-netland a { margin: 7px; }

.sm-netland a.selected, .sm-netland a:hover, .sm-netland a:focus, .sm-netland a:active, .sm-netland a.highlighted { background: rgba(0, 0, 0, 0.1); }

div#main-navWrap .sm-netland a span.sub-arrow { 
 font-size: 24px !important;
 line-height: 28px !important; 
}

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, FLEXSLIDER---*/

/* div#flexslider-cont { width: calc(100% - 30px); } */

/* div.flexslider-wrap { height: calc(100vw * 0.56); } */

/*--- STARTPAGE ---*/

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

div#sp-iconlink-wrap { 
  margin: 40px 5px;
  gap: 25px;
}

div#page-wrap-fp div#content-lifts-contact2 { margin: auto 15px; }

div#content-lifts-contact2.liftcount3 {	grid-template-columns: repeat(1, 1fr); }

div.lift-contact2-title-wrap { padding: 5px 10px 5px 15px; }

div.lift-contact2-info-wrap { padding: 10px 15px 15px 15px; }

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

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

div.liftarea-cont { margin: auto; }

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

div.liftarea-cont.has_row_style { padding: 5px 15px; } 

/* div.liftbox { margin: 1.5em 0; } */

/* div.liftbox .box_img img.liftbox-img { margin-bottom: 15px; } */

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

/*--- CALENDAR---*/

div.cal-wrapper.table { display: block; }

div.cal-wrapper div#cal-container-left { display: block; }

div.cal-wrapper div#cal-container-right { 
  display: block;
  width: 100%;
  padding-left: 0;
}

div.cal-wrapper td.cal-search-container { padding: 20px; }

img.cal-image {
  float: unset;
  width: 100%;
  margin: 0 0 30px 0;
}

/*--- CONTACT---*/

div.contact2-item { flex-direction: column; }

div.contact2-item div.contact2-image-wrap { 
  margin: 0 0 15px 0;
  flex-basis: 64px;
  width: 100px;
}

div.contact2-name-addr-wrap { margin: 0 0 1em 0; }

div.contact2-contacts-wrap { margin-bottom: 0; }