/***************************************************************
 *             Header + Menu
 ***************************************************************/

/* Header and menu have maximum size */
@media screen and (min-width: 941px) {
  #block-generalheader { height: 129px !important; }
  #icf-logo-std { display: inline !important; }
  #icf-logo-min { display: none !important; }
}

/* Menu becomes hamburger and header shrinks to reduced height */
@media screen and (max-width: 940px) {

  #block-generalheader { height: 64px !important; }
  #icf-logo-std { display: none !important; }
  #icf-logo-min { display: inline !important; }

  header#icf-banner {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 32000;
  }

  div#icf-topbar-logo {
    min-width: 160px;
    max-width: 200px;
    padding-left: 20px !important;
    height: 64px;
    max-height: 64px;
  }
  div#icf-topbar-logo a img {
    padding-top: 0px;
    padding-bottom: 2px;
    height: 30px;
    width: auto;
  }

  div#icf-topbar-links {
    padding-top: 15px !important;
  }

  .icf-topbar-link {
    background-size: 36px 36px !important;
    margin: 0px;
    padding: 0px;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }

  #icf-topbar-extranet {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding-top: 6px !important;
    font-size: 0.9em !important;
  }

  div#block-menuprincipal {
    height: 4px !important;
    max-height: 4px !important;
  }

  section#icf-leaderboard {
    margin-top: 80px !important; /* Compensation for fixed top banner */
  }

}

/* Social media icons disappear */
@media screen and (max-width: 768px) {
  #icf-topbar-link-twitter { display: none !important; }
  #icf-topbar-link-youtube { display: none !important; }
  #icf-topbar-link-linkedin { display: none !important; }
  #icf-topbar-link-instagram { display: none !important; }
}

/* Extranet button is replaced by user icon */
@media screen and (max-width: 580px) {
  #icf-topbar-extranet { display: none !important; }
  #icf-topbar-link-user { display: block !important; }
}

/* Logo shrinks to minimum size */
@media screen and (max-width: 470px) {
  div#icf-topbar-logo a img {
    padding-top: 0px;
    padding-bottom: 4px;
    min-width: 160px;
    max-width: 200px;
    height: auto;
  }
  div#block-menuprincipal a#superfish-main-toggle {
    font-size: 0.9em !important;
    width: 50px !important;
    padding: 0px !important;
    margin: 0px !important;
    margin-left: 5px !important;
    margin-right: 50px !important;
    top: -58px !important;
  }
}


/***************************************************************
 *             Pages content (except homepage: @see home.css)
 ***************************************************************/

/* Menu becomes hamburger and header shrinks to reduced height */
@media screen and (max-width: 940px) {

  /* content sidebar goes down (or disappears) */
  #icf-content-main.icf-content-main-short { width: 100% !important; }
  #icf-content-sidebar {
    display: none;
    /* or:
    float: none;
    clear: both;
    width: 100%;
    */
  }

  /* trb-parags zoom */
  div.paragraph--type--trb-parags-custom-portrait-zoom .trb-parag-inner {
    flex-wrap: wrap !important;
  }
  div.trb-parags-portrait-zoom-id {
    margin-bottom: 0px !important;
  }
  div.trb-parags-portrait-zoom-photo {
    margin-right: 40px !important;
    margin-bottom: 0px !important;
  }
  div.trb-parags-portrait-zoom-quote {
    margin-top: 0px !important;
  }

  /* trb-parags chiffres: 4 -> 2 per row  */
  div.paragraph--type--trb-parags-custom-chiffres div.chiffres-wrapper {
    width: 50% !important;
  }

  /* trb-parags actus: 4 -> 2 per row  */
  div.trb-parags-views-embed-actus { flex-wrap: wrap; }
  div.trb-parags-views-embed-actus div.views-row {
    box-sizing: border-box;
    margin: 0px 5% 20px 5% !important;
    display:block;
    width: 40% !important;
  }

}

@media screen and (max-width: 620px) {

  /* trb-parags zoom bg arrow disappears */
  div.trb-parags-portrait-zoom-id { background-image: none !important; }

}

/* Extranet button is replaced by user icon */
@media screen and (max-width: 580px) {

  /* Fonts shrink */
  div#block-filsdariane { font-size: 0.9em !important; }
  div#block-icf-main-page-title { font-size: 0.8em !important; }
  div.paragraph { font-size: 0.9em !important; }
  h2.icf-h2-cap { font-size: 1.4em !important; }

  /* trb-parags zoom all elements in 1 column */
  div.paragraph--type--trb-parags-custom-portrait-zoom .trb-parag-inner { flex-direction: column !important; max-width: 100% !important}
  div.trb-parags-portrait-zoom-photo { margin: auto !important; }
  div.trb-parags-portrait-zoom-photo > div { margin-top: 40px; }

  /* trb-parags chiffres: 2 -> 1 per row  */
  div.paragraph--type--trb-parags-custom-chiffres div.chiffres-wrapper { width: 100% !important; }

  /* trb-parags actus: 4 -> 2 per row  */
  div.trb-parags-views-embed-actus { flex-wrap: wrap; }
  div.trb-parags-views-embed-actus div.views-row {
    box-sizing: border-box;
    margin: 0px 10% 20px 10% !important;
    display:block;
    width: 80% !important;
  }

}

/* Logo shrinks to minimum size */
@media screen and (max-width: 470px) {

  /* trb-parags zoom: rearrange quote */
  div.trb-parags-portrait-zoom-quote {
    margin-top: -40px !important;
    background-size: 80px 80px !important;
  }
  div.trb-parags-portrait-zoom-quote-text {
    padding-top: 25px !important;
    margin-left: 0px !important;
  }

  /* Term pages : img & font shrink */
  body.icf-term-page #block-icf-main-content div.views-row div.views-field-field-img-thumb img { max-width: 120px; }
  body.icf-term-page #block-icf-main-content { font-size: 0.9em; }

  /* Actualites : img & font shrink */
  body.icf-actualites #block-icf-main-content div.views-row div.views-field-field-img-thumb img { max-width: 120px; }
  body.icf-actualites #block-icf-main-content { font-size: 0.9em; }

}


/***************************************************************
 *             Views
 ***************************************************************/

@media screen and (max-width: 768px) {

  body.icf-actualites #block-icf-main-content form.views-exposed-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    background-color: #EDEAE7;
    padding: 15px 10px 10px 10px;
    margin-bottom: 30px;
    font-weight: 600;
    color: #3C3733;
    border-radius: 15px;
    font-size: 0.8em;
    text-align: center;
  }
  body.icf-actualites #block-icf-main-content form.views-exposed-form .form-actions { margin-top: 10px; }

}

@media screen and (max-width: 480px) {
  
  div.icf-view-liste div.views-row {
    font-size: 0.8em;
  }
  
}


/***************************************************************
 *             Social bar + footer
 ***************************************************************/

@media screen and (max-width: 800px) {

  /* Social bar */
  div#block-socialbar span#icf-social-bar-label {
    height: initial;
    font-size: 0.8em;
  }
  div#block-socialbar span#icf-social-bar-icons {
    padding-bottom: 5px !important;
  }

  /* Footer */
  div#icf-footer-columns > div {
    width: 100%;
    float: none;
  }
  div#icf-footer-columns > div > div > nav > ul > li > a {
    line-height: 50% !important; /* does not apply wso 0_o */
    font-size: 0.8em;
  }
  div#block-footersignature div {
    max-width: 250px;
    margin: auto;
  }

}





@media screen and (max-width: 640px) {

  nav#block-menufooter3 {
    display: none;
  }

}