:root {
	--thumb_size: 147px;
}

body {
  /* height: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content; */
  /* min-height: -webkit-fill-available;
  min-height: fill-available;
  min-height: -moz-available; */
}

#menu-item-187, #menu-item-87 {
  border-bottom: 2px solid var(--theme-color-b);
}

#menu-item-187:hover>a {
  color: var(--theme-color-a);
}

.global-container {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: calc(100% - var(--navbar-height));
  top: var(--navbar-height);
  display: flex;
  flex-flow: row nowrap;
  /* overflow: unset; */
}

.single-project-text {
  padding: 3% 40px 2% 40px;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: var(--CFAstyStd-Book);
  min-height: 100%;
  height: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
}

.single-project-text p {
  font-family: var(--CFAstyStd-Book);
}

.single-project-text p:last-of-type {
  margin-bottom: 4rem;
}

.project-title {
  line-height: 100%;
}

.project-subtext {
  line-height: 30px;
  margin-bottom: 54px;
}

.global-title.back-to-projects {
  line-height: 150%;
  color: rgb(208, 210, 211);
  text-decoration: none !important;
  transition: all 0.2s ease;
/*   margin-bottom: 2rem; */
	margin-bottom: var(--thumb_size);
	margin-top: auto;
}

.back-to-projects:hover {
  color: rgb(180, 180, 180) !important;
  /* text-decoration: none; */
}

.back-to-projects:visited {
  color: rgb(208, 210, 211);
}

.swiper-section {
  width: 75%;
  /* padding: 7.330677290836653% 7.282051282051281%; */
  padding: 3% 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* position: relative; */
  height: calc(100% - var(--navbar-height));
  position: fixed;
  right: 0;
}

