@font-face {
    font-family: 'Catamaran';
    src: url('../fonts/Catamaran-Variable.ttf') format('truetype');
    font-weight: 700;
}

.catamaran {
    font-family: 'Catamaran', sans-serif;
}

/* .logo_color {
    color: #2379a1 !important;
} */

#lang-banner {
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    background: #1a1a1a;
    color: #fff;
    padding: 0.75rem 1.25rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    white-space: nowrap;
}

#lang-banner-accept {
    background: #fff;
    color: #1a1a1a !important;
    border: none;
    padding: 0.4rem 0.8rem;
    border-radius: 0.3rem;
    cursor: pointer;
    font-weight: 600;
}

#lang-banner-dismiss {
    background: none;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 1rem;
    padding: 0;
    line-height: 1;
}

#lang-banner-dismiss:hover {
    color: #fff;
}

.treemenu li a {
    font-size: 1rem;
    display: block;
    margin-left: 1.2rem;
    color: #333;
}

.treemenu li a:hover {
    text-decoration: none;
    color: #2379a1 !important;
}

.treemenu li a.active {
    color: #85CFFB !important;
}

.treemenu li a:visited {
    color: #C5E7FF;
}

.mobile-menu .button_container span {
    background-color: #2379a1;
}

.mobile-logo a {
    color: #2379a1 !important;
    padding-left: 0.5rem;
}

.blog-listing #sidebar {
    padding-top: 0.4rem;
}

.blog-listing #sidebar .sidebar-content,
.blog-listing #sidebar .snackments-sidebar-card,
.snackments-sidebar-card {
    background: #fff;
    border: 1px solid rgba(35, 121, 161, 0.14);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(23, 45, 59, 0.08);
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 1.05rem;
}

.blog-listing #sidebar .sidebar-content h4,
.blog-listing #sidebar .snackments-sidebar-card h4,
.snackments-sidebar-card h4 {
    color: #172d3b;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0 0 0.75rem;
}

.blog-listing #sidebar .snackments-sidebar-card-primary,
.snackments-sidebar-card-primary {
    background: linear-gradient(145deg, #f4fbff 0%, #ffffff 54%, #f7fff9 100%);
    border-color: rgba(35, 121, 161, 0.22);
}

.blog-listing #sidebar .snackments-sidebar-kicker,
.snackments-sidebar-kicker {
    color: #2379a1;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.35rem;
    text-transform: uppercase;
}

.blog-listing #sidebar .snackments-sidebar-card p,
.snackments-sidebar-card p {
    color: #4d6370;
    font-size: 0.9rem;
    line-height: 1.45;
    margin: 0 0 0.95rem;
}

.blog-listing #sidebar .snackments-sidebar-actions,
.snackments-sidebar-actions {
    display: grid;
    gap: 0.45rem;
}

.blog-listing #sidebar .snackments-sidebar-button,
.snackments-sidebar-button {
    align-items: center;
    background: #2379a1;
    border: 1px solid #2379a1;
    border-radius: 6px;
    color: #fff !important;
    display: flex;
    font-size: 0.86rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    min-height: 2.15rem;
    padding: 0.5rem 0.7rem;
    text-decoration: none !important;
}

.blog-listing #sidebar .snackments-sidebar-button:hover,
.snackments-sidebar-button:hover {
    background: #17617f;
    border-color: #17617f;
}

.blog-listing #sidebar .snackments-sidebar-button-light,
.snackments-sidebar-button-light {
    background: #fff;
    color: #2379a1 !important;
}

.blog-listing #sidebar .snackments-sidebar-button-light:hover,
.snackments-sidebar-button-light:hover {
    background: #eef8fd;
    color: #17617f !important;
}

.blog-listing #sidebar .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.blog-listing #sidebar .tags .label,
.blog-listing #sidebar .archives .label {
    background: #eef8fd;
    color: #2379a1;
}

.blog-listing #sidebar .tags .label {
    border-radius: 999px;
    font-size: 0.72rem;
    padding: 0.24rem 0.5rem;
    text-decoration: none;
}

.blog-listing #sidebar .archives,
.blog-listing #sidebar .related-pages {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-listing #sidebar .archives li,
.blog-listing #sidebar .related-pages .menu-item {
    border-top: 1px solid rgba(35, 121, 161, 0.12);
    margin: 0;
    padding: 0.58rem 0;
}

.blog-listing #sidebar .archives li:first-child,
.blog-listing #sidebar .related-pages .menu-item:first-child {
    border-top: 0;
    padding-top: 0;
}

.blog-listing #sidebar .archives li:last-child,
.blog-listing #sidebar .related-pages .menu-item:last-child {
    padding-bottom: 0;
}

.blog-listing #sidebar .archives a,
.blog-listing #sidebar .related-pages a {
    color: #274657;
    font-size: 0.88rem;
    line-height: 1.35;
    text-decoration: none;
}

.blog-listing #sidebar .archives a:hover,
.blog-listing #sidebar .related-pages a:hover {
    color: #2379a1;
}

