/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*GENERALES__________________________________________________*/

    .justificado{
        text-align: justify!important;
        }

    /*Color social sharing*/
        .sharing-default-minimal .nectar-love.loved, body .nectar-social[data-color-override="override"].fixed > a:before, body .nectar-social[data-color-override="override"].fixed .nectar-social-inner a, .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:hover {
            background-color: #8aafaf!important;
            }

/*HEADER___________________________________________________*/
    
    /*sombra menu movil*/
        body.material #header-outer[data-header-resize="1"]:not([data-format="left-header"]):not(.small-nav), body.material #header-outer[data-header-resize="0"]:not([data-format="left-header"]):not(.scrolled-down):not(.fixed-menu) {
            box-shadow: 0px 0px 10px #5656564d!important;
            }

    /*Aviso de transporte*/
        .texto-transporte{
            font-size: 14px;
            line-height: 20px;
            }

        .icono-camion-izq{
            width: 30px;
            margin-bottom: -2px;
            margin-right: 10px;
            -webkit-transform: scaleX(-1);
            -moz-transform: scaleX(-1);
            transform: scaleX(-1);
            filter: FlipH;
            -ms-filter: "FlipH";
            }


        .icono-camion-dcha{
            width: 30px;
            margin-bottom: -2px;
            margin-left: 10px;
            }

             @media only screen and (max-width: 768px){
                
                .texto-transporte{
                    font-size: 10px;
                    line-height: 10px;
                    }
                .icono-camion-izq{
                    display:none;
                    }
                 .icono-camion-dcha{
                    width: 20px;
                    }
            }


    /*Redondeo de esquinas del botón "contactar"*/

        #header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav >ul >li[class*="button_"] >a:before {
            border-radius: 30px!important;
            }    

    /*Forma de botón en contacto movil*/
        @media only screen and (max-width: 1000px){
            #contacto-menu{
                background-color: #1a2b5b!important;
                border-radius: 30px!important;
                padding: 10% 12%!important;
                color: white!important;
                margin-left: -7px;
                width: 140%;
                }
     /*esconder subrallado menú movil*/       
            body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after {
                transform-origin: left;
                pointer-events: none;
                bottom: -2px;
                -webkit-transition: -webkit-transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
                transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
                border-color: #fff;
                            display:none!important
            }
        }
        
    /*ajustado de la flecha de despliegue de submenú en movil*/
        /*Sección entera */
        #slide-out-widget-area .ocm-dropdown-arrow {
            transition: transform 0.5s cubic-bezier(0.215,0.61,0.355,1);
            position: absolute;
            right: -6px;
            top: 10px;
            transform: translateY(-50%);
            cursor: pointer;
            height: 28px;
            width: 100%;
            line-height: 0;
            }
        
        /*Icono flecha posición y espejado vertical*/
            #slide-out-widget-area .ocm-dropdown-arrow i {
                top: 5px;
                float: right!important;
                }
            #slide-out-widget-area .open-submenu > .ocm-dropdown-arrow {
                transform: translateY(-50%);
                -moz-transform: scaleY(-1);
                -o-transform: scaleY(-1);
                -webkit-transform: scaleY(-1);
                transform: scaleY(-1);
                -ms-filter: "FlipV";
                filter: FlipV;
                }



