/* You can add custom styles here. */
.gdoc-brand {font-weight:800}

.gdoc-brand__img {width:4rem; height:4rem;}

.gdoc-footer__link {
    color:#fff !important
}


.mm, button img, .buy-btn img {
    width:24px;
    height:24px;
    margin:0;
}

.buy-btn {
    cursor:pointer;
}

.gdoc-markdown__align--left h1 {
    justify-content: center !important;
}


.gdoc-footer__link:hover, .gdoc-footer .fake-link:hover {
    color:#fff;
    background-image:none;
}

.buy-btn .gdoc-button__link {
    background:#978449;
    color:#fff !important
}

.gdoc-button:hover {
    border-color:#fff;
}

:root[color-theme="light"] {
    --body-background: #f1f0eb; 
    --header-background: #718290;

    --button-background: #588c94;
    --button-border-color: #588c94;

    --accent-color: #c6c3bc;
    --accent-color-lite: #c6c3bc;


}


:root {
    --button-background: #588c94;
    --button-border-color: #588c94;

    --header-background: #718290;


    --accent-color: #222;
    --accent-color-lite: #222;




}

/* Dark mode theming */
:root[color-theme="dark"] {
    --header-background: #718290;

}


@media screen and (max-width: 700px) {
    #gdoc-color-theme, .hide-for-small {
        display:none !important;
    }
}