@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 versatile and feature-rich website template tailored for individuals, businesses, and organizations in the publishing industry, making it an ideal choice for bookstores, publishers, authors, and literary enthusiasts. This theme provides a robust platform for promoting and selling books, magazines, and various forms of written content, whether for seasoned web developers or those just starting out. Users can easily install this customizable theme on their WordPress site to create a professional online presence that effectively showcases literature. With a visually appealing and responsive design, Bookseller Publication prioritizes aesthetics, ensuring an engaging user experience across devices and screen sizes. It also offers practical benefits for online bookstores and publications, enabling them to feature a diverse array of books, manage inventory, process orders, and interact with readers. Additionally, authors can utilize this theme to build a personal website, promoting their work and connecting with audiences through blogs or podcasts, potentially exploring platforms like SoundCloud for their audio content and sound design.
Version: 0.5.7
Tested up to: 7.0
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;
    }
}
