/* 
Theme Name:  Eyesa
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author:      Sevisible - Juan Gonzalez
Author URI:  https://sevisible.cool/
Template:    hello-elementor
Version:     1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags:        flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

:root {
	--azul:     #003363;
	--amarillo: #e0a537;
	--crema:    #f8eace;
}

/* Form Layout */
.sevi-form-wrap {
	display: block;
	position: relative;
}
.sevi-form-row {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding-left: 16px;
	padding-right: 16px;
}
.sevi-form-col--half,
.sevi-form-col--full {
	flex: none;
	width: 100%;
}

.sevi-form-wrap input,
.sevi-form-wrap textarea,
.sevi-form-wrap select {
	font-family: 'Futura', 'Segoe UI', 'Arial', 'Helvetica', sans-serif !important;
}

.sevi-form-wrap input[type="text"],
.sevi-form-wrap input[type="email"],
.sevi-form-wrap input[type="tel"],
.sevi-form-wrap textarea,
.sevi-form-wrap select {
	border-radius: 15px;
	background-color: #f8f8f8;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	border: none;
	margin-bottom: 16px;
}
.sevi-form-wrap label {
	margin-bottom: 4px;
}

.sevi-form-col--file {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
	background-color: #ffffff;
	border-radius: 15px;
	padding: 8px 16px;
}
.sevi-form-col--file img {
	flex: none;
	width: 80%;
	margin: 0 auto 16px;
}
.sevi-form-col--file .file {
	flex: 1;
	margin: 0 16px;
	position: relative;
}
.sevi-form-col--file .file input[type="file"] {
	position: absolute;
	width: 100%;
	height: 0;
	visibility: hidden;
}
.sevi-form-col--file .fake-file label{
	cursor: pointer;
	font-size: 16px;
	font-size: 1rem;
}
.sevi-form-col--file .note {
	flex: none;
	margin-bottom: 0;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	padding: 8px;
	width: 100%;
	margin-bottom: 16px;
	margin-top: 16px;
}

.sevi-form-wrap .boton-enviar {
	text-transform: uppercase;
	border-radius: 25px !important;
	padding: 8px 64px !important;
	display: block !important;
	margin: 16px auto 0 !important;
	border: none;
	font-size: 24px;
	z-index: 5;
}
.sevi-form-wrap .boton-enviar.boton--amarillo {
	color: #fff;
	background: var(--amarillo) !important;
}

@media only screen and (min-width:768px) {
	.sevi-form-col--half {
		flex: none;
		width: calc(100% / 2 - 16px);
	}
	.sevi-form-col--half:not(:last-child) {
		margin-right: 16px;
	} 
}