/*
Theme Name: ideaWeb
Version: 1.0
Description: Un tema hijo de Divi
Author: ideaweb
Template: Divi
*/

@import url("../Divi/style.css");


/*------------------------------ CSS PERSONALIZADO -----------------------------*/

/*------- mod. cartas -------*/
.pestana_columna_izda{
	width: 50%;
	float: left;
}
.pestana_columna_dcha{
	width: 50%;
	float: right;
}

/*-------- mod. contacto ----------*/
.columna_izda{
	width: 50%;
	float: left;
}
.columna_dcha{
	width: 50%;
	float: right;
	text-align:right;
}

/*--------- formulario de contacto ---------*/
.gform_button{
	padding: 2%;
}
.gform_footer input.button{
	width: 99% !important;
	text-align: center;
}

/*------------ footer --------------*/
footer{
	margin-top: 0px;
}
#main-footer{
	background-color: #000;
}
footer .title{
	border-bottom: 1px solid #fff;
	width: 300px;
}
.footer_columna_izda{
	width: 5em;
	float: left;
}
.footer_columna_dcha{
	width: 6em;
	float: right;
	text-align:right;
}
.footer-widget li::before{
	border-color: #fff !important;
}
#footer-info{
	float:none;
	text-align: center;
}

/*------------- mod menú -----------*/
#top-menu li.current-menu-item > a{
	color: #3d3d3d;
}
#top-menu  li a{
	color: #3d3d3d;
	font-size: 13.5px !important;
	line-height: 30px;
	font-weight:300 !important;
}

/*---------- cabecera de inicio ----------*/
#et-top-navigation{
	padding-top: 40px !important;
	padding-bottom: 7px !important;
}
#redes_sociales i{
	text-align: center;
	font-size: 20px;
}
#redes_sociales a{
	width: 40px;
	height: 40px;
	line-height: 41px;
	text-align:center;
	display: inline-block;
	color: #252525;
	margin: 0 5px;
	background: rgba(255,255,255,0.65);
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	transition:all 0.5s;
}
#redes_sociales a:hover
{
	background-color:#fff;
}
#redes_sociales{
	text-align: center;
}
/*----- mod. submenú ----*/
.sub-menu li a:hover{
	background-color: transparent !important;
}
/*------- blog noticias -------*/
.et_pb_blog_grid .et_pb_image_container{
	height: 300px !important;
	overflow: hidden;
}
#logo{
	animation: none !important;
} 
/*-------------------mod cabecera movil--------------*/
@media (max-width:980px)
{
	.et_header_style_split #logo
	{
		max-height:150px;
	}
}
.select_page
{
	display:none!important;
}
.et_header_style_split #main-header .mobile_nav
{
	text-align:center;
}
.et_header_style_split #et-top-navigation .mobile_menu_bar
{
	left: 0; 
  	right: 0; 
  	margin-left: auto; 
  	margin-right: auto;
}
.mobile_nav
{
	background-color:transparent!important;
}
#et_mobile_nav_menu
{
	margin-top:0px!important;
}
#main-header .et_mobile_menu
{
	background-color:#fff!important;
}
.et_header_style_split .et_mobile_menu
{
	top: 45px!important;
}
/********* Mobile Menu Collapse ********/
 
/**** This hides the sub menu items on mobile ****/
 
#main-header .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_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu .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: #000;
font-size: 16px;
font-family: ETmodules;
}
 
span.menu-closed.menu-open:before {
content: "\4d";
}
/*----------------mod menu barra inferior-------------------*/
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li > a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 60%;
 background: #000; /*** COLOR OF THE LINE ***/
 height: 2px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li > a:hover {
 opacity: 1 !important;
}
#top-menu li > a:hover:before {
 right: 0;
}
#top-menu li li > a:before {
 bottom: 10%;
}
/*---------mod submenu movil-------------*/
#main-header .et_mobile_menu li ul, .et_mobile_menu li li
{
	padding-left:0px!important;
}
.et_mobile_menu .sub-menu li a
{
	color:#999!important;
}
/*----------------------mod submenu pc-----------------------*/
@media (min-width:981px)
{
	.sub-menu
	{
		width:150px!important;
		padding:12px!important;
		border-top:none!important;
		top:50px;
	}
	.sub-menu li
	{
		padding:0px!important;
	}
	.sub-menu li a
	{
		padding:0px!important;
		width:126px!important;
	}
}