/*
Theme Name: Comixxxx
Theme URI: https://superbthemes.com/imagegridly/image-gridly-info/
Author: themeeverest
Author URI: https://superbthemes.com/
Description: Image Gridly is your seo friendly & responsive theme made for photography portfolio, blogging, newspapers or journalist writing. The code is clean so your website will be quick and load fast with great page speed. The theme is simple to setup but has a lot of features for both affiliate marketing, i.e. lots of advertisement space for affiliate programs such as Google AdSense - of course this kind of website requires a SEO optimized, creative & modern theme which Image Gridly is. Writers is a true multi purpose theme, Beaver Pagebuilder is implemented so you can create your corporate business landing page, an elegant agency one page or a simply photography portfolio. Authors & bloggers can easily create a simple and minimalistic blog and customize it to a niche with the header, so you can write about anything from food, travel, fashion, lifestyle, reviews, products or other entertainment niches. To sum it up the theme is SEO optimised, responsive so it works on tablets, desktop, mobile phones, on every device, such as an Apple or Android. The theme allows you to create a news paper or 1 page / single page, coach, school or education conference website with very low amount of effort required since the design looks beautiful out of box.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: imagegridly
Tags: blog, news, right-sidebar, post-formats, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, sticky-post, translation-ready
Requires PHP: 4.0
Tested up to: 5.9

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

hr,
img,
legend {
    border: 0
}
.footer-info-right a {
    text-decoration:none;
}
legend,
td,
th {
    padding: 0
}

pre,
textarea {
    overflow: auto
}

address,
blockquote,
p {
    margin: 0 0 1.5em
}

img,
pre,
select {
    max-width: 100%
}
@font-face {
  font-family: badabb;
  src: url(badabb.ttf);
}
@font-face {
  font-family: ComicNeueSansID;
  src: url(ComicNeueSansID.ttf);
}
@font-face {
  font-family: kghappy;
  src: url(KGHAPPY.ttf);
}
@font-face {
  font-family: PinkChicken;
  src: url(PinkChicken-Regular.ttf);
}
@font-face {
  font-family: KGTangledUpInYou;
  src: url(KGTangledUpInYou.ttf);
}
body {
    background-color: #ffffff;
    background-image: radial-gradient(#cacaca 20%, transparent 0), radial-gradient(#c3c3c3 20%, transparent 0);
    background-size: 10px 10px;
    background-position: 0 0, 15px 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625;
    margin: 0;
    font-family: ComicNeueSansID;
}
a {
    color:#000;
    text-decoration:underline;
}
.aligncenter,
.clear:after,
.clearfix:after,
.comment-content:after,
.entry-content:after,
.page-links,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both
}


ins,
mark {
    text-decoration: none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

cite,
dfn,
em,
i {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    height: auto;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    box-sizing: content-box;
    background-color: #ccc;
    height: 1px;
    margin-bottom: 1.5em
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0;
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

code,
kbd,
pre,
tt,
var {
    font-family: Lato, 'helvetica neue', helvetica, arial
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    width: 100%
}

form label {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 400;
    margin-bottom: 15px
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    color: #000;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 15px;
    font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
}

pre {
    background: #eee;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-size: 15px;
    font-size: .9375rem
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,
mark {
    background: #fff9c0
}

big {
    font-size: 125%
}

*,
:after,
:before {
    box-sizing: inherit
}

blockquote {
    background: rgba(0, 0, 0, 0.1);
    border-left: 6px solid rgba(0, 0, 0, 0.2);
    padding: .5em 10px
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

ol,
ul {
    margin: 0 0 1.5em 1em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 10px
}

article li>ol,
article li>ul {
    padding-left:0px;
}
article ol, article ul {
    padding-left:0;
    margin-left:25px;
}


dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

figure {
    margin: 1em 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 20px;
    font-weight: 700;
    border: none;
    border-radius: 3px;
    background: #c21818;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    opacity: .9;
    border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
    border-color: #aaa #bbb #bbb
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=number],
input[type=search],
textarea {
    color: #666;
    border: 1px solid #e5e6e9;
    padding: 16px
}

select {
    border: 1px solid #ccc
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
    color: #111
}

a {
    transition: all .10s linear
}


body * {
     -webkit-font-smoothing: antialiased; 
     -moz-osx-font-smoothing: grayscale
}
header {
    position: relative;
    z-index: 1;
}
header > img {
    display: block;
}
header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
header ul li {
    background: linear-gradient(356deg, #af0000, #e54848);
    padding: 1% 0%;
    float: left;
    width: 25%;
    position: relative;
    border: thin solid #000;
}
header ul li:before {
    content: "";
    display: block;
    height: 7px;
    width: 100%;
    background-image: repeating-linear-gradient(45deg, #3f3f3f, #3f3f3f 1px, transparent 2px, transparent 5px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-top: 1px solid #3f3f3f;
    position: absolute;
    left: 0;
    bottom: 2px;
    background-size: 7px 7px;
}
header ul li .moreshow {
    position: absolute;
    width: 100%;
    left: 0;
    display: none;
    top: 100%;
}
header ul li a {
    display: block;
    color: #fff;
    font-family: KGTangledUpInYou;
    text-decoration: none;
    text-align: center;
    font-size: 2em;
}
header ul li ul li {
    margin: 0;
    padding: 1em;
    width: 100%;
    background: linear-gradient(0deg, #eaeaea, white);
}
header ul li ul li a {
    color: #000;
}
header span img {
    max-width: 400px;
    width: 60%;
    position: absolute;
    left: 1%;
	transform: translateY(-10%);
}
.more:hover .moreshow {
    display: block !important;
}

a#logo {
    width: 140px;
    margin-top: -23px;
    overflow: hidden;
    display: block;
}
a#logo img {
    width: 100%;
    height: auto;
}

.container {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
}

table img.wp-post-image {
    width: 150px;
}

table td {
    padding: 10px;
    font-size: 16px;
}
.entry-content {
    margin: 20px 0;
}
.chapterpage {
    overflow: hidden;
    text-align: center;
}
.poster img {
border-radius: 10px;
    box-shadow: -4px 5px #000;
    border: 2px solid black;
}
.server, .chapter {
    display: inline-block;
}

.posts {
    background: repeating-linear-gradient( 45deg, #ffffff, #ffffff 10px, #efefef 10px, #efefef 20px );
    padding: 10px;
    position: relative;
    box-shadow: -7px 7px #000;
    border: thin solid black;
}
.posts img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.posts a {
    text-decoration: none;
}

.posts .tt {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    font-size: 15px;
}

article {
    padding: 10px;
}

.allposts {
    display: flex;
    flex-wrap: wrap;
}

.page-break {
    line-height: 0;
}
.readpage {
    background: #fff;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 0vh;
    overflow-y: scroll;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    -ms-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
  text-align: center;
  z-index: 2;
}
.info {
margin: 0 auto;
    display: block;
    /*max-width: 760px;*/
    box-shadow: -13px 13px #000;
    width: 100%;
    background-image: radial-gradient(circle, lightblue, deepskyblue);
    padding: 10px;
    border: 5px solid #2b2b2b;
    position: relative;
    overflow: hidden;
}
.info .bookmark {
    left: -6px;
    position: absolute;
    top: -2px;
    transform: skew(-15deg);
    background-color: #fff;
    border: solid 2px #000;
    margin: 0;
    padding: 3px 10px;
    color: #000;
}
.info .readnow {
    right: -6px;
    position: absolute;
    bottom: -2px;
    transform: skew(-15deg);
    background-color: #fff;
    border: solid 2px #000;
    margin: 0;
    padding: 3px 10px;
    color: #000;
}
.info h1 {
    font-family: kghappy;
    text-align: center;
}
.stickmenu {
    display: block;
    overflow: hidden;
    width: 100%;
    background: #171717cc;
    padding: 5px;
    color: #fff;
}
.stickmenu .containerinside {
    width: 315px;
    overflow: hidden;
    float: right;
}
.stickmenu .back {
    display: inline-block;
    position: absolute;
    left: 5px;
}
.stickmenu .nextprevinfo {
    float: right !important;
}
.stickmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}
.stickmenu ul li {
    display: inline-block;
}
.stickmenu select {
    float: left;
    padding: 10px;
    border-radius: 5px;
    background: #b8b8b8;
}
#selectserverhide {
    display: none;
}

