/*
*
Styles for template landing-ebook.php
*
*/

.content-ebook{
    color: #254460;
}
.banner{
    min-height: 50vh;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.descarga .form-descarga br{
    display: none;
}
.btn{
    font-size: 20px;
}
.descarga .btn{
    background-color: #f2bd2e;
    border-bottom: 2px solid #f2bd2e;
}
.descarga .btn:hover{
    background-color: #254460;
}
.descripcion a{
    color: #254460;
    border-bottom: 1px solid transparent;
}
.descripcion a:hover{
    border-bottom: 1px solid #254460;
}
.form-ebooks p{
    margin-bottom: 0;
}
.form-ebooks .wpcf7 form.invalid .wpcf7-response-output{
    margin-top: 0;
}
.descarga .wpcf7-spinner{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.descarga .wpcf7-not-valid-tip{
    font-size: 12px;
    color: #dc3232;
}
.descarga .o-lines{
    top: 35%;
    right: -4%;
    width: 15%;
}
.descarga .plane{
    top: 15%;
    left: -2%;
    width: 15%;
}
.descripcion .plane{
    top: 0;
    right: -2%;
    width: 20%;
}
.final .dots{
    max-width: 15%;
    top: -50px;
    left: 20px;
}
.final .gradient-dots{
    max-width: 20%;
    top: 160px;
    left: 20px;
}
.final.mt--200{
    margin-top: -100px;
}
.z-1{
    z-index: 1;
}
.z-2{
    z-index: 2;
}

@media screen and (max-width: 991px){
    .banner{
        height: auto;
        min-height: 375px;
        background-attachment: scroll;
    }
    .h1, h1{
        font-size: 30px;
    }
    .h2, h2{
        font-size: 27px;
    }
    .h3, h3{
        font-size: 24px;
    }
    .h4, h4{
        font-size: 20px;
    }
    .descarga input[type="email"], .btn{
        font-size: 18px;
    }
    .bg-parallel{
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%); 
    }
    .descripcion a{
        border-bottom: 1px solid #254460;
    }
    .final.mt--200{
        margin-top: -50px;
    }
}
@media screen and (max-width: 767px){
    .h1, h1{
        font-size: 27px;
    }
    .h2, h2{
        font-size: 25px;
    }
    .h3, h3{
        font-size: 22px;
    }
    .h4, h4{
        font-size: 18px;
    }
    .descarga input[type="email"], .btn{
        font-size: 17px;
    }
    .banner {
        min-height: 100vh;
    }
    .descripcion .o-lines {
        left: -1%;
        top: 0px;
        max-width: 20%;
    }
    .final .dots {
        max-width: 10%;
        top: 0;
        right: 15px;
    }
    .descarga .wpcf7-spinner {
        top: 70%;
        right: 0;
        left: unset;
    }
    .final.mt--200 {
        margin-top: -25px;
    }
}

@media screen and (min-width: 667px){
    .wpcf7-submit {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 575px){
    .h1, h1{
        font-size: 25px;
    }
    .h2, h2{
        font-size: 22px;
    }
    .h3, h3{
        font-size: 20px;
    }
    .border-left{
        border-left: 0 !important; 
    }
}