#reviews, .sticker, .color-sample, .built-by, .material-symbols-outlined {
  cursor: pointer;
}
.sticker {
  width: 40px;
  height: 40px;
}
.carousel-item img {
  max-width: 100%;
  max-height: 100%;
}
.first_section {
  background-image: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url("../images/bamboo-bg.webp");
  background-size: cover;
  background-position: center;
}
.carousel-indicators [data-bs-target] {
  height: auto !important;
  width: auto !important;
  text-indent: 0 !important;
}
.selected {
  -webkit-filter: drop-shadow(5px 5px 5px #8d8d8d);
  filter: drop-shadow(5px 5px 5px #8d8d8d);
}
.carousel-thumbnail {
  width: min(100px, 20vw);
  aspect-ratio: initial;
}
html, body, .section {
  height: 100dvh;
  margin: 0;
}
html {
  overflow: hidden;
}
body {
  overflow: hidden;
}
#scrollable {
  overflow: scroll;
  margin: 0;
}
.section {
  background-image: none;
}
/* width */
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #acacac; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #949494; 
}
/* Hide scrollbar for Chrome, Safari and Opera */
#scrollable::-webkit-scrollbar, .hide-scroll::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
#scrollable, .hide-scroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
h1 {
  font-size: min(10vw, 60px) !important;
}

.comfortaa {
  font-family: 'Comfortaa', sans-serif;
}

.neon {
  font-family: 'Tilt Neon', sans-serif;
}

.home-image {
  width: 90%;
}

.built-by {
  text-decoration: none;
  font-size: 1.3vh;
  color: #4E5856;
  display: flex;
}

.built-by > span {
  align-self: center;
}

#product-images, #product-images > img {
  max-width: 100%;
}

#product-images, #product-images > img {
  aspect-ratio: 1.5;
}

.product-image.show {
  opacity: 1;
  transition: "opacity" 1s linear;
}


.product-image {
  opacity: 0;
  transition: opacity 0.5s linear;
}

.color-sample {
  max-width: min(10vh, 100%);
  aspect-ratio: 1;
}



.ei-icon {
  background-image: url('../images/bulb_icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 2em;
  width: 2em;
  display: inline-block;
  margin-left: 6px;
}

h2 {
  font-size: min(6vw, 40px) !important;
  font-weight: 300;
  color: #88a900;
}

.emphasis {
  color: #88a900;
  font-weight: 500;
}

.pewter {
  color: #4E5856;
}

.home-list {
  font-size: min(3vw, 20px) !important;
  font-weight: 300;
}

h3, .accordion-button, .btn.services {
  font-size: min(4vw, 30px) !important;
}

.services-text {
  font-size: min(3.5vw, 25px) !important;
}

.collapsed .bi-dash {
  display: none;
}

button:not(.collapsed) > .bi-plus {
  display: none;
}

@media (max-width: 850px) {
  .btn.services:hover {
    background-color: transparent !important;
    color: white;
  }
}

.b {
  width: min(10vw, 60px) !important;
}

.nav-logo {
  max-width: min(50vw, 300px);
}

.accordion-button:focus {
  z-index: 3;
  border: none !important;
  box-shadow: none !important;
}

.accordion-button {
  background-color: #7291b0 !important;
}

.btn-link.collapsed:hover {
  color: #fcd98d !important;
}

.contact {
  text-decoration: none;
}

@font-face {
  font-family: Nickainley-Normal;
  src: url("./Nickainley-Normal.otf") format("opentype");
}

@font-face {
  font-family: Comfortaa;
  src: url("Comfortaa-Regular.ttf") format("opentype");
}

.Nickainley {
  font-family: Nickainley-normal;
}

.Garet {
  font-family: Garet;
}

.Comfortaa {
  font-family: Comfortaa;
}

.bg-light-purple {
  background-color: #9b8db6;
}

body {
  display: flex;
  flex-direction: column;
}

.overflow-y-scroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.overflow-y-scroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.text-purple {
  color: #2f3b65;
  font-size: 14px;
}

.fs-45 {
  font-size: 50px;
}

@media (min-width: 992px) {
  .home-image {
    width: 100%
  }
}

.fs-7 {
  font-size: calc(1.475rem + 2.1vw) !important;
}

.fs-8 {
  font-size: calc(1.525rem + 2.4vw) !important;
}

.fs-9 {
  font-size: calc(1.575rem + 2.7vw) !important;
}

.fs-10 {
  font-size: calc(1.625rem + 3vw) !important;
}


.nav-link.products-tab:not(.active) {
  color: #6c757d;
}

.sticker.active {
  border-radius: 50%; /* Make the image appear as a circle */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Add a drop shadow */
  object-fit: cover; /* Ensure the image fits within the circle */
}

.image-stack {
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.image-stack.active {
  opacity: 1;
}

.colour-description.active {
  display: inline;
}

.colour-description {
  display: none;
}

.image-placeholder {
  opacity: 0;
  width: 50%
}

@media (min-width: 768px) {
  .image-placeholder{
    width: 90%;
  }
  .image-stack {
    width: 90%;
    left: 5%;
  }
}