/* HOMEPAGE-ONLY TYPOGRAPHY (scoped to body.page-1) */
body.page-1 h1, 
body.page-1 h2, 
body.page-1 h3, 
body.page-1 h4, 
body.page-1 h5, 
body.page-1 h6 {
  font-family: 'Trebuchet MS', Geneva, sans-serif;
  color: #34495e;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

/* Type scale */
body.page-1 h1 { font-size: 22pt; }
body.page-1 h2 { font-size: 18pt; }
body.page-1 h3,
body.page-1 h4,
body.page-1 h5 { font-size: 14pt; }
body.page-1 h6 { font-size: 12pt; }

/* Body text & links */
body.page-1 p,
body.page-1 a,
body.page-1 li,
body.page-1 span {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #34495e;
  font-size: 12pt;
  line-height: 1.5;
  text-align: center;
}

body.page-1 a { color: #236fa1; text-decoration: underline; }
body.page-1 a:hover { color: #3598db; }

body.page-1 .fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Stack and center the hero row */
body.page-1 .home-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Treat the two cols as full-width blocks in this row */
body.page-1 .home-hero > [class*="col-"] {
  float: none;
  width: 100%;
}

/* Center + constrain the carousel */
body.page-1 #carousel-1 {
  max-width: 1400px; /* adjust 900–1200px to taste */
  width: 100%;
  margin: 0 auto;
}
body.page-1 #carousel-1 .item img {
  width: 100%;
  height: auto;
  display: block;
}

/* Center + constrain the text column below */
body.page-1 .home-hero > .col-sm-12.col-md-4.col-lg-5 {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}

/* Optional: slimmer arrow hit area + no overlay */
body.page-1 #carousel-1 .left.carousel-control,
body.page-1 #carousel-1 .right.carousel-control {
  background: none;
  width: 5%;
}

@media (max-width: 480px) {
  body.page-1 #carousel-1 { max-width: 100%; }
}

/* === HOMEPAGE: split content block into two columns === */
body.page-1 .home-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 16px;
  text-align: left;
}

body.page-1 .home-col section,
body.page-1 .home-col article {
  margin-bottom: 1.25rem;
}

/* Mobile: stack columns */
@media (max-width: 900px) {
  body.page-1 .home-columns {
    grid-template-columns: 1fr;
  }
}