.header-container .header.region--gray-background,
.onscroll .header.js-fixed.region--gray-background
,footer.region--dark-background {
    background-color: #1c3664;
}

.page-title {
    font-size: 28px;
    letter-spacing: 0.2em;
    color: #1c3664;
    font-weight: bold;
}
.site-branding__logo img {
    max-width: 150px;
    margin-top: 12px;
}

.site-name {
    margin-top: 20px;
}

.site-name a, .site-name a:hover, .site-name a:active, .site-slogan {
    color: white;
}

.header-container ul.menu li a, .header-container ul.menu li a.is-active {
    color: white;
}

.region-banner {
    background-color: rgb(28,54,100, 0.90);
    color: white;
}

.region-banner a, .region-banner a:hover, .region-banner a:active {
    color: white;
}

.social-footer ul {
    list-style-type: none;
}

.social-footer h3 {
    text-align: center;
}

.social-footer ul li {
    display: inline-block;
    margin: 0 12px;
}

.social-footer svg {
    width: 40px;
    height: auto;
}

article.node--type-blog-post {
    border-bottom: solid 1px #e8ebf0;
}

.most-recent--blogs {
    list-style-type: none;
    padding-left: 0;
}

.most-recent--blogs li {
    padding-bottom: 20px;
    border-bottom: solid 1px #e8ebf0;
}

.region-content-top-highlighted-upper h1 {
  font-size: 1.4em;
  text-align: center;
}

.content-top-highlighted__section, .content-top-highlighted-left__section {
    padding: 40px 0;
}

.content-top-highlighted__container .block-menu h2{
  font-size: 1em;
  text-align: center;
  margin-bottom: 0;
  border-bottom: none;
}

.content-top-highlighted__container .block-menu ul li{
    display: inline-block;
    width: 24%;
    padding: 0;
    padding-top: 10px;
    text-align: center;
    min-height: 38px;
    min-width: 170px;
}

.content-top-highlighted__container .block-menu ul li a {
    padding: 0;
}

.content-top-highlighted__container .block-menu ul {
    text-align: center;
}

.menu--covid19 ul li, .menu--otros-destaques ul li{
  padding: 15px 30px;
  display: inline-block;
  line-height: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 10px 5px 10px 0;
  text-align: center;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  text-decoration: none;
  background-color: #006633;
  width: 100%;
}

.menu--covid19 ul li a, .menu--otros-destaques ul li a {
    color: white;
    font-size: 0.7em;
    font-weight: bold;
}

.menu--covid19 ul li.menu-item--active-trail, .menu--otros-destaques ul li.menu-item--active-trail {
    background-color: #004a97;
}

.menu--covid19 ul li.menu-item--active-trail a
,.menu--otros-destaques ul li.menu-item--active-trail a {
    color: #f4f4f4;
}

.sidebar__section .menu--covid19 ul li a:hover,
.menu--otros-destaques ul li a:hover {
    color: white;
}

.menu--covid19 ul li a::before, .menu--otros-destaques ul li a::before {
    content: "";
}

.menu--otros-destaques ul li {
    background-color: #1c3664;
}

.node--blog_post-view-mode-teaser h2 {
    font-size: 18px;
}

.node--blog_post-view-mode-teaser h2 a {
    color: #1c3664;
    font-weight: bold;
}

.node--blog_post-view-mode-teaser .field--name-field-autores,
.node--blog_post-view-mode-teaser .field--name-field-autores,
.node--view-mode-full .field--name-field-blog-tags,
.node--view-mode-full .field--name-field-autores
{
    margin: 10px 0;
}

.social-sharing-buttons {
    justify-content: left;
}

.main-content__section, .sidebar__section {
    padding: 50px 0 130px;
}

.block-language-blocklanguage-interface a{
    color: white;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    letter-spacing: 0.25em;
}

.block-language ul li::before {
    content: "";
}

.block-language-blocklanguage-interface .is-active {
    display: none;
}

.block-language-blocklanguage-interface .links {
    list-style-type: none;
    padding-top: 10px;
}

.field--name-body img.align-left {
    margin-right: 10px;
}
.field--name-body img.align-right {
    margin-left: 10px;
}
