/* These variables are used througout style.scss. */

/* Body font styles */
$body: 'proxima-nova-1', 'proxima-nova-2', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !default;

/* Title font styles */
$title: 'europa-1', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !default;

/* Color variables */
$gray: #62707c !default;
$black: #343E47 !default;

/* Responsive media query mixins */
@mixin viewport($point) {
	@if $point == desktop {
		@media ( max-width: 1250px ) { @content; }
	}
	@else if $point == tablet {
		@media ( max-width: 800px )  { @content; }
	}
	@else if $point == mobile {
		@media ( max-width: 600px )  { @content; }
	}
}

/* Styles for small text with uppercase font style. Used on dates and post meta */
@mixin sans-uppercase {
	color: $gray;
	font-family: $body;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
}
