/*
Theme Name: Bookstore Library
Template: author-writer
Text Domain: bookstore-library
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-bookstore-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Books Library is a stunning website theme with a modern design and powerful features tailored for book authors, writers, publishing houses, book houses, biography collections, science fiction works, libraries, ebook libraries, and the wider bookprinting industry. It offers a well-structured layout with optimized code that ensures a lightweight design, fast loading speed, and improved page performance. Built with clean coding practices aligned with web development standards, it delivers a seamless experience across all devices through a fully responsive, mobile-ready interface that enhances visual appeal on smartphones and tablets. The theme is also designed to support better search visibility with SEO-friendly architecture, helping content rank more effectively on search engines. Its translation-ready structure allows you to reach both local and international audiences with ease. Developed using the Bootstrap framework, it provides flexible customization options and smooth adaptability. The design includes engaging interactive elements such as Call to Action buttons and social media integration, along with multiple content sections like Team and Testimonials, plus a visually appealing banner that enhances overall presentation and supports bookprinting-related businesses in showcasing their services professionally.
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, featured-image-header, full-width-template, translation-ready, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, flexible-header, blog, e-commerce, education
Version: 2.7
Tested up to: 7.0
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#f13b3b;
    --font-awesome:'FontAwesome';
}
.top-header,#theme-sidebar button[type="submit"], #footer button[type="submit"],.prev.page-numbers, .next.page-numbers,.page-numbers,.site-info,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.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,#comments input[type="submit"],span.meta-nav,.more-btn a,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,.headerbox{
    background-color: var(--color-primary1);
}

.wc-block-cart__submit-container a:hover#theme-sidebar button[type="submit"]:hover, #footer button[type="submit"]:hover,  #comments input[type="submit"]:hover, span.meta-nav:hover,#footer,.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{
    background-color: #424851;
}
#footer .wp-calendar-table th, #secondary .wp-calendar-table th{
  background: var(--color-primary1);
  color: #fff;
  border-color: var(--color-primary1);
}
#footer .widget.widget_block.widget_text a{
  text-decoration: underline;
  color: var(--color-primary1);
}
.readmore-btn a:hover,h1, h2, h3, h4, h5, h6,.event-inner-content h3 a{
    color: #424851;
}
#footer li a:hover,a.added_to_cart.wc-forward,.box-info i, #theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading, #theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading, #theme-sidebar h3 {
    color:var(--color-primary1);
}
#theme-sidebar .wp-block-search .wp-block-search__label,a, a:hover,#theme-sidebar h3,#theme-sidebar a:hover,#theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a, #main-content p a,.event-inner-content i,p.title-p{
    color: var(--color-primary1);
}
button[type="submit"],.wc-block-cart__submit-container a,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    background:var(--color-primary1) ;
}
p.wp-block-tag-cloud a:hover,.readmore-btn a, .post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
  color:var(--color-primary1);
  border-color:var(--color-primary1);
}
#theme-sidebar .wp-block-search .wp-block-search__label:before,#theme-sidebar h3:before, #theme-sidebar h1.wp-block-heading:before, #theme-sidebar h2.wp-block-heading:before, #theme-sidebar h3.wp-block-heading:before,#theme-sidebar h4.wp-block-heading:before, #theme-sidebar h5.wp-block-heading:before, #theme-sidebar h6.wp-block-heading:before {
  background-color: var(--color-primary1);
}
.page-box,#theme-sidebar section{
  border-left-color: var(--color-primary1);
  border-bottom-color: var(--color-primary1);
}
nav.woocommerce-MyAccount-navigation ul li{
    border-color: #424851;
}
.logo a,.logo p,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,.main-navigation a,.media-links span,.more-btn a:hover,#slider .inner_carousel h1 a{
    color: #fff;
}
.logo h1, .logo p{
    color: #fff
}
.logo h1 a, .logo p.site-title a{
    color: #fff;
}
.logo h1 a:hover, .logo p.site-title a:hover{
    color: #000;
}
#slider .inner_carousel h1 a:hover, .event-inner-content h3 a:hover{
    color: var(--color-primary1);
}
#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
    background: #fff;
    color: var(--color-primary1);
}#footer a:hover{
    color: var(--color-primary1);
}
#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover{
    color: var(--color-primary1);
    border-color: var(--color-primary1);
}
.box-content li a,.box-content ol a,.box-content p a{
    text-decoration: underline;
}

.site-info a:hover {
    color: #fff;
}
.main-navigation li.page_item_has_children:after, .main-navigation li.menu-item-has-children:after{
    color: #fff;
}
.main-navigation ul ul.main-navigation li.page_item_has_children:after{
    margin-left: 21px;
} 
/* Header */

