/* 
Theme Name: Mirco Petri Theme
Author: AleCss Lab
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: CC BY-NC-ND
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* 
Theme Name: Gruppo SOGEA Theme
Theme URI: https://github.com/elementor/hello-theme/
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

/*** GENERAL ***/

  
html a {
    transition: .3s all ease-out;
  }

  html input[type=date],
  html input[type=email],
  html input[type=number],
  html input[type=password],
  html input[type=search],
  html input[type=tel],
  html input[type=text],
  html input[type=url],
  html select,
  html textarea {
      border-color: #000;
  }
  
  html input[type=date]:focus,
  html input[type=email]:focus,
  html input[type=number]:focus,
  html input[type=password]:focus,
  html input[type=search]:focus,
  html input[type=tel]:focus,
  html input[type=text]:focus,
  html input[type=url]:focus,
  html select:focus,
  html textarea:focus {
      border-color: #846A48;
  }

  html .elementor-icon svg {
    width: auto;
  }

  html .light-blue {
    color: #027dbd;
  }

  /* CTA */

  .cta-blu {
    display: inline-block;
    position: relative;
    transform: skew(20deg); /* crea la forma trapezoidale */
    transition: background 0.3s ease;
  }
  
  /* per raddrizzare il testo */
  .cta-blu span,
  .cta-blu {
    display: inline-block;
  }
  
  .cta-blu::before {
    content: attr(data-text);
  }
  
  .cta-blu span {
    display: inline-block;
    transform: skew(-10deg);
  }


  /*** LAYOUT ***/
  

  /*** HEADER ***/

  header .site-navigation {
    align-items: flex-start;
  }

  header.site-header {
    padding-block-start: 2.5rem;
    padding-block-end: 2.5rem;
  }

  header .site-navigation ul.menu li a {
    font-size: 1.5rem;
  }

  header .site-navigation ul.menu li a:hover {
    color: #027dbd;
  }

  .site-header .site-navigation .menu li {
    border-right: 2px solid #173d6d;
  }

  .site-header .site-navigation .menu li:last-of-type,
  .site-header .site-navigation .menu li:nth-child(4), 
  .site-header .site-navigation .menu li:nth-child(6) {
    border: none;
  }

  .site-header .site-navigation .menu li.contact-button {
    background-color: #173d6d;
    margin-left: 2rem;
  }

  .site-header .site-navigation .menu li.contact-button a {
    color: #ffffff;
  }

  .site-header .site-navigation .menu li.contact-button a:hover {
    background-color: #027dbd;
  }
  
  /* Top bar */
  
  /* End Top bar */
  

  /*** FOOTER ***/
  
  footer.site-footer {
    padding: 3rem 2rem .5rem;
  }

  .site-footer .footer-inner {
    justify-content: flex-start;
  }

  .site-footer .footer-inner .footer-widget {
    display: flex;
    flex-basis: 70%;
    justify-content: space-evenly;
    align-items: flex-end;
    margin-bottom: 2rem;
  }

  .site-footer .footer-inner .footer-widget .contact-info a:hover,
  .site-footer .footer-inner .footer-widget .menu-footer-menu-container .menu a:hover {
    color: #027dbd;
  }

  .site-footer .footer-inner .footer-widget .contact-info,
  .site-footer .footer-inner .footer-widget .menu-footer-menu-container .menu {
    list-style-type: none;
    border-left: 2px solid #ffffff;
    padding: 2rem 0 0;
    padding-inline-start: 1.5rem;
  }

  .site-footer .footer-inner .footer-widget .contact-info a,
  .site-footer .footer-inner .footer-widget .menu-footer-menu-container .menu a {
    color: #ffffff;
    font-size: 1.5rem;
  }

  .site-footer .footer-inner .copyright {
    flex-basis: 100%;
    justify-content: center;
    color: #ffffff;
  }
  
  /*** HOME ***/

  .home #section-03 .cta-blu {
    margin-right: 1.5rem;
  }

  .home #section-04 .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 35px;
  }

  .home .swiper-pagination-bullet {
    border-radius: 0;
    background-color: #ffffff;
    opacity: .4;
  }

  .home .elementor-7 .elementor-element.elementor-element-392c2fb .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 35px;
    height: 35px;
    opacity: 1;
  }
  
  
  /*** PAGINE INTERNE ***/

  /*** MAPPA ***/

  html .map_wrapper .map_aspect_ratio {
    height: 440px;
  }

  html .map_container .imapsSprite-group g.imapsPolygon-group .imapsPolygon {
    fill: white;
    stroke: #173d6d;
    stroke-width: 1.5px;
  }

  html .map_container .imapsSprite-group g.imapsPolygon-group .imapsPolygon:hover {
    fill: rgba(31, 76, 117, .72);
  }

  html .map_container .imapsSprite-group path.imapsPointedRectangle {
    fill: white;
    stroke: #173d6d;
    stroke-width: 3px;
  }
  

  html .map_container .imapsSprite-group.imapsPointedRectangle-group {
    filter: none;
    fill-opacity: 1;
    stroke-linecap: square;
  }

  html .map_container .imapsContainer .poi-container {
    display: block;
    max-width: 240px;
    overflow: visible;
    white-space: normal;
    word-wrap: break-word;
    padding-bottom: .5rem;
  }

  html .map_container .imapsContainer .title-poi,
  html .map_container .imapsContainer .subtitle-poi,
  html .map_container .imapsContainer .location-poi  {
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #173d6d;
    margin-bottom: 0;
  }

  html .map_container .imapsContainer hr {
    border-top: 2px solid #173d6d ;
    border-bottom: none;
  }

  html .map_container .imapsContainer .subtitle-poi {
    font-size: 1.25rem;
  }

  html .map_container .imapsContainer .location-poi {
    font-weight: 400;
    font-size: 1rem;
    font-style: italic;
  }

  /*** Progetti ***/

  html .elementor-312 .elementor-element .ug-theme-slider .ug-slider-control {
    z-index: 9999!important;
  }

  html .elementor-312 .elementor-element .ug-theme-slider .ug-slider-control.ug-button-fullscreen {
    left: auto!important;
    right: 11px!important;
    opacity: 70%;
  }

  html .elementor-312 .elementor-element .ug-theme-slider .ug-slider-control.ug-button-fullscreen svg {
    width: 20px!important;
    height: 20px!important;
  }

  html .operazioni-di-business .efc-commercial:nth-child(3) .ug-slider-wrapper {
    background-color: transparent!important;
  }


  /* Competenze */

  .competenze #section-comp-01,
  .skills-expertise #section-comp-01  {
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
  }

  /*.competenze #section-comp-01 .clmn-left::before {
    content: "";
    border-left: 10px solid #027dbd;
    height: 280%;
  }*/

  .competenze .html-light-blue-line,
  .skills-expertise .html-light-blue-line {
    position: absolute;
    top: -750px;
    left: 12%;
    content: "";
    border-left: 10px solid #027dbd;
    height: 1000%;
    text-indent: -9999px;
  }


  /* Contatti */

  .contatti .fa-envelope:before,
  .contatti .fa-phone:before {
    font-size: 1.25rem;
  }

  html .contatti #section-contact-01 .clmn-left a {
    color: #173d6d;
  }


  /*** FORMS ***/
  
  
  /*** PLUGINS ***/
  
  
  /*******************************/
  /***** MEDIA QUERIES ***********/
  /*******************************/

  @media screen 
    and (max-device-width: 1895px)
    and (-webkit-min-device-pixel-ratio: 1) {

      .competenze .html-light-blue-line,
      .skills-expertise .html-light-blue-line  {
        display: none;
      }
  
    }
  
  /**************/
  /*** Laptop ***/
  /**************/
  
  /* ----------- Non-Retina Screens ----------- */
  
  /* --- Old Laptops --- */
  
  @media screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px)
    and (orientation:landscape)
    and (-webkit-min-device-pixel-ratio: 1) {

      .competenze .html-light-blue-line,
      .skills-expertise .html-light-blue-line {
        display: none;
      }

      .competenze #section-comp-01,
      .skills-expertise #section-comp-01 {
        clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
      }
  
    }
  
  @media screen 
    and (min-device-width: 1200px) 
    and (max-device-width: 1600px) 
    and (-webkit-min-device-pixel-ratio: 1) {

      .competenze .html-light-blue-line,
      .skills-expertise .html-light-blue-line {
        display: none;
      }

      .competenze #section-comp-01
      .skills-expertise #section-comp-01  {
        clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
      }
  }
  
  
  /* ----------- Retina Screens ----------- */
  
  @media screen 
    and (min-device-width: 1200px) 
    and (max-device-width: 1600px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (min-resolution: 192dpi) {

      .competenze .html-light-blue-line,
      .skills-expertise .html-light-blue-line {
        display: none;
      }

      .competenze #section-comp-01,
      .skills-expertise #section-comp-01 {
        clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
      }
  }
  
  
  /************/
  /***Tablet***/
  /************/
  
  
  /* ----------- iPad 1, 2, Mini and Air ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 1) {
  }
  
  
  /* ----------- iPad 3, 4 and Pro 9.7" ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  
  /* ----------- iPad Pro 10.5" ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 834px) 
    and (max-device-width: 1112px)
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  /* Portrait */
  /* Declare the same value for min- and max-width to avoid colliding with desktops */
  /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
  @media only screen 
    and (min-device-width: 834px) 
    and (max-device-width: 834px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  /* Landscape */
  /* Declare the same value for min- and max-width to avoid colliding with desktops */
  /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
  @media only screen 
    and (min-device-width: 1112px) 
    and (max-device-width: 1112px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  
  /* ----------- iPad Pro 12.9" ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1366px)
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  
  
  /**************/
  /*** Mobile ***/
  /**************/
  
  /* -----------  ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 812px)
    and (-webkit-min-device-pixel-ratio: 2) {

      /*** HEADER ***/

      .site-header .header-inner {
        padding: 0;
      }

      header.site-header {
        padding-block-start: 1.5rem;
        padding-block-end: 1.5rem;
      }


      /* Nav menu */

      html #rmp_menu_trigger-935 {
        background: white;
      }

      html .site-navigation-toggle-holder {
        display: none!important;
      }

      html .rmp_menu_trigger {
        top: 45px!important;
      }

      html .rmp-container .rmp-menu-title {
        text-align: left!important;
      }

      html .rmp-container .rmp-menu-title .rmp-menu-title-image {
        margin: 0 0 2rem;
      }

      /*html .rmp_menu_trigger .rmp-trigger-box {
        left: 14px;
      }*/

      html .rmp_menu_trigger,
      html .rmp_menu_trigger:focus,
      html .rmp_menu_trigger:hover,
      html .rmp_menu_trigger.is-active  {
        border: none;
      }

      html .rmp_menu_trigger .responsive-menu-pro-inner {
        transform: skew(-30deg, 0deg);
      }

      html .site-navigation-toggle-holder button[type=button]:focus:not(:focus-visible),
      html .site-navigation-toggle-holder button[type=button]:focus {
        border: none;
        border-color: transparent!important;
      }

      html .site-navigation-dropdown ul.menu li.current-menu-item a {
        background-color: transparent;
        border: 2px solid #173d6d;
        color: #173d6d;
      }

      html .site-navigation-toggle-holder.elementor-active .site-navigation-toggle-icon {
        transform: skew(0, 0);
      }

      html #rmp-menu-wrap-935  {
        background: url(https://mpgroup.it/wp-content/uploads/2025/10/footer_ui.svg) center bottom no-repeat;
        height: 100vh;
      }
      
      html #rmp-menu-wrap-935 .rmp-menu-item {
        padding: 1rem 5%;
      }

      html #rmp-menu-wrap-935 .rmp-menu-item::after {
        content: "";
        display: block;
        border-bottom: 2px solid white;
        width: 30px;
        padding: 1rem 0;
      }

      html #rmp-menu-wrap-935 .rmp-menu-item-link {
        padding: 0;
      }

      html #rmp-menu-wrap-935 .contact-button a.rmp-menu-item-link {
        background-color: white;
        color: #173d6d;
        padding: 0 1rem;
        width: 50%;
        text-align: center;
      }

      html #rmp-menu-wrap-935 .contact-button::after {
        display: none;
      }


      /*** FOOTER ***/
      
      .site-footer {
        background-size: 27%;
      }

      .site-footer .site-branding {
        margin-bottom: 2REM;
      }

      .site-footer .footer-inner .footer-widget {
        flex-direction: column;
      }

      .site-footer .footer-inner .footer-widget .contact-info a,
      .site-footer .footer-inner .footer-widget .menu-footer-menu-container .menu a {
        font-size: 1.2rem;
      }


      /*** HOME ***/

      .home .elementor-7 .elementor-element.elementor-element-392c2fb .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 25px;
        height: 25px;
        opacity: 1;
      }

      .home #section-04 .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
      .home .elementor-7 .elementor-element.elementor-element-392c2fb .elementor-swiper-button.elementor-swiper-button-prev,
      .home .elementor-7 .elementor-element.elementor-element-392c2fb .elementor-swiper-button.elementor-swiper-button-next {
        display: none!important;
      }
      

      /*** PAGINE INTERNE ***/

      /* Competenze */

      .competenze #section-comp-01,
      .skills-expertise #section-comp-01 {
        clip-path: none;
      }
   
  }