/* 
Theme Name: Fundación Apoyo Autismo Chile
Theme URI: https://www.apoyoautismochileepaa.cl/
Description: Website Apoyo Autismo Chile
Version: 1.0
Author: Christian Cid
Author URI: http://www.tripulante.cl
*/

:root {
    --color01: #294F71;
    --color02: #7ED3F0;
    --color03: #E9AB5F;
    --color04: #1D3A54;
    --color05: #fff;
}

.bg01 {
    background: var(--color01);
}
.bg02 {
    background: var(--color02);
}
.bg03 {
    background: var(--color03);
}
.bg04 {
    background: var(--color04);
}
.bg05 {
    background: var(--color05);
}

.color01 {
    color: var(--color01) !important;
}
.color02 {
    color: var(--color02) !important;
}
.color03 {
    color: var(--color03) !important;
}
.color04 {
    color: var(--color04) !important;
}
.color05 {
    color: var(--color05) !important;
}

.borde {
    border-radius: 15px;
    border-style: solid;
    border-width: 3px;
}

.borde01 {
    border-color: var(--color01);
}
.borde02 {
    border-color: var(--color02);
}
.borde03 {
    border-color: var(--color03);
}
.borde04 {
    border-color: var(--color04);
}
.borde05 {
    border-color: var(--color05);
}

.br-15 {
    border-radius: 15px;
}


h1,h2,h3,h4,h5,h6 {
    font-family: "Inter", sans-serif;
}

.aire {
    margin-top: 120px;
}

h2 {
    font-size: 42px;
}


h2.tiempo {
    font-size: 60px;
}

h3.tiempo {
    font-size: 40px;
}

img.logo {
    max-width: 200px;
}

.banner-video-contenedor {
    width: 100%;
    height: 60vh;
    position: relative;
    border-bottom: solid 8px var(--color03);
    background: url(images/banner01.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.banner-video {
    width: 100%;
    height: calc(60vh - 8px);
    position: absolute;
}

.banner-video video {
    max-width: 100%;
    min-width: 100%;
    height: calc(60vh - 8px);
    object-fit: cover;
}

.banner-video-bg {
    width: 100%;
    height: 60vh;
    background:rgba(233, 171, 95, 0.8);
    position: absolute;
}

.banner-video-contenido {
    width: 100%;
    height: 60vh;
    position: absolute;
    display: flex;
    align-items: end;
}

.banner-titulo {
    font-size: 86px !important;
}

.btn-happy02 {
    background: var(--color02);
    border: solid 1px var(--color02);
    color: var(--color01);
    padding: 20px 60px;
    font-size: 21px;
    font-weight: bold;
}

.btn-happy02:hover {
    border: solid 1px var(--color02);
    color: var(--color02);
    padding: 20px 60px;
    font-size: 21px;
    font-weight: bold;
}

.border-bottom05 {
    width: 50%;
    min-width: 150px;
    margin: 15px 0;
    border-bottom: solid 3px var(--color05);
}

.btn-img img {
    max-width: 150px;
    height: auto;
}


.btn-happy02:hover img {
    filter: invert(1);
}

img.logo-footer {
    width: 200px;
    height: auto;
}

p.footer-contacto {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

p.footer-contacto a {
    color: var(--color05);
    text-decoration: none;
}

a.footer-icon img {
    max-height:30px;
    min-height: 30px;
    height: auto;
    margin-right: 15px;
}

a.footer-icon img.youtube {
    max-height:40px;
    min-height: 40px;
    height: auto;
    margin-right: 15px;
}

a.footer-icon {
    filter: invert(1);
}

label.wpforms-field-label,
input.wpforms-field-large {
    min-width: 100%;
}

input.wpforms-field-large {
    margin-bottom: 20px !important;
    border: 0 !important;
    border-radius: 15px !important;
    padding: 8px;
    font-size: 18px;
}

button.wpforms-submit {
    padding: 8px 20px;
    border: 0;
    border-radius: 15px !important;
    font-size: 21px;
}