/*
Theme Name: Novel Collections
Theme URI: https://www.misbahwp.com/products/novel-collections
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: The Novel Collections is a multipurpose, minimal, and modern theme crafted for brands that value elegance and functionality, making it especially suitable for platforms focused on writing, creative stories, and digital journal experiences. Its clean, retina-ready, and responsive design ensures your website looks stunning on every device, offering a consistently beautiful and user-friendly browsing experience. Built with optimized code and secure coding standards, the theme delivers faster page load time, making it ideal for both beginners and professional developers seeking efficiency and performance. This theme exudes a sophisticated and luxurious aesthetic, perfect for agencies, creative studios, personal portfolios, bookstores, online book platforms, digital libraries, public and private libraries, school libraries, and business websites. It offers advanced personalization options, giving you full control over layouts, color schemes, typography, and visual elements without compromising usability. With built-in shortcodes, Bootstrap framework support, and flexible customization features, designing an interactive and visually appealing website becomes seamless. Key sections like an eye-catching banner, engaging testimonial area, and dedicated team section help you showcase your vision and build trust with visitors. The inclusion of a prominent call to action button ensures higher engagement and conversions across pages, while integrated social media features allow brands to strengthen their online presence and connect with audiences effortlessly. Translation-ready functionality enables global reach, and its agency-friendly structure makes it suitable for marketing teams, creative agencies, and freelancers. With subtle animated effects and a polished layout, the theme enhances visual appeal while maintaining simplicity, making it a perfect choice for showcasing content related to writing, storytelling, and journal-based platforms in a modern and professional way.
Version: 1.0.7
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: novel-collections
Tags: flexible-header, style-variations, one-column, footer-widgets, custom-background, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, news, blog, photography
Novel Collections WordPress Theme, Copyright 2025 misbahwp
Novel Collections is distributed under the terms of the GNU General Public License v3
*/

.eb-countdown-z5t6s.eb-cd-wrapper .eb-cd-inner .box{
    background-color: #FFFFFE;
}
.blog-meta .wp-block-post-date,.blog-meta .wp-block-post-author-name{
    position: relative;
}
.image-box{
    text-align: right;
}
.image-box img {
    width: 100% !important;
    height: 480px;
}
.banner-btn a:hover ,.service-btn a:hover{
    background: var(--wp--preset--color--heading) !important;
}
.product-image{
    position: relative;
}
.product-image img{
    height: 350px;
    width: 100%;
}
.dynamic-product-btn button {
    font-size: 0px !important;
    position: absolute;
    width: 35px !important;
    height: 35px !important;
    box-shadow: -9px 9px 12px 0px #F370704D;
    border-radius: 8px !important;
    right: 14px;
    justify-content: center;
    display: flex;
    align-items: center;
    bottom: -2px;
}
.about-column h2 a:hover{
    color: var(--wp--preset--color--primary) !important;
}
.dynamic-product-btn a.added_to_cart{
    font-size: 0px !important;
    position: absolute;
    background-color: var(--wp--preset--color--primary) !important;
    width: 35px !important;
    height: 35px !important;
    box-shadow: -9px 9px 12px 0px #F370704D;
    border-radius: 8px !important;
    right: 14px;
    bottom: -2px;
}
.dynamic-product-btn a.added_to_cart:after{
    content: "\f06e";
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 18px !important;
    color: #ffffff !important;
    font-family: 'Font Awesome 5 Free';
    height: 100%;
}
.dynamic-product-btn button:after {
    content: "";
    position: absolute;
    background: url(./assets/images/cart.png);
    top: 9px;
    width: 18px;
    left: 8px;
    font-size: 18px !important;
    color: #ffffff !important;
    font-family: 'Font Awesome 5 Free';
    height: 16px;
}
.cart-btn {
    position: absolute;
    bottom: -18px;
    background-color: var(--wp--preset--color--primary) !important;
    color: #fff;
    width: 35px;
    height: 35px;
    box-shadow: -9px 9px 12px 0px #F370704D;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    right: 24px;
}
.image-box figure{
    margin:0px !important;
}
.image-box{
    position: relative;
}
.blog-content a.wp-block-read-more {
    text-align: left;
    display: inline-block;
    position: relative;
}
.blog-content a.wp-block-read-more:hover{
    color: var(--wp--preset--color--primary) !important;
}
.blog-content a.wp-block-read-more:hover:after{
    color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}
