/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 1 version
*/

.cta {
    position: relative;
    background: linear-gradient(to bottom,  #0055a8 0%,#003262 100%);
    background: linear-gradient(#b60529 0%, #89001c 100%);
    color: #fff;
    overflow: hidden;
}

.cta--home {
    padding: 60px 0;
    overflow: hidden;
}

.cta__content {
    position: relative;
    z-index: 2;
}

.cta .sub-heading,
.cta .sub-title,
.cta h2,
.cta h5,
.cta h6 {
    color: #fff;
}

.cta .sub-heading {
    margin-bottom: 6px;
    font-weight: 500;
}

.cta .sub-heading::after {
    background: url(/wp-content/themes/itlandes/assets/img/title-bg--white.png) 0 0 no-repeat;
}

.cta p {
    letter-spacing: 0.02em;
}

.logo-i {
    position: absolute;
    left: 22px;
    top: -30px;
    height: auto;
    max-width: 41px;
    box-shadow: 3px 4px 30px rgba(0,50,98,0.31);
}

.logo-t {
    position: absolute;
    right: 12px;
    bottom: -100px;
    max-width: 121px;
    box-shadow: 3px 4px 30px rgba(0,50,98,0.31);
}

.cta .btn-primary {
    background-color: #FFF;
    border-color: #fff;
    color: #090911;
    box-shadow: 0px 3px 2px rgba(9, 9, 17, 0.3);
}

.cta .btn-secondary,
.cta .btn-call {
    background-color: #D8EDFE;
    border-color: #D8EDFE;
    color: #090911;
    box-shadow: 0px 3px 2px rgba(255, 255, 255, 0.3);
}

.cta .btn-primary::before,
.cta .btn-primary::after,
.cta .btn-secondary::before,
.cta .btn-secondary::after,
.cta .btn-call::before,
.cta .btn-call::after {
    color: #090911;
}

@media (min-width: 768px) {
    .cta--home {
        padding: 74px 0;
    }

    .cta .sub-heading {
        margin-bottom: 3px;
    }
    
    .cta p {
        letter-spacing: 0.02em;
    }

    .cta__btns {
        max-width: 320px;
        margin: 0 auto;
    }

    .cta__btns .btn+.btn {
        margin-top: 25px;
        margin-left: 0;
    }
    
    .logo-i {
        left: 29px;
        top: -45px;
        height: auto;
        max-width: 50px;
        box-shadow: 3px 4px 30px rgba(0,50,98,0.31);
    }
    
    .logo-t {
        right: 29px;
        bottom: -95px;
        max-width: 145px;
        box-shadow: none;
    }
}

@media (min-width: 1200px) {
    .cta--home {
        padding: 110px 0 117px;
    }

    .cta__wrap {
        position: relative;
    }

    .cta__content {
        max-width: 832px;
        margin: 0 auto;
    }

    .cta .sub-heading {
        margin-bottom: 3px;
    }
    
    .cta p {
        letter-spacing: 0.02em;
    }

    .cta__btns {
        max-width: 100%;
        margin: 0 auto;
    }
    
    .cta__btns .btn+.btn {
        margin-top: 0;
        margin-left: 30px;
    }
    
    .logo-i {
        left: 70px;
        top: -110px;
        max-width: 100%;
        box-shadow: 3px 4px 30px rgba(0,50,98,0.31);
    }
    
    .logo-t {
        right: -110px;
        bottom: -118px;
        max-width: 100%;
        box-shadow: none;
    }

    .cta a:not(.btn):hover {
        color: #fff;
        border-color: #fff;
    }

    .cta .btn-primary:hover {
        background-color: #D8EDFE;
        border-color: #D8EDFE;
        color: #090911;
        box-shadow: inset 0 3px 2px #91a6ba ;
    }
    
    .cta .btn-secondary:hover,
    .cta .btn-call:hover {
        background: #fff;
        border-color: #fff;
        color: #090911;
        box-shadow: inset 0 3px 2px #fff ;
    }
}