/**
 * @file
 * Styles for savoir's header.
 */

header {
  background-color: var(--color--carrefour);
}

#block-carrefour-site-branding {
  background-color: white;
  padding: 3ex;
}

.site-name {
  margin: .5ex 0;
  font-weight: bold;
  font-size: 1.22em;
}

.site-name a {
  text-decoration: none;
}

a.site-logo {
  padding: -1px 0 40px 0;
}

.site-logo img {
  height: 80px;
  transition: height 1s ease;
}

@media all and (min-width: 569px) and (max-width: 850px) {
  /**
   * Header
   */
  /*.region-logomark {
    margin-top: 47px;
  }*/

  a.site-logo {
    /*padding: 6px 0 2ex 1em;*/
    display: block;
  }

  #block-savoir-branding {
    text-align: left;
    padding-top: 2ex;
  }

  .site-name {
    font-size: 1.75em;
    margin-top: 1ex;
  }
}

@media all and (min-width: 851px) {

  .region-header {
    text-align: right;
    padding-right: 1.5em;
  }

  .path-frontpage .site-logo img {
    height: 126px;
  }

  .site-logo img {
    height: 96px;
  }

  .path-frontpage  #block-carrefour-site-branding {
    height: 140px;
  }

  #block-carrefour-site-branding {
    height: 110px;
    margin-top: 0;
    padding: 2ex 3ex 1ex;
    width: 265px;
  }

  a.site-logo {
    display: block;
    text-align: center;
  }

  .site-name {
    margin-top: 3.3ex;
    font-weight: bold;
    font-size: 1.7em;
  }
}