﻿/* CMS settings */
div.sideBlock .twitter-results{margin-top: 5px; min-height: 20px; background-size: 20px; padding: 5px 5px 0 35px;}
div.sideBlock.nohint div{display:none;}

/* plugin */
.twitter-plugin .scroll-vertical {height:100vh;width:100vw;}
.twitter-plugin .twitter-items{display:inline-block;}
.twitter-plugin .twitter-items .item {
    display: block;
    position: relative;
    height: 23vw;
    width: 23vw;
    float: left;
    font-size:1.5vw;
}
.twitter-plugin .twitter-items .item.even.left {margin-left: 10vw;}

.twitter-plugin .twitter-items .item .content {background-repeat: no-repeat;
background-size: auto 110%;
background-position: -1vw -1vw;
display: inline-block;
height: 19vw;
width: 19vw;
position: relative;
background-color: #53524A;
}
.twitter-plugin .twitter-items .item.image > .content {background-size: cover; background-position: center;margin:0;}
.twitter-plugin .twitter-items .item.image > .content .content {background-color: transparent;}
.twitter-plugin .twitter-items .item .content > p{max-height: 9.5vw; margin: 1.2vw 1vw 0 3vw; overflow: hidden; padding-top: 3vw;}
.twitter-plugin .twitter-items .item .content > span{right: 4.2vw; bottom: 2.5vw; position: absolute; font-size: 1vw; text-transform: lowercase;}
/* Invitation text */
.twitter-plugin .twitter-items .item .content.qr-code{background-color:#FF7320;}
.twitter-plugin .twitter-items .item .content > h3{width:100%; text-align:center; padding-left: 3vw;}
.twitter-plugin .twitter-items .item .content > h3 + p{max-height:6vw; padding-top: 0; background: none; margin-top: -1vw;}
.twitter-plugin .twitter-items .item .content > h3 + p + div{margin-top: 0.4vw;}
.twitter-plugin .twitter-items .item .content > h3 + p + div table{margin: 0 62% 0 38%; position:absolute;}


.landscape .twitter-plugin .twitter-items .item:nth-child(6n+1) > .content{margin:4vw 2vw 0 2vw;}
.landscape .twitter-plugin .twitter-items .item:nth-child(6n+2) > .content{margin:2vw 3vw 2vw 1vw;}
.landscape .twitter-plugin .twitter-items .item:nth-child(6n+3) > .content{margin:1vw 0 3vw 4vw;}
.landscape .twitter-plugin .twitter-items .item:nth-child(6n+4) > .content{margin:3vw 2vw 1vw 2vw}
.landscape .twitter-plugin .twitter-items .item:nth-child(6n+5) > .content{margin:4vw 1vw 0 3vw;}
.landscape .twitter-plugin .twitter-items .item:nth-child(6n+6) > .content{margin:1vw 4vw 3vw 0;}

.portrait .twitter-plugin .twitter-items .item{height:35vw; width:35vw; font-size:3vw; margin-left:5vw;}
.portrait .twitter-plugin .twitter-items .item.even.left {margin-left: 15vw;}
.portrait .twitter-plugin .twitter-items .item .content{background-size:109%; height: 35vw; width: 35vw;}
.portrait .twitter-plugin .twitter-items .item .content > p {max-height: 15vw; margin: 3vw 1vw 0 6vw; overflow: hidden; padding-top: 6vw; background-size: 5vw; background-position: 18vw 0; width: 27vw;}
.portrait .twitter-plugin .twitter-items .item .content > span {font-size: 2.5vw; right: 6vw; bottom: 6vw;}
.portrait .twitter-plugin .twitter-items .item .content > h3{padding-left: 5vw;}
.portrait .twitter-plugin .twitter-items .item .content > h3 + p{max-height: 8vw; margin: -2vw 0 0 5vw; padding: 0; width: 29vw;}
.portrait .twitter-plugin .twitter-items .item.image > .content {background-size: cover;}