//
// Page: enterprise
// ---
// bigchaindb.com
//
.page-services {
    // Different Features unit layout
    .feature {
        display: block;
    }

    .feature__title {
        margin-bottom: $spacer;
        display: block;

        // the bottom line
        &:after {
            content: '';
            height: 2px;
            width: 3rem;
            display: block;
            margin-top: $spacer * $line-height;
        }
    }

    .feature__text {
        opacity: .75;
    }

    .feature__icon {
        margin-top: 0;
        margin-bottom: $spacer / 6;
        width: 2.2rem;
        height: 2.2rem;
    }
}

.hero--services {
    .logo-services {
        margin-bottom: $spacer;

        .logo,
        .logo-services--text {
            opacity: .75;
        }
    }

    .hero__subtitle {
        margin-bottom: $spacer * 2;
        font-size: $font-size-h5;

        @media ($screen-sm) {
            font-size: $font-size-h4;
        }
    }

    .hero__content {
        margin-top: $spacer * 2;
        margin-bottom: $spacer * 6;
    }

    .btn {
        @extend .btn-secondary;
        min-width: 220px;

        &:first-of-type {
            @extend .btn-primary;
            margin-right: $spacer;
        }
    }
}

.section--enterpriseintro {
    .grid,
    .feature {
        margin-bottom: 0;
    }

    .btn {
        margin-top: $spacer * 2;
    }

    h2 {
        @extend .h3;
        margin-bottom: $spacer;
    }

    .feature__title {
        // the bottom line
        &:after {
            background: rgba($gray-light, .4);
        }
    }
}

.section--enterprisetestimonial {
    .testimonial {
        @extend .large;
        margin: 0 auto;

        @media ($screen-sm) {
            max-width: 66%;
        }
    }

    .testimonial__quote {
        &:before {
            margin-left: -1.3rem;
        }
    }
}

.section--enterprisesupport {
    .actions {
        text-align: center;
        margin-top: $spacer * 2;
        padding-top: $spacer * 2;
        border-top: 1px solid darken($brand-main-green, 5%);
    }
}

.form--enterprise {
    background: darken($brand-main-blue, 5%);

    .grid {
        @media ($screen-sm) {
            justify-content: space-between;
        }
    }

    .grid__col {
        @media ($screen-sm) {
            flex-basis: 48%;
        }
    }
}