/*PÁGINA_INICIO_______________________________________________*/

                /*Mostrar columnas con texto a la izquierda a la inversa en escritorio a más de 1 coluimna*/
                        @media only screen and (min-width: 1001px){
                              .reverse-row >.col.span_12 {        
                                flex-direction: row-reverse !important;  
                                }
                            }

                /*Caja de texto bajo foto del laboratorio*/
                                     

                    .caja-lab-inicio{
                        background-color: #8aafaf;
                        padding: 4% 6%;
                        margin: -13% 10% 0 10%;
                        }

                        @media only screen and (max-width: 600px){
                            
                            .caja-lab-inicio{
                                background-color: #8aafaf;
                                padding: 4% 6%;
                                margin: -13% 2% 0 2%;
                                }
                            
                            }





                /*Fila con IMAGEN A IZQUIERDA y TEXTO A DERECHA___________________________________*/

                    .imagen-sobre-linea-izq{
                        margin-top: -21%!important;
                        margin-right: 18%!important;
                        }

                        @media only screen and (max-width: 600px){
                            
                            .imagen-sobre-linea-izq{
                                margin: -10% auto 0 auto!important;
                                width: 82%;
                                }
                            
                            }

                        @media only screen and (min-width: 601px) and (max-width: 1000px){
                            
                            .imagen-sobre-linea-izq{
                                margin: -20% 0 0 20%!important;
                                width: 50%;
                                }
                            
                            }

                        @media only screen and (min-width: 1001px) and (max-width: 1400px){
                            
                            .imagen-sobre-linea-izq{
                                margin: -30% 0 0 10%!important;
                                width: 60%;
                                }
                            
                            }

                        @media only screen and (min-width: 1401px) and (max-width: 1800px){
                            
                            .imagen-sobre-linea-izq{
                                margin: -26% 0 0 16%!important;
                                }
                            
                            }

                            
                /*Imagen a la izquierda*/
                .franja-verde-izq{
                    height: 120px;
                    width: 100%;
                    background-color: #77B1B2;
                    margin-top: 4%;
                    position: relative;
                    }

                .icono-franja-verde-izq{
                    width: 132px!important;
                    position: absolute;
                    right:2%;
                    }

                    @media only screen and (max-width: 600px){

                        .icono-franja-verde-izq{
                            width: 100px!important;
                            position: absolute;
                            right:9%;
                            top:8%
                            }

                    }

                
                /*Texto a derecha*/
                    .columna-texto-derecha{
                        padding: 4% 20% 0 4% !important;
                        }

                        @media only screen and (max-width: 600px){

                            .columna-texto-derecha{
                                padding: 4% 8% 0 8% !important;
                                }

                        }

                        @media only screen and (min-width: 601px) and (max-width: 1001px){

                            .columna-texto-derecha{
                                padding: 4% 20% 0 20% !important;
                                }

                        }



                /*Fila con IMAGEN A DERECHA y TEXTO A IZQUIERDA_____________________________________________*/

                    .imagen-sobre-linea-dcha{
                        margin-top: -21%!important;
                        margin-left: 18%!important;
                        }

                        @media only screen and (max-width: 600px){
                            
                            .imagen-sobre-linea-dcha{
                                margin: -10% auto 0 auto!important;
                                width: 82%;
                                }
                            
                            }

                        @media only screen and (min-width: 601px) and (max-width: 1000px){
                            
                            .imagen-sobre-linea-dcha{
                                margin: -20% 0 0 20%!important;
                                width: 50%;
                                }
                            
                            }

                        @media only screen and (min-width: 1001px) and (max-width: 1400px){
                            
                            .imagen-sobre-linea-dcha{
                                margin: -30% 0 0 30%!important;
                                width: 60%;
                                }
                            
                            }

                        @media only screen and (min-width: 1401px) and (max-width: 1800px){
                            
                            .imagen-sobre-linea-dcha{
                                margin: -26% 0 0 30%!important;
                                }
                            
                            }

                            
                /*Imagen a la derecha*/
                .franja-verde-dcha{
                    height: 120px;
                    width: 100%;
                    background-color: #77B1B2;
                    margin-top: 4%;
                    position: relative;
                    }

                .icono-franja-verde-dcha{
                    width: 132px!important;
                    position: absolute;
                    left:2%;
                    }

                    @media only screen and (max-width: 600px){

                        .icono-franja-verde-dcha{
                            width: 100px!important;
                            position: absolute;
                            left:9%;
                            top:8%
                            }

                    }

                
                /*Texto a izquierda*/
                    .columna-texto-izquierda{
                        padding: 4% 4% 0 20% !important;
                        }

                        @media only screen and (max-width: 600px){

                            .columna-texto-izquierda{
                                padding: 4% 8% 0 8% !important;
                                }

                        }

                        @media only screen and (min-width: 601px) and (max-width: 1001px){

                            .columna-texto-izquierda{
                                padding: 4% 20% 0 20% !important;
                                }

                        }






    /*Botones de "solicita tu test" y "más información"*/

        .contenedor-ambos-botones{

            }
        
        .div-boton{
            width: 50%;
            float: left;
            }

        .boton-prebio-azul{
            background-color: #1a2b5b;
            color: white;
            font-size:14px;
            line-height:20px;
            text-align: center;
            padding: 6% 6%;
            border-radius: 30px;
            margin:0 2%;
            }
        .boton-prebio-azul:hover{
            background-color: #25376d;
            }


        .boton-prebio-verde{
            background-color: #42B3AF;
            color: white;
            font-size:14px;
            line-height:20px;
            text-align: center;
            padding: 6% 6%;
            border-radius: 30px;
            margin:0 2%;
            }
        .boton-prebio-verde:hover{
            background-color: #3da09b;
            }


            @media only screen and (max-width: 600px){
                
                .boton-prebio-azul{
                    font-size:14px;
                    line-height:20px;
                    padding: 3% 10%;
                    }
                
                .boton-prebio-verde{
                    font-size:14px;
                    line-height:20px;
                    padding: 3% 8%;
                    }
                
            }


