/* ===================================================================
   Page-level template overrides for DomainHealthScannerTemplate.aspx.
   Ported verbatim from DCProductsTemplate.aspx's inline <style> block —
   that's the v1 template that /c/products/deliverycenter actually
   renders, NOT DC2ProductsTemplate.aspx (v2). Keep these in lockstep
   with DCProductsTemplate.aspx so the deliverycenter and
   deliverycenter_l pages stay visually identical.
   =================================================================== */

/*Style OVERRIDES START*/
.jumbotron h1 {
    color: #fff !important;
}

.container h2 {
    font-size: 3.8rem !important;
}

.container h6 {
    font-size: 1.8rem !important;
}


ul.mx-features li a i {
    font-size: 46px !important;
}

.p-5 {
    padding: 3rem !important;
}

    .p-5 h2 {
        font-size: 3.8rem !important;
    }

    .p-5 h3 {
        font-size: 2.8rem !important;
    }

    .p-5 ul {
        list-style: disc !important;
    }

.section ul mx-features li a i {
    font-size: 46px !important;
}

.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.btn-mx {
    background-color: #ff9900 !important;
    color: #ffffff !important;
    background-image: none !important;
}

.btn-group-lg > .btn, .btn-lg {
    font-size: 2.5rem !important;
}

/*Style OVERRIDES END*/
.product-page {
    background-color: #ffffff;
}

.product-screenshot {
    width: 100%;
}

.product-screenshot-full {
    width: 100%;
}

.mx-features .nav-item {
    cursor: pointer;
}

/*Bootstrap 4 styles*/
.row {
    display: flex;
}

.align-items-center {
    align-items: center !important;
}

.align-middle {
    vertical-align: middle !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: unset !important;
}

.d-flex {
    display: flex !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.p-2 {
    padding: .5rem !important;
}

.nav {
    display: flex;
    flex-wrap: wrap;
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.tab-content.mx-features {
    margin-top: 35px;
}

    .tab-content.mx-features .tab-content-item a.btn-success {
        display: inline-block !important;
    }
.dropdown-toggle::after {
    display: initial;
    margin-left: initial;
    vertical-align: initial;
    content: initial;
    border-top: initial;
    border-right: initial;
    border-bottom: initial;
    border-left: initial;
}

body {
    font-size: initial !important;
}
.navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}