/* Static */
.item.static1 {
    font-size: 6vmin;
}
.item.static1 .date-wrap, .item.static1 .time-wrap, .item.static1 .date-separator {
    display: none;
}
.postdate .item.static1 .date-wrap, .posttime .item.static1 .time-wrap, .posttime.postdate .item.static1 .date-separator {
    display: inline;
}
.item.static1,
.item.static1 .item_wrap {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.item.static1 .item_wrap {
    position: relative;
    background: #fff;
}
.item.static1 .front {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.item.static1 .image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
}
.item.static1 .image img {
    display: none;
}
.item.static1 .video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.item.static1 .text {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 0.3em;
    font-size: 100%;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}
.item.static1.textshort .text {
    font-size: 200%;
}
.item.static1.textmid .text {
    font-size: 150%;
}
.item.static1.textlong .text {
    font-size: 100%;
}
.item.static1 .text_wrap_outer {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 0.1em;
    overflow: hidden;
    background: none;
}
.item.static1 .text_wrap_outer::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.0em;
    z-index: 1;
    background: none;
}
.item.static1 .text_wrap {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}
.item.static1 .text_wrap_inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.item.static1 .text_wrap span {
    display: inline-block;
    width: 100%;
}
.item.static1 .status {
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0.3em 0.3em;
    overflow: hidden;
    font-size: 70%;
    line-height: 1.8em;
    white-space: nowrap;
    z-index: 1;
}

.item.static1 .status .nickname {
    display: none;
}

.item.static1 .status .authoravatar,
.item.static1 .status .author,
.item.static1 .status .social,
.item.static1 .status .date {
    position: absolute;
    overflow:  hidden;
    height: 1.5em;
}
.item.static1 .status .date {
    text-transform: lowercase;
}
.item.static1 .status .authoravatar {
    background: url(/public/img/wall/snwall-black-short.png) no-repeat center center / 70% auto #c0ced5;
    border: 1px solid #282c2e;
    width: 1.5em;
    line-height: 1.5em;
    border-radius: 100%;
}
.item.static1 .status .authoravatar img {
    display: block;
    min-height: 100%;
    min-width: 100%;
    height: 100%;
}
.item.static1 .status .social {
    width: 1.5em;
    line-height: 1.5em;
    text-align: center;
    overflow: visible;
}
.item.static1 .status .social.fa::before {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.6em;
    overflow: visible;
}



/* Modifiers */
.item.static1.noimage .image {
    display: none !important;
}
.item.static1.novideo .video {
    display: none !important;
}
.item.static1.notext .text {
    display: none !important;
}


