/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#wpadminbar {
  display: none;
}

@media (max-width: 569px) {
  body.wp-singular.logged-in.admin-bar,
  body.archive.logged-in.admin-bar {
    padding-top: 15px !important;
  }
}

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

html {
  margin-top: 0 !important;
}

#colophon.site-footer {
  display: none !important;
}

.slider-single .flickity-viewport.is-pointer-down .next,
.slider-single .flickity-viewport.is-pointer-down .prev {
  opacity: 0;
}
#aitch-gallery-container {
  padding: 2.75vh 30px 4.5vh;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#aitch-gallery-container.portfolio {
  height: 100%;
}

.slider-thumbs .flickity-button {
  display: none;
}
.head-wrap nav {
  display: none;
}

.upcoming-disclaimer {
  font-family: "Poppins", serif;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 20px;
  color: black;
  margin-bottom: 11px;
  margin-top: 0;
}

.head-contain {
  padding-bottom: 5.2vh;
}

#aitch-gallery-container.upcoming .head-contain {
  padding-bottom: calc(5.2vh - 26px);
}

.statement-container {
  font-family: "Poppins", serif;
  text-decoration: none;
  color: white;
  .dt-statement-icon {
    display: none;
  }
  .post-title {
    margin: 0;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 19px !important;
  }

  .statement-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 14px;
    text-decoration: none;
  }
}

