/*
Theme Name: Factoria Creativa Barcelona Superu
Text Domain: factoriacreativabarcelona
Version: 1
Requires at least: 4.7
Requires PHP: 5.8
Description: Tema personalizado Factoria Creativa Barcelona
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: Factoria Creativa Barcelona
Author URI: https://www.factoriacreativabarcelona.es/
Theme URI: https://www.factoriacreativabarcelona.es/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

header .container-menu-category .menu{
    list-style: none;
    padding: 0;
    margin: 0;
}

header .container-menu-category .menu{
    display: flex;
    align-items: center;
}

header .container-menu-category .menu li{
    display: inline-block;
    padding-right: 15px;
    flex: 1 1 70px;
    text-align: center;
}

header .container-menu-category .menu li a{
    text-transform: uppercase;
    color: #037C8C;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.5px;
}

.tax-product_cat .mainTitle{
    background: none !important;
    padding-left: 0 !important;
    color: #037C8C !important;
}

header form .input-group .form-control{
    text-align: left;
}

footer .link{
    display: none;
}

.error404 .menu404 li:first-child{
    background-color: #037c8c;
    border-radius: 5px;
}

.error404 .menu404 li:first-child a{
    color: #fff;
}

footer .container-main .section-main .container-list-menu{
    margin-right: 115px;
}

footer .container-main .section-main .container-list-menu:last-child {
    margin-right: 25px;
}

.formRegister .targetaCodi span span,
.formRegister .targetaCredit span span{
    text-decoration: underline;
}

.formRegister .tensTargeta{
    display: none;
}

.formRegister .targetaCodi{
    display: none;
}

.formRegister .targetaCredit{
    display: none;
}

#wpcf7-f40-o1 > form > div:nth-child(10) > div:nth-child(1){
    width: 66%;
}

.productesLlista{
    display: none;
    margin: 50px 15px -25px 15px;
}

.page-id-12 .block-shopping-cart{
    margin-top: 0;
}

.page-id-12 .btn-trash{
    background-color: transparent;
    border: none;
}

.page-template-contacte-page .text{
    color: #000;
}

.page-template-contacte-page .flex{
    display: flex;
    align-items: center;
}

.page-template-contacte-page .flex .wpcf7-form-control-wrap{
    width: auto !important;
}

#wpcf7-f40-o1 > form > div:nth-child(10) > div.col-12.col-lg-4.mb-4.flex > span.wpcf7-form-control-wrap > span > span > span{
    display: none;
}

#wpcf7-f40-o1 > form > div:nth-child(10) > div.col-12.col-lg-4.mb-4.flex > span.wpcf7-form-control-wrap > span.wpcf7-not-valid-tip{
    position: absolute;
    width: 250px;
    display: block;
}

.block-fidelia-form .container-image {
    width: 160%;
    margin-left: -20%;
}

.page-template-fidelia-page > section.block-fidelia-form > div > div > div.col-12.col-lg-9.ps-lg-5{
    width: 63%;
    margin-left: 126px;
}

.page-template-fidelia-page .wpcf7-form-control-wrap{
    width: 100%;
}

#wpcf7-f219-o1 > form > div:nth-child(11) > div > span.wpcf7-form-control-wrap > span > span > span{
    display: none;
}

#wpcf7-f219-o1 > form > div:nth-child(11) > div{
    display: flex;
    align-items: center;
    width: 100%;
}

#wpcf7-f219-o1 > form > div:nth-child(10) > div.col-12.col-lg-4.mb-4.flex > span.wpcf7-form-control-wrap > span > span > span{
    display: none;
}

#wpcf7-f219-o1 > form > div:nth-child(10) > div.col-12.col-lg-4.mb-4.flex > span.wpcf7-form-control-wrap > span.wpcf7-not-valid-tip{
    position: absolute;
    width: 250px;
    display: block;
}

#wpcf7-f219-o1 > form > div:nth-child(11) > div > span.wpcf7-form-control-wrap{
    width: auto;
    margin-right: 5px;
}

.page-template-fidelia-page > section.block-fidelia-form > div > div > div.col-12.col-lg-9.ps-lg-5 > p > span{
    color: #DB1F1D;
}

#form-sidebar .flex{
    display: flex;
    align-items: center;
    border-bottom: 1px solid silver;
}

.container-sidebar .container-sidebar-collapse .btn-sidebar-menu{
    border-bottom: 0 !important;
}

#form-sidebar .openList{
    width: 23px;
    cursor: pointer;
}
.offcanvas .openList {
    width: 23px;
    cursor: pointer;
    float: right;
    padding: 14px 0px 0px;
}
.openList svg{
    color: #037c8c;;
}

#form-sidebar .flex2{
    display: flex;
    align-items: center;
    border-bottom: 0;
}
#form-sidebar .openList2{
    width: 16px;
    cursor: pointer;
}
.offcanvas .openList2 {
    width: 16px;
    cursor: pointer;
    float: right;
}

.openList2 svg{
    color: #4A4A4A;;
}


.container-sidebar .container-sidebar-collapse .btn-secondary{
    width: 100%;
    text-align: left;;
}

.listOpened{
    transform: rotate(180deg);
}

.natturals{
    max-width: 130px;
    padding-top: 42px;
}

.modalLlistaGuardada, .modalPopupInicial {
    opacity: 1 !important;
    background: #000000ad;
}

.page-template-front-page > section > div > div > div.col-12.col-lg-9.ps-lg-5 > div.container-info > div > div:nth-child(2) > p.text,
.tax-product_cat > section > div > div > div.col-12.col-lg-9.ps-lg-5 > div.container-info > div > div:nth-child(2) > p.text{
    position: relative;
    top: -20px;

}

.container-icons li img{
    width: 25px;
}

.page-id-10 .cart-empty.woocommerce-info,
.page-id-11 .woocommerce-info{
    display: none;
}

.page-id-12 .woocommerce-notices-wrapper{
    display: none;
}

.block-llistes-guardades .btn-add-to-cart {
    width: 100%;
    padding: 7px 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 23px;
    font-size: 12px;
    color: #fff;
    opacity: 0.9;
    border: 1px solid #e42211 !important;
    background-color: #e42211;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#price-range-filter{
    background-color: #F2F1F1;
    border: none;
    border-radius: 25px;
    height: 15px;
}

#price-range-filter > span{
    background-color: rgb(3, 124, 140);
    border: none;
    border-radius: 100%;
    width: 20px;
    height: 20px;
}

#price-range-filter > div{
    background-color: rgb(3, 124, 140);
}


#price-range-filter .ui-slider-handle > input{
    position: relative;
    top: 20px;
    appearance: auto;
    border: none;
    width: 31px;
    pointer-events: none;
    font-weight: 12px;
    color:#5E5E5E;
}

.container-sidebar-price-filter{
    margin-bottom: 45px;
}

.widget_products_predictive_search, .widget_products_predictive_search form {
    width: 100%;
}


.predictive_search_results .more_result a{
    display:none;
}
.woocommerce-product-gallery .flex-viewport {
    border: 1px solid #c0c0c0;  
    border-radius: 5px;
}
.woocommerce-product-gallery > figure >
.woocommerce-product-gallery__image {
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    padding: 5px;
}
.woocommerce-product-gallery__trigger {
    position: relative;
    top: 20px;
    float: right;
    right: 40px;
    z-index: 10;
}
.woocommerce-product-gallery__trigger > .emoji {
    height: 2em !important;
    width: 2em !important;
}
.flex-control-nav.flex-control-thumbs {
    list-style: decimal;
}
.flex-control-thumbs li {
    list-style: none;
    float: left;
    margin: 5px 10px 5px 0;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    padding: 5px;
}
.flex-control-nav.flex-control-thumbs {
    margin-top: 10px;
    padding: 0;
}
#minibanners
{
    width:100%;
    height:25px;
    vertical-align:middle;
    display:none;
}
.minibanner
{
    display: none;
    text-align:center;
    width:calc(100% - 20px);
    float:left;
    margin-top:auto;
    margin-bottom:auto;
    vertical-align:middle;
    line-height:25px;
}
.minibanner a
{
    text-decoration: none;
}
.close
{
  float:right;
  font-size:14px;
  width:20px;
  line-height:25px;
  cursor:pointer;
  z-index:10;
}
.woocommerce .woocommerce-breadcrumb a {
    text-decoration: underline !important;
    letter-spacing: 0;
    line-height: 15px;
    font-weight: 700;
    font-size: 12px;
    color: #4A4A4A;
    opacity: 0.9;
    text-transform: uppercase;
}

li.btn-icon {
    margin-left: 150px;
    margin-left: 140px;
}
.row .product-list-items .container-quantity .qty-suffix-float {
    margin: 5px;
    background-color: #fff;
    width: auto;
}
.row .product-list-items .container-quantity {
    width: 100%;
    display: contents;
}
.row .product-list-items .quantity {
    float: left;
    width: auto;
}
.row .product-list-items .container-quantity .quantity .input-text {
    width: 100%;
    padding: 2px 1px;
}
.container-outstock {
    width: 100%;
    top: 25%;
    position: absolute;
    left: 0px;
    z-index: 10;
}
.container-click-collect {
    width: 100%;
    top: 10%;
    position: absolute;
    left: 0px;
    z-index: 10;
}
.stock.out-of-stock {
  width: 100%;
  background: #000;
  padding: 10px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}  
.block-product-sheet .container-outstock {
    width: 516px;
    top: 200px;
    position: absolute;
    left: unset;
    z-index: 10;
}
/* Contenedor de la galería con position relative para que el badge se posicione encima de la imagen */
.block-product-sheet .row .col-lg-7 {
    position: relative;
}
/* Badge Exclusiu click&collect: parte inferior izquierda, encima de la imagen del producto */
.block-product-sheet .container-click-collect {
    width: auto;
    max-width: 55%;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.block-product-sheet .container-click-collect img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}
