/*-----------------------------------------------
INDEX
-------------------------------------------------
	Global
	Layout
    Navigation
		Startpage
	  Maps
	  Albums
	Misc
		Scroller
	styles_common.inc-extra
		Shortcut
		Search and filebank
		Image Gallery
		Flexslider
------------------------------------------------*/

/*-----------------------------------------------
GLOBAL
-----------------------------------------------*/

html { font-size: 62.5%; }

body { 
 margin: 0;
 padding: 0;
 line-height: 1em;
 background: #000000;
}

* { outline: none; }

div#linkcopied {
 display: flex;
 align-items: center;
 background-color: #0b1027;
 position: fixed;
 left: 50%;
 z-index: 2999999;
 border-radius: 50px;
 padding: 15px;
 color: #ccc;
 opacity: 0.95;
 transform: translateX(-50%);
 font-size: 0.9em;
 border: 1px solid #31364a;
}

div#linkcopied span.material-icons { margin-right: 7px; }

h1 {
  margin: 0 0 0.3em 0;
  line-height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}

h1.albumi { line-height: 1; }

h1.albumi:has(+ .albumi_url) { margin-bottom: 0; }

div.albumi_url { margin-bottom: 20px; }

h1 + p { margin-top: 0.3em; }

h2 {
 margin: 1.3em 0 0.3em 0;
 line-height: 1em;
}

h2 + p { margin-top: 0.3em; }

/* styles.inc */
h3 { 
 margin: 1.3em 0 1em 0;
 line-height: 1.3em;
}

h3 + p { margin-top: 1em; }

p { margin: 1.5em 0; }

ul, ol { margin: 1em 0; }

a { transition: all 300ms ease-in-out 0s; }

/* styles.inc */
a:focus,
a:hover {
  opacity: 1;
  transition: opacity 300ms ease-in-out 0s;
}

a:focus { border-top: 1px dotted #000000;  border-bottom: 1px dotted #000000; }

div,
textarea,
select,
option,
input[type="text"],
input[type="password"] {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

mark.large { line-height: 1.5em; }

form { margin: 0; }

div.formbase p,
div.extranarrow-cont div.formbase p:last-of-type { margin: 1.5em 0; } 

/* styles.inc */
label { 
 text-transform: uppercase;
 font-weight: normal;
}

label b { font-weight: normal; }

/* styles.inc */
input, select { padding: 5px; }

input::placeholder { opacity: 0; }

/* styles.inc */
textarea, input[type="text"],input[type="textfield"],input[type="password"] {
  /* webkit-appearance ipadille ja iphonelle */
  -webkit-appearance: none;
}
 
/* styles.inc */
textarea, input[type="text"],input[type="textfield"],input[type="password"] {
  color: #000000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 10px;
  max-width: 100%;
}
 
/* styles.inc */
select {
  background: #ffffff;
  color: #000000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 9px 10px;
  max-width: 100%;
}
 
select option { padding: 3px 10px; }
 
select option:hover { background: #e2e2e2; }
 
select option:checked {  
  background: #e2e2e2;
  color: #000000;
}
 
select option:active {  
  background: #e2e2e2;
  color: #000000;
}
 
input[type=radio], input[type=checkbox] { margin: 5px 5px 5px 0; }
 
input[type=text]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=password]:focus,
textarea:focus {
  border: 1px solid #000000;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: initial;
  transition: box-shadow 300ms ease-in-out 0s;
}
 
select:focus { 
  border: 1px solid #000000;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: initial;
  transition: box-shadow 300ms ease-in-out 0s;
}
 
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

/* styles.inc */
.button {
  min-width: 80px;
  min-height: 44px;
  padding: 10px 16px;
  line-height: 1em;
  text-transform: uppercase;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* styles.inc */
div.button {
  cursor: pointer;
  display: inline-block;
  vertical-align: bottom;
}

.button.major { text-transform: uppercase; }

button.copy_imageurl {
  color: #000000;
  background: transparent;
  border: 0;
  transition: color 300ms ease-in-out 0s;
  cursor: pointer;
}

button.copy_imageurl:hover,
button.copy_imageurl:focus { 
  color: #C76A68;
  transition: color 300ms ease-in-out 0s;
}

div#slider button.copy_imageurl {
  vertical-align: middle;
  margin-left: 8px;
}

div#slider.fullscreen button.copy_imageurl { color: #ffffff; }

div#slider.fullscreen button.copy_imageurl:hover { color: #C76A68; }

div#tiptip_holder { z-index: 99999999; }

.clear { clear:both; }

.nowrap { white-space: nowrap; }

.admin-linkset { line-height: 1em; }

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.right { text-align: right; }
.center { text-align: center; }
.absmiddle { vertical-align: middle; }

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
.table-gap { display: table-cell; width: 50px; }

table td p:only-child { margin: 0; }

table td p:first-child { margin-top: 0; }

table td p:last-child { margin-bottom: 0; }

/* styles */
table th,
table thead { 
	font-weight: bold;
	text-transform: uppercase;
}

/* styles.inc */
td.data-header,
th.data-header { 
  border: 0;
  padding: 5px 8px;
  text-transform: uppercase;
}

.data { padding: 8px; }

table.muotoiltu { border-collapse: collapse; }

/* styles.inc */
table.muotoiltu th { 
	padding: 5px 8px;
	text-transform: uppercase;
}

table.muotoiltu td { padding: 8px; }

div.flex {
	display: flex;
  justify-content: flex-start;
}

div#pagemask-black { 
 top: 0;
 z-index: 11000;
}

/*-----------------------------------------------
LAYOUT
-----------------------------------------------*/

ul#skiplink-wrap, ul#skiplink-wrap li {
	display: inline;
	height: 0;
	line-height: 0;
	padding: 0 !important;
}
 
 ul#skiplink-wrap li a {
	display: inline;
	height: 0;
	left: -3000px;
	position: absolute;
	top: -2000px;
	width: 0;
}

