/*
Theme Name: Titan Bookseller
Theme URI: https://www.titanthemes.net/products/free-bookseller-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Titan Bookseller theme is a modern, elegant, and feature-rich platform crafted for online bookstores, physical bookshops, publishing houses, libraries, authors, and literary retailers aiming to build a strong digital presence. Perfect for selling books online, managing book collections, and promoting literary events, it caters to independent booksellers, academic bookstores, eBook stores, comic and manga retailers, poetry publishers, and secondhand bookshops. Whether you’re showcasing bestsellers, rare editions, or themed book collections, this theme ensures your products stand out with clean layouts and engaging visuals. Its fully responsive and SEO-optimized design guarantees a smooth browsing and purchasing experience across all devices. Users can categorize books by genre, such as fiction, non-fiction, fantasy, romance, science fiction, biographies, children’s books, and educational materials, while author profiles, reviews, and reading lists enhance customer engagement. Integration with the WooCommerce plugin enables seamless eCommerce functionality, including secure checkout, shopping carts, product filters, and stock management. The theme also supports wishlist features, book rating systems, and newsletter integration to boost sales and audience retention. Ideal for book publishers, libraries, literary bloggers, digital authors, eBook distributors, and audiobook sellers, the Titan Bookseller theme combines performance, aesthetics, and scalability—making it the ultimate choice for anyone looking to create a professional, user-friendly, and visually captivating online bookstore that promotes reading culture and drives conversions.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 3.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: titan-bookseller
Tags: grid-layout, one-column,  two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready,, blog, education, news
*/

.red-header-text {
  transform: rotate(-90deg);
  margin-bottom: 90px;
}
#about-section img, .header-banner-box img {
  width: 100%;
}
.middle-section-box :where(body .is-layout-flex) {
  gap: 0;
}
.middle-wrap {
  gap: 24px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
.header-menu .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a span.wp-block-navigation-item__label:hover{
  padding: 0px;
  background: transparent;
}
.woocommerce-currency-switcher-form .chosen-container-single .chosen-single div {
  background: transparent !important;
  border: 0px !important;
}
.woocommerce-currency-switcher-form .chosen-container-single .chosen-single {
  background: transparent !important;
  box-shadow: none !important;
  color: #000;
}
.header-menu span.wp-block-navigation-item__label:hover {
  padding: 19px 15px;
  background: #FFDA00;
  color: #000;
}
.header-menu .menu-box {
  gap: 50px;
  padding: 0px;
}
.color-word{
  color: var(--wp--preset--color--primary);
  font-weight: 600 !important;
}
.menu-box{
  margin-top: 0 !important;
  padding: 12px 0;
}
.wp-site-blocks{
	padding: 0 !important;
}
.is-head-menu li a:hover {
  text-decoration: none;
}
.is-head-menu li a{
  position: relative;
}
.is-head-menu li a:hover:after {
  text-decoration: none;
  content: "";
  bottom: -40px;
  width: 100%;
  left: 0px;
  height: 2px;
  background: var(--wp--preset--color--primary);
  position: absolute;
}
.is-head-menu li a:hover span {
  color: var(--wp--preset--color--primary);
}
footer.wp-block-template-part {
  margin-top: 0;
}
@media screen and (max-width: 375px) {
  .main-header .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex{
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .header-box{
    padding-right: 0px !important;
  }
  
  .header-banner-box .is-vertically-aligned-center {
    padding: 15px !important;
  }
  .is-side-box{
    padding-top:20px;
    padding-bottom:20px !important;
  }
  
  span.wp-block-navigation-item__label {
    color: #000;
  }
  .menu-box a.wp-block-navigation-item__content {
    color: #000 !important;
  }
  .menu-box .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
    padding-top: 0px;
  }
}
@media screen and (min-width: 801px) {
  .menu-box {
    padding-left: 45px;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .middle-section-box .wp-block-image.alignright, .middle-section-box .wp-block-image.alignleft.size-full {
    margin-left: 0px;
    width: 100%;
    text-align: center;
    float: none;
  }
  .is-head-menu li a:hover:after{
    display: none;
  }
  .box-row{
    grid-row-gap: 20px;
  }
  .red-header-text {
    transform: none;
    margin-bottom: 0;
  }
  .middle-section-box{
    text-align: center;
  }
  .header-download-button{
    margin-top: 0px !important;
    justify-content: center !important;
  }
}
@media screen and (min-width: 575px) and (max-width: 781px) {
  .is-side-box{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .book-sec {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .is-side-box figure.wp-block-image.aligncenter.size-full{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .red-header-text{
    width: 30%;
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .empty-box{
    flex-basis: 9% !important;
  }
  .is-side-box{
    flex-basis: 11.1% !important;
  }
  .book-sec {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1420px) {
  .is-side-box{
    flex-basis: 10.9% !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .menu-box {
    justify-content: center;
    display: flex;
  }
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
  .single-image figure{
    width: 100% !important;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  h2.is-slide-heading {
      font-size: 36px !important;
  }
  .head-logo h1 a {
    font-size: 14px;
    font-weight: bolder;
}
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  display: none;
}

/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}