@charset "UTF-8";
/*
Theme Name: Bookseller Publication
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-bookseller-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Bookseller Publication is a specialized and feature-rich website template designed to cater to individuals, businesses, and organizations in the publishing industry. This theme is a powerful tool tailored for bookstores, publishers, authors, and literary enthusiasts who want to establish a strong online presence to promote and sell books, magazines, or any form of written content. This theme is a perfect fit for anyone looking to create a website dedicated to selling and promoting books. It offers a user-friendly and customizable platform for both experienced web developers and beginners, ensuring a seamless setup process. Users can install the theme on their WordPress website and easily tailor it to suit their specific needs and branding. In terms of aesthetics, the Bookseller Publication WordPress theme boasts a visually appealing and responsive design. Its layout is designed to showcase books and written content effectively, with a focus on readability and user engagement. The theme's design ensures that the website looks professional and functions seamlessly across various devices and screen sizes. One of the notable benefits of this theme is its suitability for online bookstores and publications, allowing them to feature a wide range of books, manage inventory, process orders, and engage with readers effectively. Authors can also use this theme to create a personal website to promote their books, share their writing journey, and connect with their audience.
Version: 0.5.5
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: digital-books
Text Domain: bookseller-publication
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, e-commerce, education

Bookseller Publication WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2023.
Bookseller Publication WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #00c2ba;
}

h1,h2,h3,h4,h5,h6{
    font-family: "Ubuntu";
}
body{
    font-family: "Ubuntu";
}
p{
    font-family: "Ubuntu";
}
.product-home-box h3 a:hover, .product-box h3 a:hover, .slider-inner-box h2 a:hover, .content-box h2 a:hover, .navbar-brand a:hover, .search-box i:hover, a.cart-customlocation i:hover, a.account-btn:hover, .widget a:hover, .widget a:focus,a, .sidebar ul li a:hover, #colophon a:hover, #colophon a:focus, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-message::before, .woocommerce-info::before, .slider-inner-box a h2,.slider-inner-box h2,.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
a{
    text-decoration: none;
}
a.account-btn:hover{
    background: transparent;
}
.site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus {
    color: var(--first-color) !important;
}
.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,.woocommerce a.added_to_cart,.sidebar .tagcloud a:hover,.sidebar input[type="submit"], .sidebar button[type="submit"],.serach_inner,.sticky .entry-title::before, .main-navigation .sub-menu, #button, .sidebar input[type="submit"], .comment-respond input#submit, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .woocommerce .woocommerce-ordering select, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .wp-block-button__link, .serv-box:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .btn-primary, .sidebar h5, .toggle-nav i, span.onsale, .serach_inner [type="submit"],span.cart-value, .load hr {
    background: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained{
    color: #ffffff;
    border:0px;
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover{
    border-color: var(--first-color);
}
.article-box a:hover, .content-box a.slider-btn:hover{
  color: #161616;
}
.woocommerce-message, .woocommerce-info {
    border-top-color: var(--first-color);
}
.serach_inner button {
    background: #000 !important;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
    color: #fff;
}
.footer-column {
    border-bottom: 1px solid #fff;
}
#colophon {
    background: #000;
}
.btn-primary{
    background-color: var(--first-color) !important;
    border-color: var(--first-color) !important;
}
.main-navigation .menu > li > a{
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    font-weight: 500;
    font-family: "Ubuntu";
}
.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return{
    font-size: 14px;
    line-height: 25px;
    color: #ffffff !important;
    font-weight: 500;
}
#site-navigation .menu ul li a:hover {
    color: var(--first-color);
}
a.account-btn,.search-box,.cart_box{
    margin-left: 15px;
}
a.account-btn{
    background: transparent;
    color: #000;
    padding: 0px;
}
#top-slider{
    background: #e4e4e4;
    height: 600px;
}
.slider-box {
    background: #000;
}
.slider-post::-webkit-scrollbar {
    width: 5px;
}
.slider-post::-webkit-scrollbar-thumb {
    background-color: var(--first-color);
    border-radius: 10px;
}
.slider-post {
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px;
}
#top-slider .slide-bg{
    background-color: #000;
    height: 600px;
}
#top-slider img {
    opacity: 0.5;
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.slider-inner-box h2{
    text-transform: none;
}
.slider-inner-box h2 a{
    font-size: 50px;
    color: #ffffff;
    font-weight: 700;
}
.slider-inner-box {
    right: 24%;
    left: 31%;
    top: 80%;
}
.content-box h2 a {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
}
.content-box p{
    font-size: 16px;
    color: #7e7e7e;
    font-weight: 400;
}
.content-box a.slider-btn{
    font-size: 14px;
    color: var(--first-color);
    font-weight: 500;
}
.main-box hr{
    border-color: #c1c1c1;
}
.time-box {
    background: var(--first-color);
    padding: 14px 20px 10px 30px;
    margin-left: -30px;
    margin-right: -15px;
    position: relative;
}
.time-box h6 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
}
.time-box h3 {
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
}
.pro-button a:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
    border: solid 2px var(--first-color);
    background: transparent;
    color: var(--first-color);
}
a.wc-block-components-button.wc-block-cart__submit-button    {
    background: var(--first-color);
    color: #fff;
    text-decoration: none;
}
.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote{
    border-color: var(--first-color) !important;
}
.main-navigation .menu li.current-menu-item a {
    color: var(--first-color);
}
.main-navigation .menu .sub-menu li.current-menu-item a:hover{
    color: var(--first-color) !important;
}
.main-navigation .menu > li > a:hover{
    background: var(--first-color);
    color: #fff !important;
    border-radius: 0px;
    text-transform: uppercase;
}
.page-template-page-template .main_header{
    background: #fff;
}
.slider-inner-box {
    text-align: left;
}
.slide-btn a {
    padding: 15px 25px;
    border-radius: 5px;
}
#latest-product .owl-nav,#latest-product .owl-dots{
    display: none;
}
#latest-product h3 {
    font-size: 35px;
    font-size: 30px;
    color: #1b1b1b;
    font-weight: 700;
}
.product-image {
    position: relative;
}
.product-content {
    position: relative;
}
.product-box h5.price {
    color: #fff !important;
    font-size: 16px;
}
h5.price {
    position: absolute;
    background: var(--first-color);
    top: -55px;
    right: 0px;
    padding: 18px 12px;
    border-radius: 40px;
    left: 0px;
    margin: 0 auto;
    width: 75px;
    height: 75px;
}
.product-box {
    padding: 0px;
    text-align: center;
}
.product-box h3 a {
    font-size: 18px;
    line-height: 19px;
    color: #080808;
    font-weight: 500;
    text-align: center;
}
.product-box img {
    margin-bottom: 15px;
    height: 300px;
    object-fit: cover;
}
.product-box h5.price{
    color: var(--first-color);
}
.product-box span.onsale {
    padding: 5px 10px;
}
.product-content p {
    font-size: 13px;
    line-height: 19px;
    color: #7e7979;
    font-weight: 300;
    text-align: center;
}
.pro-button .add_to_cart_button {
    margin-right: 10px;
}
.sidebar section{
    padding: 10px;
}
.wp-block-button__link{
    background: var(--first-color) !important;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
    border-radius: 0px;
}
.wp-block-button.is-style-outline a.wp-block-button__link{
    background-color: transparent !important;
    color: var(--first-color) !important;
    margin: 10px 0px; 
}
.sidebar h2.wp-block-heading {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: var(--first-color);
    padding: 15px 10px;
    margin-bottom: 0;
}


#mySidenav {
    justify-content: flex-end;
}
@media screen and (max-width: 575px) {
    #top-slider img{
        height: 300px;
    }
    .slide-box{
        padding-right: 0px !important;
    }
    .slider-inner-box h2 a {
        font-size: 30px;
    }
    .time-box {
        margin-left: -15px;
        margin-right: -15px;
        padding: 14px 20px 10px 20px;
    }
}
@media screen and (max-width: 767px) {
    #top-slider {
        height: 100%;
    }
    .slider-inner-box {
        right: 10%;
        left: 10%;
        top: 50%;
    }
}
@media screen and (min-width: 320px) and (max-width: 720px){
   .sidenav #site-navigation {
        padding: 40px 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .slider-inner-box {
        right: 8%;
        left: 8%;
        top: 65%;
    }
}
@media screen and (max-width: 1000px) {
    .main-navigation .menu > li > a{
        color: #ffffff;
    }
    .main-navigation .menu .sub-menu li.current-menu-item a{
        color: var(--first-color) !important;
    }
    .main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
        background: transparent;
        color: var(--first-color) !important;
    }
}
