/*Blog-Start*/
.item-title {
  font-size: 1.3rem;
}
.article-info > dd {
    display: inline-block;
    margin-bottom: 0;
    margin-inline-start: 0;
    padding-left: 10px;
}
.article-info {
    font-size: 10px;
    margin-left: -10px;
}
.fields-container {
  list-style: none;
  padding: 0;
}

/*Blog-End*/
.container-header .navbar-brand {
    margin-left: auto;
    margin-right: auto;
}
.navbar-brand {
    max-width: 300px;
    margin: auto;
}

.btn-sm, .btn-group-sm>.btn
 {
    --btn-padding-y: 0;
    --btn-padding-x: .25rem;
    --btn-font-size: .875rem;
    --btn-border-radius: var(--border-radius-sm);
}
.btn-info
 {
    --btn-bg: #979797;
    --btn-border-color: #30638d7d;
}
a:not([class]) {
    text-decoration: none;
}
h2, .h2 {
    font-size: 1.275em;
    font-weight: 600;
}
.container-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "top top below below"
        "logo logo search search" 
        "nav nav nav nav";
}
.container-header .container-topbar {
    grid-area: top;
    background: var(--footerbg);
    border-bottom: 1px solid #ececec8f;
}
.container-header .container-below-top {
    grid-area: below;
    justify-content: flex-end;
    background: var(--footerbg);
    border-bottom: 1px solid #ececec8f;
    padding-bottom: 0;
}
p .container-below-top {
    margin-bottom: 0;
}
.container-header .grid-child:has(.navbar-brand) {
    grid-area: logo;
}
.container-header .container-search {
    grid-area: search;
    justify-content: flex-end;
}
.container-header .container-nav {
    grid-area: nav;
    align-items: baseline;
    padding-top: 0;
    padding-bottom: 0;
    background: #ffffff2b;
}

.container-footer {
    background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--footerbg));
  }