/**
 * Theme Name:  Livre Child
 * Theme URI:   http://demo.tokomoo.com/livre/books/
 * Description: A blank child theme of the Pustaka parent theme.
 * Version:     2.0.0
 * Author:      Tokomoo
 * Author URI:  http://tokomoo.com
 * Tags:        one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready
 *
 * License:     GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Template:    livre
 */

/* Importing the parent theme stylesheet. */
@import url( '../livre/style.css' );

/* Place your custom style here. */


::-webkit-scrollbar {
    display: none; /* Este selector CSS ocultará la barra de desplazamiento en navegadores basados en WebKit (como Chrome, Edge y Safari). */
} 

.site-content {
    max-width: 100%;
    position: relative;
}

.tag {
    color: #616161 !important;
}

p.demo_store {
background-color: #eb6237;
}

.featured-author p {
text-align: left;
}

.woocommerce-tabs .shop_attributes th {
width: 30% !important;
}

.woocommerce-Reviews .comment_container {
padding-left: 0 !important;
}

.woocommerce-info, .woocommerce-message {
    background-color: #f6f6f6 !important;
}

.woocommerce-info:before, .woocommerce-message:before {
    color: #01263d !important;
}

.widget.widget_shopping_cart .quantity {
    margin-left: 7px;
}

.product_list_widget.cart_list li img {
    border-radius: 2px;
}

.product-modern .product {
    display: grid;
}

.featured-author {
width: 100% !important;
}

.editorial-review h3 {
    font-size: 1.3em !important;
}

.wc-product-retailers.button {
width: 100%;
}

.wc-product-retailers-wrap ul.wc-product-retailers li {
position: relative;
left: -40px;
}

.product-overview__summary .product-bookmark .post__share a.pinterest {
background-color: #cc181e;
}

.product-overview__summary .product-bookmark .post__share a.whatsapp {
background-color: #0cc143;
}

.wpcf7-response-output {
    display: none;
}

.elementor-accordion-title {
    text-transform: none !important;
}

@media (min-width: 768px) {
#yith-quick-view-modal.open .yith-wcqv-main {
overflow: auto !important;
}
}

@media screen and (min-width: 991px) {
.product__detail-content .woocommerce-Tabs-panel .shop_attributes {
width: 72% !important;
}
}

