/* =========================================================
   Homepage overrides (loaded after the legacy Mobirise CSS).
   Colored feature blocks: Tiffany Windows (gold), Weddings &
   Baptisms (terracotta), Weekly Bulletin (blue), Music (green).
   ========================================================= */

/* Equal-height blocks so the colored panels line up */
.cid-tBH7lncHZC .item { display: flex; }
.cid-tBH7lncHZC .item .item-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cid-tBH7lncHZC .item .item-wrapper .item-content { flex: 1 1 auto; }

/* Colors set per block (the old 2n/3n rules would repeat at 4 blocks) */
.cid-tBH7lncHZC .item:nth-child(1) .item-wrapper .item-content { background-color: #e6c16d; }
.cid-tBH7lncHZC .item:nth-child(2) .item-wrapper .item-content { background-color: #d17756; }
.cid-tBH7lncHZC .item:nth-child(3) .item-wrapper .item-content { background-color: #235d81; }
.cid-tBH7lncHZC .item:nth-child(4) .item-wrapper .item-content { background-color: #6f9a7b; }

.cid-tBH7lncHZC .item-music .item-img img { object-position: 35% center; }

/* Four across on desktop: keep titles from overpowering narrower columns */
@media (min-width: 992px) {
  .cid-tBH7lncHZC .item .item-wrapper .item-img img { height: 460px; }
  .cid-tBH7lncHZC .item .item-wrapper .item-content .item-title {
    padding: 44px 30px;
    font-size: 2.1rem;
    line-height: 1.2;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cid-tBH7lncHZC .item .item-wrapper .item-img img { height: 320px; }
}