/*
Theme Name: Hublet
Description: Thème enfant utilisé pour les sous-sites du réseau The ELT Hub
Author: NOUS - Ouvert, Utile et Simple
Author URI: https://www.avecnous.eu
Template: twentytwentyfive
Version: 1.1
*/

/* MENUS */

.wp-block-navigation a {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding: 0.3rem 0;
    transition: border-color 0.3s ease;
      }
      .wp-block-navigation a:hover,
      .wp-block-navigation a:focus,
      .wp-block-navigation a:active,
      header .wp-block-navigation a[aria-current="page"],
      .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
      .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus,
      .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:active,
      header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content[aria-current="page"] {
          border-bottom: 2px solid #4271B6;
          color:#4271B6;
          outline: none;
      }
  
      .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
        outline-offset: 0;
      }
      :root :where(.wp-block-navigation a:where(:not(.wp-element-button))) {
          text-decoration: none;
      }

header .trp-block-container {
    margin-left: 15px;
    }
    header .trp-shortcode-switcher {
        padding: 5px 0;
        }
        header .trp-language-item {
            padding: 5px 5px 5px 12px;
        }
        header .trp-current-language-item__wrapper {
            padding-right: 5px;
        }
  
  /*=============
  RESPONSIVE
  ==============*/
  
  @media screen and (max-width:768px) {
      
      /* FOOTER */
      .col-space-foot {
          display: none;
      }
      
      .bandeau-last-footer {
          margin-top: 50px;
      }
      .bandeau-last-footer p,
      .bandeau-last-footer.has-text-align-right {
          text-align: left;
          margin-top: 25px;
      }
      
  }
  
  @media screen and (min-width: 600px) and (max-width:900px) {
      
      /* HEADER */
      .wp-block-navigation__responsive-container-open:not(.always-shown) {
          display: block;
          }
          .wp-block-navigation__responsive-container,
          .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
              bottom: 0;
              display: none;
              left: 0;
              position: fixed;
              right: 0;
              top: 0;
              }
              .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
                  height: 30px;
                  width: 30px;
              }
      
  }
  
  @media screen and (max-width:1024px) {
      
      /* Carousel entete pages */
      .carousel-head-pages {
          padding-left: 0!important;
          padding-right: 0!important;
      }
      
  }

  @media screen and (min-width: 901px) and (max-width:1116px) {

    /* MENU */
    header .wp-block-group.is-layout-flex,
    header .wp-block-image a img {
        display: block;
        margin: 0 auto;
        text-align: center;
        }
        header .wp-container-core-navigation-is-layout-fc306653 {
            width: 70%;
            text-align: center;
            display: inline-block;
            margin: 0 auto;
            }
            header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
                display: block;
                position: relative;
                width: 100%;
                z-index: auto;
                text-align: center;
            }
            header .wp-block-navigation__container.items-justified-right {
                justify-content: center;
              }

        header .trp-block-container {
            margin-left: 15px;
            display: inline-block;
            width: 121px;
            position: relative;
            margin-top: 20px;
            bottom: -10px;
        }

  }