.amazon-image {
    width: 140px;
    max-width: 100%;
    height: 49px;
    display: inline-flex !important;
    background-color: initial !important;
    background: url(https://vestabooks.com/wp-content/uploads/2025/04/amazon-store.png) no-repeat 0 0;
    background-size: 100%;
    border-radius: 5px !important;
    position: relative;
}

.google-image {
    width: 140px;
    max-width: 100%;
    height: 49px;
    display: inline-flex !important;
    background-color: initial !important;
    background: url(https://vestabooks.com/wp-content/uploads/2025/04/google-play-store.png) no-repeat 0 0;
    background-size: 100%;
    border-radius: 5px !important;
    position: relative;
}

.g2a-image {
    width: 140px;
    max-width: 100%;
    height: 49px;
    display: inline-flex !important;
    background-color: initial !important;
    background: url(https://vestabooks.com/wp-content/uploads/2025/04/G2A-Store.png) no-repeat 0 0;
    background-size: 100%;
    border-radius: 5px !important;
    position: relative;
}

.kobo-image {
    width: 140px;
    max-width: 100%;
    height: 49px;
    display: inline-flex !important;
    background-color: initial !important;
    background: url(https://vestabooks.com/wp-content/uploads/2025/08/Rakuten-Kobo-Store.png) no-repeat 0 0;
    background-size: 100%;
    border-radius: 5px !important;
    position: relative;
}

.wpcme-urls {
    position: relative;
    margin: 0;
    right: 5px;
}

.wpcme-urls-buy {
    position: relative;
    margin: 0;
    left: 5px;
}

.wpcme-url.wpcme-btn.single_add_to_cart_button {
    color: #ffffff00 !important;
}

.simple-icon-bag:before {
    font-size: 24px;
}

.product_type_simple {
    float: right;
    padding: 0 !important;
    position: relative;
    margin: 5px 0;
    background-color: initial !important;
    color: #eb8367 !important;
    box-shadow: none !important;
}

.ti-gallery:before, .ti-video-clapper:before {
    position: relative;
    top: 5px;
    margin: auto 3px;
}

.author-bio p, ul {
    text-align: left;
}

.single-post .post__meta img {
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    margin-right: 0;
    border: 2px solid #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}

.single-post .post.has-post-thumbnail .post__header .post__meta {
    width: 100%;
    font-weight: 400;
    line-height: 1.333em;
    color: #7f8c8d;
    margin-bottom: 30px !important;
}

.author-area .author-bio {
    padding: 0 !important;
}

.site-footer {
    background-color: #111;
}


.widget-title {
    color: #999;
    letter-spacing: 0.3px !important;
    text-transform: uppercase;
    line-height: 1.5;
    font-style: normal !important;
}

.site-footer__colophon {
    background-color: #111111 !important;
}

.textwidget img {
    max-width: 130px;
    margin-bottom: -10px;
    height: auto;
    border: 0;
    border-radius: 0;
}

.site-footer__widget-area .grid-item:not(:last-child) {
    border-right: none !important;
}

.grid-item.text-right img {
    width: auto;
    height: 38.5px;
    margin: 0;
}

/* 
.grid-layout .grid-item {
    display: grid;
    position: relative;
} 
*/

.wc-block-components-product-name {
    line-height: normal !important;
}

.gslide-desc {
    color: #a1a1a1;
    text-align: center;
}

.somdn-qview-link-wrap {
    position: relative !important;
}

.yith-wcqv-main .images {
    pointer-events: none;
}

.yith-add-to-wishlist-button-block {
    top: 5px;
}

.product-action {
   /* border-top: 1px solid #e3e3e3; */
    position: relative;
    padding-top: 10px;
}

.page-header-bg .bg {
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.site-footer__widget-area {
    padding: 35px 0 !important;
}


page-subtitle {
    text-align: left;
}
.page-header--center {
    text-align: left !important;
}
.page-header h2 {
    text-align: center;
}

.comment-form-cookies-consent {
    padding: 0 10px;
}

.site-footer__widget-area {
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
}

.site-header {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}

.product-overview .wp-playlist-item:before {
    bottom: 2px;
}
.product-overview .wp-playlist-item-length {
    right: 0 !important;
}

.df-app {
    border-radius: 5px;
}

#radio-control-wc-payment-method-options-ppcp-credit-card-gateway, #radio-control-wc-payment-method-options-ppcp-gateway, #checkbox-control-0, .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    padding: 0;
}

.single-post .post__share .pinterest {
    background-color: #b30808;
}

.sidebar.widget-area .widget {
    padding-left: 0 !important;
}

.entry-content blockquote, .page-content blockquote, .comment-content blockquote {
    font-size: 20px !important;
    padding-left: 30px !important;
}

.blqu {
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 1.88 !important;
    color: #444 !important;
    margin-top: 16px;
}

.contentlink {
    color: inherit;
    transition: .3s ease;
    text-decoration: underline;
}

.contentlink:hover {
    color: #eb8367;
}

.comment-form-cookies-consent {
    position: relative;
    display: inline-block;
    top: auto;
}

.nobr {
    color: #6d6c6c;
}

.yith-wcwl-add-to-wishlist-button {
    border-radius: 20px;
    padding: 0 20px;
    border: 1px solid #eb8367;
    text-align: center;
    height: 35px;
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
    color: #eb8367 !important;
}

.button, button, input[type=submit], input[type=reset] {
    border-radius: 2px !important;
}

input[type=number] {
    width: 110px !important;
}

input, select, textarea {
    border-radius: 2px;
}

.yay-currency-custom-select__trigger {
    border-radius: 2px !important;
}


.woocommerce-result-count {
    position: relative;
    float: right;
    width: 100%;
    margin-right: 10px;
}

.product-sorting {
    position: relative;
    width: 100%;
    float: none;
}

.widget.widget_rating_filter ul .star-rating {
    top: 4px;
}

.widget.widget_rating_filter ul {
    text-align: left !important;
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
    padding: 16px 10px !important;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    border-radius: 2px;
}


@media screen and (min-width: 768px) {
    .product__excerpt {
    position: relative;
    margin: 0;
    bottom: 5px;
    }
}

@media screen and (max-width: 480px) {
    .widget_search form {
    display: grid !important;
    }
    .product-overview .product-single-price {
        font-size: 2em !important;
    }
}

@media screen and (max-width: 768px) {
    .grid-item.text-right img {
    width: auto;
    height: 28.5px;
    margin: 0;
}
}

@media screen and (max-width: 768px) {
    .single-post h2, .entry-content h2, .page-content h2, .comment-content h2 {
    font-size: 1.8em !important;
    }
    .single-post h3, .entry-content h3, .page-content h3, .comment-content h3 {
    font-size: 1.6em !important;
    }
    .single-post h4, .entry-content h4, .page-content h4, .comment-content h4 {
    font-size: 1.4em !important;
    }
}

/* Read More Start */
.readMore {
    display: inline-block;
    color: #eb8367;
    padding: 0;
    margin: auto;
    position: relative;
    width: 100%;
    bottom: 10px;
}
.read-more{
    display:inline-block;
    background:blue;
    color:#fff;
    padding:6px 12px;
    margin:4px 0;
    min-width:100px;
    text-align:center
}
.readmore-text h3 {
    font-size: 1.6em;
}

/* Read More End */

/* Back to Top Start */
.scrolltop{position:fixed;bottom:7px;right:15px;z-index:9999;width:32px;height:32px;text-align:center;font-size:32px;line-height:32px;color:#eb6237;cursor:pointer;text-decoration:none;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.scrolltop:hover{color:#9f9c96}.scrolltop.show{position:fixed;opacity:1;visibility:visible;bottom:15px}



/* FAQ Spoiler */
.accordionn {
  position: relative;
  background-color: #f0f0f0;
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  margin: 10px 0;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  border-radius: 5px;
}
.accordionn i {
  color: #b2bec3;
  transition: all 0.5s ease-in;
}
.accordionn .fa-minus {
  display: none;
}
.activee,
.accordionn:hover {
  background-color: #eb8367;
  color: #fff;
  transition: all 0.3s ease-in;
  border: none;
}
.activee .fa-minus {
  display: block;
}
.activee .fa-plus {
  display: none;
}
.accordionn h4 {
  font-size: 1.4em !important;
  margin: auto 1px 0;
}
.activee i,
.activee h4,
.accordionn:hover i,
.accordionn:hover h4 {
  color: #fff;
}
.panell {
  padding: 0 15px;
  border-left: 1px solid #eb8367;
  margin-left: 20px;
  font-size: 18px;
  text-align: justify;
  overflow: hidden;
  transition: all 0.5s ease-in;
  max-height: 0;
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}

@media screen and (max-width: 768px) {
    .accordionn h4 {
        font-size: 1.2em !important;
    }
}




/* Table of Contents Start */

.table-of-contents {
    margin: auto;
    position: relative;
    padding: 0;
    bottom: 5px;
}

.toc-headline {
    line-height: 1.45em;
    padding: 0;
    font-size: 16px;
    color: #616161;
    font-weight: 400;
    outline: none;
    display: inline-block;
    cursor: pointer;
    margin-top: auto;
    left: 5px;
    position: relative;
    top: 10px;
}

.toc-headline .fa-list:before {
    right: 5px;
    position: relative;
    top: 0;
}

.table-of-contents .toggle-toc {
  position: absolute;
  top: 1.4rem;
  margin-top: 0;
  right: .8rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 800;
  color: #FFF;
  width: .8rem;
  height: .8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  line-height: 10px;
  background-color: #0659fd;
}

.table-of-contents ul {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    top: 5px;
    position: relative;
    background-color: #f1f1f11a;
    padding: 0 20px;
    border-radius: 5px;
}

.table-of-contents li {
    list-style: none !important;
    line-height: 1.8;
    font-weight: 400;
    padding: 0 !important;
    margin: auto;
    transition: .2s ease all;
    text-indent: 0 !important;
}

.table-of-contents li a {
    font-size: 14px;
    line-height: 1.2;
    color: #eb8367;
    text-decoration: none;
}

.table-of-contents li a:hover {
    color: #8d1f02;
}

.table-of-contents li>ul {
  padding-left: 0;
  padding-bottom: 0;
  top: auto;
}

.tocarrowicon:before {
    display: inline-block;
    margin: 0;
    top: -1px;
    content: "➜";
    font-family: "Font Awesome 5 Free";
    padding-right: 0;
    margin-left: -14px;
    right: 5px;
    bottom: 2px;
    float: none;
    position: relative;
    vertical-align: middle;
    transition: margin .3s,opacity .3s;
    color: #616161;
}

.tocarrowicon:hover:before {
    margin-left: 2px;
    opacity: 1;
}

.toctoc {
    display: none;
    height: 100%;
    margin: 0.7rem 0;
    position: relative;
    padding: 1rem;
    box-shadow: 0px 0px 1px 0px #d2d3d540;
    border-radius: 2px;
    background-color: #ffffff40;
}

.toc-headline:focus+.toctoc {
  display: block;
}

.tochidden {
    margin-left: -99999px;
    display: none;
}

input#toggletoc:checked + label + div {
 display:block;
}

/* Table of Contents End */



/* PWA for WP Start */

#pwaforwp-add-to-home-click h3 {
    font-size: 20px !important;
}

@media (max-width: 425px) {
    #pwaforwp-add-to-home-click h3 {
        font-size: 16px !important;
    }
}

/* PWA for WP End */




/* Wordpress Gallery Shortcode Custom Start */

.gallery {
    display: flex;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    grid-template-rows: repeat(auto-fit, minmax(50px, 1fr));
    grid-auto-flow: dense;
}
.gallery figure {
    margin: 0;
}
.gallery .gallery-icon {
    width: 100%;
    height: 100%;
}
.gallery .gallery-icon a {
    width: 100%;
    height: 100%;
    display: flex;
}
.gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
}
.gallery .gallery-item:nth-child(2n) {
    grid-row-end: span 2;
    grid-column-end: span 2;
}
.gallery .gallery-item:nth-child(6n) {
    grid-column-end: span 2;
}
.gallery .gallery-item:nth-child(12n) {
    grid-column-end: span 3;
    grid-row-end: span 3;
}

/* Wordpress Gallery Shortcode Custom End */

/* Wordpress Switch Book/Audiobook Shortcode Start */

.switch-ebook, .switch-audiobook {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #3b3b3b;
    height: 40px;
    line-height: 14px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    min-width: 70px;
    width: fit-content;
    align-items: center;
    padding: 0 8px !important;
}

/* Wordpress Switch Book/Audiobook Shortcode End */

/* Wordpress Responsive Table Shortcode Start */

.tabla-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1em;
    border-radius: 5px;
}
.tabla-responsive table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px; /* puedes ajustar esto */
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, .1)
}
.tabla-responsive th,
.tabla-responsive td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}
.tabla-responsive thead {
    background-color: #232323;
}