.postmargin .item.static1 {
    box-sizing: border-box;
    padding: 0.2em;
}
.postrounded .item.static1 .item_wrap {
    border-radius: 1em;
}
.postrounded .item.static1 .item_wrap .text_wrap_outer {
    border-radius: 0.8em;
}
.useravatar .item.static1 .text,
.username .item.static1 .text,
.postdate .item.static1 .text,
.posttime .item.static1 .text,
.postsite .item.static1 .text {
    height: 90%;
}
.useravatar .item.static1 .status,
.username .item.static1 .status,
.postdate .item.static1 .status,
.posttime .item.static1 .status,
.postsite .item.static1 .status {
    display: block;
    height: 10%;
}
/* all is */
.useravatar.username.postdate.postsite .item.static1 .status .authoravatar,
.useravatar.username.postdate.postsite .item.static1 .status .author,
.useravatar.username.postdate.postsite .item.static1 .status .date,
.useravatar.username.postdate.postsite .item.static1 .status .social,
.useravatar.username.posttime.postsite .item.static1 .status .authoravatar,
.useravatar.username.posttime.postsite .item.static1 .status .author,
.useravatar.username.posttime.postsite .item.static1 .status .date,
.useravatar.username.posttime.postsite .item.static1 .status .social  {
    display: block;
    left: auto;
    right: auto;
    text-align: left;
}
.useravatar.username.postdate.postsite .item.static1 .status .authoravatar,
.useravatar.username.posttime.postsite .item.static1 .status .authoravatar {
    left: 1em;
}
.useravatar.username.postdate.postsite .item.static1 .status .author,
.useravatar.username.posttime.postsite .item.static1 .status .author  {
    left: 2.9em;
    max-width: 40%;
}
.useravatar.username.postdate.postsite .item.static1 .status .date,
.useravatar.username.posttime.postsite .item.static1 .status .date {
    right: 2.9em;
    text-align: right;
}
.useravatar.username.postdate.postsite .item.static1 .status .social,
.useravatar.username.posttime.postsite .item.static1 .status .social {
    right: 1em;
}
/* no avatar */
.username.postdate.postsite .item.static1 .status .author,
.username.postdate.postsite .item.static1 .status .date,
.username.postdate.postsite .item.static1 .status .social,
.username.posttime.postsite .item.static1 .status .author,
.username.posttime.postsite .item.static1 .status .date,
.username.posttime.postsite .item.static1 .status .social {
    display: block;
    left: auto;
    right: auto;
    text-align: left;
}
.username.postdate.postsite .item.static1 .status .authoravatar,
.username.posttime.postsite .item.static1 .status .authoravatar {
    display: none;
}
.username.postdate.postsite .item.static1 .status .author,
.username.posttime.postsite .item.static1 .status .author {
    left: 2.9em;
    max-width: 40%;
}
.username.postdate.postsite .item.static1 .status .date,
.username.posttime.postsite .item.static1 .status .date {
    right: 1em;
    text-align: right;
}
.username.postdate.postsite .item.static1 .status .social,
.username.posttime.postsite .item.static1 .status .social {
    left: 1em;
}
/* no date */
.useravatar.username.postsite .item.static1 .status .authoravatar,
.useravatar.username.postsite .item.static1 .status .author,
.useravatar.username.postsite .item.static1 .status .social {
    display: block;
    left: auto;
    right: auto;
    text-align: left;
}
.useravatar.username.postsite .item.static1 .status .authoravatar {
    left: 1em;
}
.useravatar.username.postsite .item.static1 .status .author {
    left: 2.9em;
    max-width: 70%;
}
.useravatar.username.postsite .item.static1 .status .date {
    display: none;
}
.useravatar.username.postsite .item.static1 .status .social {
    right: 1em;
}
/* no site */
.useravatar.username.postdate .item.static1 .status .authoravatar,
.useravatar.username.postdate .item.static1 .status .author,
.useravatar.username.postdate .item.static1 .status .date,
.useravatar.username.posttime .item.static1 .status .authoravatar,
.useravatar.username.posttime .item.static1 .status .author,
.useravatar.username.posttime .item.static1 .status .date {
    display: block;
    left: auto;
    right: auto;
    text-align: left;
}
.useravatar.username.postdate .item.static1 .status .authoravatar,
.useravatar.username.posttime .item.static1 .status .authoravatar {
    left: calc(50% - 0.75em);
}
.useravatar.username.postdate .item.static1 .status .author,
.useravatar.username.posttime .item.static1 .status .author {
    right: calc(50% + 1.5em);
    max-width: 40%;
    text-align: right;
}
.useravatar.username.postdate .item.static1 .status .date,
.useravatar.username.posttime .item.static1 .status .date {
    left: calc(50% + 1.5em);
}
.useravatar.username.postdate .item.static1 .status .social,
.useravatar.username.posttime .item.static1 .status .social {
    display: none;
}
/* no date, no site */
.useravatar.username .item.static1 .status .authoravatar,
.useravatar.username .item.static1 .status .author {
    display: block;
    left: auto;
    right: auto;
    text-align: left;
}
.username.useravatar .item.static1 .status .authoravatar {
    left: 1em;
}
.username.useravatar .item.static1 .status .author {
    left: 2.9em;
    max-width: 40%;
}
.username.useravatar .item.static1 .status .date {
    display: none;
}
.username.useravatar.item.static1 .status .social {
    display: none;
}
/* no avatar, no name */
.postdate.postsite .item.static1 .status .date,
.posttime.postsite .item.static1 .status .social {
    display: block;
    left: auto;
    right: auto;
    text-align: left;
}
.postdate.postsite .item.static1 .status .authoravatar,
.posttime.postsite .item.static1 .status .authoravatar {
    display: none;
}
.postdate.postsite .item.static1 .status .author,
.posttime.postsite .item.static1 .status .author {
    display: none;
}
.postdate.postsite .item.static1 .status .date,
.posttime.postsite .item.static1 .status .date {
    left: 2.9em;
}
.postdate.postsite .item.static1 .status .social,
.posttime.postsite .item.static1 .status .social {
    left: 1em;
}


.itemrelative .item.static1 .item_wrap,
.itemrelative .item.static1 .front,
.itemrelative .item.static1 .image,
.itemrelative .item.static1 .image img {
    position: relative;
    height: 100%;
    width: auto;
}
.itemrelative .item.static1 .image img {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
}


/* Animation */
/* none */