/*** Bootstrap Theme Langstraat Online *********************************/

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #6c6c6c;
    --bs-gray-dark: #313131;
    --bs-gray-100: #f8f8f8;
    --bs-gray-200: #e9e9e9;
    --bs-gray-300: #dedede;
    --bs-gray-400: #cecece;
    --bs-gray-500: #ababab;
    --bs-gray-600: #6c6c6c;
    --bs-gray-700: #494949;
    --bs-gray-800: #313131;
    --bs-gray-900: #212121;
    --bs-primary: #3F72AF;
    --bs-secondary: #DBE2EF;
    --bs-tertiary: #F9F7F7;
    --bs-quaternary: #112D4E;
    --bs-success: #71b220;
    --bs-info: #287F9A;
    --bs-warning: #a4660e;
    --bs-danger: #ffa3a3;
    --bs-default: #eaebec;
    --bs-lighter: #f8f8f8;
    --bs-light: #F9F7F7;
    --bs-dark: #112D4E;
    --bs-darker: #898f86;
    --bs-primary-rgb: 63, 114, 175;
    --bs-secondary-rgb: 219, 226, 239;
    --bs-tertiary-rgb: 249, 247, 247;
    --bs-quaternary-rgb: 17, 45, 78;
    --bs-success-rgb: 113, 178, 32;
    --bs-info-rgb: 40, 127, 154;
    --bs-warning-rgb: 164, 102, 14;
    --bs-danger-rgb: 255, 163, 163;
    --bs-default-rgb: 234, 235, 236;
    --bs-lighter-rgb: 248, 248, 248;
    --bs-light-rgb: 249, 247, 247;
    --bs-dark-rgb: 17, 45, 78;
    --bs-darker-rgb: 137, 143, 134;
    --bs-primary-text-emphasis: #192e46;
    --bs-secondary-text-emphasis: #585a60;
    --bs-success-text-emphasis: #2d470d;
    --bs-info-text-emphasis: #10333e;
    --bs-warning-text-emphasis: #422906;
    --bs-danger-text-emphasis: #664141;
    --bs-light-text-emphasis: #494949;
    --bs-dark-text-emphasis: #494949;
    --bs-primary-bg-subtle: #d9e3ef;
    --bs-secondary-bg-subtle: #f8f9fc;
    --bs-success-bg-subtle: #cbdeb3;
    --bs-info-bg-subtle: #c2e0ec;
    --bs-warning-bg-subtle: #f1d5b0;
    --bs-danger-bg-subtle: #f2d0d0;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #cecece;
    --bs-primary-border-subtle: #b2c7df;
    --bs-secondary-border-subtle: #f1f3f9;
    --bs-success-border-subtle: #c6e0a6;
    --bs-info-border-subtle: #a9ccd7;
    --bs-warning-border-subtle: #dbc29f;
    --bs-danger-border-subtle: #ffdada;
    --bs-light-border-subtle: #e9e9e9;
    --bs-dark-border-subtle: #ababab;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Source Sans 3", "sans-serif", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212121;
    --bs-body-color-rgb: 33, 33, 33;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 33, 33, 0.75);
    --bs-secondary-color-rgb: 33, 33, 33;
    --bs-secondary-bg: #e9e9e9;
    --bs-secondary-bg-rgb: 233, 233, 233;
    --bs-tertiary-color: rgba(33, 33, 33, 0.5);
    --bs-tertiary-color-rgb: 33, 33, 33;
    --bs-tertiary-bg: #f8f8f8;
    --bs-tertiary-bg-rgb: 248, 248, 248;
    --bs-heading-color: inherit;
    --bs-link-color: #3F72AF;
    --bs-link-color-rgb: 63, 114, 175;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #325b8c;
    --bs-link-hover-color-rgb: 50, 91, 140;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212121;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #cecece;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(63, 114, 175, 0.25);
    --bs-form-valid-color: #71b220;
    --bs-form-valid-border-color: #71b220;
    --bs-form-invalid-color: #ffa3a3;
    --bs-form-invalid-border-color: #ffa3a3;
}

:root {
    --frame-color: #212121;
    --frame-background: #F9F7F7;
}

.rst-content .toctree-wrapper>p.caption, h1, h2, h3, h4, h5, h6, legend {
    margin-top: 0;
    margin-bottom: 0.25rem;
    font-family: var(--bs-font-sans-serif);
    font-weight: 300;
    line-height: 1.2;
    color: var(--bs-heading-color);
}

