/* generales
-------------------------------------------------------------------------------------------------------------- */
html, body {font-family: 'Montserrat', sans-serif;}
ul {list-style-type: none;padding:0;margin:0;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:inherit;line-height:inherit;font-weight:inherit;}
.col-xs-15 {position:relative;min-height:1px;padding-right:10px;padding-left:10px;width:20%;float:left;}
.btn:focus, .btn:active:focus, .btn.active:focus, a:focus, .btn:active, .btn.active {outline:none;outline-offset:0;}
label.error {font-size:11px !important;line-height:11px !important;padding:4px 5px 5px;color:#fff;background:#ff0000;text-transform:uppercase;}
button:focus {outline:none;}
.navbar-toggler:focus {box-shadow:none;}
body {background:linear-gradient(-235deg, #2E3092, #50B848);margin:0;height:100vh;color:#2E3092;}


/* links
-------------------------------------------------------------------------------------------------------------- */
a, a:focus {color:#2E3092;text-decoration:none;outline:none;}
a:hover {color:#50B848;text-decoration:none;outline:none;}


/* botones
-------------------------------------------------------------------------------------------------------------- */
.btn, .btn:focus, .btn:active, .btn:focus.active {border:none;border:none;font-weight:700;border-radius:100px;padding:10px 30px;}
.btn:hover {box-shadow:none;}

.btn-az-bl, .btn-az-bl:focus, .btn-az-bl:active, .btn-az-bl:focus.active {text-transform:uppercase;color:#fff !important;background-color:#2E3092 !important;}
.btn-az-bl:hover {box-shadow:none;color:#fff !important;background-color:#161870 !important;}


/* landing
-------------------------------------------------------------------------------------------------------------- */
.logo-hua {height:30px !important;}
.footer-kells img {height:25px;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%);}
.fondo {background:url('../img/torneo-de-futbol-a-beneficio-fondo.jpg') left bottom no-repeat;background-size:cover;border-radius:5px;}
h1 {font-weight:800;font-size:24px;line-height:28px;text-shadow:0 0 10px rgba(255,255,255,.6);}
h2 {font-weight:500;font-size:16px;line-height:20px;text-shadow:0 0 10px rgba(255,255,255,.6);}
.horario {background:#2E3092;border-radius:5px;color:#fff;font-size:16px;line-height:20px;padding:15px;}
.horario hr {border-top:1px solid #fff;margin:0;}
.fa-ul {margin-left: 1.5em;}
.formulario {background:#fff;border-radius:5px;padding:20px;box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.08);}
h3 {font-weight:700;font-size:24px;line-height:24px;color:#50B848;}
h4 {font-weight:800;font-size:60px;line-height:42px;color:#50B848;}
h5 {font-weight:500;font-size:18px;line-height:26px;}
h6 {font-weight:500;font-size:16px;line-height:22px;}

@media (min-width: 576px) {
.logo-hua {height:50px !important;}
}

@media (min-width: 768px) {
h1 {font-size:28px;line-height:32px;}
.fotos {margin-bottom:-45px;}
.formulario {margin-right:-35px;}
}

@media (min-width: 992px) {
header img {height:50px !important;}
h1 {font-size:32px;line-height:38px;}
h2, .horario {font-size:18px;line-height:25px;}
.formulario {padding:30px;}
h3 {font-size:30px;line-height:30px;}
h4 {font-size:90px;line-height:55px;}
.logo-hua {height:60px !important;}
.horario {padding:30px;}
}

@media (min-width: 1200px) {
.logo-hua {height:80px !important;}
}

@media (min-width: 1400px) {
.fondo {background-size:cover,cover;}
}


/* formulario
-------------------------------------------------------------------------------------------------------------- */
.gform_heading {display:none;}
.gform_wrapper.gravity-theme .gfield_required {color:#fff;}
.gform_wrapper.gravity-theme .gfield_label {font-weight:700;}
input, select {color:#50B848;font-size:18px !important;}
.gform_footer {text-align:center;display:block !important;padding-top:25px !important;margin-bottom:0 !important;}
.gform_button {border:none;text-transform:uppercase;border:none;font-weight:800;border-radius:5px;padding:10px 40px;color:#fff;background-color:#50B848;font-size:20px;}
.gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button:focus.active {box-shadow:none;color:#fff;background-color:#41933a;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {font-size:11px !important;line-height:15px !important;padding:3px 5px !important;color:#fff !important;background:#2E3092 !important;text-transform:uppercase;border:none !important;margin-block-start:0px !important;margin-top:3px;border-radius:5px;}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme [aria-invalid=true]+label, .gform_wrapper.gravity-theme label+[aria-invalid=true] {color: #2E3092 !important;}
.gform_wrapper.gravity-theme .gform_validation_errors {display:none !important;}
.gform_confirmation_wrapper {text-align:center;font-size:20px;}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {border:1px solid #2E3092;border-radius:5px;font-size:20px !important;line-height:24px;padding:15px;font-weight:500;}
.gfield_description.instruction {display:none !important;}

@media (min-width: 768px) {
.gform_button {font-size:16px !important;}
}

@media (min-width: 992px) {
.gform_button {font-size:20px !important;}
.gform_confirmation_wrapper {font-size:25px;}
}

@media (min-width: 1200px) {
.gform_button {font-size:25px !important;padding:15px 55px;}
.gform_confirmation_wrapper {font-size:30px;}
}

@media (min-width: 1400px) {
.gform_confirmation_wrapper {font-size:40px;}
}