/*your custom css goes here*/

@font-face {
  font-family: "iciel";
  src: url("../fonts/iCiel-Medium.ttf");
}

body,
.aiz-navbar .menu a,
.input-group-prepend .form-control,
.bootstrap-select .dropdown-toggle,
.dropdown-menu .dropdown-menu .dropdown-item {
  font-family: iciel !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
}

.hide {
  display: none;
}
.show {
  display: block;
}

.aiz-header {
  background-color: #003580 !important;
}

.btn1 {
  background-color: white;
  border: 2px solid #0072c3;
  color: #0072c3;
  transition: all 0.3s ease;
  border-radius: 0px !important;
  box-shadow: 5px 5px 5px black;
}

.btn1:hover {
  background-color: #377dff;
  color: white;
  border-color: #377dff;
}

.btn2 {
  background-color: #003580;
  border: 2px solid white;
  color: white !important;
  border-radius: 0px !important;
  transition: all 0.3s ease;
  box-shadow: 5px 5px 5px black;
}

.btn3 {
  background-color: #003580;
  border: 2px solid white;
  color: white !important;
  border-radius: 0px !important;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 5px black;
}

.front-header-search {
  background-color: #003580 !important;
}

.front-header-search form {
  background-color: #003580 !important;
  border: 3px solid #febb02;
  border-radius: 8px;
  box-shadow: 5px 5px 5px black;
}

.front-header-search .btn2 {
  border: none !important;
  border-radius: 0px 5px 5px 0px !important;
  box-shadow: none !important;
}

.fondo {
  background-image: url("../img/fondo.jpg");
  background-size: cover;
  background-position: center !important;
}

@media (min-width: 992px) {
  .fondo {
    max-height: 100vh;
  }
}

.card-project {
  border-top: 1px solid #ebedf2 !important;
  border-bottom: 1px solid #ebedf2 !important;
}

.text-secondary,
.bootstrap-select .dropdown-toggle,
.form-control::placeholder,
.form-control,
.negrita {
  color: black !important;
}

.negrita {
  color: white !important;
  /*text-shadow: 0px 0px 2px white;*/
}

.card-project {
  box-shadow: 0 0 4px 0 rgb(0 0 0 / 8%), 0 2px 4px 0 rgb(0 0 0 / 12%) !important;
}

.card-project:hover {
  border-left-color: var(--primary);
}

.sin_linea {
  border-bottom: none !important;
  border-top: none !important;
}