.font_helvetica{ font-family: Helvetica; }
.font_weight_800{ font-weight:800; }
.font_weight_700{ font-weight:700; }
.font_weight_600{ font-weight:600; }
.font_weight_500{ font-weight:500; }
.font_weight_400{ font-weight:400; }
.font_weight_300{ font-weight:300; }
.font_weight_200{ font-weight:200; }
.font_weight_100{ font-weight:100; }

.font_white{ color:#FFFFFF; }
.font_offWhite{ color:#eee; }
.font_black{ color:#000000; }
.font_grey{ color:#363636; }
.font_medgrey{ color:#7a7a7a; }
.font_darkgrey { color:#474747; }
.font_lightgrey{ color:#a5a5a5; }
.font_verylightgrey{ color:#ddd; }
.font_blue{ color:#3dc5df; }
.font_green{ color:#93a75a; }
.font_lightGreen{color:#c4e175;}
.font_veryLightGreen{color:#EDFAC9;}
.font_red{ color:#f84f13; }
.font_red_important{ color:#f84f13 !important; }
.font_uppercase{ text-transform:uppercase;  }
.font_capitalize{ text-transform:capitalize;  }


/* generic sizes */
.font_xxsmall{ font-size:8px; }
.font_xsmall{ font-size:10px; }
.font_small{ font-size:12px; }
.font_medium{ font-size:14px; }
.font_xmedium{ font-size:17px; }
.font_xxmedium{ font-size:20px; }
.font_large{ font-size:25px; }
.font_xlarge{ font-size:30px; }
.font_xxlarge{ font-size:40px; }

/*positioning */
.verticalPadding {padding-top:10px;padding-bottom:10px;}
.verticalPaddingSmall {padding-top:5px;padding-bottom:5px;}
.font_centered {text-align:center;}
.font_right {text-align:right;}
.verticalMargin{margin-top:10px;margin-bottom:10px;}
.marginAuto {margin:auto;}
.span_full_width {width: 100%; display: inline-block;}
.vcenter_text{display:table; height:100%;}
.vcenter_text span{vertical-align:middle; display:table-cell;}
.floatRight {float:right;}
.floatLeft {float:left;}
.floatNone{float:none;}
.noTouch{pointer-events:none;}
.vcenter_div{vertical-align:middle;}

a {color:#7b913e;}
a:hover {color:#6f7363;}
a.lightGreen{color:#c4e175; text-decoration: none; cursor: pointer;}
a.lightGreen:hover{color:#d5f286; text-decoration: none;}

a.darkGreen{ color:#51703e; text-decoration: none; cursor: pointer; }
a.darkGreen:hover{ color:#30502d; }

span.link {cursor:pointer; text-decoration:underline; color:#7b913e;}
span.link:hover {color:#6f7363;}

span.link.disabled {
  color:#6f7363;
  pointer-events: none;
}
span.commentSpan {
    word-break: break-word;
}

/* specific sizes */
.font_gameplayScore {
    font-size: 100px;
}
.font_countdown{ font-size:120px; }
.font_message{ font-size:50px; }
.font_messageDescription{ font-size:22px; }

.font_title  { font-family:"Montserrat"; font-size:40px; text-transform:uppercase;   }
.padding {padding:10px;}
.paddingSmall {padding:5px;}
.paddingBig {padding:20px;}
.paddingBottom{padding-bottom:5px;}
.paddingLR{padding:0px 10px;}
.paddingLRBig{padding:0px 20px;}
.paddingLRSmall{padding:0px 5px;}
.marginLR{margin:0px 10px;}
.marginSmall{margin:5px;}
.marginBottom{margin-bottom:10px;}
.marginBottomBig{margin-bottom: 20px;}
.marginBottomSmall{margin-bottom:5px;}
.marginTop{margin-top:10px;}
.marginTopBig{margin-top: 20px;}
.marginTopSmall{margin-top: 5px;}
.text_margin_right{margin-right:10px;}
.text_big_margin_right{margin-right:30px;}
.text_med_margin_right{margin-right:20px;}
.smallIndent {padding-left:5px;}
.indent {padding-left:10px;}
.bigIndent {padding-left:20px;}

.text_padding_right{padding-right:10px;}
.text_big_padding_right{padding-right:30px;}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.font_underline {
	text-decoration:underline;
}

.text-right {
    text-align:right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(../../assets/fonts/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(../../assets/fonts/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff');
}
@font-face {
  font-family: 'Sanchez';
  font-style: normal;
  font-weight: 400;
  src: local('Sanchez'), local('Sanchez-Regular'), url(../../assets/fonts/9T6om-IyqE2CuKLLQr0lcgLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(../../assets/fonts/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../../assets/fonts/b9QBgL0iMZfDSpmcXcE8nPZRQUbYfRc-1FWT9T9EE8M.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(../../assets/fonts/MEz38VLIFL-t46JUtkIEgKwsIWd7evfOerjO4J_CQWU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(../../assets/fonts/dazS1PrQQuCxC3iOAJFEJfR_54zmj3SbGZQh3vCOwvY.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../../assets/fonts/y7lebkjgREBJK96VQi37ZrrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(../../assets/fonts/dazS1PrQQuCxC3iOAJFEJRbnBKKEOwRKgsHDreGcocg.woff) format('woff');
}