/*************************************************************************/
h1, .h1 {
    font-size: 2rem;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    margin-top: 0;
    margin-bottom: 0.25rem;
    font-weight: 300;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

h1,.h1 {
    font-size: calc(1.325rem + 0.9vw)
}

@media (min-width: 1100px) {
    h1,.h1 {
        font-size:2rem
    }
}

h2,.h2 {
    font-size: calc(1.3rem + 0.6vw)
}

@media (min-width: 1100px) {
    h2,.h2 {
        font-size:1.75rem
    }
}

h3,.h3 {
    font-size: calc(1.275rem + 0.3vw)
}

@media (min-width: 1100px) {
    h3,.h3 {
        font-size:1.5rem
    }
}

h4,.h4 {
    font-size: 1.25rem
}

h5,.h5 {
    font-size: 1rem
}

h6,.h6 {
    font-size: 0.85rem
}

/*************************************************************************/

.wy-side-nav-search,
.wy-nav-top,
.wy-menu-vertical a:active {
    background-color: var(--bs-primary);
}

.wy-menu-vertical p.caption span.caption-text {
    color: var(--bs-primary);
    color: color-mix(in rgb, var(--bs-primary) 70%, white);
}

.rst-content a {
    color: var(--bs-primary);
}

.wy-nav-side {
    background-color: var(--bs-dark);
}

body {
    font-family: var(--bs-font-sans-serif);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
}

p {
    font-size: var(--bs-body-font-size);
    line-height: var(--bs-body-line-height);
}

footer p {
    font-size: 80%;
}

/*** buttons *************************************************************/

.btn-neutral {
    --bs-btn-focus-ring-contrast-color: #ffffff;
    --bs-btn-focus-ring-color: #000000;

    --bs-btn-color: #ffffff;
    --bs-btn-bg: #3F72AF;
    --bs-btn-border-color: #3F72AF;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #366195;
    --bs-btn-hover-border-color: #325b8c;
    --bs-btn-focus-shadow-rgb: 92, 135, 187;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #325b8c;
    --bs-btn-active-border-color: #2f5683;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #3F72AF;
    --bs-btn-disabled-border-color: #3F72AF;

    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block !important;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;
    font-family: var(--bs-btn-font-family) !important;
    font-size: var(--bs-btn-font-size) !important;
    font-weight: var(--bs-btn-font-weight) !important;
    line-height: var(--bs-btn-line-height) !important;
    color: var(--bs-btn-color) !important;
    color: white !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    user-select: none !important;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color) !important;
    border-radius: var(--bs-btn-border-radius) !important;
    background-color: var(--bs-btn-bg) !important;
    background-image: var(--bs-gradient) !important;
    box-shadow: var(--bs-btn-box-shadow) !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;

    --bs-btn-color: #ffffff;
    /* background-image: linear-gradient(#4EC9B0, #42a390); */
    background-color: var(--bs-primary) !important;
    min-width: 7em !important;
}

.fa-arrow-circle-right {
    color: white !important;
}

.btn {
    color: white !important;
    background-color: var(--bs-primary) !important;
}

.btn-neutral:visited {
    color: white !important;
    background-color: var(--bs-primary) !important;
}

.btn-neutral:hover {
    color: white !important;
    background-color: var(--bs-primary) !important;
}

.btn-neutral:hover {
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
}

/*** admonitions **********************************************************/

.rst-content .admonition,
.rst-content .attention,
.rst-content .caution,
.rst-content .danger,
.rst-content .error,
.rst-content .hint,
.rst-content .important,
.rst-content .note,
.rst-content .tip,
.rst-content .warning,
.rst-content .seealso {
    padding: 12px;
    line-height: 24px;
    margin-bottom: 24px;
    background: var(--frame-background);
    border-radius: var(--bs-border-radius-sm);
    border: 1px solid var(--bs-info-border-subtle);
}

.rst-content .attention,
.rst-content .caution,
.rst-content .important,
.rst-content .warning {
    border: 1px solid var(--bs-warning-border-subtle);
}

.rst-content .danger,
.rst-content .error {
    border: 1px solid var(--bs-danger-border-subtle);
}

.rst-content .hint,
.rst-content .note,
.rst-content .tip {
    border: 1px solid var(--bs-success-border-subtle);
}

.rst-content .admonition .admonition-title,
.rst-content .attention .admonition-title,
.rst-content .caution .admonition-title,
.rst-content .danger .admonition-title,
.rst-content .error .admonition-title,
.rst-content .hint .admonition-title,
.rst-content .important .admonition-title,
.rst-content .note .admonition-title,
.rst-content .tip .admonition-title,
.rst-content .warning .admonition-title,
.rst-content .seealso .admonition-title {
    border-bottom: 1px solid var(--bs-info-border-subtle);
    background: var(--bs-info-bg-subtle);
}

.rst-content .attention .admonition-title,
.rst-content .caution .admonition-title,
.rst-content .important .admonition-title,
.rst-content .warning .admonition-title {
    border-bottom: 1px solid var(--bs-warning-border-subtle);
    background: var(--bs-warning-bg-subtle);
}

.rst-content .danger .admonition-title,
.rst-content .error .admonition-title {
    border-bottom: 1px solid var(--bs-danger-border-subtle);
    background: var(--bs-danger-bg-subtle);
}

.rst-content .hint .admonition-title,
.rst-content .note .admonition-title,
.rst-content .tip .admonition-title {
    border-bottom: 1px solid var(--bs-success-border-subtle);
    background: var(--bs-success-bg-subtle);
}

.rst-content .admonition-title {
    font-weight: 600;
    background: var(--bs-info-bg-subtle);
    background: #f8f8f8;
    border-radius: var(--bs-border-radius-sm) var(--bs-border-radius-sm) 0 0;
    color: var(--frame-color);
}

.rst-content div[class^=highlight], .rst-content pre.literal-block {
    border-radius: var(--bs-border-radius-sm);
}

/*************************************************************/