/*
Theme Name: Riitta Hytönen-Pasanen
Theme URI:
Description: Riitta Hytönen-Pasanen
Version: 1.0
Author: Elysium Solutions Oy / Marko
Author URI: http://elysium.fi
*/

@import url('https://fonts.googleapis.com/css?family=Mada:400,900|Quicksand:400,500,700');

html, body {
    width:100%;
    height:100%;
}

body {
    font-family:'Quicksand', Verdana, Arial, sans-serif;
    background: #FFF no-repeat top center fixed;
    font-size: 22px;
    color:#000;
    font-weight:500;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h1, h2, h3, h4 {
    font-family:'Mada', Verdana, Arial, sans-serif;
    font-weight:900;
}

strong {
    font-weight:700;
}

img, iframe {
    max-width: 100%;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#adely {
    width:100%;
    text-align: center;
}

#adely a {
    text-transform: none;
}

#adely img {
    padding-bottom:10px;
    opacity:0.6;
}

.alignleft {
    display: inline;
    float: left;
    margin: 0 20px 10px 0;
}
.alignright {
    display: inline;
    float: right;
    margin: 0 0 10px 20px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.alignnone {
    margin:0px 0 10px 0;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
embed,
iframe,
object {
    max-width: 100%;
}

#header {
    text-align: center;
    color:rgb(243,241,242);
    padding:30px 0 0 0;
    margin-bottom:50px;
    background: rgba(93,97,100,0.5);
}

#galleriakuva {
    position: relative;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    height:100%;
    background: center center no-repeat;
    background-size: contain;
}

#galleriakuva img {
}

#galleriakuva .seuraava,
#galleriakuva .edellinen {
    position: absolute;
    z-index: 4;
    font-size:50px;
    color:#FFF;
    text-shadow: 0 0 5px #000000;
    top:45%;
}

#galleriakuva .edellinen {
    left:20px;
}

#galleriakuva .seuraava {
    right:20px;
}

.kuvakuvaus {
    bottom:0;
    position: absolute;
}

.kuvakuvaus .etusivuajankohtainen {
    margin:30px 0;
}

#slogan {
    font-weight:bold;
    font-size:30px;
    padding-bottom:20px;
}

.galleria {
    padding: 50px 0;
}

.gallerialinkki {
    color:rgb(243,241,242);
    background: rgba(93,97,100,0.5);
    display: block;
    padding:15px;
    margin-bottom:20px;
    text-align: center;
    font-weight:bold;
}

.gallerialinkki:hover {
    color:rgb(243,241,242);
}

.galleriasivulinkki {
    color:rgb(243,241,242);
    background: rgba(93,97,100,0.5);
    display: block;
    text-align: center;
    font-weight:bold;
    padding: 5px 10px;
    font-size:20px;
}

.galleriasivulinkki:hover {
    color:rgb(243,241,242);
}

.galleriasivukuvaus {
    margin:5px 0 15px 0;
    font-size:16px;
}

.alasivut {
    padding-bottom:40px;
    text-align: center;
}

.alasivut a {
    font-weight:bold;
    color:#000;
}

.etusivuajankohtainen {
    color:rgb(243,241,242);
    background: rgba(93,97,100,0.5);
    padding:15px;
    margin:0 0 50px 0;
    text-align: center;
}

.etusivuajankohtainen p:last-child {
    margin:0;
}

#valikko {
    border-top:1px solid rgba(243,241,242,0.8);
    border-bottom:1px solid rgba(243,241,242,0.8);
}

#valikko ul {
    list-style-type: none;
    padding: 0;
    margin:0;
}

#valikko ul li {
    list-style:none;
    display: inline-block;
    padding:15px 15px;
    position: relative;
}

#valikko ul li:after {
    content: "|";
    position: absolute;
    right:-4px;
    top:15px;
}

#valikko ul li:last-child:after, #valikko ul li ul li:after {
    content:"";
}

#valikko ul li a {
    color:#FFF;
    font-weight:bold;
    display: block;
}

#valikko ul li ul {
    display: none;
    padding-top:15px;
}

#valikko li:hover > ul {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

#valikko ul li ul li {
    padding:5px 15px;
    display: block;
    background:rgba(243,241,242,0.8);
    white-space: nowrap;
}

#valikko ul li ul li:first-child {
    padding:10px 15px 5px 15px;

}

#valikko ul li ul li:last-child {
    padding:5px 15px 10px 15px;
}

#valikko ul li ul li a {
    color:#000;
    display: block;

}

.page-title {
    text-align: center;
    font-size:30px;
    margin-top:0;
    margin-bottom:20px;
}


/* mobile */

.galleria {
    height:400px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .galleria {
        height:100vh;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .galleria {
        height:100vh;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .galleria {
        height:100vh;
    }
}