/**
 *
 * Project article Bladed styling
 *
 */

  header {
    min-height: 375px;
    max-height: 550px;
    height: 100vh;
    z-index: -9;
  }
  main {
    z-index: 9;
  }
  .project-specific {
     margin-top: -120px;
  }
  .project-specific h6 {
    margin-bottom: 50px;
  }
  .article-image-overlaid {
    margin-top: -15rem !important;
  }
  .jumbotron .page-banner-slider .slider-image {
    z-index: -1;
  }
  main {
    z-index: 1;
  }
  main > .row.about {
    margin-top: -5rem;
    z-index: 9;
    overflow-x: hidden;
    max-height: unset;
  }
  footer {
    z-index: 1;
  }
  .page-banner-slider,
  .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
  }
  .about.profiles h3, .about.profiles h3 span.small {
    color: #858585;
  }
  .text-decoration-italics,
  .text-decoration-italics > * {
    font-weight: 500 !important;
    font-style: italic !important;
  }

  .no-wrap {
    flex-wrap: nowrap;
  }
  .no-wrap p {
    margin-bottom: 1.618rem;
  }
  .social-sharing h6 {
    color: #c1c1c1;
    font: normal normal 14px/30px var(--font-nunito-sans);
    font-weight: 400;
  }
  .social-sharing a,
  .social-sharing a i {
    color: #ffdc00;
    font-weight: 600;
    line-height: 30px;
  }

  @media only screen and (max-width:1280px) {
    .project-specific .article-image-overlaid > img.img-fluid {
      max-width: 100%;
    }
  }

  @media only screen and (max-width: 1024px) {
    .project-specific .section__theme .text h1.title {
      font-size: 24px;
    }

  .project-specific {
     margin-top: 0;
  }

.article-image-overlaid {
    margin-top: -10rem !important;
}
  }

@media only screen and (max-width:768px) {
    .project-specific {
      margin-top: 0;
    }

  .project-specific h6 {
    line-height: 25px;
    margin-bottom: 35px;
  }

.section__theme .text .col-12.col-lg-6.d-flex.flex-row.flex-lg-column {
  justify-content: space-between !important;
}

.project-specific .article-image-overlaid > img.img-fluid {
    max-width: calc( 100% - 2 * 15px );
    margin: auto;
    width: 100% !important;
    padding: 0 15px !important;
}

.no-wrap {
      flex-wrap: wrap;
    }
    .article-image-overlaid {
      margin-top: -10rem !important;
      margin-bottom: 0!important;
      padding: 0;
    }
  }
  @media only screen and (max-width: 576px) {
    .article-image-overlaid {
      margin-top: -7.5rem !important;
      margin-bottom: 0!important;
      padding: 0 15px;
    }
  }

 main[role=main].container-fluid {
    padding-top: 0 !important;
  }
  .page-banner-slider,
  .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
  }
  header {
    min-height: 375px;
    height: 100vh;
    max-height: 550px;
  }
  #navbarNav_SuppHorizontalNav a.nav-item.nav-link {
    font-size: 15px;
  }
  .gallery-navi-category {
    min-height: unset !important;
  }
  .gallery-navi-category .navbar {
    padding-bottom: 0 !important;
  }
  .grid-row,
  .grid-row-reverse  {
    display: grid;
    grid-template-columns: repeat( 4, 1fr );
    grid-template-rows: repeat( 3, auto );
    grid-row-gap: 20px;
    grid-column-gap: 20px;
  }
  .grid-row-reverse {
    padding-top: 20px;
  }
  .grid__item popup-gallery [class*=row-] {
    padding: 0 !important;
  }
  .grid-row .row-cover {
    grid-column: span 2;
    grid-row: span 2;
    height: 100% !important;
  }
  .grid-row-reverse .row-cover {
    grid-column: 3 / span 2;
    grid-row: 1 / span 2;
  }
  .grid-row .row-thumb,
  .grid-row-reverse .row-thumb {
    grid-column: span 1;
    grid-row: span 1;
    height: 100% !important;
  }
  .grid__item popup-gallery  {
    display: none;
  }
  .show {
    display: block !important;
  }
  @media only screen and (max-width: 1440px) {
    .grid-row,
    .grid-row-reverse  {
      grid-template-columns: auto auto auto auto;
      grid-template-rows: auto auto auto;
    }
    .row-cover,
    .row-thumb {
      height: 100% !important;
    }
    a.nav-item.nav-link {
      font-size: 14px;
      line-height: 28px;
    }
  }
  @media only screen and (max-width: 1280px) {
    .navbar-collapse {
      height: auto !important;
      background-color: transparent;
      transform: none;
    }
  }
  @media only screen and (max-width: 992px) {
    .grid-row-mobile {
      display: grid;
      grid-template-columns: repeat( 2, 1fr );
      grid-template-rows: repeat( 3, auto ); /* minmax( 45vmin, 62.5vmin ) );*/
      grid-row-gap: 15px;
      grid-column-gap: 15px;
      max-width: 100%;
      padding-top: 15px;
    }
    .grid-row-mobile:nth-of-type(1) {
      padding-top: 0;
    }
    .grid-row-mobile .row-cover {
      grid-column: 1 / span 2;
      grid-row: 1 / span 2;
    }
    .grid-row-mobile .row-thumb {
      grid-column: span 1;
      grid-row: span 1;
    }
  }
  @media only screen and (max-width: 768px) {
    header .sticky-header {
      min-height: 80px;
      background-color: #1d1b1b;
      -webkit-animation: unset !important;
      animation: unset !important;
    }
/*
    .jumbotron .page-banner-slider {
      display: none;
    }
*/
    .stick-header {
      display: block;
    }
    nav .navbar-collapse {
      min-height: 100vh;
      transform: translate3d(0, 30px, 0);
    }
    header.jumbotron {
      min-height: 260px !important;
    }
    #navbarNav_SuppHorizontalNav {
      min-height: 80px !important;
      max-height: 80px !important;
      transform: none;
    }
    a.nav-item.nav-link {
      padding-left: 25px;
      padding-right: 25px;
    }
  }
  @media only screen and (max-width: 576px) {
    a.nav-item.nav-link {
      padding-left: 15px;
      padding-right: 15px;
    }
    .vert-sep {
      display: none;
    }
  }
  #navbarNav_SuppHorizontalNav a.nav-item:last-child span.vert-sep {
    display: none;
  }
  #navbarNav_SuppHorizontalNav a.nav-item.active span.vert-sep,
  #navbarNav_SuppHorizontalNav a.nav-item:active span.vert-sep,
  #navbarNav_SuppHorizontalNav a.nav-item:hover span.vert-sep,
  #navbarNav_SuppHorizontalNav a.nav-item:focus span.vert-sep {
    color: #fefefe;
  }