@import url(https://fonts.googleapis.com/css2?family=Cairo&display=swap);

body {
    font-family: 'Cairo', sans-serif;
    background-color: #bfc0ceef;
    margin-bottom: 60px;
}

h1 {
    margin-bottom: 40px;
}

label {
    color: #333;
}

.btn-send .btn-miko {

    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}

.navbar .container .navbar-brand .navbar-custom {
	font-family: 'Roboto', sans-serif;

}


.navbar-custom {
    background-color: #f2f2f2;
    text-transform: uppercase;
}

.form-control.select-custom {
    text-transform: uppercase;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,0);
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link  {
    color: #4d4f52;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #4d4f52;
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #F3F3F3;
}
.navbar-custom .dropdown-item {
    color: #333333;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #462460;
    background-color: rgba(243,243,243,.5);
    font-weight: bold;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

html {
  position: relative;
  min-height: 100%;
}

/* Style all font awesome icons */
.fa {
  padding: 20px;
  font-size: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  color: #4d4f52;
}

/* Twitter */
.fa-twitter {
  color: #4d4f52;
}

/* Whatsapp */
.fa-whatsapp {
  color: #4d4f52;
}

/* index */
.div-index {
  min-height: 95vh;
}

.form-index {
  width: 28rem;
}

.label-index{
  font-family: 'Fredoka One', cursive;
}

.label-index-citation {
  font-family: 'Seaweed Script', cursive;
  font-size: 150%;
}

.label-form{
  font-family: 'Fredoka One', cursive;
  color: #462460;
}

.label-but{
  font-family: 'Fredoka One', cursive;
  background-color: #462460;
  border: none;
}