/* ======================================================
   Brand Colors
   ====================================================== */

:root {
    --cassiopeia-color-primary: #4a1d0a;
    --cassiopeia-color-link: #5e81ac;
    --cassiopeia-color-hover: #2f4f3a;
}

/* ======================================================
   Page Background and fonts
   ====================================================== */

body {

    background: #f8f4ee;
    color: #333;
}

@font-face {
    font-family: "Bree Serif";
    src: url("../fonts/BreeSerif-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6,
.page-header h1,
.item-title,
.card-header,
.navbar-brand {
    font-family: "Bree Serif", serif;
    color: #4a1d0a;
}
/* ======================================================
   Logo
   ====================================================== */
.brand-logo img {
    max-height: 100px;
    width: auto;
}

/* ======================================================
   Header
   ====================================================== */

.container-header {
    background: #4a1d0a;
    background-image: none;
}

/* Site title/logo area */

.navbar-brand,
.navbar-brand a {
    color: #ffffff !important;
}

/* ======================================================
   Navigation
   ====================================================== */

.container-header .mod-menu {
    color: white;
}

.container-header .mod-menu a {
    color: white;
}

.container-header .mod-menu a:hover,
.container-header .mod-menu a:focus {
    color: #e6d5c3;
}

/* ======================================================
   Links
   ====================================================== */

a {
    color: #5e81ac;
}

a:hover,
a:focus {
    color: #2f4f3a;
}

/* ======================================================
   Buttons
   ====================================================== */
.btn {
    border-radius: 6px;
}

.btn-primary {
    background-color: #4a1d0a;
    border-color: #4a1d0a;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #2f4f3a;
    border-color: #2f4f3a;
}

/* ======================================================
   Cards / Articles
   ====================================================== */

.card,
.item-content,
.article-info,
.blog-item {
    border-color: #e6d5c3;
    border-radius: 8px;
}

/* ======================================================
   Footer
   ====================================================== */

.footer {
    background: #4a1d0a;
    color: #ffffff;
}

.footer a {
    color: #e6d5c3;
}