/* Custom Styles */
@import "tailwind"
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

* {
    font-family: 'Outfit', sans-serif;
}

:root {
    --color-primary: #0393c5;
    --color-black: #000;
    --color-white: #fff;
}

@theme {
    --color-primary: #0393c5;
}


/* Example of a custom utility or override */
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* TESTIMONIAL CARD */
.card-black {
    background-color: #000 !important;
    color: white !important;
}

.card-gray {
    background-color: #f3f3f3 !important;
    color: black !important;
}


/* GALLERY */
.masonry-grid {
  column-count: 1;
  column-gap: 0.5rem;
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 1rem;
  border-radius: 10px;
  overflow: hidden;
}

/* Responsive breakpoints */
@media (min-width: 640px) {
  .masonry-grid {
    column-count: 2;
  }
}

@media (min-width: 1024px) {
  .masonry-grid {
    column-count: 3;
  }
}

@media (min-width: 1280px) {
  .masonry-grid {
    column-count: 3;
  }
}