.container-header .grid-child {
    flex-wrap: wrap;
}

.container-header .container-search {
    display: flex;
    align-self: center;
}

/* new color variables */
:root {
    --cassiopeia-color-primary: hsl(220, 67%, 20%);
    --cassiopeia-color-link: #30638d;
    --cassiopeia-color-hover: hsl(360, 63%, 40%);

    --primary-gradient: linear-gradient(180deg, #41648C, #234064);
    --secondary-gradient: linear-gradient(180deg, #00AFB9, #006a70);
}

.container-header {
    background-color: var(--primary-background);
    background-image: var(--primary-gradient);
}

.active > .page-link:hover {
    color: white;
    background-color: var(--cassiopeia-color-hover);
}

.blog-item.card p.readmore {
    margin-bottom: 0;
}

.blog-item.card .card-header {
    background-color: var(--cassiopeia-color-link);
    padding: 0;
}

.blog-item.card .card-header h2 {
    margin-bottom: 0;
}

.blog-item.card .card-header a {
    color: white;
    display: block;
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
}

.blog-item.card .card-header a:hover {
    color: var(--cassiopeia-color-hover);
}

.blog-item.card .card-header:hover {
    background-color: var(--gray-200);
}

/*GEO Menu*/
.geo-menu.mod-menu .btn {
    padding: 0;
    width: 2rem;
    height: 1.5rem;
    margin: 0.5rem 0.2rem 0 0;
    position: absolute;
    right: 15px;
}

.geo-menu.mod-menu .current > .btn {
    color: white;
}

.geo-menu.mod-menu.mod-list li {
    padding: 0;
}

.geo-menu.mod-menu li > a, .geo-menu.mod-menu li > span.mod-menu__separator {
    display: block;
    padding: 0.5rem;
}

.geo-menu.mod-menu li > a:hover, .geo-menu.mod-menu li > span.mod-menu__separator:hover {
    background-color: var(--gray-200);
}

.geo-menu.mod-menu li.current.active > a {
    background-color: var(--cassiopeia-color-hover);
    color: white;
}

.geo-menu.mod-menu .btn:hover + a {
    background-color: var(--gray-200);
}

.geo-menu.mod-menu li.deeper.parent > a {
    padding-right: 20px;
}

.geo-menu.mod-menu .btn > .chevron {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    speak: none;
}

.geo-menu.mod-menu .btn > .chevron:before {
    content: "\f078";
}

.geo-menu.mod-menu .btn.collapsed > .chevron:before {
    content: "\f054";
}