img.buffering {
    vertical-align: middle;
    margin-top: 30vh;
}

#toTop {
    position: fixed;
    bottom: 1vh;
    right: 1vw;
    display: none;
}

.poster {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}
.moreinfo {
    vertical-align: middle;
    width: 69%;
    display: inline-block;
}
.botmen {
  background: #171717;
}
.botnxt {
    max-width: 690px;
    width: 100%;
    overflow: hidden;
    padding: 1%;
    text-align: center;
    margin: auto;
}
.botmen > p {
    margin: 0;
    padding: 10px;
    background: black;
    color: #fff;
    font-size: 12px;
}
.botmen a {
    color: #fff !important;
    text-decoration: none;
}

.picbot, .ttbot, .btnbot  {
  display: table-cell;
  vertical-align: middle;
}
.picbot {
  width: 25%;
}
.picbot img {
    max-width: 100px;
    width: 80%;
}
.ttbot {
  width: 50%;
  color: #fff;
  text-align: left;
  padding: 5px;
}
.ttbot p {
  margin: 0;
  padding: 0;
}
.ttbot p:first-child {
  font-size: 15px;
  line-height: normal;
}
.ttbot p:nth-child(2), .ttbot span {
  font-size: 12px;
  color: #646464;
}
.savehere input {
    font-size: 10px;
    padding: 5px;
    background: green;
}
.botmen center {
    background: #053905;
    color: #fff;
    font-size: 10px;
}