.blog-content h2 a:hover{
    color: var(--wp--preset--color--primary) !important;
}

.top-social ul li {
    font-size: 20px !important;
}
.service-inner {
    position: relative;
    text-align: left;
}
.service-inner .service-image img {
    width: auto;
    height: 200px;
    object-fit: contain;
}

.about-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-image img{
    width: 100%;
    height: 450px;
}
.about-image{
    position: relative;
}
.image-icon {
    position: absolute;
    bottom: 35px;
    left: -13%;
    text-align: center;
    backdrop-filter: blur(80px);
    box-shadow: 0px 80px 232px 0px #0030793D;
}
.about-btn a {
    padding-right: 60px !important;
    position: relative;
}
.blog-meta h2#comments{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    color: #656565 !important;
    font-weight: 400 !important;
}
.about-btn a:after {
    content: "\f061";
    top: 7px;
    right: 20px;
    width: 32px;
    color: var(--wp--preset--color--primary) !important;
    display: flex;
    height: 32px;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    background: var(--wp--preset--color--accent-text) !important;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}
.blog-heading h5{
    display: inline-block;
}
.blog-heading{
    text-align: center;
}
.icon-inner {
    background: var(--wp--preset--color--primary) !important;
    width: 55px;
    height: 55px;
    display: flex;
    font-size: 22px;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 30px;
}
.about-heading h5{
    display: inline-block;
}
.service-icon-box {
    display: inline-block;
    font-size: 22px;
}
.service-content .service-btn{
    display: none;
}
.service-inner:hover .service-btn{
    display: block;
}
.service-inner:hover .service-icon-box {
    background-color: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secondary) !important;
}
.service-content-inner{
    text-align: left;
    position: relative;
    z-index: 1;
}
.header-btn a:after {
    content: "\f061";
    top: 7px;
    right: 20px;
    width: 32px;
    color: var(--wp--preset--color--secondary) !important;
    display: flex;
    height: 32px;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    background: var(--wp--preset--color--accent-text) !important;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}
.help-btn i,.center-text i,.top-meta i{
    color: var(--wp--preset--color--accent-text) !important;
    margin-right: 4px;
}
.help-btn p:hover,.center-text p:hover,.footer-contact-box p:hover{
    color: var(--wp--preset--color--heading) !important;
    cursor: pointer;
}

.header-btn a:hover:after{
    color: var(--wp--preset--color--primary) !important;
}
.header-btn a:hover{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
}
.icon-box:hover{
    color : var(--wp--preset--color--accent-text) !important;
    background-color : var(--wp--preset--color--primary) !important;
}