div#container { background: #ffffff; } 

div#printHeader { display: none; }

/* div#header {} */

/* R */
div#headerWrap {
  display: table; 
  margin: auto;
}

/* R */
div#logo-wrap { 
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 25px 20px 25px 0;
}

div#logo-wrap img { 
  display: block;
  border: 1px solid transparent;
}

div#logo-wrap a:focus img { border: 1px dotted #000000; }

div#nav-wrap {
  display: table-cell;
  vertical-align: middle;
}

/* R */
div#search-wrap {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  position: relative;
}

div#searchCont { 
 padding: 15px;
 background: #ffffff;
 position: relative;
}

input#searchterm::placeholder { color: transparent !important; }
input#searchterm::-webkit-input-placeholder { color: transparent !important; }
input#searchterm::-moz-placeholder { color: transparent !important; }
input#searchterm:-moz-placeholder { color: transparent !important; }
input#searchterm:-ms-input-placeholder { color: transparent !important; }
input#searchterm-mobile::placeholder { color: transparent !important; }
input#searchterm-mobile::-webkit-input-placeholder { color: transparent !important; }
input#searchterm-mobile::-moz-placeholder { color: transparent !important; }
input#searchterm-mobile:-moz-placeholder { color: transparent !important; }
input#searchterm-mobile:-ms-input-placeholder { color: transparent !important; }

.ac-search-help, .autocomplete-no-results {
 left: unset;
 right: 0;
}

input.search-input {
 border: 1px solid #3aa396;
 padding: 3px 20px 3px 3px;
}

div#generalsearch-submit-search-wrap i {
  top: 50%;
  margin-top: -18px;
}

/* R */
div#pageCont { 
  background-image: url(/img/layout/grey.png);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

div#pageWrap,
div#pageWrap-sp { 
  margin: auto;
  line-height: 1.4em;
}

/* R */
div#pageCont div#flexslider-cont.no-startpage div.flexslider { margin-bottom: -60px; }

/* R */
div#pageWrap { padding: 56px 0 80px 0; }

div#pageWrap-sp { padding-bottom: 80px; }

/* styles.inc, R */
div#asideWrap { padding-right: 50px; } 

div#asideWrap h2 {
  font-size: 3rem;
  margin: 0;
  padding-bottom: 8px;
}

/* styles.inc */
div#asideWrap h2 a,
div#asideWrap div a { text-decoration: none; }

/* styles.inc */
div#asideWrap h2 a:hover,
div#asideWrap h2 a:focus { 
  opacity: 1;
  border: 0;
}

