#block-dip-euaa-sitebranding {
  top: 0.813rem;
  position: relative;
}

#euaa-sitebranding img{
  height: 6.25rem;
}

header{
  display: flex;
  gap: 3.125rem;
  margin-top: 0.563rem;
  margin-bottom: 0.563rem;
  font: var(--font-semibold);
  position: relative;
  width: 100%;
}

#block-dip-euaa-sitebranding img {
  height: 5.313rem;
}

.menu-yellow-line {
  height: 0.375rem;
  background-color: var(--euaa-color-highlight-2);
}

.primary-menu {
  background-color: var(--euaa-color-highlight-1);
}

.primary-menu .menu-container {
  display: flex;
  flex-direction: row;
  font: var(--font-semibold);
  font-size: 16px;
}

.primary-menu .menu-container #search-block-form {
  display: flex;
}


.primary-menu ul.sf-menu.sf-style-default li {
  background: var(--euaa-color-highlight-1);
}

.primary-menu ul.sf-menu .sf-sub-indicator:after {
  content: "";
  background-image: url('../assets/images/arrow_down.svg');
  top: 7px;
  left: 0;
  width: 14px;
  height: 8px;
  background-repeat: no-repeat;
}

.primary-menu ul.sf-menu.sf-style-default a.is-active .sf-sub-indicator:after,
.primary-menu ul.sf-menu.sf-style-default a:focus .sf-sub-indicator:after,
.primary-menu ul.sf-menu.sf-style-default a:hover .sf-sub-indicator:after,
.primary-menu ul.sf-menu.sf-style-default span.nolink:hover .sf-sub-indicator:after {
  background-image: url('../assets/images/arrow_up.svg');
}

.primary-menu ul.sf-menu.sf-style-default li:hover,
.primary-menu ul.sf-menu.sf-style-default li.sfHover,
.primary-menu ul.sf-menu.sf-style-default a.is-active,
.primary-menu ul.sf-menu.sf-style-default a:focus,
.primary-menu ul.sf-menu.sf-style-default a:hover,
.primary-menu ul.sf-menu.sf-style-default span.nolink:hover {
  background: var( --twilight-purple);
  text-decoration: none;
}

.primary-menu ul.sf-menu.sf-style-default a,
.primary-menu ul.sf-menu.sf-style-default a:visited,
.primary-menu ul.sf-menu.sf-style-default span.nolink {
  color: var(--cotton-white);
  border: 0 none;
  padding: 1.5em 2em;
  cursor: pointer;
  text-decoration: none;
}

.primary-menu ul.sf-menu.sf-style-default a.sf-with-ul,
.primary-menu ul.sf-menu.sf-style-default span.nolink.sf-with-ul,
.primary-menu ul.sf-menu.sf-style-default a.is-active {
  padding: 1.5em 2em;
  border: 0 none;
  cursor: pointer;
  text-decoration: none;
}

ul.sf-menu.sf-style-default {
    margin-bottom: 0;
    padding: 0;
}

.primary-menu .form-element--type-search {
    background: var(--cotton-white) 0% 0% no-repeat padding-box;
    border: 1px solid var(--light-gray);
    border-radius: 10px 0px 0px 10px;
    opacity: 1;
    width:100%;
    max-width: 240px;
    height: 42px;
}

.primary-menu #edit-submit.form-submit {
    width: 91px;
    height: 42px;
    background: var(--euaa-color-highlight-2) 0% 0% no-repeat padding-box;
    border-radius: 0px 10px 10px 0px;
    opacity: 1;
    box-shadow: 0 0 0 var(--euaa-color-highlight-2) !important;
    border-color: var(--euaa-color-highlight-2) !important;
    margin-block: 12px;
    color: var(--galaxy-blue);
}

.primary-menu #edit-submit.form-submit:active,
.primary-menu #edit-submit.form-submit:focus,
.primary-menu #edit-submit.form-submit:hover {
    background-color: var(--pastel-yellow);
    border-color: var(--pastel-yellow) !important;
    color: var(--galaxy-blue);
}

.primary-menu ul.sf-menu li:hover > ul, .primary-menu ul.sf-menu li.sfHover > ul {
    top: 65px;
}

#block-dip-euaa-mainnavigation a.navbar-home {
  float: left;
  margin: 17px 5px 17px 0;
}

#block-dip-euaa-mainnavigation a svg {
  height: 18px;
}

.gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
  display: none;
}

.gin-breadcrumb__link, .gin-breadcrumb__link:link,
.gin-breadcrumb__link:visited, .gin-breadcrumb__link em,
.gin-breadcrumb__link em:link, .gin-breadcrumb__link em:visited,
.gin-breadcrumb__text, .gin-breadcrumb__text:link,
.gin-breadcrumb__text:visited, .gin-breadcrumb__text em,
.gin-breadcrumb__text em:link, .gin-breadcrumb__text em:visited {
  color: var( --link-color);
  font-size: 16px;
}

.gin-breadcrumb__item:first-of-type + .gin-breadcrumb__item::before {
  content: "/";
  opacity: 1;
  border-inline-end: 0px solid var(--gin-color-text);
  height: 31px;
  font-size: 20px;
}

.gin-breadcrumb__item:first-of-type .gin-breadcrumb__link {
    padding-inline-start: 0;
}


#reciteme-button {
  position: relative;
  z-index: 100;
  cursor: pointer;
  display: block;
}

#reciteme-button svg {
  width: 1em;
  position: relative;
  bottom: 2px;
}

.members-area-btn {
  width: 155px;
}

.members-area-btn span {
  vertical-align: middle;
}

.block-recite-me-block {
  align-content: end;
  margin-left: auto;
}

#reciteme-button {
  z-index: 100;
  cursor: pointer;
  color: var(--link-color);
  display: block;
  padding: 10px 10px;
  border: 2px solid var(--link-color);
  border-radius: 5px;
  margin: 2px 0px;
  position: relative;
  top: 8px;
  transition: 0.2s all ease;
  text-decoration: none;
}

#reciteme-button:hover, #reciteme-button:focus {
  background-color: var(--link-color);
  color: var(--cotton-white);
  text-decoration: none;
}