/* 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
 */

/* CUSTOM 1 - page footer */
/* This is for footer for not spreading out 100% of page with but rather make it more compact */
.custom-compact-grid .g-grid {
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.custom-compact-grid .g-grid > .g-block[class*="size-"] {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-inline: 0.5rem;
}
.custom-compact-grid .g-block > .g-content, .custom-compact-grid .jl-panel {
  margin: 0px !important;
  padding: 0px !important;
}
/* CUSTOM 2 - homepage text */
/* Make the homepage first card text only 50% on left on big screens */
.custom-home-heading .tm-description {
  width: 50%;
  max-width: 50%;
  padding: 1.5rem;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .custom-home-heading .tm-description {
    width: 100%;
    max-width: 100%;
  }
}
/* CUSTOM 3 - text transparent background */
/* Adds a semi-transparent box under the text */
/* Works only with JL Heading and JL Card components */
.custom-text-shadow .tm-description {
  background: rgba(173, 216, 230, 0.7);
  border-radius: 0.5rem;
  padding: 1.5rem;
}
.custom-text-shadow .tm-content {
  background: rgba(173, 216, 230, 0.7);
  border-radius: 0.5rem;
  padding: 1.5rem;
}
/*# sourceMappingURL=custom_16.css.map */