/*
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 theme for Public Library & Book Store. Anyone can use it as it is multipurpose for the app store, book, book author, book publisher, bookseller, book shop, book shopping, book store, digital books, e-learning, e-books, newspaper, Audio Books, Kindle Books, Book Reviews, Literary Criticism, Reading Apps, Self-Publishing, Author Websites, Book Marketing, Fiction Writing, Non-Fiction Writing, Book Clubs, Digital Publishing, Educational Resources, Learning Platforms, Virtual Classrooms, Online Education, Study Materials, Courseware, Online Learning Tools, Digital Libraries, Learning Management Systems, online book store, selling e-books, PDFs online, course providers, online courses music and game selling sites. Ecommerce Bookshop has many responsive features such as Clean, user-friendly, responsive, beautiful, accessible, personalization options, testimonial section, and Banner. This theme is compatible with the most popular event calendar. It displays what’s coming up and notifies users about the cost of workshops, classes, or other events. Page Builder is used to creating the theme. There are many unique features that this theme supports, including retina-ready, professional and personalization options. You can also customize the options with customization options and multipurpose. It is translation ready. This theme is specifically designed for e-commerce websites. It also allows you to display your business information and the possibility of selling products online. This theme is perfect for e-commerce websites and shops. It can be used to create e-commerce websites for any online store, including fashion, shoes, jewellery, sport, technology, and mobile.
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.0
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;
    right: -1px;
    top: 12px;
    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;
    }
}
	/* ===============================
   HERO SECTION STYLE
=================================*/
.ck-hero {
    background: linear-gradient(135deg, #6e0000, #a81c1c);
    padding: 100px 20px;
    text-align: center;
    color: #fff;
}

.ck-hero-container {
    max-width: 900px;
    margin: auto;
}

.ck-hero h1 {
    font-size: 44px;
    font-weight: 800;
    margin-bottom: 15px;
}

.ck-hero p {
    font-size: 18px;
    opacity: 0.9;
}

.ck-btn {
    background: #ff9f00;
    padding: 14px 32px;
    border-radius: 40px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    margin-top: 20px;
    transition: 0.3s ease;
}

.ck-btn:hover {
    background: #e68a00;
    transform: translateY(-3px);
}
	/* ===============================
GLOBAL RESET MODERN
=============================== */
body {
    font-family: 'Inter', sans-serif !important;
    background: #f4f6f9;
    color: #1f2937;
    line-height: 1.6;
}

/* ===============================
HEADER MODERN
=============================== */
.site-header {
    background: #ffffff;
    box-shadow: 0 4px 25px rgba(0,0,0,0.05);
    padding: 15px 0;
}

.site-header a {
    color: #1f2937 !important;
    font-weight: 600;
}

.site-header a:hover {
    color: #6e0000 !important;
}

/* ===============================
HERO SECTION PREMIUM
=============================== */
.ck-hero {
    background: linear-gradient(135deg, #6e0000, #a81c1c);
    padding: 120px 20px;
    text-align: center;
    color: #fff;
}

.ck-hero h1 {
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 15px;
}

.ck-hero p {
    font-size: 20px;
    opacity: 0.95;
}

.ck-btn {
    background: #ff9f00;
    padding: 16px 36px;
    border-radius: 50px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    margin-top: 30px;
    transition: 0.3s ease;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.ck-btn:hover {
    background: #e68a00;
    transform: translateY(-4px);
}

/* ===============================
KATALOG MODERN GRID
=============================== */
.blog .posts-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.post {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    padding: 20px;
    transition: 0.3s ease;
}

.post:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}

.post h2 {
    font-size: 20px;
    font-weight: 700;
    color: #6e0000;
}

.post p {
    font-size: 14px;
    color: #6b7280;
}

/* ===============================
SIDEBAR HILANGKAN (BIAR CLEAN)
=============================== */
#secondary {
    display: none;
}

.content-area {
    width: 100% !important;
}

/* ===============================
SECTION TITLE
=============================== */
h2.section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    margin: 60px 0 20px;
    color: #6e0000;
}

/* ===============================
FOOTER PREMIUM
=============================== */
.site-footer {
    background: #111827;
    color: #ffffff;
    padding: 60px 20px;
}

.site-footer h3 {
    color: #ff9f00;
}

.site-footer a {
    color: #ffffff;
}

.site-footer a:hover {
    color: #ff9f00;
}

/* ===============================
WHATSAPP FLOAT
=============================== */
.ck-wa {
    position: fixed;
    bottom: 25px;
    right: 25px;
    background: #25d366;
    color: #fff;
    padding: 15px 20px;
    border-radius: 50px;
    font-weight: 700;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    z-index: 9999;
}
.ck-wa:hover {
    background: #1ebe5d;
}
	/* CONTAINER */
.ck-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

/* TOP BAR */
.ck-topbar {
    background: #111827;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
}
.ck-topbar .ck-container {
    display: flex;
    justify-content: space-between;
}
.ck-top-links a {
    color: #fff;
    margin-left: 15px;
}

/* HERO */
.ck-hero {
    background: linear-gradient(135deg,#6e0000,#a81c1c);
    color:#fff;
    padding:120px 0;
    text-align:center;
}
.ck-hero h1 {
    font-size:48px;
    font-weight:800;
}
.ck-btn {
    background:#ff9f00;
    padding:14px 32px;
    border-radius:50px;
    display:inline-block;
    margin-top:20px;
    font-weight:700;
    color:#000;
}

/* FEATURES */
.ck-features {
    padding:80px 0;
    background:#f9fafb;
}
.ck-grid-3 {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
.ck-card {
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    text-align:center;
}

/* PACKAGES */
.ck-packages {
    padding:100px 0;
}
.ck-grid-4 {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}
.ck-pricing {
    background:#fff;
    padding:40px 25px;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    text-align:center;
}
.ck-pricing .price {
    font-size:28px;
    font-weight:800;
    margin:15px 0;
}
.ck-pricing ul {
    list-style:none;
    padding:0;
}
.ck-pricing li {
    margin-bottom:10px;
}
.highlight {
    border:3px solid #ff9f00;
}
.ck-btn-outline {
    border:2px solid #6e0000;
    padding:10px 25px;
    border-radius:40px;
    display:inline-block;
    margin-top:15px;
    color:#6e0000;
}
	/* HILANGKAN WRAPPER THEME */
.site-content {
    padding: 0 !important;
}

.content-area {
    width: 100% !important;
    margin: 0 !important;
}

#secondary {
    display: none !important;
}

/* HILANGKAN PAGE TITLE DEFAULT */
.page-header {
    display: none !important;
}
	.ck-topbar {
    background: #111827;
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
}

.ck-topbar .ck-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ck-top-links a {
    color: #fff;
    margin-left: 20px;
    font-weight: 500;
}