/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* Loreana Design SCSS* /


#menu-6409-particle, #menu-2791-particle, 


/* Hide menu on mobile */
@media (max-width: 767px) {
  #menu-6409-particle, #menu-2791-particle {
    display: none;
  }
}
/* Articles - remove padding / the white gap) */
.col {
  padding: 0px;
}
.platform-content.container {
  padding: 0px;
}
/* Article - Project - Style >>> START */
.project-article-container {
  width: 100%;
  overflow: hidden;
  max-width: 100%;
}
.project-article-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.project-article-hero-section {
  position: relative;
  margin-bottom: 30px;
}
.project-article-hero-img {
  min-height: 300px;
  max-height: 600px;
}
.project-article-content-section img {
  margin-left: 5px;
}
.project-article-hero-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  color: white;
  /*#0a0c0d*/
  /*#bdb3a0*/
  font-weight: 400;
  font-size: clamp(36px, 8vw, 84px);
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
.project-article-content-section {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.project-article-text-container {
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 200px;
}
.project-article-section-title {
  font-size: clamp(22px, 4.5vw, 30px);
  margin-top: 0;
  margin-bottom: 12px;
  text-align: left;
  /* font-size: 1.8em; */
  /* line-height: 1.2; */
  color: #1C1C1C;
  /*#bdb3a0*/
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 300;
}
.project-article-section-text {
  font-size: clamp(26px, 3.8vw, 19px);
  /*clamp(17px, 3.8vw, 19px)*/
  line-height: 1.2;
  /*1.4*/
  margin-top: 0;
  margin-bottom: 12px;
  text-align: left;
  color: #1C1C1C;
  /*#bdb3a0*/
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 300;
}
.project-article-gallery-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}
.project-article-gallery-item {
  width: 100%;
}
.project-article-gallery-img {
  min-height: 250px;
  max-height: 400px;
}
.project-article-fullwidth-img {
  min-height: 300px;
  max-height: 500px;
}
@media (min-width: 768px) {
  .project-article-content-section {
    flex-wrap: nowrap;
    gap: 30px;
  }
  .project-article-content-section > div {
    width: 50%;
  }
  .project-article-text-container {
    padding: 0;
  }
  .project-article-gallery-item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .project-article-content-section img {
    margin-left: 0px;
  }
}
/* Article - Project - Style >>> END */
/* Joomla Articles - gap between the Intro images */
/* Desktop - your working solution */
@media (min-width: 768px) {
  .g-grid {
    margin: 0 0 -12px 0 !important;
  }
}
/* Mobile fixes - maintains perfect gaps */
@media (max-width: 767px) {
  /* 2-column layout */
  /* 1-column layout */
  .g-array-items {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px !important;
    margin-bottom: -10px !important;
  }
  .g-array-item {
    box-sizing: border-box;
    margin: 0 10px 10px 0 !important;
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .g-array-item {
    flex: 0 0 calc(50% - 10px) !important;
  }
  .g-array-item:nth-child(2n) {
    margin-right: 0 !important;
  }
}
@media (max-width: 767px) and (max-width: 360px) {
  .g-array-item {
    flex: 0 0 100% !important;
    margin-right: 0 !important;
  }
}
/* Joomla Articles - hover */
/* Main container - handles spacing */
.g-array-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px;
  padding: 0;
  width: calc(100% + 14px);
  line-height: 0;
}
/* Grid items with spacing */
.g-array-item {
  position: relative;
  overflow: hidden;
  margin: 0 7px 7px 0;
  padding: 0;
  box-sizing: border-box;
  flex: 0 0 calc(33.333% - 7px);
  line-height: normal;
  transform: translateZ(0);
}
/* Image container */
.g-array-item-image {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
/* Image styling with brightness transition */
.g-array-item-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: filter 0.6s ease;
}
/* Dark overlay with transparent border - ANIMATED */
.g-array-item-image::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  background: rgba(0, 0, 0, 0);
  border: 10px solid transparent;
  box-sizing: border-box;
  z-index: 1;
  transition: all 0.6s ease;
  /*cursor: pointer;*/
}
/* Hover effects */
.g-array-item:hover .g-array-item-image img {
  filter: brightness(0.7);
  /* Darkens the base image */
}
.g-array-item:hover .g-array-item-image::after {
  background: rgba(158, 74, 45, 0.5);
  /*rgba(0, 0, 0, 0.5)*/
  /* Semi-transparent overlay */
}
/* Title overlay - ANIMATED */
.g-array-item-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 80%;
  text-align: center;
  transition: all 0.4s ease 0.1s;
  /* Slight delay */
  z-index: 2;
  margin: 0;
  font-size: 2.2em;
  font-weight: 300;
  /*bold*/
  color: #bdb3a0;
  /*#fff*/
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
.g-array-item-title .g-item-title {
  background: none !important;
  padding: 0 !important;
  margin: 0;
  display: inline;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-shadow: none !important;
}
/* Title appears on hover */
.g-array-item:hover .g-array-item-title {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.02);
  /* Subtle pop effect */
}
/* Menu font */
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  font-size: 1.4rem;
  /*letter-spacing: 1px;*/
  /*text-transform: uppercase;*/
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 400;
}
/* Change the default tap highlight color for Chrome mobile */
/* Remove the blue highlighting of elements in chrome when clicking */
html {
  -webkit-tap-highlight-color: transparent;
}
:focus {
  outline: none !important;
}
.noSelect {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.noSelect:focus {
  outline: none !important;
}
html {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
/*# sourceMappingURL=custom_18.css.map */