@charset "UTF-8";
/* CSS Document */
.postcard div .mask { background-color: rgba(219,127,8, 0.3);}

.mask {
width: 100%;
height: 100%;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(219,127,8, 0.3);
    opacity: 0;
    transition: all 0.4s ease-in-out;
    /*background:url(mouse-bg.png) no-repeat 0 0;*/
blend-mode: multiply;   
	z-index: 1001;
}

.mask h2 {
padding: 0;
margin: 10px 10px 0px 10px;
color: #fff;
font-size: 18px;
font-family:'Indie Flower', cursive;
opacity: 0;
transition: all 0.2s ease-in-out;
transform: translateY(-100px);
}

.sz1 .mask h2 {
padding: 0;
margin: 3px 10px 0px 3px;
}

.mask p {
padding: 0;
margin: 0px 10px 10px 10px;
color: #fff;
font-size: 12px;
font-family:'Indie Flower', cursive;
font-weight: bold;
opacity: 0;
transition: all 0.2s linear;
transform: translateY(100px);
}

.sz1 .mask p {
padding: 0;
margin: 0px 10px 0px 3px;
}

.sz1:hover .mask, .sz2:hover .mask, .sz3:hover .mask {
opacity: 1;
}

.sz1:hover .mask {
background-image: none;
}

.sz1:hover h2, .sz2:hover h2, .sz3:hover h2,
.sz1:hover p, .sz2:hover p, .sz3:hover p {
opacity: 1;
transform: translateY(0px);
}

.sz1:hover p, .sz2:hover p, .sz3:hover p {
transition-delay: 0.1s;
}