/*
 *  This is the PiP *additional* styles of the site.
	Note: it includes the variables set and customized of of the standard bootstrap 4.x
 */
/*$colors: (
	"red":      $pip-red,
	//"yellow":   $pip-yellow,
);
*/
/*.loginArea {
    max-width: 400px;
    margin: 120px auto 10px auto;

    .social-icons {
        padding-left: 0px;

        a.btn-sm {
            margin-right: 5px;
        }
    }
}*/
.language-switch-area {
  text-align: center;
  padding: 10px;
}

.famfamfam-flags {
  display: inline-block;
}

header.loginArea {
  position: relative;
  background: url("/images/tracks/Misano.webp") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
  /*h1 {
      font-size: 2rem;
  }*/
}
header.loginArea .card {
  max-width: 400px;
}
header.loginArea .card h1 {
  font-size: 1.5rem;
}
header.loginArea .overlay {
  position: absolute;
  background-color: #adb5bd;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}
@media (min-width: 768px) {
  header.loginArea {
    padding-top: 12rem;
    padding-bottom: 12rem;
    /*h1 {
        font-size: 3rem;
    }*/
  }
}