/*
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 WordPress theme crafted for brands that value elegance and functionality. 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 clean, secure coding standards, the theme delivers a 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, Bookstore, Books Shop, Online Bookstore, Local Bookstore, Digital Bookstore, Library, Public Library, Private Library, Community Library, School Library and business websites. It offers advanced personalization options, giving you complete control over layouts, color schemes, typography, and visual elements without compromising usability. With built-in shortcodes, Bootstrap framework support, and flexible customization options, designing an interactive and stunning website becomes seamless. Key sections like an eye-catching Banner, engaging Testimonial area, and dedicated Team section help you showcase your story and build trust with visitors. The inclusion of a prominent Call to Action (CTA) button ensures higher engagement and conversions across pages. Its integrated social media features allow brands to establish a stronger online presence and connect with audiences effortlessly. The Novel Collections also comes translation-ready, allowing businesses to reach global customers with ease. Its agency-friendly structure makes it suitable for marketing teams, creative agencies, and freelancers who need a versatile and reliable theme. With subtle animated effects and a polished layout, the theme enhances visual appeal while maintaining simplicity and focus. Whether you're building a portfolio, business website, or creative showcase, Novel Collections offers the perfect combination of style, speed, and customization, making it a truly exceptional multipurpose theme.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
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;
}
.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;
}