.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
      -moz-user-select: none; /* Old versions of Firefox */
       -ms-user-select: none; /* Internet Explorer/Edge */
           user-select: none;
}

body {
  font-family: 'Poppins', sans-serif;
  /*background-color: black;*/
}
main {
  margin-top: 50px;
  margin-bottom: 50px;
}
footer {
  position: fixed;
  bottom: 0;
  letter-spacing: normal;
}
nav {
  letter-spacing: normal;
}

h1 {
  letter-spacing: normal;
}

h2 {
  letter-spacing: normal;
}

h3 {
  letter-spacing: normal;
}

#get-in-contact-callout {
  height: 500px;
  background-image: url('/images/jasoncamera3.jpeg');
  border-radius: 7px;
  margin: 50px 0 50px 0;
  background-size: cover;
}

@media (prefers-color-scheme: dark) {
  .adaptive {
    color: white;
    background-color: black;
  }
  .adaptive h1 {
    color: #efefef;
  }
  .adaptive a {
    color: #cdcdcd
  }
  .adaptive a:hover {
    color: #a0a0a0;
  }
}

.card-link {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
.card-link:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}*/


.gallery-img {
  width: 100%;        /* makes images expand to col width */
  height: auto;       /* keeps natural aspect ratio */
  cursor: pointer;
  border-radius: .5rem;
  transition: transform 0.2s ease;
}

.gallery-img:hover {
  transform: scale(1.03);
}

#modalImage {
  max-width: 90vw;
  max-height: 90vh;
  height: auto;
  width: auto;
}

.modal-dialog {
  background: transparent;
  box-shadow: none;
}

#imageModal .modal-content {
  background: transparent;
  box-shadow: none;
  display: inline-block;  
}

.masonry {
  column-count: 1;        /* mobile: 1 column */
  column-gap: 1rem;       /* space between images */
}

@media (min-width: 576px) {
  .masonry { column-count: 2; }
}
@media (min-width: 768px) {
  .masonry { column-count: 3; }
}
@media (min-width: 992px) {
  .masonry { column-count: 4; }
}

.masonry-img {
  width: 100%;
  margin-bottom: 1rem;
  display: block;
  border-radius: .5rem;
  cursor: pointer;
  break-inside: avoid;    /* prevents images from breaking oddly */
}