/*
 * style for logo on microsoft oauth login page
 */
body .login .logo {
  background: url('../../shared/img/logos/logo_thor.svg') center center / contain no-repeat;
  background-size: contain;
  width: 196px;
  height: 48px;
  margin-bottom: 1rem;
}

.mobile #soluzioneDropdownMenu .logo #homeButton {
  background: url('../../shared/img/logos/logo_thor.svg') center center / contain no-repeat;
  width: 124px;
}

/*
 * define global primary color
 */
:root {
  --color-primary-50: #e6eef3;
  --color-primary-100: #ccdce7;
  --color-primary-200: #99b9cf;
  --color-primary-300: #6696b7;
  --color-primary-400: #33739f;
  --color-primary-500: #1a5a84;
  --color-primary-600: #003263; /* base */
  --color-primary-700: #00284f;
  --color-primary-800: #001e3b;
  --color-primary-900: #001427;
  --color-primary-950: #000c17;
}

/*
 * style for logo in footer on microsoft oauth login page
 */
body .login--ms-oauth--footer .logo {
  background: url('../../shared/img/logos/logo_soluzione.svg') center center / contain no-repeat;
  width: 36px;
  height: 14px;
  display: none;
}

#soluzioneDropdownMenu .logo {
  width: auto;
}

#soluzioneDropdownMenu .logo #homeButton {
  width: 128px;
  height: 54px;
  background: url('../../shared/img/logos/logo_thor.svg') center center / contain no-repeat;
  margin: 18px 10px;
  display: block;
  transition: opacity 0.2s;
}

/*
 * styles hover behaviour of logo
 */
#soluzioneDropdownMenu .logo #homeButton:hover {
  opacity: 0.6;
}