.auto_tiles{
    visibility:hidden
}
.auto_tiles .post{
    background-color:#eee;
    border-radius:8px
}
.auto_tiles .embed-youtube{
    padding:0;
    margin:0;
    height:100%
}
.woocommerce .wc-products.auto_tiles .product .post-image{
    padding:0
}
.is_phone .auto_tiles .post-image + .post-content{
    position:absolute;
    width:100%;
    left:0
}
.auto_tiles .post-content{
    padding:2em 1em 1em
}
.auto_tiles .post-image + .post-content{
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.65) 40%,#fff 100%);
    bottom:0;
    left:0;
    right:0;
    position:absolute;
    overflow:hidden;
    width:100%;
    padding-bottom:10px;
    padding-top:3em;
    z-index:1;
    border-radius:0 0 8px 8px;
    box-sizing:border-box;
    transition:background-color .3s ease-in-out,color .3s ease-in-out,opacity .3s ease-in-out,top .3s ease-in-out,bottom .3s ease-in-out
}
.auto_tiles .post-title{
    font-size:1.3em
}
.auto_tiles .post-meta{
    font-size:.65em
}
.auto_tiles .post-cat-tag-wrap{
    font-size:.7em
}
.is_phone .auto_tiles .post-meta,
.auto_tiles .post:hover .post-image + .post-content:before{
    opacity:1
}
.auto_tiles .post:hover .post-meta,
.auto_tiles .post:hover .entry-content{
    display:block
}
.auto_tiles .post.tiled-square-small .post-title,
.auto_tiles .post.tiled-portrait .post-title{
	font-size:1.15em;
	letter-spacing:-.015em
}
.auto_tiles .post.tiled-landscape .post-title{
	font-size:1.6em;
	letter-spacing:-.015em
}
.auto_tiles .post-image + .post-content{
	bottom:-100%
}
.auto_tiles .post:hover .post-content{
	bottom:0
}
.auto_tiles .post .entry-content{
	font-size:.9em;
	line-height:1.6;
	max-height:40%;
	overflow:hidden
}
.auto_tiles .post:hover .post-image{
	transform:scale(1.1)
}
