/* CSS for icon box
 * Author: Micha Kodalle */
/* Wrapper for the icon box */
.icon-box {
  padding: 1em;
  margin: 4em 0 0 0;
  border-radius: 25px;
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* Wrapper for the icon line */
.icon-box-wrapper {
  display: flex;
  justify-content: center;
  text-align: center;
  /* The actual icon */
}
.icon-box-wrapper i {
  font-size: 50px;
  position: absolute;
  top: -57px;
  padding: 0.6em;
  border-radius: 50%;
  aspect-ratio: 1/1;
  height: 50px;
}

/* The box for the content */
.icon-box-content {
  padding-top: 3.5em;
}

/* CSS for icon box
 * Author: Micha Kodalle */
/* Main Box */
.su-info-box {
  box-shadow: -5px -5px 20px rgba(255, 255, 255, 0.9), 5px 5px 20px #546e7a7a;
  margin: 0.3em;
}

/* Header with title */
.su-info-box-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: stretch;
  border-radius: 12px 12px 0 0;
  /* Heading inside the header */
}
.su-info-box-title h2, .su-info-box-title h3 {
  color: #fff;
  font-size: 1.8em;
  padding: 0.2em;
  margin: 0.4em;
}

/* Content Area - Card Body */
.su-info-box-content {
  padding: 1em;
}

/* Padding for the icon */
.su-info-box-item {
  padding: 0.5em 2em 0 3em;
}

/*# sourceMappingURL=shortcode-ultimate-newmedia-public.css.map */