/* Theme Live Sensibly 2026 */
:root {
    --ls-text: #13100e;
    --ls-primary-color: #1120D5;
    --ls-secondary-color: #F96408;
    --ls-primary-color-faded: #ACB6F8;
    --ls-background: #F1EDEA;
    --ls-white: #FFFFFF;

    /* Vanuit de Around tool */
    /*--ar-root-font-size:1.1rem;*/
    --ar-primary: var(--ls-primary-color);
    --ar-primary-rgb: 17, 32, 213;
    --ar-dark-rgb: 17, 32, 213;
    --ar-warning-rgb: 249, 100, 8;
    --ar-link-color: var(--ls-primary-color);
    --ar-link-hover-color: #0007bc;
    --ar-border-radius: 6px;

    /* Secondary */
    --ar-secondary: var(--ls-secondary-color);
    --ar-secondary-rgb: 249, 100, 8;

    /* Eigen overrides */
    --ar-body-bg: var(--ls-background);
    --ar-body-color: var(--ls-text);
    --ar-heading-link-color: var(--ls-primary-color);
}

.navbar-brand, h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    text-transform: uppercase;
    color: var(--ls-primary-color);
}

.navbar {
    --ar-navbar-color: var(--ls-primary-color);
    --ar-navbar-brand-hover-color: var(--ls-primary-color);
    --ar-navbar-toggler-color: var(--ls-primary-color);

    --ar-navbar-stuck-bg: var(--ls-background);
}

.bg-faded-primary {
    background-color: var(--ls-primary-color-faded) !important;
}

.bg-secondary {
    background-color: var(--ls-primary-color-faded) !important;
}

.badge.bg-secondary {
    --ar-badge-color: var(--ls-white);
}

.text-muted {
    color: var(--ls-primary-color-faded) !important;
}

.card.bg-secondary .card-body {
    --ar-card-color: var(--ls-primary-color);
}

.card.bg-secondary .card-body .text-muted {
    color: var(--ls-text) !important;
}

.btn-primary {
    /* Vanuit Around tool */
    --ar-btn-bg: var(--ls-primary-color);
    --ar-btn-border-color: var(--ls-primary-color);
    --ar-btn-hover-bg: #0007bc;
    --ar-btn-hover-border-color: #0007bc;
    --ar-btn-active-bg: #0007bc;
    --ar-btn-active-border-color: #0007bc;
    --ar-btn-disabled-bg: var(--ls-primary-color);
    --ar-btn-disabled-border-color: var(--ls-primary-color);
}

.btn-outline-primary {
    /* Vanuit Around tool */
    --ar-btn-color: var(--ls-primary-color);
    --ar-btn-border-color: var(--ls-primary-color);
    --ar-btn-hover-bg: var(--ls-primary-color);
    --ar-btn-hover-border-color: var(--ls-primary-color);
    --ar-btn-active-bg: var(--ls-primary-color);
    --ar-btn-active-border-color: var(--ls-primary-color);
    --ar-btn-disabled-color: var(--ls-primary-color);
    --ar-btn-disabled-border-color: var(--ls-primary-color);
}

.btn-light {
    --ar-btn-color: var(--ls-primary-color) !important;
    --ar-btn-bg: var(--ls-white);
    --ar-btn-border-color: var(--ls-white);
    --ar-btn-hover-color: var(--ls-primary-color) !important;
    --ar-btn-hover-bg: var(--ls-background);
    --ar-btn-hover-border-color: --ls-white !important;
    --ar-btn-focus-shadow-rgb: 217, 217, 217;
    --ar-btn-active-color: var(--ls-primary-color) !important;
    --ar-btn-active-bg: var(--ls-white);
    --ar-btn-active-border-color: var(--ls-white);
    --ar-btn-active-shadow: unset;
    /*--ar-btn-disabled-color: #000;*/
    /*--ar-btn-disabled-bg: #fff;*/
    /*--ar-btn-disabled-border-color: #fff;*/
}

.comment-form-container .form-label {
    color: var(--ls-primary-color);
}
.comment-form-container .form-control {
    background: var(--ls-white);
}
.comment-form-container .form-control::placeholder {
    color: var(--ls-primary-color-faded);
}

.write-comments .text-muted {
    color: var(--ls-text) !important;
}

/* QUOTE SVG top center */
img.ls-quote-top-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    top: -48px;
    width: 100px;
}

/* breakpoint md */
@media (min-width: 768px) {
    img.ls-quote-top-center {
        top: -60px;
        width: 120px;
    }
}