textarea,input.wpcf7-form-control{
    width: 93%;
}
.header-menu ul li:hover a span
.header-menu ul li ul.wp-block-navigation-submenu li a{
    background: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secaccent) !important;
}
.slider-main-outer{
    position: relative;
    z-index: 2;
}
.slider-main-outer .owl-nav {
    display: none;
}
.slider-image{
    position: relative;
}
.slide-count {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    left: 8%;
}
.banner-right-box .gutentor-element.gutentor-element-video-popup.text-align-center-mobile {
    position: relative;
    top: 0px;
    width: 100%;
    border-radius: 50%;
    margin: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-header-top .wp-block-social-link a:hover{
    color: var(--wp--preset--color--secondary-accent) !important;
    fill: var(--wp--preset--color--secondary-accent) !important;
}
.banner-right-box{
    position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
	position: absolute;;
	right: 75px;
	padding:13px;
}
form.wp-block-search__button-only.wp-block-search__icon-button.wp-block-search{
	position: relative;
    margin: 0px !important;
}
.main-header-top {
    position: relative;
    padding-bottom: 20px !important
}
.slider-main {
    position: relative;
}
.slider-main:after {
    background-color: var(--wp--preset--color--primary) !important;
    position: absolute;
    right: 0px;
    width: 40%;
    height: 100%;
    top: 0px;
    content: "";
    z-index: 1;
    border-radius: 20px 0px 0px 20px;
}
.home .main-header-top {
    position: absolute;
    width: 100%;
    z-index: 3;
    padding-bottom: 0px !important;
    background: transparent !important;
}
.owl-dots {
    position: absolute;
    bottom: 3%;
    width: 10%;
    display: flex !important;
    align-items: center;
    justify-content: left;
    gap: 10px;
    left: 10%;
}
.slider-search input{
    padding: 0px 20px;
}
.slider-search input::placeholder{
    color: var(--wp--preset--color--heading) !important;
}
.slider-search button{
    padding: 5px 10px;
}
button.owl-dot {
    width: 15px !important;
    height: 15px;
    border: 1px solid;
    border-color: var(--wp--preset--color--primary) !important;
    box-shadow: none;
    border-radius: 30px;
    padding: 0px !important;
    background: transparent !important;
}
button.owl-dot.active {
    width: 15px !important;
    height: 15px;
    border: 1px solid;
    background: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
    box-shadow: none;
    border-radius: 30px;
}
.header-menu-main ul li{
    position: relative;
}

.header-menu-main ul li ul.wp-block-navigation-submenu li:hover:before{
    display: none;
}
.header-menu-main ul li:hover:before {
    content: "";
    bottom: -20px;
    right: 0px;
    width: 100%;
    height: 3px;
    position: absolute;
    border-radius: 30px;
    left: 0px;
    background-color: var(--wp--preset--color--primary) !important;
    margin: 0 auto;
}
.slider-testimonial .owl-dots {
    position: absolute;
    bottom: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 6px;
    left: 25px;
}
.slider-testimonial button.owl-dot {
    width: 10px !important;
    border: 0px;
    box-shadow: none;
    border-radius: 4px;
    height: 10px;
    padding: 0px !important;
    border:1px solid #000000;
    background-color: var(--wp--preset--color--accent-text) !important;
}
.slider-testimonial button.owl-dot.active {
    background-color: var(--wp--preset--color--secondary) !important;
    border: 0px;
    box-shadow: none;
    border-radius: 30px;
}
.gutentor-element-video-popup .gutentor-video-popup-holder {
    background: #ffffff5c;
    backdrop-filter: blur(12px);
    border: 2px solid #ffffffa8;
    border-radius: 50px;
    width: 55px;
    height: 55px;
    font-size: 18px;
}
.gutentor-element-video-popup-wrap{
    text-align: center;
}
.gutentor-video-popup-holder {
    background: #ffffff5c;
    backdrop-filter: blur(12px);
    border: 2px solid #ffffffa8;
    border-radius: 50px;
    width: 55px;
    height: 55px;
    margin: 0 auto;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gutentor-video-popup-holder i{
    color: #fff;
}
.header-menu-main ul li a:hover{
    color: var(--wp--preset--color--primary) !important;
}
.service-main{
    text-align: center;
}
.service-main h5{
    display: inline-block;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 10px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    right: 17px;
}
.blog-image,.blog-image img{
	width: 100%;
	height: 300px !important;
	object-fit: cover;
}
.countor-box h4 span{
    color: var(--wp--preset--color--accent) !important;
}
input#submit,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
button.wp-block-search__button.has-border-color.has-outline-border-color.wp-element-button,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
    background-color: var(--wp--preset--color--primary) !important;
}
.products-block-post-template .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    padding: 10px;
    margin: 0;
    text-decoration: none;
}
.single-product .wp-block-add-to-cart-form .quantity .input-text.qty{
    height: 42px;
}
.blog-image .wp-block-post-date time {
  display: inline-block;
  white-space: normal;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1;
  border-top-left-radius: 20px;
}
.blog-image .wp-block-post-date time {
    width: 4.6ch;
    height: 40px !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    align-items: center;
    justify-content: center;
    top: 6px;
    position: relative;
}
.blog-image .wp-block-post-date time::first-line {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}
.blog-image{
    position: relative;
}
.blog-image .wp-block-post-date {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 20px;
}
.blog-image .wp-block-post-date time::first-line {
  font-weight: 700 !important;
  font-size: 16px !important;
  display: block !important;
}
.main-header .social-icon .wp-block-button a:hover{
    background: var(--wp--preset--color--pure-black) !important;
}
.main-header .social-icon .button-1-header a:hover{
    background: var(--wp--preset--color--pure-black) !important;
    border-radius: 0px !important;
    color: var(--wp--preset--color--secondary-accent) !important;
}
.bk-hide-tab.bk-hide-mob.social-icon a.wp-block-social-link-anchor:hover,.social-icon ul li a:hover svg{
	color: var(--wp--preset--color--secondary);
	fill: var(--wp--preset--color--secondary);
}