.thumb-wrapper {
  opacity: 0;
  min-height: 36px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.slider-thumbs .slide-wrap {
  margin-right: 1px;
}

.copyright {
  display: none;
}

.copyright-m {
  font-family: "Poppins", serif;
  font-weight: 300;
  font-size: 11px !important;
  color: black;
  margin: 0;
  /* padding-top: 2.75vh; */
  align-content: flex-end;
  padding-top: 30px;
}

.gallery-container {
  /* display: -ms-grid; */
  /* display: grid; */
  /* -ms-grid-rows: 1fr 50px; */
  /* grid-template-rows: 1fr 50px; */
  /* height: 100%; */
  /* min-height: 56vh; */
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  flex: 1;
}

.slider-single .img-wrap {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-single .slide-wrap {
  width: calc(100% - 10px);
  /* height: 100%; */
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 5px;
  margin-left: 5px;
}

.slider-single.is-initialized .slide-wrap {
  height: 100%;
}

.flickity-button .flickity-button-icon {
  display: none;
}

.prev,
.next {
  cursor: pointer;
  flex-basis: 10px;
  img {
    display: block;
    width: 13px;
    height: auto;
  }
}
.next {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.prev.disabled,
.next.disabled {
  opacity: 0.25;
  cursor: default;
}

.slider-single .caption {
  opacity: 0;
  /* height: 28px; */
  /* line-height: 28px; */
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  padding-bottom: 5px;
}

.slider-single .caption.is-initialized {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.slider-single {
  opacity: 0;
}
.slider-single.is-initialized {
  opacity: 1;
}

.thumb-wrapper.is-initialized {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  opacity: 1;
}

.slider-thumbs {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 254px;
}

.slider-thumbs .slide-wrap,
.slider-thumbs .empty-thumb {
  border: 1px solid black;
  width: calc((100% - 5px) / 5);
  aspect-ratio: 1/1;
  margin-right: 1px;
}

.empty-thumb.sm-hidden,
.empty-thumb.md-hidden,
.empty-thumb.lg-hidden {
  display: none;
}

.slider-thumbs .slide-wrap.is-nav-selected {
  border: 1px white solid;
}

.slider-thumbs .img-wrap {
  height: 100%;
  width: 100%;
}
.slider-thumbs .slide-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider-single {
  height: 100%;
}

/* Flickity customizations */
.single-slider-wrapper {
  overflow: hidden;
  /* margin-bottom: 32px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  height: 100%;
}

.slider-single,
.slider-single .flickity-viewport,
.slider-single .flickity-slider,
.slider-single .flickity-cell {
  width: 100% !important;
}

.slider-single .slide-img {
  width: auto;
  max-height: 100%;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.gallery-container .slider-single .caption {
  padding-left: 23px;
  padding-right: 23px;
  font-family: "Poppins", serif;
  font-weight: 300;
  font-size: 11px !important;
  text-align: right;
  color: black;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 16.5px;
}

@media only screen and (min-width: 768px) {
  #aitch-gallery-container {
    padding-top: 35px;
  }
  .slider-thumbs {
    max-width: 590px;
  }
  .slider-thumbs .slide-wrap,
  .slider-thumbs .empty-thumb {
    width: calc((100% - 11px) / 12);
    margin-right: 1px;
  }
  .statement-container .post-title {
    font-size: 22px !important;
  }
}

/* TABLET BREAKPOINT */
@media only screen and (min-width: 500px) {
  #aitch-gallery-container {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 4.2vh;
  }

  .post-title {
    font-size: 22px;
    letter-spacing: 0;
  }

  /* .copyright-m { */
  /*   padding-top: 1vh; */
  /* } */
}

/* DESKTOP BREAKPOINT */
@media only screen and (min-width: 960px) {
  .main-wrapper .main-container {
    height: calc(var(--vh, 1vh) * 100 - 76px) !important;
  }
  #aitch-gallery-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    padding-bottom: 25px;
    padding-top: 0;
    padding-left: 75px;
    padding-right: 75px;
  }
  .upcoming-disclaimer {
    padding-top: 15vh;
  }
  .gallery-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 887px;
    -ms-grid-rows: 1fr 30px;
    grid-template-rows: 1fr 30px;
  }
  .head-contain {
    padding: 0;
    max-width: 217px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .copyright {
    display: flex;
    margin: 0;
    font-family: "Poppins", serif;
    color: black;
    font-size: 10px;
    font-weight: 300;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-line-pack: end;
    align-items: end;
  }
  .copyright-m {
    display: none;
  }
  .statement-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    .dt-statement-icon {
      display: block;
      height: 26px;
    }
    .statement-wrapper {
      font-size: 10px;
    }
  }
  .statement-wrapper {
    .m-statement-icon {
      display: none;
    }
  }
  .title-statement-wrapper .post-title {
    font-size: 12px !important;
    padding-bottom: 0;
  }
  .portfolio .head-wrap {
    padding-top: 21.75vh;
  }
  .head-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    nav {
      display: block;
    }
    ol {
      list-style: none;
      padding: 0;
      margin: 0;
      li a {
        font-family: "Poppins", serif;
        font-size: 15px;
        line-height: 20px;
        text-decoration: none;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: black;
        font-weight: 400;
      }
      li.active a {
        color: white;
        font-weight: 700;
      }
    }
  }
  .prev,
  .next {
    img {
      width: 7px;
    }
  }
  .single-slider-wrapper {
    /* height: 80vh; */
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    height: 100%;
  }
  .slider-thumbs .slide-wrap,
  .slider-thumbs .empty-thumb {
    width: calc((100% - 19px) / 20);
  }
  .slider-thumbs {
    height: 100%;
    max-width: unset;
  }
  .thumb-wrapper {
    flex-basis: 40px;
  }
}

@media only screen and (min-width: 1200px) {
  #aitch-gallery-container {
    padding-left: 75px;
    padding-right: 108px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 75px;
    -moz-column-gap: 75px;
    column-gap: 75px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1440px;
    margin: auto;
  }
  .gallery-container {
    -ms-grid-rows: 1fr 41px;
    grid-template-rows: 1fr 41px;
    min-height: 82vh;
  }
  .slider-single .slide-wrap {
    grid-column-gap: 100px;
  }
  .thumb-wrapper {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .slider-thumbs {
    max-width: 100%;
  }
  .single-slider-wrapper {
    /* height: 95%; */
    -webkit-column-gap: 112px;
    -moz-column-gap: 112px;
    column-gap: 112px;
    flex: 1;
  }
}

/* CSS RESET */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
dl,
dd {
  margin: 0;
  padding: 0;
}

/* 3. Remove list styles */
ul,
ol,
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* 4. Core html defaults */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%; /* Prevent font scaling on mobile */
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  line-height: 1.5;
}

/* 5. Make images and media fluid */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 6. Inherit fonts for form elements */
input,
button,
textarea,
select {
  font: inherit;
}

/* 7. Remove built-in button styles */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

body {
  text-rendering: optimizeSpeed;
  line-height: inherit;
}

.main-container {
  display: block !important;
  height: calc(var(--vh, 1vh) * 100 - 56px) !important;
}

.main-container .page-wrapper,
.main-container .sections-container {
  display: block !important;
}

/* 10. Enable easy stacking of utilities */
[hidden] {
  display: none !important;
}