@charset "UTF-8";
/* CSS Document */
body .alignCenter {
	text-align: center;
}
body .alignLeft {
	text-align: left;
}
body .alignRight {
	text-align: right;
}

body section {
        width: 100%;
}
article.icon-container {
  margin: -4em auto;
  padding: 0;
  max-width: 60em;
    display: flex;
    justify-content: center; 
    flex-wrap: wrap;
}
div.icon-grid {
    display: flex;
    justify-content: center; 
    flex-wrap: wrap;
    max-width: 60em;
    width: 100%;
    /*margin: 2vh auto 0;*/
    margin: 0 auto;
    z-index: 2;
}
.icon-grid-card {
  display: flex;
  flex-direction: column;
  justify-content:space-between;
    width: 25%;
    min-width: 10em;
    margin: 0 0 2em;
    padding: 0;
	background-color: transparent;
}
.icon-grid-card h6 {
    font-weight: var(--font-weight-regular);
    font-family: var(--font-family-narrow);
    font-size: var(--font-size-h6);
    line-height: var(--font-lineheight-2);
    margin: 0;
    padding: 0.5em 0;
    /*color: #0540ff;*/
    text-align: center;
    color: #d4003b;
}
div.icon-wrapper {
    height: 75px;
    min-width: 10em;
}

.icon-thumb {
height: 69px;
  transition: all .2s cubic-bezier(.25,.46,.45,.94);
-webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
  width: 69px;
  filter: brightness(0) saturate(100%) invert(22%) sepia(55%) saturate(7494%) hue-rotate(333deg) brightness(78%) contrast(117%);
    -webkit-filter: brightness(0) saturate(100%) invert(22%) sepia(55%) saturate(7494%) hue-rotate(333deg) brightness(78%) contrast(117%);
}
img.icon-thumb:hover   {
  height: 75px !important;
  transition: all .2s cubic-bezier(.25,.46,.45,.94);
  width: 75px !important;
    background-color: transparent;
}
.icon-grid-card:hover a {
    cursor: pointer;     
}
section.cont-callout-container {
  background-color: hsla(var(--color-neutral-4), var(--opacity-1));
  justify-content: center;
  align-items: center;
    margin: 0 auto;
    padding: 2vh 0 !important;
	text-align: center;
}