/*
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 versatile, minimal, and modern theme designed for brands that appreciate elegance and functionality, making it particularly ideal for platforms centered around writing, storytelling, and digital journals. With a clean, retina-ready, and responsive design, your website will look stunning on any device, ensuring a consistently beautiful and user-friendly browsing experience. Built with optimized and secure coding standards, the theme guarantees faster page load times, appealing to both novice and experienced developers who prioritize efficiency and performance. Its sophisticated and luxurious aesthetic is perfect for agencies, creative studios, personal portfolios, bookstores, online platforms for literature, digital libraries, public and private libraries, school libraries, and various business websites. The theme provides advanced personalization options, allowing complete control over layouts, color schemes, typography, and visual elements without sacrificing usability. With built-in shortcodes, support for the Bootstrap framework, and flexible customization features, crafting an interactive and visually compelling website becomes effortless. Key sections such as an eye-catching banner, engaging testimonials, and a dedicated team area enable you to showcase your vision and build trust with visitors. The addition of a prominent call-to-action button ensures higher engagement and conversions, while integrated social media features help brands enhance their online presence and connect with audiences easily. Its translation-ready functionality caters to a global audience, and the agency-friendly structure makes it suitable for marketing teams, creative agencies, and freelancers. With subtle animated effects and a polished layout, the theme boosts visual appeal while maintaining simplicity, making it an excellent choice for showcasing content related to writing, storytelling, and literature in a modern and professional manner.
Version: 1.1.3
Requires at least: 6.0
Tested up to: 7.0
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;
}

@media screen and (min-width: 850px) and (max-width: 1240px) {
    .header-section ul {
      gap: 10px !important;
    }
}

.buynow-button-menu > a {
  background-color: var(--wp--preset--color--primary) !important;
  color: #ffffff !important;
  padding: 6px 10px;
  border-radius: 10px;
}

.buynow-button-menu > a:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}