/* Comm'une Couleur Landing Page - Icons (SVG inline) */

/* Classe utilitaire commune */
.icon-svg {
    display: inline-block;
    vertical-align: middle;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Variantes pleines (logos type LinkedIn) */
.icon-svg--solid {
    fill: currentColor;
    stroke: none;
}

/* Tailles */
.icon-svg--sm { width: 16px; height: 16px; }
.icon-svg--md { width: 20px; height: 20px; }
.icon-svg--lg { width: 32px; height: 32px; }

/*Icon Block*/

.icon-block {
    position: relative;
}

.icon-block h4 {
    font-weight: bold;
    padding-top: 0;
}

.icon-block .icon {
    position: absolute;
}

.icon-block p {
    margin-top: 0;
}

/* Icon Left*/

.icon-left .icon {
    left: 15px;
}

.icon-left .icon-block-description {
    padding-left: 53px;
}

/* Icon Right */

.icon-right .icon {
    right: 15px;
}

.icon-right .icon-block-description {
    padding-right: 53px;
}

/* Icon Above */

.icon-top {
    display: block;
}

.icon-top .icon {
    position: relative;
    display: block;
}

.icon-top .icon-block-description {
    padding-top: 25px;
}