ACC SHELL

/* ==========================================================================
   Components.Contact
   ========================================================================== */

.c-contact {
    @include rem(font-size, 14px);
    font-style: italic;
    font-weight: 600;
}

    .c-contact__item.c-contact__item {
        margin-top: $base-unit;
    }

    .c-contact__square {
        position: relative;
        display: block;
        width: 40px;
        height: 40px;
        margin-right: 15px;
        margin-bottom: 10px;
        border: 1px solid $color-black;
        background-color: $color-white;
        vertical-align: middle;
        transform: skewX(-10deg);

        @include mq("small-up") {
            display: inline-block;
            margin-bottom: 0;
        }
    }

        .c-contact__icn {
            position: absolute;
            transform: skewX(10deg);

            &.icon-email {
                top: 11px;
                left: 12px;
            }

            &.icon-phone {
                top: 12px;
                left: 14px;
            }

            &.icon-address {
                top: 14px;
                left: 12px;
            }

            &.icon-marker {
                top: 9px;
                left: 12px;
            }
        }

    .c-contact__content {
        display: inline-block;
        color: $color-black;
        vertical-align: middle;
    }