@charset "UTF-8";
/* CSS Document */

.wrapper-site-header {
  display: flex;
  justify-content: space-between; /* logo left, menu right */
  max-width: 900px;
  width: 100%;
  padding: 20px 0 45px;
  margin: auto;
}

.site-header-container-left img {
  display: block;
   /* or whatever makes sense */
  height: auto;
}

/* Ensure the menu sits flush right */
.site-header-container-right {
  flex: 0 0 auto;
}


 /* 1) make <details> the positioning context */
details.menu {
  position: relative;
  display: inline-block;
  z-index: 9999; /* sits above images/text */
}

/* 2) summary = closed label + open state top‐half of box */
details.menu summary {
  list-style: none;
  margin: 0;
  padding: 15px;
  font-family: 'mixerato', sans-serif;
  font-size: 18px;
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  padding: 15px 15px 3px 58px;
}
details.menu summary::-webkit-details-marker {
  display: none;
}
details.menu summary:hover {
  text-decoration: underline;
}

/* only when open do we draw the top half of the box */
details.menu[open] summary {
    background: #FFFBEF;
    border: 1px solid #171717;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    padding: 15px 15px 3px 58px;
    text-align: right;
}

/* arrow rotation */
.menu-arrow {
  margin-left: 8px;
  transition: transform 0.3s;
}
details.menu[open] .menu-arrow {
  transform: rotate(180deg);
}

/* 3) menu-list = the bottom‐half of the box, absolutely over content */
.menu-list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 22px;
    background: #FFFBEF;
    border: 1px solid #171717;
    border-top: none;
    border-radius: 0 0 15px 15px;
    list-style: none;
    white-space: nowrap;
    text-align: right;
}

/* reveal it when open */
details.menu[open] .menu-list {
  display: block;
}

/* menu items */
.menu-list li + li {
  margin-top: 10px;
}
.menu-list a {
  font-family: 'apercu-bold', sans-serif;
  font-size: 18px;
  color: inherit;
  text-decoration: none;
}
.menu-list a:hover {
  text-decoration: underline;
}


	@media (max-width: 768px) {

		
		
		
	}