/*
	Theme Name: @package diwai theme
	Theme URI:
	Author: lamosquita & siralbin
	Author URI: https://www.lamosquita.com/
	Description: Plantilla exclusiva desarrollada para diWai
	Version: 1.0
	License: Copyright
    Font: Lato
	License URI:
	Text Domain: www.diwai.es
	Tags:
    
*/


/*variables del tema
=============================================================================*/
:root {
	--sprites: url('/wp-content/themes/diwai-theme/images/general.svg');
    --ico-cesta-full: url('/wp-content/themes/diwai-theme/images/ico-cesta-llena.svg');
    --ico-cesta-empty: url('/wp-content/themes/diwai-theme/images/ico-cesta-vacia.svg');
    --ico-user: url('/wp-content/themes/diwai-theme/images/ico-user.svg');
    --ico-dropdown: url('/wp-content/themes/diwai-theme/images/drop-down-menu-icon.svg');
    --ico-plegado: url('/wp-content/themes/diwai-theme/images/icon-mostrar.svg');
    --ico-desplegado: url('/wp-content/themes/diwai-theme/images/icon-actual.svg');
    --ico-less: url('/wp-content/themes/diwai-theme/images/ico-menos.svg');
    --ico-more: url('/wp-content/themes/diwai-theme/images/ico-mas.svg');
    --sprites-qty: url('/wp-content/themes/diwai-theme/images/sprites-addtocart.svg');
    --bg-color: #fff;
    --bg2-color: #CCC;
    --bg3-color: #ebebeb;
    --1st-color: #000;
    --2nd-color: #D6006D;
    --3rd-color: #FF8300;
    --txt-color: #000;
    --lnk-color: #D6006D;
    --trans-color: rgba(220, 0, 0, 0.8);
    --lines: #000;
    --font-text: "Lato", sans-serif;
    --font-title: "Lato", sans-serif;
}
.breadcrumb, .aioseo-breadcrumbs { text-transform: lowercase; /*display: none;*/ }
h1 { font-weight: 900; }
h2 { font-weight: 700; }
h3 { font-weight: 700; }
h4 { font-weight: 600;  }
p { margin: 0 0 1em 0; line-height: 1.2em; font-weight: 300; letter-spacing: 0.03em}
#content ul, #content ol { margin-bottom: 1em; line-height: 1.2em; font-weight: 300; }
#content li { margin-bottom: 0.5em; }

