/* Primary color override: #03a9f4 (rgb 3 169 244) */
:root {
    --bs-body-bg: #fafafa;
    --bs-primary: #03a9f4;
    --bs-primary-rgb: 3, 169, 244;
    --bs-link-color: #03a9f4;
    --bs-link-color-rgb: 3, 169, 244;
    --bs-link-hover-color: #0289c6;
    --bs-link-hover-color-rgb: 2, 137, 198;
}

.bg-primary {
    background-color: #03a9f4 !important;
}

.text-primary {
    color: #03a9f4 !important;
}

.border-primary {
    border-color: #03a9f4 !important;
}

.link-primary {
    color: #03a9f4 !important;
    text-decoration-color: #03a9f4 !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #03a9f4;
    --bs-btn-border-color: #03a9f4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0299dc;
    --bs-btn-hover-border-color: #0291d0;
    --bs-btn-focus-shadow-rgb: 45, 182, 246;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0291d0;
    --bs-btn-active-border-color: #0289c6;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #03a9f4;
    --bs-btn-disabled-border-color: #03a9f4;
    color: #fff;
}

/* Navbar overrides (replaces compiled SCSS variable defaults) */
.navbar {
    --bs-navbar-brand-padding-y: 0.125rem;
    --bs-navbar-brand-font-size: 1.5rem;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
    --bs-navbar-color: #fff;
    --bs-navbar-hover-color: #000;
}

.navbar-brand {
    font-size: 1.5rem;
}

/* Small font size */
small,
.small {
    font-size: 0.75rem;
}

/* Body */
body {
    height: 100vh;
}

/* Headings */
h1 {
    margin-bottom: .75rem;
}

/* Index page hero image */
.index-image {
    position: relative;
    width: 350px;
    margin: 0 auto;
}

.index-image .image-caption {
    background-color: rgba(255, 255, 255, 0.35);
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
    text-align: center;
}

/* Custom list style with angle-bracket bullet */
.list {
    padding-left: 1.125rem;
    list-style: none;
    text-indent: -.5rem;
}

.list li::before {
    display: inline-block;
    padding-right: .5rem;
    line-height: 1;
    vertical-align: text-top;
    content: "\203A";
}

/* Book recommendations box */
.buchempfehlungen {
    width: 95%;
    min-width: 140px;
    margin: 1rem auto;
    font-size: .875rem;
}

@media screen and (min-width: 984px) {
    .buchempfehlungen {
        float: right !important;
        width: calc(15% - 1rem);
        margin: 2.1rem 1rem 0 1rem;
    }
}

.buchempfehlungen .amazon::before {
    content: url('../assets/img/amazon.png');
    width: 16px;
    height: 16px;
    margin-right: .125rem;
    display: inline-block;
    vertical-align: middle;
}