/*
Theme Name: ideaWeb d
Theme URI: http://www.ideaweb.es
Version: child 2.23
Author: ideaWeb diseño de paginas web en Madrid
Author URI: http://www.ideaweb.es
Template: Divi
*/

@import url("../Divi/style.css");
/*-----------------mod to top----------------*/
.et_pb_scroll_top
{
	background-color:#00adef!important;
	border-radius:90px!important;
	bottom:90px!important;
	right:14px!important;
	transition:all 0.3s;
	padding:15px!important;
}
.et_pb_scroll_top:hover
{
	background-color:#FFF!important;
	color:#000!important;
}
/*--------------------mod titulo lightbox imagenes----------------------*/
.mfp-bottom-bar
{
	display:none;
}
/*---------centrar elementos verticalmente------------*/
.ds-vertical-align
{
display: flex;
flex-direction: column;
justify-content: center;
}
/*-------------modificar tamaño letras submenu-----------------*/
#menu-principal .sub-menu li a
{
	font-size: 14px!important;
	line-height: 19px!important;
	font-weight:500!important;
}
/*------------modificar flechas galeria-----------*/
.mfp-arrow-left::after, .mfp-arrow-right::after
{
	color:#fff;
	background-color:#00adef;
	font-size: 44px;
}
.mfp-arrow
{
	opacity:1!important;
}
.mfp-image-holder .mfp-close
{
	color:#00adef;
	opacity:1!important;
}
.mfp-arrow-left
{
	left:16%!important;
}
.mfp-arrow-right
{
	right:16%!important;
}
@media (max-width:1300px)
{
	.mfp-arrow-left
	{
		left:16%!important;
	}
	.mfp-arrow-right
	{
		right:16%!important;
	}
}
@media (max-width:981px)
{
	.mfp-arrow-left
	{
		left:10%!important;
	}
	.mfp-arrow-right
	{
		right:10%!important;
	}
}
@media (max-width:500px)
{
	.mfp-arrow-left
	{
		left:3%!important;
	}
	.mfp-arrow-right
	{
		right:3%!important;
	}
}
/*-----------------------mod galeria 100%--------------------*/
.galeria-pc .et_pb_gallery_item
{
	width:100%!important;
}
.galeria-pc-2col .et_pb_gallery_item
{
	width:48%!important;
	margin:0 1%!important;
}
/*---------------------------MOD COLLAPSE MENU--------------------------*/
/**** This hides the sub menu items on mobile ****/
.et_mobile_menu li ul.hide {
display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#mobile_menu1 .menu-item-has-children {
position: relative;
}
#mobile_menu1 .menu-item-has-children > a {
background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#mobile_menu1 .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
/**** Here you can swap out the actual icons ****/
span.menu-closed:before {
content: "\4c";
display: block;
color: #00adef;
font-size: 16px;
font-family: ETmodules;
}
span.menu-closed.menu-open:before {
content: "\4d";
}
/*--------slider-home-----------*/
#slider-home .et-pb-arrow-prev::before, #slider-home .et-pb-arrow-next::before
{
	color:#00adef;
}
/*------------------mod galeria separacion en movil-----------------*/
@media (max-width:981px)
{
	.et_pb_gallery_item
	{
		margin-bottom:10px!important;
	}
}
/*----------------------mod iconos home REVISAR SI SE PUEDEN SUSTITUIR------------------------*/
.iconos-home i
{
	font-size:45px;
	padding:10px;
	color:#00adef;
}
.iconos-home-movil i
{
	font-size:24px;
	padding:0px;
	color:#00adef;
}
/*------------------mod iconos desplegables--------------------*/
.et_pb_toggle_open .et_pb_toggle_title::before
{
	left: 75px;	
	content: "\3e";
}
.et_pb_toggle .et_pb_toggle_title::before
{
	left: 75px;
}
.et_pb_toggle_title::before
{
	content: "\3f";
}
.acordeon-ozono .et_pb_toggle_title::before
{
	left: 180px!important;
}
/*-------------botones inicio------------*/
.botones-inicio {
	border:1px solid black; color:white;  padding:1em; background-color:rgba(0, 0, 0, 0.6);
}
/*-----------------formulario de contacto-----------------*/
.gform_body input, .gform_body textarea
{
	margin-top:0px!important;
	margin-bottom:0px!important;
	padding:8px!important;
	transition:all 0.3s;
	background-color:transparent;
	border: 2px solid #FFF;
	color:#FFF;
}
.gform_body input:focus, .gform_body textarea:focus
{
	border: 2px solid #00adef;
}
.gform_footer
{
	text-align:center;
}
.gform_button
{
	color: #000;
	background-color:#FFF;
	border: 2px solid #FFF;
	cursor:pointer;
	transition:all 0.3s;
	padding:10px 35px;
}
.gform_button:hover
{
	background-color: #00adef;
	color:#fff;
	border:2px solid #00adef;
}