.btnbot {
  width: 20%;
}

.btnbot button,
.btnbot a {
    text-align: left;
    width: 135px;
    background: #b11515;
    float: right;
    font-size: 15px;
    padding: 10px;
    display: block;
}
.btnbot i {
    position: absolute;
    margin-left: 14px;
    margin-top: -9px;
    background: white;
    text-align: center;
    border-radius: 15px;
    color: red;
    padding: 5px 8px;
}



.btnchptr {
    overflow: visible;
    margin: 5px;
    padding: 0;
    border: 0;
    width: 18%;
    height: 70px;
    background: linear-gradient(#29f2ab,#26ca54);
    line-height: 4;
    cursor: pointer;
    -moz-user-select: text;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    border-radius: 6px;
    margin-bottom: 16px;
    transition: all 0.5s ease;
}

.btnchptr--stripe {
    overflow: hidden;
    position: relative;
}

.btnchptr--stripe:after {
    content: "";
    display: block;
    height: 7px;
    width: 100%;
    background-image: repeating-linear-gradient(45deg, #000, #000 1px, transparent 2px, transparent 5px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-top: 1px solid #000;
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: 7px 7px;
}

@keyframes stripe-slide {
    0% {
        background-position: 0% 0;
    }
    100% {
        background-position: 100% 0;
    }
}

.btnchptr--stripe:hover:after {
    background-image: repeating-linear-gradient(45deg, #000, #000 1px, transparent 2px, transparent 5px);
    border-top: 1px solid #000;
    -webkit-animation: stripe-slide 12s infinite linear forwards;
    animation: stripe-slide 12s infinite linear forwards;
}

.btnchptr--stripe:hover {
    background: #fff;
    color: #000;
    border-color: #000;
}


.speech-bubble {
    background: url(https://cldup.com/Zj5M2bZRfK.png);
    width: 200px;
    height: 200px;
    display: block;
    background-size: cover;
    vertical-align: middle;
    line-height: 4.5em;
    margin: 0 auto;
    text-stroke: 3px black;
    -webkit-text-stroke: 3px black;
    font-family: badabb;
    font-size: xxx-large;
    color: #f12c2c;
    letter-spacing: 3px;
}


/*.speech-bubble:before {
    content: "";
    display: block;
    height: 7px;
    width: 100%;
    background-image: repeating-linear-gradient(45deg, #3f3f3f, #3f3f3f 1px, transparent 2px, transparent 5px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-top: 1px solid #3f3f3f;
    position: absolute;
    left: 0;
    bottom: 2px;
    background-size: 7px 7px;
}
.speech-bubble:after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 0;
  height: 0;
  border: 23px solid transparent;
  border-top-color: #ffce50;
  border-bottom: 0;
  margin-left: -23px;
  margin-bottom: -23px;
}*/



.bubble
{
   position: relative;
   display: block;
    padding: 5px;
   background: #ffffff;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
    border: #000000 solid 2px;
    text-align: center;
}

.bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent #ffffff;
    display: block;
    width: 0;
    z-index: 1;
    margin-top: 0px;
    right: -8px;
    top: 38%;
}

.bubble:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent #000000;
    display: block;
    width: 0;
    z-index: 0;
    margin-top: -5px;
    right: -11px;
    top: 50%;
}



.dotbackground {
    position: relative;
    height: 90vh;
    box-shadow: 2px 2px 5px;
    background: #fff;
    filter: contrast(7);
    --mask: linear-gradient(rgba(0, 0, 0, 0.45), red);
}
.dotbackground::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(blue, transparent) 0 0/1em 1em space;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    content: "";
}

.yml {
    background: skyblue;
    overflow: hidden;
    margin-top: 10px;
    border: 5px solid #000;
}
.yml h3,
.newpost h3,
.trending h3,
.bookmarked h3 {
background: #fff;
    width: auto;
    display: inline-block;
    margin: -3px;
    margin-left: -6px;
    padding: 10px;
    border: 3px #000 solid;
    transform: skewX(-15deg);
    border-left: transparent;
}
.allpostsyml {
    display: flex;
    flex-wrap: wrap;
}
.postitem {
    flex: 14%;
    margin: 1%;
    position: relative;
    max-width: 170px;
    width: 100%;
}
.postitem span.postitemtitle,
.postitem span.tptn_title {
    position: absolute;
    display: block;
    bottom: 1px;
    border-radius: 5px;
    text-align: center;
    width: 98%;
    margin-left: 1%;
    padding: 15px 5px 0px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    background: linear-gradient(#ffffff00, #ffffff);
    overflow: hidden;
}

.postitem img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 5px;
    box-shadow: -5px 5px #000;
    border: thin solid black;
}
.newpost, .trending, .bookmarked {
    overflow: hidden;
    border: 3px solid #000;
    background-image: radial-gradient(circle, yellow, orange);
    position: relative;
    padding-bottom: 80px;
}

.newpost {
    background-image: radial-gradient(circle, lightblue, deepskyblue);
}

.bookmarked {
    background-image: radial-gradient(circle, palegreen, yellowgreen);
}

a.goto {
    position: absolute;
    bottom: -3px;
    right: -8px;
    background: #fff;
    padding: 10px;
    transform: skewX(-10deg);
    border: solid 3px #000;
}
h3#reply-title {
    text-stroke: 3px black;
    -webkit-text-stroke: 3px black;
    font-family: badabb;
    font-size: 45px;
    color: red;
}



