/*
Theme Name: Crispy Sub v2
Theme URI: http://crispy-sub.co.il/
Description: ערכת העיצוב השנייה של קריספי סאב.
Author: Artem
Author URI: http://crispy-sub.co.il/
Version: 2.1.60
Text Domain: crispysub2
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    overflow-y: scroll;
    position: relative;
}
body {
    background: #fff;
}
body.logged-in {
    margin-top: 40px !important;
}
@media screen and ( max-width: 782px ) {
    body.logged-in {
        margin-top: 46px !important;
    }
}
*,*:before,*:after {
    box-sizing: border-box;
}
h1 {
    display: block;
    font-size: 2vw;
    margin-top: 0.9vw;
    margin-bottom: 0.9vw;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h2 {
    display: block;
    font-size: 1.5vw;
    margin-top: 0.675vw;
    margin-bottom: 0.675vw;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h3 {
    display: block;
    font-size: 1.2vw;
    margin-top: 0.54vw;
    margin-bottom: 0.54vw;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h4 {
    display: block;
    font-size: 1vw;
    margin-top: 0.45vw;
    margin-bottom: 0.45vw;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h5 {
    display: block;
    font-size: 0.83vw;
    margin-top: 0.37vw;
    margin-bottom: 0.37vw;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h6 {
    display: block;
    font-size: 0.67vw;
    margin-top: 0.3vw;
    margin-bottom: 0.3vw;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
ul {
    display: block;
    list-style-type: disc;
    margin-top: 0.9vw;
    margin-bottom: 0.9vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2.1vw;
}
hr {
    height: 0.05vw;
    margin-bottom: 1.5em;
}
hr {
    display: block;
    height: 0.05vw;
    margin-top: 0.45vw;
    margin-bottom: 0.45vw;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 0.05vw;
}
a {
    color: #21A5E5;
    text-decoration: none;
}
a:hover, a:focus {
    color: #1689A8;
    text-decoration: underline;
}
img {
    vertical-align: middle;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
a img {
    border: 0;
}
body, button, input, select, textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 0.8vw;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
}
p {
    margin: 1ex 0;
}
ul, ol {
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
b, strong {
    font-family: "AlefBold";
    font-weight: normal;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
abbr, acronym {
    border-bottom: 0.05vw dotted #666;
    cursor: help;
}
mark, ins {
    background: #fff9c0;
    text-decoration: none;
}
sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}
@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'AlefBold';
    src: url('fonts/Alef-Bold.ttf') format('truetype');
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button, input {
    line-height: normal;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.screen-reader-text {
    font-size: 20px;
    font-weight: bold;
    position: fixed;
    top: 1vw;
    right: 1vw;
    z-index: 100000;
    background-color: #f1f1f1;
    color: #0073AA;
    border-radius: 5px;
    padding: 5px 16px;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.6);
    clip: rect(0 0 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    clip: auto;
}
.screen-reader-text:focus-within {
    clip: auto;
}
.screen-reader-text:hover a, .screen-reader-text:active a, .screen-reader-text:focus a {
    text-decoration: none;
    color: #0073AA;
    outline: none;
}
.screen-reader-text:focus-within a {
    text-decoration: none;
    color: #0073AA;
    outline: none;
}
.clear:before, .clear:after, .content:before, .content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: '';
    display: table;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both;
}
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.main-navigation ul ul {
    box-shadow: 0 0.15vw 0.15vw rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    position: absolute;
    top: 1.5em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
.main-navigation ul ul a {
    width: 10vw;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a {
}
.menu-toggle {
    cursor: pointer;
    display: none;
}
.sticky {
}
.hentry {
    margin: 0 0 1.5em;
}
.byline, .updated {
    display: none;
}
.single .byline, .group-blog .byline {
    display: inline;
}
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    border: 0.05vw solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.site-main .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-main .gallery dd {
    margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}
embed, iframe, object {
    max-width: 100%;
}
.site-main [class*="navigation"] {
    margin: 0 0 1.5em;
    overflow: hidden;
}
[class*="navigation"] .nav-previous {
    float: left;
    width: 50%;
}
[class*="navigation"] .nav-next {
    float: right;
    text-align: right;
    max-width: 50%;
}
.comment-content a {
    word-wrap: break-word;
}
.widget {
    margin: 0 0 1.5em;
}
.widget select {
    max-width: 100%;
}
.widget_search .search-submit {
    display: none;
}
.infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer {
    display: none;
}
.infinity-end.neverending .site-footer {
    display: block;
}
.container {
    width: 60vw;
    margin-right: auto;
    margin-left: auto;
}
.container > .navbar-header, .container > .navbar-collapse {
    margin-right: -0.8vw;
    margin-left: -0.8vw;
}
body {
    font-weight: 300;
    font-size: 0.8vw;
    font-family: "Alef";
    background-size: cover;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    color: #2A2A2A;
    margin: 1vw 0;
}
h2 {
    color: #2A2A2A;
    transition:all 0.2s ease-in-out;
}
article, section {
    background: #fff;
    border-radius: 0.1vw;
    word-wrap: break-word;
}
ul {
    transition:all 0.2s ease-in-;
}
.bottom {
    min-height: 2vw;
    line-height: 1vw;
    text-align: center;
    background: #2983B0;
    margin-bottom: 2.6vw;
    border-radius: 0 0 0.1vw 0.1vw;
    color: #fff;
    z-index: 2;
    position: inherit;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    font-size: .8vw;
}
.bottom a {
    color: #fff;
}
.bottom a:hover {
    color: #21A5E5;
}
.bottom .text a:hover {
    color: #fff;
}
.bottom, article, section {
    box-shadow: 0.1vw 0.1vw 0.25vw rgba(0, 0, 0, 0.5);
}
#totop {
    z-index: 50;
    position: fixed;
    bottom: 0.5vw;
    left: 0.5vw;
    border: 0;
    background: rgba(255, 255, 255, 0.8);
    display: none;
    padding: 0.2vw;
    border: 0.05vw solid black;
}
#totop:hover {
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
}
#totop .arrowImage {
    background: url('./img/up-arrow.svg') no-repeat center center;
    height: 1.8vw;
    width: 1.8vw;
    background-size: 80%;
}
code {
    white-space: normal;
    overflow: hidden;
}
img {
    max-width: 100%;
    height: auto;
}
aside#sideshare{
    position: absolute;
    left: 0;
    top: 13vw;
    width: auto;
}
aside#sideshare a, aside#sideshare a:hover{
    text-decoration: none;
}
aside#sideshare ul{
    margin-left: -1vw;
    padding: 0;
}
aside#sideshare ul:hover{
    margin-left: 0;
}
aside#sideshare ul li{
    display: block;
    list-style-type: none;
    width: 2vw;
    height: 2vw;
    background: transparent url('./img/social.png') no-repeat;
    margin: 0.5vw 0;
}
aside#sideshare ul li.twitter{
    background-position: 0 0;
}
aside#sideshare ul li.googleplus{
    background-position: -2vw 0;
}
aside#sideshare ul li.facebook{
    background-position: -4vw 0;
}
aside#sideshare ul li.linkedin{
    background-position: -6vw 0;
}
aside#sideshare ul li.pinterest{
    background-position: -8vw 0;
}
#main article{
    position: relative;
    background: #fff;
    margin: 0 0 1.5vw 0;
    padding: 0;
    border-radius: 0.1vw;
}
#main article.single-post {
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    border-radius: 0.1vw;
}
#main article .featured-container{
    background: #2C2D2E;
}
#main article img.featured {
    width: 100%;
    border-radius: 0.1vw 0.1vw 0 0;
    background: #fff;
    max-height: 20vw;
    overflow: hidden;
    object-fit: cover;
    background: #2C2D2E;
}
#main article.anime img.featured, #main article.manga img.featured, #main article.movie img.featured {
    padding: 4% 20%;
    object-fit: contain;
}
#main article span.date {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    padding: 0.75vw;
    background: #5EB7DE;
    color: #fff;
    font-size: 2.6em;
    line-height: 0.8em;
}
#main article span.date-nothumbnail {
    text-align: center;
    display: inline-block;
    width: auto;
    margin-bottom: 1vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    padding-left: 0.5vw;
    background: #5EB7DE;
    color: #fff;
    font-size: 1.5em;
    line-height: 0.8em;
}
#main article a h2{
    font-size: 2em;
    color: #2983B0;
    padding: 0 1vw;
}
#main article .no-thumbnail{
    margin: 0;
}
#main article a:hover h2{
    color: #2A2A2A;
}
#main article .desc{
    font-size: 0.8vw;
    padding: 0.3vw 0.8vw;
}
#main article ul.triactions {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
#main article ul.triactions li {
    list-style-type: none;
    font-size: 1vw;
    width: 25%;
}
#main article.anime ul.triactions li, #main article.manga ul.triactions li, #main article.movie ul.triactions li {
    width: 50%;
}
#main article ul.triactions li.commenter {
}
#main article ul.triactions li.middleOne {
}
#main article ul.triactions li a {
    height: 2vw;
    display: block;
    margin: 0 auto;
}
#main article ul.triactions li:first-child a, #main article ul.triactions li:last-child a {
    background: #2983B0;
    color: #fff;
    font-size: 1.3em;
    line-height: 2.0vw;
}
#main article ul.triactions li.commenter a:hover, #main article ul.triactions li.readmore a:hover, #main article ul.triactions li.commenter a:focus, #main article ul.triactions li.readmore a:focus {
    background: #21A5E5;
    outline: none;
}
#main article ul.triactions li.categories {
    position: relative;
}
#main article ul.triactions ul.post-categories {
    width: auto;
    margin: 0;
    padding: 0;
    display: none;
    padding: 0;
    width: 103%;
    margin-left: -1.5%;
    position: absolute;
    background: #fff;
    z-index: 10;
    border-bottom: 0.1vw solid #2983B0;
    box-shadow: 0 0.25vw 0.25vw rgba(0, 0, 0, 0.2);
}
#main article ul.triactions li.categories:hover ul.post-categories{
    display: block;
}
#main article ul.triactions ul.post-categories li{
    width: auto;
    margin: 0;
    padding: 0.1vw 0 0 0;
}
#main article ul.triactions ul.post-categories li a{
    display: block;
    height: 1em;
    line-height: 1em;
    padding: 0;
    background: none;
    color: #2A2A2A;
    font-size: 1em;
    margin: 0.25vw;
}
#main article ul.triactions li.categories a:hover{
    background: none;
    color: #21A5E5;
}
#main .archiveTitle {
    height: 2.6vw;
    font-size: 1.3vw;
    line-height: 2.6vw;
    margin-bottom: 0;
    margin-top: 0;
    background: #2983B0;
    color: #fff;
    text-align: center;
    border-radius: 0.1vw 0.1vw 0 0;
}
.pagination {
    margin: 1vw 0 5vw 0;
    width: 100%;
    text-align: center;
}
.pagination li a, .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-radius: 0.05vw;
}
.pagination > li > a, .pagination > li > span, .pagination li a{
    float: none;
    border: 0;
    background: transparent;
    color: #fff;
}
.pagination .current{
    background: #2983B0;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus.pagination .current:hover, .pagination li a:hover {
    background: #21A5E5;
    cursor: pointer;
}
.pagination-lg > li:first-child > a:hover, .pagination-lg > li:last-child > a:hover {
    background: #8CC152;
}
#sidebar {
    position: relative;
    min-height: 0.05vw;
    margin-bottom: 2.6vw;
}
#sidebar article {
    display: block;
    min-height: 2.3vw;
    background: #fff;
    margin-bottom: 1vw;
    border-radius: 0.1vw;
}
#sidebar article h2 {
    padding: 0.6vw 0;
    font-size: 1.3vw;
    line-height: 1.6vw;
    margin-bottom: 0;
    background: #2983B0;
    color: #fff;
    text-align: center;
    border-radius: 0.1vw 0.1vw 0 0;
    margin-top: 0;
}
#sidebar article:not(.fizz) div {
    padding: 0.3vw 0.5vw;
    font-size: 0.8vw;
}
#sidebar article.widget_social{
    pointer-events:none;
    background:linear-gradient(to right,#c71900 0,#c71900 50%,#7388d9 0,#7388d9 100%) 
}
#sidebar article.widget_social h2{
    display:none 
}
#sidebar article.widget_social div{
    padding:0!important;
    height:3vw;
    white-space:nowrap;
    pointer-events:all;
    position: relative;
}
#sidebar article.widget_social div a{
    pointer-events:none 
}
#sidebar article.widget_social div a div{
    height:3vw;
    width:50%;
    display:inline-block;
    transition:.5s ease-in-out;
    overflow:hidden;
    pointer-events:all 
}
#sidebar article.widget_social div:hover a div{
    width:15%;
    transition:.5s ease-in-out 
}
#sidebar article.widget_social div:focus-within a div{
    width:15%;
    transition:.5s ease-in-out 
}
#sidebar article.widget_social div a:hover div{
    width:85%;
    transition:.5s ease-in-out 
}
#sidebar article.widget_social div a:focus-within div{
    width:85%;
    transition:.5s ease-in-out 
}
#sidebar article.widget_social div a .instagram:before{
    content:"אינסטגרם" 
}
#sidebar article.widget_social div a .animespin:before{
    content:"אנימה ספין" 
}
#sidebar article.widget_social div a .facebook:before{
    content:"פייסבוק" 
}
#sidebar article.widget_social div a .discord:before{
    content:"דיסקורד" 
}
#sidebar article.widget_social div a div:before{
    width:80%;
    float:left;
    color:#fff;
    font-size:2.5vw;
    line-height:2.7vw;
    transition:.5s ease-in-out;
    margin-left:-7vw;
    text-align:center 
}
#sidebar article.widget_social div a:hover div:before{
    width:80%;
    text-align:center;
    float:left;
    transition:.5s ease-in-out;
    margin-left:0 
}
#sidebar article.widget_social div a:focus-within div:before{
    width:80%;
    text-align:center;
    float:left;
    transition:.5s ease-in-out;
    margin-left:0 
}
#sidebar article.widget_social div a .facebook{
    background:#3b5998 url(img/facebook.svg) no-repeat;
    background-position:center center;
    background-size:auto 80% 
}
#sidebar article.widget_social div a .discord{
    background:#7388d9 url(img/discord.svg) no-repeat;
    background-position:center center;
    background-size:auto 70%;
    position: absolute;
    right: 0;
}
#sidebar article.widget_social div a .animespin{
    background:#c71900 url(img/animespin.svg) no-repeat;
    background-position:center center;
    background-size:auto 80%;
    float:left 
}
#sidebar article.widget_social div a .instagram{
    background: url(img/instagram.svg) no-repeat center / auto 75%, radial-gradient(circle at -5% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    float:left;
    position: absolute;
    left: 0;
}
#sidebar article.widget_social div a:focus div,#sidebar article.widget_social div a:hover div{
    background-position:center right 6% 
}
#sidebar article.widget_social div a:focus div,#sidebar article.widget_social div a:hover div{
    background-position:center right 6% 
}
#sidebar article.widget_social div a:focus div,#sidebar article.widget_social div a:hover div{
    background-position:center right 5% 
}
#sidebar article.widget_social div a:focus{
    outline:0 
}
#sidebar article div a {
    color: #2983B0;
}
#sidebar article div a:hover{
    color: #2A2A2A;
}
#sidebar article div ul {
    padding: 0;
    margin: 0;
}
#sidebar article div ul li {
    list-style-type: none;
}
#sidebar .widget_search {
    background: none;
}
#sidebar article.widget_search div {
    padding: 0 !important;
}
#sidebar form.searchform .form-group{
    padding: 0;
    float:right;
}
#sidebar form.searchform input, #sidebar form.searchform button{
    width: 100%;
    height: 2.3vw;
    border: none;
}
#sidebar form.searchform input{
    border-radius: 0 0.1vw 0.1vw 0;
    padding: 0 0.5vw;
}
#sidebar form.searchform button{
    background: #2983B0 url('./img/search.svg') no-repeat center center;
    border-radius: 0.1vw 0 0 0.1vw;
    background-size: 40%;
}
#sidebar form.searchform button:active, #sidebar form.searchform button:hover, #sidebar form.searchform button:focus {
    background-color: #21A5E5;
    outline: none;
}
#sidebar article.presentation .presentationbg{
    width: 100%;
    height: auto;
    border-radius: 0.1vw 0.1vw 0 0;
    z-index: 1;
    display: block;
    position: relative;
}
#sidebar article.presentation .presentationportrait{
    display: block;
    margin: -3.6vw auto 0 auto;
    z-index: 2;
    display: block;
    position: relative;
}
#sidebar article.presentation p{
    font-size: 1.15em;
    text-align: center;
    margin: 0.5vw 0 1vw 0;
    padding: 0 0.5vw;
}
#sidebar article.presentation .social{
    display: block;
    height: 2.3vw;
    background: #A0D468;
    color: #FFF;
    padding: 0;
    border-radius: 0 0 0.1vw 0.1vw;
}
#sidebar article.presentation .social span{
    margin: 0 0 0 0.5vw;
    font-size: 1em;
    line-height: 2.3vw;
}
#sidebar article.presentation .social ul li a span{
    margin: 0 0 0 0.15vw;
}
#sidebar article.presentation .social ul{
    height: 2.3vw;
    line-height: 2.3vw;
    padding: 0;
    margin: 0;
}
#sidebar article.presentation .social ul li{
    list-style-type: none;
    display: inline-block;
}
#sidebar article.presentation .social ul li img{
    height: 1.35vw;
    margin: 0;
}
.chatContainer {
    height:25vw;
    margin:-0.8vw -1.3vw -1vw -1.2vw;
    z-index: 1;
}
.discordembed{
    margin: -0.6vw -1vw -0.95vw -1vw;
    padding: 0 !important;
}
.discordembed iframe{
    height: 27vw;
    width: 100%;
}
#content {
    display: grid;
    padding: 0 0.8vw;
    grid-template-columns: 69.25% 28.25%;
    grid-gap: 2.5%;
}
body.page-template-page-media-list #content, body.watch #content, body.debug #content, .page-template-page-full-width #content {
    grid-template-columns: 100%;
    grid-gap: 0;
}
#content::before, #content::after {
    display: none;
}
#main {
    position: relative;
    min-height: 0.05vw;
}
#main.single .featured-container {
    height: auto;
}
#main.single article.row {
    margin-bottom: 0;
    border-radius: 0.1vw 0.1vw 0 0;
}
#main.single .article-content {
}
.entry-content {
    padding: 0.3vw 0.8vw;
}
.details {
    background: #5EB7DE;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(3vw, 1fr);
}
.logged-in .details {
    grid-template-columns: 1fr 3vw;
}
.type-post .details {
    grid-template-columns: 1fr 3vw 3vw;
    grid-template-rows: 3vw;
}
.logged-in .type-post .details {
    grid-template-columns: 1fr 3vw 3vw 3vw;
}
.details a, .details a:visited {
    color: #fff;
}
.details a:hover {
    color: #fff;
}
.details .titleblock {
    width: 100%;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    font-size: 1.5vw;
    line-height: 1.5vw;
    max-height: 100%;
    padding-right: 0.6vw;
    padding-left: 0.6vw;
    margin: 0;
    color: inherit;
}
.details[data-charcount="1"] .titleblock, .details[data-charcount="2"] .titleblock, .details[data-charcount="3"] .titleblock, .details[data-charcount="4"] .titleblock, .details[data-charcount="5"] .titleblock, .details[data-charcount="6"] .titleblock, .details[data-charcount="7"] .titleblock, .details[data-charcount="8"] .titleblock, .details[data-charcount="9"] .titleblock, .details[data-charcount="10"] .titleblock, .details[data-charcount="11"] .titleblock, .details[data-charcount="12"] .titleblock, .details[data-charcount="13"] .titleblock, .details[data-charcount="14"] .titleblock, .details[data-charcount="15"] .titleblock, .details[data-charcount="16"] .titleblock, .details[data-charcount="17"] .titleblock, .details[data-charcount="18"] .titleblock, .details[data-charcount="19"] .titleblock, .details[data-charcount="20"] .titleblock, .details[data-charcount="21"] .titleblock, .details[data-charcount="22"] .titleblock, .details[data-charcount="23"] .titleblock, .details[data-charcount="24"] .titleblock, .details[data-charcount="25"] .titleblock, .details[data-charcount="26"] .titleblock, .details[data-charcount="27"] .titleblock, .details[data-charcount="28"] .titleblock, .details[data-charcount="29"] .titleblock, .details[data-charcount="30"] .titleblock, .details[data-charcount="31"] .titleblock, .details[data-charcount="32"] .titleblock, .details[data-charcount="33"] .titleblock, .details[data-charcount="34"] .titleblock, .details[data-charcount="35"] .titleblock, .details[data-charcount="36"] .titleblock, .details[data-charcount="37"] .titleblock, .details[data-charcount="38"] .titleblock, .details[data-charcount="39"] .titleblock, .details[data-charcount="40"] .titleblock, .details[data-charcount="41"] .titleblock, .details[data-charcount="42"] .titleblock, .details[data-charcount="43"] .titleblock, .details[data-charcount="44"] .titleblock, .details[data-charcount="45"] .titleblock, .details[data-charcount="46"] .titleblock, .details[data-charcount="47"] .titleblock, .details[data-charcount="48"] .titleblock, .details[data-charcount="49"] .titleblock, .details[data-charcount="50"] .titleblock {
    font-size: 1.6vw;
    line-height: 1.4vw;
}
.logged-in .details[data-charcount="46"] .titleblock, .logged-in .details[data-charcount="47"] .titleblock, .logged-in .details[data-charcount="48"] .titleblock, .logged-in .details[data-charcount="49"] .titleblock, .logged-in .details[data-charcount="50"] .titleblock {
    font-size: 1.5vw;
    line-height: 1.5vw;
}
.details.longtitle .titleblock {
    font-size: 1.5vw;
    line-height: 1.5vw;
}
.details .titleblock.home {
    padding-right: 0;
    padding-left: 0;
}
.details .titleblock a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-right: 0.6vw;
}
.details .titleblock.home a:hover, .details .titleblock.home a:focus {
    background: #21A5E5;
    outline: none;
}
.details .quickPostEdit {
    background-color: #46A1C2;
}
.details .quickPostEdit:hover {
    background: #3C94B5;
}
.details .quickPostEdit a {
    font-size: 0;
    display: block;
    background: url(img/edit.svg) no-repeat;
    filter: invert(100%) brightness(182%);
    background-size: 70%;
    background-position: 50%;
    width: 100%;
    height: 100%;
}
.details .avatarBox {
    position: relative;
}
.details .avatarBox a {
    display: block;
    height: 100%;
}
.details .avatarBox img {
    height: 100%;
    object-fit: cover;
}
.details .userInfoWrapper {
    visibility: hidden;
    transform: scale(0.5);
    transform-origin: 0 0;
    display: block;
    pointer-events: none;
    width: 6vw;
    height: 6vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    direction: ltr;
    z-index: 69;
    transition: all 0.5s ease-out;
    box-shadow: 0.1vw 0.1vw 0.25vw rgba(0, 0, 0, 0.5);
}
.details .userInfo {
    display: grid;
    grid-template-rows: repeat(15, .5vw);
    grid-template-columns: auto 6vw;
    background: white;
    color: #404040;
    width: 20vw;
    overflow: hidden;
    direction: rtl;
}
.details .longUserRole .userInfo {
    grid-template-rows: repeat(17, .5vw);
}
.details .avatarBox a:hover + .userInfoWrapper, .details .avatarBox a:focus + .userInfoWrapper {
    visibility: visible;
    width: 20vw;
    top: -1.5vw;
    left: -1.5vw;
    transition: all 0.3s ease-out;
    height: 7.5vw;
    transform: scale(1);
}
.details .avatarBox a:hover + .userInfoWrapper.longUserRole, .details .avatarBox a:focus + .userInfoWrapper.longUserRole {
    height: 8.5vw;
}
.details .userInfo .infoAbout {
    grid-row: 1 / 4;
    grid-column: 1;
    background: #2983b0;
    color: #EFEFEF;
    font-size: 1vw;
    padding-right: .3vw;
}
.details .userInfo .userDesc {
    grid-row: 4 / 16;
    grid-column: 1;
    font-size: .8vw;
    line-height: 0.97vw;
    padding: .1vw .3vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}
.details .longUserRole .userInfo .userDesc {
    grid-row: 4 / 18;
    -webkit-line-clamp: 7;
}
.details .userInfo .userAvatar {
    grid-row: 1 / 13;
    grid-column: 2;
}
.details .userInfo .userRole {
    grid-row: 13 / 16;
    grid-column: 2;
    background: #2983b0;
    color: #EFEFEF;
    font-size: .85vw;
    display: grid;
    align-items: center;
    justify-items: center;
    line-height: 1.2vw;
    text-align: center;
    padding: 0 .1vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.details .longUserRole .userInfo .userRole {
    grid-row: 13 / 18;
    -webkit-line-clamp: 2;
}
.details .quickPostEdit {
    display: none;
}
.logged-in .details .quickPostEdit {
    display: block;
}
.details .date {
    background-color: #2983B0;
}
.details .postAuthor, .details .dummy {
    display: none;
}
.details .day {
    width: 100%;
    height: 1.6vw;
    line-height: 1.4vw;
    font-size: 2vw;
    text-align: center;
}
.details .month, .details .year {
    width: 100%;
    line-height: 0.65vw;
    text-align: center;
    font-size: 0.85vw;
}
#main.single span.categories {
    position: relative 
}
#main.single ul.post-categories {
    width: 100%;
}
#main.single ul.post-categories li {
    list-style-type: none;
}
#main.single .entry-content ul li {
    width: inherit;
    display: list-item;
    list-style-type: circle;
}
.row {
    margin-right: -0.8vw;
    margin-left: -0.8vw;
}
.row:before, .row:after {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}
.single .bottom-between{
    margin-bottom: 0;
    border-radius: 0;
    height: auto;
    line-height: 1vw;
}
.single .pagination{
    margin: 0 0 1vw 0;
}
.single .pagination div a{
    display:table-cell;
    height: 3.6vw;
    width: 50%;
    background: #2983B0;
    color: #fff;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    border-radius: 0 0 0.1vw 0.1vw;
    padding: 0.5vw;
}
.single .pagination a:hover{
    background: #21A5E5;
    color: #fff;
}
.single .pagination div.nav-previous a{
    border-radius: 0 0 0 0.1vw;
}
.single .pagination div.nav-next a{
    border-radius: 0 0 0.1vw 0;
}
.nothing-found {
    padding: 0 1vw 1vw 1vw !important;
}
.theme-change {
    padding: 0 1vw 1vw 1vw !important;
}
.archive-title{
    padding: 0 1vw 0 1vw !important;
}
.page-title{
    padding:0 1vw 0.5vw 1vw;
}
.taxonomy-description{
    display: block;
    padding: 0 1.5vw 0.5vw 1.5vw;
}
.page-sub-menu{
    display: none;
    background: #fff;
    margin: 0;
    padding: 0.5vw 0.5vw 0.5vw 1.5vw;
    border-radius: 0.1vw;
}
.page-sub-menu-fixed{
    z-index: 999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0;
    background: #fff;
    height: 3.6vw;
    line-height: 2.8vw;
    border-radius: 0;
    box-shadow: 0 0 1vw #000;
}
.page-sub-menu-fixed .attachement{
    display: none;
}
.page-sub-menu li{
    list-style-type: none;
    display: inline-block;
    font-size: 1.2em;
    margin-right: 0.77vw;
}
.page-sub-menu li a{
    padding: 0;
}
.page-sub-menu li a:hover{
    background: none;
    color: #2983B0;
    border-radius: 0.1vw;
}
.searchform input, .searchform button {
    width: 100%;
    height: 2.3vw;
    border: none;
    border-radius: 0.1vw;
}
.searchform button {
    background: #2983B0 url('./img/search.svg') no-repeat center center;
    border-radius: 0 0.1vw 0.1vw 0;
    background-size: 30%;
}
.searchform button:active, .searchform button:focus, .searchform button:hover {
    background: #21A5E5 url('./img/search.svg') no-repeat center center;
    background-size: 30%;
}
.nothing-found div .searchform {
    display: flex;
}
.nothing-found div .searchform:focus-within {
    box-shadow: 0 0 0.5vw #222;
}
.nothing-found div .searchform {
    border-radius: 0.1vw 0 0 0.1vw;
    box-shadow: 0 0 0.1vw 0.05vw #5c5c5c;
    font-size: 1.2vw;
}
.widget div .searchform {
    display: flex;
    margin-left: 0.05vw;
    margin-right: 0.05vw;
    border-radius: 0.1vw 0 0 0.1vw;
    box-shadow: 0 0 0.0vw 0.05vw #2983B0;
    width: 100%;
}
.widget div .searchform:focus-within {
    box-shadow: 0 0 0.5vw #222;
}
.nothing-found div form div {
    position: relative;
    float: right!important;
    padding: 0;
}
.nothing-found div form div button {
}
.nothing-found div form div input {
    border-radius: 0 0.1vw 0.1vw 0;
    padding-right: 0.5vw;
}
#main .nothing-found div #searchform .searchinput {
    width: 85%;
}
#main .nothing-found div #searchform .searchbutton {
    width: 15%;
}
#sidebar .widget div .searchform .searchinput {
    width: 75%;
}
#sidebar .widget div .searchform .searchbutton {
    width: 25%;
}
.titlebox {
    padding: 0 1vw 0 1vw !important;
}
#main.cv article{
    background: none;
}
#main.cv .attachement{
    font-size: 1.2em;
    padding: 0.5vw 0;
    text-align: center;
}
#main.cv article h1{
    display: inline-block;
    width: auto;
    background: #2983B0;
    color: #fff;
    font-size: 1.8em;
    padding: 0.5vw 0.77vw;
    margin-bottom: 1vw;
}
#main.cv article .itemcv{
    background: #fff;
    margin: 0;
    padding: 0.77vw 0 0.77vw 0;
}
#main.cv article .dateitemcv {
    background: #A0D468;
    color: #fff;
    font-size: 1.2em;
    line-height: 1em;
    margin: 0.5vw 0 1vw 0;
    padding: 0.35vw 0 0.35vw 0.77vw;
}
#main.cv article .descitemcv {
    font-size: 1.2em;
    line-height: 1em;
    margin: 0.5vw 0 1vw 0;
    padding: 0.35vw 0 0.35vw 1.5vw;
}
#main.cv article .descitemcv .ligne1{
    font-size: 1.3em;
}
#main.cv article .contentitemcv{
    display: block;
    padding: 0 0.5vw 0.5vw 1.5vw;
}
footer#colophon{
    padding: 0.77vw 0.5vw;
    background: #fff;
    text-align: center;
    color: #222;
    margin: 0;
}
header {
    box-shadow: 0.1vw 0.1vw 0.25vw rgba(0, 0, 0, 0.5);
}
#headerimage {
    border-radius: 0.1vw 0.1vw 0 0;
    margin-top: 1.5vw;
    position: relative;
    overflow: hidden;
}
#headerimage a {
    display: block;
}
#headerimage a img {
    width: 100%;
}
#newmenu {
    margin-bottom: 1vw;
    background-color: #fff;
    border-bottom: .3vw solid #2983b0;
}
#newmenu ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#newmenu ul li {
    float: right;
    background-color: #2983b0;
    overflow: hidden;
}
#newmenu ul li a {
    display: block;
    font-size: 1vw;
    padding: .5vw .7vw;
    background-color: #fff;
    font-family: AlefBold;
    color: #222;
    position: relative;
}
#newmenu ul li a:hover, #newmenu ul li a:focus {
    text-decoration: none;
}
#newmenu ul li a::before, #newmenu ul li a::after {
    content: '';
    width: .6vw;
    height: .6vw;
    background: #21A5E5;
    display: block;
    position: absolute;
    left: calc(50% - .3vw);
    transform: rotate(45deg);
    transition: all .3s;
}
#newmenu ul li a::before {
    top: -.8vw;
}
#newmenu ul li a::after {
    bottom: -.8vw;
}
#newmenu ul li a:hover::before, #newmenu ul li a:focus::before, #newmenu ul li.current_page_item a::before {
    top: -.3vw;
}
#newmenu ul li a:hover::after, #newmenu ul li a:focus::after, #newmenu ul li.current_page_item a::after {
    bottom: -.3vw;
}
#newmenu ul li.current_page_item a::before, #newmenu ul li.current_page_item a::after {
    background: #5EB7DE;
}
#newmenu ul li.current_page_item a:hover::before, #newmenu ul li.current_page_item a:hover::after {
    background: #21A5E5;
}
.site-info {
    line-height: 1.5vw;
    font-size: 0.85vw;
}
.btn {
    display: inline-block;
    padding: 0.1vw 0.3vw 0.1vw 0.3vw;
    margin-bottom: 0;
    font-size: 0.8vw;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 0.05vw solid transparent;
    background: #fff;
}
.btn:hover, .btn:focus {
    color: #333333;
    background: #c3c3c3;
}
.form-submit .btn {
    background:transparent;
}
.form-submit .btn:hover, .form-submit .btn:focus {
    background:transparent;
    color: inherit;
}
.pageNavi {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: #f3f3f3;
    line-height: 0.8vw;
    font-size: 0.83vw;
    margin-right: auto;
    margin-left: auto;
    display: table;
}
.pageNavi li {
    float: left;
}
.pageNavi a, .pageNavi span {
    display: block;
    color: #666;
    text-align: center;
    padding: 0.7vw 0.8vw;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 0.2vw solid #2983B0;
}
.pageNavi li a:hover, .pageNavi li span:hover, .pageNavi li a:focus, .pageNavi li span:focus{
    background-color: #ddd;
    border-color: #21A5E5;
    outline: none;
}
.pageNavi .current {
    cursor: default !important;
    background-color: #DDDDDD;
    border-bottom: 0.2vw solid #21A5E5;
}
.pageNavi .dots {
    cursor: default !important;
}
section#comments {
    background: #fff;
    margin: 0 0;
    border-radius: 0.1vw 0.1vw 0 0;
}
#cancel-comment-reply-link {
    color: #fff;
    font-size: 1.0vw;
    float: left;
}
section#comments h2, section#comments h3 {
    min-height: 2.6vw;
    line-height: 2.6vw;
    color: #fff;
    background: #2983B0;
    font-size: 1.6em;
    padding: 0.2vw 0.8vw;
    border-radius: 0.1vw 0.1vw 0 0;
    line-height: 1.4em;
    min-height: 1.4em;
}
.comment-list {
    padding: 0;
    width: 100%;
    font-size: 0.8vw;
}
.comment-list li {
    list-style-type: none;
    margin-bottom: 0;
}
section#comments article, section#comments form {
    margin: 1vw 1.5vw 0 1.5vw;
    box-shadow: 0.10vw 0.10vw 0.20vw rgba(0, 0, 0, 0.3);
    display: grid;
    grid-template-columns: 4.2vw 1fr;
    padding: 0.6vw;
    grid-gap: 0.6vw;
}
.comment-content {
    display: grid;
}
.logged-in #commentsubmit .comment-content {
    grid-gap: 0.4vw;
}
.comment-list .comment-content {
    grid-gap: 0.2vw;
    grid-template-columns: auto auto auto auto 1fr;
    grid-template-rows: repeat(3, max-content);
}
.comment-list .comment-metadata, .comment-list .commentContent, .comment-list .comment-metadata, .comment-list .spoilerComment {
    grid-column: span 5;
}
.comment-list #respond .comment-metadata {
    grid-column: span 1;
}
.comment-list li footer, .comment-form .comment-meta {
}
section#comments #respond{
    background: #EEEEEE;
    padding-bottom: 1.2vw;
}
section#comments #respond h2{
    line-height: 1.8em;
    color: #fff;
    background: #2983b0;
    font-size: 1.5em;
    padding: 0 .8vw;
    border-radius: 0;
    margin: 0;
    margin-top: 0.8ex;
}
.comment-navigation{
    display: block;
    height: 0.77vw;
}
.comment-list .children {
    text-align: right;
    margin-left: 0vw!important;
    padding-left: 0vw!important;
    margin-right: 1.2vw!important;
    margin-bottom: 0;
}
.comment-list .children #respond {
    margin-right: -1.2vw!important;
}
.comment-list .children .children #respond {
    margin-right: -2.4vw!important;
}
.comment-list .children .children .children #respond {
    margin-right: -3.6vw!important;
}
.comment-list .children .children .children .children #respond {
    margin-right: -4.8vw!important;
}
.comment-list .children .children .children .children .children #respond {
    margin-right: -6vw!important;
}
.comment-author-image img, .new-comment-author-image img {
    width: 100%;
    min-width: 100%;
    height: auto;
}
.comment-awaiting-moderation {
    font-size: 0.65vw!important;
    text-align: center;
    margin: 0.2vw 0!important;
}
.comment-body {
    display: flex;
}
.form-buttons .comment-form-spoiler, .form-buttons .form-submit {
    background-color: #2983B0;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    border: 1px solid #0E587E;
}
.form-buttons div:hover {
    background-color: #0975B6;
    border-color: #063248;
}
.form-buttons div:focus-within {
    background-color: #0975B6;
    border-color: #063248;
}
.form-buttons div * {
    outline: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-buttons div *::-moz-focus-inner {
    border: none;
}
.form-buttons .comment-form-spoiler:first-child {
    margin-left: 0.4vw;
}
.form-buttons div input, .form-buttons div label {
    line-height: normal;
    color: inherit;
    cursor: inherit;
    padding: 0.2vw 0.4vw;
}
.comment-form-spoiler label {
    display: flex;
    align-items: center;
}
.comment-form-spoiler input {
    width: 1.4vw;
    display: none;
}
.comment-form-spoiler .spoilerCheckboxVisual {
    width: 0.8vw;
    height: 0.8vw;
    margin-left: 0.3vw;
    border: 1px solid #0E587E;
    background: white!important;
}
.comment-form-spoiler .checkboxCheckmarkVisual {
    width: 100%;
    height: 100%;
    display: none;
    background: #0e587e;
    clip-path: polygon(2% 70%, 30% 98%, 98% 13%, 87% 3%, 30% 75%, 13% 59%);
    -webkit-clip-path: polygon(2% 70%, 30% 98%, 98% 13%, 87% 3%, 30% 75%, 13% 59%);
    margin: 0 !important;
}
.comment-form-spoiler input:checked + label .spoilerCheckboxVisual .checkboxCheckmarkVisual {
    display: block;
    background: #0e587e;
}
.form-buttons div:hover {
    border-color: #171717;
}
.form-buttons div input {
    background: transparent;
    border: 0;
}
.comment-content p {
    max-width: 40em;
}
.comment-metadata .says, .comment-metadata .commenter , .comment-metadata .commenter a {
    color: #5EB7DE;
    font-size:1.3vw;
    grid-column: span 3;
    word-break: break-all;
}
.comment-metadata .says {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    grid-column: span 3;
    line-height: 100%;
}
.comment-metadata .commentClock {
    width: 0.7vw;
    height: 0.7vw;
    margin-left: 0.2vw;
    background: url('./img/clock.svg') no-repeat center center;
    background-size: auto;
    background-size: 100%;
}
.comment-metadata {
    font-size: 0.7vw;
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
}
.comment-metadata .logout {
    margin-right: 0.4ch;
}
.comment-meta .comment-author-role {
    background: #5EB7DE;
    text-align: center;
    margin-top: 0.2vw;
    font-size: 0.7vw;
    color: #ffffff;
    width: 100%;
    padding: 0.05vw 0vw;
}
.comment-meta .comment-author-role:before {
    content: "אורח/ת";
}
.byuser.siteteam .comment-body .comment-meta .comment-author-role, .comment-form .comment-meta .siteteam {
    background: #FF4040;
}
.byuser.siteteam .comment-body .comment-meta .comment-author-role:before, .comment-form .comment-meta .siteteam:before {
    content: "חבר צוות";
}
.byuser.siteteam .comment-body .comment-content .comment-metadata .says, .comment-metadata .commenter.siteteam, .comment-metadata .commenter.siteteam a {
    color: #FF4040;
}
.byuser.exteam .comment-body .comment-meta .comment-author-role, .comment-form .comment-meta .exteam {
    background: #7B5EB5;
}
.byuser.exteam .comment-body .comment-meta .comment-author-role:before, .comment-form .comment-meta .exteam:before {
    content: "צוות לשעבר";
}
.byuser.exteam .comment-body .comment-content .comment-metadata .says, .comment-metadata .commenter.exteam, .comment-metadata .commenter.exteam a {
    color: #7B5EB5;
}
.byuser.contributor .comment-body .comment-meta .comment-author-role, .comment-form .comment-meta .contributor {
    background: #F1C40F;
}
.byuser.contributor .comment-body .comment-meta .comment-author-role:before, .comment-form .comment-meta .contributor:before {
    content: "תורם";
}
.byuser.contributor .comment-body .comment-content .comment-metadata .says, .comment-metadata .commenter.contributor, .comment-metadata .commenter.contributor a {
    color: #F1C40F;
}
.post-post .bypostauthor .comment-body .comment-meta .comment-author-role, .post-post .comment-form .comment-meta .bypostauthor {
    background: #00B348!important;
}
.post-post .bypostauthor .comment-body .comment-meta .comment-author-role:before, .post-post .comment-form .comment-meta .bypostauthor:before {
    content: "כותב הפוסט"!important;
}
.post-post .bypostauthor .comment-body .comment-content .comment-metadata .says, .post-post .comment-metadata .commenter.bypostauthor, .post-post .comment-metadata .commenter.bypostauthor a {
    color: #00B348!important;
}
.cld-like-dislike-wrap .edit-link, .cld-like-dislike-wrap .reply {
}
.cld-like-dislike-wrap .cld-like-wrap, .cld-like-dislike-wrap .cld-dislike-wrap {
    background-color: #2983B0;
    border: none;
    padding: 0.05vw 0.2vw;
    color: #FFFFFF;
    cursor: pointer;
    align-items: center;
}
.cld-like-dislike-wrap .edit-link:hover, .cld-like-dislike-wrap .reply:hover {
}
.cld-like-dislike-wrap .cld-like-wrap:hover, .cld-like-dislike-wrap .cld-dislike-wrap:hover {
    background-color: #0975B6;
}
.cld-like-dislike-wrap .cld-like-wrap:focus-within, .cld-like-dislike-wrap .cld-dislike-wrap:focus-within {
    background-color: #0975B6;
}
.cld-like-dislike-wrap .cld-like-wrap *, .cld-like-dislike-wrap .cld-dislike-wrap * {
    outline: none;
}
.cld-like-dislike-wrap .cld-like-wrap *::-moz-focus-inner, .cld-like-dislike-wrap .cld-dislike-wrap *::-moz-focus-inner {
    border: none;
}
.cld-like-dislike-wrap .edit-link a, .cld-like-dislike-wrap .reply a {
    color: #fff;
}
.cld-like-dislike-wrap .reply a:before{
    background : url(./img/reply.png) no-repeat;
    background-size:1vw;
    content:"";
    background-position:0 .1vw;
    background-size:auto 75%;
    padding-right:0.8vw;
    margin-left: 0.2vw;
}
.cld-like-dislike-wrap .edit-link a:before{
    background:url(img/edit.svg) no-repeat;
    background-size:1vw;
    content:"";
    background-position:0 .15vw;
    background-size:auto 70%;
    padding-right:0.8vw;
    margin-left: 0.2vw;
    filter: invert(100%) brightness(182%);
}
h2.comment-reply-title {
    font-size: 1.4vw;
    border-radius: 0 !important;
}
.textarea-form textarea {
    height: 15vw;
    width: 31.5vw;
    resize: none;
}
.textarea-form {
    height: 15vw;
    grid-column: span 2;
}
.textarea-form .form-submit {
    left: 0;
    bottom: 0;
    position: absolute;
    margin-bottom: 0.05vw;
    margin-left: 0.05vw;
}
.textarea-form .comment-form-spoiler {
    left: 2vw;
    bottom: 0;
    position: absolute;
    margin-bottom: 0.05vw;
    margin-left: 0.05vw;
    padding-top: 0.2vw;
    padding-bottom: 0vw;
}
.namemail-form {
}
.namemail-form input {
}
.namemail-form input {
}
.namemail-form input, .textarea-form textarea {
}
.namemail-form .mail-form {
}
.namemail-form .mail-name {
}
.comment-input-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 0.8vw;
    grid-gap: 0.4vw;
}
.comment-list #respond .comment-content {
    grid-template-columns: 1fr;
}
.comment-input-form .name-form, .comment-input-form .mail-form {
    height: 1.4vw;
}
.comment-input-form .mail-form {
    direction: ltr;
}
.comment-input-form .mail-form::-webkit-input-placeholder {
    text-align: right;
}
.comment-input-form .mail-form::-moz-placeholder {
    text-align: right;
}
.comment-input-form .mail-form:-ms-input-placeholder {
    text-align: right;
}
.comment-input-form .mail-form:-moz-placeholder {
    text-align: right;
}
.comment-input-form .mail-form::placeholder {
    text-align: right;
}
.comment-content textarea {
}
.comment-input-form textarea {
    grid-column: span 2;
}
.comment-form textarea {
    resize: none;
}
.comment-form .form-control {
    border-radius: 0;
    border: 1px solid #767676;
}
.comment-form .form-control:hover {
    border-color: #4F4F4F;
}
.comment-form .form-control:focus {
    border-color: #3F3F3F;
    outline: 1px solid #3F3F3F;
}
.comment-content .form-buttons {
    display: flex;
    justify-content: flex-end;
    grid-column: span 2;
}
.logged-in .comment-content .form-buttons {
    grid-column: initial;
}
.spoilerComment {
    position: relative;
    width: 100%;
    width: 98%;
}
.commentContent {
    width: 98%;
    word-break: break-word;
    min-height: 1.65vw;
}
.spoilerComment .commentContent {
    min-height: 2.5vw;
    filter: blur(0.2vw);
    width: 100%;
    transition: 0.3s;
}
.children .commentContent {
    width: 30.2vw;
}
.children .children .commentContent {
    width: 29vw;
}
.children .children .children .commentContent {
    width: 27.8vw;
}
.children .children .children .children .commentContent {
    width: 26.6vw;
}
.spoilerComment:hover .commentContent {
    filter: blur(0);
    transition: 1s;
}
.spoilerComment .spoilerWarning, .spoilerComment .spoilerWarning2 {
    position: absolute;
    text-align: center;
    width: 98%;
    height: 100%;
    display: grid;
    align-items: center;
    justify-items: center;
}
.spoilerComment .spoilerWarning2::after {
    content: "תגובה זו סומנה כספוילר. \00000a ניתן להעביר את העכבר מעל התגובה על מנת לקרוא אותה.";
    white-space: pre;
}
.children .spoilerComment .spoilerWarning {
    width:30.2vw;
}
.children .children .spoilerComment .spoilerWarning {
    width:29vw;
}
.children .children .children .spoilerComment .spoilerWarning {
    width:27.8vw;
}
.children .children .children .children .spoilerComment .spoilerWarning {
    width:26.6vw;
}
.spoilerWarning {
    opacity: 1;
    transition: 0.3s;
}
.spoilerComment:hover .spoilerWarning {
    opacity: 0;
    transition: 1s;
}
.archiveUserData {
    display: flex;
    padding: 0 0.8vw 0 1vw !important;
}
.archiveUserAvatar {
    width:20%;
}
.archiveUserAvatar img {
    margin-top: 0.8vw;
    margin-bottom: 0.6vw;
    width: 100%;
    box-shadow: 0 0 0.2vw 0.1vw rgb(0, 108, 177);
    border: 0.5vw solid #f5f5f5;
}
.archiveUserRole {
    text-align: center;
    margin-bottom: 0.4vw;
    width: 90%;
    background: #5EB7DE;
    margin-right: 5%;
    font-size: 0.8vw;
    color: #ffffff;
}
.archiveUserBio {
    width:80%;
    padding-right: 2%;
    font-size: 0.85vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}
.archiveUserBio h1 {
    margin-top: 0.9vw;
    margin-bottom: 0;
    line-height: 1.9vw;
}
.team-container {
    width: 100%;
}
.team-box {
    width:33.33%;
    display: inline-table;
    padding: 0.5vw 1.5vw;
}
.team-avatar {
    margin-top: 1vw;
    width:11.5em;
    height: 11.5em;
    margin-left:auto;
    margin-right:auto;
}
.team-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0.2vw 0.1vw rgb(0, 108, 177);
    border: 0.5vw solid #f5f5f5;
}
.team-nickname {
    margin-top: 0.4vw;
    text-align: center;
    font-size: 1.4vw;
    font-weight: bold;
    margin-bottom:-0.1vw;
    word-break: break-all;
}
.team-fansub_role {
    margin-top: -0.5vw;
    text-align: center;
    font-size: 0.9vw;
    color: #686868;
}
.team-icons {
    text-align: center;
    display: grid;
}
.team-icons img {
    width: 1vw;
    margin-right:0.2vw;
    margin-left:0.2vw;
}
.team-icons .icon-img {
    width: 1vw;
    height: 1vw;
    margin-right: 0.2vw;
    margin-left: 0.2vw;
    background-size: 100%;
    display: inline-block;
    background-repeat: no-repeat;
}
.team-icons .icon-info {
    background-image: url('./img/info.svg');
}
.team-icons .icon-posts {
    background-image: url('./img/posts.svg');
}
.team-icons .icon-gray {
    filter: invert(55%) sepia(3%) saturate(7%) hue-rotate(340deg) brightness(99%) contrast(84%);
}
.team-icons .icon-edit {
    background-image: url('./img/edit.svg');
}
.team-icons .icon-info.infoExpend:hover {
    cursor:pointer;
}
.team-description {
    text-align: center;
    font-size: 0.8vw;
    color: #000;
}
.team-link {
    font-family: "Alef";
    display: inline-block;
    border-radius: 0.4vw;
    background-color: #2983B0;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.5vw;
    padding: 0.5vw 0;
    width: 33%;
    transition: all 0.5s;
    cursor: pointer;
    vertical-align:middle;
    margin-right: 34%;
}
.team-link span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}
.team-link:hover {
    background: #0975B6;
}
#menu_smartphone {
    height:100%;
    position:fixed;
    background:#ffffff;
    top:0;
    bottom:0;
    right:-60%;
    width:60%;
    z-index:9999;
}
#grey_back {
    display:none;
    background-color:#000000;
    opacity:0.7;
    width:100%;
    height:100%;
    z-index:9998;
    position:fixed;
    top:0;
}
.menu_btn{
    cursor: pointer;
    position: absolute;
    right: 2vw;
    bottom: 2vw;
    height: 12vw;
    width: 12vw;
    padding: 1vw;
    border: 0.9vw white solid;
    border-radius: 1vw;
    z-index: 99;
}
#mainMenuPhone, #mainMenuPhone ul, #mainMenuPhone ul li, #mainMenuPhone ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mainMenuPhone {
    color: #ffffff;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #49505A;
    text-align: right;
}
.logged-in #mainMenuPhone {
    height: calc(100% - 46px);
    margin-top: 46px;
}
#mainMenuPhone ul ul {
    display: none;
    width: 100%;
    text-align: right;
}
#mainMenuPhone > ul > li.active > ul {
    display: block;
}
.align-right {
    float: right;
}
#mainMenuPhone > ul > li > a {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    background: #00A7E4;
    font-family: "AlefBold";
    transition: color .2s ease;
}
#mainMenuPhone > ul > li > a:hover {
    color: #d8f3f0;
}
#mainMenuPhone ul > li.menu-item-has-children > a:after {
    position: absolute;
    left: 26px;
    top: 19px;
    z-index: 5;
    display: block;
    height: 10px;
    width: 2px;
    background: #ffffff;
    content: "";
    transition: all 0.1s ease-out;
}
#mainMenuPhone ul > li.menu-item-has-children > a:before {
    position: absolute;
    left: 22px;
    top: 23px;
    display: block;
    width: 10px;
    height: 2px;
    background: #ffffff;
    content: "";
    transition: all 0.1s ease-out;
}
#mainMenuPhone ul > li.menu-item-has-children.open > a:after, #mainMenuPhone ul > li.menu-item-has-children.open > a:before {
    transform: rotate(45deg);
}
#mainMenuPhone ul ul li a {
    font-family: "AlefBold";
    padding: 14px 22px 14px 35px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #dddddd;
    background: #49505a;
    transition: color .2s ease;
}
#mainMenuPhone ul ul ul li a {
    padding-left: 32px;
}
#mainMenuPhone ul ul li a:hover {
    color: #ffffff;
}
#mainMenuPhone ul ul > li.menu-item-has-children > a:after {
    top: 16px;
    left: 26px;
    background: #dddddd;
}
#mainMenuPhone ul ul > li.menu-item-has-children > a:before {
    top: 20px;
    background: #dddddd;
}
#mainMenuPhone ul ul ul li a {
    font-family: "AlefBold";
    padding: 14px 22px 14px 35px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #dddddd;
    background: #70747A;
    transition: color .2s ease;
}
#mainMenuPhone ul ul ul ul li a {
    padding-left: 32px;
}
#mainMenuPhone ul ul ul li a:hover {
    color: #ffffff;
}
#mainMenuPhone ul ul ul > li.menu-item-has-children > a:after {
    top: 16px;
    left: 26px;
    background: #dddddd;
}
#mainMenuPhone ul ul ul > li.menu-item-has-children > a:before {
    top: 20px;
    background: #dddddd;
}
.phoneSearchGrp {
    display:flex;
}
.phoneSearchGrp input{
    width: 70%;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: Alef;
    font-size: 16px;
    height: 48px;
}
.phoneSearchGrp button{
    width: 30%;
    background-color: #49505A;
    color: #fff;
    font-family: Alef;
    font-size: 16px;
    border: 0;
}
#mainMenuPhone .textwidget {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 18px;
}
#mainMenuPhone .socialContainer {
}
#mainMenuPhone .socialContainer a {
    padding: 0!important;
    height: 48px;
}
#mainMenuPhone .socialContainer div {
    height: 48px;
}
#mainMenuPhone .socialContainer .discord {
    background: #7388D9 url('./img/discord.svg') no-repeat;
    background-position: center center;
    background-size: auto 36px;
}
#mainMenuPhone .socialContainer .facebook {
    background: #3B5998 url('./img/facebook.svg') no-repeat;
    background-position: center center;
    background-size: auto 40px;
}
#mainMenuPhone .socialContainer .animespin {
    background: #C71900 url('./img/animespin.svg') no-repeat;
    background-position: center center;
    background-size: auto 40px;
}
#mainMenuPhone .socialContainer div a .discord:hover {
    background-position: center right 6%;
}
#mainMenuPhone .socialContainer div a .facebook:hover {
    background-position: center right 6%;
}
#mainMenuPhone .socialContainer div a .animespin:hover {
    background-position: center right 5%;
}
#mainMenuPhone .wp-polls {
}
#mainMenuPhone .wp-polls ul {
    display: block !important;
}
#konamiCode {
    position: fixed;
    z-index: 9999;
    width: 60vw;
    height: 10vw;
    top: 20%;
    pointer-events: none;
}
.konamiCenter {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    background:#fff;
    border-radius: 0.3vw;
    pointer-events: all;
    box-shadow: 0.1vw 0.1vw 0.25vw rgba(0, 0, 0, 0.5);
}
.konamiTitle {
    text-align: center;
    font-size: 2vw;
    background: #2983B0;
    width:100%;
    color:#F2F2F2;
    border-radius: 0.1vw 0.1vw 0 0;
    height: 3vw;
    position: relative;
}
.konamiClose {
    position: absolute;
    left: 1vw;
    top: 0;
    cursor: pointer;
}
.konamiSubmit {
    border-radius: 0 0 0.2vw 0.2vw;
}
.konamiSubmit button {
    border-radius: 0 0 0.1vw 0.1vw;
    background-color: #2983B0;
    width: 100%;
    border: 0;
    height: 3vw;
    font-size: 2vw;
    color: #F2F2F2;
    line-height: 1.3;
}
.konamiSubmit button:hover {
    background-color: #21A5E5;
    cursor: pointer;
}
.konamiOptions {
    display:flex;
}
.konamiOptions ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.konamiOptions ul li {
    float: left;
    width: 12.5%;
    display: grid;
}
.konamiOptions ul li button:first-child {
    background-image: url('./img/arrowBlackUp.svg');
}
.konamiOptions ul li button {
    width:100%;
    height:2vw;
    background-color: #F3F3F3;
    border: 0;
    background-image: url('./img/arrowBlackDown.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 80%;
}
.konamiOptions ul li button:hover {
    background-color: #DDDDDD;
}
.konamiOptions ul li input {
    width:100%;
    height:6vw;
    background-color: #F3F3F3;
    border: 0;
    text-align: center;
    font-size: 5.1vw;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
.konamiOptions ul li input::-webkit-inner-spin-button, .konamiOptions ul li input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.konamiOptions ul li input:hover {
    background-color: #DDDDDD;
}
.konamiResult {
    background: #2983B0;
}
.spinning-circle {
    position: relative;
    width: 12.8vw;
    height: 12.8vw;
    margin-left: auto;
    margin-right: auto;
}
.spinning-circle div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 10.2vw;
    height: 10.2vw;
    margin: 1.2vw;
    border: 1.2vw solid #fff;
    border-radius: 50%;
    animation: spinning-circle 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.spinning-circle div:nth-child(1) {
    animation-delay: -0.45s;
}
.spinning-circle div:nth-child(2) {
    animation-delay: -0.3s;
}
.spinning-circle div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes spinning-circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.konamiInvalid {
    font-size: 1.95vw;
    color: #fff;
    padding: 0 0.5vw;
}
.konamiInvalidButtons {
    display: flex;
}
.konamiInvalidButtons div {
    width: 50%;
    text-align: center;
    color: #fff;
    font-size: 1.95vw;
}
.konamiInvalidButtons div:hover {
    background: #21A5E5;
    cursor: pointer;
}
.themeButton {
    text-align: center;
    margin-top: 0.5vw;
}
.themeButton a {
    font-size: 110%;
    background: #ddd;
    padding: 0.1vw 0.3vw;
    margin: 0 0.2vw;
}
.themeButton .themeDark {
    background: #1a1a1a;
    color: #efefef;
}
#darkThemeOffer {
    display: none;
}
@media (prefers-color-scheme: dark) {
    #darkThemeOffer {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 69;
        background: #2983B0;
        color: #fff;
        text-align: center;
        padding: 0 28vw;
        font-size:0.8vw;
    }
    #darkThemeOffer a {
        color:#fff;
        text-decoration: underline;
        cursor:pointer;
    }
}
@media (prefers-color-scheme: dark) and (min-width: 768px) and (max-width: 1440px) {
    #darkThemeOffer {
        padding: 0 8vw;
        font-size:1.3vw;
    }
}
@media (prefers-color-scheme: dark) and (max-width: 767px) {
    #darkThemeOffer {
        padding: 0 1vw;
        font-size: 3.8vw;
    }
}
.fizz {
    position: relative;
    width: 100%;
}
#sidebar .fizz {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0.5vw;
}
.logged-in #sidebar .fizz {
    top: calc(0.5vw + 32px);
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    #sidebar .fizz {
        position: relative;
    }
}
@supports (-ms-ime-align:auto) {
    #sidebar .fizz {
        position: relative;
    }
}
.nami {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0.4em;
    background: #2983B0;
    color: #EFEFEF;
    font-size: 110%;
    z-index: 9;
}
.kalista {
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
}
.vayne {
    width: 1.5em;
    height: 1.5em;
    display: grid;
    align-items: center;
    justify-items: center;
    background: #0e445c;
    border-radius: 50%;
    font-size: 0.6em;
    margin-right: 0.4em;
    font-family: Arial;
}
.soraka {
    position: absolute;
    top: -70%;
    background: #135475;
    right: -0.6em;
    padding: 0 0.4em;
    width: max-content;
    overflow: hidden;
    height: 0;
    font-size: 70%;
    pointer-events: none;
}
.vayne:hover + .soraka {
    height: auto;
}
.stats-page .entry-content h2 {
    border-bottom:0.2ex dotted #999;
    z-index: 10;
    margin: 0.5vw 0 0.8vw 0;
    font-size: 2em;
}
.stats-page .entry-content h3 {
    margin: 0.5vw 0;
    border-bottom: 0.2ex dotted #999;
    font-size: 1.8em;
}
.statsGrid {
    display: grid;
    grid-template-columns: repeat(2, 49%);
    grid-column-gap: 2%;
    font-size: 1em;
}
.statsGrid.statsGridExtraColumn {
    grid-template-columns: repeat(3, 32%);
}
.statsGrid.statsGridFullWidth {
    grid-template-columns: 100%;
}
.statsGrid .statsGridItemLong {
    grid-column: span 2;
}
.statsGrid.statsGridExtraColumn .statsGridItemLong {
    grid-column: span 3;
}
.statsGrid .statsGridItem {
    font-size: 1em;
}
.statsGrid .statsInside {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 0.6ch;
    grid-row-gap: 0.3ch;
}
.statsGrid .statsNum {
    text-align: center;
    font-size: 1.35em;
    height: 3.35ex;
    min-width: 3.35ex;
    background: #46a1c2;
    color: #FFF;
    border-radius: 0.25em;
    margin: auto;
    width: 100%;
    padding: 0 0.3ch;
    grid-column: 1;
}
.statsGrid .statsDesc {
    display: flex;
    align-items: center;
    font-size: 1.1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-pack: center;
    grid-column: 2;
}
.statsGrid .statsLink {
    grid-column: 3;
    height: 3.35ex;
    width: 3.35ex;
    font-size: 1.35em;
    margin: auto;
}
.statsGrid .statsLink:hover {
    filter: drop-shadow(0.1ex 0.1ex 0.3ex rgba(72, 72, 72, 0.6));
}
.statsGrid .statsLink:focus-within {
    filter: drop-shadow(0.1ex 0.1ex 0.3ex rgba(72, 72, 72, 0.6));
}
.statsGrid .statsLink a {
    height: 100%;
    width: 100%;
    -webkit-mask: url('./img/url.svg') no-repeat center / 60%;
    mask: url('./img/url.svg') no-repeat center / 60%;
    display: block;
}
.statsGrid .statsLink div {
    height: 100%;
    width: 100%;
    background: #2A2A2A;
}
.watchZoom {
    top: 0;
    width: 100%;
    z-index: 111;
    display: grid;
    position: fixed;
    height: 100vh;
    align-items: center;
    justify-items: center;
}
.watchZoomImage {
    display: grid;
    align-items: center;
    justify-items: center;
    grid-column: 1;
    grid-row: 1;
    margin: 0 auto;
    max-width: 80% !important;
    max-height: 80vh !important;
    pointer-events: none;
}
.watchZoomImgContainer {
    max-height: 80vh;
    max-width: 100%;
    position: relative;
    pointer-events: all;
}
.watchZoomImgContainer img {
    max-height: 80vh;
    max-width: 100%;
    object-fit: contain;
    width: auto;
    border: 3px solid black;
}
.watchZoomImgContainer.horizontal img {
    min-width: 30vw;
}
.watchZoomImgContainer.vertical img {
    min-height: 40vh;
}
.watchZoomClose {
    position: absolute;
    top: -1vw;
    right: -1vw;
    height: calc(2vw + 3px);
    width: calc(2vw + 3px);
    border: 3px solid black;
    background: white;
    display: grid;
    z-index: 69;
}
.watchZoomClose:hover {
    cursor: pointer;
}
.watchZoomCrossBackground {
    height: 100%;
    width: 100%;
    filter: invert(1);
    grid-column: 1;
    grid-row: 1;
}
.watchZoomClose:hover .watchZoomCrossBackground {
    filter: invert(0.75);
}
.watchZoomCross {
    -webkit-mask: url('./img/cross.svg') no-repeat center / 70%;
    mask: url('./img/cross.svg') no-repeat center / 70%;
    width: 100%;
    height: 100%;
    grid-column: 1;
    grid-row: 1;
}
.watchZoomBackground {
    height: 100vh;
    width: 100%;
    grid-column: 1;
    grid-row: 1;
}
[onclick*="watchImageZoom("]:hover {
    cursor: zoom-in;
}
.cld-common-wrap {
    height: 1.15vw;
}
@media (min-width: 768px) {
    .details.verylongtitle {
        grid-template-columns: 1fr 3vw;
        grid-template-rows: 3vw 3vw;
    }
    .logged-in .details.verylongtitle {
        grid-template-rows: 3vw 3vw 3vw;
    }
    .details.verylongtitle .titleblock {
        grid-row: span 2;
    }
    .logged-in .details.verylongtitle .titleblock {
        grid-row: span 3;
    }
    .details.verylongtitle .avatarBox {
        grid-column: 2;
        grid-row: 1;
    }
    .details.verylongtitle .date {
        grid-column: 2;
        grid-row: 2;
    }
    .logged-in .details.verylongtitle .quickPostEdit {
        grid-column: 2;
        grid-row: 3;
    }
    .menu_btn {
        display:none;
    }
    #grey_back {
        display:none!important;
        opacity: 0;
        pointer-events: none;
    }
    #menu_smartphone {
        display:none;
    }
    .sliderMove div {
        display: none;
    }
    .team-link span:after {
        content: '\21d3';
        position: absolute;
        opacity: 0;
        top: 0;
        left: -1vw;
        transition: 0.5s;
    }
    .team-link:hover span {
        padding-left: 1.25vw;
    }
    .team-link:hover span:after {
        opacity: 1;
        left: 0;
    }
    .nami {
        font-size: 150% !important;
    }
    body.watch .fizz, .page-template-page-full-width .fizz {
        width: 68%;
        margin-right: 16% !important;
    }
}
@media (min-width: 768px) and (max-width: 1440px) {
    .bottom,body{
        font-size: 1.15vw;
    }
    h1 {
        display: block;
        font-size: 2.9vw;
        margin-top: 1.2vw;
        margin-bottom: 1.2vw;
    }
    h2 {
        display: block;
        font-size: 2.15vw;
        margin-top: 0.9vw;
        margin-bottom: 0.9vw;
    }
    h3 {
        display: block;
        font-size: 1.7vw;
        margin-top: 0.7vw;
        margin-bottom: 0.7vw;
    }
    h4 {
        display: block;
        font-size: 1.45vw;
        margin-top: 0.6vw;
        margin-bottom: 0.6vw;
    }
    h5 {
        display: block;
        font-size: 1.1vw;
        margin-top: 0.45vw;
        margin-bottom: 0.45vw;
    }
    h6 {
        display: block;
        font-size: 0.95vw;
        margin-top: 0.4vw;
        margin-bottom: 0.4vw;
    }
    .container {
        width: 85vw;
    }
    #sidebar form.searchform input, #sidebar form.searchform button {
        height: 3.3vw;
    }
    #sidebar article h2 {
        padding: 0.8vw 0;
        font-size: 1.8vw;
        line-height: 2.05vw;
    }
    #sidebar article:not(.fizz) div{
        padding: 0.4vw 0.7vw;
        font-size: 1.15vw;
    }
    #sidebar article {
        min-height: 3vw;
        margin-bottom: 1.5vw;
        border-radius: 0.15vw;
    }
    #sidebar article.widget_social a {
        height: 4vw;
    }
    #sidebar article.widget_social .discord {
        background: #7388D9 url('./img/discord.svg') no-repeat;
        background-position: center center;
        background-size: auto 70%;
        position: relative;
        transition: background-position-x 1s;
    }
    #sidebar article.widget_social .discord::after {
        font-size: 3.35vw;
        line-height: 3.5vw;
    }
    #main article {
        margin: 0 0 2.5vw 0;
    }
    .chatContainer {
        height:35vw;
    }
    .discordembed{
        margin: -0.8vw -1.425vw -1.3vw -1.425vw;
        padding: 0 !important;
    }
    .discordembed iframe {
        height: 40vw;
    }
    .details {
        grid-template-rows: minmax(4vw, 1fr);
    }
    .type-post .details {
        grid-template-columns: 1fr 4vw 4vw;
        grid-template-rows: 4vw;
    }
    .logged-in .details {
        grid-template-columns: 1fr 4vw;
    }
    .logged-in .type-post .details {
        grid-template-columns: 1fr 4vw 4vw 4vw;
    }
    .details.verylongtitle {
        grid-template-columns: 1fr 4vw;
        grid-template-rows: 4vw 4vw;
    }
    .details .titleblock {
        font-size: 2.15vw;
        line-height: 1.9vw;
        padding-right: 0.8vw;
        padding-left: 0.8vw;
    }
    .details[data-charcount="1"] .titleblock, .details[data-charcount="2"] .titleblock, .details[data-charcount="3"] .titleblock, .details[data-charcount="4"] .titleblock, .details[data-charcount="5"] .titleblock, .details[data-charcount="6"] .titleblock, .details[data-charcount="7"] .titleblock, .details[data-charcount="8"] .titleblock, .details[data-charcount="9"] .titleblock, .details[data-charcount="10"] .titleblock, .details[data-charcount="11"] .titleblock, .details[data-charcount="12"] .titleblock, .details[data-charcount="13"] .titleblock, .details[data-charcount="14"] .titleblock, .details[data-charcount="15"] .titleblock, .details[data-charcount="16"] .titleblock, .details[data-charcount="17"] .titleblock, .details[data-charcount="18"] .titleblock, .details[data-charcount="19"] .titleblock, .details[data-charcount="20"] .titleblock, .details[data-charcount="21"] .titleblock, .details[data-charcount="22"] .titleblock, .details[data-charcount="23"] .titleblock, .details[data-charcount="24"] .titleblock, .details[data-charcount="25"] .titleblock, .details[data-charcount="26"] .titleblock, .details[data-charcount="27"] .titleblock, .details[data-charcount="28"] .titleblock, .details[data-charcount="29"] .titleblock, .details[data-charcount="30"] .titleblock, .details[data-charcount="31"] .titleblock, .details[data-charcount="32"] .titleblock, .details[data-charcount="33"] .titleblock, .details[data-charcount="34"] .titleblock, .details[data-charcount="35"] .titleblock, .details[data-charcount="36"] .titleblock, .details[data-charcount="37"] .titleblock, .details[data-charcount="38"] .titleblock, .details[data-charcount="39"] .titleblock, .details[data-charcount="40"] .titleblock, .details[data-charcount="41"] .titleblock, .details[data-charcount="42"] .titleblock, .details[data-charcount="43"] .titleblock, .details[data-charcount="44"] .titleblock, .details[data-charcount="45"] .titleblock, .details[data-charcount="46"] .titleblock, .details[data-charcount="47"] .titleblock, .details[data-charcount="48"] .titleblock, .details[data-charcount="49"] .titleblock, .details[data-charcount="50"] .titleblock {
        font-size: 2.3vw;
        line-height: 2vw;
    }
    .logged-in .details[data-charcount="46"] .titleblock, .logged-in .details[data-charcount="47"] .titleblock, .logged-in .details[data-charcount="48"] .titleblock, .logged-in .details[data-charcount="49"] .titleblock, .logged-in .details[data-charcount="50"] .titleblock {
        font-size: 2.15vw;
        line-height: 1.9vw;
    }
    .details .titleblock a {
        padding-right: 0.8vw;
    }
    .details .titleblock.home {
        padding-right: 0;
        padding-left: 0;
    }
    .details .day {
        line-height: 1.9vw;
        height: 2.05vw;
        font-size: 2.6vw;
    }
    .details .month, .details .year {
        font-size: 1.1vw;
        line-height: 0.9vw;
    }
    #main article .featured-container {
    }
    #main article img.featured {
        max-height: 28.3vw;
    }
    #main article .entry-content {
        font-size: 1.15vw;
        padding: 0.9vw 0.8vw;
    }
    #main article .desc {
        font-size: 1.15vw;
        padding: 0.2vw 1vw;
    }
    #main article ul.triactions li {
        font-size: 1.3vw;
    }
    #main article ul.triactions li:first-child a, #main article ul.triactions li:last-child a{
        font-size: 1.5em;
        line-height: 2.6vw;
        height: 2.8vw;
    }
    .pageNavi {
        line-height: 1.05vw;
        font-size: 1.05vw;
    }
    .pageNavi li {
        float: left;
    }
    .pageNavi a, .pageNavi span {
        padding: 0.9vw 1.05vw;
        border-bottom-width: 0.3vw;
    }
    .pageNavi li a:hover, .pageNavi li span:hover {
        border-bottom-width: 0.3vw;
    }
    .pageNavi .current {
        border-bottom-width: 0.3vw;
    }
    .site-info {
        line-height: 1.95vw;
        font-size: 1.1vw;
    }
    #totop .arrowImage {
        height: 2.5vw;
        width: 2.5vw;
    }
    #mainmenu {
        margin-bottom: 1.7vw;
        border-radius: 0 0 0.15vw 0.15vw;
    }
    #menu-line {
        height: 0.2vw;
    }
    #mainmenu > ul > li > a {
        padding: 1vw 1.3vw 1vw 1.3vw;
        font-size: 1.3vw;
    }
    #mainmenu > ul > li.has-sub > a {
        padding-right: 1.7vw;
    }
    #mainmenu > ul > li.has-sub > a::after {
        top: 1.65vw;
        left: 0.65vw;
        width: 0.25vw;
        height: 0.25vw;
        border-bottom-width: 0.1vw;
        border-right-width: 0.1vw;
    }
    #mainmenu ul li:hover > ul > li {
        height: 2.1vw;
    }
    #mainmenu ul ul li a {
        padding: 0.65vw 1.3vw;
        width: 10.6vw;
        font-size: 0.85vw;
    }
    #mainmenu ul ul li.has-sub > a::after {
        top: 0.95vw;
        left: 0.65vw;
        width: 0.25vw;
        height: 0.25vw;
        border-top-width: 0.1vw;
        border-left-width: 0.1vw;
    }
    #mainmenu.align-right ul ul li.has-sub > a::after {
        left: 0.65vw;
        border-top-width: 0.1vw;
        border-left-width: 0.1vw;
    }
    .details .userInfoWrapper {
        width: 8vw;
        height: 8vw;
        box-shadow: 0.1vw 0.1vw 0.25vw rgba(0, 0, 0, 0.5);
    }
    .details .userInfo {
        grid-template-rows: repeat(15, .666vw);
        grid-template-columns: auto 8vw;
        width: 26.666vw;
    }
    .details .longUserRole .userInfo {
        grid-template-rows: repeat(17, .666vw);
    }
    .details .avatarBox a:hover + .userInfoWrapper, .details .avatarBox a:focus + .userInfoWrapper {
        width: 26.666vw;
        top: -2vw;
        left: -2vw;
        height: 10vw;
    }
    .details .avatarBox a:hover + .userInfoWrapper.longUserRole, .details .avatarBox a:focus + .userInfoWrapper.longUserRole {
        height: 11.3vw;
    }
    .details .userInfo .infoAbout {
        font-size: 1.333vw;
        padding-right: .4vw;
    }
    .details .userInfo .userDesc {
        font-size: 1.07vw;
        line-height: 1.3vw;
        padding: .1333vw .4vw;
    }
    .details .userInfo .userRole {
        font-size: 1.33vw;
        line-height: 1.6vw;
        padding: 0 .1v333w;
    }
    .bottom{
        min-height: 2.6vw;
        line-height: 1.3vw;
        margin-bottom: 3vw;
        border-radius: 0 0 0.15vw 0.15vw;
        padding-top: 0.65vw;
        padding-bottom: 0.65vw;
        font-size: 1.05vw;
    }
    #sidebar {
        margin-bottom: 3vw;
    }
    section#comments {
        border-radius: 0.15vw 0.15vw 0 0;
    }
    section#comments #respond {
        padding-bottom: 1.6vw;
    }
    section#comments h2, section#comments h3{
        padding: 0.3vw 1vw;
    }
    .comment-list{
        font-size: 1.15vw;
    }
    .comment-list li footer, .comment-form .comment-meta {
    }
    .comment-meta .comment-author-role {
        margin-top: 0.3vw;
        font-size: 0.9vw;
    }
    .comment-content{
    }
    .comment-metadata .says, .comment-metadata .commenter , .comment-metadata .commenter a {
        font-size:1.7vw;
    }
    .comment-metadata .commentClock {
        width: 0.9vw;
        height: 0.9vw;
        margin-left: 0.25vw;
    }
    .comment-metadata {
        font-size: 0.9vw;
    }
    .cld-common-wrap {
        font-size: 0.8vw;
        border-width: 0.1vw;
        padding: 0 0.25vw;
    }
    .cld-like-dislike-wrap .cld-like-wrap, .cld-like-dislike-wrap .cld-dislike-wrap {
        padding: 0.1vw 0.3vw;
    }
    .textarea-form textarea {
        height: 20vw;
        width: 47vw;
    }
    .textarea-form {
        height: 20vw;
        width: 47vw;
    }
    .textarea-form .form-submit {
        margin-bottom: 0.065vw;
        margin-left: 0.065vw;
    }
    .namemail-form {
        margin-bottom: 0.9vw;
        margin-top: 0.65vw;
        height: 1.95vw;
        width: 47vw;
    }
    .namemail-form input {
        height: 1.95vw;
        width: 49.5%;
    }
    .namemail-form input, .textarea-form textarea {
        font-size:1.05vw;
    }
    .textarea-form .comment-form-spoiler {
        left: 2.7vw;
        padding-top: 0.25vw;
        padding-bottom: 0.1vw;
    }
    .commentContent {
        min-height: 2.3vw;
    }
    .spoilerComment .commentContent {
        min-height: 3.2vw;
    }
    .children .commentContent {
        width:45vw;
    }
    .children .children .commentContent {
        width:43vw;
    }
    .children .children .children .commentContent {
        width:41vw;
    }
    .children .children .children .children .commentContent {
        width:39vw;
    }
    .spoilerComment .spoilerWarning {
        width: 47vw;
    }
    .children .spoilerComment .spoilerWarning {
        width:45vw;
    }
    .children .children .spoilerComment .spoilerWarning {
        width:43vw;
    }
    .children .children .children .spoilerComment .spoilerWarning {
        width:41vw;
    }
    .children .children .children .children .spoilerComment .spoilerWarning {
        width:39vw;
    }
    .btn {
        display: inline-block;
        padding: 0.15vw 0.4vw 0.15vw 0.4vw;
        font-size: 1.15vw;
    }
    .team-container {
        margin-top: 0.5vw;
    }
    .team-box {
        padding: 0.65vw 1.95vw;
    }
    .team-avatar {
        margin-top: 1vw;
        width: 13em;
        height: 13em;
    }
    .team-avatar img {
        box-shadow: 0 0 0.25vw 0.13vw rgb(0, 108, 177);
        border-width: 0.65vw 
    }
    .team-nickname {
        margin-top: 0.5vw;
        font-size: 1.8vw;
        margin-bottom:-0.13vw;
    }
    .team-fansub_role {
        margin-top: -0.6vw;
        font-size: 1.2vw;
    }
    .team-icons {
        margin-top: 0.2vw 
    }
    .team-icons .icon-img {
        width: 1.2vw;
        height: 1.2vw;
        margin-right:0.25vw;
        margin-left:0.25vw;
    }
    .team-description {
        font-size: 1.05vw;
    }
    .searchform input, .searchform button{
        height: 3.3vw;
        border-radius: 0.15vw;
    }
    .nothing-found div .searchform {
        border-radius: 0.1vw 0 0 0.1vw;
        box-shadow: 0 0 0.1vw 0.05vw #5c5c5c;
        font-size: 1.5vw;
    }
    #newmenu {
        margin-bottom: 1.5vw;
        border-bottom-width: .4vw;
    }
    #newmenu ul li a {
        font-size: 1.4vw;
        padding: .7vw 1vw;
    }
    #newmenu ul li a::before, #newmenu ul li a::after {
        width: .8vw;
        height: .8vw;
        left: calc(50% - .4vw);
    }
    #newmenu ul li a::before {
        top: -1vw;
    }
    #newmenu ul li a::after {
        bottom: -1vw;
    }
    #newmenu ul li a:hover::before, #newmenu ul li a:focus::before, #newmenu ul li.current_page_item a::before {
        top: -.4vw;
    }
    #newmenu ul li a:hover::after, #newmenu ul li a:focus::after, #newmenu ul li.current_page_item a::after {
        bottom: -.4vw;
    }
    .team-link {
        font-size: 2.1vw;
    }
    .team-link span:after {
        left: -1.4vw;
    }
    .team-link:hover span {
        padding-left: 1.5vw;
    }
    .comment-author-image img, .new-comment-author-image img{
    }
    section#comments article, section#comments form {
        grid-template-columns: 5.5vw 1fr;
        grid-gap: 0.6vw;
    }
    .comment-input-form .name-form, .comment-input-form .mail-form {
        height: 2vw;
    }
    .comment-input-form {
        font-size: 1.15vw;
        grid-gap: 0.6vw;
    }
    .logged-in #commentsubmit .comment-content {
        grid-gap: 0.6vw;
    }
    .comment-input-form textarea {
    }
    .form-buttons div input, .form-buttons div label {
        padding: 0.3vw 0.6vw;
    }
    .comment-form-spoiler input {
        width: 1.8vw;
    }
    .form-buttons .comment-form-spoiler:first-child {
        margin-left: 0.6vw;
    }
    .comment-form-spoiler .spoilerCheckboxVisual {
        width: 1vw;
        height: 1vw;
        margin-left: 0.4vw;
    }
    .comment-awaiting-moderation {
        font-size: 0.85vw !important;
        margin: 0.3vw 0 !important;
    }
    #main .archiveTitle {
        font-size: 2.3vw;
        line-height: 3vw;
        height: 3.2vw;
    }
    .archiveUserBio {
        font-size: 1.15vw;
        padding-top: .7vw;
    }
    .archiveUserRole {
        margin-bottom: .5vw;
        font-size: 1.15vw;
    }
    #konamiCode {
        width: 85vw;
        height: 14vw;
    }
    .konamiCenter {
        border-radius: 0.3vw;
    }
    .konamiTitle {
        font-size: 2.8vw;
        border-radius: 0.15vw 0.15vw 0 0;
        height: 4.2vw;
    }
    .konamiSubmit {
        border-radius: 0 0 0.2vw 0.2vw;
    }
    .konamiSubmit button {
        font-size: 2.8vw;
        height: 4.2vw;
        border-radius: 0 0 0.15vw 0.15vw;
    }
    .konamiClose {
        left: 1.4vw;
    }
    .konamiOptions ul li button {
        height: 3vw;
    }
    .konamiOptions ul li input {
        height: 8.4vw;
        border-width: 0.7vw;
        font-size: 7.14vw;
    }
    .spinning-circle {
        width: 17.92vw;
        height: 17.92vw;
    }
    .spinning-circle div {
        width: 14.28vw;
        height: 14.28vw;
        margin: 1.68vw;
        border-width: 1.68vw;
        border-radius: 50%;
    }
    .konamiInvalid {
        font-size: 2.73vw;
        padding: 0 0.7vw;
    }
    .konamiInvalidButtons div {
        font-size: 2.73vw;
    }
    #sidebar .fizz {
        top: 0.75vw;
    }
    .logged-in #sidebar .fizz {
        top: calc(0.75vw + 32px);
    }
    .watchZoomClose {
        top: -1.5vw;
        right: -1.5vw;
        height: calc(3vw + 3px);
        width: calc(3vw + 3px);
    }
    .cld-common-wrap {
        height: 1.4vw;
    }
}
@media (max-width: 767px) {
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }
    body {
        font-size: 4vw;
    }
    h1 {
        font-size: 10vw;
    }
    h2 {
        font-size: 7.5vw;
    }
    h3 {
        font-size: 6vw;
    }
    h4 {
        font-size: 5vw;
    }
    h5 {
        font-size: 4.15vw;
    }
    h6 {
        font-size: 0.67vw;
    }
    textarea {
        font-size: 4vw;
    }
    #sidebar {
        display: none;
    }
    #content {
        grid-template-columns: 100%;
        grid-gap: 0;
    }
    #main {
        width: 100%;
    }
    .container {
        width: 94%;
    }
    #main .archiveTitle {
        height: auto;
        padding: 1.5vw 1vw;
        font-size: 10vw;
        line-height: 10vw;
    }
    .details {
        grid-template-columns: 1fr 12vw;
        grid-template-rows: 1fr;
        background: #4fc1e9;
    }
    .type-post .details {
        grid-template-rows: 1fr 12vw;
        grid-template-columns: 1fr 12vw;
    }
    .logged-in .details {
        grid-template-columns: 1fr 12vw;
    }
    .logged-in .type-post .details {
        grid-template-columns: 1fr 6vw 12vw;
    }
    .details .titleblock {
        font-size: 8vw;
        line-height: 8vw;
        padding-right: 1vw;
        padding-left: 1vw;
        grid-column: span 2;
        grid-row: auto;
    }
    .logged-in .details .titleblock {
        grid-column: 1;
    }
    .logged-in .type-post .details .titleblock {
        grid-column: span 3;
    }
    .details[data-charcount="1"] .titleblock, .details[data-charcount="2"] .titleblock, .details[data-charcount="3"] .titleblock, .details[data-charcount="4"] .titleblock, .details[data-charcount="5"] .titleblock, .details[data-charcount="6"] .titleblock, .details[data-charcount="7"] .titleblock, .details[data-charcount="8"] .titleblock, .details[data-charcount="9"] .titleblock, .details[data-charcount="10"] .titleblock, .details[data-charcount="11"] .titleblock, .details[data-charcount="12"] .titleblock, .details[data-charcount="13"] .titleblock, .details[data-charcount="14"] .titleblock, .details[data-charcount="15"] .titleblock, .details[data-charcount="16"] .titleblock, .details[data-charcount="17"] .titleblock, .details[data-charcount="18"] .titleblock, .details[data-charcount="19"] .titleblock, .details[data-charcount="20"] .titleblock, .details[data-charcount="21"] .titleblock, .details[data-charcount="22"] .titleblock, .details[data-charcount="23"] .titleblock, .details[data-charcount="24"] .titleblock, .details[data-charcount="25"] .titleblock, .details[data-charcount="26"] .titleblock, .details[data-charcount="27"] .titleblock, .details[data-charcount="28"] .titleblock, .details[data-charcount="29"] .titleblock, .details[data-charcount="30"] .titleblock, .details[data-charcount="31"] .titleblock, .details[data-charcount="32"] .titleblock, .details[data-charcount="33"] .titleblock, .details[data-charcount="34"] .titleblock, .details[data-charcount="35"] .titleblock, .details[data-charcount="36"] .titleblock, .details[data-charcount="37"] .titleblock, .details[data-charcount="38"] .titleblock, .details[data-charcount="39"] .titleblock, .details[data-charcount="40"] .titleblock, .details[data-charcount="41"] .titleblock, .details[data-charcount="42"] .titleblock, .details[data-charcount="43"] .titleblock, .details[data-charcount="44"] .titleblock, .details[data-charcount="45"] .titleblock, .details[data-charcount="46"] .titleblock, .details[data-charcount="47"] .titleblock, .details[data-charcount="48"] .titleblock, .details[data-charcount="49"] .titleblock, .details[data-charcount="50"] .titleblock {
        font-size: 8vw;
        line-height: 8vw;
    }
    .logged-in .details[data-charcount="46"] .titleblock, .logged-in .details[data-charcount="47"] .titleblock, .logged-in .details[data-charcount="48"] .titleblock, .logged-in .details[data-charcount="49"] .titleblock, .logged-in .details[data-charcount="50"] .titleblock {
        font-size: 8vw;
        line-height: 8vw;
    }
    .details .titleblock {
        padding: 1.6vw 2.4vw;
    }
    .details .titleblock.home {
        padding: 0;
    }
    .details .titleblock a {
        padding: 1.6vw 2.4vw;
    }
    .details .titleblock.home {
        padding-right: 0;
        padding-left: 0;
    }
    .logged-in .details .quickPostEdit {
        grid-row: 1;
        grid-column: 2;
    }
    .logged-in .type-post .details .quickPostEdit {
        grid-row: 2;
        grid-column: 2;
    }
    .details .date {
        display: grid;
        grid-template-rows: 6vw 1fr;
        background-color: #5EB7DE;
        grid-template-columns: max-content max-content max-content minmax(0, min-content);
    }
    .logged-in .details .date {
        grid-row: 2;
        grid-column: 1;
    }
    .details .date div {
        font-size: 4vw;
        line-height: 6vw;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .details .date .postAuthor {
        display: block;
        margin-right: 2.4vw;
    }
    .details .date .postAuthor::before {
        content: 'פורסם על ידי ';
    }
    .details .date .postAuthor::after {
        content: ' ב-';
    }
    .details .date .day::after {
        content: ' ב';
    }
    .details .date .year::before {
        content: ', ';
    }
    .details .date .year::after {
        content: '.';
    }
    .details .date .dummy {
        display: block;
        grid-row: 2;
        grid-column: span 5;
        background: #fff;
        clip-path: polygon(4vw -10%,110% -10%,110% 110%,-0% 110%);
        -webkit-clip-path: polygon(4vw -10%,110% -10%,110% 110%,-0% 110%);
    }
    .avatarBox .userInfoWrapper {
        display: none!important;
    }
    #mainmenu, #newmenu {
        display: none;
    }
    header {
        margin: 0 0 3.5vw 0;
    }
    #main article {
        margin: 0 0 4.5vw 0;
        padding: 0;
        border-radius: 0.1vw;
    }
    #main article .desc {
        line-height: 6vw;
        font-size: 4vw;
    }
    #main article .desc, .post-post article .entry-content {
        padding: 1vw 2.4vw;
        margin-top: -6vw;
        min-height: 6vw;
        position: relative;
        clip-path: polygon(0% 6vw, 12vw 6vw, 12vw 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .logged-in #main article .desc, .logged-in .post-post article .entry-content {
        clip-path: polygon(0% 6vw, 18vw 6vw, 18vw 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    #main article .desc::before, .post-post article .entry-content::before {
        content: '';
        display: block;
        float: left;
        height: 5vw;
        width: 12vw;
        pointer-events: none;
    }
    .logged-in #main article .desc::before, .logged-in .post-post article .entry-content::before {
        width: 18vw;
    }
    #main article .featured-container {
    }
    #main article img.featured {
        max-height: 43vw;
    }
    #main article ul.triactions li:first-child a, #main article ul.triactions li:last-child a{
        font-size: 6em;
        line-height: 8vw;
        height: 8vw;
    }
    .triactions .commenter {
        border-left: 0.2vw solid #5EB7DE;
    }
    .triactions .readmore {
        border-right: 0.2vw solid #5EB7DE;
    }
    #main article ul.triactions li {
        width: 50%;
    }
    #main article ul.triactions li.middleOne {
        display: none;
    }
    .pageNavi {
        line-height: 3.8vw;
        font-size: 3.8vw;
    }
    .pageNavi li {
        float: left;
    }
    .pageNavi a, .pageNavi span {
        padding: 2.7vw 2.8vw;
        border-bottom-width: 1vw;
    }
    .pageNavi li a:hover, .pageNavi li span:hover {
        border-bottom-width: 1vw;
    }
    .pageNavi .current {
        border-bottom-width: 1vw;
    }
    #totop {
        bottom: 1vw;
        left:1vw;
        padding: 1vw;
        border: 0.3vw solid black;
    }
    #totop .arrowImage {
        height: 8vw;
        width: 8vw;
    }
    .site-info {
        line-height: 5.5vw;
        font-size: 4vw;
    }
    .entry-content {
        padding: 0.6vw 1.8vw;
    }
    .post-post article .entry-content {
    }
    .bottom{
        min-height: 5vw;
        line-height: 4.5vw;
        margin-bottom: 3.6vw;
        border-radius: 0 0 0.1vw 0.1vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
        font-size: 4vw;
    }
    section#comments h2, section#comments h3 {
        min-height: 9vw;
        line-height: 9vw;
        padding: 0.4vw 2vw;
    }
    .comment-list {
        font-size: 4vw;
    }
    section#comments article, section#comments form {
        margin: 2vw 3vw 0 3vw;
        box-shadow: 0.50vw 0.50vw 1vw rgba(0, 0, 0, 0.3);
        display: grid;
        grid-template-columns: 14.2vw 1fr;
        padding: 2vw;
        grid-gap: 2vw;
    }
    .comment-input-form .name-form, .comment-input-form .mail-form {
        height: 7vw;
    }
    .comment-input-form {
        font-size: 4vw;
        grid-gap: 1vw;
    }
    .logged-in #commentsubmit .comment-content {
        grid-gap: 1vw;
    }
    .form-buttons div input, .form-buttons div label {
        padding: 1vw 2vw;
        font-weight: 300;
    }
    .form-buttons .comment-form-spoiler:first-child {
        margin-left: 1vw;
    }
    .comment-form-spoiler .spoilerCheckboxVisual {
        width: 3.6vw;
        height: 3.6vw;
        margin-left: 0.8vw;
        margin-right: 1vw;
    }
    .comment-form-spoiler label {
        padding-right: 0!important;
    }
    .comment-form-spoiler input {
        width: 6vw;
    }
    .comment-content {
    }
    .comment-list .comment-content {
        grid-gap: .8vw;
    }
    .comment-list li footer, .comment-form .comment-meta {
    }
    section#comments #respond {
        padding-bottom: 3vw;
    }
    section#comments #respond h2 {
        padding: 0 2vw;
    }
    .comment-navigation {
        display: block;
        height: 0.77vw;
    }
    .comment-list .children {
        margin-right: 2vw!important;
    }
    .comment-list .children #respond {
        margin-right: -2vw!important;
    }
    .comment-list .children .children #respond {
        margin-right: -4vw!important;
    }
    .comment-list .children .children .children #respond {
        margin-right: -6vw!important;
    }
    .comment-list .children .children .children .children #respond {
        margin-right: -8vw!important;
    }
    .comment-list .children .children .children .children .children #respond {
        margin-right: -6vw!important;
    }
    .comment-awaiting-moderation {
        font-size: 3vw!important;
        margin: 0.2vw 0!important;
    }
    .comment-body {
        display: flex;
    }
    .comment-content p {
        max-width: 90em;
    }
    .comment-metadata .says, .comment-metadata .commenter , .comment-metadata .commenter a {
        font-size:6vw;
    }
    .comment-metadata .commentClock {
        width: 3vw;
        height: 3vw;
        margin-left: 1vw;
    }
    .comment-metadata {
        font-size: 3vw;
    }
    .comment-metadata {
        grid-row-gap: 1vw;
    }
    .comment-respond .comment-metadata {
        grid-row-gap: 0;
    }
    .comment-meta .comment-author-role {
        margin-top: 1vw;
        font-size: 3vw;
    }
    .comment-author-image img, .new-comment-author-image img {
    }
    .cld-like-dislike-wrap .reply a:before{
        background-position:0 .4vw;
        background-size:auto 80%;
        padding-right:3.3vw;
        margin-left: 0.8vw;
    }
    .cld-like-dislike-wrap .edit-link a:before{
        background-position:0 .4vw;
        background-size:auto 80%;
        padding-right:3.3vw;
        margin-left: 0.8vw;
    }
    h2.comment-reply-title {
        font-size: 7vw;
    }
    .textarea-form textarea {
        height: 20vw;
        width: 70vw;
    }
    .textarea-form {
        margin-bottom: 4vw;
        height: 20vw;
        width: 70vw;
    }
    .textarea-form .form-submit {
        left: 0;
        bottom: 0;
        margin-bottom: 0.05vw;
        margin-left: 0.05vw;
    }
    .textarea-form .comment-form-spoiler {
        left: 7.85vw;
        padding-top: 0.4vw;
        padding-bottom: 0.3vw;
    }
    .commentContent {
    }
    .spoilerComment .commentContent {
        min-height: 12vw;
        filter: blur(0.8vw);
    }
    .children .commentContent {
        width:65vw;
    }
    .children .children .commentContent {
        width:63vw;
    }
    .children .children .children .commentContent {
        width:61vw;
    }
    .children .children .children .children .commentContent {
        width:59vw;
    }
    .spoilerComment .spoilerWarning::after {
        content: "תגובה זו סומנה כספוילר. \00000a ניתן ללחוץ על התגובה על מנת לקרוא אותה.";
        white-space: pre;
    }
    .spoilerComment .spoilerWarning {
        width: 67vw;
    }
    .children .spoilerComment .spoilerWarning {
        width:65vw;
    }
    .children .children .spoilerComment .spoilerWarning {
        width:63vw;
    }
    .children .children .children .spoilerComment .spoilerWarning {
        width:61vw;
    }
    .children .children .children .children .spoilerComment .spoilerWarning {
        width:59vw;
    }
    .btn {
        padding: 0.4vw 1vw;
        margin-bottom: 0;
        font-size: 3.6vw;
        line-height: 1.428571429;
        border: 0.2vw solid transparent;
        border-radius: 1vw;
    }
    .namemail-form {
        margin-bottom: 2.7vw;
        margin-top: 1.5vw;
        height: 4vw;
        width: 70vw;
    }
    .namemail-form input {
        height: 6vw;
        width: 49.5%;
        margin:0;
    }
    .namemail-form input, .textarea-form textarea {
        font-size:4vw;
    }
    #cancel-comment-reply-link {
        font-size: 5vw;
    }
    .cld-like-dislike-wrap {
    }
    .cld-common-wrap {
        font-size: 3vw;
        padding: 0 1vw;
    }
    .cld-like-dislike-wrap .cld-like-wrap, .cld-like-dislike-wrap .cld-dislike-wrap {
        padding: 0.3vw 1.2vw;
    }
    .team-container {
        margin-top: 4vw;
    }
    .team-box {
        width:90%;
        margin-right: 5%;
        padding: 0.5vw 1.5vw;
    }
    .team-avatar {
        margin-top: 5vw;
        width:15em;
        height: 15em;
    }
    .team-avatar img {
        width: 100%;
        height: 100%;
        box-shadow: 0 0 1vw 0.5vw rgb(0, 108, 177);
        border: 4vw solid #f5f5f5;
    }
    .team-nickname {
        margin-top: 0.4vw;
        font-size: 7vw;
        margin-bottom:-0.1vw;
    }
    .team-fansub_role {
        margin-top: -0.5vw;
        font-size: 4.5vw;
    }
    .team-icons .icon-img {
        width: 5vw;
        height: 5vw;
        margin-right:1vw;
        margin-left:1vw;
    }
    .team-description {
        text-align: center;
        font-size: 4vw;
        color: #000;
    }
    .team-link {
        border-radius: 0.5vw;
        font-size: 8vw;
        padding: 1vw 0;
        width: 70%;
        margin: 4vw 15% 0 0%;
    }
    .archiveUserAvatar img, .team-avatar img {
        box-shadow: 0 0 1.5vw 0.75vw #21A5E5!important;
    }
    .bottom, article, section {
        box-shadow: 0.50vw 0.50vw 1vw rgba(0, 0, 0, 0.3);
    }
    header {
        box-shadow: 0.50vw 0.50vw 1vw rgba(0, 0, 0, 0.3);
    }
    .archiveUserAvatar {
        width:30%;
        margin-right: 2vw;
    }
    .archiveUserAvatar img {
        margin-top: 3vw;
        margin-bottom: 3vw;
        width: 100%;
        box-shadow: 0 0 1vw 0.5vw rgb(0, 108, 177);
        border: 2vw solid #f5f5f5;
    }
    .archiveUserRole {
        text-align: center;
        margin-bottom: 2.5vw;
        width: 90%;
        font-size: 4vw;
    }
    .archiveUserBio {
        padding: 0.5vw 4%;
        font-size: 4.2vw;
    }
    .searchform input, .searchform button{
        height: 7vw;
    }
    .nothing-found div .searchform:focus-within {
        box-shadow: 0 0 2vw #222;
    }
    .nothing-found div .searchform {
        border-radius: 0.4vw 0 0 0.4vw;
        box-shadow: 0 0 0.8vw 0.3vw #5c5c5c;
        font-size: 4vw;
    }
    .nothing-found div form div button {
        border-radius: 0.1vw 0vw 0vw 0.1vw;
    }
    .nothing-found div form div input {
        border-radius: 0 0.1vw 0.1vw 0;
        padding-right: 0.5vw;
    }
    #main .nothing-found div #searchform .searchinput {
        width: 80%;
    }
    #main .nothing-found div #searchform .searchbutton {
        width: 20%;
    }
    article.nothing-found {
        margin-bottom: 5vw !important;
    }
    .nothing-found div .searchform {
        margin: 1vw 0;
    }
    .statsGrid {
        grid-template-columns: 100% !important;
    }
    .statsGrid .statsGridItemLong {
        grid-column: span 1!important;
    }
    .watchZoomClose {
        top: -5vw;
        right: -5vw;
        height: calc(10vw + 3px);
        width: calc(10vw + 3px);
    }
    .cld-common-wrap {
        height: 5.1vw;
    }
}