/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/*******************************************
**VARIABLES*******************************
*******************************************/
.woocommerce-variation-price .price woocommerce-Price-amount{font-size:26px;font-weight:800;}
:root {
	--accent-color: #EE9D3E; /* Define la variable para el color links */	
	--primary-color:#3E82ED; /* Define la variable para el color primario */	
	--secundary-color: #5d536e; /* Define la variable para el color secundario */
	--tertiary-color: #048830; /* Define la variable para el color terciario */
	--neutral-color:#0d0d0d; /* Define la variable para el color neutro */
	--dark-color:#535E6E; /* Define la variable para el color neutro */
	--border-radius:50px; /* Define la variable "radius" para la curvatura de las esquinas del botón */
	--border-radius-square:6px;/* Define la variable "radius" para la curvatura de las esquinas del botón cuadrado */
	--font-family:'Abel',Helvetica,Arial,Lucida,sans-serif /*Define la fuente del botón*/
}/***********************************************************************************
**COMPONENTS***********************************************************************
***********************************************************************************/
/**Flex-inline**/
.et_pb_row.flex-inline{
	max-width: none;
	width: 100%;
	overflow-y: auto;
}
.et_pb_row.flex-inline > .et_pb_column{
	display:flex;
	justify-content:center;
	column-gap:10px;
}
/**Flex-inline @media break point-Debemos personalizarlo para cada caso***/
@media all and (max-width: 479px) {
	#columns-filter .et_pb_shop ul.products.columns-1 li.product{
	   width:100%!important;
	}
	.et_pb_row.flex-inline{
		padding-left:40%;
	}
	.et_pb_row.flex-inline > .et_pb_column > div:first-of-type{
		padding-left:20px!important;
	}
	.et_pb_row.flex-inline > .et_pb_column > div:last-of-type{
		padding-right:10px!important;
	}

}

/***********************************************************************************
**PLUGINS***************************************************************************
***********************************************************************************/
/**COMPLIANZ**/
#cmplz-document{max-width: 100%!important;margin-bottom:60px;}

/**Redsys Plugin Icon****/
ul.wc_payment_methods li.payment_method_redsys > label:after{
 content:'';
 display:inline-block;
 margin-left:10px;margin-bottom:-5px;
 background-image:url('https://tiendasomosclima.com/wp-content/uploads/2024/01/pago-tarjeta.png');
 background-repeat:no-repeat;
 width:180px; height:23px;
}

/**Side Cart / Carrito flotante WP Clever**/
#woofc-count.woofc-count{border-radius:50%;box-shadow:0 10px 40px 0 #dd9933;}
#woofc-count.woofc-count i {color: #dd9933;}
#woofc-count.woofc-count span{left:-10px;}


/***********************************************************************************
**HEADER****************************************************************************
***********************************************************************************/
/**TOP-BAR***********************************************/
/**Banners**/
.header-banner{}
#llamanos-ban{}
#dudas-ban{}
#contacto-ban{}
#mi-cuenta-ban{}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	#contacto-ban .et_pb_blurb_container,
	#mi-cuenta-ban .et_pb_blurb_container{display: none!important;}
	#contacto-ban.et_pb_blurb_2_tb_header .et-pb-icon, 
	#mi-cuenta-ban.et_pb_blurb_3_tb_header .et-pb-icon{font-size:28px!important;}

}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	#llamanos-ban .et_pb_blurb_container,
	#dudas-ban .et_pb_blurb_container{display: none!important;}
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	  #seguir-rrss{display: none!important;}
}


/**Accesibility**/
#pojo-a11y-toolbar{
 display:flex;
 flex-direction:column-reverse; position:relative!important;
 right:0!important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{
 background-color:var(--accent-color);
 position:relative; top:0;right:0!important; z-index:100; 
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a.pojo-a11y-toolbar-toggle-link{
  position:absolute;right:0;  
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
 opacity: 0;
 transition: all .5s ease-in-out;
 overflow:hidden;
 width:100%;height: 0;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay {
  opacity: 1;
  height:auto;
}
ul.pojo-a11y-toolbar-items.pojo-a11y-tools {
 display:flex; flex-wrap: wrap;
}
/**MENU-BAR***********************************************/
/**Menú**/
/**Menú**/
ul#menu-menu-principal-pro li,
ul#mobile_menu1 li{
	line-height: 1.6em;
}
ul#menu-menu-principal-pro ul.sub-menu > li a,
ul#mobile_menu1  ul.sub-menu > li a{
	font-weight: 400;
}
ul#menu-menu-principal-pro ul.sub-menu ul.sub-menu a,
ul#mobile_menu1 ul.sub-menu ul.sub-menu a{
	text-transform: none!important;
}
ul#mobile_menu1 li,
ul#mobile_menu1 li a{
	padding-left:0!important;
}
ul#mobile_menu1 .sub-menu li.menu-item-has-children > a:first-child{
	max-width:calc(100% - 44px);
}
/**DIVI ACCORDION MENU****/
/* #### Collaping Mobile Menu #### */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	color: var(--accent-color); /* Icon color */
	background: #f1f1f1; /* Icon background color */
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	border-radius: 50%;
	padding: 3px;
}

ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
	content: '\32';
}

