/*
Theme Name: Ecommerce Bookshop
Template: author-writer
Text Domain: ecommerce-bookshop
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-ecommerce-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Ecommerce Bookshop is a versatile theme designed for public libraries and book stores, offering a multipurpose solution ideal for app stores, book authors, publishers, booksellers, and online platforms focused on digital books, e-learning, e-books, newspapers, audiobooks, Kindle books, book reviews, literary criticism, and bookprinting services, while also supporting niches like reading apps, self-publishing, author websites, book marketing, fiction and non-fiction writing, book clubs, digital publishing, educational resources, learning platforms, virtual classrooms, online education, study materials, courseware, and digital libraries, making it perfect for selling e-books, PDFs, and online courses, including music and gaming content; it comes with clean, user-friendly, responsive, and visually appealing design elements along with accessibility, personalization options, testimonial sections, and banners, while being compatible with popular event calendar tools to showcase upcoming workshops, classes, and events with pricing details, built using a page builder for easy customization, and enhanced with features like retina-ready display, professional layouts, translation readiness, and flexible multipurpose functionality, allowing businesses to present their information effectively and create powerful e-commerce platforms for industries such as fashion, shoes, jewellery, sports, technology, and mobile products.
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: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#27ae61;
    --font-awesome:'FontAwesome';
}
.wc-block-cart__submit-container a,button[type="submit"],.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,.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,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,.book-tkt-btn a.register-btn,.book-tkt-btn a.bar-btn i:hover,.cat-inner-box:hover,.toggle-nav i{
    background: var(--color-primary1);
}

.wc-block-cart__submit-container a:hover,.main-navigation ul ul,#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,.book-tkt-btn a.register-btn:hover{
    background: #000000;
}
#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,.main-navigation a,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title,.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
    color: #000000;
}

#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);
}
#slider .inner_carousel h1 a:hover{
    color: #000 !important;
}
a, .main-navigation a:hover, .logo h1 a:hover, .logo p a:hover, a:hover,#theme-sidebar h3,.readmore-btn a,#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,h6.title-p{
    color: var(--color-primary1);
}

.readmore-btn a:hover,nav.woocommerce-MyAccount-navigation ul li{
    border-color: #000000;
}

.media-links span,#slider .inner_carousel h1 a,.slider-box-content h3 a,.more-btn a:hover{
    color: #fff!important;
}

#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
    background: #fff;
    color: var(--color-primary1) ;
}
#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover,#theme-sidebar .tagcloud a:hover,p.wp-block-tag-cloud a:hover, .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{
   color: var(--color-primary1);  
}
.more-btn a{
    background: #fff;
    color: var(--color-primary1)!important;
}
.page-numbers{
    padding: 6px 6px;
}

.box-content li a,.box-content ol a{
    text-decoration: underline;
}

.book-tkt-btn a.bar-btn i:hover,.readmore-btn a{
    border-color: var(--color-primary1);
}
button[type="submit"]{
    border: 1px solid var(--color-primary1);
}
 #slider .more-btn a{
    color: var(--color-primary1) !important;
 }
h1,h2,h3,h4,h5,h6,.main-navigation a,body{
    font-family: 'PT Sans', sans-serif;
}
.error-404 [type="submit"] {
    padding: 11px;
    background: var(--color-primary1);
    cursor: pointer;
    font-weight: 500;
    color: #fff;
}
#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);
}
/* Header */
.more-btn a, #slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
    color: #fff !important;
}
.top-header span, .top-header p{
    font-weight: normal;
}
.headerbox{
    background: transparent;
}
.main-navigation li{
    text-transform: none;
}
.main-navigation a{
    font-size: 15px;
    font-weight: 500;
    font-weight: normal;
}
.logo h1, .logo p.site-title {
    font-size: 30px;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
}
.media-links i {
    color: var(--color-primary1);
    font-size: 13px;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 9px 0;
    border-radius: 30px;
}
.book-tkt-btn a.register-btn,.more-btn a{
    border-radius: 0;
}
.main-navigation li.page_item_has_children:after, .main-navigation li.menu-item-has-children:after {
    content: '\f0d7';
    position: absolute;
    font-size: 15px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #222222;
}
.main-navigation ul ul li.page_item_has_children:after {
    margin-right: 21px;
    color: #fff;
}
/* Slider */

#slider .inner_carousel{
    color: #fff;
    top: 50%;
    left: 20% !important;
    transform: translateY(-50%);
    position: absolute;
}
#slider .carousel-caption {
    background: rgb(39 174 97 / 60%);
    transform: none;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
    left: 0 !important;
}
#slider .inner_carousel h1 a{
    font-size: 50px;
}

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
    font-size: 20px !important;
    margin-bottom: 0 !important;
}
.woocommerce li.product {
    background: #fff;
    box-shadow: 0 0 12px 2px #d1d1d1;
    padding: 15px !important;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
    font-size: 18px;
    color:  var(--color-primary1)!important;
}
.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{
    text-transform: none;
}
del span.woocommerce-Price-amount.amount bdi {
    color: var(--color-primary1);
    opacity: 1 !important;
}

.site-info a:hover {
    color: #fff;
}

.headerbox.stick_head {
    background: #fff;
}

.center1, .center2 {
border-left-color: var(--color-primary1);
border-top-color: var(--color-primary1);
}
.center2 .ring::before, .center1 .ring::before{
background: var(--color-primary1);
}

@media screen and (max-width: 800px){
    .sidenav{
        background: #000;
    }
    #slider .carousel-caption{
        width: 60%;
    }
    #slider .inner_carousel h1 a {
        font-size: 40px;
    }
}

@media screen and (max-width: 767px){
    .more-btn {
        margin: 5px 0;
    }
    #slider .inner_carousel h1 a {
        font-size: 20px;
    }
    #slider .carousel-caption{
        width: 100%;
    }
    .headerbox.login-user.stick_head {
      margin-top: 0px;
      position: unset;
    }
    #slider .carousel-caption {
      text-align: center !important;
      left: 0 !important;
      right: 0 !important;
    }
    #slider .inner_carousel{
        left: 15%;
        right: 15%;
    }
    .logo{
        text-align: center;
    }
}

@media screen and (max-width: 1000px){
.nav ul li a:hover {
    color: var(--color-primary1);
}

@media screen and (min-width: 561px) and (max-width: 767px){
    .logo{
        text-align: center;
    }
}