/*CONTACTO___________________________________*/

    .titulo-contacto{
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    background-color: #8aafaf;
    height: 120px;
    padding: 5% 0 0 39%;
    margin-left:-60px;
    }
        @media only screen and (max-width: 768px){
            .titulo-contacto{
                color: white;
                font-size: 26px;
                text-transform: uppercase;
                background-color: #8aafaf;
                height: 120px;
                padding: 18% 0 0 18%;
                margin-left:-60px;
                }

                }

    /*Imagen junto al formulario*/    
        .imagen-contacto{
        width:40%!important;
        }

        @media only screen and (max-width: 600px){
        .imagen-contacto{
        width:50%!important;
        }
            
}
    

/*WOOCOMMERCE__________________________________________________*/

/*Aviso de CARRITO Vacio*/
    .woocommerce-page .woocommerce p.cart-empty {
        font-size: 40px;
        font-family: montserrat;
        font-weight: 400;
        line-height: 48px;
        padding-left: 7%!important;
        }
        
        @media only screen and (max-width: 600px){
           .woocommerce-page .woocommerce p.cart-empty {
                font-size: 30px;
                font-family: montserrat;
                font-weight: 400;
                line-height: 38px;
                padding-left: 16%!important;
                }     
            
            }

    
    /*PÁGINA DE PRODUCTO*/
        
        /*Desactivar el zoom en la foto de producto*/
            .woocommerce div.product div.images .woocommerce-product-gallery img.zoomImg {
                display: none !important;
                }
            .woocommerce div.product div.images .woocommerce-product-gallery__trigger/*esconder lupa*/ {
                position: absolute;
                display: none;
                }

        /*Hacer que la imagen no sea clickable*/
            .single-product-main-image{
                pointer-events: none;
                }
        
        /*Esconder migas de pan*/
            .woocommerce .woocommerce-breadcrumb {
                display: none;
                }

        /*Fondo de color de la página de producto*/
            .single-product .container-wrap {
                /*margin-bottom: -90px;*/
                padding-top:3%!important;
                background-color: #F2F6F6;
                background-image: url(http://prebiotest.estaenelhorno.com/wp-content/uploads/2020/04/linea-blanca.png);
                background-repeat: repeat-x;
                background-position: bottom;
                }

        /*Esconder fila donde aparece el título de "despcripción" bajo producto*/
            .woocommerce div.product .woocommerce-tabs > .full-width-content {
                display: none;
                }
        
        /*Espacio entre el producto y la descripción de abajo*/
            .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
                clear: both;
                margin-top: 6%;
                }

        /*Título, precio y descripción del producto*/
            .woocommerce div.product .product_title {
                clear: none;
                margin-top: 12%;
                margin-bottom: -2%!important;
                padding: 0;
                font-size: 32px;
                line-height:40px!important;
                font-weight: 800;
                color: #1a2b5b;
                }

            .woocommerce .summary .price, .woocommerce div.product .summary p.price {
                color: #131313;
                font-size: 24px;
                line-height: 36px;
                letter-spacing: -1px;
                margin-top: 20px;
                font-weight: 200!important;
                }
            
            .woocommerce-product-details__short-description{
                font-family: montserrat!important;
                font-size: 16px!important;
                font-weight: 300!important;
                text-align: justify!important;
                width: 90%!important;
                color:#1B2B5B;
                }

        /*Esconder meta (categoría) de debajo del producto*/
            .woocommerce div.product_meta {
                display: none;
                }

        /*Botón "añadir al carrito"*/
            .woocommerce-page button[type="submit"].single_add_to_cart_button {
                border-radius: 30px!important;
                }
            .woocommerce-page div[data-project-style="classic"] button[type="submit"].single_add_to_cart_button:hover{
                background-color: #2e4075!important;
                }

        /*Esconder productos relacionados*/
            .woocommerce .products.related, .woocommerce .products.upsells {
                clear: both;
                display: none;
                }

        /*color y tamaño del selector de cantidad ( + y - )*/
            .woocommerce .cart .quantity input.plus, .woocommerce .cart .quantity input.minus {
                color: #666!important;
                background-color: #fff!important;
                width: 30px;
                height: 30px;
                line-height: 25px!important;
                }

        /*Numero del selector de cantidad*/
            .woocommerce .cart .quantity input.qty, .ascend.woocommerce .cart .quantity input.qty, .ascend .woocommerce .cart .quantity input.qty, .nectar-quick-view-box .cart .quantity input.qty {
                height: 35px;
                font-family: 'Open Sans';
                font-weight: 500;
                font-size: 26px;
                width: 46px;
                border: none;
                }

        /*Fondo Secciones descripción larga bajo el producto*/

            .imagen-fondo-4iconos{
                margin-left: -90%;
                margin-top: -130%;
                }
                    @media only screen and (min-width: 1700px) and (max-width: 1900px){
                        .imagen-fondo-4iconos{
                            margin-left: -78%;
                            margin-top: -130%;
                            }
                    }
                    @media only screen and (min-width: 1500px) and (max-width: 1699px){
                        .imagen-fondo-4iconos{
                            margin-left: -52%;
                            margin-top: -130%;
                            }
                    }
                    @media only screen and (min-width: 1300px) and (max-width: 1499px){
                        .imagen-fondo-4iconos{
                            margin-left: -48%;
                            margin-top: -130%;
                            }
                    }
                    @media only screen and (min-width: 601px) and (max-width: 1299px){
                        .imagen-fondo-4iconos{
                            margin-left: -36%;
                            margin-top: -110%;
                            }
                    }
                    @media only screen and (max-width: 600px){
                        .imagen-fondo-4iconos{
                            margin-left: -10%;
                            margin-top: -110%;
                            width:70%;
                            }
                    }

			.imagen-relacionados{
				margin-right: -30%;
    			margin-top: -70%;
				}

				@media only screen and (min-width: 1700px) and (max-width: 1800px){
                        .imagen-relacionados{
							margin-right: -26%;
							margin-top: -70%;
							}
                    }

				@media only screen and (min-width: 1600px) and (max-width: 1700px){
                        .imagen-relacionados{
							margin-right: -22%;
							margin-top: -70%;
							}
                    }

				@media only screen and (min-width: 1400px) and (max-width: 1600px){
							.imagen-relacionados{
								margin-right: -18%;
								margin-top: -70%;
								}
						}


        /*BOTON PLAY VÍDEO*/

            /*Tamaño ondas*/
                .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:before {
                    width: 80px!important;
                    height: 80px!important;
                    left: 70%!important;
                    top: 70%!important;
                    z-index: -1;
                    }

            /*Color de las ondas*/
                .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:before, .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:after {
                    position: absolute;
                    top: 70%;
                    left: 70%;
                    display: block;
                    content: '';
                    border: 1px solid rgba(26, 43, 91, 0.23);
                    border-radius: 50%;
                    -webkit-transform: scale(.35) translateY(-70%) translateX(-70%);
                    -ms-transform: scale(.35) translateY(-70%) translateX(-70%);
                    transform: scale(.35) translateY(-70%) translateX(-70%);
                    opacity: 0;
                    -webkit-animation: pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite;
                    animation: pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite;
                    }
            
            /*Tamaño CÍRCULO ICONO PLAY*/
                .nectar_video_lightbox.play_button_with_text .play >.inner-wrap {
                height: 140%;
                width: 140%;
                display: block;
                }

            /*Tamaño ICONO PLAY*/
                .nectar_video_lightbox.play_button_with_text svg {
                    width: 22px;
                    height: 22px;
                    z-index: 100;
                    }

            /*Posición icono play*/
                .nectar_video_lightbox svg, .masonry-blog-item .video-play-button svg, .auto_meta_overlaid_spaced article .content-inner > .play svg {
                    display: block;
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    top: 70%;
                    left: 70%;
                    margin-left: 2px;
                    -ms-transform: translateY(-50%) translateX(-50%);
                    transform: translateY(-50%) translateX(-50%);
                    -webkit-transform: translateY(-50%) translateX(-50%);
                    }

        /*DEPLAZAMIENTO DEL BOTON PLAY*/

                .nectar_video_lightbox.play_button_with_text {
                    display: inline-block;
                    padding: 20px 0;
                    margin: -20px 0 50px -122px;
                    float: left!important;
                    }

                    @media only screen and (max-width: 600px){
                        
                        .nectar_video_lightbox.play_button_with_text {
                            display: inline-block;
                            padding: 20px 0;
                            margin: 0 20px 0 0;
                            float: left!important;
                            }    
                    }    

                    @media only screen and (min-width: 601px) and (max-width:900px){
                        
                        .nectar_video_lightbox.play_button_with_text {
                            display: inline-block;
                            padding: 20px 0;
                            margin: 0 20px 0 0;
                            }    
                    }


