@charset "UTF-8";
/* CSS Document */


.galleriacontainer {
    position: relative;
	float:left;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding-bottom: 80px;
}

.galleria {
    position: relative;
	width: 300px;
	height: 300px;
	padding: 10px;
	background-color: #515A8E;
	margin: 40px 4%;
	border: 1px;
	border-color: #888;
	border-style: solid;
	-webkit-box-shadow: 0px 0px 30px 0px #000000;
    -moz-box-shadow: 0px 0px 30px 0px #000000;
	box-shadow: 0px 0px 30px #000000;
}

.galleria:hover, .galleria:active, .galleria:hover, .galleria:active {
	-webkit-box-shadow: 0px 0px 30px 0px #B5DEE6;
    -moz-box-shadow:0px 0px 30px 0px #B5DEE6;
	box-shadow: 0px 0px 30px #B5DEE6;
}

.galleria .textwrap {
    display: none;
	position: absolute;
	width: calc(100% - 20px);
	top: 35%;
	font-family: "Lato";
	font-size: 1.1em;
	font-variant: normal;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.5em;
    color: #ffffff;
}

.galleria:hover .textwrap, .galleria:target .textwrap, .galleria:active .textwrap, .galleria:hover p, .galleria:target p, .galleria:active p {
    display: block;
}

.galleria .textwrap.yksirivi, p.yksirivi {
    top: calc(50% - 17px);
}

.galleria .textwrap.kaksirivi, p.kaksirivi {
    top: 39%;
}

.galleria .textwrap.kolmirivi {
    top: 34%;
}

.galleria .textwrap p, .galleria p {
	font-weight: 900;
	letter-spacing: 0;
    padding: 0;
    margin: 0;
	-webkit-text-shadow: 0px 0px 8px #000000 !important;
    -moz-text-shadow: 0px 0px 8px #000000 !important;
	text-shadow: 0px 0px 8px #000000 !important;
}

.galleria .textwrap a, p.videoteos a {
	padding-top:0;
	margin-top:0;
	font-weight:400;
    text-decoration: none;
}

.galleria p.videoteos a {
    color: #ffffff;
}

.galleria p.videoteos a:hover, .galleria p.videoteos a:active, .galleria p.videoteos a:focus {
	color:#f2e1b8;
}

.isothumb {
	width: 100%;
	height: 100%;
}

.isothumb img {
    width: 100%;
    height:auto;
}

#jaljet isothumb {
    background-image: url("../kuvat/galleria/thumbs/sydanateria.webp");
}

.thumb {
	display:none;
}


/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: 0.7;
    display: none;
}



/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
	display: flex;
    justify-content: center;
    flex-direction: column;
  left: 0;
  top:20px;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: Lato, sans-serif;
  font-weight: 300;
  letter-spacing:.05em;
}