/*
 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
------------------------------------------------------- */
/*Botón registro menú secundario*/
.registro a {color: #ffffff!important;}
li.registro {
background-color:#fc7b5a;
margin-bottom: 13px;
font-weight: 600;
text-align: center; 
padding: 10px 10px 10px 10px!important;
border: solid 1px;
border-color: #fc7b5a;
border-radius: 5px;
-moz-transition: initial; 
-webkit-transition: initial;
transition: initial;}
li.registro:hover {background-color:#fc7b5a;}
.et-fixed-header #top-menu .login a {
color: #3c3d41!important;}
.registro li.current-menu-ancestor > a, .registro li.current-menu-item > a {
 color: #ffffff !important;}
 @media only screen and (min-width : 981px) {
 li.registro {height: 40px;}}
/*Botón iniciar sesión menú secundario*/
.login a {color: #fc7b5a
!important;}
li.login {
background-color:#ffffff;
margin-bottom: 13px;
font-weight: 600;
text-align: center; 
padding: 10px 10px 10px 10px!important;
border: solid 1px;
border-color: #fc7b5a;
border-radius: 5px;
-moz-transition: initial; 
-webkit-transition: initial;
transition: initial;}
li.login:hover {background-color:#ffffff;}
.et-fixed-header #top-menu .login a {
color: #3c3d41!important;}
.login li.current-menu-ancestor > a, .login li.current-menu-item > a {
 color: #fff !important;}
 @media only screen and (min-width : 981px) {
 li.login {height: 40px;}}
/*Color botón arriba*/
.et_pb_scroll_top.et-pb-icon {
    display: none;
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 125px;
    padding: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    background: #0194b2;
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
/* Barra de progreso en gravity forms personalizada*/
.gform_wrapper .gf_progressbar{
	background-color: #fefefe;
	border-radius: 25px;
}
.gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {
	background: #33475b;
	border-radius: 25px;
	}
/*Cambia la forma de los campos del formulario*/
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea {
background-color: #ffffff;
color: #33475b;
padding-left: 10px !important;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}
/*Posición del botón anterior en el formulario*/
.gform_page_footer .gform_previous_button{
	float:left !important;
	font-size: 1.3em !important;
	padding: 8px;
	margin-left: 10px;
    border-radius: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: #33475b;
	background-color: #f5f8fa;
	color:#33475b;
	cursor: pointer;
}
/*Diseño y Posición del botón siguiente*/
.gform_page_footer .gform_next_button{
	float:right !important;
	font-size: 1.3em !important;
	padding: 8px;
	margin-right: 10px;
    border-radius: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: #33475b;
	background-color: #cbd6e2;
	color:#33475b;
	cursor: pointer;
}
/*Diseño y posición botón enviar en el formulario*/
body .gform_wrapper .gform_page_footer input[type=submit]{
	float:right !important;
	font-size: 1.5em !important;
	padding: 8px;
	margin-right: 10px;
    border-radius: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: #33475b;
	background-color: #0194b2;
	color:#ffffff;
	cursor: pointer;
}
/* coloca la palabra MENU a la derecha del menu hamburguesa */
.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 10px;
    left: 10%;
    color: #0194b2;
}
/* Cambia el menu a X y el color cuando está abierto */
.mobile_nav.opened .mobile_menu_bar:before {
    content: 'Q';
	color: #0194b2;
}
/*Color línea superior menú móvil*/
.et_mobile_menu {
	border-top: 3px solid #fc7b5a;
}
/*Cambia el color del menu móvil cuando está cerrado */
.closed .mobile_menu_bar:before {
 color:#0194b2;
}
/*botones barra política de cookies*/
.button-cookies{
	background-color: #fff !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    color: #33475b !important;
    display: inline-block !important;
    line-height: 1.25 !important;
    padding: 0.75rem 1.5rem !important;
}
/*Botón registro en el menú móvil*/
 .quadmenu-navbar-nav > li.quadmenu-item-type-button > a > .quadmenu-item-content {
    color: #ffffff!important;
    background-color: #fc7b5a!important;
    BORDER-RADIUS: 5PX;
}
/*Botón iniciar sesión en el menú móvil*/
.quadmenu-navbar-nav > li.iniciar-sesion-movil > a > .quadmenu-item-content {
	color: #fc7b5a!important;
	background-color:#ffffff!important;
	border-color: #fc7b5a!important;
	border: solid 1px;
	border-radius: 5px;
}
/*Texto categoria en mega menu*/
.quadmenu-navbar-nav .quadmenu-dropdown-menu li.categoria-mega-menu > a > .quadmenu-item-content {
    color: #33475b;
    font-size: large;
    font-weight: 600;
	border-bottom-color: #33475b;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/*Texto hover categoria mega menu*/
.quadmenu-navbar-nav .quadmenu-dropdown-menu li.categoria-mega-menu > a:hover {
 background-color: #ffffff !important; 
 opacity: 1 !important;
}
/*Eliminar la línea lateral entre el contenido principal y el sidebar*/
#main-content .container:before {background: none;}
/*Formato resultados de búsqueda*/
 .et_pb_post {
    margin-bottom: 50px;
    border-color: #33475b;
	border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    padding-left: 10px;
	padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*Ancho completo de página resultado de búsqueda*/
.et_right_sidebar #left-area {
    float: left;
	width:100%;
    padding-right: 0%;
}
/*Cambia tamaño Botón enviar solo formulario de contacto*/
body #gform_wrapper_5 .gform_footer input[type=submit], #gform_wrapper_16 .gform_footer input.button {
    margin-right: 10px;
	border-radius: 25px;
    border-style: solid;
    border-width: 1px;
    width: 60%;
	margin-left: 50%;
	transform: translatex(-50%);
	height: 50px;
	cursor: pointer;
    border-color: #33475b;
	font-weight: 900;
	color: #ffffff;
	background-color: #0194b2;
}
/*Enlace ayuda menú secundario*/
.ayuda a {
	color:#0194b2!important;
	padding-right: 20px;
}
/*Enlace ayuda en el menú móvil*/
.quadmenu-navbar-nav > li.ayuda-movil > a > .quadmenu-item-content {
	color: #0194b2!important;
}