.swiper-container {
  width: 100%;
  /* height: 300px; */
  margin-left: auto;
  margin-right: auto;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* transition: all 0.2s ease; */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.gallery-top img {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.p_image {
  object-fit: cover;
  cursor: pointer;
}

.gallery-thumbs .swiper-slide:hover {
  cursor: pointer;
  opacity: 1;
}

.gallery-top {
  height: 100%;
  /* height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available; */
  width: 100%;
}

.gallery-thumbs {
  /* height: 100%; */
  box-sizing: border-box;
  padding: 21px 0 0 0;
}

.gallery-thumbs .swiper-slide {
/*   width: 147px !important;
  height: 147px; */
  opacity: 0.4;
	
	aspect-ratio:1;
	width: var(--thumb_size) !important;
	height: var(--thumb_size) !important;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  /* custom by theo */
  /* height: 147px; */
  /* width: 147px;; */
}

.home-page-mini {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin: 0;
  padding: 0;
/*   margin-top: auto; */
}

.home-page-mini>li {
  /* padding: 10px; */
  margin: 0 10px;
}

.home-page-mini>li>a>img {
  max-height: 22px;
  width: 22px;
  transition: all 0.2s ease;
}

.home-page-mini>li:hover>a>img {
  opacity: 0.3;
}

.hide-button {
  display: none;
  cursor: pointer;
}

.hide-button:hover {
  cursor: pointer;
}

.lightBox {
  position: fixed;
  height: 100vh;
  height: 100%;
  height: calc(var(--vh, 1vh) * 100);
  width: 100vw;
  z-index: 9999999;
  background-color: black;
  top: 0;
  max-height: unset !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 0;
}

.lightBox .hide-button {
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  position: fixed;
  top: 1rem;
  right: 1rem;
}

.lightBox .swiper-wrapper {
  /* top: 50%; */
  max-height: 80vh !important;
  min-height: unset !important;
  /* transform: translateY(-50%); */
}

.lightBox .p_image {
  width: 85%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  object-fit: contain;
}

.lightBox .swiper-slide {
  max-height: unset !important;
}

.lightBox .swiper-button-next, .lightBox .swiper-button-prev {
  display: flex;
}

.lightBox .swiper-button-next img, .lightBox .swiper-button-prev img {
  transform: scale(0.9)
}

@media all and (max-height: 576px) and (max-width: 992px) and (orientation: landscape) {}

@media all and (max-width: 2422px) {
  .home-page-mini>li>a>img {
    max-height: 22px;
  }
}

@media all and (max-width: 1920px) {
  .global-title {
    font-size: 2.5rem;
  }
  .single-project-text {
    padding: 3% 2.5% 2% 2.5%;
  }
  .single-project-text p:last-of-type {
    margin-bottom: 2rem;
  }
}

@media all and (max-width: 1600px) {
	:root {
	--thumb_size: 6rem;
}

  .swiper-section {
    padding: 3% 3%;
    padding-top: 1rem;
  }
  .global-title {
    margin: unset;
  }
/*   .gallery-thumbs .swiper-slide {
    width: 6rem !important;
    height: 6rem;
  } */
  .single-project-text {
    padding-right: 0;
    padding-top: 1rem;
  }
  .single-project-text p:last-of-type {
    margin-bottom: 1rem;
  }
}

@media all and (max-width: 1440px) {
  .global-title {
    font-size: 2rem;
  }
  .single-project-text {
    font-size: 15px;
  }
  .home-page-mini>li>a>img {
    max-height: 20px;
    width: 20px;
  }
}

@media all and (max-width: 1280px) {}

@media all and (max-width: 1024px) {
:root {
	--thumb_size: 100px;
}
/*   .gallery-thumbs .swiper-slide {
    height: 100px;
    width: 100px !important;
  } */
}

@media all and (min-width: 992px) {
  .single-project-text {
    min-height: fit-content;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    height: calc(100vh - var(--navbar-height));
  }
}

@media all and (max-width: 992px) {
  .p_image {
    /* min-height: -webkit-fill-available;
    min-height: -moz-fill-available;
    min-height: fill-available; */
    min-height: 60vh;
  }
  .global-container {
    /* flex-direction: column-reverse; */
    flex-direction: column;
    /* overflow: auto; */
  }
  .single-project-text {
    width: 100%;
    padding: 3% 2rem 2% 2rem;
    min-height: unset;
    height: unset;
  }
  .single-project-text p:last-of-type {
    /* margin-bottom: 2rem; */
  }
  .swiper-section {
    width: 100%;
    position: relative;
  }
  .gallery-top .swiper-slide {
    /* max-height: 60vh; */
  }
  /* .back-to-projects {
    align-self: flex-end;
  } */
	
	.global-title.back-to-projects {
		margin-top: 2rem;
	}
}

@media all and (max-width: 768px) {
:root {
	--thumb_size: 80px;
}
/*   .gallery-thumbs {
    display: none;
  } */
  .swiper-section {
/*     padding-top: 0.5rem; */
/*     padding-bottom: 0rem; */
    height: -webkit-fill-available;
    height: -mox-available;
    height: fill-available;
  }
  .gallery-top .swiper-slide {
    /* max-height: 50vh; */
  }
  .single-project-text {
    margin-bottom: auto;
    padding: 3% 1rem 2% 1rem;
  }
  /* .swiper-button-next, .swiper-button-prev {
    display: none;
  } */
/*   .gallery-thumbs .swiper-slide {
    height: 80px;
    width: 80px !important;
  } */
  .home-page-mini {
    margin-top: 2rem;
  }
  .home-page-mini>li>a>img {
    max-height: 18px;
    width: 18px;
  }
  .gallery-top {
    max-height: 45vh;
  }
  .gallery-top img {
    /* min-height: 18rem; */
    /* height: 50vh; */
  }
  /* .gallery-top .swiper-wrapper {
    height: unset;
    min-height: fit-content;
  } */
  .p_image {
    /* min-height: -webkit-fill-available;
    min-height: -moz-fill-available;
    min-height: fill-available; */
    min-height: 45vh;
  }
}

@media all and (max-width: 576px) {
  .swiper-section {
    padding-top: 0;
  }
  .p_image {}
  /* .gallery-top .swiper-wrapper {
    height: 40vh;
    min-height: 100%;
    max-height: 40vh;
  }
  .gallery-top img {
    min-height: 100%;
  } */
  .lightBox .swiper-wrapper {
    max-height: 60vh !important;
    /* max-width: 80vw !important; */
  }
  /* .lightBox .swiper-slide {
  width: 100vw;
} */
  .lightBox .swiper-wrapper img {
    width: 100%;
    height: 100%;
  }
  .lightBox .swiper-button-next img, .lightBox .swiper-button-prev img {
    transform: scale(0.75)
  }
}

@media all and (max-width: 450px) {
  .p_image {
    /* min-height: -webkit-fill-available;
    min-height: -moz-fill-available;
    min-height: fill-available; */
    /* min-height: 40vh; */
  }
}

@media all and (max-height: 400px) and (max-width: 768px) {
  .gallery-top {
    max-height: 100%;
  }
  .gallery-top .swiper-slide {
    min-height: 75vh;
  }
}