/* styles.inc */
div#asideWrap div#albumnav div { 
  margin: 0;
  padding: 8px 0;
  cursor: pointer;
}

div#asideWrap div#albumnav div:focus-within a { border: 0; }

div#asideWrap div.albumi.selected { font-weight: bold; }

/* styles.inc */
div#asideWrap div.albumi { 
  margin-bottom: 15px;
  line-height: 1.4em;
}

/* styles.inc */
div#asideWrap div.albumi a { 
  text-decoration: none;
  text-transform: uppercase;
}

/* styles.inc */
div#asideWrap div.albumi a:focus,
div#asideWrap div.albumi a:hover { opacity: 1; }

/* R */
div.narrow-cont { margin: auto; }

/* R */
div.extranarrow-cont { margin: auto; }

div.extranarrow-cont p:last-of-type { margin-bottom: 0; }

div.extranarrow-cont img { 
  max-width: 100%;
  height: auto;
}

/* R */
div#footer { 
  background-image: url(/img/layout/filmi2.png), linear-gradient(to bottom, #555555, #000000);
  background-position: top center, top center;
  background-size: auto 28px, auto;
  background-repeat: repeat-x, no-repeat;
  color: #ffffff;
  line-height: 1.4em;
}

div#footer h1,
div#footer h2,
div#footer h3,
div#footer a,
div#footer a:visited { color: #ffffff; }

div#footer a:focus {
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
}

div#cookie-settings-opener a:focus {
  border-top: 1px dotted #ffffff;
  border-bottom: 1px dotted #ffffff;
}

div#footer a img { border: 1px solid transparent; }

div#footer a:focus img { border: 1px dotted #ffffff; }

div#footer h2:first-child { 
  margin-top: -5px;
  margin-bottom: 0.6em;
}

div#footer p:first-of-type { margin-top: 0; }

div#footer p:last-of-type { margin-bottom: 0; }

/* R */
div#footerWrap { 
  margin: auto;
  display: table;
}

/* R */
div#footerWrap .table-cell { padding: 80px 0 56px 0 }

div#cookie-settings-cont {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
}

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

/* styles.inc */
div#cookie-settings-opener {
  margin: 16px 0 0 0;
  text-align: center;
  text-transform: uppercase;
}

div#netlandWrap img#netland_apprunnercms { margin: 0 auto 16px auto; }

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

nav#main-nav { text-align: right; }

/* styles.inc */
.sm-netland a, .sm-netland a:hover, .sm-netland a:focus, .sm-netland a:active, .sm-netland a.highlighted  {
  border-top: 1px solid transparent; 
  border-bottom: 1px solid transparent; 
  text-transform: uppercase;
}

/* styles.inc */
.sm-netland a:hover, .sm-netland a:focus, .sm-netland a:active, .sm-netland a.highlighted  {
  background: transparent;
}

.sm-netland a:focus { 
  border-top: 1px dotted #000000; 
  border-bottom: 1px dotted #000000;
}

.sm-netland a.selected { background:#eeeeee; }

/* styles.inc */
.sm-netland ul a, .sm-netland ul a:hover, .sm-netland ul a:focus, .sm-netland ul a:active, .sm-netland ul a.highlighted { 
  border-top: 1px solid transparent !important; 
  border-bottom: 1px solid transparent !important; 
  text-transform: initial;
}

.sm-netland ul a:focus {
  border-top: 1px dotted #000000 !important; 
  border-bottom: 1px dotted #000000 !important;
}

/*----- MOBINAV -----*/

div#smartnavi-toggler-cont { 
  background-color: #3A6B6B;
  border-bottom: 1px solid #3A6B6B;
  z-index: 2000020;   
}

div#smartnavi-logo img { height: 40px; }

div#searchWrapContMobileGeneral { max-width: initial; }

div#generalsearch-searchterm-wrap-mobile { 
  background: #7fdde8;
  border: 1px solid #7fdde8;
}

/* styles.inc */
div#generalsearch-searchterm-wrap-mobile input.searchInput { 
  background: #7fdde8;
  height: 36px;
}

div#generalsearch-submit-search-wrap-mobile { background: #7fdde8; }

div#generalsearch-submit-search-wrap-mobile i { background: #7fdde8; }