/*FORMULARIO_______________________________________*/

    /*bordes*/
    input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], .material.woocommerce-page[data-form-style="default"] input#coupon_code {
        background-color: rgba(255, 255, 255, 0)!important;
        border-radius: 0!important;
        border-bottom: 2px solid rgb(6, 39, 92)!important;
        }

    /*boton, ancho y redondeo*/
        #boton-form {
    background-color: #08275C;
    padding: 7px 11px;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: all 0.45s cubic-bezier(0.25,1,0.33,1);
    -webkit-transition: all 0.45s cubic-bezier(0.25,1,0.33,1);
    font-family: montserrat;
    font-weight: 400;
    font-size: 16px;
    border-radius: 30px!important;
    -webkit-border-radius: 30px!important;
    width: 100%;
}

/*FOOTER______________________________________________________*/
@media only screen and (max-width: 600px){
.logo-footer{
    width: 140px!important;
}
}
/*.link-contacto-footer{
    padding: 0 12px;
}

.link-legal-footer{
    padding: 0 12px;
}

#footer-outer .widget {
    margin-bottom: 30px;
    margin-top: -26px!important;
}*/

/*ocultar borde de los iconos*/
#footer-outer[data-cols="1"] #copyright li a i:after {
    border-color: #ffffff00!important;
}



