/*** State and Alert Colors ***/
/*** Grid system ***/
/*** Container sizes ***/
/*
	@navbar-inverse-search-bg:                  lighten(@navbar-inverse-bg, 25%);
	@navbar-inverse-search-bg-focus:            @white; //#fff;
	@navbar-inverse-search-border:              @navbar-inverse-bg;
	@navbar-inverse-search-placeholder-color:   rgb(204,204,204);
	*/
/*** Dropdowns ***/
/*** Buttons ***/
/*** Forms ***/
/*** Forms ***/
.hero.darker-scrim,
.page-hero.darker-scrim {
  background-image: linear-gradient(rgba(19, 41, 75, 0.88), rgba(19, 41, 75, 0.88)), var(--hero-bg, none);
}
.ph {
  position: relative;
  background: repeating-linear-gradient(135deg, transparent 0 0.625rem, #d6e0ec 0.625rem 0.6875rem), #f4f7fb;
  border: 1px solid #d6e0ec;
  border-radius: 0.625rem;
  display: grid;
  place-items: center;
  color: #8494a8;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  overflow: hidden;
}
.ph span {
  background: white;
  padding: 0.3125rem 0.625rem;
  border: 1px solid #d6e0ec;
  border-radius: 0.3125rem;
}
.hero-photo-strip .ph {
  height: 16.25rem;
}
@media (max-width: 760px) {
  .hero-photo-strip .ph {
    height: 11.875rem;
  }
}
.service-card .ph {
  height: 150px;
  border-radius: 0;
}
.portfolio-thumb .ph {
  height: 160px;
}
.service-area-split-map .ph {
  height: 20rem;
}