/************Indice************/
/* 1. ---- Clases Generales */
/* 2. ---- TopBar */
/* 3. ---- Dashboard */
/* */
/* */
/* */
/******************************/
/* 1. Clases Generales */
body{
font-family: 'Lato', arial, sans-serif;
}
h1{
font-family: 'Lato', arial, sans-serif;
}
a{
text-decoration: none !important;
}
.txt-white{
color: #ffffff !important;
}
.txt-black{
color: #000000;
}
.txt-20{
font-family: 'Lato', arial, sans-serif !important;
font-size: 20px !important;
color: #ffffff !important;
}
.mt-100{
margin-top: 100px;
}
.btn-primary {
border-color: #0c537b!important;
background-color: #0c537b!important;
transition: all .2s ease-in-out;
}
.hide{
display: none;
}
#productos{
padding-bottom: 100px;
}
.alert {
/* padding: 2px; */
height: 26px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
}
/* 2. TopBar */
.navbar-height{
height: 107px;
}
.bg-light {
background-color: #0c537b!important;
}
.logo {
height: 75px;
margin: 10px 0 10px 0;
}
.logo-azul {
width: 70%;
margin: 20px;
}
.division{
width: 75%;
}
.linea-blanca{
background: white;
height: 26px;
width: 1px;
margin-top: 4px;
}
.linea-blanca-mobile{
background: white;
height: 2px;
width: 26px;
margin: auto;
}
.item-color{
color: white;
}
.drop-color{
background-color: rgb(2, 83, 126);
padding: 16px;
font-size: 18px;
width: 240px;
}
.dropdown-divider{
background: white;
}
.dropdown-item.active, .dropdown-item:active {
color: black;
text-decoration: none;
background-color: #f8f9fa;
}
#link_inicio,#link_tienda,#link_productos,#link_distribuidor,#link_buscar,#link_carrito,#link_usuario{
font-size: 16px;
padding-top: 15px;
}
#link_buscar,#link_carrito,#link_usuario{
padding-top: 9px;
}
#link_distribuidor{
width: max-content;
margin: auto;
}
/* Dashboard */
.page-content {
width: 100%;
}
.nav-respo {
text-align: center;
font-size: 18px;
font-weight: 400;
letter-spacing: 1.134px;
}
.navbar-light .navbar-toggler {
color: #ffffff;
border-color: #000000;
}
.navbar-toggler {
background-color: #ffffff;
}
/* Select button */
button.btn.dropdown-toggle{
border-color:#c1c7cd;
}
.div-txt-slider{
position: absolute;
top: 90px;
padding-left: 100px;
}
.h1-slider{
text-align: right;
font-size: 62px;
margin-bottom: 30px;
display: none;
}
.btn-comprar{
float: right;
background-color: #0c537b!important;
}
/* Principal */
.title-welcome{
text-align: left;
color: #0c537b;
}
.ham-respo{
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
height: 50px;
}
/* Footer */
.linea-gris{
background: rgb(226, 226, 226);
border-bottom-width: 1px;
width: 100%;
height: 1px;
}
#contacto{
font-weight: 400;
font-size: 22px;
margin-bottom: 17px;
}
.contacto-1{
font-size: 24px;
line-height: 1.25;
color: rgb(27, 27, 27);
font-weight: 400;
margin-bottom: 28px;
margin-top: 41px;
margin-left: 0px;
margin-right: 0px;
}
.contacto-2{
font-size: 18px;
color: rgb(94, 94, 94);
line-height: 1.5;
font-weight: 400;
margin-bottom: 25px;
}
.contacto-3{
font-size: 18px;
color: rgb(94, 94, 94);
line-height: 1.5;
font-weight: 400;
margin-bottom: 0px;
}
.contacto-4{
font-size: 18px;
color: rgb(94, 94, 94);
line-height: 1.5;
font-weight: 400;
margin-bottom: 0px;
}
.contacto-5{
font-size: 18px;
color: rgb(94, 94, 94);
line-height: 1.5;
font-weight: 400;
margin-bottom: 0px;
}
.contacto-6{
font-size: 16px;
color: rgb(2, 75, 114);
margin-bottom: 0px;
}
.contacto-7{
font-size: 16px;
color: rgb(2, 75, 114);
margin-bottom: 35px;
}
.contacto-8{
font-size: 24px;
color: rgb(27, 27, 27);
font-weight: 400;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 22px;
margin-right: 0px;
}
/* Responsive */
@media (min-width: 768px) and (max-width: 1200px){
.mr-respo{
margin-left: 5%;
}
}
@media (max-width: 847px) {
.h1-slider {
text-align: right;
font-size: 31px;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
#link_inicio,#link_tienda,#link_productos,#link_distribuidor,#link_buscar,#link_carrito,#link_usuario{
padding-top: 0px;
padding-bottom: 0px;
}
.navbar-height{
height: auto;
}
}
@media (max-width: 1024px) {
.h1-slider {
text-align: right;
font-size: 43px;
margin-bottom: 30px;
}
}
@media (max-width: 426px){
.logo {
height: auto;
margin: 10px 0 10px 0;
width: 50%;
}
.ham-respo{
right: 5%;
}
}