/* Checkout: contenedor de la miniatura para que el badge no se desborde */
.checkout-thumb-wrap {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.checkout-thumb-wrap .attachment-woocommerce_thumbnail {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}
/* Badge click&collect solo en la parte alta de la imagen */
.checkout-item-click-collect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    height: 38%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    pointer-events: none;
    padding: 2% 4% 0;
}
.checkout-item-click-collect img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: top center;
    display: block;
}
.flex-control-thumbs li img {
    max-width: 100px;
}

@media (min-width: 992px){

    .block-shopping-cart .container-list .items ul.content-list-price li.type-price{
        font-size: 22px;
    }

    .block-shopping-cart .container-list .items ul.content-list-price li.type-discount{
        font-size: 12px;
    }

    .container-woo-cupon{
        margin-bottom: 15px;
    }

    .container-woo-cupon .coupon{
        display: flex;
        height: 30px;
        gap: 7px;
    }

    .container-woo-cupon label{
        display: none;
    }

    .container-woo-cupon input{
        height: 30px;
        letter-spacing: 0.45px;
        color: #037c8c !important;
        border-radius: 5px;
        border: none;
        width: 100%;
        padding: 5px 15px;
    }


    .container-woo-cupon ::placeholder{
        color: #037c8c !important;
        text-transform: uppercase;
    }


    .container-woo-cupon button{
        flex: 1 1 170px;
        background-color: #037C8C !important;
        color: #fff !important;
        text-transform: uppercase;
        font-size: 11px !important;
        letter-spacing: 0.92px;
        border-radius: 5px !important;
    }

    .content-number-delete{
        position: relative;
    }

    .content-number-delete .update-cart{
        position: absolute !important;
        top: 41px;
        left: 11px !important;
        background-color: transparent !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #EA2211 !important;
    }

    .block-shopping-cart .container-list .items .content-number-delete .form-control {
        max-width: 118px;
        width: 118px;
    }
    .cart .input-quantity {
        width: 30%;
    }

    .widget_products_predictive_search, .widget_products_predictive_search form {
        max-width: 380px !important;
    }
    
}/* 992 */