div#smartnavi-toggle-button,
div#smartnavi-toggle-button:hover,
div#smartnavi-toggle-button:active { border: 1px solid #ffffff; }

div#smartnavi-bottom-container {
  background: #3A6B6B;
  border-top: 1px solid #3A6B6B;
}

div#smartnavi-bottom { color: #ffffff; }

div#smartnavi-bottom span#arrow-up { border-bottom: 8px solid #ffffff; }

/* R */
/* ul#main-menu.sm { } */

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

div#spSearchContainer {
  background-image: url(/img/layout/bg-film.jpg);
  background-size: cover;
  margin-top: 72px;
}

/* R */
div#spSearchWrap {
  background:
  url("/img/layout/bg-paper-top.png") repeat-x top,
  url("/img/layout/bg-paper-bottom.png") repeat-x bottom;
  padding: 72px 40px 56px 40px;
}

/* R */
div#spSearchTextWrap {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div#spSearchTextWrap h2 { margin-top: 0; }

/* R */
div#placeLiftContainer { padding-top: 72px; }

/* R */
div#placeLiftTextWrap {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* R, styles.inc */
div#placeLiftContainer h2 { margin-top: 0; }

/* R */
div#placeLiftCont { 
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16px;
  margin-top: 56px;
}

/* R */
div.placeLiftWrap {
  -moz-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  -webkit-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  border: 1px solid rgba(36,36,36,.05);
  transition: all 300ms ease-in-out 0s;
}

div.placeLiftWrap:hover, div.placeLiftWrap:focus-within {
  box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 30%);
  transition: box-shadow 300ms ease-in-out 0s;
}

div.placeLiftWrap a {
  display: block;
  height: 100%;
  text-decoration: none;
  padding: 2px;
}

div.placeLiftWrap a:hover,div.placeLiftWrap a:focus { 
  opacity: 1;
  border-top: 0;
  border-bottom: 0;
}

div.placeLiftWrap:hover div.placeLiftImgWrap, div.placeLiftWrap:focus-within div.placeLiftImgWrap {
  background-size: 124%; 
  transition: background-size 2s ease;
}

/* R */
div.placeLiftImgWrap {
  background-image: url(/img/no-image.png);
  background-repeat: no-repeat;
  background-size: 106% auto;
  background-position: center;
  transition: background-size 2s ease;
}

div.placeLiftTextWrap { 
  padding: 24px;
  overflow: hidden;
  line-height: 1.2em;
}

div.placeLiftTextWrap h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  transition: all 300ms ease-in-out 0s;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* styles.inc */
div.placeLiftWrap:hover h3, div.placeLiftWrap:focus-within h3 { transition: color 300ms ease-in-out 0s; }

/* styles.inc */
div.placeLiftText {
  overflow: hidden; 
  text-overflow: ellipsis;
} 

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

div.liftbox.teksti p:first-child { margin-top: 0; } 

/* div.liftarea-cont-wrap.rowfull { } */

/* R */
div.liftarea-cont-wrap.rowfull .liftarea-cont,
div.liftarea-cont-wrap.rowfull.has_row_style .liftarea-cont {
	margin-top: 45px;
	margin-bottom: 0;
}

div.liftarea-cont-wrap.rowfull.prevrowfull .liftarea-cont { margin-top: 0; }

div.liftarea-cont-wrap.has_row_style .liftarea-cont {	
	margin-top: 23px;
	margin-bottom: -23px;
}

div.liftarea-cont-wrap.has_row_style.nextrownostyle .liftarea-cont { margin-bottom: 0; }

/* R */
div.liftarea-cont-wrap2 { margin: auto; }

/* R */
div.extranarrow-cont div.liftarea-cont.first { margin-top: -40px; }

div.liftbox.kuva.haslink div.box_img img,
div.liftbox.kuva.haslink div.box_img h1 { cursor: pointer; }

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

/* styles.inc */
div.respbox-linkbox a {
  display: block;
  padding: 10px 15px;
  line-height: 1em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: all 300ms ease-in-out 0s;
}

/* styles.inc */
/* div.respbox-linkbox a:hover {} */

