/*
Theme Name: ideaweb-d
Version: 1.0
Description: A child theme of Divi
Author: ideaweb
Template: Divi
*/

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

/*-------------------centrar elementos verticalmente-----------------------*/
.ds-vertical-align
{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/*-----------boton to top-------------------*/
.et_pb_scroll_top
{
	border-radius:90px!important;
	border:1px solid transparent;
	background-color:#bcce00!important;
	padding:4px 6px 6px 4px!important;
	right:30px!important;
	bottom:30px!important;
	transition:all 0.3s;
	font-size:30px!important;
}
.et_pb_scroll_top:hover
{
	background-color:rgba(0,0,0,0.7)!important;
	border:1px solid #fff;
}
.et_pb_scroll_top:before
{
	color:#fff!important;
	font-size:30px!important;
	transition:all 0.3s;
}
/*------------------centrar elementos verticalmente-----------------*/
.ds-vertical-align
{
display: flex;
flex-direction: column;
justify-content: center;
}
/*-------------------------mod formulario----------------------*/
.gform_body
{
	font-size: 16px !important;
}
.gform_body input, .gform_body textarea
{
	padding:10px!important;
	border:2px solid #666;
	color:#000;
	background-color:rgba(255,255,255,0.3);
	border-radius:25px;
	transition:all 0.3s;
}
.gform_body input:focus, .gform_body textarea:focus
{
	padding:10px!important;
	border:2px solid #bcce00;
	color:#000;
	background-color:rgba(255,255,255,0);
	border-radius:0px;
}
.gform_body .gfield_label
{
	display:none!important;
}
.gform_footer
{
	text-align:center;
}
.gform_footer .gform_button
{
	background-color:#000;
	border:none;
	color:#FFF;
	padding:8px 25px;
	border-radius:90px;
	transition:all 0.3s;
}
.gform_footer .gform_button:hover
{
	background-color:#bcce00;
	color:#FFF;
	cursor:pointer;
	border-radius:0px;
}
/*-------------------------mod widgets pie pagina----------------------------*/
footer .et-social-icons
{
	text-align:center;
}
footer .et-social-icons a i
{
	text-align:center;
	background-color:#FFF;
	width:50px!important;
	height:50px!important;
	margin:20px 5px;
	border:2px solid #FFF;
	line-height:46px;
	border-radius:90px;
	transition:all 0.3s;
}
footer .et-social-icons a i:hover
{
	background-color:#000;
	border:2px solid #bcce00;
	line-height:46px;
	border-radius:90px;
	color:#FFF;
}
footer .container 
{
	text-align:center;
	padding-bottom:0px;
	width:94%;
	max-width:94%;
}
footer .et-social-icons > a
{
	color:#bcce00!important;
}
/**/
footer .loc i
{
	color:#bcce00;
}
footer .et_pb_widget 
{
	float:none;
	text-align:center;
	clear:both;
}
footer .et-social-icons
{
	float:none;
}
footer .pie-imago
{
	font-size:0.8em;
	color:#FFF;
}
#footer-widgets
{
	padding-top:60px;
	padding-bottom:30px;
}
.footer-widget
{
	margin-bottom:20px!important;
}
#main-footer
{
	background-image:url("https://imagorotulacion.es/rotulos-madrid/wp-content/uploads/2018/09/rotulos-rotulacion-vinilos-imago.png");
	background-repeat:no-repeat;
	background-size:100%;
}
.asociados img
{
	display:inline-block!important;
	max-width:26%;
	margin:0 10px;
}
#custom_html-2
{
	margin-bottom:20px!important;
}
#custom_html-3
{
	margin-top:110px;
}
#custom_html-3 > .title
{
	padding-bottom:30px!important;
}
.footer-widget
{
	margin-right:3%!important;
}
/*------------------------efectos iconos inicio-------------------------*/
.mano
{
	animation: bounce 1.5s alternate infinite ease-in;
	color:#FFF;
}
@keyframes bounce
{
	0%,20%,50%,80%,100%{transform: translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(10px)}
}
.question
{
	animation:tada 1.5s alternate infinite ease-in;
	color:#bcce00;
}
.teclado
{
	animation:tada 1.5s alternate infinite ease-in;
	color:#FFF;
}
.teclado-contacto
{
	animation:tada 1.5s alternate infinite ease-in;
	color:#000;
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*----------------------------------mod form home--------------------------------*/
.inicio .gform_body
{
	font-size: 16px !important;
}
.inicio .gform_body input, .inicio .gform_body textarea
{
	padding:10px!important;
	border:2px solid #FFF;
	color:#fff;
	background-color:rgba(255,255,255,0.3);
	border-radius:25px;
	transition:all 0.3s;
}
.inicio .gform_body input:focus, .inicio .gform_body textarea:focus
{
	padding:10px!important;
	border:2px solid #bcce00;
	color:#fff;
	background-color:rgba(255,255,255,0);
	border-radius:0px;
}
.inicio .gform_body .gfield_label
{
	display:none!important;
}
.inicio .gform_footer
{
	text-align:center;
}
.inicio .gform_footer .gform_button
{
	background-color:#bcce00;
	border:2px solid #bcce00;
	color:#FFF;
	padding:8px 25px;
	border-radius:90px;
	transition:all 0.3s;
}
.inicio .gform_footer .gform_button:hover
{
	background-color:transparent;
	color:#FFF;
	cursor:pointer;
	border-radius:0px;
	border:2px solid #fff;
}
/*-------------------------mod logo-----------------------*/
.et_header_style_centered #logo
{
    max-height: 50px;
}
/*-------------------mod menu footer----------------------*/
#main-footer #et-footer-nav .container
{
	padding-bottom:0px!important;
}
.bottom-nav
{
	padding:5px 0px 5px 0px;
}
/*---------------------------------------mod barra lateral items----------------------------*/
#sidebar .widgettitle
{
	color:#BCCE00;
}
#main-content .container:before
{
	background-color: #000;
	width:5px;
}
/*----------------------------paginacion--------------------------------*/
.et_pb_gallery_pagination
{
	border-top: 2px solid #BCCE00!important;
}
.et_pb_gallery .et_pb_gallery_pagination ul li .active
{
	color:#BCCE00!important;
}
/*-----------------------------mod cabecera--------------------------------*/
@media (min-width:981px)
{
	#logo
	{
		float:right;
		margin-right: 30px;
		max-height:none!important;
	}
	#top-menu-nav, #top-menu
	{
		float:none!important;
	}
	#et-top-navigation
	{
		float: none!important;
		padding-left: 0px !important;
		padding-right:160px!important;
		text-align: center !important;
	}
}
@media (max-width:981px)
{
	#logo
	{
		max-height:100%!important;
	}
	.et_header_style_left #logo
	{
		max-width: 160%!important;
	}
}
#mobile_menu
{
	background-color:#FFF!important;
}
#mobile_menu a
{
	color:#000!important;
}
.et-fixed-header #top-menu .sub-menu a
{
	color:#000!important;
}
/*---------------------------------mod menu------------------------------*/
.sub-menu li a
{
	font-size:12px!important;
	width:250px!important;
	border-bottom:1px solid rgba(188, 206, 0, 0.2);
	font-weight: 500!important;
}
.sub-menu li
{
	padding:0px 10px!important;
	line-height:1.6em!important;
}
.sub-menu
{
	width:270px!important;
	padding:10px 0px!important;
}
.nav li li ul
{
    left: 270px!important;
	top:0px!important;
}
#main-header, #main-header .et-fixed-header
{
border-bottom:5px solid #bcce00;
}
header.et-fixed-header .sub-menu > li > a
{
	color:#000!important;
}
/*--------------------------------------------------*/
@media (max-width:981px)
{
	.et_pb_bg_layout_light .et_pb_text_inner h1
	{
		font-size:30px;
	}
}
/*----------------------------regla cajas botones---------------------------*/
@media (min-width:1920px)
{
	.cajas-botones .et_pb_button
	{
		font-size:20px;
	}
}
@media (max-width:1920px) and (min-width:981px)
{
	.cajas-botones .et_pb_button
	{
		font-size:1.05vw;
	}
}
/*----------------------------------collapse menu----------------------------------*/
#main-header .et_mobile_menu .always-visitable {
    position: relative;
}
#main-header .et_mobile_menu .always-visitable .hover-link {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    right: 60px;
}