body {
  color: #444;
}
body a {
  color: #444;
}
body a:hover {
  color: #ff007f;
}
body .main-author-name {
  display: none;
}
body .colorful-divider {
  display: none;
}
body .custom-container {
  display: flex;
  flex-direction: column;
}
body .custom-container .site-controls {
  position: fixed;
  right: 1em;
  top: 0;
  display: flex;
  height: 3em;
  align-items: center;
  z-index: 1;
}
body .custom-container .site-controls .language-chooser {
  background: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0 0.5em;
}
body .custom-container .site-controls .menu-button {
  background: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0 0.5em;
  color: #444;
}
body .custom-container .site-controls .menu-button.active {
  color: #ff007f;
}
body .custom-container .sidenav {
  color: #333;
  overflow: hidden;
  background: #fff;
  padding: 0.6em;
  height: 3em;
}
body .custom-container .sidenav.disabled {
  animation: rollUp 0.5s;
  overflow: hidden;
}
body .custom-container .sidenav.active {
  animation: rollDown 0.5s;
  height: 100vh;
  overflow: scroll;
  position: sticky;
  top: 0;
}
body .custom-container .sidenav.active .language-chooser {
  color: #fff;
}
body .custom-container .sidenav .menu-author-name {
  color: #333;
}
body .custom-container .sidenav ul {
  list-style: none;
  padding: 0;
}
body .custom-container .sidenav ul li.artwork-list .project-type-label {
  color: #ff007f;
  border-bottom: 1px solid;
}
body .custom-container .sidenav ul li.artwork-list .project-list-container {
  padding: 0.3em 0 0.3em 0.5em;
  margin-bottom: 0.3em;
}
body .custom-container .sidenav ul li.artwork-list .project-list-container:hover {
  color: #ff007f;
}
body .custom-container .sidenav ul li.artwork-list .project-list-container:hover .date {
  color: #ff007f;
}
body .custom-container .sidenav ul li.artwork-list .project-list-container .date {
  font-size: 0.8em;
  color: #444;
  font-weight: 300;
}
body .custom-container .page-content {
  padding: 1em 2em;
}
body .custom-container .page-content .project-name {
  font-size: 1.5em;
}
body .custom-container .page-content .page {
  font-size: 1.2em;
}
body .custom-container .page-content .loading-spinner {
  display: flex;
  font-size: 2em;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
}
body .custom-container .page-content .loading-spinner i {
  animation: rotate 1s infinite linear;
  background: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
  border-radius: 1em;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
body .custom-container .page-content .items-container {
  margin-top: 3em;
  display: grid;
  grid-template-columns: auto;
  grid-gap: 1em;
  justify-content: space-around;
  align-items: center;
}
body .custom-container .page-content .items-container .artwork-container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  /* width: 100%; */
}
body .custom-container .page-content .items-container .artwork-container .artworks-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body .custom-container .page-content .items-container .artwork-container .image-project-name {
  position: absolute;
  padding: 0 0.5em;
  background: rgba(0, 0, 0, 0.2666666667);
  color: #fff;
  opacity: 0; /* width: 100%; */
}
body .custom-container .page-content .items-container .artwork-container:hover .image-project-name {
  opacity: 1;
}
body .custom-container .blueimp-gallery {
  background-color: rgba(255, 255, 255, 0.9333333333);
}
body .custom-container .blueimp-gallery-controls .title {
  background: #111;
  padding: 0.1em 1em;
  color: #fff;
  border-radius: 5px;
  font-weight: 300;
  font-size: 0.8em;
}
body .custom-container .blueimp-gallery-controls .description {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  padding: 0.3em 1em;
  color: #222;
  font-size: 0.8em;
  margin-bottom: 0.3em;
  justify-content: center;
  width: 100%;
}
body .footer {
  margin-top: 2em;
  padding: 2em 0;
  display: flex;
  justify-content: center;
  color: #aaa;
  font-weight: 300;
  font-size: 1em;
}
body .to-top-button {
  position: fixed;
  bottom: 0.2em;
  right: 0.2em;
  border: 1px dashed;
  background: #fff;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  color: #332d2d;
  font-size: 2.1em;
  border-radius: 0.2em;
  justify-content: center;
}
body .to-top-button:hover {
  color: #ff007f;
}

@keyframes boxShadowFade {
  0% {
    border-color: #efefef;
  }
  100% {
    border-color: #ff007f;
  }
}
@keyframes rollUp {
  from {
    height: 100vh;
  }
  to {
    height: 3em;
  }
}
@keyframes rollDown {
  from {
    height: 3em;
  }
  to {
    height: 100vh;
  }
}
@media only screen and (min-width: 1280px) {
  body .main-author-name {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 2em;
    letter-spacing: 2px;
    padding-left: 0.5em;
  }
  body hr.colorful-divider {
    display: inherit;
    border: none;
    margin: 0 0 2em;
    height: 1px;
    opacity: 1;
    background: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
  }
  body .custom-container {
    font-size: 1em;
    font-weight: 300;
    color: #444;
    display: grid;
    grid-template-columns: 20% auto 10%;
  }
  body .custom-container .menu-button {
    display: none;
  }
  body .custom-container .sidenav {
    height: auto;
    background: transparent;
    color: #444;
  }
  body .custom-container .sidenav .menu-author-name {
    display: none;
  }
  body .custom-container .sidenav ul.main-level {
    list-style: none;
  }
  body .custom-container .sidenav ul.main-level li .category {
    margin-bottom: 1em;
    font-weight: bold;
  }
  body .custom-container .sidenav ul.main-level ul.sub-level {
    list-style: none;
    padding: 0;
  }
  body .custom-container .sidenav ul.main-level ul.sub-level#art-projects {
    height: auto;
    overflow-y: scroll;
  }
  body .custom-container .sidenav ul.main-level ul.sub-level#art-projects .project-list-container .date {
    font-size: 0.8em;
    color: #aaa;
    font-weight: 300;
  }
  body .custom-container .sidenav ul.main-level ul.sub-level#art-projects .project-list-container:hover {
    color: #fff;
  }
  body .custom-container .sidenav ul.main-level ul.sub-level#art-projects .project-list-container:hover .date {
    color: #fff;
  }
  body .custom-container .sidenav ul.main-level li {
    margin-bottom: 0.3em;
  }
  body .custom-container .page-content .items-container {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2em 2em;
  }
  body .custom-container .page-content .items-container .artwork-container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    /* width: 100%; */
  }
  body .custom-container .page-content .items-container .artwork-container .artworks-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .custom-container .page-content .items-container .artwork-container .image-project-name {
    position: absolute;
    padding: 0 0.5em;
    background: rgba(0, 0, 0, 0.2666666667);
    color: #fff;
    opacity: 0; /* width: 100%; */
  }
  body .custom-container .page-content .items-container .artwork-container:hover .image-project-name {
    opacity: 1;
  }
  body .custom-container .blueimp-gallery-controls .title {
    font-size: 1em;
  }
  body .to-top-button {
    bottom: 1em;
    right: 1em;
  }
}

/*# sourceMappingURL=style.css.map */