.et_mobile_menu .menu-item-has-children>a {
 
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
	text-align: center;
	opacity: 1;
}


/**Iconos**NO UTILIZADO**
#menu-menu-principal > li.menu-ico > a:before{
	content:'';
	display:inline-block;
	width:15px;height:15px;
	margin-right:5px;
  background-repeat:no-repeat;background-position: center;
	background-size: contain;
}
#menu-menu-principal > li.menu-ico.ico-fontaneria > a:before{background-image:url('https://tiendasomosclima.com/wp-content/uploads/2024/01/fontaneria-ico.svg');}
#menu-menu-principal > li.menu-ico.ico-climatizacion > a:before{background-image:url('https://tiendasomosclima.com/wp-content/uploads/2024/01/climatizacion-ico.svg');}
#menu-menu-principal > li.menu-ico.ico-baterias > a:before{background-image:url('https://tiendasomosclima.com/wp-content/uploads/2024/01/bateria2-ico.svg');}
#menu-menu-principal > li.menu-ico.ico-fotovoltaicas > a:before{background-image:url('https://tiendasomosclima.com/wp-content/uploads/2024/01/panel-solar2-ico.svg');}
#menu-menu-principal > li.menu-ico.ico-soportacion > a:before{background-image:url('https://tiendasomosclima.com/wp-content/uploads/2024/01/soporte-ico.svg');}
#menu-menu-principal > li.menu-ico.ico-piscinas > a:before{background-image:url('https://tiendasomosclima.com/wp-content/uploads/2024/01/piscina2-ico.svg');}
#menu-menu-principal > li#wpmenucartli > a:before{display:none}
**/

/**Responsive Menú**/
/**Responsive Menu**/
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 980px) {
	header .et_pb_menu_inner_container{
		display:flex;
		max-width:400px;
		margin:auto;
	}	
	.et_pb_menu .et_pb_menu__logo-wrap{justify-content:flex-start;}
	.et_pb_menu .et_pb_menu__logo-wrap img{max-width:200px;transform: translateY(-2px);}	
	.et_pb_menu .et_pb_menu__wrap{max-width:none;justify-content:flex-end;}

}



/***********************************************************************************
**FOOTER****************************************************************************
***********************************************************************************/
/**FOOTER-BAR********************************************/
/**BOTTOM-BAR********************************************/
footer .et_pb_text a:hover{text-decoration:underline;}

/***********************************************************************************
**CONTENT***************************************************************************
***********************************************************************************/
/**HOME PAGE*********************************************/

/**OUR COMPANY*******************************************/

/**OUR SERVICES/*****************************************/

/**CONTACT***Y*******************************************/


/***********************************************************************************
**WOOCOMMERCE***********************************************************************
***********************************************************************************/
/**MESSAGES**********************************************/
.woocommerce .woocommerce-message{border-left:10px solid #f8f9fa!important;background:#ececec!important;color:black!important;max-width:1080px;margin:auto;  }
.woocommerce .woocommerce-error{border-left:10px solid #dc3545!important;background:#e6c5c8!important;color:black!important;  }
.woocommerce .woocommerce-info{border-left:10px solid #17a2b8!important;background:#c0e2e8!important;color:black!important;}
.woocommerce .woocommerce-info a{color:#1d707c;text-decoration:underline;}
.woocommerce .woocommerce-info a:hover{text-decoration: none;}
.woocommerce .woocommerce-success{background-color: #d4edda!important;border:1px solid #85bc92!important;border-left-width:10px!important;color:155724!important;}

/**Arregla cantidad**/
.woocommerce .quantity input.qty {
  width: 5.3em;
}

/**BUTTOMS**/
/**BUTTOMS**
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce-page button.button.alt,
.woocommerce-page button.button.alt.disabled,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
.woocommerce-message a.button.wc-forward,
body .et_pb_button {
  font-size:16px;
  border-width:1px!important;
  border-radius:val(--border-radius-square);
  font-weight:normal;
  font-style:normal;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:1px
}
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page button.button.alt.disabled:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover {
  color:#ffffff!important;
  background-color:var(--accent-color)!important;
}*/
/**ADD TO CART PRODUCT BUTTONS**/
/**Functions:
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 20 );
**/
a.button.add_to_cart_button.ajax_add_to_cart{
 font-size:1em;
 font-family: "Abel";
 background:none!important;
 color:var(--primary-color)!important;
}
a.button.add_to_cart_button.ajax_add_to_cart:hover{
	color:white!important;
}
a.button.add_to_cart_button.ajax_add_to_cart:after{
	font-size:1.6em;
}

a.button.add_to_cart_button.ajax_add_to_cart.added{
	display:none!important;
}
a.added_to_cart{
	clear:left;
	display:block;
	font-family: var(--font-family)!important;font-size:18px;
	margin-bottom:-34px;
	text-align:center;
	width:120px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
a.added_to_cart:before{
  content: "\e07a";
  font-family: ETmodules !important;
  margin-right: 10px;
  position: relative;
}
@media (max-width:479px) {
	a.button.add_to_cart_button.ajax_add_to_cart{
		font-size:1em;
		line-height:1.3em!important;
	}
}

/**Brands for Woocommerce****************************/
#marcas-pag .pwb-all-brands .pwb-brands-cols-outer{justify-content:center;}
#marcas-pag .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{
	display:flex;
	flex-direction: column;
	height:150px;
	text-align: center;
}
#marcas-pag .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 > div{
	background: #fafafa;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;height: 150px;
}
#marcas-pag .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 > div img{
	max-height:100px;width: auto;
	max-width:100px;
	margin:auto;
	mix-blend-mode: multiply;
}
#marcas-pag .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 > p{
	display:block;
}
#marcas-pag .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 > p small{
	display:none;
}
@media (min-width:768px) and (max-width:980px) {
	.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
		width: auto;
	}
}
@media (max-width:767px) {
	.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
			width: auto;
	}
}

