/*doc
---
title: Ananda Contact
name: ananda-x-contact
category: Ananda Widgets
---

Shows a pretty link to view comments, with a large SVG image background.

```html_example
<div class="ananda-x-contact widget ananda-x-widget-reveal">

	<h3 class="ananda-x-widget-reveal-title">Contact</h3>

		<div class="ananda-x-widget-reveal-content">

				<div class="ananda-x-contact-email">
					<i class="fa fa-envelope"></i>
					<a href="mailto:<?php echo $email; ?>">
						<?php echo $email; ?>
					</a>
				</div>

				<div class="ananda-x-contact-phone">
					<i class="fa fa-phone"></i>
					Call <?php echo $phone; ?>
				</div>

		</div>

</div>
```

*/
/* Simplify on smaller screens, which don't have hover ability	 */
@media ( min-width: 979px ) {

	.ananda-x-contact.ananda-x-widget-reveal:before {
		content: "\f086";
		font-family: "FontAwesome";
		font-size: 168px;
		text-align: center;
	}

}