@use "sass:math";
/* media query mixin */
/* get rid of list formatting */
/* prevent long links from breaking out of container */
/* creates a colored circle with an icon in the middle */
/* formats the placeholder text within an input field */
/* single row */
.icons-with-text-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 3%; }
  @media (max-width: 61.9375rem) {
    .icons-with-text-wrap {
      gap: 10%; } }
  @media (max-width: 47.9375rem) {
    .icons-with-text-wrap {
      gap: 7%; } }

.icons-with-text {
  width: 22.75%;
  margin: 1.25rem 0; }
  @media (max-width: 61.9375rem) {
    .icons-with-text {
      width: 45%; } }
  @media (max-width: 47.9375rem) {
    .icons-with-text {
      width: 46.5%; } }
  @media (max-width: 23.6875rem) {
    .icons-with-text {
      width: 100%; } }

.icons-with-text__icon {
  width: 7.5rem;
  height: 7.5rem;
  margin-bottom: 1.5625rem; }

.icons-with-text__subheader {
  margin-bottom: 0.625rem;
  font-weight: bold;
  font-size: 1.125rem;
  text-transform: uppercase; }

.icons-with-text__description p {
  margin: 0;
  font-size: 1.125rem; }

/* 2 column layout */
.umb-block-grid__area--col-6 .icons-with-text-wrap {
  gap: 10%; }
  @media (max-width: 47.9375rem) {
    .umb-block-grid__area--col-6 .icons-with-text-wrap {
      gap: 7%; } }

.umb-block-grid__area--col-6 .icons-with-text {
  width: 45%; }
  @media (max-width: 47.9375rem) {
    .umb-block-grid__area--col-6 .icons-with-text {
      width: 46.5%; } }
  @media (max-width: 23.6875rem) {
    .umb-block-grid__area--col-6 .icons-with-text {
      width: 100%; } }

/*# sourceMappingURL=icons-with-text.css.map */