:root {
  --primary-color: #c00;
  --secondary-color: #2d3a4d;
  --tertiary-color: #f4f7f9;
}
/* KS - Branding */
.site-branding .site-logo img {
  filter: invert(100%);
}
/* KS - Widen page content */
@media screen and (min-width: 40em) {
  .region-header .region-inner-wrapper, .region-footer .region-inner-wrapper, .region-before-content .region-inner-wrapper, .region-after-content .region-inner-wrapper {
    max-width: 100rem;
  }
  .main-inner-wrapper, .region-after-content {
    max-width: 100rem;
  }
}
/* KS - Layout */
.main-wrapper {
  padding-block-end: 4rem;
}
/* KS - Fonts */
.main-inner-wrapper h1, .main-inner-wrapper h1 > *, .main-inner-wrapper h2, .main-inner-wrapper h2 > *, .main-inner-wrapper h3, .main-inner-wrapper h3 > *, .main-inner-wrapper h4, .main-inner-wrapper h4 > *, .main-inner-wrapper h5, .main-inner-wrapper h5 > *, .main-inner-wrapper h6, .main-inner-wrapper h6 > * {
  font-family: Roboto, sans-serif;
}
.main-inner-wrapper h1, .main-inner-wrapper h1 > *, .main-inner-wrapper h2, .main-inner-wrapper h2 > * {
  font-weight: bold;
}
/* KS - Headings */
.main-inner-wrapper h1.page-title {
  border-block-end: solid 4px var(--secondary-color);
  margin-block-end: 1rem;
}
.main-inner-wrapper h2.block-title {
  border-block-end: solid 2px var(--secondary-color);
}
/* KS - Top Wrapper */
header .top-bar-wrapper, header .top-bar-wrapper::before {
  background-color: white !important;
}
/* KS - Header */
.header-background-color-holder {
  z-index: 2;
}
.header-layout-13 .hero-section {
  grid-column: 1/-1;
  margin-block: 2rem -2rem;
}
@media screen and (min-width: 64em) {
  .header-layout-13.header-default {
    grid-template-rows: auto 200px auto 100px;
  }
}
/* KS - Hero Section */
.stacks-hero h2.hero-title, .stacks-hero p.hero-description {
  text-shadow: 1px 1px 1px black;
}
/* KS - Top Menu */
header .top-bar-wrapper ul.menu-parent {
  gap: 1rem;
}
header .top-bar-wrapper ul.menu-parent li.menu-item a.menu-link {
  padding: 0.75rem;
  border-block-end: solid transparent 3px;
}
header .top-bar-wrapper ul.menu-parent li.menu-item a.menu-link:hover {
  border-block-end: solid 3px var(--primary-color);
  transition: 300ms;
}
/* KS - Mini Sliders 7 */
.slider-mini-layout-7 .slick-slide .img-wrapper img {
  padding-block-start: 0.5rem;
}
.slider-mini-layout-7 .slick-slide .slider-body-wrapper a:hover {
  text-decoration: underline;
}