:root {
    --md-primary-fg-color: #047afb;
    --md-primary-fg-color--light: #047afb;
    --md-primary-fg-color--dark: #047afb;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    fill: currentcolor;
    display: block;
    height: 2rem;
    width: auto;
}

.md-header__title {
    flex-grow: 1;
    font-size: 1.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
}

.md-header__topic:first-child {
    font-weight: 500;
}

.md-main__inner {
    margin-top: 2rem;
}

.md-typeset .admonition {
    border: 0px;
}

.md-typeset h1 {
    font-weight: 200;
}

.md-typeset h2 {
    font-weight: 500;
}

.md-typeset h3 {
    font-size: 1.35em;
    font-weight: 500;
    font-style: italic;
    margin: 2em 0 .8em;
}

.tabbed-content .tabbed-block {
    background-color: #c4c7d210;
    padding: 10px 20px;
}

.img-ug-android {
    padding-top: 1%;
}

.img-ug-ios {
    padding-top: 1%;
}

.img-ug-ipados {
    padding-top: 1%;
    width: 15%;
}

.img-ug-mac {
    padding-top: 25%;
    padding-bottom: 5%;
}

.img-ug-windows {
    padding-bottom: 10%;
}

div.grid.cards>ul>li {
    background-color: #047afb;
    color: white;
    text-align: center;
    vertical-align: middle;
}

div.grid.cards>ul>li>a>img {
    display: block;
    margin: 0 auto;
}

div.grid.cards>ol>li {
    /* background-color: #047afb; */
    /* color: white; */
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}

div.grid.cards>ol>li>strong {
    font-weight: normal;
}

div.grid.cards>ol>li>a>img {
    display: block;
    margin: 10px auto;
}