@charset "UTF-8";

body {
	background-color:#d90e08;
    background-image: url("../tapetti/sankaritapetti.webp");
	background-size:cover;
    background-repeat: no-repeat;
    z-index: 5;
}

.sivualue.supersankarit {
    background-color:#d90e08;
    box-shadow: 0px 0px 30px rgb(0, 0, 0, 1);
}



/* TYPO */
.sisalto.supersankarit, .media.supersankarit {
	color:#f7e51b;
}

.ingressi.supersankarit {
    font-size: 1.8rem;
}

.supersankarit p {
    letter-spacing: .03em;
    /*text-shadow: 3px 3px 3px rgba(0, 0, 0, .9);*/
}

h1.supersankarit, h2.supersankarit, h3.supersankarit {
    color: #ffd900;
    letter-spacing: .02em;
    line-height: 1.2em;
}

.sisalto.supersankarit a:link, .sisalto.supersankarit a:visited {
	color: inherit;
}

.supersankarit a:hover, .supersankarit a:target, .supersankarit a:active, h1.supersankarit a:hover, h1.supersankarit a:target, h1.supersankarit a:active {
    color: #2a4ca8;
}

.footer.supersankarit li, .footer.supersankarit li a {
    color: #ffd900;
}

.footer.supersankarit a:hover, .footer.supersankarit a:active, .footer.supersankarit a:target, h1.supersankarit a:hover, h1.supersankarit a:active, h1.supersankarit a:target, h2.supersankarit a:hover, h2.supersankarit a:active, h2.supersankarit a:target, h3.supersankarit a:hover, h3.supersankarit a:active, h3.supersankarit a:target  {
    color: #d90e08;
}


/* TEKSTIPALSTA */
.sisalto.biisi.supersankarit, .sisalto.biisi.supersankarit h2.ingressi {
  margin-top: 0;
}




/* MEDIA */
.supersankarit .videoikkuna, .supersankarit .videowrapper, img.kanavakuva, .supersankarit .thumb img, .julkku.supersankarit img {
    -moz-box-shadow: 13px 13px 2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 13px 13px 2px rgba(0, 0, 0, 1);
    box-shadow: 13px 13px 2px rgba(0, 0, 0, 1);
}

.videoikkuna.supersankarit {
	display:flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 177.78%; /* KUVASUHDE 9:16*/
}




/* KUVAGALLERIA */
.supersankarit .thumb img {
	border: 4px solid #ffd900;
}

div.thumb {
    display: inline-block;
    float: none;
    margin: 0 1% 20px;
    width: calc(30% - 2px);
}

.thumb img {
    width: calc(100% - 8px);
}

.galleria.supersankarit a:hover {
	color:#2a4ca8;
}



/*  TAUSTA  */
.bg-wrap, .bg {
    display: block;
}

    
.bg {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #862128;
    background-image: url("../tapetti/sankaritapetti.webp");
	background-size: auto;
    background-repeat: repeat;
    z-index: 1;
}