.comment-meta.commentmetadata,
span.tval,
.comment-form-cookies-consent,
.comment-form-url {
    display: none;
}
p.comment-form-author, p.comment-form-email {
    width: 50%;
    float: left;
}
input#email, input#author {
    height: 30px;
}
p.comment-form-comment {
    border: 5px #000 solid;
    background: #fff;
}
p.comment-form-comment, p.comment-form-author, p.comment-form-email {
    border: 5px #000 solid;
    background: #fff;
    margin-bottom: 5px;
    overflow: hidden;
}

p.comment-form-comment label, p.comment-form-author label, p.comment-form-email label {
border: 3px #000 solid;
    width: 120px;
    text-align: center;
    margin-top: -10px;
    margin-left: -5px;
    transform: skewX(-20deg);
    border-left: transparent;
    background: #fff;
}
p.comment-form-comment textarea, p.comment-form-author input, p.comment-form-email input {
    background: transparent;
    border: none;
    text-align: center;
    color: #000;
    margin: 1%;
    width: 98%;
}
p.comment-form-comment textarea:focus, p.comment-form-author input:focus, p.comment-form-email input:focus {
    background: #fff;
}
p.comment-form-comment textarea {
    height: 100px;
}

p.comment-form-comment {
    background-image: radial-gradient(circle, yellow, orange);
}
p.comment-form-author {
    background-image: radial-gradient(circle, palegreen, yellowgreen);
}
p.comment-form-email {
    background-image: radial-gradient(circle, palegreen, yellowgreen);
}
.wppcr_rating:not(:checked) > label {
    font-size: 45px !important;
}
.comment ol, .comment ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ol.commentlist {
    background: #fff;
    padding: 10px;
    border: 3px solid black;
}
.comment-body p {
    width: auto;
    background: #edd91f;
    display: table;
    padding: 10px;
    -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
    border: #000000 solid 2px;
    position: relative;
    margin-top: 10px;
}

