.patreon_message {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
padding: 8px !important;
margin-bottom:20px !important;
display: block;
border: 1px solid #E6461A;
background-color: #484848;color:#ffffff;
}
.ptrn-branding {
color: #fff;
background-color: #F96854;
}
#login .ptrn-branded-button {
width: auto;
} .patreon-locked-content-message {
display: block;
width: 100%;
font-size: 100%;
margin: 10px 0px 10px 0px;
clear: both; 
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.patreon-be-patron-button {
display: inline-block;
width: auto;
margin: 5px;
}
.patreon-login-refresh-button {
display: inline-block;
width: auto;
margin: 5px;
} .patreon-campaign-banner {
max-width: 1200px;
width: 100%;
display: block;
text-align: left;
}
.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-wrapper:hover{
background-color: #FA7664 !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;
}
.patreon-patron-button-wrapper {
display: inline-block;
width: 100%;
margin: 5px;
}
.patreon-login-button-wrapper {
display: inline-block;
max-width : 265px;
width: 100%;
margin: 5px;
font-weight: bold;
}
.patreon-text-over-button {
display: inline-block;
width: 100%;
margin-bottom: 20px;
font-size: 100%; 
}
.patreon-text-under-button {
display: inline-block;
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
font-size: 100%;
}
.patreon-valid-patron-message {
display: block;
width: 100%;
clear: both; 
padding-bottom: 25px;
padding-top: 25px;
margin-top: 25px;
border-top: 1px solid #f0f0f0;
}
.patreon-locked-image:hover {
cursor: pointer !important;
}*, body{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
min-height: 32px;
line-height: 2.30769231;
width: 100%;
padding: 0 12px;
background: #000;
margin-top: 20px;
border: none;
}
.slider-item {
width: 100%!important;
}
.ptrn-button img {
width: 100%;
height: 42px;
object-fit: cover;
}
.ad {
padding: 10px;
text-align: center;
}
body.login {
background-color: #f7f7f7 !important; }
body.login #login h1 a {
background-image: url(//soundlesswind21.com/wp-content/themes/soundlesswind21s/css/path_to_your_logo.png); background-size: cover; width: auto; height: 84px; }
body.login form {
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}
body.login form .input, .login input[type="text"] {
font-size: 16px;
border: 1px solid #ccc;
}
.login button.button-primary {
background-color: #0085ba; border-color: #0073aa;
box-shadow: 0 1px 0 #006799;
}
.wpdiscuz-floaticon {
display: none !important;
}
#wpd-bubble-wrapper.wpd-bubble-hover > #wpd-bubble-count:not(.wpd-new-comments) + #wpd-bubble {
display: none;
}
#wpd-bubble-wrapper #wpd-bubble-all-comments-count {
display: none;
}
ol, p, strong {
font-family: Lora, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.single-book-main-content-description-container > p {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
h1, h2, h3, h4, h5, h6, {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.chapter-category-flex {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px;
}
.chapter-content-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;  
}
.chapter-category-title:hover {
color: #a97bb3;
}
.chapter-toggle-sign.fa-solid {
font-size: 30px;
}
.chapter-category-title {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 16px;
}
.sort-icon {
font-size: 1.5em;
cursor: pointer;
margin-right: 10px; 
color: #a97bb3;
}
.toggle-sign {
cursor: pointer;
font-size: 20px;
color: #a97bb3;
}
body {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.mobile, .site-title {
display: none; }
.hamburger-menu {
display: none; }
.header-main-container {
max-width: 1150px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.header-main-container .top-menu ul {
display: flex;
align-items: center;
justify-content: space-between;
text-transform: uppercase;
}
.right-menu-container .login-menu ul {
display: flex;
align-items: center;
justify-content: end;
}
.header-main-container .top-menu ul li {
list-style: none;
padding: 24px 0;
font-size: 16px;
font-weight: 700;
color: #171717;
}
.right-menu-container .login-menu ul li:last-child {
margin-right: unset;
}
.right-menu-container .login-menu ul li {
list-style: none;
padding: 24px 0;
font-size: 16px;
font-weight: 700;
margin-right: 30px;
color: #171717;
}
.right-menu-container .login-menu ul li a {
color: #171717;
text-decoration: none;
}
.top-menu {
width: 70%;
}
.top-middle-container {
width: 10%;
}
.right-menu-container {
width: 30%;
} .menu-top-container ul {
list-style-type: none;
padding: 0;
}
.menu-top-container li {
display: inline-block;
position: relative;
margin-right: 20px;
}
.menu-top-container a {
text-decoration: none;
color: black; transition: color 0.3s; 
}
.menu-top-container a:hover {
text-decoration: none;
} .menu-top-container a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px; 
background-color: #a97bb3; 
transition: width 0.3s; 
}
.menu-top-container a:hover::before {
width: 100%; 
}
.menu-mobile-container ul li {
font-weight: 900;
} .front-page-content-container {
max-width: 1150px;
margin: 0 auto 100px auto;
padding: 20px;
}
.book-item-feature {
box-sizing: border-box;
position: relative;
transition: transform 0.3s ease;
z-index: 1;
margin-bottom: 20px;
}
.book-image-container {
width: 100%; padding-bottom: 150%; position: relative; }
.book-image-container img {
position: absolute; top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; border-radius: 10px;
display: block; }
.front-page-first-content-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem; }
.front-page-header-container {
padding: 24px 0;
}
.front-page-header-container h1 {
font-size: 48px;
font-weight: 900;
}
.book-item-feature h2 {
font-size: 0.9375rem;
font-weight: 700;
margin-top: 10px;
z-index: 2;
text-align: center;
position: absolute;
bottom: -30px;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.book-item-feature h2 a {
text-decoration: none;
color: #171717;
}
.front-page-last-chapter-update-container {
margin-top: 50px;
}
.front-page-last-chapter-update-container h2 {
font-size: 0.9375rem;
margin: 8px 0;
font-weight: 700;
font-family: "Fira Sans",sans-serif;
}
.novel-wrapper {
display: flex;
justify-content: space-between;
border-top: 1px solid #ebebeb;
padding: 10px 0;
}
.novel-image {  }
.novel-image img{
width: 150px;
height: auto;
border-radius: 5px;
}
.novel-title {
font-size: 16px;
margin-bottom: 10px; }
.novel-title a{
text-decoration: none;
color: #000;
font-family: "Fira Sans", sans-serif;
font-weight: 700;
font-size: 0.9375rem;
}
.novel-title a:hover {
text-decoration: none;
color: #a97bb3!important;
}
.chapter-entries {
width: 100%;
padding-left: 20px;
}
.chapter-entry {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
background: #f3f3f3;
padding: 10px;
align-items: center;
}
.chapter-home-entry {
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0;
}
.chapter-home-entry::before {
content: '•';
margin-right: 8px;
display: inline-block;
} .paypal-payment {
background: #9f61b3;
outline: none;
border: none;
padding: 10px;
border-radius: 5px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin-top: 10px;
transition: 0.3s;
cursor: pointer;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.paypal-payment:hover {
background: #9d48b9;
}
#paypal-button-container-P-3BY21731FV273871NMU3G7GA {
width: 50%;
margin-top: 20px;
}
.centered-content {
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.centered-content {
text-align: center;
margin-bottom: 10px;
}
.centered-content p {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
text-align: center!important;
margin-top: 10px!important;
}
.single-subscription-wrapper h1 {
font-size: 48px;
font-weight: 900;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
line-height: 48px;
}
.single-subscription-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
button.unlock-button {
background: #9f61b3;
outline: none;
border: none;
padding: 10px;
border-radius: 5px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin-top: 20px;
transition: 0.3s;
cursor: pointer;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.subscription-content p {
text-align: left;
float: left;
} .book-details-flex {
display: flex;
gap: 5px;
justify-content: space-between;
padding: 7px 0;
margin-bottom: 10px;
font-size: 0.75rem;
align-items: center;
font-weight: 600;
}
.book-details-flex .book-status{
border: 1px solid #757575;
padding: 4px;
border-radius: 5px;
} .book-item-feature:hover {
transform: scale(1.06); 
} .single-content-paragraph a {
text-decoration: none;
color: #a97bb3!important;
}
.single-content-paragraph ul,.single-content-paragraph ol {
margin-left: 20px;
margin-bottom: 10px;
font-family: Lora, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 16px;
color: #000;
}
.single-content-paragraph ul li, .single-content-paragraph ol li {
text-decoration: none;
color: #a97bb3;
line-height: 30px;
color: #000;
} .single-book-main-container {
max-width: 1150px;
margin: 0 auto;
height: 100vh;
padding: 20px;
}
.single-book-main-thumbnail-description-container {
display: flex;
}
.single-book-main-thumbnail-container img{
width: 100%;
height: auto;
max-height: 527px;
} .single-novel-heading-status-container {
margin: 24px 0;
}
.single-novel-heading-status-container h1 {
font-size: 48px;
font-weight: 900;
}
.single-novel-heading-status-container p {
color: #525252;
font-weight: 500;
font-size: 16px;
}
.chapter-category-wrapper {
display: flex;
flex-direction: column; }
.chapter-entry {
display: flex; margin-bottom: 5px;
}
.chapter-content {
width: 50%;
}
.chapter-date {
width: 100%;
color: #515151;
font-size: 0.875rem;
text-align: right;
font-weight: 400;
font-family: "Fira Sans",sans-serif;
}
.chapter-content a {
text-decoration: none;
color: #000;
font-size: 0.875rem;
line-height: 21px;
font-weight: 700;
font-family: "Fira Sans",sans-serif;
}
.chapter-content a:hover {
text-decoration: none;
color: #a97bb3!important;
}
.single-book-main-content-description-container {
width: 50%;
padding: 0 30px;
font-weight: 400;
font-size: 16px;
color: #171717;
}
.single-book-main-content-description-container ul li {
list-style: none;
}
.single-book-main-content-description-container ul li a {
text-decoration: none;
color: #b76bc5;
}
.single-book-main-content-description-container ul li a:hover{
margin-left: 10px;
color: #a544b7;
transition: 0.2s;
border-left: 3px solid #b76bc5;
padding-left: 5px;
} .single-book-main-content-description-container h2 {
font-weight: 700;
font-size: 20px;
color: #171717;
margin: 10px 0;
}
.single-book-main-chapter-container {
display: flex;
flex-direction: column;
justify-content: space-around;
margin-top: 20px;
margin-bottom: 50px;
} .single-book-main-container {
margin-bottom: 500px;
}  body.light-mode {
background-color: #ffffff;
color: #000000;
}
body.dark-mode {
background-color: #242525;
color: #c7c0b5;
}
a {
transition: color 0.3s;
}
a:hover {
text-decoration: underline;
}
body.light-mode a:hover {
color: #333; 
}
body.dark-mode a {
color: #c7c0b5;
}
body.dark-mode a:hover {
color: #a97bb3!important; 
}
body.dark-mode .chapter-content a {
color: #999897;
}
body.dark-mode .novel-title a {
color: #FFFFFF;
}
body.dark-mode .right-menu-container .login-menu ul li a {
color: #c7c0b5;
}
body.dark-mode .single-book-main-content-description-container {
color: #c7c0b5;
}
body.dark-mode .single-book-main-thumbnail-container img {
filter: brightness(0.8);
}
#darkModeToggle {
cursor: pointer;
font-size: 24px;
padding: 10px;
border: none;
background: none;
margin-left: 30px;
}
#icon {
transition: transform 0.3s;
}
body.dark-mode #icon {
transform: rotate(180deg);
}
body.dark-mode .single-book-main-content-description-container a {
color: #a575b0;
}
body.dark-mode .single-book-main-content-description-container a:hover {
color: #a575b0;
}
body.dark-mode .single-book-main-content-description-container h2 {
color: #c7c0b5;
}
body.dark-mode .single-content-paragraph > p {
color: #c7c0b5;
}
body.dark-mode .single-book-main-content-description-container > p {
color: #c7c0b5;
}
body.dark-mode .front-page-header-container h1, body.dark-mode .single-content-title > h1, body.dark-mode .single-novel-heading-status-container h1 {
color: #c7c0b5!important;
}
body.dark-mode .front-page-last-chapter-update-container h2 {
color: #FFFFFF;
}
body.dark-mode  .single-content-title > h1 {
color: #d9d9d9;
}
body.dark-mode .font-controls {
background: #373737;
}
body.dark-mode  .font-option {
color: #c7c0b5;
}
body.dark-mode #fontControls .control-item {
color: #c7c0b5;
}
body.dark-mode  .control-button {
background-color: #696969;
color: #bfbfbf;
border: 1px solid #7f7f7f;
}
body.dark-mode #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap {
background: #242525;
}
body.dark-mode .single-content-paragraph ul li {
color: #c7c0b5;
}
body.dark-mode .single-content-paragraph li {
color: #c7c0b5;
}
body.dark-mode #chapter-selection-dropdown {
background: #797979;
color: #d1d1d1;
}
body.dark-mode #chapter-selection-popup {
background-color: #373737;
}
body.dark-mode .header-main-container-background {
border-bottom: unset!important;
}
body.dark-mode .single-book-main-content-description-container > ul > li {
color: #c7c0b5;
}
body.dark-mode .bar {
background-color: #fff;
}
body.dark-mode .book-details-flex {
color: #adadad;
}
body.dark-mode .chapter-entry {
background: #141414;
}
body.dark-mode .mobile {
background: #242525;
}
body.dark-mode .bottom-setting-container-background {
background: #242525;
}
body.dark-mode #navigationControls a {
color: #c7c0b5;
}
#SettingsIcon-home:hover, #SettingsIcon-up:hover, #SettingsIcon-comment:hover, #Settings-icon-text:hover {
color: #a97bb3!important;
}
#navigationControls a:hover {
color: unset!important;
}
body.dark-mode #SettingsIcon-home a {
color: #c7c0b5;
}
body.dark-mode .single-content-title {
border-bottom: solid 1px #d9d9d9;
}
body.dark-mode #wpdcom .wpd-form-wrap .wpd-login-to-comment {
color: #c7c0b5;
}
body.dark-mode .control-item {
color: #252525;
}
body.dark-mode .bottom-setting-container-background {
border-top: 1px solid #3b3b3b;
}
#navigationControls a:hover {
color: #a97bb3!important;
}
body.dark-mode .single-book-main-content-description-container > ul > li > a {
color: #a97bb3;
}
body.dark-mode .single-novel-heading-status-container p {
color: #c7c0b5;
}
body.dark-mode .single-content-category-container a {
color: #c7c0b5;
}
body.dark-mode .single-content-category-container h2 {
border: 1px solid #c7c0b5;
}
body.dark-mode .novel-wrapper {
border-top: 1px solid #454545;
}
body.dark-mode .mobile li a {
color: #c7c0b5;
}
body.dark-mode .single-book-main-content-description-container > ul > li > a:hover {
color: #a575b0;
border-left: 2px solid #a575b0;
}
body.dark-mode .defualt-page-content-faq h1 {
color: #c7c0b5;
}
body.dark-mode .defualt-page-content-faq p {
color: #c7c0b5;
}
body.dark-mode .question-text {
color: #c7c0b5;
}
body.dark-mode .faq-answer {
color: #525252;
}
body.dark-mode i.fa-solid.fa-angle-down {
color: #c7c0b5;
}
body.dark-mode .defualt-page-content-faq a {
color: #a97bb3;
}
body.dark-mode .remoji_count {
color: #c7c0b5;
}
body.dark-mode .page-main-content-container h1 {
color: #c7c0b5;
}
body.dark-mode  .faq-question.active + .faq-answer {
color: #c7c0b5;
}
body.dark-mode input#username, input#email, input#current_password.current-password, input#new_password.new-password, input#confirm_password.confirm-password {
color: #c7c0b5;
}
body.dark-mode button.user-edit, body.dark-mode  input.user-save, body.dark-mode  input.update-password {
background: #535353;
}
body.dark-mode input#username, body.dark-mode input#email, body.dark-mode input#current_password.current-password, body.dark-mode input#new_password.new-password, body.dark-mode input#confirm_password.confirm-password {
background: #313131;
border: 1px solid #494949;
}
body.dark-mode .single-comment-section-container {
border-top: solid 1px #d9d9d9;
}
body.dark-mode #user-profile-container-mobile a {
color: #c7c0b5;
}
body.dark-mode .user-details p {
color: #c7c0b5;
} .load-more-chapters {
display: inline-block;
background-color: #a575b0;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 25px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.load-more-chapters:hover {
background-color: #333;
}
.load-more-chapters:active {
transform: scale(0.95);
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.load-more-chapters.loading:before {
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #000;
animation: spin 0.8s linear infinite;
} .page-main-content-container {
max-width: 1150px;
margin: 50px auto;
}
.page-main-content-container h1 {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 900;
font-size: 3rem!important;
color: #171717;
line-height: 48px;
}
.page-main-content-container p {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.defualt-page-content-container {
max-width: 1150px;
margin: 50px auto;
}
.defualt-page-content-container p {
padding: 20px 0;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
}
.defualt-page-content-paragraph a{
text-decoration: none;
color: #a575b0;
}
.defualt-page-content-paragraph a:hover{
text-decoration: underline;
color: #8a5197;
}
.defualt-page-content-paragraph p {
line-height: 28px;
margin-bottom: 10px;
}
.default-the-content-container h1 {
font-size: 48px;
font-weight: 900;
}
.defualt-page-content-paragraph ul {
margin-bottom: 10px;
margin-left: 30px;
}
.defualt-page-content-paragraph h2, .defualt-page-content-paragraph h3, .defualt-page-content-paragraph h4, .defualt-page-content-paragraph h5, .defualt-page-content-paragraph h6 {
margin-bottom: 15px;
margin-top: 10px;
}
.defualt-page-content-paragraph h2 {
font-size: 38px;
font-weight: 900;
}
.defualt-page-content-paragraph h3 {
font-size: 30px;
font-weight: 900;
}
.defualt-page-content-paragraph h4 {
font-size: 27px;
font-weight: 900;
}
.defualt-page-content-paragraph h5 {
font-size: 20px;
font-weight: 900;
}
.defualt-page-content-paragraph h6 {
font-size: 16px;
font-weight: 900;
}
.defualt-page-content-paragraph {
display: flex;
}
.acf-about-the-editor img {
border-radius: 50%;
height: 200px;
width: 200px;
}
.source-image img a:hover {
color: none;
}
.source-image {
display: inline-block;
}
.source-image img {
width: 70px;
height: 70px;
border-radius: 100%;
} #wpd-bubble-wrapper>#wpd-bubble-count {
display: none;
}
#fixedControls {
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
max-width: 1150px;
margin: 0 auto;
}
#SettingsIcon-home,
#SettingsIcon-up,
#SettingsIcon-comment,
#Settings-icon-text,
#Settings-icon-episode {
padding: 5px;
align-items: center;
display: flex;
}
#Settings-icon-episode:hover,
#SettingsIcon-home a:hover {
color: #a575b0;
}
#SettingsIcon-home a {
color: #000;
margin-top: 3px;
}
.bottom-setting-container-background {
display: flex;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 10px;
align-items: center;
border-top: 1px solid #e1e1e1;
position: fixed;
bottom: 0;
background: #fff;
}
.text-align-icons i {
cursor: pointer;
margin: 0 5px;
opacity: 0.6;
transition: opacity 0.3s ease;
}
.text-align-icons i.active {
opacity: 1;
}
.setting-icon-container {
display: flex;
justify-content: space-between;
align-items: center;
}
#textSettingsIcon {
padding: 10px;
}
.font-controls {
display: none;
}
.single-content-category-container h2 {
text-decoration: none;
color: #171717;
font-size: 14px !important;
border: 1px solid #000;
padding: 5px;
text-align: center;
max-width: 250px;
width: 100%;
border-radius: 5px;
display: inline;
}
.single-content-category-container h2 a {
color: #171717;
text-decoration: none;
}
button#defaultStyles.control-button {
width: 100%;
}
#chapter-selection-popup {
display: none;
position: fixed;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 280px;
border-radius: 5px;
z-index: 1000;
margin-bottom: 64px;
}
#chapter-selection-dropdown {
width: 100%;
padding: 5px;
background: #f5ccf7;
border: none;
outline: none;
border-radius: 5px;
color: #313131;
}
.font-option {
cursor: pointer;
margin-right: 15px;
padding: 5px;
border: 1px solid transparent;
transition: border-color 0.3s;
}
.font-option:hover {
border-color: #ccc;
}
#navigationControls a {
margin: 10px;
color: #000;
text-decoration: none;
}
.setting-icon-next-prev-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.single-content-container {
max-width: 1150px;
margin: 0 auto 20px auto;
}
.single-content-category-details-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.single-content-title h1 {
font-weight: 900;
font-size: 45px;
line-height: 48px;
color: #171717;
margin-bottom: 7px;
}
.single-content-title {
border-bottom: solid 1px black;
padding-bottom: 10px;
}
.single-content-category-details-container {
display: flex;
justify-content: space-between;
margin: 15px 0;
}
.single-content-paragraph p {
margin-top: 25px;
font-family: Lora, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.single-comment-section-container {
border-top: solid 1px black;
padding-top: 35px;
max-width: 1150px;
margin: 0 auto;
}
.controls {
display: flex;
justify-content: space-between;
align-items: center;
}
.icon {
font-size: 20px;
cursor: pointer;
}
.font-controls {
display: none;
position: fixed;
bottom: 64px;
left: 50%;
transform: translateX(-50%);
background-color: #fff; padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 280px;
border-radius: 5px;
}
.control-item {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
font-weight: 900;
justify-content: space-between;
}
.control-item label {
flex-shrink: 0;
margin-right: 15px;
}
.control-button {
background-color: #f7f7f7;
border: 1px solid #cbcbcb;
padding: 5px 10px;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s;
width: 30%;
font-weight: 700;
color: #353535;
}
#chapter-selection-popup {
display: none;
}
#chapter-selection-popup.show {
display: block;
} .page-content-container {
max-width: 1150px;
margin: 20px auto 100px auto;
display: flex;
flex-wrap: wrap;
}
.page-content {
padding: 10px;
margin-right: 20px;
margin-bottom: 20px;
width: 28%;
position: relative;
border: 1px solid #c7c0b5;
overflow: hidden;
transition: transform 0.3s;
}
.page-content:hover {
cursor: pointer;
}
.page-content-title {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;  
}
.page-content-title h2 {
font-size: 21px;
}
.page-content-title h3 {
font-size: 21px;
margin-top: 20px;
text-align: center!important;
}
.page-content-title h3 a {
justify-content: center; 
width: 100%;  
}
.page-content-title p {
font-size: 16px;
margin-top: 10px;
}
.page-content-title ul {
margin: 10px 20px;
font-size: 15px;
}
.page-content-title a { color: #393939;
text-decoration: none;
display: flex;
}
.page-content-title a:hover {
color: #ce6dd9;
}
.page-content:hover {
transform: scale(1.1);
border-color: transparent; }
.page-content:hover::before, .page-content:hover::after {
width: 100%;
}
.page-content:hover .border-left, .page-content:hover .border-right {
height: 100%;
} .page-content::before {
content: "";
position: absolute;
right: 0; top: 0;
width: 0;
height: 1px;
background-color: hsl(294.06deg 55.37% 63.28%);
transition: width .5s cubic-bezier(.4,0,.2,1);
} .page-content::after {
content: "";
position: absolute;
left: 0; bottom: 0;
width: 0;
height: 1px;
background-color: hsl(294.06deg 55.37% 63.28%);
transition: width .5s cubic-bezier(.4,0,.2,1);
} .border-right {
position: absolute;
top: 0;
width: 1px;
height: 0;
background-color: hsl(294.06deg 55.37% 63.28%);
transition: height .5s cubic-bezier(.4,0,.2,1);
}
.border-left {
position: absolute;
left: 0;
bottom: 0; width: 1px;
height: 0;
background-color: hsl(294.06deg 55.37% 63.28%);
transition: height .5s cubic-bezier(.4,0,.2,1);
}
.border-right {
right: 0;
} #user-profile-icon img {
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
}
#user-profile-container {
position: relative;
float: right;
}
#user-profile-icon {
cursor: pointer;
}
#user-profile-dropdown {
position: absolute;
top: 100%;
right: 0;
margin-top: 5px;
background-color: #fff;
border: 1px solid #ccc;
width: 200px;
text-align: left;
z-index: 999;
border-radius: 6px;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
#user-profile-dropdown.show {
opacity: 1;
visibility: visible;
}
#logout-link {
border-top: 1px solid #ccc;
}
#logout-link a {
padding: 15px;
}
#user-profile-dropdown p,
#user-profile-dropdown a {
display: block;
padding: 10px 15px;
text-decoration: none;
color: #333;
font-size: 14px;
font-weight: 700;
}
#user-profile-dropdown a:hover {
color: #a575b0;
}
#user-profile-dropdown p {
cursor: default;
color: #a575b0;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#user-profile-dropdown a:last-child,
#user-profile-dropdown p:last-child {
border-bottom: none;
}
.hidden {
display: none;
} #user-profile-container-mobile {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
padding: 10px 20px;
border-top: 1px solid #e3e3e3
}
.user-profile-info {
display: flex;
padding: 10px 0;
align-items: center;
}
#user-profile-container-mobile .avatar {
border-radius: 50%; }
.user-details {
padding: 0 10px;
}
#user-profile-container-mobile a {
display: inline-block;
padding: 10px 0;
color: #000;
border-radius: 5px;
text-decoration: none;
font-weight: 700;
}
#user-profile-container-mobile a:hover {
color: rgb(133, 63, 162)
}
.user-details p {
font-size: 16px;
color: #525252;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} .user-content-container {
max-width: 1150px;
margin: 0 auto;
font-size: 16px;
height: 100vh;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.user-profile-main-container {
display: flex;
padding: 30px 0;
}
.user-profile-information, .user-profile-username-email{
width: 50%;
}
.username-main-container, .password-main-container {
border-bottom: 1px solid #dfdfdf;
}
.user-content-container h1 {
font-weight: 900;
font-size: 48px;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 20px;
}
.user-profile-information h2 {
margin-bottom: 10px;
}
input#username, input#email, input#current_password.current-password, input#new_password.new-password, input#confirm_password.confirm-password {
height: 40px;
width: 500px;
padding: 10px;
margin-bottom: 16px;
margin-top: 5px;
color: #5f5f5f;
border-radius: 5px;
border: 1px solid #dbdbdb;
font-size: 15px;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
label.username, label.email, label.current-password, label.new-password, label.confirm-password{
margin-top: 50px;
font-size: 14px;
font-weight: 700;
}
button.user-edit, input.user-save, input.update-password {
background: #000;
color: #fff;
padding: 10px;
border-radius: 3px;
outline: none;
border: none;
cursor: pointer;
margin-right: 15px;
margin-top: 10px;
width: 75px;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.user-profile-information p, .novel-list-purchase-container p{
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
}
button.user-edit:hover, input.user-save:hover, input.update-password:hover {
background: #925f9d;
}
.novel-list-purchase-container {
padding: 20px 0;
}
.novel-list-purchase-container > ul {
margin: 10px 0;
}
.novel-list-purchase-container li {
list-style: none;
line-height: 35px;
}
.novel-list-purchase-container a {
text-decoration: none;
} .logo, .site-title {
display: none;
} .logo img {
height: 38px;
width: auto;
} .desktop-only .logo {
display: inline;
} .mobile-only .site-title {
display: none;
} .mobile-only .logo {
display: none; 
} @media screen and (max-width: 1190px){ 
.user-content-container, .bill-content-container {
padding: 20px;
}
.book-item-feature h2 {
bottom: -50px;
font-size: 15px;
}
}
@media screen and (max-width: 1160px){ .page-main-content-container {
padding: 20px;
}
.header-main-container-background {
border-bottom: 1px solid #ebebeb;
}
.header-main-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 10px;
}
.right-menu-container {
width: unset;
}
.defualt-page-content-container {
padding: 20px;
}
.defualt-page-content-container {
margin-top: 20px!important;
}
.single-content-container {
padding: 20px;
}
.site-title, .hamburger-menu, #darkModeToggle {
display: flex;
}
.site-title {
flex-basis: 85%; align-items: center;
font-size: 1.2em;
font-weight: 900;
}
.site-title a {
text-decoration: none;
color: #000000;
text-transform: uppercase;
font-weight: 700;
}
#darkModeToggle {
flex-basis: 25%; 
justify-content: center; 
}
.hamburger-menu {
flex-direction: column;
cursor: pointer;
gap: 5px;
position: relative;
} .bar {
width: 20px;
height: 2px;
background-color: #000;
transition: 0.3s;
}
.mobile.menu-active {
display: block;
}
.hamburger-menu.active .bar1 {
transform: rotate(-45deg) translate(-5px, 5px);
}
.hamburger-menu.active .bar2 {
opacity: 0;
}
.hamburger-menu.active .bar3 {
transform: rotate(45deg) translate(-5px, -5px);
} .mobile {
position: absolute;
top: 74px;
left: 0;
right: 0;
background-color: #fff;
border-top: 1px solid #ddd; z-index: 1000;
height: auto;
}
.mobile ul {
list-style-type: none;
padding: 0;
text-align: left;
line-height: 34px;
font-size: 16px;
}
.mobile ul li:first-child {
display: none;
}
.mobile li {
display: block;
list-style: none;
}
.mobile li a {
text-decoration: none;
color: #000;
font-weight: 700;
line-height: 50px;
padding-left: 20px;
}
.mobile li.current-menu-item a {
color: #a575b0;
}
.mobile li.current-menu-item {
border-left: 3px solid #a575b0;
}
.mobile li a:hover {
color: hsl(282.46deg 44.1% 49.83%);
} .header-main-container .top-menu, .right-menu-container .login-menu {
display: none;
} .chapter-content {
width: 80%;
}
.chapter-home-entry {
align-items: center;
}
.hamburger-menu  {
padding: 7px;
border-radius: 3px;
} .hamburger-menu.clicked {
background: #a97bb3;
}
.hamburger-menu.clicked .bar {
background: white;
}
.front-page-content-container, .single-content-container, .page-content-container, .default-page-content-container, .single-book-main-container {
transition: margin-top 0.3s ease; }
.user-profile-main-container {
flex-direction: column;
}
.user-profile-information, .user-profile-username-email {
width: 100%;
margin-bottom: 20px;
}
.site-title-link {
display: none;
}
} @media screen and (max-width: 768px) {
.front-page-first-content-container {
grid-template-columns: repeat(2, 1fr);
} .single-book-main-content-description-container {
padding: unset!important;
padding-left: 10px!important;
}
.single-book-main-content-description-container {
width: 100%;
}
.chapter-date {
width: 150px;
}
.defualt-page-content-title h1 {
font-size: 35px;
}
.defualt-page-content-paragraph h2 {
font-size: 30px;
}
.defualt-page-content-paragraph h3 {
font-size: 27px;
}
.defualt-page-content-paragraph h4 {
font-size: 23px;
}
.defualt-page-content-paragraph h5 {
font-size: 19px;
}
.defualt-page-content-paragraph h6 {
font-size: 16px;
}
.page-content {
width: 45%!important;
margin-bottom: 20px;
margin-right: 20px;
}
.single-content-title h1 {
font-size: 35px!important;
line-height: 30px;
}
.defualt-page-content-paragraph {
flex-direction: column;
}
.default-about-the-editor-container {
text-align: center;
margin-bottom: 10px;
}
.bottom-title-container {
display: none;
} .setting-icon-next-prev-container {
display: flex;
width: 100%;
align-items: center;
}
.setting-icon-container {
float: left;
width: 50%;
display: flex;
justify-content: unset!important;
}
#navigationControls {
width: 50%;
text-align: right;
}
.receipt p {
justify-content: space-between;
}
.label {
width: unset!important;
} }
@media screen and (max-width: 660px) { .chapter-content {
width: 100%;
}
.chapter-date {
width: 100%;
color: #b3b3b3;
font-size: 14px;
padding-left: 5px;
}
.chapter-entries {
padding: unset!important;
}
.chapter-entries {
padding-left: 10px!important;
}
.site-title {
flex-basis: 78%!important;
}
#darkModeToggle {
margin-left: unset!important;
padding-right: 10px;
}
.site-title {
padding: unset!important;
}
.site-title a {
margin-left: 10px;
}
}
@media screen and (max-width: 550px) { 
input#username, input#email, input#current_password.current-password, input#new_password.new-password, input#confirm_password.confirm-password {
width: 100%;
}
.user-content-container h1 {
font-size: 36px;
}
}
@media screen and (max-width: 535px) { 
.single-content-category-details-container {
flex-direction: column;
}
.single-content-category-container {
margin-bottom: 10px;
}
.single-content-category-details-container {
align-items: unset!important;
}
.single-content-title h1 {
font-size: 30px!important;
}
}
@media screen and (max-width: 480px) {
.front-page-header-container {
padding: unset!important;
padding-bottom: 20px!important;
}
.front-page-header-container h1 {
font-size: 35px;
}
.page-main-content-container {
margin: 0 auto;
}
.novel-title a {
font-size: 16px;
font-weight: 700;
}
.chapter-content a {
font-size: 14px;
line-height: 5px;
}
.novel-image img {
width: 100px;
}
.chapter-content {
width: 85%;
}
.chapter-date {
width: 100%;
font-size: 11px;
padding-left: unset!important;
}
.chapter-entries {
padding-left: 7px!important;
}
.single-book-main-thumbnail-description-container {
flex-direction: column;
}
.single-book-main-thumbnail-container img {
object-fit: cover;
}
.single-book-main-content-description-container {
padding-left: unset!important;
}
.defualt-page-content-title h1 {
font-size: 23px;
}
.defualt-page-content-paragraph h2 {
font-size: 18px;
}
.defualt-page-content-paragraph h3 {
font-size: 18px;
}
.defualt-page-content-paragraph h4 {
font-size: 18px;
}
.defualt-page-content-paragraph h5 {
font-size: 18px;
}
.defualt-page-content-paragraph h6 {
font-size: 18px;
}
.single-novel-heading-status-container h1 {
font-size: 31px;
}
.page-content {
width: 100%!important;
}
.front-page-first-content-container {
gap: 1rem;
}
.book-item-feature h2 {
margin-top: 5px!important;
}
.default-the-content-container h1 {
font-size: 35px;
}
.single-content-details-container {
font-size: 14px;
margin: 10px 0;
}
.single-content-title {
padding-bottom: unset!important;
}
.page-content {
margin-right: unset;
}
.page-main-content-container h1, .bill-content-heading-container h1{
font-size: 35px!important;
}
.related-novels-container ul {
justify-content: center;;
}
}
@media screen and (max-width: 465px) {
.book-item-feature {
margin-bottom: 50px;
}
.book-item-feature h2 {
bottom: -40px;
}
}