/* -------------------------------------------
    Contact
---------------------------------------------- */

@if use(contact) {
	.contact {
        display: flex;
        align-items: center;
        --alpha-contact-icon-size: 2.7rem;

        .contact-content {
            line-height: 1.5;
        }

		.telephone {
			display: block;
		}
		.contact-delimiter {
			text-transform: lowercase;
		}
		i {
            font-size: var(--alpha-contact-icon-size);
            vertical-align: middle;
            padding-#{$right}: 7px;
			transition: color .3s;
        }
        svg {
            width: var(--alpha-contact-icon-size);
            height: var(--alpha-contact-icon-size);
        }
    }
        
}