/*! (c) Mark Battistella | avdocs.unity.opp | @markbattistella */

/* root styling */
:root {
	--colour-red: 166, 10, 61;
    --colour-dark: 41, 41, 41;
    --colour-light: 255, 255, 255;
}

.docs-markdown h1,
.docs-markdown h2,
.docs-markdown h3,
.docs-markdown h4,
.docs-markdown h5,
.docs-markdown h6 {
    padding-top: 0.5rem;
}

.docs-markdown h4,
.docs-markdown h5,
.docs-markdown h6 {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
}

.docs-markdown .doc-alert h1,
.docs-markdown .doc-alert h2,
.docs-markdown .doc-alert h3,
.docs-markdown .doc-alert h4,
.docs-markdown .doc-alert h5,
.docs-markdown .doc-alert h6 {
    padding: 0;
    font-size: 1rem;
}


h1 b:before,
h2 b:before,
h3 b:before,
h4 b:before,
h5 b:before,
h6 b:before {
	content: '*';
	color: rgb(var(--colour-red));
}

.docs-markdown img,
.docs-markdown iframe {
    border-radius: 0.5em;
    border: 10px solid #FFF;
    margin: 1.5rem 0;
}

.docs-markdown .mb-6 {
    margin: 1.5rem 0;
}

.docs-markdown ol ol,
.docs-markdown ul ol {
	list-style-type: lower-alpha;
}
.docs-markdown ol ol ol,
.docs-markdown ul ol ol {
	list-style-type: lower-roman;
}
.docs-markdown ol + ol,
.docs-markdown ol + ul,
.docs-markdown ul + ol,
.docs-markdown ul + ul {
    padding-left: 2rem;
}
.docs-markdown li { 
    padding-top: 0.25rem;
    padding-bottom: 0.5rem;
}
.docs-markdown li p {
    margin-bottom: 0 !important;
}

.mbwrapper {
	position: relative;
	padding-bottom: calc( ( 1 / var( --aspect-ratio, calc( 16 / 9 ) ) ) / 100% );
	height: 0;
}
.mbwrapper iframe,
.mbwrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* printing styles */
@media print {

    @page { margin: 2cm }
    .md\:px-16 { padding: 0; }

    body {
        background: none !important;
        color: #000 !important;
    }

    a, blockquote, table, pre {
        page-break-inside: avoid !important;
    }

    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid !important;
        page-break-inside: avoid !important;
    }
    
    img {
        page-break-inside: avoid !important;
        page-break-after: avoid !important;
    }
    
    ul, ol, dl  { page-break-before: avoid !important; }

    a:link, a:visited, a {
        background: transparent;
        color: rgb(0, 60, 165);
        font-weight: bold;
        text-decoration: underline;
        text-align: left;
    }
        
    a[href^=http]:after {
        content:" (" attr(href) ") ";
    }

    .sidebar, footer, header { display: none !important; }
}