/*Banner RGPD______________________________________________________*/

    /*Color fondo y texto aviso*/
        #cookies-eu-banner {
            background-color: #5dc1bc;
            color: #06275c;
            padding: 6px;
            font-size: 1.1em;
            text-align: center;
            min-height: 60px;
            padding-left: 1%;
            position: fixed;
            bottom: 0;
            width: 100%;
            display: none;
            }

            @media only screen and (max-width: 600px){
            #cookies-eu-banner {
                background-color: #5dc1bc;
                color: #06275c;
                padding: 6px;
                font-size: 13px!important;
                line-height:17px!important;
                text-align: center;
                min-height: 60px;
                padding-left: 3%;
                }
            }
    /*Color leer más*/
        #cookies-eu-more {
            color: #06275c;
            padding-right: 20px;
            font-weight: bold;
            }

    /*Botones*/
        #cookies-eu-reject {
            background: none;
            font-weight: normal;
            color: #1a2b5b;
            cursor: pointer;
            font-size: 14px;
            padding: 10px 10px;
            margin: 2px 0;
            border: 1px solid #1a2b5b;
            border-radius: 30px!important;
            }
        #cookies-eu-reject:hover {
            background-color: #49AEAA;
            font-weight: normal;
            color: #1a2b5b;
            cursor: pointer;
            font-size: 14px;
            padding: 10px 10px;
            margin: 2px 0;
            border: 1px solid #49AEAA;
            border-radius: 30px!important;
            }

        #cookies-eu-accept{
            font-size: 14px;
            background-color: #1a2b5b;
            color: #fff;
            border: 1px solid #1a2b5b;
            cursor: pointer;
            padding: 11px;
            border-radius: 30px!important;
            margin: 8px 6px;
            text-transform: uppercase;
            transition: background 0.07s, color 0.07s, border-color 0.07s;
            letter-spacing: 0.075em;
            }
        #cookies-eu-accept:hover {
            font-size: 14px;
            background-color: #1f3166;
            color: #fff;
            border: 1px solid #1f3166;
            cursor: pointer;
            padding: 11px;
            border-radius: 30px!important;
            margin: 8px 6px;
            text-transform: uppercase;
            transition: background 0.07s, color 0.07s, border-color 0.07s;
            letter-spacing: 0.075em;
            }

        @media only screen and (max-width: 600px){
            #cookies-eu-reject {
                background: none;
                font-weight: normal;
                color: #1a2b5b;
                cursor: pointer;
                font-size: 11px;
                padding: 8px;
                margin: 2px 0;
                border: 1px solid #1a2b5b;
                border-radius: 30px!important;
                }
            #cookies-eu-accept{
                font-size: 11px;
                background-color: #1a2b5b;
                color: #fff;
                border: 1px solid #1a2b5b;
                cursor: pointer;
                padding: 8px;
                border-radius: 30px!important;
                margin: 8px 6px;
                text-transform: uppercase;
                transition: background 0.07s, color 0.07s, border-color 0.07s;
                letter-spacing: 0.075em;
                }
            #cookies-eu-reject:hover {
                font-size: 11px;
                padding: 8px;
                }
            #cookies-eu-accept:hover{
                font-size: 11px;
                padding: 8px;
                }
        }

/*OCULTAR ICONOS MY ACCOUNT solo usuarios logeados______________________________________________________*/

    body:not(.logged-in) .fila-iconos-cuenta{
        display: none !important;
        }