/**Redsys Plugin Icon****/
ul.wc_payment_methods .payment_method_redsys_insite.et_pb_checked input#payment_method_redsys_insite{display:inline;}
ul.wc_payment_methods .payment_method_redsys_insite.et_pb_checked label:after{
 content:'';
 display:inline-block;
 margin-left:10px;margin-bottom:-5px;
 background-image:url('https://forshopcanarias.com/wp-content/uploads/2022/07/metodos-pago-xl.png');/**Download PMG to library**/
 background-repeat:no-repeat;
 width:180px; height:23px;
}

/***************************************************************
WOOCOMMERCE PAGES**********************************************/

/**MY ACCOUNT PAGE********************************/
.woocommerce-MyAccount-navigation{
	margin-bottom:30px;
}
.woocommerce-MyAccount-navigation > ul{
	margin:o;padding:0;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	row-gap:10px; column-gap:10px;
}
.woocommerce-MyAccount-navigation li{
	list-style:none;
}
.woocommerce-MyAccount-navigation li a{
	  display:block;
	  color: white;
	  border:2px solid var(--accent-color);
	  background-color: var(--accent-color);
		border-radius: var(--border-radius-square);
	  padding: 10px;
	  max-width: 100%;
	  width: 100%!important;
	  text-align: center;
	  text-decoration:none!important;
  }
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li a:focus,
.woocommerce-MyAccount-navigation li.is-active a{
	  color: var(--accent-color);
	  border:2px solid var(--accent-color);
	  background-color: white;
  }
.woocommerce-MyAccount-content{}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 767px) {
  .woocommerce-MyAccount-navigation > ul{
		flex-direction:row;
  }
}

/***************************************************************
WOOCOMMERCE TEMPLATES******************************************/
/**Breadcrumb**/
nav.woocommerce-breadcrumb{}
/**AJAX SEARCH**/
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{background-color:transparent!important;}

/**SHOP PAGE***********************************/
/**CATEGORIES FROM WIDGETS**/
#subcategorias{
	border-right:none!important;
	padding-right:0!important;
}
#subcategorias > #woocommerce_product_categories-2.et_pb_widget{
	margin:0;
	width:100%;
}
#subcategorias .woocommerce.widget_product_categories ul.product-categories{
	display:flex;
	justify-content: flex-start;
	align-items:center;
	flex-wrap: wrap;
}
#subcategorias .woocommerce.widget_product_categories ul.product-categories li{
	padding-right:15px;
}
#subcategorias .woocommerce.widget_product_categories ul.product-categories > li > a{
	color:var(--accent-color)!important;
	letter-spacing:2px;
	padding-bottom:5px;
}
#subcategorias .woocommerce.widget_product_categories ul.product-categories > li > a:hover{
	border-bottom:1px solid var(--accent-color)!important;
}
/**Hiden Uncategory Category**/
#subcategorias .woocommerce.widget_product_categories ul.product-categories li.cat-item-15{
	display:none;
}
@media (min-width:768px) and (max-width:980px) {
	form.wpf_form_subcategorias .wpf_items_wrapper.wpf_layout_vertical{
		display: flex;
		flex-wrap: wrap;
		gap:0 15px;
	}
	form.wpf_form_subcategorias .wpf_items_wrapper.wpf_layout_vertical > .wpf_item{
		min-width: 29%;
	}
	form.wpf_form_subcategorias > .wpf_items_wrapper > .wpf_item > label{
		margin-top:0!important;
	}
}
@media (max-width:767px) {
  form.wpf_form_subcategorias .wpf_items_wrapper.wpf_layout_vertical{
	  display: flex;
	  flex-wrap: wrap;
	  gap:0 5px;
  }
  form.wpf_form_subcategorias .wpf_items_wrapper.wpf_layout_vertical > .wpf_item{
	  min-width: 29%;
  }
  form.wpf_form_subcategorias > .wpf_items_wrapper > .wpf_item > label{
	  margin-top:0!important;
  }
}


/**Responsive Divi Theme Breakpoints & Media queries********************/
/**Responsive Divi Theme Breakpoints & Media queries********************/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}