.huc-frame-site {
  box-sizing: content-box;
  width: 100%; }

.huc-fader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.huc-frame-page {
  display: grid; }

.huc-header {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 3em; }

.huc-header li {
  display: inline; }

.huc-frame-sidemenu {
  box-sizing: content-box;
  width: 260px;
  margin-left: -100%;
  position: fixed;
  height: 100%;
  z-index: 1000; }

.huc-frame-content {
  box-sizing: content-box;
  margin: 0 1em;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 3em;
  justify-content: center; }

.huc-frame-2-blocks {
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 -1em; }

.huc-frame-col3 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3em;
  justify-content: center; }

.huc-frame-col4 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3em;
  justify-content: center; }

.huc-frame-items {
  box-sizing: content-box; }

.huc-frame-items-hor {
  padding: 1em 0em 0em 1em;
  margin-left: -1em;
  grid-column: 1 / 1;
  overflow-y: scroll;
  width: 320px; }

.huc-search-hamburger, .huc-top-nav {
  text-align: right; }

.huc-logo-top, .huc-top-nav {
  display: inline-block; }

.huc-top-nav {
  display: none; }

.huc-frame-article {
  display: grid;
  grid-row-gap: 3em; }

.huc-author-short {
  order: 1; }

.huc-frame-article h1 {
  order: 2; }

.huc-frame-article span {
  order: 3; }

.huc-article-about-founders {
  order: 8;
  grid-column-gap: 3em; }

.huc-article-about-founders >* {
    padding-right: 1.5rem;
}


.huc-footer {
  display: block; }

footer {
  display: block;
  margin-top: 4em;
  padding: 4em 0; }

label {
  grid-column: 1 / -1; }

/*                                                NO side bar |      2 colums       |  small topbar         */
@media (min-width: 500px) {
  .huc-frame-content {
    margin: 0 2em; }

  .huc-frame-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3em; }

  .huc-header {
    display: grid;
    grid-template-columns: 1fr 2fr; }

  .huc-frame-items-hor {
    padding: 2em 0em 0em 2em;
    margin-left: -2em;
    grid-column: 1 / -1;
    width: auto; }

  .huc-frame-article {
    grid-template-columns: minmax(500px, 700px);
    justify-content: center; }

  .huc-frame-page {
    grid-template-columns: minmax(500px, 700px);
    justify-content: center; }

  .huc-frame-page-intro {
    display: grid;
    grid-template-columns: minmax(500px, 700px);
    justify-content: center; }

  .huc-similar {
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-column-gap: 3em;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3em; }

  .huc-facets {
    grid-row: 1 / 20; }

  footer {
    margin-top: 4em;
    padding: 4em 0;
    display: grid;
    grid-template-columns: minmax(500px, 700px);
    justify-content: center; }

  .huc-footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    grid-gap: 3em; } }
/*                                                NO side bar |      4 colums       |  big topbar         */
@media (min-width: 1000px) {
  .huc-frame-col3 {
    grid-template-columns: repeat(3, 1fr); }

  .huc-frame-col4 {
    grid-template-columns: repeat(4, 1fr); }

  .huc-header {
    display: grid;
    grid-template-columns: 1fr 1fr auto; }

  .huc-top-nav {
    display: block; }

  .huc-frame-2-blocks {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0; }

  .huc-min-w {
    min-width: 900px; } }
/*                                                WITH side bar |      4 colums       |  NO topbar         */
@media (min-width: 1300px) {
  .huc-frame-site {
    display: grid;
    grid-template-columns: 260px minmax(auto, 1480px); }

  .huc-frame-sidemenu {
    margin-left: 0px;
    position: relative;
    background-color: #FFFFFF; }

  .huc-frame-items-hor {
    padding: 2em 2em 0em 2em;
    margin-left: -2em;
    margin-right: -2em; }

  .huc-logo-top, .huc-top-nav, .huc-hamburger {
    display: none; }

  .huc-menu-closer {
    display: none; } }
/* Centered WITH side bar */
@media (min-width: 1800px) {
  .huc-frame-site {
    display: grid;
    grid-template-columns: minmax(260px, auto) minmax(auto, 1500px) minmax(260px, auto); }

  .huc-frame-items-hor {
    margin-right: none;
    grid-column: 1 / -1; } }
nav {
  display: inline-block; }

.huc-item-thumb img {
  width: 67%;
  height: auto; }

/*       single text page        */
.huc-article-tags {
  order: 4; }

.huc-article-share {
  order: 5; }

.huc-similar {
  order: 6; }

.huc-author {
  order: 7; }

/*       images / galleries        */
article .gallery {
  margin: 2em 0; }

@media (min-width: 1200px) {
  article .gallery {
    display: flex;
    width: 200%;
    margin-left: -50%; } }
article .gallery dl {
  flex: 1;
  margin: 0.5em; }

article .gallery img {
  width: 100%;
  height: auto; }

article img {
  width: 100%;
  height: auto; }

@media (min-width: 850px) {
  article img {
    width: 100%;
    height: auto;
    }
    

  article .gallery img {
    width: 100%;
    height: auto;
    margin-left: 0; 
      
    }
article .gallery dd {
  color: #a2a2a2;
  margin-left: 1em;
  font-size: .85em; }

}
/*       updates        */
.huc-line-container {
  height: 140px;
  overflow-y: hidden; }

.huc-updates {
  width: calc(1800px + 20em);
  display: flex; }

.huc-updates h2 {
  display: block; }

.huc-update {
  width: 180px;
  margin-right: 2em;
  font-size: .85em;
  line-height: 140%; }

.huc-max-w {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 500px) {
  .huc-frame-items-hor {
    width: 500px; } }
@media (min-width: 750px) {
  .huc-frame-items-hor {
    width: 750px; } }
@media (min-width: 1000px) {
  .huc-frame-items-hor {
    width: 1000px; } }
@media (min-width: 1200px) {
  .huc-frame-items-hor {
    width: 1200px; } }
@media (min-width: 1300px) {
  .huc-frame-items-hor {
    width: 1300px; } }
.huc-founders {
  position: absolute;
  display: none;
  margin-left: 250px;
  opacity: .5;
  z-index: 10; }

.huc-founders img {
  height: 2em;
  width: auto; }

@media (min-width: 1000px) {
  .huc-founders {
    display: inline-block; } }

.wp-caption-text {
    font-size: .85rem;
    line-height: 140%;
    color: #484848;
    font-style: italic;
    padding: 0 1rem;
}