/* styles.inc */
a.respbox-link-button { 
	padding: 9px 18px 11px 18px;
	text-decoration: none;
	line-height: 1.4em;
	transition: all 500ms ease-in-out 0s;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* styles.inc */
a.respbox-link-button:hover { 
	opacity: 1;
	transition: background-color 500ms ease-in-out 0s; 
}

div.liftbox-1 a.respbox-link-button { width: 100%; }

/*-----------------------------------------------
MAPS
-----------------------------------------------*/
/* R */
#map_canvas { 
 margin-top: 32px;
 border: 1px solid #bbbbbb;
}

#img_map_canvas { 
 width 100%;
 height: 100%;
}

/* R */
.map_image {
 display: none;
 width: 882px;
 height: 606px; 
 border: 1px solid #bbbbbb;
}

/* R */
.gm-style .gm-style-iw-d { margin-top: -32px; }

/* R, styles.inc */
div.map_info_wrap {
  display: flex;
  width: 500px;
  z-index: 1;
  font-weight: 400;
}

/* R, styles.inc */
div.map_info_wrap h3 { margin: 0 40px 0 0; }

div.map_info_wrap div.lyhyt_kuvaus { margin-top: 12px; }

div.map_info_wrap div.lyhyt_kuvaus p { margin: 12px 0; }

div.map_info_wrap div.lyhyt_kuvaus p:last-of-type { margin-bottom: 8; }

/* R */
div.map_info_img_wrap { padding-right: 16px; }

.gm-style img { max-width: 160px; }

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

div.printImgWrap { display: none; }

div#prevnextWrap { 
  margin-top: 50px;
  margin-left: -15px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

div#prevnextWrap a.button { 
  display: block;
  color: #ffffff;
  line-height: 1em;
  text-decoration: none;
  white-space: nowrap;
  flex-grow: 1;
  margin-left: 15px;
  margin-bottom: 15px;
}

/* styles.inc */
div#prevnextWrapTop { 
  margin-top: -20px;
  margin-bottom: 30px;
}

/* R */
div.desc { margin-top: 48px; }

div.desc p:last-of-type { margin-bottom: 0px; }

/*-----------------------------------------------
MISC
-----------------------------------------------*/

/*--- scroller ---*/

.mCSB_scrollTools .mCSB_buttonUp { background-position:-112px 0; }
.mCSB_scrollTools .mCSB_buttonDown { background-position:-112px -20px; }
.mCSB_scrollTools .mCSB_draggerRail { background:#EBE9DF; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; width: 10px; background:#D1C6B2; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:#BBAB90; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:#998D77; }

div.tipWrap {
 background: #ffffff 4px center no-repeat url(/common_ui/embed_ui/img/icons_silk/lightbulb_2.png);
 padding: 7px 10px 7px 27px;
 margin: 10px 0;
 line-height: 100%;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 0px 0px 10px 0px #b4a08c;
 -webkit-box-shadow: 0px 0px 10px 0px #b4a08c;
 box-shadow: 0px 0px 10px 0px #b4a08c;
}

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

.flexslider .flex-next,
.flexslider:hover .flex-next { right: 20px;}
.flexslider .flex-prev,
.flexslider:hover .flex-prev { left: 20px; }

.flex-direction-nav .flex-disabled { display: none; }

.flex-direction-nav a { 
  border: 0 solid transparent;
  background: url(/img/bg_direction_nav.png) no-repeat 0 0;
}

div#flexslider-cont { position: relative; }

div#flexslider-cont div.flexslider {
  border:0;
  margin-bottom: 0;
  border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

div#flexslider-cont div.flexslider-wrap {
  height: 50vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ffffff;
}

div#flexslider-cont div.flexslider-wrap2 {
  height: 50vh;
  background-image: url(/img/layout/filmi.png), url(/img/layout/filmi.png);
  background-position: top center, bottom center;
  background-size: auto 28px, auto 28px;
  background-repeat: repeat-x, repeat-x;
}

div#slider {
  position: relative;
  background: #ffffff;
  border:1px solid #ffffff;
  border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 -moz-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
 -webkit-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
}

div#slider.fullscreen {
  background: initial;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000000;
}

/* R */
a#closefullscreen {
  color: #ccc;
  top: 10px;
  right: 10px;
  position: absolute;
  cursor: pointer;
  line-height: 1em;
  display: none;
  z-index: 2000010;
  border: 1px solid transparent;
}

a#closefullscreen:hover,
a#closefullscreen:focus { color: #fff; }

