/*MEDIA QUERYS*/


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    /* CSS */
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1024px) and (max-width: 1440px) {
    
    .cover_img_intro,.cover_img_percorso {
        min-height: 800px !important;
    }
    .cover_img_intro .wp-block-cover__inner-container,.cover_img_percorso .wp-block-cover__inner-container {
        font-size: 4vw;
    }
    header h2 a {
        font-size: 18px;
    }
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
   .nav-link {
       font-size: 16px;
   }
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 200px) and (max-width: 767px) {
    

  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    .wp-block-spacer {
        height: 50px !important;
    }
    h3 {
        font-size: 1.7rem;
    }
    .navbar-brand img {
        max-width: 170px;
        height: auto;
    }
    .cover_img_intro,.cover_img_percorso {
        min-height: 450px !important;
    }
    .entry-content li {
        margin-left: 1em;
        font-size: 1.5rem;
    }
    .news-letter {
        font-size: 1rem;
    }
    .entry-content > .alignfull, .entry-content > .alignwide{
        margin-bottom: 0;
        margin-top: 0;
    }
    .wp-block-media-text__content {
        margin-top: 50px;
    }
    .cover_img_intro .wp-block-cover__inner-container {
        font-size: 7vw;
        margin-left: 0px;
        line-height: 1.5;
        margin-bottom: 50px;
    }
    .cover_img_intro {
        align-items: flex-end;
    }
    .cover_img_percorso .wp-block-cover__inner-container {
        position: absolute;
        top: 300px;
        left: -25%;
        font-size: 8vw;
        line-height: 1.5;
    }
    .has-large-font-size {
        font-size: 1.2rem;
    }
    .box ul li, .box h4, .box p {
        font-size: 17px !important;
    }
   
    .menu_principale {
       align-items: flex-start;
       justify-content: space-between;
    }
    .container_field {
        flex-basis: 100%;
        width: 100%;
        min-height: 200px;
        border-radius: 20px;
    }
    div.wpforms-container-full {
        padding: 15px;
    }
    /*MENU HAMBURGER*/
    #hamburger {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0;
      }
      #hamburger .line {
        fill: none;
        stroke: #68ab6d;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
      }
      #hamburger .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
      }
      #hamburger .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
      }
      #hamburger .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
      }
      #hamburger.open .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
      }
      #hamburger.open .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
      }
      #hamburger.open .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
      }
      .container_logo {
          display: flex;
          width: 100%;
      }
      .container_logo * {
          flex-basis: 50%;
      }
      .menu_principale {
          flex-wrap: wrap;
      }
      .navbar-brand {
          margin-left: 25px;
      }
      .ms-auto {
          margin-left: 15px !important;
      }
      .menu-item.active::after {
        left: 4%;
        top: 0%;
      }
      .nav-link {
        font-size: 20px;
        padding-left: 34px !important;
      }
      .full_w_h.pre_footer {
          height: 75vh;
          padding: 0 15px;
      }
      .full_w_h.pre_footer {
        margin-top: 10vh;
    }
      .navbar-nav {
          padding-top: 15px;
      }
      .navbar-nav li {
          margin-bottom: 10px;
      }
      .entry-content {
          overflow: hidden;
      }
      #site-footer img {
          max-width: 90px;
      }
      .full_w_h  {
          padding: 50px 0;
      }
      .wp-block-button__link {
          padding: 10px 50px;
      }
      .display-4 {
          font-size: calc(2rem + 2.7vw)
      }
      .category .fw-bolder {
        font-size: 20px;
        margin-bottom: 15px !important;
    }
    .entry-content {
      padding: 20px;
    }
    .my-5 {
      margin-top: 1.5rem!important;
      margin-bottom: 1.5rem!important;
    }
    .py-5 {
      padding-top: 1.5rem!important;
      padding-bottom: 1.5rem!important;
  }

  }