/* DEFAULTS */
body {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 18px;
}

#top {
  margin-top: 15px;
  margin-bottom: 15px;
}

#top-logo {
  max-height: 160px;
  max-width: 100% !important;
}
  
#top .btn-default {
  font-family: var(--font-text);
  color: var(--c-primary);
  background-color: transparent;
  border: none;
  font-size: 22px;
}

.languageSwitch {
  font-family: var(--font-text);
  color: var(--c-primary);
  text-decoration: none;
  font-size: 22px;
  margin-bottom: 0;
}

#top .btn-default:hover,
.languageSwitch:hover {
  color: var(--c-primary-dark);
  background-color: transparent;
  text-decoration: none !important;
}

.row.flexi {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
#top {
  margin-top: 30px;
  margin-bottom: 60px;
}
}

.abm-navbar {
  position: relative;
}

a.badge {
  position: absolute;
  top: -45px; 
  right: 5px;
  background-color: var(--c-primary);
  color: #fff;
  width: 100px;
  height: 100px;
  border-radius: 50% !important;
  padding: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none!important;
  transition: transform .5s;
  display: flex;
  flex-direction: column;
  font-size: 10px;
  z-index: 1050;
}

a.badge:hover {
  color: #fff;
  background-color: var(--c-primary-dark);
  transform: scale(1.05) rotate(3deg);
}

.badge__big-text {
  color: #fff;
  font-size: 19px;
  line-height: 22px;
  width: 100%;
  display: block;
  font-weight: 600;
}

@media screen and (min-width:768px) {
  a.badge {
    top: -60px;
    right: 10px;
    width: 137px;
    height: 137px;
    padding: 20px;
  }  

  .badge__big-text {
    font-size: 26px;
    line-height: 28px;
  }
}