a#closefullscreen:focus { border: 1px dotted #ffffff; }

/* R */
div#slider div.sliderWrap {
  position: relative;
  height: 580px;
  margin: 8px 8px 40px 8px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

div#slider div.sliderWrap:hover { cursor:pointer; }

div#slider div.sliderWrap img {
 object-fit: contain;
 height: 100%;
 width: 100%;
}

div#slider.fullscreen div.sliderWrap {
 width: 100vw;
 height: calc(95vh - 40px);
 margin: 0;
 margin-top: calc((100vh - 95vh) / 2);
 margin-left: 50%;
 transform: translateX(-50%);
}

div#slider.fullscreen div.sliderWrap:hover { cursor:default; }

div#slider div#sliderMap {
 display: none;
 background-color: white;
 width: 100%;
 height: 100%;
 text-align: center;
 padding-top: 50px;
}

div#slider a#sliderPrev {
 left: 4px;
 width: 44px;
 height: 44px;
 top: calc(50% - 20px);
 transform: translateY(-50%);
 position: absolute;
 background: #ffffff;
 cursor: pointer;
 opacity: 1;
 z-index: 199999;
}

div#slider.fullscreen a#sliderPrev { left: 8px; }

div#slider a#sliderZoom {
 left: 50%;
 top: calc(50% - 20px);
 transform: translate(-50%, -50%);
 position: absolute;
 color: #ffffff;
 cursor: pointer;
 opacity: 0.4;
 z-index: 199999;
}

div#slider a#sliderZoom:focus { 
  opacity: 1;
  border-top: 0;
  border-bottom: 0;
}

div#slider.fullscreen a#sliderZoom { display: none !important; }

div#slider a#sliderNext {
 right: 4px;
 width: 44px;
 height: 44px;
 top: calc(50% - 20px);
 transform: translateY(-50%);
 position: absolute;
 background: #ffffff;
 cursor: pointer;
 opacity: 1;
 line-height: 1em;
 z-index: 199999;
}

div#slider.fullscreen a#sliderNext { right: 8px; }

div#slider a#sliderPrev:hover,
div#slider a#sliderPrev:focus,
div#slider a#sliderNext:hover,
div#slider a#sliderNext:focus {
  opacity: 0.8;
  border: initial;
}

div#slider:hover a#sliderZoom,
div#slider:focus a#sliderZoom {
 opacity: 0.9;
}

div#slider:hover a#sliderPrev,
div#slider:focus a#sliderPrev {
 display: block;
}

div#slider a#sliderPrev.forcehide,
div#slider a#sliderNext.forcehide {
 display: none !important;
}

div#slider:hover a#sliderNext,
div#slider:focus a#sliderNext {
 display: block;
}

div#slider a#sliderPrev span,
div#slider a#sliderNext span { font-size: 44px; }

div#slider a#sliderZoom span {
 font-size: 4em;
}

/* R */
div#slider .flexslider-img-text-cont {
  width: 100%;
  position: absolute;
  bottom: -40px;
  left: 0;
  padding: 10px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4em;
  background-color: #fff;
  color: #000;
}

div#slider .flexslider-img-text-cont span.img-nimi { font-weight: bold; }

div#slider .flexslider-img-text-cont span.img-osoite {  }

div#slider .flexslider-img-text-cont span.img-ottovuosi {  }

div#slider .flexslider-img-text-cont span.ottovuosi { 
 opacity: 0.7;
 font-style: italic;
 display: inline-block;
 margin-left: 10px;
}

div#slider.fullscreen .flexslider-img-text-cont {
 position: fixed;
 bottom: calc(-2.5vh - 40px);
 width: 100%;
 left: 0;
 background-color: #1a1a1a;
 color: #fff;
 padding: 10px 15px 20px 15px;
}

/* R */
div#slider .flexslider-img-text-wrap {
 position: absolute;
 bottom: 0;
 width: 100%;
 background: #ffffff;
 color: #ffffff;
 font-size: 15px;
 line-height: 1.2em;
 text-align: center;
}

/* R */
div#slider .flexslider-img-text { padding: 15px 45px; }

div#slider .flexslider-img-text h1,
div#slider .flexslider-img-text a,
div#slider .flexslider-img-text a h1 {
 color: #ffffff;
 text-decoration: none;
}

