/*
nav {
    position: relative;
    display: block;
    //background-color: var(--gray-3);
    background-image: var(--gradient-20);
    box-shadow: var(--shadow-4);

    .pure-menu-list {
        height: 100%;
    }
    a {
        color: white !important;
    }

    .pure-menu-link:hover,
    .pure-menu-link:focus {
        background-color: adjust-color($color: #000, $alpha: -0.90) !important;
    }

    .pure-menu-children {
        background-color: #ff424f;
        //background-image: var(--gradient-7);
        /*
        &::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -1;
            background-image: var(--gradient-7);
            transform: rotate(-180deg);
        }*
    }

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        //overflow-x: scroll;

        li {
            position: relative;
            float: left;
            padding: var(--size-1) var(--size-4);


            &:hover {
                background-color: adjust-color($color: #000, $alpha: -0.90);
            };

            a {
                display: block;
                color: var(--gray-9);
                font-size: var(--font-size-2);
                text-decoration: none;

                &:visited {
                    color: var(--gray-9);
                }

            };
        };
    };
};
*/
.modal-map {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: var(--layer-5);
}

.admin-images {
  position: relative;
  display: block;
}
.admin-images .single-image img {
  position: relative;
  display: block;
  max-width: 100%;
}
.admin-images .image-wrapper {
  position: relative;
  display: block;
  margin: 0.5em;
  aspect-ratio: 1/1;
  border-radius: 6px;
  overflow: hidden;
}
.admin-images .image-wrapper .image-frame {
  position: relative;
  display: block;
  padding: 0.25em;
  background-color: var(--theme-accent-a);
  width: 100%;
  height: 100%;
}
.admin-images .image-wrapper .image-frame img {
  position: relative;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

header.admin-header {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 1rem 0;
}
header.admin-header h1 {
  font-size: 1.5em;
  margin: 0;
}
header.admin-header .right {
  margin-left: auto;
}
header.admin-header .link {
  position: relative;
  display: block;
  border: 1px solid var(--theme-accent-b);
  border-radius: 6px;
  transition: border 0.3s ease;
  margin: 0 0 0 16px;
  text-decoration: none;
  color: var(--theme-muted);
  font-size: 0.9em;
  padding: 8px 10px;
}
header.admin-header .link:hover {
  border-color: var(--theme-accent-a);
}
header.admin-header .link.link-danger {
  border-color: var(--red-6);
}
header.admin-header .current-user {
  position: relative;
  display: block;
  border: 1px solid var(--theme-accent-b);
  border-radius: 6px;
  transition: border 0.3s ease;
  margin: 0 0 0 16px;
}
header.admin-header .current-user:hover {
  border-color: var(--theme-accent-a);
}
header.admin-header .current-user:hover .menu {
  display: initial;
}
header.admin-header .current-user:hover .menu:hover {
  display: initial;
}
header.admin-header .current-user span {
  position: relative;
  display: block;
  text-decoration: none;
  color: var(--theme-muted);
  font-size: 0.9em;
  padding: 8px 10px;
}
header.admin-header .current-user span svg {
  height: 0.9em;
  width: 0.9em;
  margin: 0 4px 0 0;
}
header.admin-header .current-user span svg path {
  fill: var(--theme-muted);
}
header.admin-header .current-user .menu {
  display: none;
  position: absolute;
  right: 0;
  bottom: -100%;
  min-width: 100%;
  min-height: 100%;
}
header.admin-header .current-user .menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav {
  position: relative;
  display: block;
  border-right: 2px solid var(--theme-accent-b);
  min-height: 100vh;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
nav::-webkit-scrollbar {
  display: none;
}
nav h1 {
  color: var(--theme-muted);
}
nav ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
nav ul li.btn {
  border: 1px solid var(--theme-accent-b);
  border-radius: 6px;
  transition: border 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  margin: 0 0 8px 0;
  box-shadow: var(--shadow-1);
}
nav ul li.btn:hover {
  border-color: var(--theme-accent-a);
}
nav ul li:not(.active).btn:hover {
  transform: scale(1.025);
  box-shadow: var(--shadow-2);
}
nav ul li > ul {
  margin: 0 0 0 16px;
}
nav ul li.active {
  background-color: var(--theme-accent-a);
  transform: scale(1.05);
  box-shadow: var(--shadow-2);
}
nav ul li.disabled a {
  cursor: not-allowed;
  color: red;
}
nav ul li a {
  position: relative;
  display: block;
  text-decoration: none;
  color: var(--theme-muted);
  font-size: 0.9em;
  padding: 8px 10px;
}
nav ul li a svg {
  position: relative;
  transform: translateY(0.1rem);
  height: 0.9rem;
  margin: 0 4px 0 0;
}
nav ul li a svg path {
  fill: var(--theme-muted);
}