/* Bespoke CSS for this blog article */


/* Begin CSS Overrides */

/* Make the background fade lighter than the default against the lightness of the background image */
.blog-header div.container {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&1+0,0.85+50,0+100 */
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,0.30) 49%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(0,0,0,0.30) 49%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,0.30) 49%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* End CSS Overrides */


/* Begin page-specific CSS */

/* Alternative article block: Invert article colours (make it white on black) */
.blog-article-container-alt1 {
    background-color: #000000;
    color: white;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 1rem;
}
@media (min-width: 576px) {
    .blog-article-container-alt1 {
        margin-left: -40px;
        margin-right: -40px;
        padding-left: 40px;
        padding-right: 40px;
    }
}
    .blog-article-container-alt1 .blog-article-image-container {
        margin-bottom: 0px;
    }

/* Alternative article block: Invert article colours (make it white on purple) */
.blog-article-container-alt2 {
    background-color: #1f163f;
    color: white;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 1rem;
}
@media (min-width: 576px) {
    .blog-article-container-alt2 {
        margin-left: -40px;
        margin-right: -40px;
        padding-left: 40px;
        padding-right: 40px;
    }
}
    .blog-article-container-alt2 .blog-article-image-container {
        margin-bottom: 0px;
    }

/* Alternative article block: Legend */
.blog-article-container-alt3 {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 1rem;
}
@media (min-width: 576px) {
    .blog-article-container-alt3 {
        margin-left: -40px;
        margin-right: -40px;
        padding-left: 40px;
        padding-right: 40px;
    }
}

    .blog-article-container-alt3 p {
        font-size: 0.8rem;
    }

.microsoftpartner-logo {
    text-align: center;
    margin-bottom: 2rem;
}

    .microsoftpartner-logo img {
        height: 20px;
    }

/* End page-specific CSS */