div#slider .flexslider-img-text h1 { 
 font-size: 26px;
 margin: 0;
 display: inline-block;
}

div#slider div#slider-tabs {
 position: absolute;
 top: 0;
 display: flex;
 gap: 2px;
 left: 50%;
 transform: translateX(-50%);
}

div#slider div#slider-tabs div.slider-tab {
 background-color: #fff;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 color: black;
 cursor: pointer;
 padding: 8px;
 font-size: 1.5rem;
 line-height: 1rem;
}

div#slider div#slider-tabs div.slider-tab.selected {
 background-color: black;
 color: white;
 cursor: default;
}

div#carousel {
  border:0;
  margin-bottom: 0;
  border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
  background: transparent;
  display: flex;
  flex-wrap: wrap;
}

div#carousel > a { 
 opacity: 0.5; 
 cursor: pointer;
}

div#carousel > a:hover { opacity: 1; }

/* R */
div#carousel a.carouselWrap {
  background: #ffffff;
  -moz-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  -webkit-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);  
  border: 4px solid #ffffff;
  width: 89px;
  height: 89px;
  background-size: contain;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

div#carousel a.carouselWrap.selected { opacity: 1; }

div#carousel a.carouselWrap.selected { 
  background-color: #C76A68;
  border: 4px solid #C76A68;
}

#carousel .flex-viewport { height: initial !important; }

/* ALBUMLIST */

div.vv-album-itemWrap {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 16px;
  margin-top: 40px;
}

/* R */
.vv-album-item {
 -moz-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
 -webkit-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
 box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
 transition: all 300ms ease-in-out 0s;
 cursor: pointer;
 border: 3px solid transparent;
 text-decoration: none;
}

.vv-album-item:hover,
.vv-album-item:focus-within {
  text-decoration: none; 
  box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 30%);
  transition: box-shadow 300ms ease-in-out 0s;
  border: 3px solid transparent;
}

div.vv-album-itemImgWrap {
  background-image: url(/img/no-image.png);
  background-repeat: no-repeat;
  background-size: 106% auto;
  background-position: center;
  transition: background-size 2s ease;
}

.vv-album-item:hover div.vv-album-itemImgWrap,
.vv-album-item:focus-within div.vv-album-itemImgWrap {
  background-size: 124%; 
  transition: background-size 2s ease;
}

div.vv-album-itemText {
 padding: 24px;
 overflow: hidden;
}

/* styles.inc */
div.vv-album-itemText h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  transition: all 300ms ease-in-out 0s;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* styles.inc */
div.vv-album-item:hover h3, div.album-item:focus-within h3 { transition: color 300ms ease-in-out 0s; }


/* IMAGELIST */

/* R */
form#searchform { 
  display: flex;
  justify-content: center;
  gap: 8px;
}

div#imagesearchcont form#searchform { justify-content: flex-start; }

div#imagesearchcont div.notification { margin-top: 32px; }

div.vv-itemWrap {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 16px;
}

.vv-item {
 -moz-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
 -webkit-box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  box-shadow: 0 0.2rem 2rem rgb(36 36 36 / 10%);
  transition: all 300ms ease-in-out 0s;
  cursor: pointer;
  border: 4px solid transparent;
  padding: 12px;
  text-decoration: none;
  position: relative;
}

.vv-item.selected,
.vv-item.selected:hover,
.vv-item.selected:focus-within { border: 4px solid #C76A68; }

.vv-item:hover,
.vv-item:focus-within {
  text-decoration: none;
  translate: 0 -3px;
  box-shadow: 0 0.4rem 2.8rem rgb(36 36 36 / 30%);
  transition: all 300ms ease-in-out 0s;
  border: 4px solid transparent;
}

div.vv-itemImgWrap {
 background-image: url(/img/no-image.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 position: relative;
}

div.vv-itemImgWrap span.zoom {
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 position: absolute;
 color: #ffffff;
 opacity: 0.4;
 z-index: 199999;
 font-size: 3em;
}

.vv-itemText {
  line-height: 1.2em;
  padding: 16px 8px 8px 8px;
  overflow: hidden;
}

.vv-itemDesc { 
  line-height: 1.2em;
  padding-top: 8px;
  margin-right: 8px;
}