.page-template-front-page .headerbox {
    position: absolute;
    width: 100%;
    z-index: 999;
    background: rgb(241 59 59 / 50%);
    left: 0;
}
.media-links span {
    font-weight: bold;
}
.media-links.text-md-end {
    margin-left: -13px !important;
}
.page-numbers{
    padding: 6px 6px;
}

/* Slider */

#slider .carousel-caption {
    background: rgb(66 72 81 / 50%);
    border-radius: 10px;
    padding: 20px;
    left: 60%;
    right: 10%;
}
#slider .carousel-caption h1 a{
    font-size: 70px;
}
.error-404 [type="submit"]{
    padding: 11px;
    background: var(--color-primary1);
    cursor: pointer;
    font-weight: 500;
    color: #fff;
}
/* Event */
#workshop .owl-nav.disabled{
    display: block !important;
}
.cat-inner-box {
    background: #f4f4f4;
    height: 400px;
}
.event-inner-content h5 {
    background: var(--color-primary1);
    clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    display: inline-block;
    padding: 12px 25px 12px 12px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
}
.event-inner-content p {
    font-size: 14px;
    font-weight: 100;
}
#workshop .owl-carousel button.owl-dot.active{
    border: solid 5px #424851;
}
#workshop .owl-carousel button.owl-dot{
    border: solid 5px var(--color-primary1);
    border-radius: 50px;
    margin-right: 5px;
}
#workshop .owl-dots {
    text-align: center;
}
p.title-p {
    letter-spacing: 5px;
    text-transform: uppercase;
    font-weight: 700;
}

.site-info a:hover{
    color: #fff !important;
}
a#return-to-top {
    z-index: 999;
}
.cat-inner-box img{
    height: 400px;
    object-fit: cover;
}
#workshop .owl-nav{
    position: absolute;
    top: 90%;
    left: 95%;
    right: auto;
    bottom: 0;
}
#workshop .owl-carousel .owl-nav button.owl-prev, 
#workshop .owl-carousel .owl-nav button.owl-next, 
#workshop .owl-carousel button.owl-dot{
    font-size: 30px;
    color: #000;
}
#workshop .owl-carousel .owl-nav button.owl-prev{
    margin-right: 20px;
}
#slider .inner_carousel p.slider-top{
    color: var(--color-primary1);
    letter-spacing: 2px;
    font-size: 16px;
}
/* hover CSS */

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link:hover {
    background: var(--color-primary1);
    color: #fff;
}
.main-navigation a:hover{
    color: #fff !important;
}
/* loader CSS */
.center1 {
    border-left-color: var(--color-primary1);
    border-top-color: var(--color-primary1);
}
.center2 {
    border-left-color: #222222;
    border-top-color: #222222;
}

ul.sub-menu ul.sub-menu {
    left: 202px !important;
}


@media screen and (max-width: 767px){
    #slider .inner_carousel p.slider-top {
        color: var(--color-primary1);
        letter-spacing: 2px;
        font-size: 10px;
    }
    #slider .carousel-caption h1 a{
        font-size: 24px;
    }
    .page-template-front-page .headerbox {
        position: static;
        background: var(--color-primary1);
    }
    .toggle-nav i{
        background: #fff;
        color: var(--color-primary1);
    }
    .sidenav{
        background: #424851;
    }
    #slider .inner_carousel h1 a{
        padding: 0;
    }
    .event-inner-content {
        text-align: center;
        padding: 15px;
    }
    #workshop .owl-nav{
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .cat-inner-box{
        height: auto;
    }
}
@media screen and (min-width: 320px) and (max-width: 767px){
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
        display: none;
    }
    .toggle-nav, .logo{
        text-align: center;
    }
    .media-links.text-md-end {
      margin-left: 0px !important;
      text-align: center;
    }
    a.added_to_cart.wc-forward {
      padding: 6px 10px;
    }
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
      padding: 5px 13px;
    }
    #slider .carousel-caption {
       text-align: center !important;
       left: 17% !important;
       right: 12% !important;
    }
}


@media screen and (min-width: 768px) and (max-width: 900px){
    #slider .carousel-caption{
        left: 30%;
    }
    #slider .carousel-caption h1 a{
        font-size: 30px;
    }
    .page-template-front-page .headerbox {
        position: static;
        background: var(--color-primary1);
    }
    .toggle-nav i{
        background: #fff;
        color: var(--color-primary1);
    }
    .sidenav{
        background: #424851;
    }
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
        padding: 12px 18px;
    }
    #workshop .owl-nav{
        left: 85%;
    }
  

}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    .page-template-front-page .headerbox {
        position: static;
        background: var(--color-primary1);
    }
    #workshop .owl-nav{
        left: 90%;
    }
     #slider .carousel-caption{
        left: 30%;
    }
    #slider .carousel-caption h1 a{
        font-size: 30px;
    }
}
@media screen and (max-width:1000px){
    .main-navigation ul ul{
        background: transparent !important;
    }
}