@import "color.css";

$font-family-normal: 'Open Sans', sans-serif;
$font-family-condensed: 'Open Sans Condensed', sans-serif;


@mixin font-section-title($color: $color-grey-title) {
  font-family: $font-family-condensed;
  font-size: 64px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: $color;
}

@mixin font-section-subtitle($color: $color-grey-title) {
  font-family: $font-family-normal;
  font-size: 19px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0;
  color: $color;
}

@mixin font-subsection-title($color: $color-grey-title) {
	@include font-section-title($color);
}

@mixin font-user-name ($color: $color-grey-title, $size: 25px, $transform: none) {
  font-family: $font-family-normal;
  font-size: $size;
  font-weight: bold;
  line-height: 20px;
  color: $color;
  text-transform: $transform;
}

@mixin font-flash {
  font-family: $font-family-normal;
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
  color: white;
  text-transform: uppercase;
}
@mixin font-user-desc ($color: $color-grey-title, $size: 25px, $transform: none) {
  @include font-user-name($color, $size, $transform);
}

@mixin font-content-name ($color: $color-grey-input) {
	font-family: $font-family-normal;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	color: $color;
}

@mixin font-price ($color: $color-fucsia) {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: $color;
}

@mixin font-date-1 ($color: $color-grey-title) {
	font-family: $font-family-normal;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

@mixin font-normal($color: $color-grey-input) {
  font-family: $font-family-normal;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: $color;
}

@mixin font-input($color: $color-grey-input) {
  font-family: $font-family-normal;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: $color;
}

@mixin font-suggestions-title($color: $color-grey-title) {
  font-family: $font-family-normal;
  font-size: 25px;
  font-weight: 100;
  line-height: 40px;
  color: $color;
}

@mixin font-content-name($color: $color-grey-title) {
  font-family: $font-family-normal;
  font-size: 24px;
  font-weight: normal;
  line-height: 29px;
  color: $color-grey-title;
  text-transform: uppercase;
  overflow: hidden;
  word-wrap: break-word;
 -ms-word-break: break-all;
   word-break: break-all;
}


@mixin font-format-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@mixin font-modal-title($color: $color-grey-title) {
  font-family: $font-family-condensed;
  font-size: 19px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: $color;
}

@mixin font-button($color: white) {
	color: $color;
  font-family: $font-family-normal;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
	font-style: normal;
}