/*
Theme Name: Banana Books
Author: dosgrapas
Author URI: http://www.dosgrapas.com
Version: 1.0.00
Text Domain: banana
*/ 

/*------------------------------------------------  GENERAL ------------------------------------------------*/
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body.menuOpen { overflow: hidden; }
a { text-decoration: none; }

.secondary-cart .sidebar-container { background-color: #FFF !important; }
.secondary-cart .quantity-container { margin-top: 10px; } 
.secondary-cart .quantity-container input { border: none; width: 16px; padding: 0; text-align: center; margin: 0; }
.botiga-link { color: #2C3240; }
.botiga-link:hover { text-decoration: none; }

.return.header { position: inherit; margin-top: 70px; }
.return.header a { color: #AA8F55 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; }
.return.header a:hover { text-decoration: none; }
.link.w--current { color: #000 !important; text-decoration: underline; }
.button.header-button { border: 1px solid #000 !important; background-color: #000 !important; color: #fff!important; line-height: 19px !important; }
.button.header-button:hover { border-style: solid !important; border-color: #967842 !important; background-color: #a0844b !important; }

.cart-verification-sidebar { transform: translateX(540px); width: 100%; max-width: 540px; position: fixed; top: 0; right: 0; height: 100%; position: fixed;
    overflow-y: scroll;
    overflow-x: hidden; z-index: 999999;
    background-color: #FFF; -webkit-transition: all 200ms ease; transition: all 200ms ease; }
.cart-verification-sidebar.show { display: block; transform: translateX(0); }
.cart-verification-sidebar .cart-sidebar, .cart-verification-sidebar .verification-sidebar { display: none; }
.cart-verification-sidebar.show.show-cart .cart-sidebar { display: block; }
.cart-verification-sidebar.show.show-verification .verification-sidebar { display: block; }
.cart-verification-sidebar .cart-dropdown__header { padding: 20px 20px 10px; text-align: right; }
.cart-verification-sidebar .cart-dropdown__header h4 { font-size: 20px; text-align: center; margin: 0; }
.cart-verification-sidebar .dropdown-cart-wrap { display: flex; padding: 20px 30px 20px; border-bottom: 1px solid #CCCCCC; }
.cart-verification-sidebar .dropdown-cart-wrap .dropdown-cart-left img { width: 100%; height: auto; }
.cart-verification-sidebar .dropdown-cart-wrap .dropdown-cart-right { width: 100%; padding: 0 0 0 24px; }
.cart-sidebar__background { display: none; background: rgba(44,50,64,0.8); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; }
.close-sidebar { cursor: pointer; }
.cart-title-container { border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; padding-left: 5px; }
.cart-title { font-family: Lato, sans-serif; font-size: 28px; line-height: 35px; font-weight: 700; color: #000; }
.sidebar-container { text-align: left; background-color: #f8f8f8; margin-top: 8px; padding: 0 30px; }
.sidebar-container .clear { clear: both; display: flex; align-items: center; justify-content: center; cursor: pointer;
width: 45px; }
.dropdown-cart-wrap.dropdown-cart-total { border-top: 1px solid #CCCCCC; border-bottom: none; }
.dropdown-cart-total .dropdown-cart-left h6 { font-family: Lato, sans-serif; font-size: 21px; line-height: 25px; font-weight: 700; color: #363636; margin: 0; }
.sidebar-container .clear a.remove { width: 32px !important; height: 32px !important; color: transparent !important; background-image: url('images/remove-item.svg'); }
.sidebar-container .clear a.remove:hover { background-image: url('images/remove-item.svg') !important; color: transparent !important; }
.dropdown-cart-wrap.shipping { border-top: 1px solid #CCCCCC; border-bottom: none; display: block !important; }
.dropdown-cart-wrap.shipping h4 { font-family: Lato, sans-serif; font-size: 15px; line-height: 20px; font-weight: 700; color: #363636; margin: 0 0 6px; }
.dropdown-cart-wrap.shipping p { font-family: Lato, sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; color: #363636; margin: 0 0 2px; }
.dropdown-cart-wrap.shipping p.small { color: #9c9c9c; }
.dropdown-cart-left { width: 30%; }
.dropdown-cart-right h5, .dropdown-cart-left h6 { font-family: Lato, sans-serif; font-size: 17px; line-height: 22px; font-weight: 700; color: #000; margin: 0 0 5px; text-transform: uppercase; }
.dropdown-cart-right p, .dropdown-cart-right .quantity { font-family: Lato, sans-serif; font-size: 17px; line-height: 22px; font-weight: 400; color: #aeaeae; margin: 0 0 5px; }
.dropdown-cart-right .woocommerce-Price-amount { font-family: Lato, sans-serif; font-size: 17px; line-height: 22px; font-weight: 400; color: #7F8C8D; }
.dropdown-cart-subtotal .dropdown-cart-right, .dropdown-cart-shipping .dropdown-cart-right, .dropdown-cart-total .dropdown-cart-right { text-align: right; }
.dropdown-cart-subtotal .dropdown-cart-right p, .dropdown-cart-shipping .dropdown-cart-right p { color: #2C3240; }
.dropdown-cart-wrap.dropdown-cart-subtotal { border-bottom: none; border-top: 1px solid #CCCCCC; }
.dropdown-cart-wrap.dropdown-cart-shipping { padding-top: 0; border-bottom: none; padding-bottom: 10px; }
.spinner-cart__container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; align-items: center; justify-content: center; }
.quantity-less, .quantity-more { width: 22px; opacity: 0.9; cursor: pointer; }
.cart-sidebar .checkout-button { border-radius: 0 !important; font-family: Lato, sans-serif;
    font-size: 23px; line-height: 28px; font-weight: 700; padding: 35px 65px; margin-top: 0; background-color: #000 !important; -webkit-transition: all 200ms ease;
    transition: all 200ms ease; background-image: url('images/submit.svg'); background-repeat: no-repeat; background-position: bottom 50% right 32px; text-transform: uppercase; 
    text-decoration: none; width: 100%; display: block; text-align: center; color: #FFF; }
.cart-sidebar .checkout-button:hover { background-color: #7f8c8d !important; }
.cart-verification-sidebar .sidebar-top .dropdown-cart-wrap { padding: 20px 0  18px; }
.sidebar-top { overflow: scroll; }
.dropdown-cart-wrap.dropdown-cart-total .dropdown-cart-right p { font-family: Lato, sans-serif; font-size: 24px !important;
    line-height: 28px !important; font-weight: 700 !important; color: #363636 !important; margin: 0 !important; }
.product a { text-decoration: none; }
.badge.is-sold-out p { color: var(--yellow); }

@media (min-width: 768px) {
  .sidebar-container { height: calc(100vh - 73px); position: relative; }
  .sidebar-top { height: calc(100vh - 375px); }
  .sidebar-bottom { position: fixed; bottom: 0; left: 0; right: 0; background-color: #FFF; }
}

@media (max-width: 767px) {
  .cart-verification-sidebar { min-height: calc(100vh + 56px) !important; }
  .button.header-button.w-inline-block { display: none !important; }
  .dropdown-cart-wrap.shipping { border-top: none; }
  .cart-verification-sidebar .dropdown-cart-wrap { padding: 20px 0; }
  .cart-sidebar .checkout-button { padding: 16px 20px; font-size: 16px; line-height: 20px; }
}

@media (max-width: 767px){
    .cart-verification-sidebar .dropdown-cart-wrap { padding: 14px 20px; }
    .cart-verification-sidebar { min-height: 0 !important; } 
    .sidebar-container { height: calc(100vh - 73px); position: relative; margin-top: 0; padding: 0 20px; }
    .sidebar-top { height: calc(100vh - 285px); }
    .sidebar-bottom { position: fixed; bottom: 0; left: 0; right: 0; background-color: #FFF; }
    .cart-title { font-size: 22px; line-height: 26px; }
    .cart-title-container { padding-bottom:0; padding-left: 0; }
    .dropdown-cart-left { display: none; }
    .cart-verification-sidebar .dropdown-cart-wrap .dropdown-cart-right { padding: 0; } 
    .dropdown-cart-right h5, .dropdown-cart-left h6, .dropdown-cart-right .woocommerce-Price-amount { font-size: 14px; line-height: 17px; margin: 0; }
    .secondary-cart .quantity-container { margin-top: 5px; }
    .cart-verification-sidebar .sidebar-top .dropdown-cart-wrap { padding: 12px 0  11px; }
    .dropdown-cart-wrap.dropdown-cart-total .dropdown-cart-right p { font-size: 20px !important; line-height: 24px !important; }
    .dropdown-cart-wrap.shipping p { line-height: 18px; }
}

/*------------------------------------------------  HEADER -------------------------------------------------*/
.header-main_logo.is-2, .header-main_logo_link:hover .header-main_logo.is-1, .cart-logo_picto.is-2, .cart-logo:hover .cart-logo_picto.is-1 { opacity: 0; }
.header-main_logo.is-1, .header-main_logo_link:hover .header-main_logo.is-2, .cart-logo_picto.is-1, .cart-logo:hover .cart-logo_picto.is-2, .artworks-element:hover .product_hidden, .publications-element:hover .product_hidden, .slide-element:hover .product_hidden { opacity: 1; }
.cart-logo span { font-size: 13px; line-height: 13px; margin-left: 1px; font-weight: 300; transition: all .1s; }
.cart-logo:hover span { color: #FFD500; }
.language-selector { display: flex; gap: 8px; position: absolute; right: 50px; top: 4px; margin: 0; }
.language-selector p, .language-selector a { font-family: var(--typo-int); font-size: 14px; line-height: 120%; font-weight: 300; color: var(--black); 
    margin: 0; text-transform: uppercase; }
.language-selector p, .language-selector a:hover, .language-selector li.current-lang a, .language-selector li:hover a { text-decoration: underline; }
.language-selector a { text-decoration: none; }
.language-selector li { list-style: none; line-height: 16px; }

@media (min-width: 1920px){
    .cart-logo span { font-size: 16px; line-height: 16px; margin-left: 7px; position: relative; top: 3px; } 
}

@media screen and (max-width: 767px){
    .language-selector { right: 98px; top: 13px; }
}

/*-------------------------------------------------  HOME -------------------------------------------------*/
.publications-element:hover .product-title, .artworks-element:hover .product-title, .slide-element:hover .product-title, 
.stories-element:hover .title-2 { text-decoration: underline; }
.artworks-element:hover .artworks-image_1_container, .publications-element:hover .publications-image_1_front { scale: 1.05; }
.artworks-element.is-arrivals:hover .artworks-image_1_container { scale: 1.035; }
.is-sold-out:hover .paragraph-3.product-title { text-decoration: line-through !important; }
.is-sold-out:hover .product-title { text-decoration: none !important; }
.artworks-grid.is-home { justify-content: left; }
.animate { opacity: 0; transition: all 0.2s ease; }

/*-----------------------------------------------  ARTISTS ------------------------------------------------*/
.slide-element.is-artist:hover .slide-image_1_container { scale: 1.1; }
.splide__slide .publications-element { width: 100%; }
.splide .splide__arrow--next { right: -30px; background: transparent; }
.splide .splide__arrow--prev { left: -30px; background: transparent; }
.slide-text_container { max-width: none !important; }
body.page-template-page-artists .splide:not(.is-overflow) .splide__arrows { display: none; }
.slide-element_text_link, .slide-element_text_link:hover .slide-article_link { text-decoration: none; }
.price { line-height: 120%; }

@media screen and (min-width: 768px){
    body.page-template-page-artists .splide, body.page-template-page-artists .splide a { cursor:url('images/drag.svg'), auto !important; }
}

@media screen and (max-width: 767px){
    body.page-template-page-artists .splide__list.is-artist { display: flex !important; }
    .splide .splide__arrow--next { right: -24px; }
    .splide .splide__arrow--prev { left: -24px; }
}

/*------------------------------------------------- BOOKS ------------------------------------------------*/
@media (min-width: 1550px){
    body:not(.home) .publications-grid, body:not(.home) .artworks-grid { grid-column-gap: 2.5%; }
    body:not(.home) .publications-grid .publications-element, body:not(.home) .artworks-grid .artworks-element { width: 18%; }
    body:not(.home) .artworks-grid { grid-row-gap: 24px; }
}
 
/*------------------------------------------------ STORIES -----------------------------------------------*/
body:not(.home) .title-row h2 { font-family: var(--typo-scto); color: var(--black); margin-top: 0; margin-bottom: 0; font-size: 21px;
    font-weight: 400; line-height: 130%; }
.stories-element:hover .stories-image { scale: 1.15; }
.stories-text_container .paragraph-3 p { font-family: var(--typo-scto); color: var(--black); margin-bottom: 10px;
    font-size: 16px; font-weight: 400; line-height: 130%; }

@media screen and (min-width: 1920px) {
    .stories-text_container .paragraph-3 p { font-size: 18px; }
}

@media screen and (min-width: 1280px) {
    body:not(.home) .title-row h2 { font-size: 24px; }
}

@media screen and (max-width: 767px) {
    body:not(.home) .title-row h2 { font-size: 18px; }
    .stories-text_container .paragraph-3 p { font-size: 15px; }
}

@media screen and (max-width: 479px) {
    body:not(.home) .title-row h2 { font-size: 16px; }
}

/*-------------------------------------------- STORIES SINGLE -------------------------------------------*/
.blocks div p:last-child { margin-bottom: 0; }
.blockquote p { font-family: var(--typo-gar); color: var(--black); border-left-style: none; margin-bottom: 0;
    margin-left: auto; margin-right: auto; padding: 0; font-size: 34px; font-weight: 400; line-height: 140%; }
.data_block-p p { margin-bottom: 0; font-size: 13px; line-height: 140%; }
.blocks > p, .blocks > h1, .blocks > h2, .blocks > h3 { width: 100%; max-width: 920px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; }
.products_block-grid a { opacity: 1 !important; }
.blocks blockquote { max-width: 920px; padding: 0 40px; }
.blocks blockquote, .blocks blockquote p {     font-family: var(--typo-gar);
    color: var(--black);
    border-left-style: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 34px;
    font-weight: 400;
    line-height: 140%
49px
; }

@media screen and (min-width: 1920px) {
    .blocks blockquote { max-width: 1180px; }
    .blockquote p { width: 100%; font-size: 37px; }
    .data_block-p p { font-size: 15px; }
    .blocks > p, .blocks > h1, .blocks > h2, .blocks > h3 { max-width: 1180px; }
}



@media screen and (min-width: 1280px) {
    .blockquote p, .blocks blockquote, .blocks blockquote p { font-size: 35px; }
}

@media screen and (max-width: 991px) {
    .blockquote p, .blocks blockquote, .blocks blockquote p { font-size: 26px; }
}

@media screen and (max-width: 767px) {
    .blockquote, .blocks blockquote, .blocks blockquote p { font-size: 22px; }
    .blocks > p, .blocks > h1, .blocks > h2, .blocks > h3 { padding-left: 28px; padding-right: 28px; }
    .blocks blockquote { padding: 0 28px; }
}

@media screen and (max-width: 479px) {
    .blockquote, .blocks blockquote, .blocks blockquote p { font-size: 20px; }
    .blocks > p, .blocks > h1, .blocks > h2, .blocks > h3 { padding-left: 22px; padding-right: 22px; }
    .blocks blockquote { padding: 0 22px; }
}

/*------------------------------------------------  ABOUT -----------------------------------------------*/
body.page-template-page-about .cart-logo:hover .cart-logo_picto.is-1 { opacity: 1 !important; }
body.page-template-page-about .cart-logo:hover span { color: var(--black); }
body.page-template-page-about { background-color: var(--yellow); }
.about-text_container h2 { font-family: var(--typo-gar); color: var(--black); margin-top: 0; margin-bottom: 20px;
    font-size: 30px; font-weight: 400; line-height: 130%; }
.contact-text_container a, .address-container a { text-decoration: underline; }
.contact-text_container a:hover, .address-container a:hover { text-decoration: none; }

@media screen and (min-width: 1920px) {
    .about-text_container h2 { font-size: 32px; }
}

@media screen and (max-width: 991px) {
    .about-text_container h2 { font-size: 24px; }
}

@media screen and (max-width: 767px) {
    .about-text_container h2 { font-size: 20px; }
}

@media screen and (max-width: 767px) {
    .about-text_container h2 { font-size: 18px; }
}

/*------------------------------------------------  LEGAL -----------------------------------------------*/
body.page-template-page-legal .title-container { margin-bottom: 0; }

/*-------------------------------------------- PRODUCT SINGLE -------------------------------------------*/
body.single-product .container-large { max-width: 1400px; }
body.single-product div.product { overflow: hidden; }
button:disabled { background-color: #000 !important; }
.woocommerce-product-details__short-description { display: none; }
body.single-product .stock.in-stock { display: none; }

/*-- Product images  --*/
.woo-product-gallery-slider .wpgs-nav, .fancybox-inner .fancybox-caption, .wpgs-lightbox-icon::before { display: none !important; }
.woo-product-gallery-slider .slick-dots li button:before { width: 12px; height: 12px; }
.fancybox-button { background: transparent !important; }
.fancybox-navigation .fancybox-button div { padding: 2px; }
.fancybox-inner .fancybox-button svg path { color: #000; }
.woo-product-gallery-slider .slick-dots { bottom: -40px; }

/*-- Title  --*/
.single_product-title_price_container { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 24px; }
.single_product-title_price_container .single_product-title_container { width: 70%; }
body.single-product h1.product_title { font-family: var(--typo-int); font-size: 25px; line-height: 32px; font-weight: 500; font-style: oblique; text-transform: none; }
body.single-product h2 { font-family: var(--typo-int); font-size: 25px; line-height: 32px; font-weight: 400; margin: 0; }

/*-- Price  --*/
body.single-product div.product .summary .single_product-title_price_container .price { font-family: var(--typo-int); font-size: 25px; line-height: 32px; font-weight: 300; color: #000;     
    width: 24%; text-align: right;}

/*-- Add to cart  --*/
body.single-product div.product .summary .quantity { display: none; }
body.single-product div.product form.cart .button { width: 100%; font-family: var(--typo-gar); font-size: 25px; line-height: 32px; font-weight: 400; color: #000; 
    background-color: transparent; border: 1px solid #000; border-radius: 0; padding: 10px 20px; transition: all 0.2s ease; }
body.single-product div.product form.cart .button:hover { color: #FFF; background-color: #000; }
.single-product.woocommerce div.quantity { margin-top: 5px !important; }
.single-product.woocommerce .quantity input[type=button] { display: none; }
.single-product .quantity-nav { width: 85px; }
.single-product .quantity-button { width: 30px; height: 30px; font-size: 20px; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.single-product .quantity input { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 30px !important; padding-right: 30px !important;
    width: 85px !important; height: 27px; font-family: Lato, sans-serif;
    font-size: 16px !important; line-height: 16px !important; font-weight: 400 !important; color: #000; border: none !important;}
.single-product form.cart { display: flex; align-items: center; margin-top: 10px; }
.quantity-nav { position: absolute; width: 75px; top: 2px; }
.quantity-button { border-radius: 20px; }
.quantity-button.quantity-up { position: absolute; right: 0; color: #000; background-color: #ebebeb; justify-content: center; align-items: center; margin-left: 0;
    padding-top: 0px; display: flex; }
.quantity-button.quantity-down { position: absolute; left: 0; color: #000; background-color: #ebebeb; justify-content: center; align-items: center;
    margin-left: 0; padding-bottom: 2px; display: flex; }
.quantity-button.quantity-up:hover, .quantity-button.quantity-down:hover { cursor: pointer; }
body.single-product .summary { font-family: var(--typo-int); color: var(--black); }

/*-- Text  --*/
.product-sections { display: flex; flex-direction: column; gap: 80px; }
.product-section h3 { font-family: var(--typo-int); color: var(--black); margin-bottom: 18px; font-size: 14px; font-weight: 400;
    line-height: 150%; }
.product-ficha p { margin: 0; }
.product-content p { font-size: 18px; }
.product-content p:last-child { margin-bottom: 0 !important; }

/*-- About  --*/
.product-about_row { display: flex; flex-wrap: wrap; justify-content: space-between; }
.product-about_row .product-about_row_left { width: 40%; }
.product-about_row .product-about_row_right { width: 56%; }
.product-section h4 { font-family: var(--typo-int); color: var(--black); margin: 0 0 10px; font-size: 20px; font-weight: 500;
    line-height: 150%; } 
.product-about_row_right a { text-decoration: underline; }
.product-about_row_right a:hover { text-decoration: none; }

/*-- Related  --*/
.related-grid { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 15px 6%; }
.related-grid .related-element { position: relative; width: 47%; }
.publications-image_1_front_container { display: flex; align-items: center; }
.related-grid .related-element .product-images_container { margin-bottom: 12px; }
.related-grid .related-element .price { font-size: 16px; color: #000 !important; }
.related-element:hover .product-hidden { opacity: 1; }
.related-element:hover .artworks-image_1_container, .related-element:hover .publications-image_1_front { scale: 1.05; } 

@media (max-width: 1279px){
    body.single-product div.product form.cart .button { font-size: 20px; padding: 8px 20px; }
    .product-sections { gap: 60px; }
    .product-content p { font-size: 16px; }
    .product-ficha p, .product-about_row_right p { font-size: 14px; }
    .product-section h4 { font-size: 18px; }
    .product-about_row_right p { margin-bottom: 16px; }
    .product-about_row_right a { font-size: 12px; }
}

@media (max-width: 991px){
    body.single-product div.product .summary { margin-top: 80px; }
    body.single-product div.product form.cart .button { font-size: 18px; padding: 6px 20px; }
    .product-about_row { flex-direction: column; gap: 15px; }
    .product-about_row .product-about_row_left, .product-about_row .product-about_row_right { width: 100%; gap: 20px; }
    .related-grid { gap: 22px 6%; }
    .related-grid .related-element { width: 100%; }
}

@media (max-width: 767px){
    .woo-product-gallery-slider .slick-dots li { width: 10px; height: 10px; margin: 0 8px; }
    .woo-product-gallery-slider .slick-dots li button:before { width: 10px; height: 10px; }
    .product-about_row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
    .product-about_row .product-about_row_left { width: 40%; }
    .product-about_row .product-about_row_right { width: 56%; }
    .related-grid { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 25px 6%; }
    .related-grid .related-element { position: relative; width: 47%; }
}

@media (max-width: 478px){
    .woo-product-gallery-slider .slick-dots { bottom: -34px; }
    body.single-product div.product .summary { margin-top: 65px; }
    body.single-product h1.product_title, body.single-product h2, body.single-product div.product .summary .single_product-title_price_container .price { font-size: 21px; line-height: 29px; }
    body.single-product div.product form.cart .button { font-size: 16px; padding: 5px 20px; }
    .product-sections { gap: 40px; }
    .product-ficha p, .product-about_row_right p { font-size: 13px; }
    .product-section h3 { font-size: 13px; margin-bottom: 15px; }
    .product-content p { font-size: 15px; }
    .product-about_row { flex-direction: column; gap: 15px; }
    .product-about_row .product-about_row_left, .product-about_row .product-about_row_right { width: 100%; gap: 20px; }
    .related-grid { gap: 22px 6%; }
    .related-grid .related-element { width: 100%; }
}

/*-------------------------------------------- CHECKOUT -------------------------------------------*/

/*
.fc-progress-bar__inner { border-radius: 0 !important; }
.fc-progress-bar__count, body.woocommerce-checkout div.woocommerce .fc-wrapper .fc-checkout-order-review-title { font-family: var(--typo-int); font-size: 18px; line-height: 140%; color: #000; }
.fc-progress-bar__bars { margin-bottom: 14px; }
.fc-progress-bar__bar.is-complete, .fc-progress-bar__bar.is-current { background-color: var(--yellow); }
.fc-wrapper .fc-step__substep, div.woocommerce .fc-wrapper .fc-checkout-order-review .fc-checkout-order-review__inner, 
.has-checkout-layout--multi-step .fc-checkout-step:not([data-step-complete]), .has-checkout-layout--multi-step .fc-checkout-step[data-step-current]:not([data-step-index="0"]), 
.has-checkout-layout--multi-step .fc-checkout-step.fc-checkout-step--next-step-incomplete, .has-checkout-layout--multi-step .fc-checkout-step.fc-checkout-step--next-step-incomplete>div:last-of-type { border-radius: 0px !important; }
.fc-checkout-order-review__edit-cart { display: none !important; }
.has-checkout-layout--multi-step.woocommerce-checkout form .fc-wrapper .fc-checkout-step[data-step-complete] .fc-step__substep .fc-step__substep-title:before, .fc-wrapper #payment .payment_methods>.wc_payment_method>input[name=payment_method]:checked+label:before { background-color: var(--green) !important; }
body.woocommerce-checkout div.woocommerce .fc-wrapper .fc-step__substep .fc-step__substep-title { font-family: var(--typo-int); font-size: 14px; line-height: 140%; color: #000 !important; }
.fc-wrapper .fc-step__substep-text-line { font-family: var(--typo-int); font-size: 16px; line-height: 120%; color: #000 !important; }
div.woocommerce form #billing_address_2_field>label, div.woocommerce form #shipping_address_2_field>label, div.woocommerce form .form-row label { font-family: var(--typo-int); font-size: 15px; line-height: 120%; font-weight: 600; margin-bottom: 12px; color: #000 !important; }
.woocommerce form .form-row .required { color: var(--brown); }
body.has-highlighted-shipping-section div.woocommerce form .fc-step__substep[data-substep-id=shipping_address] { background-color: #FFF; }
.woocommerce ul#shipping_method .shipping-method__option input[type=radio]:checked+.shipping-method__option-label:before { border-color: var(--green); background-color: var(--green); }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus, div.woocommerce form .form-row .select2-selection, 
.select2-container .select2-dropdown, .select2-container .select2-selection, .select2-container--default .select2-search--dropdown .select2-search__field { border: solid var(--fluidcheckout--section--border-width,1px) var(--fluidcheckout--section--border-color,var(--fluidcheckout--border-color,var(--fluidcheckout--color--light-grey,#d8d8d8))) !important; border-radius: 0 !important;
font-family: var(--typo-int); font-size: 16px; line-height: 120%; color: #000 !important; }
div.woocommerce form .form-row .select2-selection__rendered { border: none; }
div.woocommerce form .form-row.woocommerce-validated:not([class*=woocommerce-invalid]):not(.fc-no-validation-icon) .select2-selection:after, div.woocommerce form .form-row.woocommerce-validated:not([class*=woocommerce-invalid]):not(.fc-no-validation-icon):not(.fc-select2-field) .woocommerce-input-wrapper:after { top: 7px !important; color: var(--green) !important; }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select { padding: 0.75em; }
div.woocommerce form .form-row .select2-selection--single .select2-selection__rendered { padding: 0 0.75em; }
div.woocommerce form .form-row .woocommerce-input-wrapper span.description { padding: 7px 0 0 0 !important; }
.woocommerce ul#shipping_method .shipping-method__option input[type=radio]:checked+.shipping-method__option-label { background-color: transparent !important; border-radius: 0 !important; }
#shipping_method.shipping-method__options { border-radius: 0 !important; padding-top: 0.75em !important; padding-bottom: 0.75em !important; }
.woocommerce ul#shipping_method .shipping-method__option .shipping-method__option-price .amount, .woocommerce ul#shipping_method .shipping-method__option .shipping-method__option-text { font-family: var(--typo-int);
    font-size: 14px; line-height: 24px; color: #000 !important; }
 div.woocommerce .fc-wrapper .fc-checkout-order-review .fc-checkout-order-review__inner { padding: 16px 20px 0; }
 body.woocommerce-checkout div.woocommerce .fc-wrapper .fc-checkout-order-review__head { padding-bottom: 14px; }
body.woocommerce-checkout table.shop_table td small { margin-top: 4px; }
div.woocommerce .fc-wrapper #order_review table.woocommerce-checkout-review-order-table td, div.woocommerce .fc-wrapper #order_review table.woocommerce-checkout-review-order-table th { padding: 14px 20px!important; }
div.woocommerce .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .product-quantity { background-color: var(--brown); padding-top: 2px; padding-bottom: 2px; }
button.fc-step__next-step.button, button.fc-step__substep-save.button, button.fc-place-order-button.button { font-family: var(--typo-scto); background-color: var(--black) !important; color: var(--white) !important; border-radius: 0; }
button.fc-step__next-step.button, button.fc-place-order-button.button { font-size: 18px; padding: 16px 25px; }
button.fc-step__substep-save.button { padding: 12px 20px; }
button.fc-step__next-step.button:hover, button.fc-step__substep-save.button:hover, button.fc-place-order-button.button:hover { background-color: var(--brown) !important; color: var(--white) !important; } 
body.woocommerce-checkout div.woocommerce #add_payment_method .fc-wrapper #payment ul.payment_methods, body.woocommerce-checkout div.woocommerce .fc-wrapper #payment ul.payment_methods { border-radius: 0; }
#add_payment_method .fc-wrapper #payment .payment_methods>.wc_payment_method:first-of-type>label, .fc-wrapper #payment .payment_methods>.wc_payment_method:first-of-type>label { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.fc-wrapper #payment .payment_methods>.wc_payment_method:last-of-type input[name=payment_method]:checked~.payment_box { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.payment-method__label-text { font-size: 16px; }
.payment_box p { font-size: 14px; }
body.woocommerce-checkout .fc-widget-area { display: none; }

.fc-wrapper #payment ul.wc_payment_methods>li.wc_payment_method>input[name=payment_method]:checked+label, #add_payment_method .fc-wrapper #payment ul.payment_methods>li.wc_payment_method .payment_box, .fc-wrapper #payment ul.payment_methods>li.wc_payment_method .payment_box, body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] { background-color: var(--white); }

@media (max-width: 767px){
    button.fc-step__next-step.button, button.fc-place-order-button.button { font-size: 16px; padding: 12px 25px; }
} */

/*-- received  --*/
/*p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { font-weight: 500; margin-bottom: 20px; }
body.woocommerce-checkout .woocommerce ul.order_details { padding: 0; margin-bottom: 65px; }
body.woocommerce-checkout .woocommerce-order-details { margin: 65px 0; }
body.woocommerce-checkout .woocommerce-order-details__title, body.woocommerce-checkout .woocommerce-customer-details .woocommerce-column__title, 
body.woocommerce-checkout .wc-bacs-bank-details-heading { font-family: var(--typo-gar); color: var(--black); text-transform: uppercase;
    margin-top: 0; margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 120%; }
body.woocommerce-checkout .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li { margin-bottom: 5px; }

@media (max-width: 767px){
    body.woocommerce-checkout .woocommerce-customer-details .col-1 { margin-bottom: 65px; }
}*/

.woocommerce-checkout .blocks { margin: 0; padding: 0; }
.woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: var(--yellow) !important; padding: 1em 2em 1em 2.5em !important; border-top: none !important; color: #0E173A !important; 
    font-family: var(--typo-int); font-size: 14px; line-height: 18px; margin: 0 0 1em !important; }
.woocommerce-error { background-color: rgba(255, 0, 0, 0.05) !important; }
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a { color: #0E173A !important; }
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { content: url('images/info-banner.svg') !important; left: 1em !important; top: 1.08em !important; }
.woocommerce-page .woocommerce, .woocommerce-page .content .woocommerce p, .woocommerce-page .content .woocommerce li { font-family: var(--typo-int); font-size: 17px; line-height: 20px; }
.woocommerce-page .woocommerce, .woocommerce-page .content table td { border: none; }
body.woocommerce-checkout form { margin-top: 30px; }
body.woocommerce-checkout .page-container { opacity: 1 !important; }
body.woocommerce-checkout .small-container { padding: 0 !important; }
body.woocommerce-checkout .woocommerce { max-width: 1260px; width: 100%; margin: 0 auto; padding: 0 40px; }
body.woocommerce-checkout h1 { display:none; } 
body.woocommerce-checkout h3 { font-family: var(--typo-int); font-size: 21px; line-height: 27px;  margin-top: 20px; font-weight: bold; margin-bottom: 10px; text-transform: none; border: none; }
body.woocommerce-checkout .checkout .col-1 #ship-to-different-address label { font-size: 15px; line-height: 18px; display: flex; align-items:center; }
body.woocommerce-checkout .checkout .col-1 #ship-to-different-address label input { width: 20px; height: 20px; padding: 10px; margin: 0; margin-right: 12px; float: left;
    background-color: #FFF; font-size: 14px !important; line-height: 20px !important; cursor: pointer; border: 1px solid rgba(0,0,0,.2) !important; -webkit-appearance: none;
    -moz-appearance: none; appearance: none; }
body.woocommerce-checkout form.checkout #payment .wc-terms-and-conditions input:checked, body.woocommerce-checkout .checkout .col-1 #ship-to-different-address label input:checked {
    background-image: url(images/check.svg); background-repeat: no-repeat; background-size: 15px; background-position: center; }
body.woocommerce-checkout #payment ul.payment_methods li input, body.woocommerce-checkout form.checkout #payment .wc-terms-and-conditions input, .ppom-field-wrapper.regala_el_curso input[type=checkbox], .ppom-field-wrapper.regala_el_producto input[type=checkbox] {
    -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 7px; }
body.woocommerce-checkout #payment ul.payment_methods li input:checked { background-image: url(images/checked.svg); background-size: 14px; background-position: center;
    background-repeat: no-repeat; }
body.woocommerce-checkout form.checkout #payment input { padding: 8px; width: unset; border-radius: 100% !important; outline: 0 !important; border: 1px solid #d3ced2; }
.wc_payment_method label { display: inline-block; color: #000; }
.woocommerce-checkout #payment div.payment_box p, .woocommerce-checkout #payment div.payment_box label { margin: 0; font-size: 15px; line-height:20px; font-weight:400; color:#000; }
.woocommerce-checkout #payment div.payment_box label {  font-size: 13px; line-height:18px; }
.woocommerce-checkout #payment div.payment_box .form-row { padding: 0; }
body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 !important; border: 1px solid #d3ced2;     height: 20px;
    width: 20px; padding: 0px !important; display: inline-block; }
body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper input:checked { background-image: url(images/check.svg); background-repeat: no-repeat;
    background-size: 15px; background-position: center; }
body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper label { font-weight:400;font-size:17px;line-height:20px; }
.woocommerce-terms-and-conditions-wrapper .form-row.validate-required { margin: 30px 0 !important; }
body.woocommerce-checkout form.checkout button[type=submit] { font-family: var(--typo-scto);
    background-color: #000; border-radius: 0; padding: 12px 24px; }
body.woocommerce-checkout form.checkout button[type=submit]:hover { background-color: var(--brown); }
.woocommerce table.shop_table { border-radius: 0px; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 12px; }
body.woocommerce-checkout .col2-set table.shop_table th, body.woocommerce-checkout .col2-set table.shop_table td, 
body.woocommerce-checkout form.checkout label { font-size: 15px; line-height: 20px; color: #000; }
.woocommerce form .form-row { margin: 0 0 18px; padding: 0; }
.woocommerce form .form-row .required { color: #000; }
body.woocommerce-checkout form.checkout label { margin-bottom:10px; }
#ship-to-different-address { margin-bottom: 25px; }
.select2-container .select2-dropdown, .select2-container .select2-selection { border: 1px solid rgba(0,0,0,.2) !important; }
.select2-search--dropdown { padding: 10px; }
.select2-results__option { padding: 6px 10px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding: 6px; }

@media screen and (min-width: 992px){
    .woocommerce-billing-fields h3, #order_review_heading { margin-top: 0 !important; }
}

@media screen and (max-width: 767px){
    .woocommerce-page .woocommerce, .woocommerce-page .content .woocommerce p, .woocommerce-page .content .woocommerce li, 
    body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper label { font-size: 15px; line-height: 18px; }
    body.woocommerce-checkout .woocommerce { padding: 0 28px; }
}

@media screen and (max-width: 479px){
    body.woocommerce-checkout .woocommerce { padding: 0 22px; }
}

body.woocommerce-checkout form.checkout .col-1 { width: calc(100% - 470px) !important; padding-bottom: 0 !important; }
body.woocommerce-checkout form.checkout .col-2 { padding: 0 0 10px 25px; overflow: hidden; width: 440px !important; }
.col-1 .woocommerce-additional-fields, .col-1 table.shop_table.woocommerce-checkout-review-order-table, #payment_method_woosa_adyen_credit_card { display: none; }
body.woocommerce-checkout .col-2 { position: sticky; top: 40px; }
body.woocommerce-checkout form.checkout .col-2 .tribe-checkout-backlink { display: none; }
body.woocommerce-checkout .woocommerce-shipping-fields { margin-top: 20px; }

@media screen and (max-width: 991px){
  body.woocommerce-checkout form.checkout .col-1, body.woocommerce-checkout form.checkout .col-2 { width: 100% !important; }
  body.woocommerce-checkout .col-1 .woocommerce-billing-fields h3 { margin-top: 0; }
  body.woocommerce-checkout .col-2 { padding-left: 0 !important; }
  body.woocommerce-checkout .col-2 h3 { margin-top: 40px; }
}

@media screen and (max-width: 767px){
  body.woocommerce-checkout .col-1 h3 { font-size: 19px; line-height: 23px; }
}

body.woocommerce-checkout .checkbox { width: 100%; margin-left: 0; }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0 !important; }
.woocommerce table.shop_table { border: 1px solid rgba(0,0,0,.2) !important; }
.woocommerce table.shop_table td, .woocommerce table.shop_table tfoot th { border-top: 1px solid rgba(0,0,0,.2) !important; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #FFF !important; border-radius: 0 !important; border: 1px solid rgba(0,0,0,.2) !important; }
.woocommerce-checkout #payment .adn-stored-cards .adn-stored-card.selected { background-color: #f9f9f9 !important; }
.woocommerce-checkout #payment div.payment_box { border: 1px solid #d3ced2; background-color: #f8f8f8 !important; padding: 20px 15px !important; }
.woocommerce-checkout #payment div.payment_box::before { border: 1em solid #ece8e5 !important; border-right-color: transparent !important;
    border-left-color: transparent !important; border-top-color: transparent !important; display: none !important; }
.woocommerce-checkout #payment .adn-stored-cards { border-radius: 0 !important; }
.adn-wrap-form input[type=text], .adn-wrap-form input[type=number], .adn-wrap-form select { border-radius: 0 !important; }
.tribe-checkout-backlink { font-family: var(--typo-int); color: #3d4e44 !important; font-size: 15px !important; font-weight: 500 !important; }
.woocommerce-info a:hover, .woocommerce-privacy-policy-text a:hover { text-decoration: none; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container--default .select2-selection--single, .woocommerce-checkout select { font-size: 15px; line-height: 18px;
  border: 1px solid rgba(0,0,0,.2) !important; border-radius: 0 !important; padding: 10px !important; }
  .select2-container--default .select2-selection--single { height: 40px !important; padding: 5px 2px !important; }
.woocommerce-checkout button { background-color: #000; }
.woocommerce-checkout.woocommerce-page.woocommerce-order-received .woocommerce-notice { font-size: 32px; line-height: 36px; margin-top: 20px; font-weight: bold; margin-bottom: 50px; }
.woocommerce-checkout.woocommerce-page.woocommerce-order-received .woocommerce-order-details__title, .woocommerce-checkout.woocommerce-page.woocommerce-order-received .woocommerce-column__title {
    font-size: 20px; line-height: 24px; margin-bottom: 15px; }
.woocommerce-checkout.woocommerce-page.woocommerce-order-received address { padding: 20px; }
.woocommerce-checkout .woocommerce-shipping-totals.shipping td { font-size: 14px; line-height: 21px; padding-top: 16px; padding-bottom: 16px; }

body.woocommerce-checkout.woocommerce-order-received .woocommerce { padding-top: 40px; }
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details, body.woocommerce-order-pay ul.order_details { padding-left: 0; }

body.woocommerce-order-pay form input[type=submit], body.woocommerce-order-pay .woocommerce form a.button { font-size: 15px; line-height: 20px; padding: 10px 25px; border-radius: 20px; background-color: #0E173A;
    color: #FFF; border: none; font-weight: 700; margin-right: 20px; transition: all .2s; }
body.woocommerce-order-pay form input[type=submit]:hover, body.woocommerce-order-pay .woocommerce form a.button:hover { background-color: #0084FF; }

@media screen and (max-width: 767px){
    .woocommerce-checkout.woocommerce-page.woocommerce-order-received .woocommerce-notice { font-size: 26px; line-height: 30px; }
}
@media screen and (max-width: 767px){
    body.woocommerce-checkout.woocommerce-order-received .woocommerce { padding-top: 10px; }
}

/*-------------------------------------------- TIENDA -------------------------------------------*/
body.post-type-archive-product .main { display: none; }