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

/* Heading text style */
.heading {
  font-size: clamp(1.5rem, 4vw, 4rem);
  transform: scale(1.1, 1.8);
  display: flex;
  align-items: center;
  /* Vertically centers the heading */
  justify-content: center;
  /* Optional: centers horizontally too */
  /* color: #fa7a7a; */
  color: #cbb074;
  /*font-size:  3rem;*/
}
/* Header block padding */
#g-header {
  padding: 0;
}
/* CODE BELOW FOR TILED MENU USING CUSTOM HTML BLOCKS*/
/* Container Layout: Displays rectangles in a clean grid */
.tile-menu-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
  /* Space between the rectangles */
  width: 100%;
}
/* The 2:1 Rectangle Tile */
.rect-tile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* Splits into two equal halves */
  aspect-ratio: 2;
  /* Forces the whole element into a 2:1 ratio */
  text-decoration: none !important;
  background-color: #f8f9fa;
  /* Default background for the text side */
  border: 1px solid #e2e8f0;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
/* Hover effect on the whole tile */
.rect-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
/* The Left Side: Square Picture */
.tile-image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
/* The Right Side: Square Text Block */
.tile-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Centers text vertically */
  padding: 20px;
  color: #333333;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
/* Text styling adjustments inside the tile */
.tile-text h2 {
  margin: 0 0 8px 0;
  font-size: 3.25rem;
  color: #000000;
}
.tile-text p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
}
/* Buttons */
.button-1 {
  background-color: #EA4C89;
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 10px 16px;
  position: relative;
  top: 10px;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.button-1:hover, .button-1:focus {
  background-color: #F082AC;
}
/* images floating left */
.floatleft {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  height: 250px;
  width: auto;
}
h1 {
  color: white !important;
}
/*# sourceMappingURL=custom_15.css.map */