/* Colors from https://design.wikimedia.org/style-guide/visual-style_colors.html */
.fancydoc--blue-border { border-color: #36c; }
.fancydoc--red-border { border-color: #d33; }
.fancydoc--green-border { border-color: #00af89; }
.fancydoc--blue-text { color: #36c; }
.fancydoc--red-text { color: #d33; }
.fancydoc--green-text { color: #00af89; }
.fancydoc-header {
background-color: var( --background-color-interactive, #eaecf0 );
color: var( --color-base, #202122 );
font-size: 1.2em;
margin: 1em auto;
text-align: center;
padding: 1em;
border-style: solid;
border-width: 0;
border-bottom-width: thick;
}
.fancydoc-section-header {
font-family: sans-serif;
font-weight: bold;
border-width: medium;
border-style: solid;
border-radius: 2px;
text-align: center;
padding: 0.25em 0.5em;
}
@media only screen and (min-width: 768px) {
.fancydoc-header {
padding: 2em;
margin: 2em auto;
font-size: 1.6em;
width: 80%;
}
}