/**
 * @file
 * Header top bar: top links, social icons, language switcher.
 */

#block-dit-theme-civisheadertoplink {
  padding: 0
}

#block-dit-theme-civisheadertoplink .layout--onecol{
  margin: 0
}

#block-dit-theme-headertoplinks ul.menu > li > a{
  padding: 0 10px;
  margin: 0;
}

/* Small header links still need a 24px-high target (WCAG 2.5.8). */
#block-dit-theme-headertoplinks ul.menu > li > a,
#block-dit-theme-languageswitcher a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
#block-dit-theme-headertoplinks {
  /* border-left: 2px solid var(--mt-color-base-dark);
  border-right: 2px solid var(--mt-color-base-dark);*/
  padding-left: 1em;
  padding-right: 1em;
}

#block-dit-theme-headertoplinks,
#block-dit-theme-socialheadertop-2,
#block-dit-theme-languageswitcher {
  padding:0 !important;
  margin-left: 1.5em;
}

#block-dit-theme-socialheadertop-2 .layout {
  margin-bottom:0;
}

#block-dit-theme-socialheadertop-2 .social-navigation {
  list-style: none;
  margin: 0;
  padding:0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-end;
}

#block-dit-theme-socialheadertop-2 .social-navigation a {
  text-decoration: none;
  display: block;
  padding: 0em 1.15em 0em 0em;
  color: var(--mt-color-base-dark);
  font-size:12px;
}

#block-dit-theme-socialheadertop-2 .social-navigation a img {
  width: 20px;
  height: 20px;
}

.region-header-top-highlighted-second {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-top-highlighted {
  background-color: rgba(var(--mt-color-base-value), 0.05) !important;
}

@media all and (max-width: 800px) {
  #block-dit-theme-socialheadertop-2 .social-navigation {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 768px) {
  .header-top-highlighted .col-12 {
    width: 100%;
  }

  .region-header-top-highlighted-second {
    justify-content: space-between;
  }
}

@media all and (max-width: 600px) {
  #block-dit-theme-socialheadertop-2 .social-navigation {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0;
  }

  #block-dit-theme-socialheadertop-2 .social-navigation a {
    text-align: center;
    padding: 10px;
  }
}

.region-header-top-highlighted-first {
  display: inline-flex
}

.header-top-highlighted-first {
  display:flex;
  align-items: center;
}

/* Mobile: centred logo, then top links, social icons and the menu toggle */
@media (max-width: 991px) {
  .header-container .logo-enabled .logo-and-site-name-wrapper {
    justify-content: center;
    gap: 0;
  }
  .header-container .logo img {
    max-width: 220px;
  }

  .header-second .region-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  #block-dit-theme-languageswitcher,
  #block-dit-theme-headertoplinks {
    margin-left: 0;
  }
  #block-dit-theme-languageswitcher {
    margin-right: 0.75em;
  }
  #block-dit-theme-socialheadertop-2 {
    flex: 0 0 100%;
    margin-left: 0;
  }
  #block-dit-theme-socialheadertop-2 .social-navigation {
    justify-content: center;
  }
  #block-dit-theme-socialheadertop-2 .social-navigation a {
    padding: 0.4em 0.6em;
  }
  #block-dit-theme-kentrikiploigisi {
    flex: 0 0 100%;
    border-top: 1px solid rgba(var(--mt-color-base-value), 0.1);
  }
}