/*
Theme Name: Vitaris
Author: Jose Ramirez
Author Uri: https://redxtremeweb.net
Version: 1.0
*/

/*- FONT SIZE -*/
.fz-12{font-size: 12px;}
.fz-14{font-size: 14px;}
.fz-16{font-size: 16px;}
.fz-18{font-size: 18px;}
.fz-20{font-size: 20px;}
.fz-22{font-size: 22px;}
.fz-24{font-size: 25px;}
.fz-26{font-size: 25px;}
.fz-28{font-size: 25px;}
.fz-30{font-size: 30px;}
.fz-35{font-size: 35px;}
.fz-40{font-size: 40px;}
.fz-50{font-size: 50px;}
.fz-60{font-size: 60px;}

/*- COLORS -*/
/* Blanco */
.col-blanco{color: #ffffff !important;}
.back-blanco{background-color: #ffffff !important;}
button.back-blanco:focus{background-color: #ffffff !important;}
/* Negro */
.col-negro{color: #000000 !important;}
.back-negro{background-color: #000000 !important;}
button.back-negro:focus{background-color: #000000 !important;}
/* Amarillo */
.col-amarillo{color: #c99909 !important;}
.back-amarillo{background-color: #c99909 !important;}
button.back-amarillo:focus{background-color: #c99909 !important;}
/* Verde */
.col-verde{color: #1e3022 !important;}
.back-verde{background-color: #1e3022 !important;}
button.back-verde:focus{background-color: #1e3022 !important;}

strong{font-weight: bold !important;}
.p-card{padding: 25px 0;}
.contenedor{padding: 0 5%;}

a.a-btn-content{background-color: #1e3022 !important;border: none;border-radius: 4px;color: #fff !important;padding: 10px 4%;font-weight: 500;}

/* PLACE HOLDER *
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #000000; font-family: 'Roboto', sans-serif; font-weight: 600; }  /* WebKit *
input::-moz-placeholder, textarea::-moz-placeholder { color: #000000; font-family: 'Roboto', sans-serif; font-weight: 600; } /* Firefox 19+ */

/*- NO MARGIN -*/
.no-margin{margin: 0 !important;}

/*- TEXT RIGHT TEXT JUSTIFY -*/
.t-left{text-align: left;}
.t-right{text-align: right;}
.t-justify{text-align: justify;}

/*- BORDER NONE -*/
.no-border{border: none;}


/*- HOME -*/
body > div#whatsapp{position: fixed;right: 10px;bottom: 10px;width: 3%;z-index: 999999;}
body section p{text-align: justify;}
.header-area .navbar .container a img{width: 55%;position: relative;left: -15%;}
.header-area .nav-area .navbar-area .main-nav .navbar .navbar-brand::before{height: 91px;}
.header-area .nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a:hover{color: #c99909;}

.single-services p{text-align: center;}

.subscribe-area .form-suscripcion form p{display: flex;}
.subscribe-area .form-suscripcion form input[type="email"]{background-color: #fff;border-radius: 4px;}
.subscribe-area .form-suscripcion form input[type="submit"]{border: none;position: relative;top: -3px;}

footer .single-widget img{width: 60%;}
footer .single-widget ul li a:hover{color: #ffffff;text-decoration: underline;}

#pages .banner{position: relative;padding: 15vh;background-position: center;background-repeat: no-repeat;background-size: cover;margin-bottom: 50px;}
#pages .banner .mascara{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.36);}
#pages .banner .row h2{position: relative;font-size: 40px;margin-bottom: 0;text-shadow: 0 0 5px rgba(0, 0, 0, 0.94);color: #fff;}

#content-form-contact form{margin-bottom: 40px;}
#content-form-contact form label{font-size: 16px;font-weight: 500;}
#content-form-contact form input[type="text"], #content-form-contact form input[type="email"], #content-form-contact form input[type="tel"], #content-form-contact form input[type="date"], #content-form-contact form select{height: 2.5em;padding: 0 1%;border: none;border-bottom: solid 1px #000;margin-bottom: 10px;width: 100%;}
#content-form-contact form input[type="text"]:focus, #content-form-contact form input[type="email"]:focus, #content-form-contact form input[type="tel"]:focus{box-shadow: none;}
#content-form-contact form textarea{height: 5em;padding: 0 1%;border: none;border-bottom: solid 1px #000;width: 100%;}
#content-form-contact form input[type="submit"]{border: none;background-color: #c99909;color: #fff;border-radius: 3px;padding: 7px 8%;font-size: 14px;}
#content-form-contact form input[type="submit"]:hover{background-color: #192e25;}

/* Media Querys */
@media(min-width: 1390px) {

}

@media(max-width:767px){
	body > div#whatsapp{width: 12%;}
    header .navbar-area .mobile-nav a img{}
    footer .single-widget img{width: 45%;}

    #pages .banner{padding: 17vh 0 8vh 0;}
}