/*
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 WordPress theme with a wonderful design and modern features for book authors, writers, book houses, biography, science fiction, libraries, Ebook libraries, publishing houses, and more. It is a very well-designed theme and has optimized codes for bringing a lightweight design that not only loads at a quick speed but also gives you faster page load time. The core is developed from clean codes that follow the WordPress standards and include a mobile-friendly design that will make your website look lovely on mobile devices. If you think of your ranks in the search engines, developers have already made this theme SEO-friendly. By making this theme translation ready, makes have already made your theme ready for local as well as international audiences. The clean and secure codes of this theme make it work well across several devices and the responsive design makes your website look incredible. Bootstrap framework is used while designing this theme and includes a lot of easy customization options. This stunning theme also has many interactive elements such as the Call to Action Button (CTA) and plenty of social media icons. It brings a lot of sections for accommodating your content such as Team, Testimonial section, etc., and a beautiful banner as well.
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, sticky-post, theme-options, threaded-comments, flexible-header, blog, e-commerce, education
Version: 1.3
Tested up to: 6.8
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%;
}
#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: #424851 !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;
    }
}