/*------------------------------------------------------------------------------
  Branding
------------------------------------------------------------------------------*/

@magenta: #b33894;
@purple: #604684;
@blue: #3e6fb6;
@text-gray: #595a5c;
@border-color: #ccc;


/*------------------------------------------------------------------------------
  Measurements
------------------------------------------------------------------------------*/
@device-breakpoint: 767px;

/*------------------------------------------------------------------------------
  Mixins
------------------------------------------------------------------------------*/

.box-shadow( @args ) {
	-webkit-box-shadow: @args;
	-moz-box-shadow: @args;
	box-shadow: @args;
}

.border-radius( @radius ) {
	border-radius: @radius;
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
}

.transition( @props ) {
	-webkit-transition: @props;
    -moz-transition: @props;
    -o-transition: @props;
    transition: @props;
}

.transform( @props ) {
	-webkit-transform: @props;
	-moz-transform: @props;
	-ms-transform: @props;
	-o-transform: @props;
}

.clearfix() {
	&:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
}