.comment-body p:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #edd91f transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -20px;
    top: -10px;
    left: 30px;
}

.comment-body p:before
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px;
    border-color: #000000 transparent;
    display: block;
    width: 0;
    z-index: 0;
    margin-left: -23px;
    top: -13px;
    left: 30px;
}

.comment-author.vcard, .cmstr-out {
    display: inline-block;
}

.comment ul.children {
    padding: 10px;
    background: #ededed;
    position: relative;
}
.comment ul.children:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 20px 20px;
    border-color: #ededed transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -20px;
    left: 105px;
}
li.comment {
    margin-bottom: 10px;
}

/*
 *  scrollbar
 */

.scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
                                       left bottom,
                                       left top,
                                       color-stop(0.44, rgb(122,153,217)),
                                       color-stop(0.72, rgb(73,125,189)),
                                       color-stop(0.86, rgb(28,58,148)));
}







.navigation {
    text-align: center;
}
.navigation ul {
    margin: 0;
    padding: 0;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline-block;
    transform: skew(-10deg);
    line-height: 3.5;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #ff1010;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
    box-shadow: -5px 6px #000;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}




.child {
    height: 100vh;
}


form#searchform {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: -7px 7px black;
}

input#s {
    width: 100%;
    border: 2px solid #000;
}

input#searchsubmit {
    position: absolute;
    right: 0;
    margin: 7px;
}
.clear {
    clear: both;
}
.page-break img {
    max-width: 728px;
    width: 100%;
    pointer-events: none;
}

.top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
}
.top a {
    box-shadow: 3px 3px 5px #00000036;
}
.top > a {
    float: left;
    background: #33a126;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    border-radius: 0 0 10px 10px;
    margin-right: 5px;
}
.top > a:nth-child(2) {
    float: left;
    background: #d63232;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    border-radius: 0 0 10px 10px;
}
.top .right {
    float: right;
    margin: 5px;
}

.top .right a {
    padding: 10px;
    background: #35adff;
    color: #fff;
    text-decoration: none;
    border-radius: 0 0 10px 10px;
}
.beapatron {
    clear: both;
    text-align: center;
}
.beapatron .cards {
    width: 45%;
    margin: 2%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    box-shadow: -6px 9px #000;
    border: thin solid silver;
}
.beapatron .cards a {
    display: block;
    background: #d60000;
    border-radius: 10px;
    width: 300px;
    text-decoration: none;
    color: #fff;
    margin: 20px auto;
    padding: 10px;
}
.beapatron ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.beapatron h1 {
    background: #efefef;
}

.beapatron i.fa.fa-check-circle {
    color: green;
}
.beapatron  i.fa.fa-times-circle {
    color: red;
}
.beapatron .cards:nth-child(1) a {
    background: #cbcbcb !important;
}