.header-menu ul li ul.wp-block-navigation-submenu li a:hover{
    color: var(--wp--preset--color--secondary-one) !important;
    background: transparent !important;
    border-radius: 0px;
}
.wp-block-categories-dropdown.wp-block-categories {
    position: relative;
    text-align: right;
}
.wp-block-categories-dropdown.wp-block-categories:after {
    content: "\f333";
    top: 0px;
    left: 0px;
    position: absolute;
    width: 36px;
    font-size: 22px;
    color: #fff;
    font-family: "dashicons";
    height: 100%;
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: 8px 0px 0px 8px;
    display: flex
;
    justify-content: center;
    align-items: center;
}
select#wp-block-categories-1 {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
    border: 0px;
    width: 100%;
    padding: 13px 20px 13px 40px !important;
    border-radius: 8px !important;
}
.header-meta svg.icon {
    width: 25px;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:after{
    display: none;
}

.service-image{
    position: relative;
    margin-top: -24px !important;
    z-index: 0;
}
.service-image img{
    height: 250px;
    object-fit: cover;
}
.service-image figure{
    text-align: right;
}
.icon-box {
    position: absolute;
    width: 50px;
    bottom: -15px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 25px;
    font-size: 20px;
    color: var(--wp--preset--color--heading) !important;
}

.wp-block-button__link{
    height: auto;
}
.slider-testimonial {
    position: absolute;
    right: 12%;
    bottom: -30px;
    z-index: 2;
    box-shadow: 5px 4px 14px -3px #0000001A;
    width: 20%;
}
.slider-image figure{
    margin-bottom: 0px !important;
}
.slider-image img{
    width: 100% !important;
    height: 450px;
    object-fit: cover;
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart .wc-block-mini-cart__quantity-badge svg:hover{
	fill: var(--wp--preset--color--secondary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale span{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--wp--preset--color--accent-text) !important;
}
.wishlist-btn img {
    height: 20px !important;
    width: 24px !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary) !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border: 0px !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0px;
    padding-top: 3px;
    padding-right: var(--wp--preset--spacing--x-small);
    padding-bottom: 3px;
    padding-left: var(--wp--preset--spacing--x-small);
    position: absolute;
    top: 0px;
    right: 0px;
}
.footer-contact span{
    fill: var(--wp--preset--color--primary) !important;
}
.footer-main a.wp-block-social-link-anchor:hover, .footer-main ul li a:hover svg {
    color: var(--wp--preset--color--pure-black) !important;
    fill: var(--wp--preset--color--pure-black)  !important;
}