/*******************************************************************************
CHILDREN THEME 
Tema base hecho para los proyectos de AlmaQuinta
Version 1.2 13Dic2021
Alma Quinta - 2021

Es un tema  basado en Classy con todo lo 
necesario para armar paginas webs de 1,2 y 3 columnas

******************************************************************************/
:root {
    --background-color:#00003D;
    --primary-color:#00003D;
    --secondary-color:#DA017D;
}



/***********************************
*****************************************
TIPOGRAFIA
*****************************************
***********************************/

p{
    font-family:'Baloo Bhaijaan';
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Vag Rounded';
    font-style: normal;
    font-weight: 500;
    margin: 1.2rem 0;
}



/***********************************
*****************************************
GENERALES
*****************************************
***********************************/
html {
	scroll-behavior: smooth;
}

body{
    color:white;
    background:var(--background-color);

    
}
main{
    padding: 0rem 1rem;
}
    
img, picture {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"], [type="month"],
[type="number"], [type="password"],
[type="search"], [type="tel"],
[type="text"], [type="time"],
[type="url"], [type="week"],
input:not([type]),
textarea{
    border: 2px solid var(--primary-color);
    border-radius: 6px;
}
    
    
    
/****************************************
*****************************************
COMPONENTES
*****************************************
****************************************/
.hide{
    display:none;
}

.wp-block-image.imagenantesdebloque{
    margin-bottom: 0rem;
}

.bloqueinfopositivo{
    background: white;
    color: var(--primary-color);
    border: 6px solid var(--secondary-color);
    border-radius: 1rem;
    padding: 2rem 3rem;
    max-width: 50rem;
    margin: auto;
}

.button_aceptar,
.webform-confirmation__back a{
    background-color: #98cc35;
    border: none;
    border-radius: 28px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
}
#edit-actions .webform-button--submit:hover,
.wp-block-button__link:hover,
.button_aceptar:hover,
.webform-confirmation__back a:hover{
    background:var(--secondary-color) !important;
    
}

/***********************************
*****************************************
SECCIONES
*****************************************
***********************************/

#region-footer .container{
    display: flex;
    flex-wrap: wrap;
    max-width: 80rem;
    margin: 5rem auto;
    justify-content: space-evenly;
}

#region-footer .container > * {
    flex-basis:calc(22% - 2rem);
    margin:1rem 1rem;
}

#region-footer .container img{
    object-fit: contain;
}


#region-copyright{
    background:black;
    color:white;
    text-align: center;

}
#region-copyright .field--name-body{
    display: flex;
    flex-wrap: wrap;
    max-width: 40rem;
    margin: auto;
    text-align: center;
}

#region-copyright .field--name-body h1{
    flex-basis: 100%;
    margin-top:3rem
}
#region-copyright .field--name-body p{
    flex-basis: 100%;
    display: flex;
    justify-content: space-around;
}

#region-copyright .field--name-body p a{
    flex-basis: 40%;
    margin:auto 1rem;
}

#block-copyright{
        padding: 1rem;
}
.ss-oqpbyh e12weefd0{
    text-align: center;
    width: 100%;
}

    
/***********************************
INICIO
***********************************/

/*Formulario*/
#block-webform{
    padding:2rem 4rem;
    background:black;
    margin: -1rem 0 0;
}
#webform-submission-contact-node-1-add-form{
    background:white;
    padding:2rem 4rem;
    max-width: 30rem;
    margin:0px auto;
    border-radius: 2rem;
}

#edit-actions input{
    width: 100%;
    background: #98CC35;
    border-radius: 2rem;
    font-size: 1.8rem;
    margin-top: 1rem;
}

#edit-actions-submit{
    white-space: normal;
}


p {
    margin: 0 auto 0.75rem;
    max-width: 40rem;
    font-size: 1.2rem;
}

.border-chevere .wp-block-media-text{
    max-width: 35rem;
    margin: 0 auto;
}

/*Fin Hero*/

/*Fin View Block Footer*/
/*NOSOTROS*/
/*PRODUCTOS*/
/*SERVICIOS*/
/*BLOG*/
/*MAESTRITOS*/
/*CONTACTO*/


/***********************************
ANIMACIONES
***********************************/

/***********************************
MEDIA QUERY
***********************************/

/*View Block Banner Contacto*/
@media only screen and (max-width: 650px){
    .editor-styles-wrapper .has-huge-font-size, .editor-styles-wrapper .has-larger-font-size, .has-huge-font-size, .has-larger-font-size{
        font-size: 1.5rem;
        font-weight: bold;
    }
    .editor-styles-wrapper .has-medium-font-size, .has-medium-font-size {
        font-size: 1.3rem;
        padding: 0 1rem;
    }
    h1,
    h1 strong{
        font-size: 2.5rem !important;
    }
    .border-chevere {
        padding: 2rem 1rem !important;
        margin: -8rem 1rem 3rem !important;
    }
    .border-chevere img {
        max-width: 2rem;
    }
    #edit-actions-submit{
        font-size: 1rem;
    }
    
    .bloqueinfopositivo {
        padding: 2rem 1rem;
    }
    
    #region-footer .container{
        text-align:center;
        
    }
    
    #region-footer .container > * {
        flex-basis:calc(50% - 2rem);
        margin:1rem 1rem;
    }
    
    #region-footer .container > *:first-child {
        flex-basis: calc(100% - 18rem);
        max-width: calc(100% - 6rem);
        margin: 0 auto;
    }
    
}


@media only screen and (max-width: 450px){
     #region-footer .container > * {
        flex-basis:calc(100% - 2rem);
        margin:1rem 1rem;
    }   
}

/***********************************
BUGS
***********************************/
/*hacks*/