/* Add here all your CSS customizations


AZUL: #192541

CELESTE: #159dd9

BLANCO: #ffffff



*/

@font-face {
  font-family: 'Red Hat Display';
  src: url('./fonts/RedHatDisplay-Light.woff2') format('woff2'),
  url('./fonts/RedHatDisplay-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Red Hat Display';
  src: url('./fonts/RedHatDisplay-LightItalic.woff2') format('woff2'),
  url('./fonts/RedHatDisplay-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

.redhatfont {
  font-family: 'Red Hat Display';
  font-weight: 300 !important;
  font-style: normal;
}

.text-color-blue-sky {
  color: #159dd9 !important;
}

.text-color-blue {
  color: #192541 !important;
}

.text-color-white {
  color: #FFFFFF !important;
}

.marcas{
  background-image: url(img/conexo_marcas.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  animation-delay: 100ms;
}

.h-60{
  height: 60px;
}

.social-icons.social-icons-dark li a {
  color: #FFF;
  background: #159dd9 !important;
}

.border-blue {
  border-color: #159dd9 !important;
}

.bg-color-blue-sky {
  background-color: #159dd9 !important;
}

.bg-color-blue {
  background-color: #192541 !important;
}

.bg-blue-conexion{
  background: #1a2541 url("../img/backgrounds/fondo_conexion_azul.jpg");
  background-size: cover;
}

.bg-blue-sky-conexion{
  background:  url("../img/backgrounds/fondo_conexion_celeste.jpg");
  background-size: cover;
}

.social-icons li a{
  background-color: #159dd9 !important;
  color: #ffffff;
}

html #header.header-transparent .header-body:before{
  background-color: #192541 !important;
}

html #header .header-nav-main nav > ul > li > a.active{
  color: #159dd9;
}

#header .header-nav-main nav > ul > li > a,
html.sticky-header-active #header.header-transparent .header-social-icons li a i{
  color: #ffffff;
}

.btn-blue-sky, html.sticky-header-active .btn-blue-sky{
  border-color: #159dd9;
  color: #ffffff;
  background-color: #159dd9;
}

#footer{
  background: #1a2541 url("../img/backgrounds/fondo_conexion_azul.jpg");
  background-size: cover;
}

#footer .footer-copyright{
  background: transparent;
  margin-top: 0px;
  padding: 0px;
}