/* ===== Court List Slideshow (Home tiles) ===== */
#block-courtlistslideshow {
  /* draw the thin blue rule under the tile row like the old site */
  border-bottom: 4px solid #1f5aa0;
  margin-bottom: 16px;
  padding-bottom: 8px;
}

/* Strip the beige Artisteer block styling inside this one block */
#block-courtlistslideshow .art-block,
#block-courtlistslideshow .art-blockcontent {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

/* Tile links: stack icon over text, center them, give a little breathing room */
#block-courtlistslideshow a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-decoration: underline;       /* old site has underlined labels */
  text-underline-offset: 2px;
  text-transform: none;
  line-height: 1.15;
  font-weight: 545;                 /* bolder like the old screenshot */
  font-size: 15px;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #0a58ca;                   /* deep blue to match old site */
}

/* Hover/focus state – keep it simple and accessible */
#block-courtlistslideshow a:hover,
#block-courtlistslideshow a:focus {
  color: #0e3e90;
}

/* Icons: ensure no blue “fill blocks”; keep thin blue strokes like the old style */
#block-courtlistslideshow svg {
  width: 44px;
  height: 44px;
  /* kill any fills that make the icons look “solid blue” */
  fill: none !important;
  /* keep the line art blue */
  stroke: #1f5aa0 !important;
  stroke-width: 2px;
}

/* If the icons are <img> PNGs with blue background, make them look outline-only: */
#block-courtlistslideshow img {
  width: 44px;
  height: 44px;
  display: block;
  /* remove accidental background tinting coming from ancestors */
  background: transparent !important;
}

/* Duplicate Killer of BG Image */
.path-frontpage .sc_bottombg { background: none !important; }

/* Home page only: nuke inline bg so only #art-main paints it */
.path-frontpage .sc_bottombg[style] { background: none !important; }


#art-main{
  background: url('../images/bottombg-1.png') center center fixed no-repeat, #ccc;
  background-size: cover;
}

/* Welcome block title — cover both Drupal title class patterns */
#region-content #block-welcome h2,
#block-welcome h2,
#block-welcome .block-title,
#block-welcome .block__title,
#block-welcome .block-title a,
#block-welcome .block__title a {
  color: #0a58ca !important;   /* D7 blue (swap if you have a different hex) */
  font-size: 2rem !important;  /* ~32px */
  line-height: 1.2;
  font-weight: 700;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  margin: 0 0 .5rem 0;
  padding: 0;
}

/* Catch #block-welcome, #block-welcome-2, etc. */
[id^="block-welcome"] h1,
[id^="block-welcome"] h2,
[id^="block-welcome"] h3,
[id^="block-welcome"] .block-title,
[id^="block-welcome"] .block__title,
[id^="block-welcome"] .title,
[id^="block-welcome"] [role="heading"],
[id^="block-welcome"] h1 a,
[id^="block-welcome"] h2 a,
[id^="block-welcome"] h3 a,
[id^="block-welcome"] .block-title a,
[id^="block-welcome"] .block__title a,
[id^="block-welcome"] .title a {
  color: #1f4e9a !important;   /* your D7 blue */
  font-size: 1.2rem !important;  /* ~32px */
  line-height: 1.2 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  margin: 0 0 .5rem 0 !important;
  padding: 0 !important;
}

/* Force link states to the same blue */
[id^="block-welcome"] .block-title a:link,
[id^="block-welcome"] .block-title a:visited,
[id^="block-welcome"] .block-title a:hover,
[id^="block-welcome"] .block-title a:active,
[id^="block-welcome"] .title a:link,
[id^="block-welcome"] .title a:visited,
[id^="block-welcome"] .title a:hover,
[id^="block-welcome"] .title a:active {
  color: #1f4e9a !important;
}