div#chapterslist a:visited {
    color: #d21313;
}
.hello {
    font-family: kghappy;
    text-align: center;
    font-size: x-large;
}
.hello img {
    border: 2px solid #c2c2c2;
    border-radius: 50%;
    box-shadow: -4px 4px 4px #000000ad;
    background: #fff;
}
.adsnative {
    display: flex;
    flex-wrap: wrap;
}
.adsnative a {
    flex: 16%;
    padding: 0.5%;
}
.postitem h4 {
    position: absolute;
    background: #000000b3;
    width: 89%;
    display: block;
    font-size: 15px;
    top: 11px;
    padding: 3px;
    margin: 0;
    text-align: center;
    color: #fff;
    border-radius: 5px 5px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.alertme_email {
    background: radial-gradient(#fff0b0, #ffff1078);
    text-align: center;
}

.patreon-responsive-button-wrapper {
    display: inline-table !important;
    width: 240px !important;
    height: 50px !important;
    vertical-align: middle;
    text-align: center;
    background-color: #F96854 !important;
}
.patreon-responsive-button {
    display: table-cell !important;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
    height: auto;
    text-wrap: nowrap;
    border: 0;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    text-shadow: none;
    text-decoration: none !important;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Libre Franklin Extra Bold',Helvetica, Arial;
}
.patreon-responsive-button img {
    display: inline-block !important;
    width: 20px !important;
    color: #fff !important;
    vertical-align: middle;
    margin-right: 10px;
    box-shadow: none !important;
}

.manychap {
    background: #f9ff0e;
    position: absolute;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 10px;
    line-height: 1;
    border-radius: 39px;
    bottom: 50px;
    left: 0;
    right: 0;
    padding-top: 12px;
    font-family: sans-serif;
    margin: 0 auto;
    visibility: hidden;
    opacity: 0;
    border: 1px solid #564610;
    transition: visibility 0s, opacity 0.5s linear;
}
.postitem:hover .manychap{
    visibility: visible;
    opacity: 1;
}

.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 0;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
  background: #ed3838;
  background: linear-gradient(#ed3838 0%, #8f0808 100%);
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #7e0a0b;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #7e0a0b;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #7e0a0b;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #7e0a0b;
}

.ribbon span.Ongoing {
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
}
.ribbon span.Ongoing::before {
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;

}
.ribbon span.Ongoing::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}






iframe {
    margin: 5px;
}
/*.ads {
    position: relative;
    max-width: 728px;
    width: 100%;
    margin: 0 auto;
     display: block; 
    height: auto;
    overflow: hidden;
}
.ads button {
    position: absolute;
    right: 0;
    top: 0;
    background: #00000045;
}*/






@media (max-width:600px) {
body {
    background-size: 5px 5px;
}
header span img {
    transform: translateY(-20%);
	width: 200px;
}
.poster {
    width: 100%;
    text-align: center;
}
.moreinfo {
    width: 100%;
}
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #eee;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: calc(100vh - 50px);
    overflow-y: auto;
    z-index: 2;
  }
  table td {
    font-size: 13px;
  }
  header ul li {
    padding: 1% 0% 2% 0%;
  }
  header ul li a {
    font-size: 1.4em;
  }
  .stickmenu, .stickmenu i  {
    font-size: 12px;
  }
  .stickmenu button {
    padding: 3px 15px;
  }
  .stickmenu .containerinside {
    width: 170px;
    float: right;
  }
   .stickmenu select {
    margin: 3px;
    font-size: 12px;
    padding: 3px;
    }
    .btnchptr {
        width: 30%;
        font-size: 12px;
    }
    .stickmenu ul li.chaptertext {
        display: none;
    }
    .postitem {
        flex: 24%;
        font-size: 12px;
    }
    .postitem img {
        box-shadow: -3px 3px #000;
    }
    .container {
        padding: 0;
    }
    .info {
        box-shadow: -6px 12px #000;
        width: 98%;
    }
    .postitem span.postitemtitle, .postitem span.tptn_title {
        font-size: 12px;
        padding: 15px 5px 0px 5px;
        font-size: 13px;
    }

    input#s {
        padding: 5px;
    }
    input#searchsubmit {
        margin: 4px;
        padding: 6px;
        font-size: 12px;
    }
    form#searchform {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    header ul li ul li a {
        font-size: 15px;
    }
    a.btnchptr {
        line-height: 5em;
        margin: 5px 0;
        font-weight: 700;
    }
    form#searchform {
        box-shadow: -3px 3px black;
    }
    .top {
        font-size: 10px;
    }
    .beapatron {
        font-size: 10px;
    }
    .beapatron .cards a {
        width: 90%;
        padding: 5px;
    }
    .adsnative a {
        flex: 50%;
        padding: 0.5%;
    }
    .postitem h4 {
        width: 92%;
        top: 6px;
        font-size: 12px;
    }



}


@media (max-width:400px) {
    .posts img {
        height: 200px;
    }
    .container {
        padding: 0;
    }
    #toTop {
        right: 4vw;
        width: 30px;
    }
    p.comment-form-author, p.comment-form-email {
        font-size: 15px;
    }
    p.comment-form-comment label, p.comment-form-author label, p.comment-form-email label {
        width: 100px;
    }
}



.postitem .wpcr_stars {
    display: none;
}
.rate {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 28px;
}
.rate .wpcr_aggregate{
    float: none;
    width: 100px;
    margin: 0 auto;
    display: block;
}