/* Please write your own styles and rewrite default template styles below */

/* Social channels (2024+ branding). SVG icons stay sharp at 1x, 2x and beyond. */
.title-right.social-icons a.x span {
  background-image: url("../images/icons/social/x.svg");
  background-size: 20px 20px;
}
.title-right.social-icons a.facebook span {
  background-image: url("../images/icons/social/facebook-new.svg");
  background-size: 20px 20px;
}
.title-right.social-icons a.youtube span {
  background-image: url("../images/icons/social/youtube.svg");
  background-size: 20px 20px;
}
.social-links-list {
  margin: 0;
  list-style: none;
}
.widget-container .social-links-list li {
  margin: 0 0 8px;
  padding: 0 !important;
  background: none !important;
}
.social-links-list a {
  display: inline-block;
  padding-left: 28px;
  line-height: 20px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.social-links-list a.x { background-image: url("../images/icons/social/x.svg"); }
.social-links-list a.facebook { background-image: url("../images/icons/social/facebook-new.svg"); }
.social-links-list a.youtube { background-image: url("../images/icons/social/youtube.svg"); }

/* Homepage call-to-action bar: let the text wrap onto two lines without spilling into the section below. */
#target-action {
  display: flex;
  align-items: center;
  gap: 30px;
  height: auto;
  min-height: 40px;
  margin: 0 10px;
  padding: 24px 0;
}
#target-action .target-action-text {
  flex: 1 1 auto;
  margin: 0;
  line-height: 1.35;
}
#target-action .btn-xl {
  position: static;
  flex: 0 0 auto;
  margin: 0;
}
.page-frontpage #page-title {
  height: auto;
  min-height: 80px;
  overflow: visible;
}