:root {
    --bs-body-font-family: sans-serif;
    --bs-body-font-size: 16px;
    --bs-info-bg-subtle: rgb(236,247,255);
    --bs-warning-bg-subtle: rgb(255,251,234);
    --bs-danger-bg-subtle: rgba(251,243,243);
}

[data-bs-theme=dark] #logo {
    content:url("../apidocs/images/onkey_icon_white.png");
}

[data-bs-theme=light] #logo {
    content:url("../apidocs/images/onkey_icon.png");
}

[data-bs-theme=dark] .logo-tagline {
    width: 300px;
    height: 150px;
    content:url("../apidocs/images/onkey-logo-tagline-white.svg");
}

[data-bs-theme=light] .logo-tagline {
    width: 300px;
    height: 150px;
    content:url("../apidocs/images/onkey-logo-tagline.svg");
}

[data-bs-theme=dark] {
    --bs-info-bg-subtle: rgb(236,247,255,0);
    --bs-warning-bg-subtle: rgb(255,251,234,0);
    --bs-danger-bg-subtle: rgba(251,243,243,0);
}

[data-bs-theme=light] .svg-container {
    display: inline-block;
    padding: 8px;
    margin-bottom: 8px;
}

[data-bs-theme=dark] .svg-container {
    display: inline-block;
    padding: 8px;
    margin-bottom: 8px;
    background-color: white;        
}

.lang-plantUml {
    margin-bottom: 8px;
}

/* HEADINGS */

h1 {
    font-weight: 600;
    font-size: 32px;
}

h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.8;
}

h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.8;
}


h4 {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0px;
}

h5 {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0px;
}

article h1,
article h2,
article h3,
article h4 {
    margin-top: 35px;
    margin-bottom: 15px;
}

article h4 {
    padding-bottom: 8px;
}

p {
    margin-bottom: 8px;
}

li > p {
    margin-bottom: 0px;    
}

 /* CODE HIGHLIGHT */

pre {
	word-break: break-all;
	word-wrap: break-word;
}

@media print {
    @page {
        size: A4 landscape;
    }    
    td {
      font-size: 10pt; 
    }
    section[role="tabpanel"] {
        display: block !important;
    }    
}