/*
Theme Name: Base
Theme URI: https://www.invbit.com
Author: Base
Author URI: https://www.invbit.com
Description: Base para Betheme
Template: betheme
Version: 1.6.2
*/

/*GENERAL*/
    .validate_email_against_bot { display: none; }

    :root{
        --padding-100: 100px 0;
        --pad-100: 100px;
        --pad-60: 60px;
    }

    .pad-100{ padding: var(--padding-100); }
    .pad-100-top{ padding-top: var(--pad-100); }
    .pad-100-bottom{ padding-bottom: var(--pad-100); }
    .pad-60-bottom{ padding-bottom: var(--pad-60); }

    .button-custom .button{ text-transform: uppercase; }

/*MENU*/
    #Top_bar .menu > li > a{ text-transform: uppercase; }
    #Top_bar.is-sticky #logo img.logo-sticky{ width: auto; }


/*FOOTER*/
    #Footer .widget .wp-block-button{ text-align: right; }
    #block-3{ display: none; }
    #block-4 .logos{ display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
    #block-4 .logos img{ width: 48%; height: auto; }
    #block-4 p{ font-size: 12px !important; line-height: 16px; margin-bottom: 0; margin-top: 10px; }


/*INICIO*/
    .portada .column_button{ margin-top: 40px; }
    .texto-blanco p, .texto-blanco li{ color: #fff; }
    .column_shop_slider .slick-arrow{ border-radius: 50% !important;  padding: 13px 10px !important; font-size: 18px; line-height: 18px; }
    .texto-envio-seguro{ transform: translateY(-20px); }
    .texto-envio-seguro:before{ content: ""; width: 30px; height: 30px; background-image: url('imagenes/icono-funeraria.svg'); background-repeat: no-repeat; background-size: 100%; background-position: center; position: absolute; top:-6px; left: 0; }
    .texto-envio-seguro h6{ text-transform: uppercase; padding-left: 35px; }

    .shop_slider .shop_slider_ul li .item_wrapper .desc h4 a, .woocommerce ul.products li.product a{ font-size: 24px !important; }

/*FICHA PRODUCTO*/
    .single-product div.product{ padding: var(--padding-100); }
    .woocommerce .product .product_wrapper .product_image_wrapper{ width: 65%; }
    .woocommerce .product .product_wrapper .entry-summary { width: 35%; }
    .woocommerce .product div.entry-summary h1.product_title:after{ border-color: #5e9b21; }
    .woocommerce .product div.entry-summary .price { font-size: 45px !important; line-height: 45px; margin-bottom: 50px; text-align: right; }
    .woocommerce .product div.entry-summary .cart { margin-bottom: 40px!important; flex-wrap: wrap; }
    .woocommerce .product div.entry-summary .product_meta{ display: none; }
    .woocommerce .product .related.products{ margin-top: var(--pad-100); }
    .woocommerce .product div.entry-summary .cart .dedicatoria{ width: 100%; margin-bottom: 10px; }

/*SOBRE NOSOTROS*/
    .realiza-pedido .call_to_action .call_left, .realiza-pedido .call_to_action .call_center{ width: 30%; }


/*CONTACTO*/
    .politicas p{ font-size: 12px !important; line-height: 14px !important; }
    .button-custom input[type="submit"]{ margin-top: 20px; }

    .mcb-section .mcb-wrap .mcb-item-q4zhtw1nt .mcb-column-inner .google-map{ height: 400px !important; }

    span.wpcf7-form-control-wrap { display: inline-block; color: #134845; position: relative; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance{ line-height: 20px; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] { position: absolute; visibility: hidden; width: 20px; height: 20px; top: 0; left: 0; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:before { display: block; position: absolute; content: ''; border-radius: 0; height: 20px; width: 20px;
        top: 0px; left: 0px; background: transparent; border: 1px solid #134845; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:after { display: block; position: absolute; content: "\2713"; height: 20px; width: 20px; top: 1px; left: 0;
        visibility: hidden; font-size: 16px; text-align: center; line-height: 20px; color: #fff; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:before { background: #134845; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:after { visibility: visible; }
    .wpcf7-list-item-label { margin-left: 20px; display: inline-block; }
    .wpcf7-list-item { display: block; }


/*WOOCOMERCE*/
    .column_column ul, .column_column ol, .the_content_wrapper:not(.is-elementor) ul, .the_content_wrapper:not(.is-elementor) ol{ color: #134845; }

    .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination{ display: none; }
    .woocommerce form .form-row label.checkbox, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label{ display: inline-block; color: #134845; position: relative; line-height: 20px; }
    .woocommerce form .form-row .input-checkbox, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input{ position: absolute; visibility: hidden; width: 20px; height: 20px; top: 0; left: 0; margin: 0; }
    .woocommerce form .form-row .input-checkbox + span:before, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input + span:before{ display: block; position: absolute; content: ''; border-radius: 0; height: 20px; width: 20px; 
        top: 0px; left: 0px; background: transparent; border: 1px solid #134845; }
    .woocommerce form .form-row .input-checkbox + span:after, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input + span:after{ display: block; position: absolute; content: "\2713"; height: 20px; width: 20px; top: 0px; left: 0; 
        visibility: hidden; font-size: 16px; text-align: center; line-height: 20px; color: #fff; font-weight: 600; }
    .woocommerce form .form-row .input-checkbox:checked + span:before, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input:checked + span:before{ background: #134845; }
    .woocommerce form .form-row .input-checkbox:checked + span:after, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input:checked + span:after{ visibility: visible; }
    .woocommerce form .form-row label.checkbox span, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label span{ margin-left: 30px; display: inline-block; }

    .woocommerce-additional-fields > h3{ display: none; }
    .woocommerce-additional-fields h4.form-heading { font-size: 40px; line-height: 45px; margin-top: 30px;}


/*LEGALES*/
    #cmplz-document{ max-width: 100%; font-size: 16px; padding: var(--padding-100); }
    #cmplz-document li { color: #a6b2b1; }
    #cmplz-document h2{ padding-bottom: 0; margin-bottom: 0; border-bottom: unset; font-size: 64px; line-height: 72px; font-weight: 400; }

    .zeno_font_resizer_container{ margin-right: 5px; }
    .resize{ position: absolute; right: 30px; padding: 10px; top: 20px; }
    .top_bar_left .menu_wrapper{ padding-right:90px !important; }
    .big{ line-height: 1.8; }
    .zeno_font_resizer{ margin-bottom:0px !important; }
    .zeno_font_resizer_minus { font-size: 12px !important; }
    .zeno_font_resizer_add { font-size: 20px !important; }


/*RESPONSIVE*/

    @media(max-width: 1239px){

        /*MENU*/
        .top_bar_left .menu_wrapper{ padding-right: 0 !important; }
        #Top_bar .menu > li > a span:not(.description){     padding: 0 15px; }

        /*INICIO*/
        .portada .three-fifth.mcb-wrap{ width: 100%; }
        .portada .three-fifth.mcb-wrap h1{ text-shadow: 5px 5px 10px #000; }
    }
    @media(max-width: 1024px){

        /*MENU*/
        #Top_bar a.responsive-menu-toggle{ right: -110px; }
        .header-transparent #Top_bar .top_bar_right{ padding-right: 60px; }
        #Top_bar .top_bar_right .action_button{ display: none; }

        #Side_slide { width: 100% !important; right: -100% !important; transition: all 1s ease; display: flex; flex-direction: column; }
        body.side-slide-is-open #Side_slide {  right: 0 !important; }
        body.mobile-side-slide{ left: 0 !important; }
        #Side_slide #menu ul li{ border: unset !important; text-align: center; color: #fff; }
        #Side_slide #menu ul li a{ color: #fff !important; font-style: normal; margin-right: 0; text-transform: uppercase; }
        #Side_slide .extras{ text-align: center; }
        #Side_slide .extras .action_button{ width: fit-content;  margin: auto; display: inline-block; }
        
        /*INICIO*/
        .portada.full-screen .section_wrapper { min-height: 660px; }


        /*PRODUCTO*/
        .woocommerce form.cart{ flex-wrap: wrap; justify-content: flex-end; }
        .woocommerce .product div.entry-summary .cart .quantity { margin-right: 0px; margin-bottom: 20px; }
    }
    @media(max-width: 959px){

        /*GENERAL*/
        body { font-size: 16px; line-height: 30px;  }

        /*FOOTER*/
        #Footer .widget .wp-block-button a{ padding: 15px 25px 15px 25px; }

        /*INICIO*/
        .shop-online .wrap.mcb-wrap{ width: 100%; }
        .shop-online .image_frame, .shop-online .image_frame *{ width: 100%; }
        .shop-online .image_frame{ margin-bottom: 30px; }

        .envio-seguro .flower2-wrapradius{  padding: 50px 5% 100px !important; }
        .envio-seguro .flower2-wrapradius .column{ width: 100%; }
        .envio-seguro .flower2-wrapradius .column .image_frame{ margin-top: 0 !important; }

        /*PRODUCTO*/
        .woocommerce .product div.entry-summary .cart .quantity { margin-right: 10px; margin-bottom: 0px; }

        /*SOBRE NOSOTROS*/
        .sobre-nosotros.section, .contacto.section { background-size: contain !important; }
        .sobre-nosotros.wrap .mcb-wrap-inner{ flex-wrap: wrap-reverse; }
        .sobre-nosotros.wrap .one-second.column{ width: 100%; }
        .sobre-nosotros.wrap .one-second.column .column_attr{ padding: 30px 0 0 !important; }
        .fotos-flores .mcb-wrap-inner {  gap: 20px; }
        .fotos-flores .mcb-wrap-inner .column_image{ width: 46%; }

        .realiza-pedido .call_to_action .call_to_action_wrapper{ display: flex; flex-wrap: wrap; }
        .realiza-pedido .call_to_action .call_left, .realiza-pedido .call_to_action .call_center { width: 50%; }
        .realiza-pedido .call_to_action .call_right{ width: 100%; }

        .floristeria-apostol .promo_box_wrapper{ display: flex; flex-wrap: wrap-reverse; }
        .floristeria-apostol .promo_box_wrapper .photo_wrapper, .floristeria-apostol .promo_box_wrapper .desc_wrapper{ width: 100%; }
        .floristeria-apostol .promo_box_wrapper .desc_wrapper{ margin: 0; padding-bottom: 30px; }

        .nuestro-catalogo .mcb-wrap-inner .column_icon_box_2{ display: none; }
        .nuestro-catalogo .mcb-wrap-inner .nuestro-catalogo{ width: 100%; }

        /*CONTACTO*/
        .contacto .flower2-wrapradius{ padding: 50px 5% 60px !important; }
        .contacto .flower2-wrapradius .mcb-wrap-inner .one-second.column{ width: 100%; }

    }
    @media(max-width: 767px){

        /*GENERAL*/
        :root{
            --padding-100: 60px 0;
            --pad-100: 60px;
        }

        /*MENU*/
        .header-transparent #Top_bar .top_bar_right { padding-right: 0px; }

        /*FOOTER*/
        #Footer .widgets_wrapper { padding: 20px 0 0px; }
        #custom_html-2{ text-align: center; }
        #Footer .widget .wp-block-button { text-align: center; }
        #Footer .footer_copy .one{ display: flex; flex-wrap: wrap-reverse; }
        .footer-copy-center #Footer .footer_copy .copyright{ margin-top: 10px; margin-bottom: 0; }
    
        /*INICIO*/
        .portada.full-screen .section_wrapper { min-height: auto; padding: 60px 0; }
        .mcb-wrap-lzjctqdaz{ margin-bottom: 30px !important; }
        .flower2-wrapradius .column_attr.mfn-inline-editor{ padding: 0 !important; }

        /*SOBRE NOSOTROS*/
        .realiza-pedido .call_to_action{ padding: 0; }
        .realiza-pedido .call_to_action .call_left, .realiza-pedido .call_to_action .call_center{ width: 100%; }

        /*CONTACTO*/
        .politicas p, .politicas, .wpcf7-list-item-label{ text-align: left; }
        .contacto-info .column_divider hr.no_line{ margin: 0 auto 60px auto !important; }
        .contacto .flower2-wrapradius .mcb-wrap-inner{ flex-wrap: wrap-reverse; }
        .contacto .flower2-wrapradius .mcb-wrap-inner .one-second.column:last-child{ margin-bottom: 30px; }
    }
    @media(max-width: 480px){

        /*GENERAL*/
        body { font-size: 16px; line-height: 20px;  }
        h4{ font-size: 24px; line-height: 32px; }

        :root{
            --pad-60: 30px;
        }

        #Subheader { padding: 80px 0; }

        #cmplz-document h2{ font-size: 38px !important; line-height: 43px !important; }

        /*FOOTER*/
        #custom_html-3{ margin: 0; }
        #block-3{ display: none; }
        #custom_html-3 hr.no_line{ margin: 0 auto 10px auto !important; }
        #block-4{ margin: 20px 0 0; }


        /*INICIO*/
        .portada .column_button { margin-top: 20px; }
        .shop-online{ padding-top: 20px; }
        .texto-blanco { margin-bottom: 20px !important; }
        .texto-blanco hr.no_line{ display: none; }
        .texto-blanco ul.list_custom li i{ top: 0; }
        .style-simple .icon_box .desc_wrapper .title { margin-bottom: 5px; }

        /*PRODUCTO*/
        body.mobile-row-2-products .products_wrapper ul.products li.product{ width: 100%; }
        .single-product div.product{ padding: 30px 0; }
        .woocommerce .product div.entry-summary .price{ text-align: left; margin-bottom: 30px; }
        .woocommerce .product div.entry-summary .cart .quantity { margin-right: 0px; margin-bottom: 20px; }
        .woocommerce form.cart{ justify-content: flex-start; }

        /*SOBRE NOSOTROS*/
        .sobre-nosotros.section, .mcb-section-11p5blnm6{ padding-top: 80px !important; padding-bottom: 40px !important; }
        .sobre-nosotros.wrap .one-second.column .column_attr { padding: 0px 0 0 !important; }

        /*CONTACTO*/
        .mcb-section-kda9vpxcf{ padding-top: 80px !important; }
    }
    @media(max-width: 320px){
        h1, .text-logo #logo, #Subheader .title { font-size: 50px; line-height: 52px; }
    }