/* CSS EN MOBILE FIRST */

/* Media Query for Larger Screens */
@media only screen and (min-width: 48em) {
    html, body {
        font-size: var(--text-font-size-s);
    }

    .show-for-small-only{
      display: none;
    }

    .hide-for-small-only{
      display: block;
    }

    header .logo{
      top: var(--body-margin);
      left: var(--body-margin);
      min-width: 90px;
    }

    #toggle-menu + label{
      font-size: var(--text-font-size);
      top: var(--body-margin);
      right: var(--body-margin);
      padding: 15px 10px;
/*      width: 70px;
      height: 70px;*/
    }


    header nav > div > ul > li{
      margin-bottom: var(--small-margin);
    }

    header nav .main-nav_first-level:first-child::after{
      content: "";
    }

    aside.sidebar-left{
        position: fixed;
        padding: 0px var(--normal-margin);
    }

    .map-inner{
      transform: translateY(-55%);
    }

    nav.home-countries-nav li.country-nav{
      font-size: 25px;
    }

    nav.home-countries-nav li.country-nav :after{
      font-size: 50px;
    }

    .home .tagline{
      font-size: var(--text-font-size);
      bottom: var(--normal-margin);
    }

    header nav .main-nav_first-level{
      font-size: var(--title-font-size);
    }

    main{
      padding-top: var(--body-margin);
    }

    main h1{
      font-size: var(--title-font-size);
      margin-bottom: var(--normal-margin);
    }

    main h1 + .block{
      margin-top: var(--big-margin);
    }

    .main-content .inside-nav{
      margin-bottom: var(--big-margin);
      font-size: var(--text-font-size);
    }

    .main-content p{
      margin-bottom: 1em;
      font-size: 1em;
      text-align: justify;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      -webkit-hyphenate-limit-before: 3;
      -webkit-hyphenate-limit-after: 4;
      -ms-hyphenate-limit-chars: 7 3 4;
      hyphenate-limit-chars: 7 3 4;
      word-wrap: break-word;
      overflow-wrap: break-word;
      /* veuves et orphelines (bancal) */
      widows: 3;
      orphans: 3;
    }


    .main-content h2{
      font-size: calc(var(--text-font-size) + 2px);
    }

    .team-grid li{
      margin-bottom: 60px;
      padding: 0 var(--normal-margin);
    }

    .main-content .footnote-inner{
      background: var(--color-two);
      border-radius: 10px;
      padding: 10px 20px;
      margin-top: 8px;
      width: 300px;
      display: none;
      position: absolute;
      z-index: 99;
      top: 0;
      left:0;
      transform: none;
    }

    body[data-template="news"] .article-image-header{
      transform: translateX(60px);
    }

}

@media only screen and (min-width: 48em) {
  header .logo figure, 
  #toggle-menu + label{
    background: transparent;
    border-radius: 100%;
    box-shadow: none;
  }

}

@media only screen and (min-width: 1600px) {
  html, body {
    font-size: var(--text-font-size);
  }
}