/* Wordpress Responsive Table Shortcode End */

/* Style Block Columns CSS */
.catitl{
    position:relative;
    display:flex;
    font-size:16px;
    line-height:1.2rem
}
.cathead{
    font-size:12px;
    text-transform:uppercase;
    color:#eb8367;
    text-align:center;
    position:relative;
    display:block;
    bottom:10px;
    font-weight:600
}
.cathead:before{
    position:absolute;
    z-index:1;
    top:0;
    right:200px;
    margin:auto;
    bottom:0;
    left:0;
    display:block;
    width:40px;
    height:40px;
    content:'';
    opacity:.3;
    background-color:transparent;
    background-image:radial-gradient(currentColor 1px,transparent 1px);
    background-position:1px 1px;
    background-size:5px 5px
}
.wp-block-latest-posts.wp-block-latest-posts__list.has-dates li:before{
    display:none
}
.wp-block-column-post img{
    display:inline-flex;
    position:relative;
    top:auto;
    float:left;
    border-radius: 5px;
    margin-right:10px
}
.wp-block-latest-posts li a{
    color:#151515;
    font-weight:700;
    text-decoration:none;
    position:relative;
    margin:auto;
    line-height:30px
}
.wp-block-latest-posts span{
    display:flex;
    color:#777;
    font-size:13px;
    font-weight:300;
    line-height:1.3em
}
ul.wp-block-latest-posts {
    background-color: #e3e3e34a;
    margin-top: 1.45em;
    margin-bottom: 1.45em;
    margin-left: 0;
    border-radius: 5px;
    padding: 30px !important;
}
ul.wp-block-latest-posts:after{
    content:"Vesta Books™";
    position:relative;
    font-size:10px;
    float:right;
    font-family:auto;
    display:flex;
    width:auto;
    bottom:-1px;
    color:#eb8367;
    margin-left:0
}
.wp-block-column-post{
    flex-grow:1;
    min-width:0;
    word-break:break-word;
    overflow-wrap:break-word;
    margin-left:auto;
    margin-right:auto;
    float:right;
    width:calc(50%)
}
.wp-block-column-post ul li{
    padding:15px 0;
    display:inline-block;
    width:100%
}
@media (min-width: 768px){
    .wp-block-column-post:not(:first-child){
        margin-left:32px
    }
    .wp-block-column-post{
        flex-basis:0;
        flex-grow:1;
        width:50%;
        margin-left:5px
    }
}
@media (max-width: 767px) and (min-width: 600px){
    .wp-block-column-post{
        width:100%;
        flex-grow:0
    }
}
@media (max-width: 599px){
    .wp-block-column-post{
        flex-basis:100%!important;
        width:auto
    }
}
@media screen and (max-width: 1024px) and (min-width: 1px){
    .wp-block-columns{
        flex-wrap:nowrap;
        margin-left:0;
        margin-right:0
    }
}