:root {
--container-width: 1652px;
--wrapper-width-mobile: 340px;
--c-header: rgba(231, 226, 226, 0.84);
--c-main-black: #141414;
--c-main-red: #EE1212;
--c-main-red-hover: rgba(185, 7, 7, 0.79);
--c-main-dark-red: #bd0808;
--c-main-dark-red-hover: rgba(185, 7, 7, 0.79);
--c-main-green: #19ab01;
--c-main-dark-green: #158702;
--c-main-green-hover: rgba(15, 91, 28, 0.79);
--c-main-dark-green-hover: rgba(9, 68, 19, 0.79);
--c-main-transparent: rgba(255, 255, 255, 0.55);
--c-main-card: rgba(231, 226, 226, 0.84);
--c-main-card-hover: rgba(211, 198, 198, 0.84);
--c-main-blue: #428BCA;
--c-main-dark-blue: #2367a1;
--c-main-blue-hover: #285f8d;
--c-main-dark-blue-hover: #0a2d4c;
--c-main-orange: #ff5d05;
--c-main-orange-hover: #c44b09;
--c-main-yellow: #ffac05;
--c-main-yellow-hover: #bf8806;
--c-form-bg: #E7E7E7;
--c-white: white;
--c-overlay: #F6F6F6;
--c-box-shadow: rgba(66, 139, 202, 0.15);
--c-box-shadow-card: rgba(81, 0, 0, 0.15);
--c-navbar-bg: #4d5558;
--c-widget-text: #585858;
--c-main-title: rgba(81, 0, 0, 0.67);
--c-main-title-hover: rgba(37, 6, 6, 0.67);
--c-btn-red: rgba(230, 0, 0, 0.79);
--c-btn-red-hover: rgba(185, 7, 7, 0.79);
--c-btn-red-box-shadow: rgba(139, 22, 22, 0.34);
--c-btn-red-box-shadow-hover: rgba(100, 18, 18, 0.34);
--c-header-dark: #282828;
--c-breadcrumb-dark: #333232;
--c-post-bg-dark: #363636;
--c-text-dark: #c1bdbd;
} .bg-main-transparent {
background-color: var(--c-main-transparent);
}
.main-bg {
background-color: var(--c-header);
}
.main-bg-cabinet {
background-color: white;
}
.bg-white {
background-color: white;
}
.main-card {
background-color: var(--c-main-card);
}
.bg-dark {
background-color: var(--c-main-black);
}
.bg-red {
background-color: var(--c-main-red);
}
.bg-menu {
background-color: var(--c-navbar-bg);
}
.text-black {
color: var(--c-main-black);
}
.text-black:hover {
color: var(--c-navbar-bg);
}
.text-red {
color: var(--c-main-red) !important;
}
.text-blue {
color: var(--c-main-blue) !important;
}
.text-blue:hover {
color: var(--c-main-blue-hover) !important;
}
.text-green {
color: var(--c-main-green) !important;
}
.text-orange {
color: var(--c-main-orange) !important;
}
.text-orange:hover {
color: var(--c-main-orange-hover) !important;
}
.text-yellow {
color: var(--c-main-yellow) !important;
}
.text-yellow:hover {
color: var(--c-main-yellow-hover) !important;
}  body {
transition: background-color .3s;
font-size: 100%;
}
body[data-light-mode="dark"] {
background-color: var(--c-post-bg-dark);
}
@media screen and (max-width: 1199px) {
body[data-light-mode="dark"] .navbar-toggler,
body[data-light-mode="dark"] .navbar-collapse ul {
background-color: var(--c-header-dark);
}
}
body[data-light-mode="dark"] .login_overlay {
background-color: var(--c-post-bg-dark);
}
body[data-light-mode="dark"] .navbar,
body[data-light-mode="dark"] header .nav-cabinet,
body[data-light-mode="dark"] .blog-footer,
body[data-light-mode="dark"] .select-post {
background-color: var(--c-header-dark) !important;
}
body[data-light-mode="dark"] .border-dark {
border: 1px solid var(--c-text-dark);
}
body[data-light-mode="dark"] .menu-item a,
body[data-light-mode="dark"] .text-black,
body[data-light-mode="dark"] select,
body[data-light-mode="dark"] .select-post option {
color: var(--c-text-dark);
}
body[data-light-mode="dark"] .current-menu-item a {
color: var(--c-main-red);
}
body[data-light-mode="dark"] .breadcrumb-item a,
body[data-light-mode="dark"] .text-black:hover {
color: rgba(199, 199, 199, 0.71);
}
body[data-light-mode="dark"] figcaption,
body[data-light-mode="dark"] .page-content a,
body[data-light-mode="dark"] .comment-content a,
body[data-light-mode="dark"] li.breadcrumb-item.active,
body[data-light-mode="dark"] .breadcrumb-item a:hover,
body[data-light-mode="dark"] .tag a:hover,
body[data-light-mode="dark"] .attribute a:hover,
body[data-light-mode="dark"] .post_tags a:hover,
body[data-light-mode="dark"] .last-chapters a:hover,
body[data-light-mode="dark"] .arh-title a:hover,
body[data-light-mode="dark"] .widget a:hover {
color: rgba(225, 200, 67, 0.71);
}
body[data-light-mode="dark"] .bg-breadcrumb,
body[data-light-mode="dark"] .new-chapters-cat {
background-color: var(--c-breadcrumb-dark);
}
body[data-light-mode="dark"] hr {
background-color: var(--c-breadcrumb-dark);
color: var(--c-header-dark);
border: none;
height: 2px;
}
body[data-light-mode="dark"] .post-bg {
background-color: #1d1c1c;
}
body[data-light-mode="dark"] .main-bg,
body[data-light-mode="dark"] .bg-white {
background-color: var(--c-post-bg-dark);
}
body[data-light-mode="dark"] h1,
body[data-light-mode="dark"] h2,
body[data-light-mode="dark"] h3,
body[data-light-mode="dark"] h4,
body[data-light-mode="dark"] h5,
body[data-light-mode="dark"] h6,
body[data-light-mode="dark"] .entry-content h2,
body[data-light-mode="dark"] .myUL .active a,
body[data-light-mode="dark"] label,
body[data-light-mode="dark"] p,
body[data-light-mode="dark"] span,
body[data-light-mode="dark"] .tag a,
body[data-light-mode="dark"] .attribute a,
body[data-light-mode="dark"] .site-info a,
body[data-light-mode="dark"] .card-title a,
body[data-light-mode="dark"] .post_tags a,
body[data-light-mode="dark"] .last-chapters a,
body[data-light-mode="dark"] .arh-title a,
body[data-light-mode="dark"] .new-novels p.author,
body[data-light-mode="dark"] #pagesOutput,
body[data-light-mode="dark"] .widget a,
body[data-light-mode="dark"] .page-content li,
body[data-light-mode="dark"] article ul li,
body[data-light-mode="dark"] .post-wrapper ul li,
body[data-light-mode="dark"] .post-wrapper ol li,
body[data-light-mode="dark"] .fn, .author,
body[data-light-mode="dark"] .comment-list {
color: var(--c-text-dark);
}
body[data-light-mode="dark"] main .menu-filtry-container ul li a {
background: unset;
}
body[data-light-mode="dark"] textarea:focus,
body[data-light-mode="dark"] input.form-control:focus {
outline: var(--c-breadcrumb-dark) 1px solid;
}
body[data-light-mode="dark"]::-webkit-scrollbar-track-piece,
body[data-light-mode="dark"]::-webkit-scrollbar-track-piece {
background-color: rgba(3, 58, 107, 0.68) !important;
}
body[data-light-mode="dark"] .btn-blue,
body[data-light-mode="dark"] .read-more-link {
color: var(--c-text-dark);
background-color: rgba(18, 86, 152, 0.32);
box-shadow: 0 10px 15px rgba(38, 42, 45, 0.15);
}
body[data-light-mode="dark"] .btn-blue:hover,
body[data-light-mode="dark"] .btn-blue.active {
background-color: rgba(14, 51, 87, 0.32);
box-shadow: 0 10px 15px rgba(23, 25, 26, 0.15);
}
body[data-light-mode="dark"] .btn-green {
color: var(--c-text-dark);
background-color: rgba(10, 89, 17, 0.84);
box-shadow: 0 10px 15px rgba(38, 42, 45, 0.15);
}
body[data-light-mode="dark"] .btn-green:hover,
body[data-light-mode="dark"] .btn-green.active {
background-color: rgba(13, 66, 17, 0.84);
box-shadow: 0 10px 15px rgba(23, 25, 26, 0.15);
}
body[data-light-mode="dark"] .btn-red {
color: var(--c-text-dark);
background-color: rgba(145, 5, 5, 0.46);
box-shadow: 0 10px 15px rgba(38, 42, 45, 0.15);
}
body[data-light-mode="dark"] .btn-red:hover,
body[data-light-mode="dark"] .btn-red.active {
background-color: rgba(79, 3, 14, 0.32);
box-shadow: 0 10px 15px rgba(23, 25, 26, 0.15);
}
body[data-light-mode="dark"] .btn:disabled {
background-color: rgba(77, 53, 53, 0.3);
box-shadow: 0 5px 10px rgba(51, 38, 38, 0.3);
}
body[data-light-mode="dark"] .btn:disabled:hover {
background-color: rgba(40, 32, 32, 0.3);
box-shadow: 0 5px 10px rgba(51, 38, 38, 0.3);
}
.bg-breadcrumb {
background-color: var(--c-widget-text);
}
@media screen and (min-width: 768px) {
body[data-light-mode="dark"] .most-liked-card .sign-completed {
background-color: rgba(121, 1, 1, 0.84);
}
body[data-light-mode="dark"] .most-liked-card .sign-ongoing {
background-color: rgba(10, 89, 17, 0.84);
}
body[data-light-mode="dark"] .most-liked-card .sign-completed:hover {
background-color: rgba(77, 4, 4, 0.84);
}
body[data-light-mode="dark"] .most-liked-card .sign-ongoing:hover {
background-color: rgba(13, 68, 18, 0.84);
}
}
@media screen and (max-width: 767px) {
body[data-light-mode="dark"] .most-liked-card .completed {
color: rgb(189, 6, 6);
}
body[data-light-mode="dark"] .most-liked-card .ongoing {
color: rgb(4, 148, 16);
}
body[data-light-mode="dark"] .most-liked-card .completed:hover {
color: rgb(131, 4, 4);
}
body[data-light-mode="dark"] .most-liked-card .ongoing:hover {
color: rgb(3, 87, 10);
}
}
body[data-light-mode="dark"] .most-edited-card .completed,
body[data-light-mode="dark"] .new-novels .completed,
body[data-light-mode="dark"] .category-card .completed,
body[data-light-mode="dark"] .edit-rating-wrapper .completed {
color: rgb(189, 6, 6);
}
body[data-light-mode="dark"] .most-edited-card .ongoing,
body[data-light-mode="dark"] .new-novels .ongoing,
body[data-light-mode="dark"] .category-card .ongoing,
body[data-light-mode="dark"] .edit-rating-wrapper .ongoing {
color: rgb(4, 148, 16);
}
body[data-light-mode="dark"] .most-edited-card .completed:hover,
body[data-light-mode="dark"] .new-novels .completed:hover,
body[data-light-mode="dark"] .category-card .completed:hover,
body[data-light-mode="dark"] .edit-rating-wrapper .completed:hover {
color: rgb(131, 4, 4);
}
body[data-light-mode="dark"] .most-edited-card .ongoing:hover,
body[data-light-mode="dark"] .new-novels .ongoing:hover,
body[data-light-mode="dark"] .category-card .ongoing:hover,
body[data-light-mode="dark"] .edit-rating-wrapper .ongoing:hover {
color: rgb(3, 87, 10);
}
body[data-light-mode="dark"] .bg-main-transparent {
background-color: rgba(54, 54, 54, 0.9);
}
body[data-light-mode="dark"] .card {
background-color: #282828;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.62);
}
body[data-light-mode="dark"] .edit-post-btn {
color: #d9d8d4;
}
body[data-light-mode="dark"] .cat-title a {
color: #f3ab5b;
}
body[data-light-mode="dark"] li.page-item a {
background-color: #1d1c1c;
color: #1d9995;
}
body[data-light-mode="dark"] li.active span,
body[data-light-mode="dark"] .postform,
body[data-light-mode="dark"] .form-control,
body[data-light-mode="dark"] .comment-form input.form-control {
background-color: var(--c-header-dark);
color: #f3eded;
} h1, h2, h3, h4, h5, h6 {
margin: unset;
}
h3.has-text-align-center {
margin-top: 18px;
margin-bottom: 18px;
}
h1 {
font-family: Roboto, serif;
font-style: normal;
}
h4 {
font-family: Roboto, serif;
font-style: normal;
}
h5 {
font-family: Roboto, serif;
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 27px;
}
h6 {
font-family: Roboto, serif;
font-style: normal;
font-size: 16px;
}
@media screen and (min-width: 1200px) {
h1 {
font-size: 36px;
line-height: 42px;
}
h4, .blog-sidebar .h5 {
font-size: 24px;
line-height: 28px;
font-weight: 500;
}
}
@media screen and (max-width: 1199px) {
h1 {
font-size: 27px;
line-height: 37px;
}
h4, .blog-sidebar .h5 {
font-size: 22px;
line-height: 31px;
font-weight: 500;
}
}
p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1.3em;
color: #212529;
line-height: 1.5;
}
html {
scroll-behavior: smooth;
}
.row {
display: flex;
flex-wrap: wrap;
}
.font-16 {
font-size: 16px;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-around {
justify-content: space-around;
}
.justify-content-center {
justify-content: center;
}
.align-items-center {
display: flex;
align-items: center;
}
.flex-column {
display: flex;
flex-direction: row;
justify-content: center;
}
.d-inline-block {
display: inline-block;
}
.d-block {
display: block;
}
.container {
max-width: var(--container-width);
margin: 0 auto;
}
.center {
margin: 0 auto;
}
.hidden {
display: none !important;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.border-rounded {
border-radius: 20px;
}
.p-1 {
padding: 5px;
}
.p-2 {
padding: 10px;
}
.p-3 {
padding: 15px;
}
.p-4 {
padding: 20px;
}
.p-5 {
padding: 25px;
}
.pb-1 {
padding-bottom: 5px;
}
.pb-2 {
padding-bottom: 10px;
}
.pb-3 {
padding-bottom: 15px;
}
.pb-4 {
padding-bottom: 20px;
}
.pb-5 {
padding-bottom: 25px;
}
.pb-10 {
padding-bottom: 50px;
}
.pt-1 {
padding-top: 5px;
}
.pt-2 {
padding-top: 10px;
}
.pt-3 {
padding-top: 15px;
}
.pt-4 {
padding-top: 20px;
}
.pt-5 {
padding-top: 25px;
}
.pt-10 {
padding-top: 50px;
}
.pr-3 {
padding-right: 15px;
}
.px-2 {
padding-left: 10px;
padding-right: 10px;
}
.px-3 {
padding-left: 15px;
padding-right: 15px;
}
.pl-3 {
padding-left: 15px;
}
.m-1 {
margin: 5px;
}
.m-2 {
margin: 10px;
}
.m-3 {
margin: 15px;
}
.m-4 {
margin: 20px;
}
.m-5 {
margin: 25px;
}
.mb-1 {
margin-bottom: 5px;
}
.mb-2 {
margin-bottom: 10px;
}
.mb-3 {
margin-bottom: 15px;
}
.mb-4 {
margin-bottom: 20px;
}
.mb-5 {
margin-bottom: 25px;
}
.mb-10 {
margin-bottom: 50px;
}
.mt-1 {
margin-top: 5px;
}
.mt-2 {
margin-top: 10px;
}
.mt-3 {
margin-top: 15px;
}
.mt-4 {
margin-top: 20px;
}
.mt-5 {
margin-top: 25px;
}
.mt-10 {
margin-top: 50px;
}
.mr-1 {
margin-right: 5px;
}
.mr-2 {
margin-right: 10px;
}
.mr-3 {
margin-right: 15px;
}
.mr-4 {
margin-right: 20px;
}
.mr-5 {
margin-right: 25px;
}
.ml-1 {
margin-left: 5px;
}
.ml-2 {
margin-left: 10px;
}
.ml-3 {
margin-left: 15px;
}
.ml-4 {
margin-left: 20px;
}
.ml-5 {
margin-left: 25px;
}
.mr-10 {
margin-right: 50px;
}
.my-2 {
margin-top: 10px;
margin-bottom: 10px;
}
.my-3 {
margin-top: 15px;
margin-bottom: 15px;
}
.py-3 {
padding-top: 15px;
padding-bottom: 15px;
}
.px-3 {
padding-left: 15px;
padding-right: 15px;
}
.border-radius {
border-radius: 15px;
}
@media (min-width: 1200px) {
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-2 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
.col-xl-8 {
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.pr-xl-3 {
padding-right: 15px;
}
.pb-xl-10 {
padding-bottom: 50px;
}
.p-xl-2 {
padding: 10px;
}
.p-xl-3 {
padding: 15px;
}
.px-xl-3 {
padding-left: 15px;
padding-right: 15px;
}
.p-xl-4 {
padding: 20px;
}
.p-xl-5 {
padding: 25px;
}
.my-xl-2 {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 1199px) {
.col-xl-2 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-2 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
.col-lg-8 {
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.pb-lg-10 {
padding-bottom: 50px;
}
.p-lg-2 {
padding: 10px;
}
.p-lg-4 {
padding: 20px;
}
.p-lg-5 {
padding: 25px;
}
.my-lg-2 {
margin-left: 10px;
margin-right: 10px;
}
}
@media (max-width: 991px) {
.col-md-12 {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.col-md-4 {
-ms-flex: 0 0 33% !important;
flex: 0 0 33% !important;
max-width: 33% !important;
}
.col-lg-3 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-lg-9 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.p-md-1 {
padding: 5px;
}
.p-md-2 {
padding: 10px;
}
.p-md-3 {
padding: 15px;
}
}
@media screen and (min-width: 1200px) {
.main-margin {
margin-left: 61px;
margin-right: 61px;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.main-margin {
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.main-margin {
margin-left: 10px;
margin-right: 10px;
}
}
.text-center {
text-align: center;
}
.text-decoration-none {
text-decoration: none;
}
.clearfix {
clear: both;
}
body {
margin-top: unset;
}
.body-img {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.cursor-pointer {
cursor: pointer;
}
@media screen and (min-width: 768px) {
.body-img {
background: #0c5460 url(//novelaenespanol.com/wp-content/themes/ranobe-novels/pics/background/main-bg.jpg) fixed center center;
}
}
@media screen and (max-width: 767px) {
.body-img {
background: #0c5460 url(//novelaenespanol.com/wp-content/themes/ranobe-novels/pics/background/main-bg-mobile.jpg) no-repeat fixed center center;
}
} .navbar-toggler {
cursor: pointer;
}
.menu-main-container {
position: relative;
z-index: 999;
}
@media screen and (min-width: 1200px) {
.navbar {
height: 154px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.logo-wrapper {
display: inline-block;
width: 168px;
height: 32px;
padding-left: 61px;
padding-top: 53px;
}
.logo-wrapper a img {
width: 88px;
height: 50px;
}
.navbar-brand {
display: inline-block;
width: 168px;
height: 32px;
padding-left: 61px;
padding-top: 63px;
font-family: Roboto, serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: var(--c-main-black);
text-decoration: none;
}
.navbar-toggler {
display: none;
}
.navbar-collapse {
display: inline-block;
width: 50%;
}
.navbar-collapse ul {
margin-top: 63px;
list-style: none;
padding-left: unset;
display: flex;
justify-content: space-between;
}
.navbar-collapse ul li {
display: block;
}
.navbar-collapse ul li a {
font-family: Roboto, serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: var(--c-main-black);
text-decoration: none;
}
.navbar-collapse ul li a:hover,
.navbar-collapse ul li a:active, .navbar .current-menu-item a {
color: var(--c-main-red) !important;
text-decoration: underline !important;
}
.menu-filtry-container .current-menu-item a {
text-decoration: underline !important;
}
.controls-wrapper {
display: inline-block;
margin-top: 48px;
width: 272px;
margin-right: 61px;
}
.controls-wrapper span {
cursor: pointer;
}
#decrease {
margin-right: 20px;
}
#increase {
margin-right: 40px;
}
.login-header-link {
margin-right: 50px;
display: inline-block;
color: var(--c-white);
text-decoration: unset;
}
.login-header-link img {
position: relative;
top: 8px;
}
#decrease:hover,
#increase:hover,
#login-header:hover {
color: var(--c-main-green);
}
.day-night img {
position: relative;
top: 7px;
width: 34px;
height: 34px;
}
.navbar-close {
display: none;
}
}
@media screen and (max-width: 1199px) {
body {
margin: unset;
}
.logo-wrapper a img {
width: 88px;
height: 50px;
}
.hidden-1200 {
display: none;
}
.navbar {
height: 55px;
margin: 0 auto;
display: flex;
justify-content: space-between;
background-color: var(--c-navbar-bg);
width: 100%;
}
.collapse {
display: none !important;
overflow: hidden;
}
.w-0 {
width: 0 !important;
overflow: hidden;
}
.darken {
background: rgba(176, 204, 206, 0.78) fixed center;
}
.navbar-collapse {
position: relative;
top: 0;
left: -0;
width: 100%;
}
.navbar-collapse ul {
background-color: var(--c-navbar-bg);
list-style: none;
padding: 60px 25px 50px;
margin: 0;
}
.navbar-collapse ul li {
display: block;
}
.navbar-collapse ul li a {
font-family: Roboto, Serif, serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 40px;
color: var(--c-white);
text-decoration: unset;
padding-left: 56px;
display: block;
padding-bottom: 15px;
}
.navbar-collapse ul li a:before {
content: "";
width: 32px;
height: 32px;
position: absolute;
left: 40px;
background-size: 32px 32px;
margin-top: 5px;
}
.navbar-collapse ul li:first-child a:before {
background-image: url(//novelaenespanol.com/wp-content/themes/ranobe-novels/pics/icons/menu-search.png);
}
.navbar-collapse ul li:nth-child(2) a:before {
background-image: url(//novelaenespanol.com/wp-content/themes/ranobe-novels/pics/icons/menu-edit.png);
}
.navbar-collapse ul li:nth-child(3) a:before {
background-image: url(//novelaenespanol.com/wp-content/themes/ranobe-novels/pics/icons/menu-book.png);
}
.navbar-collapse ul li:nth-child(4) a:before {
background-image: url(//novelaenespanol.com/wp-content/themes/ranobe-novels/pics/icons/menu-books.png);
}
.logo-wrapper {
padding: 5px 0 5px 8px;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
border: 1px solid #bfc3c4;
border-radius: .25rem;
background-color: var(--c-navbar-bg);
margin: 5px 5px 5px 0;
}
.controls-wrapper {
cursor: pointer;
width: 30%;
display: flex;
justify-content: space-between;
}
.controls-wrapper span {
margin-top: 11px;
font-size: 1.25rem;
}
#decrease, #increase {
margin-top: 18px;
color: var(--c-white);
}
.login-header-link {
margin-top: 12px;
font-size: 1.25rem;
text-decoration: unset;
}
.navbar-close {
position: absolute;
top: 20px;
right: 20px;
font-size: 30px;
color: var(--c-white);
z-index: 9999;
cursor: pointer;
}
}
main .menu-filtry-container ul {
padding-left: unset;
list-style: none;
}
main .menu-filtry-container ul li {
display: inline-block;
}
main .menu-filtry-container ul li a {
text-decoration: unset;
font-size: 18px;
display: block;
padding: 2px 10px;
background: var(--c-main-red);
color: white;
}
main .menu-filtry-container ul li a:hover {
background: var(--c-main-red-hover);
}  .btn-cats select, .btn-tags select, .btn-tags, .btn-cats {
border-radius: 5px;
border: unset;
font-family: Roboto, serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
}
.btn-tags, .btn-cats {
display: flex;
justify-content: flex-start;
align-items: center;
}
.blog-sidebar .btn-tags,
.blog-sidebar .btn-cats {
border: 1px solid var(--c-widget-text);
}
.cat-select .h5, .tag-select .h5 {
font-family: Roboto, serif;
font-style: normal;
font-weight: normal;
}
.blog-sidebar .widget-wrapper {
max-width: 100%;
}
.blog-sidebar select {
display: block;
width: 100%;
height: 50px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 5px;
border: unset;
font-family: Roboto, serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
padding-left: 20px;
color: var(--c-widget-text);
}
.blog-sidebar h5 {
font-family: Roboto, serif;
font-style: normal;
margin-bottom: 25px;
}
@media screen and (min-width: 1200px) {
.main-headings {
margin-top: 98px;
margin-bottom: 51px;
width: 48%;
}
.selects {
width: 52%;
padding-top: 50px;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
.cat-select, .tag-select {
width: 48%;
}
.cat-select .h5, .tag-select .h5 {
font-size: 20px;
line-height: 23px;
margin-bottom: 34px;
display: inline-block;
}
.btn-cats select, .btn-tags select {
height: 60px;
width: 100%;
}
.btn-tags, .btn-cats {
height: 60px;
width: 98%;
}
}
@media screen and (max-width: 1199px) {
.main-headings {
margin-top: 29px;
width: 100%;
}
.selects {
width: 100%;
margin-bottom: 30px;
}
.cat-select, .tag-select {
width: 100%;
}
.cat-select select, .tag-select select {
width: 100%;
}
.cat-select .h5, .tag-select .h5 {
font-size: 20px;
line-height: 23px;
margin-bottom: 24px;
margin-top: 24px;
display: inline-block;
}
.btn-cats select, .tag-select select {
height: 40px;
}
.btn-tags, .btn-cats {
height: 40px;
border: 1px solid var(--c-widget-text);
}
}  .breadcrumb-title {
font-weight: 500;
font-size: 36px;
line-height: 45px;
color: white;
}
ol.breadcrumb {
list-style: none;
padding-left: unset;
margin-top: 22px;
margin-bottom: 0;
padding-bottom: 10px;
color: white;
}
ol.breadcrumb li {
display: inline-block;
text-decoration: none;
padding-right: .5rem;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
}
ol.breadcrumb li a {
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
color: rgba(233, 231, 231, 0.83);
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #c9d0d7;
content: "/";
}  .card {
background-color: var(--c-main-card);
box-shadow: 0 4px 10px var(--c-box-shadow-card);
border-radius: 20px;
flex: 1 1 auto;
min-height: 1px;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
}
.card-hover:hover {
background-color: var(--c-main-card-hover);
}
.sign-completed, .sign-ongoing {
text-decoration: none;
}
.card .counts-wrapper {
display: flex;
justify-content: space-between;
}
.card .counts-wrapper span {
display: block;
width: 48%;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
}
.card-title a { font-family: Roboto, serif;
font-style: normal;
text-decoration: unset;
color: var(--c-main-title);
}
.card-title a:hover {
color: var(--c-main-title-hover);
}
.most-liked-card-title a {
margin-bottom: 14px;
}
.card-new-img {
display: inline-block;
position: relative;
width: 25px;
height: 25px;
top: 3px;
}
.like-button-wrapper {
cursor: pointer;
}
.edit-rating-wrapper .sign-completed {
color: var(--c-main-red);
}
.edit-rating-wrapper .completed:hover {
color: var(--c-main-red-hover);
}
.edit-rating-wrapper .ongoing {
color: var(--c-main-green);
}
.edit-rating-wrapper .ongoing:hover {
color: var(--c-main-green-hover);
}
@media screen and (min-width: 768px) {
.most-liked-card {
width: 14em;
height: 26em;
max-width: 16em;
max-height: 26em;
border-radius: 20px;
margin: 5px;
}
.most-liked-card-img {
position: relative;
display: block;
width: 215px;
height: 288px;
margin: 0 auto;
margin-top: 12px;
border-radius: 15px;
}
.most-liked-card .sign-completed,
.most-liked-card .sign-ongoing {
border-radius: 15px 0 0 0;
position: absolute;
left: 12px;
top: 12px;
font-size: 16px;
line-height: 19px;
color: var(--c-white);
padding: 4px 20px 4px 20px;
}
.most-liked-card .sign-completed {
background: var(--c-main-dark-red);
}
.most-liked-card .sign-completed:hover {
background: var(--c-main-red-hover);
}
.most-liked-card .sign-ongoing {
background: var(--c-main-dark-green);
}
.most-liked-card .sign-ongoing:hover {
background: var(--c-main-green-hover);
}
.most-liked-card .counts-wrapper {
margin: 0 auto;
width: 80%;
padding: 0 20px 15px 20px;
}
.most-liked-card .counts-wrapper span {
text-align: center;
}
.most-liked-card-title {
text-align: center;
margin-top: 10px;
margin-bottom: 14px;
height: 44px;
}
.most-liked-card-title a {
font-size: 18px;
line-height: 23px;
text-align: center;
padding: 0 5px;
}
.most-liked-card .grid-like-img {
width: 25px;
height: 25px;
}
.cat-author, .cat-status, .last-chapters {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 27px;
}
}
@media screen and (max-width: 767px) {
.card-wrapper-inner {
display: flex;
flex-wrap: wrap;
padding: 15px;
}
.img-wrapper {
display: block;
max-width: 30%;
margin-right: 15px;
}
.sign-completed, .sign-ongoing {
display: block;
width: 100%;
padding: 8px 0;
font-size: 16px;
line-height: 18px;
color: #3f3d3d;
}
.cat-author, .cat-status, .last-chapters {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 18px;
}
.most-liked-card .completed {
color: var(--c-main-red);
}
.most-liked-card .completed:hover {
color: var(--c-main-red-hover);
}
.most-liked-card .ongoing {
color: var(--c-main-green);
}
.most-liked-card .ongoing:hover {
color: var(--c-main-green-hover);
}
.read-more-link {
display: block;
width: 120px;
text-align: center;
background: var(--c-main-dark-blue);
box-shadow: 0 10px 15px var(--c-box-shadow);
border-radius: 10px;
color: var(--c-white);
text-decoration: unset;
padding: 10px;
float: right;
}
.most-liked-card-title {
min-height: 55px;
text-align: left;
white-space: normal;
}
.most-liked-card-title a {
font-size: 16px;
line-height: 23px;
}
.most-liked-card .counts-wrapper span {
text-align: left;
}
.counts-wrapper {
max-width: 180px;
margin-top: 5px;
}
}
@media screen and (max-width: 767px) and (min-width: 601px) {
.most-liked-card {
width: 335px;
max-width: 49%;
max-height: 204px;
margin-bottom: 15px;
}
.most-liked-card-img {
width: 100px;
height: 135px;
border-radius: 10px;
}
.most-liked-card .description-block {
width: 64%;
}
.most-liked-card .counts-wrapper {
width: 100%;
margin-top: 5px;
}
.most-liked-card .grid-like-img {
width: 22px;
height: 17px;
}
}
@media screen and (max-width: 600px) {
.most-liked-card {
width: 100%;
max-height: 204px;
margin: 5px;
}
.most-liked-card-img,
.most-edited-card-img {
width: 100px;
height: 135px;
border-radius: 10px;
}
.most-liked-card .description-block,
.most-edited-card .description-block {
flex-grow: 2;
flex-basis: auto;
}
.most-liked-card .grid-like-img {
width: 20px;
height: 17px;
}
}
@media screen and (min-width: 451px) and (max-width: 530px) {
.most-liked-card .description-block,
.most-edited-card .description-block {
max-width: 70%;
}
}
@media screen and (max-width: 450px) {
.most-liked-card .description-block,
.most-edited-card .description-block {
max-width: 65%;
}
} .most-edited-card {
width: 335px;
max-height: 164px;
margin: 5px;
}
.most-edited-card-title {
display: block;
min-height: 55px;
text-align: left;
margin-right: -20px;
}
.most-edited-card-title a {
font-size: 16px;
line-height: 23px;
}
.most-edited-card .grid-like-img {
width: 20px;
height: 17px;
}
.most-edited-card .completed,
.new-novels .completed {
color: var(--c-main-red);
}
.most-edited-card .completed:hover,
.new-novels .completed:hover {
color: var(--c-main-red-hover);
}
.most-edited-card .ongoing,
.new-novels .ongoing {
color: var(--c-main-green);
}
.most-edited-card .ongoing:hover,
.new-novels .ongoing:hover {
color: var(--c-main-green-hover);
}
@media screen and (min-width: 601px) {
.most-edited-card-img {
width: 100px;
height: 135px;
border-radius: 10px;
}
.most-edited-card .counts-wrapper {
width: 100%;
margin-top: 5px;
}
.most-edited-card .counts-wrapper span {
text-align: left;
}
.most-edited-card .sign-completed,
.most-edited-card .sign-ongoing,
.new-novels .sign-completed,
.new-novels .sign-ongoing {
display: block;
width: 100%;
padding: 8px 0;
font-size: 18px;
line-height: 21px;
color: #3f3d3d;
}
.most-edited-card .card-wrapper-inner {
display: flex;
flex-wrap: wrap;
padding: 15px;
}
.most-edited-card .description-block {
width: 64%;
}
.most-edited-card .img-wrapper {
display: block;
max-width: 30%;
margin-right: 15px;
}
}  .new-novels .card {
height: auto;
margin: 5px;
}
.new-novels .card .card-wrapper-inner {
padding: 15px;
}
.new-novels-card .counts-wrapper {
max-width: 200px;
}
.new-novels p {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
}
.new-novels-card .img-wrapper {
display: inline-block;
margin-right: 15px;
float: left;
}
.new-novels-card-img {
width: 100px;
height: 135px;
border-radius: 10px;
}
.new-novels-card-title {
margin-bottom: 10px;
}
.new-novels p.author {
margin-top: 10px;
font-family: "Times New Roman";
font-style: normal;
font-weight: normal;
color: #3f3d3d;
}
@media screen and (min-width: 1500px) {
.new-novels p {
margin: 7px 0 7px 0;
}
.new-novels .like-img {
width: 25px;
height: 25px;
}
}
@media screen and (max-width: 1499px) and (min-width: 1200px) {
.new-novels-card-img {
width: 100px;
height: 135px;
}
.new-novels p {
margin: 5px 0 5px 0;
}
.new-novels .like-img {
width: 24px;
height: 20px;
}
}
@media screen and (max-width: 1199px) {
.new-novels p {
margin: 3px 0 3px 0;
}
.new-novels-card .img-wrapper {
height: 140px;
}
.new-novels .like-img {
width: 20px;
height: 17px;
}
}
@media screen and (min-width: 768px) {
.new-novels .card {
width: 48%;
}
.new-novels .card .card-wrapper-inner {  display: block;
}
.new-novels-card .description-block { }
.new-novels-card .img-wrapper {
max-width: 20%;
}
}
@media screen and (max-width: 767px) {
.new-novels .card {
width: 96%;
}
.new-novels-card .img-wrapper {
max-width: 110px;
}
.new-novels .card .card-wrapper-inner {  display: block;
}
.new-novels .excerpt {
padding-bottom: 15px;
width: 100%;
}
.new-novels-card .description-block {
display: block; }
.new-novels .card-title {
font-size: 16px;
}
}  .post-bg {
background-color: rgba(211, 206, 206, 0.658);
}
.entry-content .post__img img {
width: 70px;
height: 93px;
border-radius: 15px;
}
.entry-content h2 {
font-style: normal;
color: #510000;
}
@media screen and (min-width: 769px) {
.entry-content h2 {
font-weight: 500;
font-size: 28px;
line-height: 32px;
}
}
@media screen and (max-width: 768px) {
.entry-content h2 {
font-weight: 500;
font-size: 20px;
line-height: 22px;
}
}
.select-post {
width: 100%;
overflow: hidden;
height: 43px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0 4px 10px rgba(185, 185, 185, 0.05);
border-radius: 10px;
color: var(--c-main-green);
outline: unset;
border: unset;
font-size: 16px;
line-height: 19px;
padding-left: 5px;
}
.select-post option {
color: var(--c-main-black);
}
.select-wrapper {
display: inline-block;
height: 40px;
vertical-align: center;
}
.blog-sidebar .widget-wrapper {
width: 98%;
}
.sidebar-wrapper-inner {
width: 80%;
}
.btn-group .btn {
width: 43%;
text-align: center;
}
.textarea-edited {
background: #FFFFFF;
border: unset;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 27px;
padding: 5px;
}
.text-right {
text-align: right;
}
article ul li {
font-size: 1.3em;
}  .myUL {
list-style: none;
margin: 0;
padding-left: unset;
}
.caret {
display: block;
cursor: pointer;
user-select: none;
padding-top: 16px;
padding-bottom: 15px;
padding-left: 20px;
border: 1px solid #585858;
box-sizing: border-box;
border-radius: 5px;
}
.caret .left-menu-img {
float: right;
margin-top: 3px;
margin-right: 15px;
width: 23px;
height: 13px;
}
.left-menu-wrapper {
max-width: 292px;
}
.ex1 {
display: inline-block;
width: 100%;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
color: #585858;
margin-bottom: 5px;
}
.caret:hover {
background-color: rgba(231, 180, 142, 0.27);
}
.myUL .active {
margin-top: 5px;
padding-left: 20px;
border: 1px solid #585858;
border-radius: 5px;
padding-top: 13px;
padding-bottom: 13px;
}
.myUL .active a {
font-size: 18px;
line-height: 30px;
color: #585858;
text-decoration: unset;
}
.myUL .active a:hover {
font-weight: bold;
}
.myUL .nested {
list-style: none;
display: none;
}
.myUL .nested.active {
display: block;
height: 350px;
overflow: auto;
}
::-webkit-scrollbar {
width: 10px;
height: 3px;
}
::-webkit-scrollbar-button {
background-color: rgba(88, 88, 88, 0.77);;
}
::-webkit-scrollbar-track {
background-color: #999;
}
::-webkit-scrollbar-track-piece {
background-color: #fcfcfc;
}
::-webkit-scrollbar-thumb {
height: 50px;
background-color: #666;
border-radius: 3px;
}
::-webkit-scrollbar-corner {
background-color: #999;
}
::-webkit-resizer {
background-color: #666;
}  .says {
display: none;
}
.no-border {
border: unset;
}
.comment-reply-title {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 45px;
color: #585858;
}
.comments-title {
font-style: normal;
font-weight: 540;
font-size: 24px;
line-height: 45px;
color: #323232;
}
.comment-content p, .comment-notes, .comment-text p {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 25px;
color: #585858;
margin-top: 5px;
margin-bottom: 5px;
}
.reply a, .reply span {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 45px;
color: var(--c-main-red);
text-decoration: none;
}
.reply a:hover, .reply span:hover {
color: var(--c-main-red-hover);
}
.fn, .author {
text-decoration: none;
font-style: normal;
font-size: 20px;
line-height: 23px;
color: #323232;
position: relative;
top: -2px;
}
.fn a, .author a {
text-decoration: none;
font-style: normal;
font-size: 20px;
line-height: 23px;
color: var(--c-main-blue);
}
.says {
position: relative;
top: -2px;
}
.like-button {
font-style: normal;
font-size: 20px;
line-height: 23px;
display: flex;
align-items: center;
}
.comment-metadata a, .commentmetadata a {
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #828282;
margin-left: 5px;
}
.comment-meta, .comment-author {
display: flex;
}
.nav-links-comment a {
text-decoration: none;
color: var(--c-main-blue);
}
.nav-links-comment a:hover {
text-decoration: none;
color: var(--c-main-blue-hover);
}
.comment-form label, .send-comment-label {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 25px;
color: #585858;
}
.comments-area textarea {
display: block;
background: #FFFFFF;
border-radius: 15px;
outline: unset;
border: unset;
padding: 15px;
font-size: 1.3em;
color: #212529;
}
.comment-form input.form-control {
display: block;
background: #FFFFFF;
border-radius: 15px;
outline: unset;
border: unset;
padding: 15px;
font-size: 1.2em;
color: #494f54;
}
@media screen and (max-width: 600px) {
.comments-area textarea {
width: 90%;
max-width: 792px;
}
.comment-form input.form-control {
width: 90%;
max-width: 792px;
}
.new-novels p.author {
font-size: 16px;
line-height: 18px;
}
.comments-area .depth-2 {
padding-left: 10px;
}
.comments-area .depth-3 {
padding-left: 20px;
}
.comments-area .depth-4 {
padding-left: 30px;
}
.comments-area .depth-5 {
padding-left: 40px;
}
}
@media screen and (min-width: 601px) {
.comments-area textarea {
width: 95%;
max-width: 792px;
height: 360px;
}
.comment-form input.form-control {
width: 95%;
max-width: 792px;
}
.new-novels p.author {
font-size: 18px;
line-height: 21px;
}
.comments-area .depth-2 {
padding-left: 30px;
}
.comments-area .depth-3 {
padding-left: 60px;
}
.comments-area .depth-4 {
padding-left: 80px;
}
.comments-area .depth-5 {
padding-left: 100px;
}
}
.comment-form input.form-control:focus {
outline: var(--c-main-card-hover) 1px solid;
}
.comment-reply-title a {
margin-left: 10px;
text-decoration: none;
color: var(--c-main-blue);
}
.comment-reply-title a:hover {
color: var(--c-main-blue-hover);
}
.logged-in-as a, .category-comments-count {
color: var(--c-main-blue);
}
.logged-in-as a:hover, .category-comments-count:hover {
color: var(--c-main-blue-hover);
}
.commentlist {
padding-left: unset;
}
.tabs button.active {
background-color: var(--c-main-dark-blue-hover);
}
.tabs button {
line-height: 30px;
}
@media screen and (min-width: 601px) {
.tabs button {
max-width: 49%;
width: 49%;
}
.comment-list {
padding-left: 20px;
}
.comment-list .children {
padding-left: 15px;
}
.comment-list .children .depth-2,
.comment-list .children .depth-3 {
padding-left: 15px;
}
}
.comment-list .comment-content {
word-break: break-all;
}
@media screen and (max-width: 600px) {
.tabs button {
max-width: 100%;
width: 100%;
margin-bottom: 15px;
}
.comment-list {
padding-left: 20px;
}
.comment-list .children {
padding-left: 0;
}
.comment-list .children .depth-2 {
padding-left: 0;
}
}  .btn {
border-radius: 10px;
font-size: 18px;
line-height: 19px;
color: var(--c-white);
text-decoration: none;
padding: 12px 22px;
border: unset;
}
.btn-sm {
padding: 6px 11px;
}
.btn:disabled {
background-color: rgba(77, 53, 53, 0.3);
box-shadow: 0 5px 10px rgba(51, 38, 38, 0.3);
}
.btn:disabled:hover {
background-color: rgba(40, 32, 32, 0.3);
box-shadow: 0 5px 10px rgba(51, 38, 38, 0.3);
}
.btn-block {
border-radius: 10px;
font-size: 18px;
line-height: 19px;
color: var(--c-white);
text-decoration: none;
padding-top: 12px;
padding-bottom: 12px;
}
.post-bottom-prev-next .btn-block {
width: 49%;
}
.btn-red {
background-color: var(--c-btn-red);
box-shadow: 0 5px 10px var(--c-btn-red-box-shadow);
color: white;
}
.btn-red:hover, .btn-red.active {
background-color: var(--c-btn-red-hover);
box-shadow: 0 5px 10px var(--c-btn-red-box-shadow-hover);
}
.btn-dark-red {
background-color: var(--c-main-dark-red);
box-shadow: 0 5px 10px var(--c-btn-red-box-shadow);
color: white;
}
.btn-dark-red:hover, .btn-dark-red.active {
background-color: var(--c-main-dark-red-hover);
box-shadow: 0 5px 10px var(--c-btn-red-box-shadow-hover);
}
.btn-blue {
background-color: var(--c-main-blue);
box-shadow: 0 10px 15px rgba(66, 139, 202, 0.15);
}
.btn-blue:hover, .btn-blue.active {
background-color: var(--c-main-blue-hover);
box-shadow: 0 10px 15px rgba(66, 139, 202, 0.15);
}
.btn-dark-blue {
background-color: var(--c-main-dark-blue);
box-shadow: 0 10px 15px rgba(66, 139, 202, 0.15);
}
.btn-dark-blue:hover, .btn-dark-blue.active {
background-color: var(--c-main-dark-blue-hover);
box-shadow: 0 10px 15px rgba(43, 98, 144, 0.15);
}
.btn-green {
background-color: var(--c-main-green);
box-shadow: 0 10px 15px rgba(66, 202, 68, 0.15);
}
.btn-green:hover, .btn-green.active {
background-color: var(--c-main-green-hover);
box-shadow: 0 10px 15px rgba(66, 202, 98, 0.15);
}
.btn-dark-green {
background-color: var(--c-main-dark-green);
box-shadow: 0 10px 15px rgba(66, 202, 68, 0.15);
}
.btn-dark-green:hover, .btn-dark-green.active {
background-color: var(--c-main-dark-green-hover);
box-shadow: 0 10px 15px rgba(66, 202, 98, 0.15);
}
.edit-post-btn {
display: none;
position: fixed;
top: 40px;
z-index: 999;
cursor: pointer;
opacity: .8;
padding: 3px 2px;
}
.btn-container .btn {
padding: 12px;
}
@media screen and (max-width: 991px) {
.edit-post-btn {
right: 20px;
}
.hidden-768 {
display: none;
}
.post-top-prev-next .btn-block {
width: 33%;
}
.select-wrapper .btn-block {
width: 100%;
}
.post-top-prev-next .btn {
padding-left: unset;
padding-right: unset;
width: 100%;
}
}
@media screen and (min-width: 992px) {
.edit-post-btn {
right: 30%;
}
.post-top-prev-next .btn-block {
width: 49%;
}
.post-top-prev-next .btn {
padding-left: unset;
padding-right: unset;
width: 98%;
}
}  .category-img {
display: block;
border-radius: 15px;
}
.category-title {
font-style: normal;
}
.category-card .icon-block .bookmark-img {
position: relative;
top: 2px;
}
.post_tags a, .tag a {
font-style: normal;
font-weight: normal;
text-decoration: unset;
color: var(--c-main-dark-blue);
}
.post_tags a:hover, .tag a:hover {
color: var(--c-main-dark-blue-hover);
}
.attribute a {
font-style: normal;
font-weight: normal;
text-decoration: unset;
color: var(--c-main-dark-green);
}
.attribute a:hover {
color: var(--c-main-dark-green-hover);
}
@media screen and (min-width: 1200px) {
.category-img {
width: 284px;
height: 375px;
}
.category-title {
font-size: 28px;
line-height: 36px;
}
.category-card .icon-block .grid-like-img {
width: 23px;
height: auto;
}
.category-card .icon-block .bookmark-img {
width: 23px;
height: auto;
}
.post_tags a, .tag a, .attribute a {
font-size: 20px;
line-height: 27px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.category-img {
width: 200px;
height: 275px;
}
.category-title {
font-size: 28px;
line-height: 36px;
}
.category-card .icon-block .grid-like-img {
width: 23px;
height: auto;
}
.category-card .icon-block .bookmark-img {
width: 23px;
height: auto;
}
.post_tags a, .tag a, .attribute a {
font-size: 20px;
line-height: 27px;
}
}
@media screen and (min-width: 601px) and (max-width: 991px) {
.category-img {
width: 150px;
height: 200px;
}
.category-title {
font-size: 25px;
line-height: 30px;
}
.col-lg-4 {
width: 100%;
}
.category-card .icon-block .grid-like-img {
width: 20px;
height: auto;
}
.category-card .icon-block .bookmark-img {
width: 20px;
height: auto;
}
.post_tags a, .tag a, .attribute a {
font-size: 18px;
line-height: 25px;
}
}
@media screen and (max-width: 600px) {
.category-img {
width: 70px;
height: 93px;
}
.category-title {
font-size: 20px;
line-height: 25px;
}
.col-lg-4 {
width: 100%;
}
.category-card .icon-block .grid-like-img {
width: 24px;
height: auto;
}
.category-card .icon-block .bookmark-img {
width: 24px;
height: auto;
}
#pagesOutput {
display: block;
margin-bottom: 15px;
}
.post_tags a, .tag a, .attribute a {
font-size: 16px;
line-height: 20px;
}
}
.edit-rating-wrapper .cat-status,
.edit-rating-wrapper .completed,
.edit-rating-wrapper .ongoing {
text-decoration: none;
}
.cat-author, .cat-status {
display: block;
width: 100%;
}
.cat-author, .cat-status a {
display: inline-block;
width: unset;
}
.last-chapters a {
color: var(--c-main-black);
}
.last-chapters a:hover, .post_tags a:hover, .tag a:hover {
color: var(--c-main-blue-hover);
}
.category-card .completed {
color: var(--c-main-red);
}
.category-card .completed:hover {
color: var(--c-main-red-hover);
}
.category-card .ongoing {
color: var(--c-main-green);
}
.category-card .ongoing:hover {
color: var(--c-main-green-hover);
}
.new-chapters-cat {
background-color: var(--c-main-card-hover);
border-radius: 15px;
}
.category-exerpt {
margin-top: 8px;
margin-bottom: 8px;
}
.category-search {
display: block;
width: 94%;
background: #FFFFFF;
border-radius: 10px;
border: unset;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: rgba(0, 0, 0, 0.78);
padding: 13px 3% 12px 3%;
}
.category-search:focus {
outline: var(--c-main-card-hover) 1px solid;
}
textarea:focus {
outline: var(--c-main-card-hover) 1px solid;
}
.arh-title a {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #585858;
}
.arh-title a:hover {
color: var(--c-main-blue-hover);
}
#pagesOutput {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
color: black;
} #top {
position: fixed;
bottom: 60px;
right: 32px;
z-index: 9999;
cursor: pointer;
display: none;
opacity: 1;
}
#top:hover {
opacity: 1;
-webkit-transition: 0.5s;
}
.blog-footer {
display: block;
} .login-wrapper {
position: fixed;
top: 100px;
width: 100%;
z-index: 998;
}
.signup-wrapper {
position: fixed;
top: 100px;
width: 100%;
z-index: 998;
}
form#login {
display: none;
padding: 40px 25px 25px 25px;
max-width: 310px;
z-index: 99999;
margin: 0 auto;
left: -10px;
border-radius: 15px;
}
form#signup_ajax {
display: none;
padding: 40px 25px 25px 25px;
max-width: 310px;
z-index: 99999;
margin: 0 auto;
left: -10px;
border-radius: 15px;
}
form#login input, form#signup_ajax input {
background: var(--c-form-bg);
border-radius: 15px;
border: unset;
width: 90%;
padding: 5px 10px;
margin-top: 10px;
}
form#login .close {
position: relative;
top: -40px;
float: right;
text-decoration: unset;
color: var(--c-main-orange);
cursor: pointer;
}
form#signup_ajax .close {
position: relative;
top: -25px;
float: right;
text-decoration: unset;
color: var(--c-main-orange);
cursor: pointer;
}
.login-submit {
width: 105px;
height: 32px;
border: unset;
color: var(--c-white);
background: var(--c-main-blue);
box-shadow: 0 4px 4px var(--c-box-shadow);
border-radius: 15px;
margin-top: 15px;
}
.reg_link {
text-decoration: unset;
color: var(--c-main-blue);
margin-left: 20px;
}
.login-sign {
font-weight: 500;
}
.login_overlay {
height: 100%;
width: 100%;
background-color: var(--c-overlay);
opacity: 0.9;
position: fixed;
z-index: 1;
}
form#login p.status {
display: none;
} .close_js {
display: none;
} .pagination div {
display: flex;
margin-top: 50px;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 21px;
}
.pagination a {
display: block;
}
@media screen and (max-width: 600px) {
.pagination .btn {
padding: 5px 10px;
}
}
@media screen and (max-width: 991px) {
.pagination {
margin: 50px 0 30px 0;
}
.pagination-filters {
margin-bottom: 30px;
}
}  .site-info {
margin: 0 auto;
width: 300px;
padding: 15px 15px 25px 15px;
font-size: 14px;
line-height: 21px;
color: #585858;
text-align: center;
}
.site-info a {
font-size: 14px;
line-height: 21px;
text-decoration: none;
color: #293475;
}
.foobar ul {
list-style: none;
padding-left: 0;
}
.foobar ul li a {
font-family: Roboto, serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 27px;
text-decoration: none;
color: var(--c-main-black);
}
.foobar ul li a:hover, .foobar ul li a:active {
text-decoration: underline;
color: var(--c-main-red);
}
@media screen and (max-width: 767px) {
.foobar ul {
padding-top: 25px;
}
.foobar ul li {
display: block;
padding: 5px 20px 0 20px;
text-align: center;
}
}
@media screen and (min-width: 768px) {
.foobar ul {
padding-top: 15px;
}
.foobar ul li {
display: inline-block;
padding: 5px 20px 0 20px;
}
} @media screen and (min-width: 992px) {
.hidden-xl {
display: none;
}
}
@media screen and (min-width: 768px) {
.hidden-md {
display: none;
}
}
@media screen and (max-width: 991px) {
#top {
bottom: 20px;
right: 22px;
}
.hidden-sm {
display: none;
}
.hide-mobile {
display: none !important;
}
} @media screen and (min-width: 1200px) {
.most-edited a {
font-size: 17px;
}
.edit-rating-img {
width: 75px;
height: 100px;
margin-right: 10px;
border-radius: 15px;
}
.most-edited {
min-height: 50px;
}
.edit-rating-wrapper span {
font-size: 17px;
}
}
@media screen and (max-width: 1199px) {
.most-edited a {
font-size: 14px;
}
.edit-rating-wrapper span {
font-size: 14px !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.edit-rating-img {
width: 50px;
height: 70px;
margin-right: 5px;
border-radius: 15px;
}
.cat-status .hide {
display: none;
}
}
@media screen and (max-width: 768px) {
.edit-rating-img {
width: 50px;
height: 70px;
margin-right: 5px;
border-radius: 15px;
}
.text-sm-center {
text-align: center;
}
}     .widget_nav_menu ul {
color: black;
padding-left: 15px;
}
.widget_nav_menu ul li a {
color: black;
font-size: 1.3em;
line-height: 21px;
text-decoration: unset;
}
.widget_nav_menu ul li a:hover {
color: var(--c-main-blue-hover);
} .page-content {
box-sizing: border-box;
max-width: 100%;
}
.comments-list-wrapper ol {
padding-left: 20px;
word-break: break-all;
overflow: hidden;
}
.authors-books {
color: var(--c-main-orange);
}
.authors-books:hover {
color: var(--c-main-orange-hover);
}
.flex-btn {
display: flex;
justify-content: space-between;
align-items: center;
}
.page-container img {
max-width: 100%;
height: auto;
} .modalblock {
margin-top: 15px;
}
#myModal {
display: none;
width: 336px;
height: auto;
padding: 10px 10px 10px 10px;
background: #6e6a6a50;
position: fixed;
bottom: 20px;
left: 20px;
line-height: 18px;
z-index: 1000;
box-shadow: -3px 3px 15px #ddd;
-moz-box-shadow: -3px 3px 15px #ddd;
-webkit-box-shadow: -3px 3px 15px #ddd;
-o-box-shadow: -3px 3px 15px #ddd;
}
a.close {
position: absolute;
cursor: pointer;
top: 5px;
right: 5px;
text-decoration: none;
border: none
}
@media screen and (min-width: 992px) {
.new-articles-grid {
column-count: 3;
}
}
@media screen and (min-width: 601px) and  (max-width: 991px) {
.new-articles-grid {
column-count: 2;
}
}
@media screen and(max-width: 600px) {
#myModal {
max-width: 84%;
}
#myModal {
margin-top: 15px;
}
.custom-logo-link img {
max-width: 150px;
height: auto;
}
.new-articles-grid {
column-count: 1;
}
}
.show-message {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #228c22;
color: white;
z-index: 999;
opacity: .8;
padding: 2px 5px;
border-radius: 10px;
}
.post-wrapper ol,
.post-wrapper ul {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1.3em;
}