/* Add custom CSS styles below */ 


/* Add custom CSS styles below */ 
/* Categories Grid */

.s-block--banners .grid {
  grid-template-columns: repeat(3, 1fr);
}

.s-block--banners .banner-entry {
  height: 255px;
}


@media (max-width: 992px) {
  .s-block--banners .banner-entry {
    height: 200px;
  }
}

@media (max-width: 480px) {
  .s-block--banners .banner-entry {
    height: 100px;
  }
}

.s-block--banners .lazy__bg {
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 640px) {
  .two-row .banner-entry:first-child {
    grid-row: span 1 / span 1;
  }
}

/* Transparent Banner */

.banner-entry,
.banner--fixed img {
  background-color: transparent !important;
}
a.banner-entry.lazy.h-banner.entered.loaded {
    background-size: contain;
}
:root {
    --font-main: 'PingARLT';
    --color-primary: #000000;
    --color-primary-dark: #f9fafb;
    --color-primary-light: #000000;
    --color-primary-reverse: #f9fafb;
}
.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 31, 31, 1);
    background-color: rgb(255 255 255);
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, 1);
    color: rgba(209, 213, 219, var(--tw-text-opacity, 1));
}
.top-navbar a[href*="mailto"],
.topnav a[href*="mailto"],
.header a[href*="mailto"] {
  display: none !important;
}
.announcement-bar,
.top-bar,
.header-announcement,
.top-header {background-color: #8ECAE6 !important;
  color: #ffffff !important;
}
.announcement-bar a:hover,
.top-bar a:hover {color: #FFB5D2 !important;
}

.s-button-primary {
    border-width: 1px;
    border-color: #414042;
    border-color: var(--color-primary);
    background-color: #414042;
    background-color: #237a73;
    color: #ff6767;
    color: var(--color-primary-reverse);
}