/*************************************
* ICON MODULE
*************************************/
[data-sek-module-type="czr_icon_module"] {
    text-align: center;
    color: #5a5a5a;
    font-size: 15px;

    a.sek-icon,
    a.sek-icon:hover,
    a.sek-icon:focus,
    a.sek-icon:active,
    a.sek-icon.active {
        color: inherit;
    }
    .box-shadow .sek-icon-wrapper{
      -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 0px;
      -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 0px;
      box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 0;
    }
    .sek-icon {
      i {
        -webkit-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
      }
      // fix for themes (like Hueman) styling the width of the font awesome icons
      .fas, .far, .fab {
        // width and height in em implemented for https://github.com/presscustomizr/nimble-builder/issues/266
        width: 1em;
        height: 1em;
        text-align: center;
      }
    }
    a.sek-icon {
      // fix : themes like Twenty Seventeen styling the link underline with a box-shadow instead of the regular "text-decoration:underline" rule
      box-shadow: none;
      -webkit-box-shadow: none;
      &:hover, &:focus, &:active {
        box-shadow: none;
        -webkit-box-shadow: none;
      }
    }
    .sek-icon-wrapper {
      display: inline-block;
      line-height: 1em;
    }
}