/*--------------------------------------------------------------
** All Variable
----------------------------------------------------------------*/
:root {
  --white-color: #f9fbf3;
  --ocra-color: #e6c47d;
  --green-color: #1f555e;
  --heading-color: #1a1918;
  --body-color: rgb(180 180 180 / 80%);
  --gray-color: #e1ece3;
  --border-color: #d9d9d9;

}



    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden; /* Blocca lo scroll */
    }

    .main-content {
      height: 100vh;
      display: flex;
      flex-direction: column;

    }

    .navbar {

      height: 60px;
      flex-shrink: 0;
      background-image: url("../img/about_heading_bg.jpg");
       background-repeat: no-repeat;
         background-size: cover;
             font-weight: bold;
    }
    .menu-item {
            margin-top:10px;
        color:var(--green-color);
        font-weight: bold;
            
     }
    .nav-link {
      
        color:var(--green-color) !important;
        border: 1px #999 solid;
    }

    .hero {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
           padding:auto 10%;
      overflow: hidden;
    }
.wp-block-video{
      display: flex;
      justify-content: center; /* centra orizzontalmente */
      align-items: center;     /* centra verticalmente */
      height: 80vh;           /* altezza viewport */
      margin: auto;
}
  video {
      max-width: 100%;
      max-height: 500px !important;
    }
    footer {
      height: 40px;
      background-image: url("../img/about_heading_bg.jpg");
       background-repeat: no-repeat;
         background-size: cover;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: right;
      color:var(--green-color) !important;
      font-weight: bold;
    }

    button.wpb-pcf-form-fire.wpb-pcf-btn-large.wpb-pcf-btn.wpb-pcf-btn-default{
      height:30px;
      margin-top:5px;
    }
.vertical-align {
    display: flex;
    align-items: center;
}

    @media screen and (max-width: 767px) {
      footer {
      height: 190px;

    }
    .logo{
      max-width: 100px; 
    }
    .navbar-collapse{
      background-color: var(--body-color);
      padding: 0 5px;
    }
}