@import url("https://fonts.googleapis.com/css?family=Raleway");
@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=Philosopher:400,700");
body {
height: 100%;
font-family: 'Montserrat', sans-serif;
}
p {
color: #426070 !important;
font-family: 'Raleway', sans-serif;
font-size: 15px !important;
font-weight: 300;
}
.home #page { }
.page-template-template-principal #content { }
#content {
height: 100%;
}
a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
outline: none;
}
.page-template-template-principal #inicio {
height: 100vh;
}
#inicio {
height: 100%; background: url(https://www.klarum.es/wp-content/uploads/2018/05/bg_klarum_mer.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.cita-manual input, .cita-manual select {
border: 1px solid #f3f3f2;
}
section#inicio:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, 0.7);
}
button.menu-toggle span {
color: #1e2427;
}
.storefront-handheld-footer-bar ul li.cart .count, button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before{
background-color: #1e2427;
}
.site-header {
position: fixed;
width: 100%;
background: transparent;
padding-right: 0px;
padding-left: 0px;
}
.content_inicio {
position: relative;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
text-align: center;
padding-bottom: 150px;
}
.content_inicio .logo img {
max-width: 90%;
margin: 0 auto;
}
.content_inicio h3 {
color: #484c51;
margin-top: 15px;
font-weight: 100;
font-size: 1.5em;
letter-spacing: 10px;
text-transform: uppercase;
padding-top: 1em;
font-family: 'Philosopher', sans-serif;
}
.content_inicio h2 {
text-transform: uppercase;
font-size: 1.1em;
letter-spacing: 6px;
}
.content_inicio h2 span:first-child {
color: #802743;
}
.content_inicio h2 span:last-child {
color: #948C74;
}
span.scissor{
position: relative;
display: inline-block;
}
span.scissor img {
text-align: center;
display: block;
margin: 18px auto;
max-width: 36px;
}
span.scissor:before{
position: absolute;
content: "";
width: 40px;
height: 1px;
bottom: 50%;
left: 38px;
transform: translate(40%, 0px);
background:rgba(157, 149, 126, 0.4);
}
span.scissor:after{
position: absolute;
content: "";
width: 40px;
height: 1px;
bottom: 50%;
right: 75px;
transform: translate(40%, 0px);
background: rgba(157, 149, 126, 0.4);
}
.btn_primary a {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 4px;
color: #9b937b;
transition: color .45s  cubic-bezier(.12,.845,.305,1),-webkit-color .45s  cubic-bezier(.12,.845,.305,1);
}
.btn_primary a:hover {
color: #7f2743;
transition: color .45s  cubic-bezier(.12,.845,.305,1),-webkit-color .45s  cubic-bezier(.12,.845,.305,1);
} .gallery.gallery-columns-3 .gallery-item {
width: 100%;
margin-bottom: 15px;
}
.storefront-primary-navigation{
background: transparent;
}
nav#site-navigation {
margin-left: 1.41575em;
margin-right: 1.41575em;
}
.woocommerce-active .site-branding {
float: right;
margin-top: 8px;
margin-right: 32px;
}
.site-branding a img { }
button.menu-toggle {
background-color: transparent;
border: none;
float: left;
}
.woocommerce-breadcrumb {
display: none;
}
.woocommerce-LoopProduct-link {
display:
}
.handheld-navigation {
background: #ffffff;
z-index: 9999;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.33);
}
.main-navigation ul li a {
color: #802743;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
font-family: 'Philosopher', sans-serif;
}
.handheld-navigation {
width: 70%;
margin-left: -15px;
z-index: 999;
position: relative;
}
.handheld-navigation ul { }
.handheld-navigation li {
border-bottom: 1px solid rgba(0, 0, 0, .05);
padding: 10px 30px;
height: calc(70vh / 7);
display: table;
width: 100%;
text-align: center;
}
.handheld-navigation li a {
vertical-align: middle;
display: table-cell !important;
}
.site-header ul.menu li.current-menu-item>a {
color: #948C74;
}
.main-navigation ul li a:before {
content: none;
}
.main-navigation ul li a:hover, .main-navigation ul li:hover>a {
color: #948C74;
text-decoration: none;
}
button:focus {
outline-color: rgba(150, 88, 138, 0);
}
.site-header2 {
background: #fff !important;
padding: 0px 0px;
padding-top: 1.618em;
padding-bottom: 1.618em;
}
.redesSociales ul {
margin-left: 0 !important; height: auto !important;
}
.redesSociales {
padding: 10px 16px !important;
display: none !important;
}
.redesSociales ul li {
border: none;
padding: 10px 12px;
height: auto;
display: table;
width: auto;
text-align: center;
}
.redesSociales ul li img {
max-width: 28px;
} .storefront-handheld-footer-bar ul li>a {
background: white;
color: #1e2427;
}
.storefront-handheld-footer-bar {
border: none !important;
box-shadow: 0 8px 35px rgba(48, 72, 118, .23);
}
.button.menu-toggle, button.menu-toggle:hover {
background-color: transparent;
}
.storefront-handheld-footer-bar ul li.llamada>a:before {
content: "\f015 ";
background: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/btn_telefono.png) no-repeat;
background-size: 30px;
background-position: 50%;
font-size: 0;
}
.storefront-handheld-footer-bar ul li.servicios>a:before {
content: "\f015 ";
background: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/discount.png) no-repeat;
background-size: 30px;
background-position: 50%;
font-size: 0;
}
.storefront-handheld-footer-bar ul li.tienda>a:before {
content: "\f015 ";
background: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/btn_tienda.png) no-repeat;
background-size: 30px;
background-position: 50%;
font-size: 0;
}
.storefront-handheld-footer-bar ul li.carrito>a:before,
.storefront-handheld-footer-bar ul li.cart>a:before {
content: "\f015 ";
background: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/shopping-cart.png) no-repeat;
background-size: 30px;
background-position: 50%;
font-size: 0;
}
.storefront-handheld-footer-bar ul li>a:before {
line-height: 2;
font-size: 2em;
}
.term-16 .llamar a:first-child {
display: none;
}
.storefront-handheld-footer-bar ul li.cart .count {
color: #802743;
}
.storefront-handheld-footer-bar ul li.cart .count {
border: 1px solid #eaeaea;
background: white;
} .content_cabecera {
height: 50vh;
background: url(https://www.klarum.es/wp-content/uploads/2018/04/bg_galeria.jpg) no-repeat;
background-size: cover;
background-position: bottom center;
position: relative;
}
.page-template-template-contacto .content_cabecera {
background: url(https://klarum.es/wp-content/themes/klarum-jaleacrea/images/bg_nosotros4.jpg) no-repeat;
background-position: 30%;
}
.titulo_cabecera {
max-width: 95%;
margin: 0 auto;
padding-top: 30vh;
}
.titulo_cabecera h2 {
color: white;
margin-bottom: 10px;
font-weight: 100;
}
.titulo_cabecera h2 strong {
color: #802743;
}
.titulo_contacto h2 strong {
color: #a7986e;
}
.titulo_cabecera {
max-width: 95%;
margin: 0 auto;
padding-top: 25vh;
}
.line_titulo_cabecera {
width: 15%;
background: #a7986e;
height: 3px;
border: none;
margin: 0 auto;
}
.titulo_cabecera em {
color: white;
}
article {
max-width: 95%;
margin: 0 auto;
padding-top: 45px;
}
.imagen_produto {
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 40%;
position: relative;
border-top: 1px solid #efefef;
transition: all .45s cubic-bezier(.12,.845,.305,1),-webkit-all .45s cubic-bezier(.12,.845,.305,1);
}
.imagen_produto:hover {
box-shadow: 15px 10px 59px rgba(0, 0, 0, 0.2);
transition: all .45s cubic-bezier(.12,.845,.305,1),-webkit-all .45s cubic-bezier(.12,.845,.305,1);
}
.imagen_produto:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #252f3b;
-webkit-background: linear-gradient(to left, #383a3c, #252f3b);
-moz-background: linear-gradient(to left, #383a3c, #252f3b);
background: linear-gradient(to left, #383a3c, #252f3b);
opacity: .4;
}
.titulo_produto {
display: table;
height: 100%;
border-top: 1px solid #efefef;
position: relative;
}
.titulo_produto h2 {
color: #426070 !important;
display: table-cell;
font-size: 1.2em !important;
vertical-align: middle;
font-family: philosopher;
position: absolute;
top: 50%;
width: 85%;
margin-bottom: 0;
transform: translateY(-50%);
}
.content_productos span.price {
z-index: 99;
color: white;
font-weight: 100;
font-size: 1.2em;
float: right;
position: absolute;
top: calc(50% - 10px);
right: 15px;
}
.content_productos { height: 100px;
}
.storefront-sorting {
margin-bottom: 0;
display: none;
}
.cabecera_servicios {
background: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/bg_servicios.png) no-repeat;
background-size: cover;
background-position: center center;
height: 180px;
display: table;
width: 100%;
}
.cabecera_servicios_content {
display: table-cell;
vertical-align: middle;
}
.cabecera_servicios_content h2 {
font-size: 1.1em;
color: white;
font-weight: 300;
text-align: center;
text-transform: uppercase;
letter-spacing: 1.2px;
margin-top: 10%;
}
hr.line_cabecera_servicios {
width: 10%;
margin: 0 auto;
background: #802743;
height: 2px;
}
.archive .col-full {
margin-left: 0;
margin-right: 0;
padding: 0;
} .gallery.gallery-columns-2 .gallery-item {
width: 50%;
max-height: 120px;
position: relative;
border: 1px solid #fbfbfb;
overflow: hidden;
}
a.fancybox.image:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #252f3b;
opacity: .25;
}
.gallery .gallery-item .gallery-icon img {
width: 100%;
}
#galeria article {
padding: 0;
max-width: 100%;
}
.gallery .gallery-item .gallery-caption {
margin: 0;
text-align: center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 9999;
width: 100%;
right: 0;
color: white;
line-height: 118px;
font-family: 'Philosopher', sans-serif;
font-size: 1.2em;
}
.cabecera_productos {
background: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/bg_productos.png) no-repeat;
background-size: cover;
background-position: center center;
height: 180px;
display: table;
width: 100%;
position: relative;
}
.cabecera_productos:after {
content: "";
width: 200%;
height: 44px;
background: white;
position: absolute;
bottom: -7px;
left: 0;
transform: rotate(-5deg);
z-index: 99;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
background-color: #802642; border: none;
color: #ffffff;
box-shadow: none;
font-family: Montserrat;
font-size: 1em;
font-weight: 100;
text-transform: uppercase;
}
.single-product .col-full {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.summary.entry-summary {
max-width: 90%;
margin: 0 auto;
float: none;
}
.woocommerce-tabs {
max-width: 100%;
margin: 0 auto;
float: none;
padding-right: 15px;
padding-left: 15px;
}
.woocommerce-product-gallery {
height: 45vh;
min-height: 350px;
overflow: hidden;
}
.woocommerce-product-gallery:before { }
.ola{
position: relative;
margin-top: 220px;
} .wave-typography-1 {
width: 100%;
position: absolute;
bottom: calc(100% - 1px);
left: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.container_text {
margin: auto;
padding-top: 90px;
padding-bottom: 60px;
background: #132b3f;
background: -webkit-gradient(linear, left top, right top, from(#0e1c2a), to(#1d466c));
background: -webkit-linear-gradient(left, #0e1c2a 0%, #1d466c 100%);
background: -o-linear-gradient(left, #0e1c2a 0%, #1d466c 100%);
background: linear-gradient(90deg, #0e1c2a 0%, #1d466c 100%);
}
.container_text .content_inicio {
position: relative;
top: auto; 
left: auto; 
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
width: 100%;
text-align: center;
margin: 0 auto;
}
.woocommerce-product-gallery:after {
content: "";
width: 200%;
height: 44px;
background: white;
position: absolute;
bottom: -7px;
left: 0;
transform: rotate(-5deg);
z-index: 99;
}
.single-product div.product .woocommerce-product-gallery img {
margin: 0;
object-fit: cover;
width: 100% !important;
object-position: center;
height: 100% !important;
}
.container_text .btn_primary a {
background: #e2e2e2;
padding: 10px 32px;
border-radius: 5px;
color: #11273b;
font-weight: bold;
}
.container_text h3 {
color: #d4d4d4;
}
.woocommerce-product-gallery__trigger {
display: none;
}
.titulo_tratamiento { margin-bottom: 50px;
width: 100%;
z-index: 9;
}
.titulo_tratamiento h1 {
color: #9d906d;
font-size: 2.6em;
font-weight: 700;
font-family: philosopher;
margin-bottom: 8px;
}
.titulo_tratamiento .line_titulo_cabecera {
background: #952242;
margin-left: 0;
}
ul.products li.product {
box-shadow: 0 10px 25px 0 rgba(49, 49, 93, 0.1);
padding-bottom: 30px;
}
ul.products li.product img {
display: block;
margin: 0 auto 1.618em;
margin-right: 0;
margin-left: 0;
width: 100%;
}
.
.titulo_tratamiento em {
color: #d6d6d6;
padding-top: 8px;
display: block;
text-transform: uppercase;
font-size: 12px;
font-style: initial;
font-weight: bold;
letter-spacing: 1px;
}
.row_wrapper {
display: block;
width: 100%;
padding-left: 45px;
padding-right: 45px;
display: flex;
align-items: center;
-ms-flex-direction: row;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
flex-direction: column;
border-radius: 5px;
box-shadow: 0 10px 25px 0 rgba(49, 49, 93, 0.1);
}
.boton_comprar h3 {
text-align: center;
}
.circulo_precio {
border-radius: 50%;
width: 70px;
height: 70px;
display: block;
position: absolute;
background: #1d466c;
box-shadow: 0px 8px 42px 0px rgba(47, 47, 114, 0.38);
right: 5%;
top: 0;
top: 36vh;
z-index: 999;
}
.circulo_precio .price {
font-weight: 700;
color: white !important;
margin: 0 auto;
text-align: center;
line-height: 1;
font-family: Montserrat;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.circulo_galeria {
border-radius: 50%;
width: 65px;
height: 65px;
display: block;
position: absolute;
background-image: -moz-linear-gradient( 90deg, rgb(167, 152, 110) 0%, rgb(155, 143, 109) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(167, 152, 110) 0%, rgb(155, 143, 109) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(167, 152, 110) 0%, rgb(155, 143, 109) 100%);
box-shadow: 0px 8px 42px 0px rgba(27, 26, 26, 0.35);
right: 5%;
top: 0;
top: 40vh;
z-index: 999;
cursor: pointer;
transition: transform .45s cubic-bezier(.12,.845,.305,1),-webkit-transform .45s cubic-bezier(.12,.845,.305,1);
}
.circulo_galeria:hover img {
transform: scale(.9);
cursor: pointer;
transition: transform .45s cubic-bezier(.12,.845,.305,1),-webkit-transform .45s cubic-bezier(.12,.845,.305,1);
}
.circulo_galeria span {
position: absolute;
top: 50%;
left: 50%;
width: 32px;
transform: translate(-50%, -50%);
}
.related h2 {
text-align: center;
}
.single-product div.product form.cart {
text-align: center;
}
.single-product div.product form.cart .button {
float: inherit;
}
.single-product div.product{
overflow: inherit;
} .boton_comprar button {
border-radius: 5px;
background-image: -moz-linear-gradient( 6deg, rgb(128, 39, 67) 0%, rgb(126, 44, 70) 100%);
background-image: -webkit-linear-gradient( 6deg, rgb(128, 39, 67) 0%, rgb(126, 44, 70) 100%);
background-image: -ms-linear-gradient( 6deg, rgb(128, 39, 67) 0%, rgb(126, 44, 70) 100%);
width: 80%;
height: 50px;
font-family: Montserrat;
}
ul.products li.product .button {
margin-bottom: .236em;
border-radius: 5px;
background-image: -moz-linear-gradient( 6deg, rgb(128, 39, 67) 0%, rgb(126, 44, 70) 100%);
background-image: -webkit-linear-gradient( 6deg, rgb(128, 39, 67) 0%, rgb(126, 44, 70) 100%);
background-image: -ms-linear-gradient( 6deg, rgb(128, 39, 67) 0%, rgb(126, 44, 70) 100%);
height: 50px;
font-family: Montserrat;
font-weight: 900;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
}
.button {
line-height: 33px;
}
span.requerido {
color: #802642;
}
.site-footer {
display: table;
}
.content_productos .price del .amount {
color: #191818;
}
section.related.products {
background: #efefef;
display: table;
width: 100%;
}
hr.line_titulo_relacionados {
width: 20%;
margin: 0 auto;
background: #a7986e;
height: 2px;
margin-bottom: 40px;
}
.related h2 {
padding: 40px 0 10px 0;
margin-bottom: 0 !important;
color: #426070;
font-family: philosopher;
font-weight: bold;
font-size: 2em !important;
}
.woocommerce-product-gallery__trigger {
display: none;
}
ul.products li.product .woocommerce-loop-product__title {
margin-bottom: 10 !important;
color: #426070;
font-family: philosopher;
font-weight: bold;
font-size: 20px !important;
}
.descripcion 
{
margin: 0 auto;
float: none;
width: 100%;
margin-left: 30px;
margin-right: 30px;
padding: 15px 0 60px 0;
}
.descripcion ul li {
color: #183b59 !important;
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-family: philosopher;
margin-bottom: 4px;
font-size: 18px !important;
}
.descripcion ul li strong {
color: #7f2743;
}
.boton_comprar {
width: 100%;
padding-bottom: 40px;
}
.descripcion h3 {
padding: 30px 0 15px 0;
margin-bottom: 0 !important;
color: #426070;
font-family: philosopher;
font-weight: 100;
font-size: 2.7em !important;
margin-top: auto;
}
.descripcion h4 {
color: #7e2c46;
font-size: 21px !important;
font-family: philosopher;
}
.onsale {
display: none;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: none;
}
.content_contacto .content_cabecera:after { }
.content_contacto .content_cabecera:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #252f3b;
-webkit-background: linear-gradient(to left, rgba(56, 58, 60, 0.61), #252f3b);
-moz-background: linear-gradient(to left, rgba(56, 58, 60, 0.61), #252f3b);
background: linear-gradient(to left, rgba(56, 58, 60, 0.61), #252f3b);
opacity: .85;
}
.header_contacto_titulo h2 {
font-size: 16px;
text-transform: uppercase;
display: inline-block;
margin-left: 10px;
color: #9d916d;
vertical-align: middle;
}
.header_contacto_titulo i {
display: inline-block;
}
.header_contacto_titulo i img {
max-width: 20px;
}
.content_contacto .box {
border-bottom: 1px solid #efefef;
display: table;
width: 100%;
padding: 15px 0;
}
.box span h2 {
display: table-cell;
vertical-align: middle;
font-size: 1.1em;
color: #b6b6b8;
font-family: philosopher;
font-weight: 100;
padding-top: 5px;
}
.box span {
padding: 0;
}
.box span:last-child {
text-align: right;
display: inherit;
}
.box span p {
display: table-cell;
vertical-align: middle;
font-size: 1em !important;
color: #426070 !important;
font-family: Montserrat;
}
.titulo_contacto .line_titulo_cabecera {
width: 15%;
background: #802743;
height: 3px;
border: none;
}
.info_telefono_header a i {
margin-right: 10px;
}
.info_telefono_header {
margin-bottom: 20px;
}
.info_telefono_header a {
color: #7f2743;
font-size: 16px;
font-weight: bold;
letter-spacing: 4px;
}
.formulario {
max-width: 95%;
margin: 0 auto;
padding-top: 45px;
float: none;
}
.woocommerce-message {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 1em 1.618em;
background-color: #a6976e !important;
margin-left: 0;
border: none;
border-radius: 2px;
color: #fff !important;
font-family: Raleway;
font-weight: 100;
}
.product-name a {
color: #802642;
font-weight: 100;
font-family: Montserrat;
font-size: 1em;
}
.entry-header {
display: none;
}
.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
}
.page-template-default header {
position: relative;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
color: #426070;
font-family: philosopher;
font-weight: 100;
font-size: 1.2em;
}
.single-product div.product .woocommerce-product-gallery {
opacity: 1 !important;
}
h2.woocommerce-loop-category__title {
color: #426070;
font-family: philosopher;
font-weight: 100;
font-size: 2.2em !important;
}
mark {
color: #666;
} .DOPBSPCalendar-container {
width: 100%;
}
label.book_start_date_label {
display: block;
margin-top: 0 !important;
margin: 0 auto;
padding: 20px 0 15px 0;
margin-bottom: 0 !important;
color: #426070;
font-family: philosopher;
font-weight: 100;
font-size: 2em !important;
}
.ui-datepicker {
left: 10% !important;
}
input[type=text] {
padding: .6180469716em;
background-color: #f2f2f2;
color: #a5976e;
outline: 0;
border: 0;
-webkit-appearance: none;
border-radius: 2px;
font-weight: bold !important;
text-align: center;
box-sizing: border-box;
box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
}
#booking_calender{
width: 50%; 
}
div#show_time_slot label {
display: block;
font-size: 1.11em;
font-family: Montserrat;
text-transform: uppercase;
color: #426070;
font-weight: bold;
margin: 0 auto;
margin-top: 20px;
}
.time_slot {
font-family: inherit;
color: #a5976e;
width: 50%;
padding: 5px 10px;
}
img#checkin_cal {
margin: 0 auto !important;
}
span#bkap_price {
color: #a5976e;
}
button.single_add_to_cart_button.button.alt {
margin-top: 15px;
}
ul.woocommerce-error{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
div#ajax_img {
margin: 0 auto;
}
.woocommerce-billing-fields__field-wrapper .input-text, input[type=text]{
width: 100%;
}
option {
color: #374650;
padding: 15px 0;
font-weight: bold !important;
}
select#servicio,
select#tipo-de-servicio,
select#tipo-depilacion,
select#tipo-de-maquillaje,
select#tipo-servicio
{
padding: .6180469716em;
background-color: #f2f2f2;
color: #374650;
outline: 0;
border: 0;
width: 100%;
-webkit-appearance: none;
border-radius: 2px;
font-weight: bold !important;
text-align: center;
box-sizing: border-box;
box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
} @media (max-width: 520px){
.gallery.gallery-columns-4 .gallery-item {
width: 47%;
margin: 5px;
}
div#gallery-1 {
padding-top: 22px;
}
span.slickslider.previo.slick-arrow {
bottom: 95.2% !important;
left: 1px !important;
width: 22% !important;
height: 32px !important;
font-size: 11px !important;
line-height: 32px !important;
border-radius: 5px 5px 0 0 !important;
}
span.slickslider.siguiente.slick-arrow{
bottom: 95.2% !important;
right: 1px !important;
width: 22% !important;
height: 32px !important;
font-size: 11px !important;
line-height: 32px !important;
border-radius: 5px 5px 0 0 !important;
}
.row_wrapper{
padding-left: 15px;
padding-right: 15px;  
}
h2.mes {
text-align: center;
font-size: 16px;
}
.social_wrapper ul li a img {
max-width: 24px;
margin-left: 6px;
}
figure.woocommerce-product-gallery__wrapper {
height: 100%;
}
.woocommerce-product-gallery__image {
height: 100%;
}
section.related.products{
background: #fff;
}
section.related.products li.product img {
display: block;
margin: 0 auto 1.618em;
margin-right: 0;
margin-left: 0;
width: 100%;
object-fit: cover;
height: 150px;
}
.ola{
margin-top: 0;
}
.main-navigation ul li a {
font-size: 12px;
}
.content_contacto .content_cabecera:after{
content: "";
width: 200%;
height: 44px;
background: white;
position: absolute;
bottom: -7px;
left: 0;
transform: rotate(-5deg);
z-index: 99;
}
.info_telefono_header a {
color: #802743;
}
.info_telefono_header {
position: absolute;
right: 12px;
bottom: 6px;
}
.social_wrapper ul {
margin-left: 15px !important;
}
.woocommerce-active .site-branding {
margin-right: 15px;
}
nav#site-navigation { }
.content_inicio .logo img {
max-width: 60%;
margin: 0 auto;
}
.content_inicio h3 {
line-height: 32px;
margin-bottom: 22px;
}
}
@media (min-width: 768px) {
.content_nosotros {
text-align: center;
}
.gallery {
margin-bottom: 1.6em;
column-count: 3;
column-gap: 16px;
}
.storefront-primary-navigation {
background: #7f2743;
}
.main-navigation ul li a {
color: #f9f4f5;
}
.gallery-item {
padding: 1%;
text-align: center;
break-inside: avoid-column;
margin-bottom: 16px;
width: 100% !important;
max-width: 100% !important;
float: none;
}
.ancho-contenido {
max-width: 1170px;
margin: 0 auto;
display: table;
padding-top: 22px;
}
.content_cabecera {
height: 45vh;
background: url(https://www.klarum.es/wp-content/uploads/2018/04/bg_galeria.jpg) no-repeat;
}
.secondary-navigation .menu {
font-size: .875em;
width: auto;
float: right;
display: none;
}
article {
max-width: 1170px;
margin: 0 auto;
float: none !important;
}
.titulo_cabecera {
max-width: 1170px;
margin: 0 auto;
padding-top: 130px;
float: none;
z-index: 99;
position: relative;
}
.circulo_galeria {
right: 15%;
}
.col-full {
max-width: 1170px;
}
.archive .col-full {
margin: 0 auto;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.site-header {
position: relative;
margin-bottom: 0 !important;
padding-top: 15px;
} .page-template-template-galeria .col-full {
display: block !important;
}
.page-template-template-contacto .col-full {
display: block !important;
}
.page-template-template-principal .col-full {
display: block !important;
}
.page-template-template-nosotros .col-full {
display: block !important;
}
.page-template-template-contacto #content {
max-width: 67.141em;
margin-left: auto;
margin-right: auto;
padding: 0 2.617924em;
box-sizing: content-box;
}
.page-template-template-contacto #content {
max-width: inherit;
margin-left: auto;
margin-right: auto;
padding: 0;
box-sizing: content-box;
}
.page-template-template-contacto .content_cabecera {
height: 350px;
background: url(https://www.klarum.es/wp-content/uploads/2018/04/klarum-salon-belleza-10.jpg) no-repeat;
background-size: cover;
background-position: 50% 37%;
position: relative;
}
.formulario {
max-width: 1170px;
margin: 0 auto;
padding-top: 45px;
float: none;
}
.content_contacto .content_cabecera:after { }
.site-main 
{
margin-bottom: 2.617924em;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 0 2.617924em;
box-sizing: content-box;
}
.single-product .col-full {
margin: 0 auto;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
width: 100%;
margin-right: 0;
}
.single-product .site-main {
padding-right: 0;
padding-left: 0;
}
.woocommerce-active .site-branding {
float: left;
}
.site-header-cart .cart-contents {
color: #a7986e;
}
.site-header-cart .cart-contents:hover {
color: rgba(167, 152, 110, 0.88);
}
.storefront-handheld-footer-bar {
display: block;
}
.storefront-handheld-footer-bar ul.columns-4 li {
width: 25%;
border-right: 1px solid #ebebeb;
}
.content_productos {
height: 20vh;
}
.titulo_produto h2 {
font-size: 2em !important;
}
.content_productos span.price {
font-size: 2.2em;
font-weight: bold;
font-family: 'Philosopher', sans-serif;
text-shadow:0px 0px 6px rgba(0, 0, 0, 0.4196078431372549);
color: #fff;
z-index: 99;
position: relative;
}
.imagen_produto:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #252f3b;
-webkit-background: linear-gradient(to left, rgba(37, 47, 59, 0.2) 30%, rgba(37, 47, 59, 0.28) 35%, #ffffff 100%);
-moz-background:linear-gradient(to left, rgba(37, 47, 59, 0.2) 30%, rgba(37, 47, 59, 0.28) 35%, #ffffff 100%);  background: linear-gradient(to left, rgba(37, 47, 59, 0.2) 30%, rgba(37, 47, 59, 0.28) 35%, #ffffff 100%);
opacity: 1;
}
ul.products {
margin-top: 62px;
}
.cabecera_servicios_content h2 {
font-size: 1.4em;
color: #948C74;
text-align: center;
margin-top: 0%;
margin-top: 15px;
font-weight: 100;
font-size: 1.5em;
letter-spacing: 10px;
text-transform: uppercase;
font-family: 'Philosopher', sans-serif;
}
.cabecera_servicios {
background: none;
}
ul.products li.product .price {
display: block;
color: #43454b;
font-weight: bold;
font-size: 16px;
color: #d5c7bc !important; 
}
.cabecera_productos {
background: none;
}    
a:hover, a:focus {
text-decoration: none;
}
.cabecera_productos:after {
content: none;
}
.gallery.gallery-columns-2 .gallery-item {
max-height: 300px;
}
.gallery .gallery-item .gallery-icon a {
position: relative;
}
.page-template-template-galeria #content {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0;
box-sizing: content-box;
}
.gallery .gallery-item .gallery-icon img {
width: 100%;
box-shadow: 1px 30px 33px rgba(0, 0, 0, 0.07);
}
.single-product div.product .woocommerce-product-gallery img {
margin: 0;
object-fit: cover;
width: 100% !important;
object-position: center;
height: 100% !important;
}
#inicio {
height: 100%;
background: url(https://www.klarum.es/wp-content/uploads/2018/05/bg_klarum_mer.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
section#inicio:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
bottom: 0;
right: 0;
background: transparent;
}
.page-template-template-principal #inicio{ background-position: center center;
}
.page-template-template-nosotros .content_cabecera {
height: 45vh; background: url(https://www.klarum.es/wp-content/uploads/2019/09/Estibaliz-Pareja-Klarum.jpg) no-repeat;
background-size: cover;
background-position: 50% 33%;
position: relative;
}
.titulo_cabecera h2 {
font-size: 3.2em;
color: #9d906d;
font-size: 2.6em;
font-weight: 700;
font-family: philosopher;
margin-bottom: 8px;
}
.term-16 ul.products {
margin-top: 0;
}
section.related.products {
background: #fff;
margin-top: 60px;
}
.related h2 {
color: #7e2b46;
}
.descripcion h3 {
color: #7e2c46;
font-size: 21px !important;
}
.ui-datepicker {
padding: 0;
margin: 0;
border-radius: 0 !important;
border: 1px solid #dfdfdf;
border-top: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
min-width: 18em;
top: 50% !important;
left: 50% !important;
transform: translate(-50%);
}
.boton_comprar button {
width: 25%;
float: right !important;
}
label {
width: 100%;
}
table.shop_table_responsive tr td{
display: table-cell;
}
.wc-proceed-to-checkout .button.checkout-button {
background: #802642;
font-family: philosopher;
}
table.cart td.actions input {
font-family: philosopher;
}
button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current, .widget a.button.checkout {
background: #802642;
font-family: philosopher;
}
table.cart td, table.cart th {
color: #426070;
}
.site-search {
display: none;
}
.woocommerce-active .site-header .site-header-cart {
display: none;
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
background-color: #a7986e;
}
form.cart {
display: table;
width: 50%;
margin: 0 auto;
text-align: center !important;
}
button.single_add_to_cart_button.button.alt {
width: 36% !important;
float: none !important;
}
.time_slot {
width: 25%;
}
}
@media (max-width: 700px) and (orientation: landscape) { 
.handheld-navigation {
width: 100%;
}
.handheld-navigation li {
border-bottom: 1px solid rgba(0, 0, 0, .05);
padding: 8px 30px;
display: inline-block;
height: calc(95vh / 7);
vertical-align: middle;
width: 49%;
text-align: center;
} 
}
.noticias-loop.noticia,
.noticias-single
{
display: inline-block;
border-bottom: 1px solid #eeeeee;
} #page 
{
margin-bottom: 100px;
}
.page-template-template-principal #page{
margin-bottom: 0;
} #micuenta .content_cabecera 
{
height: 30vh;
background: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/bg_nosotros.jpg) no-repeat;
background-size: cover;
background-position: bottom center;
position: relative;
}
#micuenta .titulo_cabecera 
{
max-width: 95%;
margin: 0 auto;
padding-top: 15vh;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout
{
display: none !important;
}
.woocommerce-MyAccount-navigation-link 
{
float: left;
width: 31%;
height: 120px;
border: 1px solid #2e4e5e !important;
margin: 20px 1%;
text-align: center;
}
.woocommerce-MyAccount-navigation ul li a 
{
padding: .875em 0;
display: block;
width: 100%;
float: left;
font-size: 12px;
color: #802743;
}
.woocommerce-MyAccount-navigation ul li a:before {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: 50px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0f6";
margin-left: 0px;
width: 100%;
opacity: .75;
float: left;
text-align: center;
}
.woocommerce-button.button.view,
.woocommerce-button.button.cancel,
.woocommerce-button.button.invoice
{
float: left;
margin: 10px 1%;
}
.woocommerce-button.button.view
{
clear: left;
}
.woocommerce-button.button.view,
.woocommerce-button.button.cancel
{
width: 48%;
}
.woocommerce-button.button.invoice
{
width: 100%;
}  .galeria.imagen {
min-height: 170px;
overflow: hidden;
display: list-item;
}
.galeria.imagen img
{
width: 100%;
max-width: 100%;
height: auto;
} li.woocommerce-MyAccount-navigation-link.galeria 
{
width: 100%;
}
.woocommerce-MyAccount-navigation-link.galeria a:before 
{
content: "\f030";
} .oculto
{display: none !important;}
.cita-manual 
{
padding: 18px 5px;
}
.cita-manual.boton-enviar 
{
text-align: center;
}
.cita-manual.boton-enviar input 
{
max-width: 300px;
float: none;
text-align: center;
border-radius: 5px;
font-family: philosopher;
font-size: 15px;
line-height: 15px;
}
.cita-manual input, 
.cita-manual select 
{
float: left;
width: 100%;
height: 40px;
text-align: left;
margin-top: 8px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok 
{ float: left;
width: 100%;
margin: 0px;
text-align: center;
border-color: #802642;
}
.cdp-cookies-alerta 
{
position: absolute;
bottom: 0px;
z-index: 10000;
height: 60px;
}
span.slickslider.previo.slick-arrow {
position: absolute;
bottom: 94%;
left: 0;
float: none !important;
text-transform: uppercase;
width: 14%;
padding: 0;
height: 36px;
font-size: 12px;
z-index: 999;
text-align: center;
color: #ffffff;
line-height: 36px;
background: #802642;
border-radius: 5px;
cursor: pointer;
}
span.slickslider.siguiente.slick-arrow {
position: absolute;
bottom: 94%;
float: none !important;
right: 0;
text-transform: uppercase;
width: 14%;
padding: 0;
height: 36px;
font-size: 12px;
z-index: 999;
text-align: center;
color: #ffffff;
line-height: 36px;
background: #802642;
border-radius: 5px;
cursor: pointer;
}
div.day-number {
background: #b1b1b1 !important;
font-weight: bold;
font-family: Lato !important;
font-size: 12px !important;
border-radius: 50%;
width: 30px !important;
}
.single-product form.cart {
margin-top: 0px;
}
.calendar-event a {
font-family: philosopher;
font-weight: 700;
font-size: 12px;
padding-top: 4px;
display: block;
}
.calendar-event a {
font-family: philosopher;
font-weight: 700;
font-size: 14px;
padding-top: 4px;
display: block;
}
h2.mes {
text-align: center;
}
td.calendar-day, td.calendar-day-np {
width: 120px;
padding: 5px;
border-bottom: 1px solid #ECECF0  !important;
border-right: 1px solid #ECECF0 !important;
}
table.calendar {1
border-left: 1px solid #ECECF0 !important;
}
.form-row label {
display: block;
margin-bottom: 8px;
margin-top: 10px;
}
.form-row-wide {
margin: 24px 0;
}
.form-row label {
color: #7f2743;
}
.social_wrapper
{
display: inline-block;
float: right;
}
.social_wrapper li {
display: inline-block;
list-style: none;
}
.social_wrapper ul {
margin-left: 32px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors 
{
display: inline-block !important;
width: 100%;
border: 3px solid;
border-radius: 5px;
padding: 15px;
font-size: 16px;
}
span.wpcf7-not-valid-tip
{
display: inline-block;
}
p.cart-empty+p.cart-empty {
display: none;
}
a.envio-whatsapp {
background: url(https://www.klarum.es/wp-content/themes/klarum-jaleacrea/images/whatsapp.png);
display: block; background-position: right center;
background-size: contain;
background-repeat: no-repeat;
background-color: #0e8b06; padding: 10px 20px;
font-size: 16px;
color: white;
border-radius: 30px;
margin: 20px auto;
}
@media (min-width: 1000px)
{
a.envio-whatsapp{display: none;}
}
@media (max-width: 700px)
{
div.envio-formulario{display: none;}
}
.single-product div.product form.cart .quantity {
float: left;
margin-top: 15px;
}
.quantity::before
{
content: "Unidades: ";
}
.mob-menu-header-holder.mobmenu
{
top: 0px !important;
}
td.calendar-day.calendar-day-event.domingo a {
display: none;
} div#calendario-citas
{
float: left;
width: 100%;
margin-top: 30px;
}
div#calendario-citas div.calendar-day-np,
div#calendario-citas div.calendar-day
{
min-height: 100px;
}
div.calendar-row
{
width: 100%;
float: left;
}
div.calendar-row
{
width: 100%;
float: left;
}
div.calendar-day-head 
{
float: left;
width: 14%;
border: 1px solid #ffffff;
text-align: center;
background: #1d466c;
color: white;
}
div.calendar-day-np
{
float: left;
width: 14%;
border: 1px solid white;
background: #dcdce7;
min-height: 50px;
}
div.calendar-day
{
float: left;
width: 14%;
}
div.domingo
{
background: #80264247;
}
div.domingo a 
{
display: none;
}
.day-number {
text-align: center;
color: white;
height: 30px;
line-height: 28px;
margin: 5px;
float: right;
}
span.ver-citas
{
background-image: url(https://www.klarum.es/wp-content/themes/klarum-jaleacrea/images/ver-cita.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
min-height: 50px;
float: left;
border-left: 10px solid white;
border-right: 10px solid white;
}  div#wpadminbar
{
display: block;
position: fixed;
}
@media only screen and (max-width: 1025px)
{
.mobmenu-push-wrap, 
body.mob-menu-slideout-over
{
padding-top: 0px !important;
}
} .page-id-9 h2,
.page-id-9 h2+p
{
display: none;
}
.popupcitas .modal-body
{
float: left !important;
width: 100% !important;
background: #bdb8b8 !important; padding: 15px;
margin-bottom: 75px;
}
.popupcitas .modal-dialog {
margin-top: 75px;
}
button.horascitas 
{
float: left !important;
margin: 1% !important;
width: 23% !important;
}
button.sabado.17_00
{
display: none !important;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.inline
{
display: none;
}  .summary.entry-summary {
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
} .objeto-estilista,
.objeto-serviciodomi
{
transition: all 1s ease;
}
.esconder
{
width: 0px !important;
padding: 0px !important;
overflow: hidden;
transition: all 1s ease;
} .woocommerce-message {
margin-top: 20px !important;
} .content_cabecera.klarum_home
{
height: auto;
background-image: url(https://www.klarum.es/wp-content/uploads/2018/11/bg.jpg);
padding: 50px 0px;
}
.content_cabecera.klarum_home h1 {
font-size: 36px;
color: #426070;
font-weight: 500;
font-family: 'Philosopher', sans-serif;
text-align: left;
font-style:italic;
}
.content_cabecera.klarum_home img {
padding-bottom: 40px;
}
.content_cabecera.klarum_home p.definicion {
color: #686d73 !important;
font-size: 18px !important;
text-align: left;
max-width: 600px;
}
.content_cabecera.klarum_home p.cp_sub{
color: #686d73 !important;
font-size: 18px !important;
text-align: left;
font-weight: bold;
}
form#buscador_cp {
text-align: left;
max-width: 140px;
}
form#buscador_cp {
text-align: left;
max-width: 290px;
display: flex;
}
input[type="submit"]{
background-color: #9e957d;
}
form#restablecer_busqueda {
text-align: left;
max-width: 290px;
display: flex;
}
h1.titulo_servicios {
color: #426070;
font-size: 42px;
font-weight: bold;
font-family: 'Philosopher', sans-serif;
font-style: italic;
position: relative;
}
h1.titulo_servicios:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -56%);
font-size: 120px;
content: "Qué ofrecemos";
z-index: 0;
color: rgba(66, 96, 112, 0.15);
width: 100%;
}
h1.titulo_estilistas {
color: #426070;
font-size: 42px;
font-weight: bold;
font-family: 'Philosopher', sans-serif;
font-style: italic;
position: relative;
}
h1.titulo_estilistas:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -56%);
font-size: 120px;
content: "grandes estilistas";
z-index: 0;
color: rgba(66, 96, 112, 0.15);
width: 100%;
}
.objeto-serviciodomi-sumario {
display: flex;
flex-flow: column;
padding: 25px;
background: #fff;
box-shadow: 0 10px 25px 0 rgba(49, 49, 93, 0.1);
}
span.serviciodomi-nombre {
font-size: 21px;
font-family: 'Philosopher', sans-serif;
font-weight: bold;
max-width: 66%;
margin: 0 auto;
line-height: 28px;
}
span.serviciodomi-precio {
color: #bda898;
font-size: 16px;
padding: 12px 0;
background: #fff;
text-transform: uppercase;
font-family: oswald;
letter-spacing: 1px;
}
.content_nosotros {
background: #f7f7f7;
}
div#slider-estilistas {
padding: 90px 0;
}
.objeto-serviciodomi-sumario .boton {
background: #802743;
padding: 10px 10px;
color: white;
font-weight: 500;
border-radius: 3px;
font-family: Montserrat;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
background-image: -webkit-linear-gradient( 6deg, rgb(128, 39, 67) 0%, rgb(126, 44, 70) 100%);
}
div#servicios-domicilio {
display: inline-block;
padding: 90px 0 160px 0;
width: 100%;
}
.slick-slide {
padding: 30px;
}
.objeto-estilista-cargo {
padding: 25px;
background: #2c6071;
text-align: center;
}
span.estilista-nombre {
font-size: 21px;
font-family: 'Philosopher', sans-serif;
font-weight: bold;
color: white;
}
.objeto-estilista-cargo a {
display: flex;
flex-flow: column;
}
span.estilista-cargo {
color: #bda898;
text-transform: uppercase;
font-family: oswald;
letter-spacing: 1px;
}
.objeto-estilista-imagen {
height: 386px;
}
.objeto-estilista-imagen img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: top;
}
button.slick-prev.slick-arrow {
position: absolute;
top: calc(50% - 20px);
left: -30px;
z-index: 99;
}
button.slick-next.slick-arrow {
position: absolute;
top: calc(50% - 20px);
right: -30px;
z-index: 99;
}
.link_estilistas {
padding-bottom: 120px;
}
.link_estilistas a {
background: #802743;
padding: 12px 18px;
color: white;
font-weight: 500;
border-radius: 3px;
font-family: Montserrat;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
background-image: -webkit-linear-gradient( 6deg, rgb(128, 39, 67) 0%, rgb(126, 44, 70) 100%);
display: inline-block;
text-align: center;
}
input[type="submit"] {
font-family: Montserrat;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
}
.objeto-serviciodomi-imagen {
height: 244px;
}
.objeto-serviciodomi-imagen img {
object-fit: cover;
height: 100%;
width: 100%;
} .single-product #primary,
section.related.products,
body.custom-background
{
background-color: #f7f7f7;
}
.page-id-11150 div#primary,
.single-estilistas div#primary
{
background-color: #f7f7f7;
background-position: left center, right bottom;
background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/fondos/fondo-01.png),url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/fondos/fondo-02.png);
background-repeat: no-repeat,no-repeat;
}
.single-product #primary 
{
background-color: #f7f7f7;
background-position: right 25%;
background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/fondos/fondo-02.png);
background-repeat: no-repeat;
}
.contenedor-estilistas
{
display: block;
padding: 50px 0px;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.estilista-imagen
{
display: inline-block;
overflow: hidden;
max-height: 215px;
}
.estilista-texto {
display: inline-block;
vertical-align: top;
padding: 30px;
}
.estilista-extra
{
float: right;
padding: 30px;
}
a.boton.estilista-masinfo {
background: #7f2743;
display: inline-block;
width: 100%;
margin: 15px auto;
color: white;
text-align: center;
padding: 10px;
}
.page-id-11150 span.rating-result .star-result, span.rating-result .count {
display: none;
}
.rating-result .mr-star-rating,
.rating-form .rating-item .mr-star-rating-select
{
font-size: 22px;
}
.fa.fa-minus-circle.mr-minus
{
display: none;
}
span.puntuacion-titulo
{
display: block;
width: 100%;
text-align: center;
}
.page-id-11150 .strong-rating-wrapper.average {
text-align: center;
margin: 15px auto !important;
display: block;
} input#wpmtst_pol_tica_privacidad,
label.checkbox-label
{
float: left;
width: auto;
padding: 0px !important;
}
.parent-pageid-11158 label
{
width: auto;
}
.form-field.wpmtst-submit {
float: left;
width: 100%;
margin: 20px auto !important;
}
div#post-11155 {
margin-top: 160px;
} .estilista-mostrarQR .modal-dialog
{
margin-top: 100px;
}
img.qr-estilista-imagen {
display: block;
margin: 30px auto;
} .storefront-handheld-footer-bar ul li.cupones>a:before 
{
content: "\f0f6";
}
.storefront-handheld-footer-bar ul li.pedidos>a:before 
{
content: "\f029";
}
h3.aviso-no-servicio
{
margin: 80px auto;
display: block;
}
article.klarum_home_servicios 
{
margin: 60px auto;
}
.objeto-serviciodomi
{
margin: 20px auto;
}
button.slick-arrow 
{
background: none;
background-size: contain;
background-repeat: no-repeat;
height: 100px;
}
button.slick-next.slick-arrow
{
background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/right-arrow.png);
}
button.slick-prev.slick-arrow
{
background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/left-arrow.png);
} li#wp-admin-bar-wpab-servicios-domiciclio,
li#wp-admin-bar-wpab-tabla-pedidos-asignados
{
display: inline-block !important;
}
#wp-admin-bar-wpab-servicios-domiciclio .ab-item
{
padding: 0px 10px !important;
padding-left: 40px !important;
background-position: 10px center;
background-repeat: no-repeat;
background-size: 25px;
background-image: url(https://www.klarum.es/wp-content/plugins/Jalea_Gestionar_Domicilio/Domicilios-logo-18.png);
background-color: #989077;
}
li#wp-admin-bar-wpab-tabla-pedidos-asignados .ab-item
{
padding: 0px 10px !important;
padding-left: 40px !important;
background-position: 10px center;
background-repeat: no-repeat;
background-size: 25px;
background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/table-grid.png);
background-color: #989077;
}
span.url-valoraciones {
display: block;
text-align: left;
font-size: 15px;
color: black;
}
.woocommerce-message,
ul.woocommerce-error
{
margin-top: 50px !important;
}
.slick-track
{
margin-left: -15px;
margin-right: -15px;
}
.objeto-estilista
{
background: white;
margin: 70px auto;
}
span.estilista-valoraciones
{
display: block;
height: 30px;
}
span.serviciodomi-nombre
{
font-style: italic;
min-height: 90px;
margin-top: 15px;
}
span.serviciodomi-precio {
font-style: italic;
font-weight: bold;
font-size: 20px;
}
.jky-bullets li
{
list-style: none;
display: inline-block;
}
.jky-bullets button {
display: inline-block;
width: 12px;
background: #afafaf;
border-radius: 50px;
margin: 15px 5px;
font-size: 0px;
height: 12px;
}
.jky-bullets button:hover,
li.slick-active button
{
background: #1c282e;
}
span.concepto {
display: block;
font-size: 16px;
text-transform: uppercase;
color: #b5a79e;
margin: 5px auto;
}
span.valor {
font-size: 18px;
font-style: italic;
}
span.valor,
span.valor a
{
font-family: Montserrat, sans-serif;
color: #426070;
font-weight: bold;
}
.page-id-11150 .strong-rating span.star:before,
.page-id-11150 .strong-rating span.current:before,
.page-id-11150 .strong-rating span.star:before
{
color: #426070;
}
.page-id-11150 .strong-rating span.star:before
{
color: #426070;
}
.link_estilistas.azul {
display: block;
margin: 0 auto;
text-align: center;
}
.link_estilistas.azul a
{
background: #426070;
}
fieldset.wc-bookings-date-picker.wc_bookings_field_start_date legend
{
display: none;
}
@media (max-width: 375px)
{
.objeto-estilista
{
float: left;
}
.estilista-imagen,
.estilista-texto,
.estilista-extra
{
float: left;
width: 100%;
}
a.boton.boton-rebajas
{
width: 90% !important;
}
a.megaboton
{
margin: 20px 0px !important
}
.home .ola
{
margin-top: 90px !important;
}
.biografia.texto {
padding: 0px !important;
}
}
.logoklarum
{
margin: 80px auto;
display: inline-block;
text-align: center;
width: 100%;  
}
.logoklarum img
{
display: block;
margin: 0 auto;
}
h1.titulo_servicios.estilista,
h1.titulo_servicios.galeria,
h1.titulo_servicios.valoraciones,
h1.titulo_servicios.trabajos,
h1.titulo_servicios.curriculum
{
text-align: center;
}
h1.titulo_servicios.estilista:before
{
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -56%);
font-size: 80px;
content: "Estilistas profesionales";
z-index: 0;
color: rgba(66, 96, 112, 0.15);
width: 100%;
}
h1.titulo_servicios.galeria:before
{
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -56%);
font-size: 80px;
content: "Galería";
z-index: 0;
color: rgba(66, 96, 112, 0.15);
width: 100%;
}
h1.titulo_servicios.valoraciones:before
{
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -56%);
font-size: 80px;
content: "Valoraciones";
z-index: 0;
color: rgba(66, 96, 112, 0.15);
width: 100%;
}
h1.titulo_servicios.trabajos:before
{
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -56%);
font-size: 80px;
content: "Mis Trabajos";
z-index: 0;
color: rgba(66, 96, 112, 0.15);
width: 100%;
}
h1.titulo_servicios.curriculum:before
{
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -56%);
font-size: 80px;
content: "Mi Trayectoria";
z-index: 0;
color: rgba(66, 96, 112, 0.15);
width: 100%;
}
.botonera
{
display: block;
margin: 10px auto;
}
.botonera a
{
color: #426070;
text-align: center;
display: inline-block;
margin: 0 10px 20px 24px;
}
.botonera a img
{
margin: 0 auto;
height: 50px;
}
.galeria,
.valoraciones,
.trabajos-asignados
{
margin: 50px auto;
display: inline-block;
width: 100%;
}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)
{
h1.titulo_servicios:before,
h1.titulo_estilistas:before,
h1.titulo_servicios.estilista:before,
h1.titulo_servicios.galeria:before,
h1.titulo_servicios.valoraciones:before,
h1.titulo_servicios.trabajos:before,
h1.titulo_servicios.curriculum:before
{
top: -20%;
font-size: 40px;
}
div#servicios-domicilio
{
padding: 0px;
margin-bottom: 90px;
}
h1.titulo_servicios
{
font-size: 32px;
}
}
li.klarum-home
{
background: #eeeef0;
}
li.klarum-home a
{
color: #2c5f70 !important;
transition: all 0.5s ease;
}
li.klarum-home ul.sub-menu
{
background-color: #2c5f70 !important; }
li.klarum-home ul.sub-menu li
{
border: 2px solid white;
transition: all 0.5s ease;
}
li.klarum-home ul.sub-menu li a
{
color: #eeeef0 !important;
transition: all 0.5s ease;
}
li.klarum-home ul.sub-menu li:hover
{
background: white;
border: 2px solid #2c5f70;
transition: all 0.5s ease;
}
li.klarum-home ul.sub-menu li:hover a
{
color: #2c5f70 !important;
font-weight: bolder !important;
transition: all 0.5s ease;
}
@media (min-width: 768px)
{
.woocommerce-active .site-header .main-navigation 
{
width: 100%;
}
}
#verCurriculum .modal-header{
border-bottom: 0px;
position: relative;
z-index: 3;
}
#verCurriculum .modal-footer{
border-bottom: 0px;
position: relative;
z-index: 3;
}
#verCurriculum .modal-content:after
{
content: "";
opacity: 0.3;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute; 
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/single-estilista/fondo-klarum.png);
}
#verCurriculum .modal-body {
position: relative;
z-index: 2;
}
#verCurriculum .btn-default
{
color: white;
background-color: #802743;
border-color: #802743;
}
.curriculum-subtitulo
{
color: #426070;
font-size: 24px;
font-weight: bold;
font-family: 'Philosopher', sans-serif;
font-style: italic;
position: relative;
}
span.linea-trayectoria-academica.epoca {
display: block;
color: #426070;
font-size: 15px;
font-weight: bold;
font-family: 'Philosopher', sans-serif;
font-style: italic;
position: relative;
}
span.linea-trayectoria-academica.estudios {
display: block;
color: #802743;
font-size: 15px;
font-weight: bold;
font-family: 'Philosopher', sans-serif;
font-style: italic;
position: relative;
text-align: right;
}
span.linea-trayectoria-academica.centro {
display: block;
color: #989077;
font-size: 15px;
font-weight: bold;
font-family: 'Philosopher', sans-serif;
font-style: italic;
position: relative;
text-align: right;
}
#mostrarQR .btn-default
{
color: white;
background-color: #802743;
border-color: #802743;
}
#mostrarQR .modal-header{
border-bottom: 0px;
}
.modal-open .modal {
z-index: 99999;
}
span.serviciodomi-categoria {
text-align: left;
color: #2c6071;
font-weight: bold;
font-style: italic;
}
.postid-11278 .content_contacto,
.postid-11278 .content_contacto
{
float: left;
width: 100%;
} p.texto-popup
{
display: none;
}
img.imagen-popup {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
span.rebajados {
color: #989077;
font-weight: bold;
font-style: italic;
font-weight: bold;
font-size: 18px;
}
a.boton.boton-rebajas
{
float: left;
border: 2px solid #7f2742;
margin: 5px;
width: 48%;
clear: none;
padding: 5px;
border-radius: 5px;
top: 0px;
vertical-align: top;
text-align: center;
transition: all 0.5s ease;
}
a.boton.boton-rebajas:hover
{
color: white;
background: #7f2742;
}
a.boton.boton-rebajas.caballeros {
float: right;
}
span.tagged_as {
display: none !important;
}
h1.woocommerce-products-header__title.page-title
{
margin-top: 50px;
}
h1.servicios-online.woocommerce-products-header__title.page-title
{
margin-top: 20px;
}
h4.pre-categorias
{
margin-top: 75px;
}
.site-header2
{
background: none !important;
}
a.filtro-categorias {
display: inline-block;
margin: 10px 20px 10px 0px;
background: white;
padding: 15px;
transition: all 0.5s ease;
}
a.filtro-categorias:hover,
a.filtro-categorias.no-hover,
a.filtro-categorias.activo
{
color: white;
background: #802743;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail
{
min-height: 150px;
max-height: 210px;
object-fit: cover;
}
body.term-servicios-y-tratamientos ul.products.columns-3,
body.term-estetica ul.products.columns-3,
body.term-barberia ul.products.columns-3,
body.term-peluqueria ul.products.columns-3,
body.term-unas-servicios-y-tratamientos ul.products.columns-3
{
margin-top: 0px;
}
.price del
{
color: #989077;
opacity: 1;
}
span.price ins
{
color: #802844;
}
ul.lista-productos
{
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.lista-productos li {
width: 100% !important;
}
.lista-productos li img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail
{
min-height: 250px;
max-height: 250px;
object-fit: cover;
}
li.opacidad-0 {
opacity: 0;
}
ul.products li.post-11418 span.price .woocommerce-Price-amount:before,
div#product-11418 .circulo_precio .woocommerce-Price-amount:before,
ul.products li.post-11357 span.price .woocommerce-Price-amount:before,
div#product-11357 .circulo_precio .woocommerce-Price-amount:before,
ul.products li.post-11525 span.price .woocommerce-Price-amount:before,
div#product-11525 .circulo_precio .woocommerce-Price-amount:before,
ul.products li.post-11532 span.price .woocommerce-Price-amount:before,
div#product-11532 .circulo_precio .woocommerce-Price-amount:before,
ul.products li.post-11530 span.price .woocommerce-Price-amount:before,
div#product-11530 .circulo_precio .woocommerce-Price-amount:before
{
content: "Desde ";
}
label[for="billing_address_1"]:after {
content: "Para evitar errores con la localización de tu domicilio, introduce sólo el nombre de la calle en este campo, y el resto (nº, piso, etc) en el siguiente";
color: red;
display: block;
}
a.megaboton {
display: inline-block;
width: 320px;
border: 1px solid #7d2843;
margin: 20px 20px;
max-width: 100%;
}
a.megaboton .interior
{
display: block;
background-color: #7d2843;
margin: 5px;
background-position: center 10px;
background-size: 30px;
background-repeat: no-repeat;
padding: 25px 0px;
} a.megaboton .interior h1
{
font-family: philosopher;
color: #f3f3f3;
font-weight: lighter; margin-bottom: 0px;
font-size: 25px;
}
a.megaboton .interior h2
{
color: #9d957f;
font-size: 11px;
letter-spacing: 0px;
padding: 5px 10px;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.dorado
{
background: #9d957f;
}
a.flotante-izq
{
float: left;
width: 40%;
margin: 0px 5%;
}
h1.titulo-blog {
font-family: philosopher;
text-transform: uppercase;
font-weight: 100;
margin: 20px auto;
}
.blog-texto p {
font-size: 18px !important;
margin-top: 50px;
}
.legales {
margin: 30px auto;
display: block;
max-width: 500px;
text-align: center;
}
.legales a
{
display: inline-block;
font-weight: bold;
margin: 10px;
}
.legales a:hover
{
color: white;
}
.storefront-handheld-footer-bar {
z-index: 100 !important;
}
div#catapult-cookie-bar {
z-index: 1010 !important;
bottom: 60px;
}
.home .ola
{
margin-top: 0px;
}
.margen-top-30{margin-top: 30px;}
.biografia
{
padding-left: 0px;
padding-right: 0px;
}
.row.fondo-dorado
{
background: #9c906d;
margin: 50px auto;
}
.fondo-dorado h2
{
color: #7f2743;
}
.fondo-dorado .biografia.texto p
{
color: #7f2743 !important;
font-size: 18px !important;
}
.biografia.texto{padding: 50px;}
.fondo-rosa
{ margin: 50px auto;
border-top: 3px dashed #7f2743;
border-bottom: 3px dashed #7f2743;
padding: 50px 0px;
}
.fondo-rosa h2
{
color: #9c906d;
}
.fondo-rosa .biografia.texto p
{
color: #9c906d !important;
font-size: 18px !important;
}
.single-post .noticia-titulo
{
margin-top: 60px;
}
.condiciones-bonos {
padding: 10px 0px;
}
.condiciones-bonos h4 {
font-size: 14px;
}
li.bonos {
padding-left: 24px;
background-repeat: no-repeat;
background-position: 0;
background-size: 30px;
background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/iconos-2019/icono-bono.png);
}
div.metodo-pago
{
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
div.metodo-pago.paypal{background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/metodo-pago-paypal.png)}
div.metodo-pago.visa{background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/metodo-pago-visa.png)}
div.metodo-pago.mastercard{background-image: url(//www.klarum.es/wp-content/themes/klarum-jaleacrea/images/metodo-pago-mastercard.png)}
table.variations label {
float: left;
font-size: 18px;
color: #802642;
text-align: left;
}#wc-bookings-booking-form{border:0;padding:0}#wc-bookings-booking-form .wc-bookings-booking-cost{margin:0;border:0}#wc-bookings-booking-form .wc-bookings-date-picker-date-fields input{margin-bottom:0}#wc-bookings-booking-form .wc-bookings-date-picker-date-fields label{width:20%}#wc-bookings-booking-form .ui-widget{font-family:inherit}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-header{border:0;background-image:none}#wc-bookings-booking-form .wc-bookings-date-picker .ui-widget-content{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:none}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker table{font-size:1em}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker th{border:0}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td{border:0}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a{text-shadow:none}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today a,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today span{box-shadow:inset 0 0 0 3px rgba(0,0,0,.2)}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.fully_booked a,#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.fully_booked span{text-decoration:line-through;cursor:not-allowed}#wc-bookings-booking-form .block-picker{text-align:left}#wc-bookings-booking-form .block-picker li a{border:0 !important;padding:.236em .5407911001em;display:inline-block;text-align:center}#wc-bookings-booking-form .block-picker li a:hover{text-decoration:none;border:0}.product-type-booking form.cart{padding-left:0;padding-right:0}@media(min-width: 768px){table.my_account_bookings{font-size:.875em}}@font-face {
font-family: 'mobmenu';
src: url(//www.klarum.es/wp-content/plugins/mobile-menu/includes/css/font/mobmenu.woff2?31192480) format('woff2'),
url(//www.klarum.es/wp-content/plugins/mobile-menu/includes/css/font/mobmenu.woff?31192480) format('woff');
font-weight: normal;
font-style: normal;
}
[class^="mob-icon-"]:before, [class*=" mob-icon-"]:before {
font-family: "mobmenu";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center; font-variant: normal; 
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mob-icon-ok-1:before { content: '\e800'; } .mob-icon-ok:before { content: '\e80f'; } .mob-icon-plus:before { content: '\e810'; } .mob-icon-plus-1:before { content: '\e813'; } .mob-icon-plus-outline:before { content: '\e818'; } .mob-icon-plus-2:before { content: '\e819'; } .mob-icon-align-justify-1:before { content: '\e84f'; } .mob-icon-instagram:before { content: '\e88e'; } .mob-icon-linkedin:before { content: '\e88f'; } .mob-icon-pinterest:before { content: '\e892'; } .mob-icon-twitter:before { content: '\e898'; } .mob-icon-tumblr:before { content: '\e899'; } .mob-icon-vimeo:before { content: '\e89a'; } .mob-icon-star:before { content: '\e8a3'; } .mob-icon-user:before { content: '\e8a4'; } .mob-icon-star-1:before { content: '\e8d3'; } .mob-icon-user-1:before { content: '\e8d4'; } .mob-icon-left-open:before { content: '\e8f6'; } .mob-icon-right-open:before { content: '\e8f7'; } .mob-icon-down-dir:before { content: '\e8fc'; } .mob-icon-right-dir:before { content: '\e8fd'; } .mob-icon-star-empty:before { content: '\e93d'; } .mob-icon-up-dir:before { content: '\e980'; } .mob-icon-left-dir:before { content: '\e981'; } .mob-icon-menu:before { content: '\e9d6'; } .mob-icon-right-open-2:before { content: '\ea32'; } .mob-icon-th:before { content: '\eac3'; } .mob-icon-th-large:before { content: '\eac5'; } .mob-icon-th-list:before { content: '\eac7'; } .mob-icon-minus:before { content: '\e812'; } .mob-icon-minus-1:before { content: '\e9d8'; } .mob-icon-minus-2:before { content: '\eacb'; } .mob-icon-th-list-3:before { content: '\ec71'; } .mob-icon-cancel:before { content: '\ec73'; } .mob-icon-cancel-circle:before { content: '\ec74'; } .mob-icon-cancel-1:before { content: '\ecf2'; } .mob-icon-cancel-2:before { content: '\edf5'; } .mob-icon-cancel-circled-1:before { content: '\edf6'; } .mob-icon-cancel-circled2:before { content: '\edf7'; } .mob-icon-up-open-1:before { content: '\ee59'; } .mob-icon-cancel-3:before { content: '\ee65'; } .mob-icon-cancel-circled-2:before { content: '\ee66'; } .mob-icon-th-large-1:before { content: '\ee68'; } .mob-icon-th-1:before { content: '\ee69'; } .mob-icon-th-list-1:before { content: '\ee6a'; } .mob-icon-up-open-2:before { content: '\ee6b'; } .mob-icon-down-open-2:before { content: '\ee6c'; } .mob-icon-cancel-squared:before { content: '\ee6d'; } .mob-icon-cancel-4:before { content: '\ee6f'; } .mob-icon-up-open-big:before { content: '\ee70'; } .mob-icon-down-open-big:before { content: '\ee71'; } .mob-icon-down-open-mini:before { content: '\ee73'; } .mob-icon-cancel-circled-outline:before { content: '\ee77'; } .mob-icon-cancel-outline:before { content: '\ee79'; } .mob-icon-menu-2:before { content: '\ee7a'; } .mob-icon-menu-outline:before { content: '\ee7b'; } .mob-icon-cancel-circle-1:before { content: '\ee7c'; } .mob-icon-down-open:before { content: '\f004'; } .mob-icon-up-open:before { content: '\f005'; } .mob-icon-menu-3:before { content: '\f008'; } .mob-icon-th-list-2:before { content: '\f009'; } .mob-icon-th-thumb:before { content: '\f00a'; } .mob-icon-th-thumb-empty:before { content: '\f00b'; } .mob-icon-cancel-circled:before { content: '\f06e'; } .mob-icon-menu-1:before { content: '\f0c9'; } .mob-icon-gplus:before { content: '\f0d5'; } .mob-icon-ellipsis:before { content: '\f141'; } .mob-icon-ellipsis-vert:before { content: '\f142'; } .mob-icon-facebook-squared:before { content: '\f308'; }.mob-menu-overlay .mobmenu-panel {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, visibility 0s 0.5s;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.mob-menu-overlay.show-nav-left .mobmenu-panel, .mob-menu-overlay.show-nav-right .mobmenu-panel {
opacity: 1;
visibility: visible;
transition: opacity 0.5s;
z-index: 100001;
}
.mob-menu-overlay .show-panel .mob-cancel-button {
position: absolute;
right: 0px;
top: 0px;
padding-top: 8px;
overflow: hidden;
border: none;
outline: none;
z-index: 100002;
font-size: 30px;
line-height: 30px;
cursor: pointer;
}
.mob-retina-logo{
display: none;
max-width: 100%;
}
.mob-cancel-button{
z-index: 99999999!important;
position:relative!important;
}
.mobmenu-content .widget {
padding-bottom: 0px;
padding: 20px;
}
.mob-expand-submenu i {
position: relative;
font-weight: 600;
cursor: pointer;
}
.mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder {
width: 100%;
height: 100%;
position: absolute;
z-index: -50;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.mob-menu-no-scroll{
overflow: hidden;
}
.mobmenu-content .sub-menu {
display: none;
opacity: 1;
}
.mobmenur-container {
position: absolute;     
right: 0px; 
} 
.leftmbottom h2 {
font-weight: bold;
background-color: transparent;
color: inherit;
}
.mob-cancel-button {
display:none;
z-index: 99999999;
}
.show-nav-left.mob-menu-overlay .left-menu-icon-text, .show-nav-right.mob-menu-overlay .left-menu-icon-text {
display: none;
}
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-cancel-button, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-cancel-button {
display: none;
}
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-menu-icon, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-menu-icon {
display: block;
}
.show-panel .mob-cancel-button {
display: block;
}
.mobmenu-content li a {
display: block;
letter-spacing: 1px;
padding: 10px 20px;
text-decoration: none;
font-size: 14px;
}
.mobmenu-content li a:active, .mobmenu-content li:active, .mobmenu-content li a .mob-expand-submenu:active{
border-style: outset;
border: none;
}
.mobmenu-left-alignment.show-panel, .mobmenu-right-alignment.show-panel {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.mobmenu-left-alignment {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.mobmenu-right-alignment {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel {
top: 32px;
}
#wpadminbar {
position: fixed;
}
.show-nav-left .mob-menu-header-holder, .show-nav-right .mob-menu-header-holder, .mob-menu-header-holder, .mobmenu-panel, .mobmenu-overlay , .show-nav-left .mobmenu-push-wrap, .show-nav-right .mobmenu-push-wrap, .show-nav-left .mob-menu-header-holder, .show-nav-left .mobmenu-left-alignment, .show-nav-right .mobmenu-right-alignment, .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay{
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
} .mobmenu-overlay {
opacity: 0;
}
.widget img {
max-width: 100%; 
}
#mobmenuleft, #mobmenuright {
margin: 0;
padding: 0;
}
#mobmenuleft  li > ul {
display:none;
left: 15px;
padding-left: 0px;
}
.rtl .mob-expand-submenu {
float: left;
}
.mob-expand-submenu {
position: relative;
right: 0px;
float: right;
}
.mobmenu-parent-link .menu-item-has-children {
cursor: pointer;
}
#mobmenuright  li > ul {
display:none;
left: 15px;
padding-left: 0px;
}
.rightmbottom, .rightmtop {   
padding-left: 10px;
padding-right: 10px;
} .mob-menu-slideout .mobmenu-panel {
position: fixed;
top: 0;
height: 100%;
z-index: 300000;
overflow-y: hidden;   
overflow-x: hidden;
opacity: 1;
}
.mob-menu-slideout .mobmenu-right-alignment {
right: 0;
}
.mobmenu-content li {
list-style: none;
visibility: visible;
opacity: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
margin: 0;
}
.mob-menu-slideout .mobmenu-left-alignment, .mob-menu-slideout-over .mobmenu-left-alignment {
left: 0;
}
.mob-menu-slideout .mobmenu-right-alignment, .mob-menu-slideout-over .mobmenu-right-alignment {
right: 0;
}
.mob-menu-header-holder {
font-weight:bold;
top:0px;	
right: 0px;
color:#000;
display: block;
z-index: 10000;
} .mobmenu .sub-menu li > a {
padding-left: 50px;
} .mobmenu .sub-menu .sub-menu li a {
padding-left: 75px;
}
.mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {
position: absolute;
right: 0px;
top: 0px;
font-size: 30px;
}
.mobmenu-content {
margin-top: 45px;
padding-bottom: 120px;
z-index: 1;
height: calc( 100% - 45px);
overflow: auto;
padding-top: 10px;
}
.mobmenu-parent-link .mob-expand-submenu {
cursor: pointer;
}
#mobmenuright.nomenu li, #mobmenuleft.nomenu li{
padding-left: 7%;
padding-right: 7%;
}
.mob-expand-submenu.show-sub .mob-icon-down-open {
display: none;
}
.mob-expand-submenu.show-sub .mob-icon-up-open {
display: block;
}
.mob-expand-submenu .mob-icon-down-open {
display: block;
}
.mob-expand-submenu .mob-icon-up-open {
display: none;
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay {
width: 100%;
height: 100%;
z-index: 10001;
left: 0;
top: 0;
opacity: 1;
position: fixed;
cursor: pointer;
} .mobmenu-ajax-search-results {
display: none;
opacity: 1;
visibility: visible;
width: 100%;
height: 100%;
position: fixed;
margin-top: 50px;
}
[data-panel-target="mobmenu-filter-panel"].mobmenu-trigger-action {
float:left;
}
.mobmenu-content .sub-menu.show-sub-menu {
-webkit-transition: height 1s linear 0s;
-moz-transition: height 1s linear 0s;
-ms-transition: height 1s linear 0s;
-o-transition: height 1s linear 0s;
transition: height 1s linear 0s;
overflow:hidden;
} h4.no-mobile-menu {
padding: 22px;
text-align: center;
width: 90%;
background: #fff;
margin: auto;
font-size: 17px;
font-weight: 400;
line-height: 29px;
}
h4.no-mobile-menu a {
text-decoration: none;
color:#000;
}
.mobmenu-content li a:focus {
outline: none;
}
.mobmenu-content .widget_media_image {
text-align: center;
}
#_pick_tips_content {
border: 0;
position: fixed;
right: 5px;
top: 5px;
z-index: 99999999;
width: 300px;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2),
0 2px 2px 0 rgba(0, 0, 0, .14),
0 1px 5px 0 rgba(0, 0, 0, .12);
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.8);
font-size: 0;
margin: 0;
padding: 0;
transition: all 0.3s;
min-height: 540px;
height: auto;
display: none;
}
#_pick_tips_content.on {
display: inline-block;
} #_picker_cover_wrap_box svg {
position: fixed;
top: 0;
left: 0;
cursor: crosshair;
width: 100%;
height: 100%;
z-index: 99999998;
}
#_picker_cover_wrap_box svg>path:first-child {
fill: rgba(0, 0, 0, 0);
fill-rule: evenodd;
}
#_picker_cover_wrap_box svg>path+path {
stroke: #29c66d;
stroke-width: 3.5px;
fill: rgb(226 239 232 / 20%);
}
#_picker_cover_wrap_box {
transition: all 0.3s;
pointer-events: none;
}
@keyframes ellipsis {
from {
width: 2px;
}
to {
width: 15px;
}
} ._picker_target_elm {
background: transparent;
outline: #1dcd1d solid 3px;
color: #000;
}
.mob-menu-slideout #page-container, .mob-menu-slideout-over #page-container {
padding-top: 0px!important;
}form.cart.ywcp  {
display: none;
}
form.cart.ywcp.ywcp_form_loaded {
display: block;
}
.ywcp_components_container h3,
body:not(.search-results) .entry-summary .ywcp_components_container h3:first-child {
margin-bottom: 10px;
}
.ywcp_components_single_item {
margin-bottom: 10px;
}
.ywcp_components_single_item h3 abbr {
margin-left: 5px;
}
.ywcp_components_single_item h3 abbr.required {
color: #ff1800;
}
.ywcp_components_container select.ywcp_component_otpions_select {
width: 100%;
}
.ywcp_component_options_list_container .woocommerce-pagination {
margin-top: 15px;
}
.ywcp_component_otpions_thumbnails_container ul.products li {
clear: both;
display: inline-block;
width: 100%;
padding: 10px;
border: 1px solid #d3ced2;
margin-bottom: 10px;
cursor: pointer;
}
.ywcp_component_otpions_thumbnails_container ul.products li:last-child {
margin-bottom: 0;
}
.ywcp_component_otpions_thumbnails_container ul.products li:hover,
.ywcp_component_options_selection_container {
box-shadow: 0px 0px 2px 2px rgba( 200, 200, 200, 0.4 );
}
.ywcp_component_otpions_thumbnails_container .ywcp_image_container,
.ywcp_component_otpions_thumbnails_container .ywcp_product_info,
.ywcp_component_options_selection_container .ywcp_image_container,
.ywcp_component_options_selection_container .ywcp_product_info {
float: left;
}
.ywcp_component_otpions_thumbnails_container .ywcp_image_container,
.ywcp_component_options_selection_container .ywcp_image_container,
.woocommerce #content div.product div.images.ywcp_image_container,
.woocommerce div.product div.ywcp_image_container.images,
.woocommerce-page #content div.product div.ywcp_image_container.images,
.woocommerce-page div.product div.ywcp_image_container.images,
#content .twentysixteen div.product div.ywcp_image_container.images {
width: 80px;
margin-bottom: 5px;
display: inline-block;
float: left;
}
.ywcp_component_otpions_thumbnails_container .ywcp_product_info,
.ywcp_component_options_selection_container .ywcp_product_info {
padding-left: 10px;
}
.ywcp_component_otpions_thumbnails_container ul.products,
body:not(.search-results) .entry-summary .ywcp_component_otpions_thumbnails_container ul {
margin-bottom: 0;
}
.ywcp_component_options_radio_input_container input,
.ywcp_component_options_radio_input_container > label {
cursor: pointer;
} .ywcp_component_options_selection_container {
width: 100%;
padding: 10px;
display: none;
}
.woocommerce div.product form.cart .ywcp_component_options_selection_container .variations {
margin-bottom: 0;
}
.ywcp_component_options_selection_container .variations td {
padding-bottom: 0;
}
.ywcp_component_options_selection_container .variations td.label,
.ywcp_component_options_selection_container .woocommerce-variation-price {
text-align: right;
}
.ywcp_component_options_selection_container .woocommerce-variation-price {
display: none !important;
}
.ywcp_component_options_list_container,
.ywcp_selection_opened .ywcp_selection_open,
.ywcp_selection_selected .ywcp_selection_open,
.ywcp_selection_close, .ywcp_selection_clear,
.ywcp_components_single_item_dependence_selected.ywcp_selection_selected .ywcp_selection_clear {
display: none;
}
.ywcp_selection_opened .ywcp_component_options_list_container {
display: block;
}
.ywcp_selection_opened .ywcp_selection_close,
.ywcp_selection_selected .ywcp_selection_clear,
.ywcp_selection_selected .ywcp_component_options_selection_container {
display: inline-block;
}
a.ywcp_selection_clear {
background: #CCC;
padding: 2px 5px 2px 15px;
text-decoration: none;
box-shadow: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
background-image: url(https://www.klarum.es/wp-content/plugins/yith-composite-products-for-woocommerce-premium/assets/css/images/clear-selection.png);
background-repeat: no-repeat;
background-position: 5px;
font-size: 11px;
text-transform: uppercase;
}
.ywcp_component_subtotal {
float: right;
display: none;
}
.woocommerce div.product form.cart .ywcp_component_options_selection_container div.quantity,
.woocommerce div.product form.cart .ywcp_component_options_selection_container a.reset_variations {
float: right;
}
.woocommerce div.product form.cart .ywcp_component_options_selection_container .variations select {
width: 100%;
}
.ywcp_product_disabled{
pointer-events:none;
opacity:0.4;
} .ywcp_product_link .yith-wcqv-button {
display: inline-block;
}
.ywcp_product_link .yith-wcqv-button > span {
padding: 5px;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
}
.ywcp_customer_advice_component_list {
margin-left: 10px;
text-decoration: underline;
} .ywcp_accordion .ywcp_components_single_item {
margin-bottom: 15px;
}
.ywcp_accordion a.ywcp_selection_open,
.ywcp_accordion a.ywcp_selection_close {
margin-left: 5px;
box-shadow: none;
}
.ywcp_accordion a.ywcp_selection_open img,
.ywcp_accordion a.ywcp_selection_close img {
display: inline-block;
}
.ywcp_accordion div:not(.ywcp_selection_selected).ywcp_components_single_item > h3 {
cursor: pointer;
}
.ywcp_accordion .ywcp_component_description {
display: none;
}
.ywcp_accordion .ywcp_selection_opened .ywcp_component_description {
display: block;
} .ywcp_list .ywcp_component_options_list_container,
.ywcp_step .ywcp_component_options_list_container {
display: block;
}
.ywcp_list .ywcp_selection_open,
.ywcp_list .ywcp_selection_close,
.ywcp_list .ywcp_selection_selected .ywcp_component_options_list_container,
.ywcp_step .ywcp_selection_open,
.ywcp_step .ywcp_selection_close,
.ywcp_step .ywcp_selection_selected .ywcp_component_options_list_container {
display: none;
}
.ywcp_step .ywcp_components_single_item {
display: none;
}
.ywcp_step .ywcp_components_single_item.ywcp_current_step_item {
display: block;
}
.ywcp_step_navigation {
width: 100%;
margin-bottom: 15px;
text-align: center;
}
.ywcp_step_prev {
float: left;
}
.ywcp_step_next {
float: right;
}
.ywcp_step_first .ywcp_step_prev,
.ywcp_step_last .ywcp_step_next {
visibility: hidden;
}
.ywcp_customer_advice {
margin-bottom: 10px;
}
.ywcp_step .ywcp_components_required_blocked, .ywcp_customer_advice {
padding: 10px;
border: 2px solid #ff1800;
}
.ywcp_customer_advice > p,body:not(.search-results) .entry-summary .ywcp_customer_advice p {
padding: 0;
margin: 0;
}
.ywcp_step_current_info {
display: inline-block;
}
.ywcp_clear {
clear: both;
} .ywcp_wcp_group_total table td {
text-align: right;
padding-right: 5px;
} .ywcp_components_single_item_depenence_hided {
display: none;
} tr.ywcp_component_item > td {
border-bottom: none ;
}
tr.cart_item.ywcp_component_child_item,
tr.order_item.ywcp_component_child_item{
font-size: 12px;
}
tr.cart_item.ywcp_component_child_item > td,
tr.order_item.ywcp_component_child_item > td {
border-top: none ;
border-bottom: none ;
}
tr.order_item.ywcp_component_child_item > td .ywcp_cart_component_name a {
float: left;
margin-right: 5px;
}
tr.cart_item.ywcp_component_child_item > td .ywcp_cart_component_name,
tr.cart_item.ywcp_component_child_item > td.product-name > dl.variation,
tr.order_item.ywcp_component_child_item > td .ywcp_cart_component_name,
tr.order_item.ywcp_component_child_item > td.product-name > dl.variation {
margin-left: 10px;
}
tr.cart_item.ywcp_component_child_item > td .ywcp_cart_component_name > label,
tr.order_item.ywcp_component_child_item > td .ywcp_cart_component_name > label {
display: block;
font-weight: bold;
} #ywcp_wcp_tr_wapo_option_total.ywcp_wapo_total_hided {
display: none;
}
div.product-type-yith-composite .yith_wapo_group_total {
display: none !important;
}