/*$blue: rgb(127, 166, 178);
$green: rgb(175, 175, 113);
$orange: rgb(195, 125, 39);
$brown: rgb(158, 131, 104);
$beige: rgb(223, 209, 182);
$black: rgb(40, 40, 40);
$white: rgb(255, 255, 255);
$grey: #333333;
*/

#app {
    padding-bottom: 0;
    
}

/* Rad med loggor, centrerad, med jämna mellanrum */
.logos-row {
  display: flex;
  justify-content: center; /* centrera horisontellt */
  align-items: center; /* centrera vertikalt mot varandra */
  gap: 40px; /* avstånd mellan loggor */
  flex-wrap: wrap; /* bryt till nästa rad på små skärmar */
  
}

/* Storlek/utseende för varje logo */
.partner_logo {
  max-height: 60px;
  height: auto;
  width: auto; /* låt proportionerna styra */
  display: block; /* säkra att gap/marginal beter sig som väntat */
}

/* Storlek/utseende för varje logo */
.partner_logo2 {
    max-height: 30px;
    height: auto;
    width: auto; /* låt proportionerna styra */
    display: block; /* säkra att gap/marginal beter sig som väntat */
}

/* Storlek/utseende för varje logo */
.partner_logo3 {
    max-height: 20px;
    height: auto;
    width: auto; /* låt proportionerna styra */
    display: block; /* säkra att gap/marginal beter sig som väntat */
}


/*  .partner_logo:hover{
        transform: scale(1.05);
    }

.partner_logo2:hover {
    transform: scale(1.05);

}*/

.card.lms_box {
    background: #F8F8F8 !important;
    color: #ffffff !important;
}

.lms_logotype {
  width: 50%;
}

/* Global link styling (on beige background) */
a,
a.link-dark {
  color: rgb(40, 40, 40); /* $black */
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
  text-decoration-color: rgba(40, 40, 40, 0.35);
  font-size: large;
}

    a:hover,
    a:focus:hover {
        color: #008A52; 
        text-decoration-color: currentColor;
    }

a:visited {
  color: rgb(158, 131, 104); /* $brown */
}

/* Keyboard focus: visible and on-brand */
a:focus-visible {
  outline: 2px solid rgb(195, 125, 39); /* $orange */
  outline-offset: 2px;
  border-radius: 2px;
}

/* Language nav: slightly smaller but same palette */
.lang-nav a {
  color: rgb(40, 40, 40);
}
.lang-nav a.active {
  font-weight: 700;
  text-decoration-color: currentColor;
}
    .lang-nav a:hover {
        color: #008A52;
    }

/* If you ever put links on dark buttons/areas, invert smartly */
.lms_box a.btn,
.lms_box button.btn {
  /* your global button rules already set black/white; keep as-is */
}

#footer {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100%;
}

h1, h2, h3, h4, h5, .form-label, .form-check-label {
    color: #0468B1 !important;
}

h1,h5{
    font-weight:bold;
}