/*
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 WordPress Theme is a meticulously crafted platform designed specifically for online bookstores and physical bookshops aiming to establish or enhance their digital presence. Ideal for a wide range of book-related businesses, from small independent bookshops to large online bookstores, this theme is perfect for showcasing an extensive collection of books, including new releases, used books, and secondhand finds. Whether you're promoting bestsellers, offering special discounts, or featuring themed book collections, Titan Bookseller provides an intuitive solution for building an online store. The theme’s user-friendly interface allows for easy customization without coding knowledge, making it accessible for all levels of users. It offers a seamless shopping experience with options to categorize books by genre, such as children’s books, young adult fiction, adult fiction, nonfiction, graphic novels, poetry, comics, manga, and more. This theme ensures books are displayed in an attractive, organized manner, making it easier for customers to browse and find their favorite reads. The clean, modern design and responsive layout ensure that your site looks stunning and functions flawlessly across all devices, from desktops to tablets and smartphones. Additional features such as author profiles, book reviews, featured books, and reading lists foster deeper engagement with your customers, while essential e-commerce tools like search functionality, shopping carts, secure payment gateways, and inventory management streamline the online purchasing process. Whether you’re a local bookstore, online book retailer, academic bookstore, secondhand bookshop, independent bookseller, or specialized book store, Titan Bookseller WordPress Theme offers everything you need to create an elegant, functional, and engaging online presence for your book-selling business.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 2.6
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: one-column, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, translation-ready, sticky-post, threaded-comments, wide-blocks, block-styles, style-variations, 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;
  }
}

.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;
}