@media (max-width: 840px) {
    .blog-listing #sidebar {
        padding-top: 1.25rem;
    }

    .blog-listing #sidebar .snackments-sidebar-actions,
    .snackments-sidebar-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

:root {
    --snackments-brand-blue: #2379a1;
    --snackments-brand-blue-dark: #17617f;
    --snackments-brand-blue-soft: #eef8fd;
    --snackments-brand-blue-border: rgba(35, 121, 161, 0.24);
}

a,
a:visited,
.content a,
.blog-listing a,
#body-wrapper a,
#sidebar a,
#breadcrumbs a,
.breadcrumb a {
    color: var(--snackments-brand-blue);
}

a:hover,
a:focus,
.content a:hover,
.blog-listing a:hover,
#body-wrapper a:hover,
#sidebar a:hover,
#breadcrumbs a:hover,
.breadcrumb a:hover {
    color: var(--snackments-brand-blue-dark);
}

.btn,
.button,
button,
input[type="submit"],
input[type="button"],
.pagination .page-item.active a,
.snackments-sidebar-button {
    background: var(--snackments-brand-blue);
    border-color: var(--snackments-brand-blue);
    color: #fff !important;
}

.btn:hover,
.btn:focus,
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
.pagination .page-item.active a:hover,
.snackments-sidebar-button:hover {
    background: var(--snackments-brand-blue-dark);
    border-color: var(--snackments-brand-blue-dark);
    color: #fff !important;
}

.btn.btn-link,
.button.btn-link,
.pagination .page-item a,
.breadcrumb .breadcrumb-item a,
#breadcrumbs span,
#breadcrumbs a {
    background: transparent;
    border-color: transparent;
    color: var(--snackments-brand-blue);
}

.btn.btn-link:hover,
.button.btn-link:hover,
.pagination .page-item a:hover,
.breadcrumb .breadcrumb-item a:hover,
#breadcrumbs a:hover {
    color: var(--snackments-brand-blue-dark);
}

.label,
.label.label-primary,
.label.label-secondary,
.blog-listing .tags .label,
.blog-listing #sidebar .tags .label,
.blog-listing #sidebar .archives .label,
.p-category {
    background: var(--snackments-brand-blue-soft);
    border: 1px solid var(--snackments-brand-blue-border);
    color: var(--snackments-brand-blue) !important;
}

a.label:hover,
a.label:focus,
.blog-listing .tags a.label:hover,
.blog-listing #sidebar .tags a.label:hover,
.p-category:hover {
    background: var(--snackments-brand-blue);
    border-color: var(--snackments-brand-blue);
    color: #fff !important;
}

.card-title a,
.blog-listing .card-title a,
.blog-listing h1 a,
.blog-listing h2 a,
.blog-listing h3 a,
.blog-listing h4 a,
.blog-listing h5 a,
.blog-listing h6 a {
    color: var(--snackments-brand-blue);
}

.card-title a:hover,
.blog-listing .card-title a:hover,
.blog-listing h1 a:hover,
.blog-listing h2 a:hover,
.blog-listing h3 a:hover,
.blog-listing h4 a:hover,
.blog-listing h5 a:hover,
.blog-listing h6 a:hover {
    color: var(--snackments-brand-blue-dark);
}

.blog-date i,
.blog-listing .card-subtitle i,
.blog-listing #sidebar h4,
.snackments-sidebar-kicker {
    color: var(--snackments-brand-blue);
}

.treemenu li a.active,
.overlay-menu .active,
.mobile-menu .button_container span {
    color: var(--snackments-brand-blue) !important;
}

.mobile-menu .button_container span {
    background-color: var(--snackments-brand-blue);
}

.snackments-sidebar-button-light,
.blog-listing #sidebar .snackments-sidebar-button-light {
    background: #fff;
    border-color: var(--snackments-brand-blue);
    color: var(--snackments-brand-blue) !important;
}

.snackments-sidebar-button-light:hover,
.blog-listing #sidebar .snackments-sidebar-button-light:hover {
    background: var(--snackments-brand-blue-soft);
    border-color: var(--snackments-brand-blue-dark);
    color: var(--snackments-brand-blue-dark) !important;
}

#breadcrumbs {
    color: #5e7480;
    font-size: 0.7rem;
    line-height: 1rem;
}

#breadcrumbs > span {
    align-items: center;
    display: inline-flex;
}

#breadcrumbs > span:last-child > span[itemprop="item"],
#breadcrumbs > span:last-child > a[itemprop="item"] {
    background: var(--snackments-brand-blue-soft);
    border: 1px solid var(--snackments-brand-blue-border);
    border-radius: 25px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0.22rem 0.33rem;
}

#breadcrumbs > span:not(:last-child) a {
    color: var(--snackments-brand-blue);
    font-weight: 600;
}

/* #breadcrumbs a, #breadcrumbs span {
    padding: 0 0.3rem;
} */

#breadcrumbs a:not(:first-child)::before, #breadcrumbs span:not(:first-child)::before {
    padding: 1rem;
    content: '/';
    color: #e7e9ed;
}

#breadcrumbs a, #breadcrumbs span {
    padding: 0;
}