/*Basics
=============================================================================*/
@media (max-width: 567px) {
	.logodesktop { display: none; }
    .center { width : calc(100% - 60px); }
    .centerfoot { width : calc(100% - 160px); }
    .footmovil {display: initial;}
    .foottabletv {display: none;}
    .foottableth {display: none;}
    .footdesktop {display: none;}
}
@media (min-width: 568px) {
	.logomovil { display: none; }
    .center, .centerfoot { width : calc(100% - 100px); }
    .footmovil {display: none;}
}
@media (min-width: 568px) and (max-width: 767px) {
    .foottabletv {display: initial;}
    .foottableth {display: none;}
    .footdesktop {display: none;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .foottabletv {display: initial;}
    .foottableth {display: none;}
    .footdesktop {display: none;}
}

@media (max-width: 1024px) {
    .movil { display: initial; }
    .tablet, .desktop { display: none; }
    .ico_cart:after { top   : 5px; right : 2px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .tablet { display: initial; }
    .movil, .desktop { display: none; }
    .foottabletv {display: none;}
    .foottableth {display: initial;}
    .footdesktop {display: none;}
}
@media (min-width: 1280px) {
    .desktop { display: initial; }
    .tablet, .movil { display: none; }
    .foottabletv {display: none;}
    .foottableth {display: none;}
}
.center, .centerfoot {
	position: relative;
	max-width: 1200px;
	margin : 0px auto;
}
.breadcrumb {
    width : calc(100% - 100px);
    max-width : 1200px;
    margin : 10px auto 3px auto;
    font-size: 14px;
    }
.breadcrumb a:last-child {
    font-weight: 500;
    }
.backcrumb { background: var(--bg3-color); padding: 7px 0;}
body {
	margin : 0px;
	font-family:var(--font-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
a {
	color : inherit;
	text-decoration: none;
}
.clear, .limpia {
	clear : both;
}
/*icons
=============================================================================*/
.ico {
	display: inline-block;
	vertical-align: top;
	background: var(--sprites);
}
.icon {
	display: inline-block;
	vertical-align: top;
	background: var(--sprites-qty);
}
.ico24 { width : 24px; height: 24px; }
.ico32 { width : 32px; height: 32px; }
.ico48 { width : 48px; height: 48px; }
.ico_fb, .ico_tt, .ico_yt, .ico_ig { margin : 0px 10px; }
.ico_fb { background-position: -18px -16px; }
.ico_tt { background-position: -82px -16px; }
.ico_yt { background-position: -210px -16px; }
.ico_ig { background-position: -146px -16px; }
.ico_user, .ico_cartf, .ico_carte {
	width : 22px;
	height: 22px;
	margin: 0px 0px 0px 10px;
}
.ico_bc {
	vertical-align: text-bottom;
	margin-right : 10px;
	background-position: -596px -212px;
}
.ico_cart:after {
	position: absolute;
	width : 18px;
	height: 18px;
	color: var(--lnk-color);;
	font-size  : 12px;
	font-weight: 500;
	line-height: 16px;
	text-align : center;
	/*border-radius: 9px;
	background: var(--2nd-color);*/
	content: attr(data-amt);
}
/*Header
=============================================================================*/
.header {
	position: relative;
	top   : 0px;
	left  : 0px;
	width : 100%;
	background: #FFF;
	z-index: 50;
}
.fixedmenu {
    width: 100%;
    position: fixed;
    background: url("/wp-content/themes/diwai-theme/images/fondo-degrade.png") repeat-x bottom #fff;
    height: 34px;
    z-index: 3;
}
.metanav {
    position: absolute;
    top   : 5px;
    right : 0px;
    line-height: 25px;
    z-index: 2;
    color:var(--lnk-color);
	}
ul.navmenu {
    font-size: 1em;
    list-style: none;
    padding-left: 0;
    }
ul.navmenu li {
    font-size: 1em;
    margin-bottom:0.7em;
    }
.header_wrap {
	padding-top: 50px;
    text-align: center;
}
.cart-contents {
	padding: 0px 10px;
	color : var(--textcolor);
	font-size: 14px;
	line-height: 22px;
	background: var(--2nd-color);
	border-radius: 20px;
}
.addtocart .button {
	display: block;
	position: relative;
	width : 68px;
	height: 36px;
	background: var(--2nd-color);
	border-radius: 5px;
}
.addtocart .ico_cart {
	position: absolute;
	top   : 50%;
	left  : 50%;
	width : 24px;
	height: 24px;
	margin-top   : -12px;
	margin-left  : -12px;
	background-position: -74px -212px;
}
.quicktalk, .nletter {
	position: fixed;
	bottom: 0px;
	width : 260px;
	border-radius: 5px 5px 0px 0px;
	z-index: 99;
}
.quicktalk { right : 400px; }
.nletter { right : 100px; }
.cart-contents:empty { display: none; }
.header .logo { position: relative; z-index: 2; }
.sticktrick { padding: 0px 0px 0px 0px; }

@media (max-width: 1023px) {
	.header { }
	.header .logo { /*position: absolute; top   : 10px; left  : 50%; transform : translateX(-50%);*/ }
    .mobu { position: absolute; top: 5px; left: 0px; }
    .deskmenu, .nomobil { display: none; }
	.mobmenu {
		position: fixed;
		top   : 34px;
		left  : 0;
		width : 350px;
        min-height: 400px;
		height: 100vh;/**/
		background: var(--2nd-color);
        opacity: 0.95;
		transform : translateX(-350px);
		transition: transform 500ms cubic-bezier(0, 0, 0.2, 0.99);/**/
	}
	.mainnav {
		position: relative;
		top   : 20px !important;
		left  : 0px;
		line-height: 20px;
        font-weight: 400;
	}
	.mainnav ul {
		width : 300px;
		margin : 0px;
		padding: 0px;
		font-size  : 15px;
		font-weight: 400;
		list-style: none;
	}
	.mainnav li {
		display: block;
		margin : 0px;
		padding: 5px 10px;
        font-size: 1em;
        text-transform: uppercase;
		/*border-bottom: 1px solid #000000;*/
	}
	.mainnav li:before {
		display: inline-block;
		vertical-align: middle;
		width : 24px;
		height: 24px;
		margin : 0px 10px 0px 0px;
		content: '';
		/*background: var(--sprites);*/
	}
	.mainnav a { color: var(--bg-color) }
	.mainnav li.menu-item-20:before { background-position: -203px -212px; }
	.mainnav li.menu-item-74:before { background-position: -267px -212px; }
	.mainnav li.menu-item-117:before { background-position: -662px -213px; }
	.mainnav li.menu-item-23:before { background-position: -331px -212px; }
	/*.header, .wrapper { transition: transform 500ms cubic-bezier(0, 0, 0.2, 0.99); }*/
	.menushown { }
	.menushown .mobmenu { transform: translateX(0px); }
	.menushown .header, .menushown .wrapper { /* transform: translateX(250px);/* */}
	.flt_popup { display: none; }
}
@media (min-width: 1024px) {
	.header {}
	.header .logo { /*position: absolute; z-index: 2;*/}
    .botmenumovil {display: none;}
	.metanav {}
	.mainnav { position: relative; right : 0px; line-height: 25px; z-index: 1; }
	.mainnav ul { margin : 0px; padding: 0px; list-style: none; }
	.mainnav li { display: inline-block; margin : 0px; padding: 0px; text-transform: uppercase; }
	.mainnav li:last-child:after { content: unset; }
	@media (pointer: fine) { .mainnav li:hover { } }
	.mainnav a { color: var(--lnk-color) }
    .mainnav { color: var(--lnk-color) }
    .mainnav li.current_page_item a { color: var(--1st-color)}
	.mobu { display: none; }
    .ico_cart:after { top   : 5px; right : 43px; }
    .deskmenu { margin-bottom: 20px; margin-top: 20px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .mainnav li:after { display: inline-block; padding: 0px 7px; content: ' | '; }
}
@media (min-width: 1280px) {
    .mainnav li:after { display: inline-block; padding: 0px 33px; content: ' | '; }
}
@media (max-width: 1023px) {
	.ico_user { background:  var(--ico-user); }
	.ico_carte { background: var(--ico-cesta-empty) center; }
	.ico_cartf { background: var(--ico-cesta-full) center; }
	.ico_srx { background-position: -532px -208px; }
}
@media (min-width: 1024px) {
	.ico_user { background:  var(--ico-user); }
	.ico_carte { background: var(--ico-cesta-empty); }
	.ico_cartf { background: var(--ico-cesta-full); }
	.ico_srx { background-position: -468px -208px; }
}
@media (max-width: 1023px) {
	.cart-contents { display: block; margin : 10px 0px 0px 10px; }
}
@media (min-width: 1024px) {
	.cart-contents { display: inline-block; margin : 0px 0px 0px 10px; }
}
@media (max-width: 768px) {
	.quicktalk,
	.nletter {
		right: 50%;
	/*	width: fit-content; */
		transform: translateX(50%);
	}
}
.quicktalk .winbar,
.nletter .winbar {
	margin : 0px;
	padding: 8px 15px 5px 15px;
	color : #FFFFFF;
	font-size  : 14px;
	line-height: 20px;
	background: #A51A49;
	border-radius: 5px 5px 0px 0px;
	cursor: pointer;
}
.quicktalk .winbar {
	background: #131825;
}
.nletter .winbar {
	background: #A51A49;
}
.quicktalk .winbar strong,
.nletter .winbar strong {
	font-weight: 500;
}
.nletter .winbar strong {
	display: inline-block;
	width : calc(100% - 45px);
}
.ico_talk { background-position: -395px -204px; }
.ico_nletter { background-position: -395px -140px; }
.quicktalk .cta { color : #CCCCCC; font-weight: 300; }
.quicktalk .ico_min,
.nletter .ico_min {
	display: none;
	position: absolute;
	top   : 5px;
	right : 5px;
	font-weight: 600;
}
.quicktalk.shown .cta { display: none; }
.quicktalk.shown .ico_min, .nletter.shown .ico_min { display: block; }
.quicktalk.shown .quicktalk_form,
.nletter.shown .nletter_form { display: block; }
.quicktalk_form, .nletter_form {
	display: none;
	position: relative;
	width : 230px;
	margin : 0px;
	padding: 15px;
	background: white;
	overflow: hidden;
}
.quicktalk_form fieldset, .nletter_form fieldset {
	margin : 0px;
	padding: 0px;
	border : 0px;
	transform: translateY(0%);
	transition: all 250ms linear;
}
.quicktalk_form p, .nletter_form p { margin: 0px 0px 10px 0px; font-size: 13px; }
.nletter_form label a { text-decoration: underline; }
.quicktalk_form input, .quicktalk_form textarea, .nletter_form input[type=text] {
	display: block;
	width : 100%;
	margin : 0px 0px 10px 0px;
	padding: 5px 5px;
	color : #FFFFFF;
	font-family: inherit;
	box-sizing: border-box;
	border: 0px;
	background: #E3E3E5;
}
.quicktalk_form input[type=text]::placeholder, .quicktalk_form textarea::placeholder, .nletter_form input[type=text]::placeholder  { color : #CCCCCC; font-style: italic; }
.quicktalk_form button,
.nletter_form button {
	display: block;
	width : 100%;
	margin : 0px 0px 0px 0px;
	padding: 6px 0px;
	color: #FFFFFF;
	box-sizing: border-box;
	border: 0px;
	border-radius: 2px;
	cursor: pointer;
}
.quicktalk_form button { background: #131825; }
.nletter_form button { background: #A51A49; }
.quicktalk .fback, .nletter .fback {
	position: absolute;
	top   : 0px;
	left  : 0px;
	width : 100%;
	height: 100%;
	font-style: italic;
	transform: translateY(100%);
	transition: all 250ms linear;
}
.quicktalk .fback { background: #131825; }
.nletter .fback { background: #A01C50; }
.quicktalk .fback_wrap, .nletter .fback_wrap {
	position: absolute;
	top   : 50%;
	left  : 50%;
	width : 80%;
	color : #CCCCCC;
	text-align: center;
	transform: translate(-50%, -50%);
}
.quicktalk.fback fieldset,
.nletter.fback fieldset {
	transform: translateY(-100%);
}
.quicktalk.fback .fback, .nletter.fback .fback { transform: translateY(0%); }
@media (max-width: 425px) {
	.logo img { transform: scale(0.8); }
}
@media (max-width: 1023px) {
	.quicktalk { right: 90px; transform: unset; }
	.nletter { right: 20px; transform: unset; }
	.quicktalk:not(.shown), .nletter:not(.shown) { width : 50px; }
	.quicktalk:not(.shown) .winbar strong,
	.quicktalk:not(.shown) .winbar .cta,
	.nletter:not(.shown) .winbar strong { display: none; }
	.secondcart { position: absolute; top: 15px; right : 5px; }
	.secondcart .ico_cartf { vertical-align: middle; background-position: -139px -144px; }
	.secondcart .bubble {
		display: inline-block;
		vertical-align: middle;
		margin : 0px 0px 0px 5px;
		padding: 2px 3px;
		color : black;
		font-size  : small;
		background: white;
		border-radius: 4px;
	}
}
@media (min-width: 1024px) {
	.secondcart { display: none; }
}

/*footer
===========================================================*/
@media  (max-width: 1023px) {
    
}
@media (max-width: 567px) {
    .blockgridfoot {padding:30px 0; }
    .block1,.block2, .block3 { border-top: 1px solid var(--1st-color);}
    .block2 { }
    .block3 { padding-top: 15px; }
    .block1, .block2 { margin-bottom:15px;}
    .social { grid-gap: 0px 30px; width: 100%; margin: auto;}
    .logofooter { text-align: center; padding-bottom: 30px;}
}
@media (min-width: 568px) and (max-width: 767px) {
    .blockgridfoot {padding:30px 0; }
    .block1,.block2, .block3 { border-top: 1px solid var(--1st-color);}
    .block2 { }
    .block3 { padding-top: 15px; }
    .block1, .block2 { margin-bottom:15px;}
    .social { grid-gap: 0px 30px; width: 75%; margin: auto;}
    .logofooter { text-align: center; padding-bottom: 30px;}
}
@media (min-width: 768px) {
    .blockgridfoot {padding:15px 0; display: grid; grid-gap: 0px 15px; grid-template-columns: 1fr 1fr 1.5fr;}
    .social { width: 100px; grid-gap: 0px 15px; position: absolute; right: 0; bottom: 15px;}
    .block2, block3 { }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .social { width: 100px; grid-gap: 0px 15px; position: absolute; right: 0; bottom: 15px;}
}
@media (min-width: 1280px) {
    .social { width: 100px; grid-gap: 0px 15px; position: absolute; right: 0; bottom: 15px;}
}

@media (max-width: 767px) {
    	
}
@media (min-width: 768px) and (max-width: 1023px) {
	
}
footer { background : var(--bg2-color); color: var(--1st-color); margin-bottom: 20px;}
footer a { color: var(--1st-color); text-decoration: none;}
.geninfo_tit { font-family:var(--font-text); font-weight: 700; /*border-bottom: 1px solid #FFFFFF;*/ }
.geninfo_txt { font-family:var(--font-text); font-weight: 400; }
.mainnavfoot { }
.navfoot { padding-left: 0; }
.navfoot ul { list-style: none; margin-left: 0; padding-left: 0; }
.navfoot li { list-style: none; margin-left: 0; padding-left: 0; }
.strongtext { font-weight: 600; }
.legalinks { text-align: center; background: #fff; color: #000; padding-top: 10px; margin-bottom: 10px;}
.legalinks br {margin-bottom: 0.2em;}
.titblocksfoot { font-weight: 700; margin-top: 2px;}
.block3 { text-align: right;position: relative}
.logofooter { padding-top: 1em;}
.social {display: grid;grid-template-columns: 1fr 1fr;}

/*cuando no encuentro su css
===========================================================*/
.lineanegra { border-top: 1px solid var(--lines)}
.lineagris { border-top: 1px solid rgba(0, 0, 0, 0.2);}
.alturacomodin { height: 40px;}
.pagination {
    padding-top: 11px;
    border-top: 1px solid var(--1st-color);
}
.woocommerce-orders-table {
    width: 100%;
}
.woocommerce-orders-table__row {
    
}
.woocommerce-orders-table__cell {
    border-bottom: 1px solid var(--1st-color);
}
.woocommerce-orders-table__header {
    background: var(--2nd-color);
    color: #fff;
    font-weight: 400;
}
wc-order-attribution-inputs {
  display: none;
}
.fondo2nd {
    background: var(--2nd-color);
    color: #fff;
    font-weight: 400;
}