/*
 * styles the logo on login size
 */
#companyLogoContainer .companyLogo {
  background: url(../../shared/img/logos/logo_soluzione.png) center center no-repeat;
  padding: 0;
  background-size: contain;
}

/*
 * style for logo on microsoft oauth login page
 */
body .login .logo {
  background: url('../../shared/img/logos/logo_soluzione.svg') no-repeat scroll left top transparent;
  width: 140px;
  height: 55px;
}

/*
 * define global primary color
 */
:root {
  --primary-color: var(--color-primary-600);
  --primary-color-hover: var(--color-primary-500);
}

/*
 * style for logo in footer on microsoft oauth login page
 */
body .login--ms-oauth--footer .logo {
  background: url('../../shared/img/logos/logo_soluzione.svg') no-repeat scroll left top transparent;
  width: 36px;
  height: 14px;
  display: none;
}
/*
 * style, show/hide default soluzione copyright
 */
body .login--ms-oauth--footer .soluzione-copyright {
  /*display: none;*/
}

#soluzioneDropdownMenu .logo {
  width: auto;
}

/*
 * here you can style color and shadow options for hover
 */
#soluzioneDropdownMenu .logo:hover {
}

/*
 * styles the logo
 * change width and height to desired dimensions
 * background-size: contain = image will fit into available space. remove, if you don't want that or check https://cssreference.io/property/background-size/ for more options
 * background after url you can put positive or negative values to adjust x/y position of picture or use "center" "top" "bottom" "left" "right"
 */
#soluzioneDropdownMenu .logo #homeButton {
  /* example template 1: for custom logo without content box (has to be configured in config_client.php) */
  /*    width: 130px;
    height: 60px;
    background: url(../../shared/img/logos/logo_swo_color.svg) center center no-repeat;
    display: block;
    background-size: contain;
    transition: .2s;*/

  /* example template 2: for default logo soluzione in content box (has to be configured in config_client.php) */
  width: 100px;
  height: 40px;
  background: url(../../shared/img/logos/logo_soluzione.svg) center center no-repeat;
  margin: 22px 10px;
  display: block;
  transition: 0.2s;
}

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

/* 
 * styles breadcrumb position
 */
#smallnav .breadcrumb {
  /* example 1: for use with custom logo without box */
  padding: 1px 0 0 118px;

  /* example 2: for use with soluzione logo in box */
  /*
    padding: 1px 0 0 195px;
    */

  /* example 3: breadcrumb moves independently from logo with the layout text, depending on page width - use together with styling below for #smallnav .breadcrumb .breadcrumbs */
  /* 
    padding: 1px 0 0;
    width: 1024px;
    margin: auto;
    float: none;
    */
}

/* 
 * styles breadcrumb inner element
 */
#smallnav .breadcrumb .breadcrumbs {
  /* use together with example 3 of #smallnav .breadcrumb */
  /* 
    margin: 0 95px;
    */
}