/*======================================
=            Secondary menu            =
=======================================*/

.m-secondaryMenu {
  position: relative;
}
.m-secondaryMenu__header {
  position: relative;
  border-bottom: 1px solid var(--color-grayscale-lighter);
  font-size: var(--font-s);
  padding: 1em var(--screen-padding);
  background-color: var(--color-white);
  background-image: url(../images/svg/deploy.svg);
  background-repeat: no-repeat;
  background-position: center right var(--screen-padding);
}
.m-secondaryMenu__header.-open {
  background-color: var(--color-primary-grey);
  background-image: url(../images/svg/undeploy.svg);
}
.m-secondaryMenu__header p {
  margin: 0 2em;
}
.m-secondaryMenu__toggler {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--screen-padding) - 9px);
  margin: auto;
}
.m-secondaryMenu__linkList {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding-bottom: 1em;
  background-color: var(--color-white);
  font-size: var(--font-xs);
}
.m-secondaryMenu__linkList a {
  display: block;
  margin: 0 var(--screen-padding);
  padding: 1em 1.8em 1em 0;
  background-image: url(../images/svg/arrow-active.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1rem auto;
  border-top: 1px solid var(--color-grayscale-lighter);
}
.m-secondaryMenu__linkList li:first-child a {
  border-top: none;
}
@media only screen and (min-width: 1220px) {
  .m-secondaryMenu__header {
    display: none;
  }
  .m-secondaryMenu__linkList {
    display: block !important;
    position: relative;
    top: 0;
    padding-bottom: 0;
    border: 1px solid var(--color-grayscale-lighter);
    border-radius: 4px;
  }
}