/*
Theme Name: Aeroventi
Theme URI: 
Author: Vortex Development
Author URI: https://vrtxdevelopment.com/
Description: Landing Page para la empresa Aeroventi
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Foundation 6, CSS, PHP, Ventilación industrial.
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.site-header{
    position: relative!important;
    z-index: 2;
}
.acf-map {
    width: 100%;
    height: 350px;
    border: #ccc solid 1px;
}

.acf-map img {
   max-width: inherit !important;
}

.texto-banner-1,
.texto-banner-2,
.texto-banner-3,
.texto-banner-4{
    color: #fff;
    margin-top: 10%;
}

.texto-banner-1 h2 ,
.texto-banner-2 h2 ,
.texto-banner-3 h2 ,
.texto-banner-4 h2 ,
.texto-banner-3 h3 ,
.texto-banner-4 h3 {
    text-transform: none !important;
    font-size: 1.25rem;}

.texto-banner-1 h2 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.texto-banner-2 h2 {    
    margin-top: 11rem;
    margin-bottom: 4rem;
}

.texto-banner-3 h2 {    
    margin-top: 9rem;
    margin-bottom: 2rem;
}

.texto-banner-3 h3 {    
    margin-bottom: 2rem;
    color: #69D6FF;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.866);
}

.texto-banner-4 h2 {    
    margin-top: 9rem;
    margin-bottom: 1rem;
}

.texto-banner-4 strong{    
    color: #69D6FF;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.866);
}

.texto-banner-4 h3 {    
    margin-top: 1rem;
    margin-bottom: 4rem;
}

.texto-banner-1 a,
.texto-banner-2 a,
.texto-banner-3 a,
.texto-banner-4 a {
    background-color: #23A2EE;
    border-radius: 1.5rem;
    padding: 0.3rem 1rem;
}

.texto-banner-3 a,
.texto-banner-4 a {
    box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.75);
}

.texto-banner-1 img{
    margin-top: 4rem;
}

.texto-banner-1 p{
    font-size: 20px;
    font-weight: 300;
}
  
.grid-banners-home {
    height: 500px;
    background-size: cover !important;
}

.padd-0 {
    padding: 0 !important;
}

.centered {
    margin: 0 auto;
    display: block;
}
  
.btnclick {
    cursor: pointer;
}

.modal-catalogo{
    color: #23A2EE;
    background-color: #19175e;
    border-radius: 1rem;
    border: 1px solid #19175e;
    box-shadow: 0px 0px 9px 2px rgba(56,56,89,1);
}

.form-catalogo{
    border-radius: 1rem;    
    padding: 1rem;
}

.form-catalogo h3{
    margin-bottom: 2rem;
}

.form-catalogo input{
    color: #0E0D35;
}

.form-catalogo button{
    margin-top: 2rem;
    background-color: #23A2EE;
    width: 100%;
    height: 2.4375rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
}

.form-catalogo button:hover{
    cursor: pointer;
    color: #dadada;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
  border: 2px solid #00CC00 !important;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
  border: 2px solid #CC0000 !important;
}

.txt-banner{
    padding-top: 80px;
}

.cbp-spmenu {
    background: #0E0D35;
    position: fixed;
  }
  
  
  .cbp-spmenu h3 {
    color: #233050;
    font-size: 1.9em;
    padding: 0px;
    margin: 0;
    font-weight: 300;
    background: rgb(255 255 255 / 30%);
  }
  
  .cbp-spmenu a {
    display: block;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
  }
  
  .close-menu {
    text-align: right;
    
  }
  .close-menu i{
    font-size: 22px;
    color: #fff;
  }
  
  .cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 10000000;
  }
  
  .cbp-spmenu-vertical a {
    padding: 11px 20px;
    font-weight: 900;
    font-size: 25px;
    text-decoration: none;
  }
  
  .cbp-spmenu-vertical a:first-child {
    border-bottom: 0px solid #000301;
    padding: 11px;
  }

  .grid-aviso{
    background-color: #0E0D35;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 30px;
  }
  
  .cbp-spmenu-right {
    right: -240px;
  }
  
  .cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
  }
  .cbp-spmenu,
  .cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .cbp-spmenu-push-toright {
    left: 240px;
  }

  .header-bckg{
    background-color: #0E0D35;
  }
  
  #showRight {
    float: right;
  }
  
  #showRight, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 39px;
    height: 37px;
    position: relative;
    margin: 6px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 0px;
  }
  
  #showRight span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  
  #showRight span:nth-child(1) {
    top: -2px;
  }
  
  #showRight span:nth-child(2) {
    top: 10px;
  }
  
  #showRight span:nth-child(3) {
    top: 23px;
  }
  
  #showRight.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  
  #showRight.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  
  #showRight.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .menu-h{
    padding-top: 18px;;
  }

  @media screen and (max-width: 55.1875em){
  
    .cbp-spmenu-horizontal {
      font-size: 75%;
      height: 110px;
    }
  
    .cbp-spmenu-top {
      top: -110px;
    }
  
    .cbp-spmenu-bottom {
      bottom: -110px;
    }
  
  }
  
  @media screen and (max-height: 26.375em){
  
    .cbp-spmenu-vertical {
      font-size: 90%;
      width: 246px;
    }
  
    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
      left: -190px;
    }
  
    .cbp-spmenu-right {
      right: -190px;
      display: none;
    }
  
    .cbp-spmenu-push-toright {
      left: 190px;
    }
  }

@media print, screen and (min-width: 40em) {    
    .texto-banner-1 h2 ,
    .texto-banner-2 h2 ,
    .texto-banner-3 h2 ,
    .texto-banner-4 h2 ,
    .texto-banner-3 h3 ,
    .texto-banner-4 h3 {
        font-size: 1.875rem;
    }

    .texto-banner-1 img{
        margin-top: 0.2rem;
    }

    .texto-banner-2 h2 {    
        margin-top: 8rem;
        margin-bottom: 3rem;
    }
}

@media print, screen and (min-width: 50em) {
    .texto-banner-1 h2 ,
    .texto-banner-2 h2 ,
    .texto-banner-3 h2 ,
    .texto-banner-4 h2 ,
    .texto-banner-3 h3 ,
    .texto-banner-4 h3 {
        font-size: 2.5rem;
    }

    .texto-banner-1 h2 {
        font-size: 2.5rem;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
     
    .texto-banner-1 a {
        font-size: 1.875rem;
    }

    .texto-banner-1 img{
        margin-top: -2rem;
    }

    .txt-banner{
        padding-top: 6rem;
    }
}