/* Page-specific styles for index.html */
/* #home-logo/#call-now and header nav-link color come from style.css (shared, identical on every page). */
/* #home-bg is shared in style.css — don't redefine here.
   #parallax below is fully custom to this page (3 breakpoints, unique mobile position),
   so unlike other pages it isn't just a small override on the style.css shared version. */
#parallax {
  background-attachment: fixed;
  position:relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}
@media only screen and (max-width:1300px) {
  #parallax {
    background-attachment: inherit;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
  }
}
@media only screen and (max-width:749px) {
  #parallax {
    background-attachment: inherit;
    position: relative;
    background-position: -40vw;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
  }
}

/* .action-blocks is shared in style.css — don't redefine here.
   #social-media rule removed: it targeted a <div> that's inside an HTML comment in
   index.html (dead code), not just unused-while-commented-out. */

.icon-red { color:#bf0d0d; }
.icon-purple { color:#60149b; }
.icon-black { color:black; }
.icon-yellow { color:#eddf45; }
.icon-green { color:green; }
.icon-blue { color:#1759c4; }

.home-parallax-bg { background-image: url('../images/uploads/home-parallax.jpg'); }
.home-parallax-text { font-size:18pt; display:inline-block; width:66%; }
.home-team-container { margin-bottom:-100px; }
.home-actions-row { display:flex; justify-content:center; }
.home-actions-row-bottom { margin-bottom:-50px; display:flex; justify-content:center; }
.home-actions-blocks-top { margin-top:-50px; width:75%; justify-content:center; }
.home-actions-blocks-bottom { width:75%; justify-content:center; }
.home-action-spacer { margin-right:3%; margin-left:3%; }

/* Google/Facebook review badges use the shared .review-badges/.review-badge classes in
   style.css (with the --compact modifier) — don't redefine their look here. */