#ateed-app {
  min-height: 100vh;
}

.ateed-theme-dark *::-moz-selection {
    background-color: #f26122;
    background-color: var(--brand-primary);
  }

.ateed-theme-dark *::selection {
    background-color: #f26122;
    background-color: var(--brand-primary);
  }

.filter-container.filter-container {
  max-height: inherit;    /* Remove if they want the folding filters back */
}

.elemental-full-width {
  height: 100%;
}

@media (min-width: 960px) {

.elemental-full-width {
    height: 100vh
}
  }

nav.tabs ~ .full .elemental-full-width {
    height: calc(100vh - 120px); /* Admin toolbar */
  }

.elemental-full-width > .microsite-editorial-banner-img {
    height: 100%;
  }

.results-container .content-wrapper {
  max-width: 1200px;
}

.region-microsite-nav {
  top: 0;
  height: auto;
}

#toolbar-administration ~ * .region-microsite-nav {
    top: 80px;
  }

#toolbar-administration ~ * .region-microsite-nav.menu-visible {
      top: 120px;
    }

.region-microsite-nav nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
  }

.region-microsite-nav .elemental-logo {
    position: static;
  }

.region-microsite-nav .menu-open {
    /*right: 20px;*/
  }

.elemental__h1 {
  position: absolute;
  z-index: 100;
  bottom: 2vh;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-family: "RBNo2-1a W05 Medium"
,
-apple-system
,
BlinkMacSystemFont
,
Segoe
UI
,
Roboto
,
Helvetica
Neue
,
Arial
,
sans-serif;
  font-family: var(--custom-font-alternate);
  font-size: calc(2em + 1.5vmax);
  margin: 0;
  letter-spacing: .05em;
  text-align: left;
}

@media (min-width:640px) {

.elemental__h1 {
    font-size: calc(7em + .5vmax);
    top: 30%;
    bottom: inherit
}
  }

.elemental__body {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  margin-top: 50px;
}

.elemental__body > h1 {
    font-family: "RBNo2-1a W05 Medium"
,
-apple-system
,
BlinkMacSystemFont
,
Segoe
UI
,
Roboto
,
Helvetica
Neue
,
Arial
,
sans-serif;
    font-family: var(--custom-font-alternate);
    font-size: calc(2em + 2.5vmax);
    margin-bottom: .65em;
  }

@media (min-width:640px) {

.elemental__body > h1 {
      font-size: calc(5em + .5vmax)
  }
    }

.elemental__body .elemental-font-intro-byline h2 {
    font-size: calc(3.75em + .5vmax) !important;
    margin-bottom: .85em;
    line-height: 1.05;
  }

.elemental__body .elemental-font-intro-byline h4 {
    font-size: calc(3em + .5vmax) !important;
  }

.elemental__banner {
  overflow: hidden;
  position: relative;
}

.elemental__banner, .elemental__banner .header-slider-frame {
    /*height: 40vh; */
  }

@media (min-width:640px) {
    .elemental__banner, .elemental__banner .header-slider-frame {
      height: 60vh;
    }
  }

@media (min-width: 960px) {
    .elemental__banner, .elemental__banner .header-slider-frame {
      height: 100vh;
    }
  }

.contextual ~ .elemental__banner,
  .contextual ~ * .elemental__banner {
    height: calc(100vh - 120px); /* Admin toolbar */
  }

.elemental__banner > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

.elemental__banner .tab-content {
    margin: 0;
    height: 100%;
  }

.elemental__banner .tab-content img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }

.elemental__banner .elemental__logo-link,
  .elemental__banner .elemental__follow,
  .elemental__banner .elemental__scroll {
    position: absolute;
    z-index: 10;
  }

.elemental__banner .elemental__logo-link {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
  }

.elemental__banner .elemental__logo-link svg {
      width: 100%;
      height: 100%;
    }

@media (max-width:640px) {

.elemental__banner .elemental__logo-link {
      max-width: 20vw;
      max-height: 20vw
  } 
    }

.elemental__banner .elemental__follow {
    bottom: 3vw;
    right: 3vw;
  }

@media (max-width:640px) {

.elemental__banner .elemental__follow {
      display: none
  } 
    }

.elemental__banner .elemental__scroll {
    bottom: 3vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

@media (max-width:640px) {

.elemental__banner .elemental__scroll {
      display: none
  } 
    }

@media (hover: hover) {
      .elemental__banner .elemental__scroll:hover svg, .elemental__banner .elemental__scroll:active svg {
        color: #d43ad4;
        color: var(--brand-pink);
      } 
    }

.page-node-type-microsite-home-page-elemental .elemental__banner {
    height: 100vh;
  }

.page-node-type-microsite-search-elemental .elemental__banner {
    height: 50vh;
  }

.elemental__logo-link {
  display: block;
}

.elemental__logo-link > svg {
    vertical-align: top;
    color: #d43ad4;
    color: var(--brand-pink);
  }

@media (hover: hover) {
    .elemental__logo-link:hover svg, .elemental__logo-link:focus svg {
      color: #f26122;
      color: var(--brand-primary);
      -webkit-transition: color .175s ease;
      transition: color .175s ease;
    }
  }

.elemental__follow .social-media-links > li + li {
    margin-left: 1.5vw;
  }

.elemental__scroll {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
}

.elemental__scroll svg {
    color: rgb(255,255,255);
    color: var(--white);
  }