/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 /*********************************************/
    /*CSS para plantilla {Menú - menú responsive, Footer, background-color, Encabezados (H's) } */
    body {
      font-family: 'Poppins', sans-serif;
      background-color: #f4f1f0;
      height: 100% !important;
      min-height: 100% !important;
    }

     footer {
      position: relative;
      left: 0px;
      bottom: 0px;
      height: auto;
      width: 100%;
      
    }
    
    footer.page-footer {
      margin: 0;
      background-color: #0c3d49 !important;
    }

    footer * {
      line-height: 1.5rem !important;
      font-size: 10pt;
      font-weight: normal;
      text-align: justify;
    }

    footer ul li {
      clear: both;
    }

    h1 {
      font-size: 2.2rem;
    }
    h2{
      font-size: 2rem;
    }
    h1:after, h2:after{
      border-top: 3px solid #8bc63e;
      display: block;
      height: 1px;
      content: " ";
      width:100%;
      position: relative;
      left: 0;    
      z-index: 100;
    } 

    hr {
      color: #8bc63e;
      border: 1px solid #8bc63e;
      background-color: #8bc63e !important;
    }

    nav, .footer-copyright{
      background-color: #0c3541 !important;
    }

    nav ul a,
    nav .brand-logo {
      color: #444;
    }

    nav ul li a {
      color: white;
      font-weight: 450;
    }

    nav ul li a:hover {      
      color: #8bc63e;
      font-weight: bold;
    }   

    nav ul#navDesktop  li.activo:before{
      border-top: 3px solid #8bc63e;
      display: block;
      height: 1px;
      content: " ";
      width:100%;
      position: relative;
      left: 0;    
      z-index: 100;
    }

    nav ul li.activo a,
    nav ul li.activo a i {
      color: #8bc63e;
      font-weight: bold;
    }

    nav ul li.activo::after {
      text-decoration: overline;
      color: #8bc63e;
      border: 6px;
      font-weight: bold;
    }
/*********************************************/
p {
  line-height: 2rem;  
}

.sidenav-trigger {
  color: #8bc63e;
}

.sidenav-overlay{
  background: rgba(33, 33, 33, 0.5);
  z-index: 1;
}

.parallax-container {
  min-height: 100vh;
  height: 100vh;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

  #logo{
    height: auto;
    margin-top:1px;
    width:110px;
  }  

  #nav-mobile .activo i{
    color: #8bc63e;
  }


@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
  #logo{
    width:100px !important;    
  }
}

@media only screen and (max-width : 600px) {
  #logo{
    width:90px !important;    
    margin-top: 3px;
  }
  #index-banner .section {
    top: 0;
  }
}

@media only screen and (max-width: 993px) {
  .container {
      width: 100%;
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
}

@media only screen and (min-width:320) {
  .container {
      width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .parallax-container {
      min-height: 200vh;
  }

  .parallax-container .section {
      position: absolute;
      top: 10%;
  }
}