/* Icon Solutions CSS */

/* This CSS provides specific styles for each icon solution */

/* Default styles (no specific solution) */
.block-fourteen .icon {
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    height: 60px;
}

/* When using Flaticon font */
body.using-flaticon .block-fourteen .icon i:before {
    font-size: 36px;
}

/* When using Font Awesome fallback */
body.using-font-awesome-fallback .block-fourteen .icon i:before {
    font-family: 'FontAwesome';
    font-size: 36px;
}

/* When using SVG fallback */
body.using-svg-fallback .block-fourteen .icon i {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

body.using-svg-fallback .block-fourteen .icon i:before {
    content: '' !important;
}