@charset "UTF-8";

/*------------------------------------*\
    #PSEUDEO CLASSES
\*------------------------------------*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}

/*------------------------------------*\
    #CUSTOM
\*------------------------------------*/

* {
  font-family: "Whyte", Helvetica, sans-serif;
  font-weight: normal;
}

.layout-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto !important;
}

.tnum {
    font-feature-settings: "tnum";
}

.logo-adbk-container {
  padding: .6vw .4vw;
}

.logo-adbk {
  height: 2.35vw;
}

/*--- icons -------------------------*/

.overlay-main-menu-button {
  position: absolute;
  top: 1.45em;
  right: 2em;
  width: 3em;
  height: 3em;
  background-image: url('../img/icons/menu.svg');
}

.overlay-main-menu-close-button {
  position: absolute;
  top: 1.45em;
  right: 2em;
  width: 3em;
  height: 3em;
  background-image: url('../img/icons/close-menu.svg');
}

.download-icon {
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translateY(-50%);
  width: 3em;
  height: 4.5em;
  background-image: url('../img/icons/download.svg');
}

.slideshow-cursor {
  z-index: 9999;
  position: fixed;
  pointer-events: none;
  cursor: none;
  height: 5.4em;
  width: 8.1em;
  transform: translate(-50%,-50%);
  display: none;
}

.slideshow-cursor.previous {
  background-image: url('../img/icons/previous.svg');
}

.slideshow-cursor.next {
  background-image: url('../img/icons/next.svg');
}

.close-icon {
  position: absolute;
  top: 1.25em;
  right: 2em;
  width: 1.8em;
  height: 1.8em;
  background-image: url('../img/icons/close.svg');
}

.open-icon {
  position: absolute;
  top: 1em;
  right: 2em;
  width: 1.8em;
  height: 1.8em;
  background-image: url('../img/icons/plus.svg');
  transition: transform .2s;
}

.info-panel:not(.info-panel-top-out) .open-icon {
  transform: rotate(45deg);
}

/*--- header ------------------------*/

.layout-container header {
  background-color: rgba(255,255,255,1);
  position: relative;
}

.layout-container.has-border header .header-container {
  padding-bottom: 2.25em;
}

.layout-container.has-border header .bor-b-2.hidden {
  border-bottom: 2px solid;
  display: block !important;
}


.header-container a,
#overlay-main-menu a {
  display: inline-block;
}

.menu-item,
.sub-menu-item {
  transition: color .1s;
}

.logo-type.text-outline-black,
.menu-item.text-outline-black.is-active,
.menu-item.text-outline-black:hover {
  color: rgba(0,0,0,1);
}

.sub-menu-item.is-active,
.sub-menu-item:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,1);
  border-color: rgba(0,0,0,1);
}

.sub-menu-container {
  overflow-x: scroll;
  white-space: nowrap;
}

/*--- front page --------------------*/

/*.start-video {
  filter: brightness(1.2) saturate(0.15);
}*/

.progressor {
  transform: rotate(-90deg);
  position: absolute;
  top: 1.1em;
  right: 2em;
  height: 1.2em;
  width: 1.2em;
}

.progress-ring__circle {
  stroke-dasharray: 10 20;
}


.front-page .views-element-container .semester-block {
 display: none;
}

.front-page .views-element-container .semester-block > .grid {
 border-top: 2px solid;
 border-bottom: none;
}

.front-page .views-element-container .semester-block:first-of-type {
 display: block;
}


/*--- education ---------------------*/

.paragraph-download {
  position: relative;
}

.paragraph-download-block .paragraph-download:last-of-type,
.paragraph-block:last-of-type,
.paragraph-block:last-of-type > .grid,
.semester-block:last-of-type > .grid {
  border-bottom: 0;
}

/*--- project index -----------------*/

.filter-button {
  transition: .2s;
}

.filter-button:hover,
.filter-button.is-active {
  background-color: rgba(0,0,0,1);
  color: rgba(255,255,255,1);
  border-color: rgba(0,0,0,1);
}

.packery-grid-item {
  width: 33.333%;
  box-sizing: border-box;
}

/*--- project single ----------------*/

.info-panel {
  transition: .2s;
}

.info-panel-top-out {
  transform: translateY(100%) translateY(-4em);
}

/*--- menu icons --------------------*/

  .video-full-height,
  .video-full-width {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .video-full-height {
    width: auto;
    height: 100%;
  }

  .video-full-width {
    width: 100%;
    height: auto;
  }

/*--- flickity ----------------------*/

.flickity-viewport {
  height: 100% !important;
}

.flickity-button {
  top: 0 !important;
  width: 30% !important;
  height: 100% !important;
  border-radius: 0 !important;
  -webkit-transform: none !important;
  transform: none !important;
  background: transparent !important;
}

.project-slideshow .flickity-button {
  width: 30% !important;
  height: 65% !important;
}

.flickity-prev-next-button.previous {
  left: 0;
  cursor: none;
}

.flickity-prev-next-button.next {
  right: 0;
  cursor: none;
}

.flickity-button svg {
  display: none;
}

@media (hover: none) {
  .flickity-prev-next-button.previous,
  .flickity-prev-next-button.next {
    display: none;
  }
}

/*--- lazy sizes --------------------*/

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity .2s;
}

/*@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(-360deg);
    }
}
*/
.slide:after {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1.8em;
  width: 1.8em;
  margin-left: -.9em;
  margin-top: -.9em;
  background-image: url('../img/icons/loading.svg');
/*  animation-name: spin;
  animation-duration: .75s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; */


}