/*
Theme Name: onfidel
Description: Theme diseñado y desarrollado exclusivamente para el sitio de Fidel Esquivel
Version: 1.0
Author: Fernando Bayley para Weblosofy Digital
License: GPLv2 or later
*/



/*
___________         __  .__.__                
\_   _____/ _______/  |_|__|  |   ____  ______
 |    __)_ /  ___/\   __\  |  |  /  _ \/  ___/
 |        \\___ \  |  | |  |  |_(  <_> )___ \ 
/_______  /____  > |__| |__|____/\____/____  >
        \/     \/                          \/ 
                                          .__                 
   ____   ____   ____   ________________  |  |   ____   ______
  / ___\_/ __ \ /    \_/ __ \_  __ \__  \ |  | _/ __ \ /  ___/
 / /_/  >  ___/|   |  \  ___/|  | \// __ \|  |_\  ___/ \___ \ 
 \___  / \___  >___|  /\___  >__|  (____  /____/\___  >____  >
/_____/      \/     \/     \/           \/          \/     \/ 

*/



body {
    margin: 0;
    padding: 0;
}
.hero {
    background: url(http://onfidel.com.ar/wp-content/themes/onfidel/assets/images/bg-principal.png) no-repeat center
      center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    color: #FFF;
}
.hero h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
    text-align: center;
    color: #FFF;
    font-weight: 300;
}
.footer {
    font-family: 'Poppins', sans-serif;
    font-size: 0.7rem;
    color: #FFF;
    background-color: black;
    padding: 20px 0 20px 0;
}
.flecha {
    background-color: transparent;
    border: none;
    color: #FFF;
}
.navbar {
    background-color: black !important;
    font-family: 'Poppins', sans-serif;
    color: #FFF;
}
.navbar a {
    color: #FFF;
    font-size: 1rem;
}
.navbar a:hover {
    color: grey;
}
.navbar ul li {
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 0.5rem 0 0.5rem;
}
.navbar ul li a {
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-size: 0.9rem;
}
.principal {
    height: auto;
    margin: 0;
    padding: 0;
}
.principal img {
    height: auto;
    width: 100%;
}
.book img {
    height: 490px;
    margin-bottom: 1rem;
    width: 306px;
}
.btn-whatsapp {
    display: block;
    width: 80px;
    height: 100px;
    color: #fff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    z-index: 999;
  }
.btn-whatsapp:hover {
    opacity: 0.5;
}
.cero {
    margin: 0;
    padding: 0;
    height: 100%;
}
.cero img {
    margin: 0;
    padding: 0;
    height: 100%;
}
.productos h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
}
.productos h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    text-align: center;
}
.productos p {
    font-family: 'Poppins', sans-serif;
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
    text-align: center;
}
.productos a {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    text-decoration: none;
    color: grey;
    border: solid 1px transparent;
    padding: 3px 7px 3px 7px;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
.productos a:hover {
    border: solid 1px black;
    padding: 3px 7px 3px 7px;
    background-color: black;
    color: white;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
.productos img {
    height: auto;
    width: 100%;
}
.consultaDePrecios  {
    width: 100%;
    margin: 5px 0 5px 0;
    border: 0;
    background-color: black;
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 0.8rem;
    padding: 10px 0 10px 0;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
    border: solid 2px transparent;
}
.consultaDePrecios:hover  {
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
    border: solid 2px black;
    background-color: white;
    color: black;
}   

.footer a {
    text-decoration: none;
    color: #FFF;
}   
.footer a:hover {
    text-decoration: none;
    color: grey;
}   

.tituloFidel {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    margin-top: 10px;
}   
.fidel p {
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    color: grey;
    line-height: 28px;
}  

.tituloTurnos  {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    margin-top: 10px;
}   

.tituloConbtactanos {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    margin-top: 10px;
}   
.separata {
    margin-bottom: 1rem;
}
.navbar-toggler {
    color: white;
    font-size: 12px;
    border: none;
    border: 0;
}
.navbar-toggler-icon {
    color: white;
    border: none;
    border: 0;
}
.anuncio {
    background-color: black;
    margin-top: 10px;
    padding: 10px 0 10px 0;
    border-radius: 5px;
}
.anuncio h3 {
    color: fuchsia;
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 300;
    line-height: 30px;
}
.bigIcon {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
}
.bajar li {
    margin-top: 5px;
}





/*
  _____                          .__               .__        
_/ ____\___________  _____  __ __|  | _____ _______|__| ____  
\   __\/  _ \_  __ \/     \|  |  \  | \__  \\_  __ \  |/  _ \ 
 |  | (  <_> )  | \/  Y Y  \  |  /  |__/ __ \|  | \/  (  <_> )
 |__|  \____/|__|  |__|_|  /____/|____(____  /__|  |__|\____/ 
                         \/                \/                 
                        .___                                   
__  _  _____________  __| _/____________   ____   ______ ______
\ \/ \/ /  _ \_  __ \/ __ |\____ \_  __ \_/ __ \ /  ___//  ___/
 \     (  <_> )  | \/ /_/ ||  |_> >  | \/\  ___/ \___ \ \___ \ 
  \/\_/ \____/|__|  \____ ||   __/|__|    \___  >____  >____  >
                         \/|__|               \/     \/     \/ 

*/

#wpforms-70-field_1 {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: solid 1px black;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
#wpforms-70-field_6 {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: solid 1px black;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
#wpforms-70-field_3 {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: solid 1px black;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
#wpforms-70-field_4 {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: solid 1px black;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
#wpforms-70-field_5 {
    width: 100%;
    height: 150px;
    border: none;
    border-bottom: solid 1px black;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
#wpforms-submit-70 {
    width: 100%;
    height: 50px;
    border: none;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    background-color: black;
}


/*
__________                                           .__              
\______   \ ____   ____________   ____   ____   _____|__|__  __ ____  
 |       _// __ \ /  ___/\____ \ /  _ \ /    \ /  ___/  \  \/ // __ \ 
 |    |   \  ___/ \___ \ |  |_> >  <_> )   |  \\___ \|  |\   /\  ___/ 
 |____|_  /\___  >____  >|   __/ \____/|___|  /____  >__| \_/  \___  >
        \/     \/     \/ |__|               \/     \/              \/ 

*/