/*!
Theme Name: Divi child - EIRA
Theme URI: https://kraken.red
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Pequeño Karken
Author URI: https://kraken.red
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/


/*-------------------------------------------------------
A partir de aquí puedes poner tus estilos de CSS personalizados
------------------------------------------------------- */

/* QUITAR BARRA LATERAL DE TODO EL SITE*/

div#sidebar {
	display: none;
}

div#left-area {
	width: 100% !important;
}

#main-content .container:before {
	background: none;
}

/* COLORES */
:root{
    --azul: #69c4c1;
	--verde: #69c18e;
	--amarillo: #edac34;
	--gris: #727271;
	--negro: #1a1f23;
}

/* DEGRADADO */
/* Sintaxis de ejemplo
linear-gradient(to right, blue, white);

linear-gradient(to right, blue, white 80%, orange);
*/

/* Sintaxis del degradado borde menú */
linear-gradient(to right, var(--azul), var(--verde) 28%, var(--verde) 79%, var(--amarillo));


/* MENÚ */


/* COMÚN */
.margen_superior {
    margin-top: 15px;
}

.seccion_dividida .margen_izq h1, .seccion_dividida .margen_izq h2 {
	margin: auto auto auto 150px;
}

.seccion_dividida p, .seccion_dividida li {
	margin: auto 100px;
}

		/* versiones responsive */
@media only screen and (max-width: 600px) {
	.seccion_dividida .margen_izq h1, .seccion_dividida .margen_izq h2 {
		margin: auto;
		text-align: center;
}
	.seccion_dividida p, .seccion_dividida li {
		margin: auto 5%;
}
}

.fondo_verde {
	background: var(--verde);
}

.fondo_amarillo {
	background-color: var(--amarillo);
}

p {
    font-size: 18px;
}

h1, h2, h3, h4 {
	font-weight: bold;
}

.blanco p, .blanco h1, .blanco h2, .blanco h3, .blanco h4 {
	color: white;
}

.centrado p, .centrado h1, .centrado h2, .centrado h3, .centrado h4 {
	text-align: center;
}

.nopadding {
	padding: 0;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.borde_bajo {
	border-bottom: 2px solid;
	margin: auto 100px;
	margin-bottom: 20px !important;
}


/* PIE GLOBAL AZUL */
.pie_azul {
	background-color: var(--azul);
}

	/* Formulario */
.fas {
    margin-right: 3%;
}

.pie_formulario h1 {
    color: white;
    text-align: center;
    font-weight: bold;
}

.pie_formulario .et_contact_bottom_container {
    float: inherit;
    text-align: center;
    display: inherit;
}

.pie_formulario .et_contact_bottom_container .et_pb_contact_submit.et_pb_button {
    background-color: white;
    border-color: white;
    padding: 0 20px;
    color: var(--azul) !important;
}

.pie_formulario .et_contact_bottom_container .et_pb_contact_submit.et_pb_button:hover {
	background-color: white !important;
    border-color: white !important;
    padding-right: 35px;
    color: var(--azul) !important;
}

.pie_formulario .et_contact_bottom_container .et_pb_button:hover::after {
    color: var(--azul);
}

/* BOTONES SLIDER */
.et_pb_slide_description .et_pb_button.et_pb_more_button {
    background-color: var(--amarillo);
    color: white !important;
    border-color: var(--amarillo);
}

.et_pb_slide_description .et_pb_button.et_pb_more_button:hover {
	color: white !important;
	border-color: white !important;
}

.et_pb_slide_description .et_pb_more_button:hover::after {
    color: white;
}

/* BOTONES VOLVER A TRATAMIENTOS */
.et_pb_button.volver.et_pb_bg_layout_light {
    color: white;
    border-color: white;
}

.et_pb_button.volver.et_pb_bg_layout_light:hover {
    color: var(--amarillo) !important;
    background-color: white;
    border-color: white !important;
}

.et_pb_button.volver.et_pb_bg_layout_light:hover::after {
    color: var(--amarillo);
}

/* BOTONES VOLVER A CLASES */
.et_pb_button.volver_clases.et_pb_bg_layout_light {
    color: white;
    border-color: white;
}

.et_pb_button.volver_clases.et_pb_bg_layout_light:hover {
    color: var(--verde) !important;
    background-color: white;
    border-color: white !important;
}

.et_pb_button.volver_clases.et_pb_bg_layout_light:hover::after {
    color: var(--verde);
}

/* NUEVOS ICONOS SOCIALES */
.et-social-linkedin a:before {
	content: '\e09d';
}