*{
padding: 0;
margin: 0;
transition-duration: 0.2s;
}
/* Color de fondo */
html body.custom-background{
background-color:white;
}
.entry-title.main_title{
display:none;
}
/* Color estándar del texto */
html body {
color: var(--s-secondary-color) !important;
}
.et_pb_text_1 h1, .et_pb_text_0 h1{
color:var(--s-secondary-color) !important;
}
/* Titulos que no aparecen con la tipografía seleccionada */
html h6, html body, html input, html .et-db #et-boc .et-l input, html textarea, html .et-db #et-boc .et-l textarea, html select, html .et-db #et-boc .et-l select {
font-family: Roboto, sans-serif !important;
}
h1, h2, h3, h4, h5, h6{
color:var(--s-secondary-color) !important;
font-family: Roboto, sans-serif !important;
}
/* Cambios que vienen por defecto al desplegar la web */
#top-header .container{
padding-top: 5px;
}
html .checkout.woocommerce-checkout h3{
font-size:24px;
}
#ship-to-different-address{
font-size:15px;
}
#customer_details{
display: flex;
flex-direction: column;
}
#customer_details .col-1,#customer_details .col-2{
width:100%;
padding:0 15px;
}
#order_review,#customer_details{
max-width: 85%;
margin:0 auto;
}
@media (max-width: 1200px){
html #order_review, html #customer_details{
max-width: 100%;
margin:0 auto;
}
}
.woocommerce ul.products li.product .button{
width:100%;
}
ul.products{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.related.products li{
display: flex;
flex-direction: column;
}
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title{
font-size: 12px !important;
}
html .woocommerce-page ul.products li.product a img, .woocommerce ul.products li.product a img{
margin:0 auto !important;
}
.woocommerce ul.products li.product a{
color:var(--s-secondary-color);
}
body .nf-field-container{
margin-bottom:5px;
}
body .woocommerce input.button, body .woocommerce-page input.button,body .woocommerce a.button,body .woocommerce-page a.button,body .woocommerce button.button,body .woocommerce-page button.button{
color:var(--s-secondary-color) !important;
}
html body .et-fixed-header #top-menu a{
color:var(--s-secondary-color) !important;
}
html body #top-menu a{
color:var(--s-terciary-color) !important;
}
html body #atw_style6 .add_to_cart_inline .add_to_cart_button{
background: var(--s-primary-color) !important;
color: var(--s-secondary-color) !important;
border-radius: 15px !important;
width: 80%;
}
html body #atw_style6 .add_to_cart_inline .add_to_cart_button:hover{
background: var(--s-secondary-color) !important;
color: white;
}
body .woocommerce input.button:hover, body .woocommerce-page input.button:hover,body .woocommerce a.button:hover,body .woocommerce-page a.button:hover{
color:var(--s-secondary-color);
}
.woocommerce button.button, .woocommerce-page button.button{
color:var(--s-secondary-color) !important;
}
html .woocommerce div.product .stock{
color:var(--s-secondary-color);
}
h4.widgettitle, .woof_container_inner h4{
color: var(--s-secondary-color) !important;
border: 0;
font-size: 15px;
padding: 10px;
background:var(--s-primary-color);
text-align: center;
font-size: 600;
}
html .woof_meta_mselect_container {
margin-bottom: 0px;
}
html .woof_price3_search_container {
margin-bottom: 10px;
}
html #sidebar .et_pb_widget.WOOF_Widget {
margin-bottom: 0px;
}
html .irs.js-irs-0.irs-with-grid {
padding-top: 15px;
}
html .woof_submit_search_form_container {
margin: 0;
}
html .woof_container {
padding-bottom:0px;
margin-bottom: 30px;
}
html body #page-container .et_pb_section .et_pb_button_0:hover:after {
opacity: 0;
}
body #page-container .et_pb_section .et_pb_button_1:hover:after {
opacity: 0;
}
/* Espaciado de la barra lateral en movil */
@media (max-width: 1200px){
html .et_left_sidebar #left-area, .et_left_sidebar #sidebar, .et_right_sidebar #left-area, .et_right_sidebar #sidebar {
padding-right: 0px;
padding-left: 0px;
}
}
/* Algo mínimo de la web más pequeño
para no dejar franjas blancas */
html .et_divi_theme #main-content {
min-height: 10vh!important;
}
/*****************************************
HEADER
******************************************/
#main-header{
background-color: #DBCCB5;
height: 80px;
}
@media (max-width: 980px) {
#main-header{
height: 120px;
}
}
@media (max-width: 750px) {
#main-header{
height: 100px;
}
}
/* Anchura del contenedor del logo */
html .et_header_style_centered #main-header .logo_container {
height: 80px;
padding: 0;
}
@media (max-width: 1200px) {
html .et_header_style_centered #main-header .logo_container {
height: 80px;
}
}
@media only screen and (min-width: 981px){
html .et_header_style_centered header#main-header.et-fixed-header .logo_container {
height: 80px;
}
}
.et_header_style_centered #main-header .container{
height: 1px;
}
@media (max-width: 980px) {
html .et_header_style_centered #main-header .container .logo_container {
height: 0;
padding: 0;
}
}
/* Menu secundario */
html #top-header{
background: #c7c2ba !important;
font-size: 14px !important;
padding: 0;
height: 30px;
}
@media (max-width: 980px){
html #top-header{
}
}
@media (max-width: 750px){
html #top-header{
padding: 0;
height: 0;
}
}
html #et-info {
margin-left: 35%;
color: var(--s-secondary-color) !important;
letter-spacing: 1px;
}
#top-header a{
color: var(--s-secondary-color) !important;
}
@media (max-width: 980px){
html #et-info {
margin-left: 20%;
padding: 0;
}
}
@media (max-width: 750px){
html #et-info #et-info-phone {
display: none;
}
html #et-info #et_whatsapp_number {
display: none;
}
html #et-info #et-info-email {
display: none;
}
}
/* Buscador */
#top-header form{
display: none;
}
#sidebar .et_pb_widget {
margin: 0 auto 15px;
width: 100%;
float: none;
overflow: hidden;
}
.search-field{
border: 2px solid var(--s-secondary-color);
background-color: #cff1c1;
border-radius: 15px;
height: 35px;
padding: 4px;
width: 80%;
margin: 0 9%;
font-family: Roboto, sans-serif !important;
font-size: 14px;
}
.search-field:focus{
box-shadow: inset 0 0 4px #666666;
}
button[type=submit]{
border: 2px solid var(--s-secondary-color);
background-color: var(--s-secondary-color);
border-radius: 15px;
font-family: Roboto, sans-serif !important;
width: 80%;
color: white;
font-size: 14px;
text-align: center;
letter-spacing: 2px;
padding: 8px 1%;
margin: 5px 9% 0;
text-transform: uppercase;
transition-duration: 0.2s;
}
button[type=submit]:hover{
background-color: var(--s-primary-color);
color: var(--s-secondary-color);
}
/* Carrito, cuenta, favoritos */
.tf_action_buttons{
display: flex;
right: 2%;
position: absolute;
top: 60px;
}
@media (max-width: 750px){
.tf_action_buttons{
top: 40px;
}
}
.tf_action_buttons a{
margin: 0 3px;
}
.tf_action_buttons i{
font-size:20px;
color: var(--s-secondary-color)!important;
}
.et_header_style_centered #main-header .container.clearfix.header-butons {
text-align: right;
margin-right: 10%;
top: 0;
z-index: 1000000;
color: var(--s-secondary-color)!important;
}
@media (max-width: 980px){
}
/* Logo */
html .et_header_style_centered #logo {
float: left;
}
html .logo_container a {
text-align: center;
}
html #logo {
max-width: 100%!important;
max-height: 100%!important;
height: 80px;
position: relative;
margin-left: 0;
z-index: 99999;
}
@media (max-width: 980px){
html .et_header_style_centered #logo {
max-height: 80px!important;
max-width: 100%!important;
position: relative;
float: left;
margin-left: 34%;
}
}
@media (max-width: 750px){
html .et_header_style_centered #logo {
margin-left: 36%;
}
}
@media (max-width: 500px){
html .et_header_style_centered .logo_container #logo {
max-height: 55px!important;
max-width: 100%!important;
margin-top: 3%;
margin-left: 40%;
}
}
html .woocommerce #main-header .logo_container #logo, html .woocommerce-page #main-header .logo_container #logo {
max-width: 100%!important;
max-height: 100%!important;
position: relative;
height: 80px;
}
@media (max-width: 1200px){
html .woocommerce #main-header .container.clearfix.et_menu_container .logo_container #logo, html .woocommerce-page #main-header .container.clearfix.et_menu_container .logo_container #logo {
max-height: 120px!important;
}
}
@media (max-width: 980px){
html .woocommerce #main-header .container.clearfix.et_menu_container .logo_container #logo, html .woocommerce-page #main-header .container.clearfix.et_menu_container .logo_container #logo {
max-height: 90px!important;
max-width: 100%!important;
position: relative;
float: left;
margin-left: 35%;
margin-bottom: 1%;
margin-top: 1%;
top: 25px;
}
}
@media (max-width: 750px){
html .woocommerce #main-header .container.clearfix.et_menu_container .logo_container #logo, html .woocommerce-page #main-header .container.clearfix.et_menu_container .logo_container #logo {
max-height: 90px!important;
max-width: 100%!important;
position: relative;
float: left;
margin-left: 35%;
margin-bottom: 1%;
margin-top: 1%;
top: 5px;
}
}
@media (max-width: 500px){
html .woocommerce #page-container #main-header .container.clearfix.et_menu_container .logo_container #logo, html .woocommerce-page #page-container #main-header .container.clearfix.et_menu_container .logo_container #logo {
max-height: 65px!important;
max-width: 100%!important;
margin-top: 3%;
margin-left: 32%;
}
}
/* Menú móvil */
html #mega-menu-wrap-primary-menu{
top: -60px;
width: 80%;
margin: 0 10%;
}
@media (max-width: 1200px){
html #mega-menu-wrap-primary-menu{
top: -60px;
width: 70%;
margin: 0 15%;
}
}
@media (max-width: 980px){
html #mega-menu-wrap-primary-menu{
margin: 0;
width: 40%;
}
}
@media (max-width: 980px){
html #mega-menu-wrap-primary-menu{
width: 100%;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link{
letter-spacing: 2px;
font-family: Roboto, sans-serif !important;
}
@media (max-width: 1300px){
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link{
letter-spacing: 0px;
font-family: Roboto, sans-serif !important;
font-size: 12px;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
letter-spacing: 2px;
font-family: Roboto, sans-serif !important;
}
@media (max-width: 980px){
html #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
margin-left: 6px;
margin-bottom: 8px;
}
}
@media (max-width: 980px){
html #mega-menu-wrap-primary-menu .mega-menu-toggle {
height: 1px;
}
}
@media (max-width: 980px){
html #mega-menu-primary-menu {
top: 60px!important;
}
}
/* Donde empieza el contenedor de la página en responsive */
@media (max-width: 980px){
.et_fixed_nav.et_show_nav.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container {
padding-top: 80px!important;
}
}
@media (max-width: 750px){
.et_fixed_nav.et_show_nav.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container {
padding-top: 80px!important;
}
}
@media (max-width: 500px){
.et_fixed_nav.et_show_nav.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container {
padding-top: 80px!important;
}
}
@media (max-width: 980px){
html body .logo_container {
padding-top: 0px!important;
padding-bottom: 0!important;
}
}
@media (max-width: 980px){
html body.et_fixed_nav.et_secondary_nav_enabled #main-header, html body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
top: 0!important;
}
}
@media (max-width: 980px){
html .et_header_style_centered #main-header {
padding: 0px;
}
}
@media (max-width: 500px){
html .et_header_style_centered #page-container #et-boc #main-header {
padding: 0px;
}
}
@media (max-width: 980px){
html .container {
width: 100%;
max-width: 1080px;
margin: 0 !important;
}
}
html body .et_header_style_centered .mobile_nav .select_page {
color: var(--s-secondary-color)!important;
}
@media only screen and (max-width: 980px){
.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_mobile_menu li a, .mobile_menu_bar:before, .et_nav_text_color_light #top-menu>li>a, .et_nav_text_color_dark #top-menu>li>a, #top-menu a, .et_mobile_menu li a, #et_search_icon:before, #et_top_search .et-search-form input, .et_search_form_container input, #et-top-navigation .et-cart-info {
color: var(--s-secondary-color)!important;
}
}
/* Menú */
html #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
margin: 0px;
display: none;
}
/* Parte corporativa del menú */
html .mega-menu-item-38710 span {
display: block;
}
html .mega-menu-item-38710 .fa-users, html .mega-menu-item-38710 .fa-bars {
display: none;
}
html p:not(.has-background):last-of-type {
padding-bottom: 10px;
}
html .et_boxed_layout #page-container .container{
width: 100%!important;
}
@media (max-width: 980px){
html #main-header #mega-menu-wrap-primary-menu {
top: -40px;
}
}
@media (max-width: 750px){
html #main-header #mega-menu-wrap-primary-menu {
top: -60px;
}
}
@media (max-width: 500px){
html #main-header #mega-menu-wrap-primary-menu {
top: -50px;
}
}
html header #mega-menu-primary-menu .mega-menu-item .mega-sub-menu .mega-menu-row .mega-sub-menu{
margin-top: 0px!important;
}
@media (max-width: 980px){
html header #mega-menu-wrap-primary-menu {
margin-top: 0%;
}
}
@media (max-width: 500px){
html header .container.clearfix.et_menu_container #mega-menu-wrap-primary-menu {
margin-top: 0%;
}
}
@media (max-width: 500px){
html #et-boc #main-header #mega-menu-wrap-primary-menu {
padding: 0;
margin-left: 0;
margin-right: 0;
}
}
html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
z-index: 999;
border-radius: 0;
border: 0;
padding: 0px 0px 0px 0px;
position: absolute;
width: 100%;
max-width: none;
left: 0%;
}
/* Scroll dentro del menú desplegable y sombra del contenido */
/* CUANDO LAS CATEGORIAS ESTÁN EN EL MENÚ
html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-menu-item-38287 ul.mega-sub-menu, html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-menu-item-38345 ul.mega-sub-menu, html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-menu-item-38358 ul.mega-sub-menu {
overflow: scroll;
max-height: 350px;
}
CUANDO LAS CATEGORÍAS ESTÁN EN EL DESPLEGABLE*/
html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-menu-item-131848 ul.mega-sub-menu, html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-menu-item-131925 ul.mega-sub-menu, html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-menu-item-131892 ul.mega-sub-menu {
overflow: scroll;
max-height: 300px;
}
@media (max-width: 980px){
html body #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-menu-item-131848 ul.mega-sub-menu , html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-menu-item-131925 ul.mega-sub-menu, html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-menu-item-131892 ul.mega-sub-menu {
overflow: visible;
max-height: 1000px;
}
}
html #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > ul.mega-sub-menu{
box-shadow: 0px 6px 18px 0px rgb(0 0 0 / 10%)!important;
}
html #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding: 5px!important;
width: 100%;
}
@media (max-width: 500px){
html body #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
z-index: 999;
border-radius: 0;
background: #fff;
border: 0;
padding: 0px 0px 0px 0px;
position: absolute;
width: 100%;
max-width: none;
left: 0;
right: 0;
padding-left: 30px;
}
}
@media (min-width: 981px){
html .et_fullwidth_nav #main-header .container {
padding-right: 0;
padding-left: 0;
}
}
html #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
visibility: visible;
text-align: center;
padding: 0px 0px 0px 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left: 0px;
}
@media (max-width: 500px){
html header #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
visibility: visible;
text-align: center;
padding: 0px 0px 0px 00px;
padding-top: 0px;
padding-right: 00px;
padding-bottom: 0px;
padding-left: 0px;
margin-left: 0px;
}
}
html #top-menu-nav #top-menu li.current-menu-item>a{
color:var(--s-secondary-color)!important;
}
html .et_header_style_left #et-top-navigation nav>ul>li>a, html .et_header_style_split #et-top-navigation nav>ul>li>a {
padding-bottom: 20px;
}
@media (max-width: 500px){
html body #main-header {
top: 35px!important;
}
}
@media (max-width: 500px){
html body .mobile_menu_bar:before {
font-size: 60px;
}
}
html body #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1:after {
margin: 0 20px 0 5px;
font-size: 40px!important;
}
/*****************************************
COOKIES
******************************************/
html .cc-allswitches.cc-floating {
flex-direction: inherit;
}
html .cc-revoke, html .cc-window {
z-index: 99999998;
}
@media (max-width: 500px) {
html body .cc-revoke span, html body .cc-revoke a, html .cc-window , html .cc-window span {
font-size: 12px;
}
}
html .cc-highlight .cc-btn:first-child {
border-radius: 15px;
border: 0px solid white;
font-family: Roboto, sans-serif !important;
}
html .cc-btn.cc-allowall {
background: white !important;
border-radius: 15px;
border: 0px solid white;
color: white !important;
font-family: Roboto, sans-serif !important;
text-transform: uppercase;
}
html .cc-btn.cc-allowall:hover {
background: var(--s-primary-color) !important;
}
html input:checked+.cc-slider {
background: var(--s-terciary-color) !important;
}
html .cc-window.cc-banner {
padding: 2em !important;
}
html .cc-color-override-775319784 .cc-btn, html .cc-color-override-775319784 .cc-highlight .cc-btn:first-child {
background: var(--s-terciary-color) !important;
}
html .cc-color-override-775319784.cc-window {
background-color: #313135 !important;
color: white !important;
box-shadow: 0 0 4px var(--s-secondary-color);
font-family: Roboto, sans-serif !important;
font-size: 17px;
}
html .cc-color-override-775319784 .cc-link, .cc-color-override-775319784 .cc-link:active, .cc-color-override-775319784 .cc-link:visited{
color: white !important;
}
html .cc-color-override-775319784 .cc-highlight .cc-btn:first-child{
color: white !important;
text-transform: uppercase;
}
/*****************************************
PLUGIN CARRITO
******************************************/
.woofc-count i{
color: var(--s-secondary-color);
}
.woofc-count.woofc-count-shake{
background: var(--s-primary-color) !important;
}
html .woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a, html .woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
border-color: var(--s-terciary-color)!important;
}
html .woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a, html .woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a, html .woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner > div a, html .woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
color: white!important;
background: var(--s-secondary-color) !important;
border: 0 solid var(--s-terciary-color);
border-radius: 15px;
}
html .woofc-area.woofc-style-01, html .woofc-area.woofc-style-03, html .woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover, html .woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
background-color: var(--s-secondary-color);
color: white!important;
border: 0px solid var(--s-terciary-color)!important;
}
html .woofc-count span {
background: var(--s-secondary-color) !important;
color: white !important;
border-radius: 15px;
box-shadow: 0 0 4px var(--s-secondary-color);
}
html .woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div.woofc-action-right {
padding-left: 0px;
}
html .woocommerce-page .quantity, html .woocommerce .quantity {
width: 60%!important;
margin: 0;
}
html .woofc-item-title a {
font-size: 14px!important;
}
html .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
font-size: 20px !important;
}
html .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
flex-grow: 1;
margin-right: 10px;
margin-left: 20px;
}
html .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
width: 60px;
height: 60px;
float: left;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
@media (max-width: 500px) {
.woofc-count {
width: 50px;
height: 50px;
line-height: 60px;
text-align: center;
background-color: #fff;
display: block;
cursor: pointer;
position: fixed;
left: 5px;
bottom: 70px;
z-index: 99999997;
}
}
@media (max-width: 369px) {
html .woofc-action .woofc-action-inner .woofc-action-left {
padding-bottom: 24px;
}
}
/*****************************************
HOME
******************************************/
/* Titulos con líneas atravesadas*/
html .titulo_decorado::after, html .titulo_decorado::before {
content: "";
position: absolute;
width: 15%;
height: 1.5px;
background: var(--s-secondary-color);
top: 0.6em;
}
html .titulo_decorado::before {
left: 8%;
}
html .titulo_decorado::after {
right: 8%
}
@media (max-width: 1200px){
html .titulo_decorado::after, html .titulo_decorado::before {
width: 10%;
}
}
@media (max-width: 650px){
html .titulo_decorado::before {
left: 1%;
}
html .titulo_decorado::after {
right: 1%
}
}
@media (max-width: 450px){
html .titulo_decorado::before {
left: -6%;
}
html .titulo_decorado::after {
right: -6%
}
}
html .entry-content ul.slides {
padding:0!important;
}
/* Iconos de categorias destacadas y slider */
@media only screen and (max-width: 500px){
html .et_pb_row_3.et_pb_row.home_encargo_movil {
padding-bottom: 80%!important;
}
}
html #home_categorias .et_pb_image_wrap{
overflow:hidden;
}
html #home_categorias .et_pb_main_blurb_image {
margin-bottom: 0;
}
html #home_categorias .et_pb_blurb_container {
padding:0;
}
@media (max-width: 1200px){
html #home_categorias .et_pb_column {
width: 23%!important;
margin-left: 1%;
margin-bottom: 1%;
margin-right: 1%;
}
html #home_slider .et_pb_column {
margin-bottom: 1%;
}
html #home_slider .et_pb_column .et_pb_module {
padding: 5px!important;
}
html #home_categorias h4 {
padding-bottom: 0;
}
html #home_categorias h3 a {
font-size: 14px;
}
html body #home_categorias img {
transform: scale(1);
}
html body #home_categorias {
padding: 1% 0 0 0 !important;
}
}
@media (max-width: 750px){
html #home_categorias .et_pb_column {
width: 48%!important;
margin-left: 1%;
margin-bottom: 1%;
margin-right: 1%;
}
html body #home_categorias h3 {
padding-bottom: 10px;
}
html body #home_categorias h3 a {
font-size: 12px;
}
html #home_categorias .et_pb_module.et_pb_blurb {
padding: 5px 5px 0 5px!important;
}
}
#home_creatividades_movil {
width: 48%!important;
margin:0 1%;
}
@media (max-width: 750px){
#home_creatividades_movil {
width: 88%!important;
margin:30px 6% 0;
}
}
/* Sombra categorias */
html .et_pb_blurb.et_clickable:hover {
top: -5px;
background-color: var(--s-secondary-color);
}
/* Valores de la marca */
html .et_pb_blurb_container {
padding: 0 20px 15px 20px;
}
/* Valores de la marca */
html .et_pb_blurb_container p {
text-align: left;
}
html .et_pb_blurb_description .titulo_valores {
font-size: 20px;
color:var(--s-secondary-color);
text-align: center;
}
/* Botón comprar*/
.comment-reply-link:hover:after, .woocommerce #content input.button.alt:hover:after, .woocommerce #content input.button:hover:after, .woocommerce #respond input#submit.alt:hover:after, .woocommerce #respond input#submit:hover:after, .woocommerce-page #content input.button.alt:hover:after, .woocommerce-page #content input.button:hover:after, .woocommerce-page #respond input#submit.alt:hover:after, .woocommerce-page #respond input#submit:hover:after, .woocommerce-page a.button.alt:hover:after, .woocommerce-page a.button:hover:after, .woocommerce-page button.button.alt:hover:after, .woocommerce-page button.button:hover:after, .woocommerce-page input.button.alt:hover:after, .woocommerce-page input.button:hover:after, .woocommerce a.button.alt:hover:after, .woocommerce a.button:hover:after, .woocommerce button.button.alt:hover:after, .woocommerce button.button:hover:after, .woocommerce input.button.alt:hover:after, .woocommerce input.button:hover:after {
opacity: 0!important;
}
/* Bloques en una fila */
@media (max-width: 1200px){
html .home_destacados .et_pb_column {
width: 50%!important;
padding: 0 1%!important;
}
}
@media (max-width: 1200px){
html .et_pb_row_1 {
min-height: 0px;
}
}
@media (max-width: 1200px){
html .home_destacados .et_pb_row {
padding: 0px;
}
}
@media (max-width: 1200px){
html .home_destacados.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 {
margin-right: 0!important;
}
}
@media (max-width: 1200px){
html .home_destacados h3 span{
font-size:12px!important;
}
}
@media only screen and (max-width: 767px){
html .et_pb_section {
padding: 10px 0;
}
}
/* Carruseles*/
html body #atw_style11 .atw--single_item .atw_item_bottom .atw_item_info .atw_item_title a {
color:var(--s-secondary-color) !important;
font-size: 16px!important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
html .atw_post_view {
background: white!important;
}
html #atw_style6 .atw--single_item .atw_item_top .atw_post_view {
color: var(--s-primary-color)!important;
}
html .owl-carousel .owl-item {
height: auto;
}
html body .atw_slider_wrapper .atw_slider .owl-stage-outer .owl-stage .owl-item .atw_single_slide .atw_item.atw--single_item {
background-color: white!important;
padding:20px 10px;
margin: 10px;
box-shadow: 0 4px 15px #999999;
}
@media (max-width: 980px){
html body .atw_slider_wrapper .atw_slider .owl-stage-outer .owl-stage .owl-item .atw_single_slide .atw_item.atw--single_item {
background-color: white!important;
padding:10px 5px;
margin: 10px 5px;
box-shadow: 0 4px 5px #999999;
}
.owl-item{
margin-right: 10px !important;
}
}
html .owl-stage {
padding-bottom: 35px;
}
html #atw_style6 .atw--single_item .atw_item_bottom .atw_item_title {
padding-top: 5px;
padding-bottom: 0px;
border-top: 1px solid;
}
html #atw_style6 .atw--single_item .atw_item_bottom .atw_item_info {
margin-top: 0px;
}
html #atw_style6 .atw--single_item .atw_item_bottom .atw_item_title a {
font-size: 16px!important;
line-height: 20px;
height: 40px;
text-align: center;
white-space: normal !important;
}
html #atw_style6 .atw--single_item .atw_item_bottom .atw_item_title a:hover {
color: var(--s-primary-color)!important;
}
html #atw_style6 .atw_slider_controls .icon-arrow-left, html #atw_style6 .atw_slider_controls .icon-arrow-right {
display: none;
}
/* Últimos post del blog */
html #home_blog p:not(.has-background):last-of-type, html #blog_blog p:not(.has-background):last-of-type {
padding-bottom: 0px;
}
html #home_blog .post-content-inner p:not(.has-background):last-of-type, html #blog_blog .post-content-inner p:not(.has-background):last-of-type {
padding-bottom: 10px;
}
html #home_blog .et_pb_post .entry-featured-image-url, html #blog_blog .et_pb_post .entry-featured-image-url {
margin-bottom: 10px;
}
html #home_blog .et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_pb_post .et_pb_slider, .et_pb_image_container, html #blog_blog .et_pb_blog_grid .et_audio_content {
margin: 0px;
}
@media (min-width: 1200px){
#home_blog .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, #blog_blog .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
width: 28%;
margin-right: 7.5%;
}
#home_blog .et_pb_gutters3 .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post:last-child, .et_pb_gutters3 .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post:last-child, .et_pb_gutters3 .et_pb_column .et_pb_blog_grid .column.size-1of3 .et_pb_post:last-child, .et_pb_gutters3.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post:last-child, .et_pb_gutters3.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post:last-child, .et_pb_gutters3.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of3 .et_pb_post:last-child, #blog_blog .et_pb_gutters3 .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post:last-child {
margin-bottom: 0px;
}
}
/*****************************************
TIENDA
******************************************/
html #content-area{
background-color: white;
box-shadow: 0 0 15px #999999;
padding: 20px;
}
.term-description{
display: none;
}
/* Seleeccionador */
html .orderby, .woocommerce div.product form.cart .variations td select {
background-color: var(--s-primary-color)!important;
color: white !important;
}
/* Fondo */
html .woocommerce #main-content, html .woocommerce-page #main-content {
background-color: #effaea;
}
html #page-container {
background: white;
}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container{
padding-top: 130px;
}
@media (min-width: 1200px){
.et_left_sidebar #left-area {
float: right;
padding-left: 2%;
}
}
html .cat-item-15{
display: none;
}
html body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
padding: 20px 0;
}
@media (max-width: 750px){
html body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
padding: 20px;
}
}
/* Productos */
html .woocommerce .et_shop_image, html .woocommerce-page .et_shop_image {
min-height: 125px;
}
@media (min-width: 1200px){
html .et_pb_gutters3.et_left_sidebar.woocommerce #main-content ul.products li.product, html .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product {
width: 21%;
margin-right: 3%;
margin-bottom: 3%;
padding: 20px;
border-radius: 15px;
}
}
@media (min-width: 1200px){
html .archive.et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n), html .archive.et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n), html .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n), html .et_pb_row .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n), html .et_pb_row .et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n), html .et_pb_row .et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n), html .single.et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n), html .single.et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n) {
margin-right: 3%;
}
}
@media (max-width: 1200px){
html .woocommerce #main-content ul.products li.product, html .woocommerce-page #main-content ul.products li.product {
padding: 20px;
}
}
html .woocommerce ul.products li.product, html .woocommerce-page ul.products li.product {
margin: 0 1em 0 0;
}
html .woocommerce ul.products.columns-3 li.product, html .woocommerce-page ul.products.columns-3 li.product {
width: 20%;
}
html .woocommerce-result-count {
display: none;
}
html .woocommerce .woocommerce-ordering {
top: -20px;
margin: 0 20px 0 0;
}
@media (max-width: 750px){
html .woocommerce #mdf_results_by_ajax .woocommerce-ordering {
top: 0px;
}
html .woocommerce .woocommerce-ordering, html .woocommerce-page .woocommerce-ordering {
float: left;
}
}
/* Migas de pan tienda*/
html .woocommerce .woocommerce-breadcrumb {
font-size: 20px;
letter-spacing: 1px;
color: var(--s-secondary-color)!important;
margin: 15px 0 0 0 !important;
font-family: Roboto, sans-serif !important;
}
html .woocommerce .woocommerce-breadcrumb a{
color: var(--s-secondary-color);
font-family: Roboto, sans-serif !important;
}
/* Imagenes tienda*/
html .woocommerce #left-area img, html .woocommerce-page #left-area img {
height: auto;
width: auto;
max-height: 150px;
margin: 0 auto;
}
html .woocommerce img, html .woocommerce-page img{
max-width: 100% !important;
}
/* Imagenes footer*/
html .woocommerce #contacto_datos img, html .woocommerce-page #contacto_datos img, html .woocommerce #footer_datos img, html .woocommerce-page #footer_datos img {
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
/* Fondo producto*/
html body li.product {
background: white;
}
/* Botón comprar*/
html body .button:hover {
background: var(--s-secondary-color)!important;
color: white;
}
html .woocommerce a.button.product_type_simple {
text-align: center!important;
}
html body .woocommerce .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
text-transform: uppercase!important;
}
/* Titulo categoria */
html body .page-title {
display: none;
}
/* Titulo categoria */
html .woocommerce ul.products li.product .woocommerce-loop-category__title, html .woocommerce ul.products li.product .woocommerce-loop-product__title, html .woocommerce ul.products li.product h3 {
text-align: left;
font-size: 12px;
padding: 10px 0 0 0;
overflow: hidden;
height: 50px;
line-height: 1.2;
color: var(--s-secondary-color);
}
/* Paginas */
html body ul.page-numbers {
background-color: white!important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
color: white!important;
background-color:var(--s-terciary-color)!important;
}
html body .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--s-primary-color)!important;
color: white !important;
}
html body .page-numbers a {
color: var(--s-secondary-color) !important;
background-color:white!important;
}
/* Encargo expres */
html #sidebar .textwidget.custom-html-widget {
text-align: center;
}
/* Filtros barra */
/* Filtro Precio */
#woocommerce_price_filter-3{
background: white;
}
.price_slider_wrapper{
padding: 15px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
background-color: var(--s-secondary-color) !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
background-color: var(--s-secondary-color) !important;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
background-color: var(--s-primary-color) !important;
}
.woocommerce .widget_price_filter .price_slider_amount{
text-align: center !important;
line-height: 1.4 !important;
font-size: 12px !important;
}
.price_label{
float: none !important;
text-align: center !important;
}
.price_slider_amount button{
float: none !important;
text-align: center !important;
margin: 0 auto !important;
}
/* Filtro Carrito */
#woocommerce_widget_cart-3{
border-radius: 0;
}
.widget_shopping_cart_content{
background: white;
}
.woocommerce-mini-cart__total, .woocommerce-mini-cart__buttons{
padding: 10px !important;
}
/* Categorias */
html .zfc-accordion ul ul li .item-link{
padding: 5px !important;
}
html #zfwca_widget-2 h4 {
display: none;
}
html body ul.zfc-right{
background: transparent !important;
border-radius: 15px;
}
html body .zfc-accordion ul {
padding: 10px !important;
}
html body #zfc-accordion-zfwca_widget-2 ul li.current-cat > .item-link {
border-left: 0px solid var(--s-terciary-color)!important;
}
html body #page-container #zfc-accordion-zfwca_widget-2 ul li .item-link:hover, html body #page-containe #zfc-accordion-zfwca_widget-2 ul li .item-link:focus {
border-left: 0px solid var(--s-secondary-color);
}
html body #sidebar #zfc-accordion-zfwca_widget-2 .has-sub > .item-link > .arrow {
border: 0 solid var(--s-secondary-color)!important;
}
html body #zfc-accordion-zfwca_widget-2>ul>li>.item-link {
color: var(--s-secondary-color)!important;
background: white;
font-size: 12px;
}
html #sidebar #zfc-accordion-zfwca_widget-2 ul.children > li > .item-link {
background: transparent !important;
font-size: 11px;
color: var(--s-secondary-color) !important;
}
html body #sidebar #zfc-accordion-zfwca_widget-2 ul li .item-link:hover {
background: var(--s-terciary-color) !important;
color: white !important;
}
html body #content-area #sidebar #zfc-accordion-zfwca_widget-2 ul li.current-cat > .item-link {
background: var(--s-secondary-color)!important;
color: white !important;
font-size: 14px;
}
html body.woocommerce #sidebar #zfc-accordion-zfwca_widget-2 ul li.current-cat > .item-link > .arrow:after {
border-left: 2px solid var(--s-secondary-color)!important;
border-top: 2px solid var(--s-secondary-color)!important;
border-bottom: 0px solid white!important;
left: 10px;
}
html body #sidebar #zfc-accordion-zfwca_widget-2 .has-sub.open > .item-link > .arrow:after {
border-left: 2px solid var(--s-primary-color);
border-top: 2px solid var(--s-primary-color);
border-bottom: 0px solid white!important;
left: 10px;
}
html .item-link {
text-align: left!important;
}
/* Marcas */
html body #supplier_filter-2 form {
background-color: var(--s-secondary-color)!important;
padding: 15px !important;
}
/* Precios */
html body .woocommerce-Price-amount.amount {
font-size: 22px!important;
color: var(--s-secondary-color) !important;
font-family: Roboto, sans-serif !important;
font-weight: 600;
}
html body #final_order_total_review .woocommerce-Price-amount.amount {
font-size: 30px!important;
color: var(--s-secondary-color)!important;
}
html body #final_order_total_review{
text-align: right;
padding:15px;
}
html body #final_order_total_review .row div{
border-top: dotted 0px var(--s-secondary-color)!important;
margin: 0px!important;
}
html body .atw_single_slide .atw_price .woocommerce-Price-amount.amount {
font-family: Roboto, sans-serif !important;
font-size: 24px!important;
color: var(--s-secondary-color) !important;
}
/* Barra */
@media (min-width: 1200px){
html #main-content .container:before {
width: 0px;
}
}
/* Movil */
@media (max-width: 1200px){
html .woocommerce .woocommerce-breadcrumb {
margin: 0 20px!important;
padding: 0;
font-size: 12px;
color: var(--s-secondary-color);
}
}
@media (max-width: 699px){
html body .woocommerce-products-header .page-title {
margin-bottom: 0px;
font-size: 30px;
}
}
@media (max-width: 1200px){
html body:not(.et-tb) #main-content .container, html body:not(.et-tb-has-header) #main-content .container {
padding-top: 50px;
}
}
@media (max-width: 1200px){
html #mdf_results_by_ajax, html .woocommerce-notices-wrapper, html .product, html .checkout_coupon.woocommerce-form-coupon, html #order_review {
padding: 0;
}
}
@media (max-width: 1200px){
html body .checkout_coupon.woocommerce-form-coupon {
padding-top: 20px
}
}
@media (max-width: 1200px){
html body #order_review {
padding-bottom: 20px
}
}
@media (max-width: 1200px){
html .woocommerce #sidebar img, html .woocommerce-page #sidebar img {
max-width: 100%;
max-height: 100%
}
}
@media (max-width: 1200px){
html #sidebar .et_pb_widget {
margin-bottom: 30px;
float: left;
padding:0 15px;
}
}
@media (max-width: 1200px){
html #sidebar .widget_text.et_pb_widget.widget_custom_html {
margin-bottom: 30px;
width: 100%;
float: none;
padding:0!important;
}
}
@media (max-width: 500px){
html body #supplier_filter-2 form {
font-size: 100%;
}
}
html .related.products h3 {
color: var(--s-primary-color)!important;
}
/*****************************************
FICHA DE PRODUCTO
******************************************/
html .woocommerce .product .clearfix {
background: white;
}
html .woocommerce.single-product #sidebar{
display: none;
}
@media (min-width: 1200px){
.single-product #left-area {
width: 100%;
padding-bottom: 23px;
}
}
html .woocommerce .woocommerce-product-gallery__image--placeholder img, html .woocommerce-page .woocommerce-product-gallery__image--placeholder img, html .woocommerce .woocommerce-product-gallery__wrapper img, html .woocommerce-page .woocommerce-product-gallery__wrapper img {
width: auto;
max-width: 100%!important;
max-height: 400px!important;
margin: 0 auto;
}
html .woocommerce .woocommerce-product-gallery__wrapper, html .woocommerce-page .woocommerce-product-gallery__wrapper {
height: 400px;
}
@media (max-width: 500px){
html .woocommerce .woocommerce-product-gallery__wrapper, html .woocommerce-page .woocommerce-product-gallery__wrapper {
overflow: hidden;
}
html .woocommerce #left-area img, html .woocommerce-page #left-area img {
height: auto;
width: auto;
max-width: 80%;
margin: 0 auto;
}
}
html .woocommerce #content div.product div.summary, html .woocommerce div.product div.summary, html .woocommerce-page #content div.product div.summary, html .woocommerce-page div.product div.summary {
float: right;
width: 40%;
clear: none;
}
html .woocommerce #content div.product div.images, html .woocommerce div.product div.images, html .woocommerce-page #content div.product div.images, html .woocommerce-page div.product div.images {
float: left;
width: 60%;
}
html .summary.entry-summary p:not(.has-background):last-of-type {
padding-bottom: 0px;
font-size: 14px!important;
}
@media (max-width: 500px){
html .summary.entry-summary p:not(.has-background):last-of-type {
text-align: center;
}
}
/* Color del botón */
html .woocommerce button.button, html .woocommerce button.button, html .woocommerce button.button.alt, html .woocommerce button.button.alt.disabled, html .woocommerce div.product p.price, html .woocommerce div.product span.price, html .woocommerce input.button, html .woocommerce input.button.alt, html #top-menu li.current-menu-item>a, html .bottom-nav li.current-menu-item>a, html .comment-reply-link, html .entry-summary p.price ins, html .et_password_protected_form .et_submit_button, html .footer-widget h4, html .form-submit .et_pb_button, html .mobile_menu_bar:after, html .nav-single a, html .woocommerce #content div.product p.price, html .woocommerce #content div.product span.price, html .woocommerce #content input.button, html .woocommerce #content input.button.alt, html .woocommerce #respond input#submit, html .woocommerce #respond input#submit.alt, html .woocommerce-page #content div.product p.price, html .woocommerce-page #content div.product span.price, html .woocommerce-page #content input.button, html .woocommerce-page #content input.button.alt, html .woocommerce-page #respond input#submit, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page .star-rating span:before, html .woocommerce-page a.button, html .woocommerce-page a.button.alt, html .woocommerce-page button.button, html .woocommerce-page button.button.alt, html .woocommerce-page button.button.alt.disabled, html .woocommerce-page div.product p.price, html .woocommerce-page div.product span.price, html .woocommerce-page input.button, html .woocommerce-page input.button.alt, html .woocommerce .star-rating span:before, html .woocommerce a.button, html .woocommerce a.button.alt, html .wp-pagenavi span.current {
color: var(--s-secondary-color) !important;
}
html #et_search_icon:hover, html .et-social-icon a:hover, html .woocommerce #content input.button.alt:hover, html .woocommerce #content input.button:hover, html .woocommerce #respond input#submit.alt:hover, html .woocommerce #respond input#submit:hover, html .woocommerce-page #content input.button.alt:hover, html .woocommerce-page #respond input#submit.alt:hover, html .woocommerce-page #respond input#submit:hover, html .woocommerce-page a.button.alt:hover, html .woocommerce-page a.button:hover, html .woocommerce-page button.button.alt.disabled:hover, html .woocommerce-page button.button.alt:hover, html .woocommerce-page button.button:hover, html .woocommerce button.button.alt.disabled:hover, html .woocommerce button.button.alt:hover, html .woocommerce-page input.button.alt:hover, html .woocommerce-page input.button:hover, html .woocommerce a.button.alt:hover, html .woocommerce a.button:hover, html .woocommerce input.button.alt:hover, html .woocommerce input.button:hover, html .wp-pagenavi a:hover {
color: white !important;
}
html .woocommerce #respond input#submit:hover, html .woocommerce-page #respond input#submit:hover, html .woocommerce #content input.button:hover, html .woocommerce-page #content input.button:hover, html .woocommerce-message:hover, html .woocommerce-error:hover, html .woocommerce-info {
background: var(--s-secondary-color)!important;
}
html .woocommerce div.product form.cart .button {
border-radius: 15px;
}
@media (max-width: 500px){
html .single_add_to_cart_button{
width: 100%;
text-align: center;
}
}
/* Nombre producto */
html body h1.product_title {
padding: 0px !important;
margin-bottom: 0px!important;
}
/* Titulo */
html body .product_title.entry-title {
color: var(--s-secondary-color) !important;
background-color: white !important;
padding:20px;
border-bottom: 0px solid var(--s-terciary-color);
}
html .single-product .product .product_title {
font-size: 16px;
}
@media (max-width: 500px){
html .single-product .product .product_title {
text-align: center;
}
}
html body .single-product .product h1.product_title {
font-size: 16px!important;
}
/* Fondo */
html body .summary.entry-summary {
background-color: white;
}
html .woocommerce div.product div.summary {
margin-bottom: 0em;
padding: 2em;
}
html .summary.entry-summary .price, html .summary.entry-summary .stock.out-of-stock, html .summary.entry-summary .stock.in-stock, html .summary.entry-summary .tf_product_meta, html .summary.entry-summary .cart, html .summary.entry-summary .woosw-btn.woosw-btn-3362, html .summary.entry-summary .yith-wcwl-add-to-wishlist, html .summary.entry-summary .product_meta {
padding-left: 0em;
text-align: left;
}
@media (max-width: 500px){
html .summary.entry-summary .price, html .summary.entry-summary .stock.out-of-stock, html .summary.entry-summary .stock.in-stock, html .summary.entry-summary .tf_product_meta, html .summary.entry-summary .cart, html .summary.entry-summary .woosw-btn.woosw-btn-3362, html .summary.entry-summary .yith-wcwl-add-to-wishlist, html .summary.entry-summary .product_meta {
padding: 0;
text-align: center;
}
}
html body .price {
padding-top: 0em;
}
html .woocommerce ul.products li.product .button {
margin-top: 0em;
font-size: 14px;
text-transform: uppercase;
text-align: center;
border-radius: 15px !important;
transition-duration: 0.2s;
}
html a.button{
font-family: Roboto, sans-serif !important;
}
/* Precio */
html body .entry-summary p.price span {
font-size: 30px!important;
padding-left: 0px;¡
}
/* Marca */
html .tf_product_meta .meta_data {
color: var(--s-secondary-color);
}
html .product_meta a {
color: var(--s-secondary-color) !important;
}
/* Borde de la imagen */
html .woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
border: 0px solid var(--s-secondary-color);
}
/* Botón móvil */
html .woocommerce #content div.product form.cart, html .woocommerce-page #content div.product form.cart, html .woocommerce-page div.product form.cart, html .woocommerce div.product form.cart {
margin: 10px 0 20px;
}
@media (max-width: 500px){
html body .single_add_to_cart_button.button.alt {
font-size: 16px!important;
}
}
@media (max-width: 500px){
html body .input-text.qty.text.disableArrows {
font-size: 16px!important;
}
}
@media (max-width: 500px){
html body .submit {
font-size: 14px!important;
}
}
/* Descripcion */
html body .woocommerce-tabs.wc-tabs-wrapper {
background-color: white;
}
/* Lista de deseos */
html .add_to_wishlist.single_add_to_wishlist {
color: var(--s-secondary-color)!important;
}
html .woocommerce #respond input#submit, html .woocommerce-page #respond input#submit {
background: var(--s-primary-color)!important;
border-radius: 15px;
}
html .woocommerce #content input.button, html .woocommerce-page #content input.button, html .woocommerce-message, html .woocommerce-error, html .woocommerce-info {
background: transparent !important;
color:var(--s-secondary-color)!important;
border:0px solid var(--s-terciary-color)!important;
}
html .woocommerce #content input.button:hover, html .woocommerce-page #content input.button:hover{ background: var(--s-secondary-color)!important;
background-image: initial !important;
background-position-x: initial !important;
background-position-y: initial !important;
background-size: initial !important;
background-repeat-x: initial !important;
background-repeat-y: initial !important;
background-attachment: initial !important;
background-origin: initial !important;
background-clip: initial !important;
background-color: var(--s-secondary-color)!important;
color:white!important;
}
html .woocommerce-tabs.wc-tabs-wrapper .stars a {
color: var(--s-terciary-color)!important;
}
html .feedback {
color:var(--s-secondary-color)!important;
}
/* Movil */
@media (max-width: 500px){
html .woocommerce div.product div.images, html .woocommerce-page div.product div.images {
float: center;
width: 100%;
margin-top:50px;
}
}
@media (max-width: 500px){
html .woocommerce div.product div.summary, html .woocommerce-page div.product div.summary {
margin-top:0px;
float: left;
width: 100%;
clear: none;
}
}
@media (max-width: 767px){
html .woocommerce-page .related.products ul.products li.product:nth-child(n) {
margin: 0 1%!important;
width: 30%!important;
clear: none;
}
}
@media (max-width: 767px){
html .woocommerce-page a.button, html .woocommerce-page a.button {
font-size:14px;
}
}
@media (max-width: 500px){
html .woocommerce-page .product .related.products ul.products li.product:nth-child(n) {
margin: 3% 1%!important;
width: 100%!important;
clear: none;
}
}
/*****************************************
CHECK OUT
******************************************/
/* Color del contenedor de la página de carrito */
html .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
background: white;
}
/* Color en la página de finalizar compra */
html #post-10379 .et_pb_section {
padding: 0;
background: #e7e6e4;
}
html .checkout_coupon {
display: block !important;
max-width: 100%;
margin: 15px auto !important;
background: white;
}
html #add_payment_method #payment, html .woocommerce-cart #payment, html .woocommerce-checkout #payment {
background: white;
border-radius: 15px;
}
html .woocommerce .woocommerce-customer-details address {
background-color: white;
}
@media (max-width: 1200px){
html .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1, html .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
padding: 20px;
}
}
/* Botón borde */
.woocommerce #content input.button, html .woocommerce #content input.button.alt, html .woocommerce #respond input#submit, html .woocommerce #respond input#submit.alt, html .woocommerce-page #content input.button, html .woocommerce-page #content input.button.alt, html .woocommerce-page #respond input#submit, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page a.button, html .woocommerce-page a.button.alt, html .woocommerce-page button.button, html .woocommerce-page button.button.alt, html .woocommerce-page button.button.alt.disabled, html .woocommerce-page input.button, html .woocommerce-page input.button.alt, html .woocommerce a.button, html .woocommerce a.button.alt, html .woocommerce button.button, html .woocommerce button.button.alt, html .woocommerce button.button.alt.disabled, html .woocommerce input.button, html .woocommerce input.button.alt {
border: 2px solid var(--s-secondary-color) !important;
}
.woocommerce #content input.button:hover, html .woocommerce #content input.button.alt:hover, html .woocommerce #respond input#submit:hover, html .woocommerce #respond input#submit.alt:hover, html .woocommerce-page #content input.button:hover, html .woocommerce-page #content input.button.alt:hover, html .woocommerce-page #respond input#submit:hover, html .woocommerce-page #respond input#submit.alt:hover, html .woocommerce-page a.button, html .woocommerce-page a.button.alt:hover, html .woocommerce-page button.button:hover, html .woocommerce-page button.button.alt:hover, html .woocommerce-page button.button.alt.disabled:hover, html .woocommerce-page input.button:hover, html .woocommerce-page input.button.alt:hover, html .woocommerce a.button:hover, html .woocommerce a.button.alt:hover, html .woocommerce button.button:hover, html .woocommerce button.button.alt:hover, html .woocommerce button.button.alt.disabled:hover, html .woocommerce input.button:hover, html .woocommerce input.button.alt:hover {
border: 2px solid var(--s-secondary-color) !important;
}
/* Botones redondeados */
html .woocommerce #content input.button, html .woocommerce #content input.button.alt, html .woocommerce #respond input#submit, html .woocommerce #respond input#submit.alt, html .woocommerce-page #content input.button, html .woocommerce-page #content input.button.alt, html .woocommerce-page #respond input#submit, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page a.button, html .woocommerce-page a.button.alt, html .woocommerce-page button.button, html .woocommerce-page button.button.alt, html .woocommerce-page button.button.alt.disabled, html .woocommerce-page input.button, html .woocommerce-page input.button.alt, html .woocommerce a.button, html .woocommerce a.button.alt, html .woocommerce button.button, html .woocommerce button.button.alt, html .woocommerce button.button.alt.disabled, html .woocommerce input.button, html .woocommerce input.button.alt {
border-radius: 15px;
font-size: 14px;
}
html body .col-2 {
padding-left: 18px!important;
}
@media (max-width: 500px){
html body form {
font-size: 14px !important;
}
}
@media (max-width: 500px){
html body form.woocommerce-cart-form {
font-size: 14px !important;
}
}
@media (max-width: 500px){
html .one_half {
width: 100%;
}
}
@media (max-width: 500px){
html body .woocommerce #content input.button, html body .woocommerce #content input.button.alt, html body .woocommerce #respond input#submit, html body .woocommerce #respond input#submit.alt, html body .woocommerce-page #content input.button, html body .woocommerce-page #content input.button.alt, html body .woocommerce-page #respond input#submit, html body .woocommerce-page #respond input#submit.alt, html body .woocommerce-page a.button, html body .woocommerce-page a.button.alt, html body .woocommerce-page button.button, html body .woocommerce-page button.button.alt, html body .woocommerce-page button.button.alt.disabled, html body .woocommerce-page input.button, html body .woocommerce-page input.button.alt, html body .woocommerce a.button, html body .woocommerce a.button.alt, html body .woocommerce button.button, html body .woocommerce button.button.alt, html body .woocommerce button.button.alt.disabled, html body .woocommerce input.button, html body .woocommerce input.button.alt {
font-size: 14px;
}
}
@media (max-width: 399px){
html .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
width: 100%;
}
}
html .product-name a {
color: var(--s-secondary-color)!important;
}
html footer .et_pb_section .et_pb_row {
width: 80% !important;
max-width: 1200px!important;
}
html body .et_pb_section .et_pb_row.ancho_completo {
max-width: none!important;
}
html .evo_events_column:after {
display:none;
}
/* Recaptcha */
html .checkout.woocommerce-checkout .anr_captcha_field {
max-width: 85%;
margin: 30px auto;
}
@media (max-width: 500px){
html body .checkout.woocommerce-checkout .anr_captcha_field {
max-width: 100%;
margin: 30px 15px;
}
}
html form[name="checkout"] {
display: flex;
}
html .woocommerce-cart-form .button {
background: var(--s-primary-color) !important;
color: white!important;
border: 0px solid var(--s-terciary-color)!important;
}
html body .button {
background: var(--s-primary-color) !important;
border-radius: 15px !important;
color: var(--s-secondary-color) !important;
border: 2px solid var(--s-secondary-color) !important;
}
html body .button:hover {
background: var(--s-secondary-color) !important;
color: white !important;
border: 2px solid var(--s-secondary-color)!important;
}
html .checkout.woocommerce-checkout h3 {
color:var(--s-secondary-color);
}
html .woocommerce-checkout-review-order a {
color: var(--s-primary-color)!important;
}
html .woocommerce-info a {
color:var(--s-secondary-color)!important;
}
/*****************************************
EVENTOS
******************************************/
/* Disponible sin cita */
html .evo_avail_without .evo_avail_without_text {
display:none;
}
html body .begin_signup_user {
background: var(--s-terciary-color)!important;
}
html body .begin_signup_user:hover {
background: var(--s-secondary-color)!important;
}
/* Botón */
html body .open-popup-content {
padding: 10px;
background: var(--s-terciary-color);
border-radius: 0px;
}
html .et_pb_module.et_pb_button, html .et_pb_promo_button {
color: var(--s-secondary-color) !important;
border:2px solid var(--s-secondary-color)!important;
font-size: 16px;
width:70%;
text-align: center;
border-radius: 15px;
padding: 10px 20px !important;
text-transform: uppercase;
font-family: Roboto, sans-serif !important;
background-color: var(--s-primary-color);
}
html body .et_pb_module.et_pb_button:hover, html body .et_pb_promo_button:hover {
background-color: var(--s-secondary-color)!important;
color: white !important;
border:2px solid var(--s-secondary-color)!important;
padding: 10px 20px !important;
border-radius: 15px;
}
/* Texto */
html .evo_event_title_list1 span, html .evo_service_title_list1 span {
color: var(--s-secondary-color)!important;
font-size: 20px;
text-transform: uppercase;
font-family: Roboto, sans-serif !important;
}
html .evo-description-default{
text-align: center;
}
html .evo_service_short_description_list1.evo-description-default {
color: var(--s-secondary-color)!important;
}
html .wrapper_events_list1 .absoluteCenter .et_pb_text_1.et_pb_text {
color: var(--s-secondary-color)!important;
}
/* Texto interno */
html .evo-var(--s-secondary-color)-popup .evo_events_row_list1.et_pb_row, html .evo-var(--s-secondary-color)-popup .evo_services_row_list1.et_pb_row {
padding: 35px!important;
}
/* Botón interno */
html .begin_signup_user.evo_digital_button.et_pb_button {
color: var(--s-secondary-color)!important;
}
html .begin_signup_user.evo_digital_button.et_pb_button:hover {
color: var(--s-secondary-color)!important;
background-color: var(--s-secondary-color)!important;
}
/* Imágenes */
html body .et_pb_row_0.et_pb_row {
margin-top: 0 !important;
}
html body .evo-white-popup .evo_events_row_list1.et_pb_row p, html body .evo-white-popup .evo_services_row_list1.et_pb_row p {
padding: 10px 50px;
font-size: 14px;
}
a, html body .evo_events_column p, span {
}
html .evo_services_row_list1, html .evo_events_row_list1 {
padding: 0 25px 0 25px;
}
/* Título interior */
html body .evo_event_title_detail_list1, html body .evo_service_title_detail_list1 {
color: var(--s-secondary-color)!important;
text-transform: inherit;
font-size: 20px;
}
html .evo_services_row_list1.et_pb_row.et_pb_row_0.et_pb_row_fullwidth p {
margin:0 50px;
}
/* Textos movil */
@media (max-width: 1200px){
html .wrapper_services_layout_list1 .evo_services_row_list1 .evo_service_title_list1 {
font-size: 20px;
}
}
@media (max-width: 1200px){
html .wrapper_services_layout_list1 .evo_services_row_list1 .evo_service_wrapper_short_description_list1 p {
font-size: 14px;
}
}
@media (max-width: 1200px){
html .evo_services_col0_list1.evo_services_column.evo_services_column_description {
padding-top: 30px;
}
}
html .wrapper_services_list1 .et_pb_row_0.et_pb_row, html .wrapper_events_list1 .evo_event_wrapper {
padding-top: 0!important;
}
html .wrapper_events_list1, html .wrapper_services_list1 {
margin-bottom: 0!important;
}
html .evo-description-default {
font-size: 16px;
}
/* Eventos */
html #eventos_mes #et_eventos{
max-width: 1200px!important;
background-color: var(--s-terciary-color);
}
@media (max-width: 1200px){
html body #eventos_mes #et_eventos{
width: 80%!important;
}
}
@media (max-width:750px){
html #eventos_mes #et_eventos{
padding-top: 80px !important;
}
}
html .evo_popup_service_img, html .evo_popup_event_img {
width: 90%;
padding-bottom: 50%;
background-size: cover;
background-position: center;
margin: auto;
}
html .evo_services_column:after {
display:none;
}
/*****************************************
ENCARGO EXPRÉS
******************************************/
.encargo_pasos .et_pb_blurb_position_left .et_pb_main_blurb_image img, .encargo_pasos .et_pb_blurb_position_right .et_pb_main_blurb_image img {
width: 100%;
padding: 2% 0 2% 34%;
}
.encargo_pasos .et_pb_blurb_position_left .et_pb_main_blurb_image, .encargo_pasos .et_pb_blurb_position_right .et_pb_main_blurb_image {
width: 25%;
display: table-cell;
line-height: 0;
}
.encargo_pasos .et_pb_blurb_content {
max-width: 100%;
margin: 0;
}
.encargo_pasos .et_pb_blurb_0.et_pb_blurb, .encargo_pasos .et_pb_blurb_1.et_pb_blurb, .encargo_pasos .et_pb_blurb_1.et_pb_blurb {
line-height: 1em;
margin-bottom: 15px!important;
}
html .encargo_pasos .et_pb_blurb_container {
padding: 3% 5% 2% 5%;
}
html #et_encargo_expres_pedido .et_pb_button{
width: 70%;
text-align: center;
}
html #caracteristicas_fidelizacion .encargo_pasos .et_pb_blurb_container {
padding: 5% 5% 2% 5%;
}
html #caracteristicas_fidelizacion .encargo_pasos .et_pb_blurb_container p {
font-size: 12px;
}
html .encargo_pasos p:not(.has-background):last-of-type {
padding-bottom: 0px;
}
@media (max-width: 1200px) {
.encargo_pasos #encargo_pasos_01 {
width: 34%;
margin-bottom: 30px;
}
.encargo_pasos #encargo_pasos_02 {
width: 64%;
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
html .encargo_pasos #encargo_pasos_01 {
width: 100%;
margin-bottom: 10px;
}
html .encargo_pasos #encargo_pasos_02 {
width: 100%;
margin-bottom: 30px;
}
html .encargo_pasos h4 {
padding-bottom: 1%;
}
}
html body .nf-field-label label{
font-size:13px!important;
}
html body .nf-form-content button, html body .nf-form-content input[type=button], html body .nf-form-content input[type=submit] {
background: var(--s-secondary-color);
margin-top: 30px;
}
html body .nf-form-content button:hover, html body .nf-form-content input[type=button]:hover, html body .nf-form-content input[type=submit]:hover {
background: var(--s-secondary-color);
}
html body .field-wrap>div input[type=checkbox], html body .field-wrap button, html body .field-wrap input[type=button], html body .field-wrap input[type=submit] {
width: 100%;
}
body #page-container .et_pb_section .et_pb_button_1:hover {
background: var(--s-secondary-color);
color:white!important;
}
body #page-container .et_pb_section .et_pb_button_0:hover {
background: var(--s-primary-color);
color:white!important;
border: 2px solid var(--s-primary-color);
}
html body.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_button_0_tb_body:hover {
background: var(--s-secondary-color);
color:white!important;
}
html body.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_button_1_tb_body:hover {
background: var(--s-secondary-color);
color:white!important;
}
#main-content .nf-form-content a {
color: var(--s-terciary-color)!important;
}
@media (max-width: 1200px){
html .encargo_boton .et_pb_column {
width: 33%!important;
margin-bottom: 0!important;
padding: 0 1%!important;
}
html .encargo_boton .et_pb_column h4 {
font-size: 18px;
}
html .encargo_boton .et_pb_blurb_container {
padding: 0 5px 10px 5px;
}
}
@media (max-width: 650px){
html body .encargo_boton .et_pb_column {
width: 100%!important;
margin-bottom: 5%!important;
padding: 0 5%!important;
}
}
#encargo_404 .et_pb_button {
width: 85%;
text-align: center;
}
html .wpeo-button, html .repeater-add-btn, html .repeater-add-btn-edit {
background: var(--s-primary-color)!important;
border: 2px solid var(--s-secondary-color) !important;
color: var(--s-secondary-color) !important;
border-radius: 15px;
font-size: 17px;
padding:10px 20px !important;
}
html .wpeo-button:hover, html .repeater-add-btn:hover, html .repeater-add-btn-edit:hover {
background: var(--s-secondary-color)!important;
color: white !important;
}
@media (max-width: 980px){
html .wpeo-wrap, html .wpeo-all-orders {
padding: 0;
}
}
/*****************************************
PROMOCIONES
******************************************/
/* Botón de promociones */
/* Poner en la promoción
Descripción: ENCARGAR
COMPRAR
Código fuente: Hazte con tus imprescindibles de Vichy con la segunda unidad a mitad de precio.
;
*/
html body .promo-boton {
color: var(--s-secondary-color) !important;
padding: 8px 15px!important;
font-family: Roboto, sans-serif !important;
font-size: 15px!important;
line-height: 1em!important;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
width: 60%;
text-align: center;
border-radius: 15px;
letter-spacing: 1px;
border: 2px solid var(--s-secondary-color);
}
html .tf_promo_body .tf_promo_content a {
color: var(--s-secondary-color) !important;
background-color: var(--s-primary-color)!important;
padding:8px 15px;
margin-top: 15px;
}
html body .promo-boton:hover {
background-color: var(--s-secondary-color)!important;
color: white !important;
border: 2px solid var(--s-secondary-color)!important;
}
html body .tf_promo_body .tf_promo_content {
padding: 10px 15px 25px 15px !important;
margin-bottom: 0 !important;
}
html body .tf_promo_body .tf_promo_content h5 {
font-size: 15px !important;
text-transform: uppercase;
color: var(--s-secondary-color)!important;
padding: 15px;
font-family: Roboto, sans-serif !important;
}
html body .tf_promo_body .tf_promo_content p {
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
font-size:14px!important;
}
html body #recomendaciones_mes .tf_promo_body .tf_promo_content p.promo_descripcion {
text-align: justify;
height: 60px;
line-height: 15px;
overflow: hidden;
font-size:12px!important;
}
html .tf_promo_content h5 {
color:var(--s-secondary-color)!important;
}
html body .tf_promo_wrapper {
width: 31%;
padding: 0px !important;
margin: 10px 1%;
background-color: var(--s-terciary-color) !important;
box-shadow: 3px 3px 10px #999999;
}
@media (max-width: 1200px){
html body .evo_promotions_list1_wrapper .tf_promo_wrapper {
width: 48%;
}
}
@media (max-width: 500px){
html body .et_pb_code_inner .evo_promotions_list1_wrapper .tf_promo_wrapper {
width: 100%;
}
}
html body .tf_promo_body>div:not(.tf_promo_content) {
border: 0px solid var(--s-primary-color);
padding-bottom: 0.5em;
}
html body .evo_promotions_list1_wrapper {
justify-content: left!important;
}
/*****************************************
BLOG
******************************************/
html .entry-title{
height: 50px;
}
html #sidebar #custom_html-13 {
margin-bottom: 0px;
}
#blog_blog .et_pb_image_container img, #blog_blog .et_pb_post a img {
vertical-align: bottom;
max-width: 30%;
float: right;
margin-bottom: 0px;
}
#blog_blog .et_pb_posts a.more-link {
clear: both;
display: initial;
}
#blog_blog .et_pb_post {
margin-bottom: 3%;
padding: 15px;
background-color: white;
}
#blog_blog .entry-title, #blog_blog .post-content, #blog_blog .post-meta {
float: left;
width: 60%;
}
@media (max-width: 750px){
html #blog_blog .post-content,html #blog_blog .post-meta {
float: left;
width: 100%;
}
html #blog_blog .et_pb_image_container img, html #blog_blog .et_pb_post a img {
vertical-align: bottom;
max-width: 100%;
float: left;
margin-bottom: 0px;
}
html #blog_blog .post-content-inner p {
height: 55px;
overflow: hidden;
font-size: 12px;
}
html #blog_blog .post-content-inner {
padding-bottom: 10px;
}
html #blog_blog .entry-title {
float: left;
width: 100%;
padding-top: 10px;
}
}
/* Botón leer más */
html .single-post #content-area article {
background: white;
border: 0px solid var(--s-secondary-color)!important;
}
/* Botón leer más */
html body #home_blog .et_pb_post div.post-content .more-link, html body #et_blog .et_pb_post div.post-content a.more-link, html .et_pb_post div.post-content a.more-link {
background: var(--s-primary-color)!important;
padding: 8px 10px;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
text-align: center;
display: inline-block;
width: 98%;
color: var(--s-secondary-color) !important;
border: 2px solid var(--s-secondary-color);
border-radius: 15px;
font-family: Roboto, sans-serif !important;
}
html body #home_blog .et_pb_blog_0 .et_pb_post div.post-content .post-content-inner .more-link:hover, html body #et_blog .et_pb_blog_0 .et_pb_post div.post-content .post-content-inner a.more-link:hover, html body #blog_blog .et_pb_blog_0 .et_pb_post div.post-content .post-content-inner .more-link:hover {
background: var(--s-secondary-color);
color: var(--s-secondary-color) !important;
border: 2px solid var(--s-secondary-color)!important;
}
html body .more-link:hover {
background: var(--s-secondary-color)!important;
color: white !important;
border: 2px solid var(--s-secondary-color)!important;
}
.post-content .post-content-inner p {
padding-bottom: 15px;
}
html body .post-meta a {
color: var(--s-secondary-color)!important;
}
/* Newsletter */
html body input[type=number], input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select {
padding: 5px 5px;
margin-bottom: 5px;
}
input.text, input.title, input[type=text], select, textarea {
margin: 0;
}
.ig_es_form_field_email, .ig_es_form_field_name {
width: 350px!important;
height: 30px;
border: none!important;
border-top: none!important;
border-left: none!important;
border-right: none!important;
border-bottom: 0px!important;
border-radius: 15px;
box-shadow: inset 0 0 5px #999999;
background-color: #f2ffcc !important;
}
@media (max-width: 500px){
html .ig_es_form_field_email, html .ig_es_form_field_name {
width: 250px!important;
}
}
html #sidebar .ig_es_form_field_email, html #sidebar .ig_es_form_field_name {
width: 100%!important;
height: 30px;
border: none!important;
background-color: #f2ffcc !important;
}
@media (max-width: 1200px){
html body #sidebar .ig_es_form_field_email, html body #sidebar .ig_es_form_field_name {
width: 100%!important;
}
}
@media (max-width: 500px){
html body #sidebar .es-field-wrap .ig_es_form_field_email, html body #sidebar .es-field-wrap .ig_es_form_field_name {
width: 100%!important;
}
}
.es_subscription_form.es_shortcode_form p {
font-size: 12px;
line-height: 18px;
padding-bottom: 10px;
}
html body #home_newsletter .es_subscription_form.es_shortcode_form p {
text-align: center!important;
}
.es_subscription_form.es_shortcode_form a {
font-size: 12px;
line-height: 18px;
padding-bottom: 10px;
}
html #home_newsletter .es_subscription_form.es_shortcode_form a {
color: white !important;
}
.es_subscription_form_submit.es_submit_button.es_textbox_button {
text-align: center;
background: var(--s-primary-color);
color: white!important;
border: 0;
padding: 10px 15px;
font-size: 16px;
cursor: pointer;
width: 350px;
border-radius: 15px;
}
.es_subscription_form_submit.es_submit_button.es_textbox_button:hover {
background-color: var(--s-terciary-color);
}
@media (max-width: 500px){
html .es_subscription_form_submit.es_submit_button.es_textbox_button {
width: 280px!important;
}
}
html #sidebar .es_subscription_form_submit.es_submit_button.es_textbox_button {
padding: .3em 1em!important;
line-height: 1.7em!important;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
cursor: pointer;
width: 100%;
}
html body .es_subscription_form_submit.es_submit_button.es_textbox_button:hover{
text-align: center;
background-color: var(--s-secondary-color);
color: white!important;
padding: 10px 15px;
font-size: 16px;
cursor: pointer;
}
html body .es_subscription_message.success {
color: var(--s-secondary-color)!important;
}
/** Barra lateral **/
html #sidebar ul {
background: white !important;
padding: 5px;
}
html #sidebar #email-subscribers-form-3 {
background: white;
padding: 0;
}
@media (max-width: 1200px){
html body #sidebar #email-subscribers-form-3 {
margin-bottom: 30px;
float: left;
padding: 0 15px;
}
}
html #sidebar #search-5 {
background: var(--s-secondary-color);
padding: 20px;
}
/* Botón buscar */
.widget_search input#s {
border: 10px!important;
background-color: white !important;
box-shadow: inset 0 0 8px var(--s-secondary-color);
border-radius: 15px;
}
.widget_search input#searchsubmit {
border: 0px solid var(--s-terciary-color)!important;
}
.widget_search input#searchsubmit {
background-color: white!important;
color: var(--s-secondary-color)!important;
text-transform: uppercase;
cursor: pointer!important;
width: 100%;
margin-top: 50px;
padding: 4px 6px!important;
border: 2px solid var(--s-terciary-color)!important;
font-family: Roboto, sans-serif !important;
letter-spacing: 2px;
border-radius: 15px;
}
.widget_search input#searchsubmit:hover {
background-color: var(--s-secondary-color)!important;
color: white!important;
cursor: pointer!important;
border: 0px solid var(--s-terciary-color)!important;
}
html #sidebar #searchform {
padding-bottom: 50px;
}
/* Resto de bloques */
.woof_redraw_zone{
display: none;
}
html #sidebar .et_pb_widget li a{
color: var(--s-secondary-color)!important;
}
html .et_pb_widget a{
text-decoration: none;
color: var(--s-primary-color)!important;
}
html body .et_pb_widget .woof_redraw_zone a {
text-decoration: none;
color: var(--s-secondary-color) !important;
}
html .chosen-container .chosen-results li.highlighted {
background-color: var(--s-primary-color)!important;
color:white!important;
background-image: none;
}
html body #sidebar #zfc-accordion-zfwca_widget-2 .has-sub > .item-link > .arrow:after {
border-bottom: 2px solid var(--s-primary-color)!important;
border-left: 2px solid var(--s-primary-color)!important;
}
html .entry-title {
color: var(--s-secondary-color) !important;
}
html body .form-submit .et_pb_button {
color: white!important;
background-color: var(--s-secondary-color) !important;
border: 0px solid var(--s-terciary-color)!important;
border-radius: 15px;
}
html body .form-submit .et_pb_button:hover {
color: white!important;
background-color: var(--s-secondary-color)!important;
border: 0px solid var(--s-terciary-color)!important;
}
/*****************************************
CONTACTO
******************************************/
html #contacto .et_pb_blurb_container {
padding: 0 20px 0px 20px;
}
html #contacto h4 {
padding-bottom: 0px;
}
@media (min-width: 1200px) {
#contacto .et_pb_gutters2 .et_pb_column_2_5 .et_pb_module, #contacto .et_pb_gutters2.et_pb_row .et_pb_column_2_5 .et_pb_module {
margin-bottom: 40px;
}
}
@media (max-width: 1200px){
html #contacto_movil #contacto_movil_datos .et_pb_column {
width: 48%!important;
margin-bottom: 10px;
}
html #contacto_movil #contacto_movil_datos .et_pb_column {
width: 48%!important;
margin-bottom: 10px;
}
}
@media (max-width: 650px){
html body #contacto_movil #contacto_movil_datos .et_pb_column {
width: 100%;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1200px){
html #contacto_movil #contacto_movil_datos .et-pb-icon {
font-size: 30px;
}
}
form .formularioConsultaOnline p{
font-size: 12px;
line-height: 1.5em;
padding-bottom: 0.5em;
}
/* Botón enviar*/
html body .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
background: var(--s-terciary-color)!important;
border: 0!important;
color: var(--s-secondary-color)!important;
transition: all .5s!important;
width: 100% !important;
margin-top: 20px!important;
}
html body .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
background: var(--s-secondary-color)!important;
color: var(--s-secondary-color)!important;
transition: all .5s!important;
}
html body .checkbox-wrap .nf-field-label label:before {
font-size: 12px!important;
}
html body .nf-form-content label {
font-size: 12px !important;
}
html body .nf-form-content a {
color: var(--s-secondary-color)!important;
}
@media (max-width: 1200px){
html #et_iconitos_home .et_pb_column {
width: 50%!important;
margin-bottom: 0!important;
padding: 0 2%!important;
}
}
@media (max-width: 1200px){
html #et_iconitos_home {
width: 95%!important;
padding: 10px 0 30 0;
}
}
@media (max-width: 1200px){
html #et_valores .et_pb_column {
width: 25%!important;
margin-bottom: 0!important;
padding: 0 1%!important;
}
}
html .datos_contacto {
padding-top: 25px;
}
html #contacto_datos .et_pb_blurb_2 .et-pb-icon, html #contacto_datos .et_pb_blurb_1 .et-pb-icon, html #contacto_datos .et_pb_blurb_0 .et-pb-icon {
margin:5px;
}
html #contacto .et_pb_blurb_description a {
color: var(--s-secondary-color) !important;
}
/*****************************************
MAMÁS Y BEBÉS
******************************************/
html body a:hover {
text-decoration: none;
}
html .calculate-button {
background-color: var(--s-primary-color)!important;
color:white;
border: 0px solid white!important;
margin-top: 0px;
padding: 15px;
}
html .et_pb_toggle_title, html .et_pb_toggle h5.et_pb_toggle_title {
padding: 0!important;
}
@media only screen and (max-width: 979px){
html div.container{
padding: 0;
}
}
html #mamas_y_bebes .boton_mas {
width: 95%;
text-align: center;
}
.mamas_wrapper{
width: 31.33%;
margin: 0 1%;
}
@media (max-width: 980px){
.mamas_wrapper{
width: 90%;
margin: 10px 5%;
}
}
/*****************************************
FOOTER
******************************************/
@media only screen and (max-width: 767px){
html .et-l--footer .et_pb_row_0_tb_footer.et_pb_row {
margin-right: auto!important;
margin-left: auto!important;
}
}
/*****************************************
REGISTRO
******************************************/
html #post-10383 .et_pb_section {
padding: 0;
background: #e7e6e4;
}
html .woocommerce form.checkout_coupon, html .woocommerce form.login, html .woocommerce form.register {
background: white;
}
@media (max-width: 1200px){
html .woocommerce-MyAccount-navigation {
width: 100%!important;
}
}
.woocommerce .woocommerce-MyAccount-content .col2-set .col-1, .woocommerce-page .woocommerce-MyAccount-content .col2-set .col-1 {
float: left;
width: 30%;
}
.woocommerce .woocommerce-MyAccount-content .col2-set .col-2, .woocommerce-page .woocommerce-MyAccount-content .col2-set .col-2 {
float: right;
width: 40%;
}
@media (max-width: 1200px){
html .woocommerce .woocommerce-MyAccount-content .col2-set .col-1, html .woocommerce-page .woocommerce-MyAccount-content .col2-set .col-1 {
float: left;
width: 100%;
}
}
@media (max-width: 1200px){
html .woocommerce .woocommerce-MyAccount-content .col2-set .col-2, html .woocommerce-page .woocommerce-MyAccount-content .col2-set .col-2 {
float: left;
width: 100%;
}
}
@media (max-width: 1200px){
html .woocommerce .col2-set .col-1, html .woocommerce-page .col2-set .col-1 {
float: left;
width: 100%;
}
}
@media (max-width: 1200px){
html .woocommerce .col2-set .col-2, html .woocommerce-page .col2-set .col-2 {
float: left;
width: 100%;
}
}
@media (max-width: 1200px){
html body .u-column2.col-2.woocommerce-Address {
padding-left: 0px!important;
padding-top: 20px!important;
}
}
@media (max-width: 1200px){
html body #customer_login .u-column2.col-2 {
padding-left: 0px!important;
padding-top: 20px!important;
}
}
html .woocommerce #content input.button, html .woocommerce #content input.button.alt, html .woocommerce #respond input#submit, html .woocommerce #respond input#submit.alt, html .woocommerce-page #content input.button, html .woocommerce-page #content input.button.alt, html .woocommerce-page #respond input#submit, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page a.button, html .woocommerce-page a.button.alt, html .woocommerce-page button.button, html .woocommerce-page button.button.alt, html .woocommerce-page button.button.alt.disabled, html .woocommerce-page input.button, html .woocommerce-page input.button.alt, html .woocommerce a.button, html .woocommerce a.button.alt, html .woocommerce button.button, html .woocommerce button.button.alt, html .woocommerce button.button.alt.disabled, html .woocommerce input.button, html .woocommerce input.button.alt {
border: 0px solid;
border-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
/*****************************************
FORMULARIOS
******************************************/
html .wpcf7 input, html .wpcf7 select, html .wpcf7 textarea {
width: 100%;
background-color: transparent !important;
box-shadow: inset 0 0 7px 0 rgb(0 0 0 / 3%);
border: 0px;
border-bottom: 1px solid var(--s-secondary-color);
font-size: 16px;
}
html .wpcf7 .wpcf7-list-item input {
width: 5%;
}
.wpcf7-form-control.wpcf7-submit {
background-color: var(--s-primary-color) !important;
color: var(--s-secondary-color) !important;
font-size: 19px!important;
padding: 10px 0;
cursor: pointer;
border: 2px solid var(--s-secondary-color) !important;
border-radius: 15px;
margin-top: 20px;
text-transform: uppercase;
}
.wpcf7-form-control.wpcf7-submit:hover {
background-color: var(--s-secondary-color) !important;
color: white !important;
}
html .wpcf7-list-item-label a {
color:var(--s-secondary-color)!important;
}
html span.wpcf7-list-item {
display: flex;
}
.formularioContactoGeneral span {
font-size: 13px;
}
#formularioEncargoExpres, #formularioConsultaOnline, #formularioSPD{
/* max-width:600px; -- cambiar esto para conseguir el ancho de la forma deseada --*/
margin:0 auto;
width:100%;
}
.form-row{
width: 100%;
}
.column-half{
float: left;
position: relative;
padding: 0.65rem;
width:50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
/**---------------- Media query ----------------**/
@media (max-width: 750px){
.column-half{
width: 100%;
}
}
/*****************************************
QUIÉNES SOMOS
******************************************/
.quienes_somos .et_pb_blurb_3 .et-pb-icon, .quienes_somos .et_pb_blurb_2 .et-pb-icon, .quienes_somos .et_pb_blurb_1 .et-pb-icon, .quienes_somos .et_pb_blurb_0 .et-pb-icon{
color: var(--s-primary-color)!important;
}
/*****************************************
TARJETA FIDELIZACION
*****************************************/
#tarjeta_fidelizacion .et_pb_button {
width: 85%;
text-align: center;
}
/*****************************************
LISTA DE DESEOS
*****************************************/
/* Color del fondo de la tabla */
html .shop_table.cart.wishlist_table.wishlist_view.traditional.responsive {
background: white;
}
html .shop_table.cart.wishlist_table.wishlist_view.responsive.mobile {
background: white;
padding: 15px!important;
margin-left: 20px!important;
margin-right: 20px!important;
}
/* Tamaño del botón */
html .woocommerce-page a.button, html .woocommerce-page a.button.alt, html .woocommerce a.button, html .woocommerce a.button.alt {
font-size: 14px;
border-radius: 15px;
letter-spacing: 1px;
}
/*****************************************
BOTON REDSYS
******************************************/
html #redsys_payment_form{
margin: 0 0 50px 0;
}
#submit_redsys_payment_form{
background: var(--s-primary-color)!important;
color: white;
padding: 4px!important;
border-radius: 15px;
font-size: 12px;
margin: 0px 5px;
cursor:pointer;
border: 0px solid white !important;
font-family: Roboto, sans-serif !important;
}
html #submit_redsys_payment_form:hover {
background: var(--s-secondary-color) !important;
}
@media (max-width: 500px){
html body #submit_redsys_payment_form {
font-size: 13px!important;
}
}
@media (max-width: 500px){
html body .woocommerce #content input.button, html body .woocommerce #content input.button.alt, html body .woocommerce #respond input#submit, html body .woocommerce #respond input#submit.alt, html body .woocommerce-page #content input.button, html body .woocommerce-page #content input.button.alt, html body .woocommerce-page #respond input#submit, html body .woocommerce-page #respond input#submit.alt, html body .woocommerce-page a.button, html body .woocommerce-page a.button.alt, html body .woocommerce-page button.button, html body .woocommerce-page button.button.alt, html body .woocommerce-page button.button.alt.disabled, html body .woocommerce-page input.button, html body .woocommerce-page input.button.alt, html body .woocommerce a.button, html body .woocommerce a.button.alt, html body .woocommerce button.button, html body .woocommerce button.button.alt, html body .woocommerce button.button.alt.disabled, html body .woocommerce input.button, html body .woocommerce input.button.alt {
font-size: 12px;
}
}