style.less

/***************************
/** Fonts
***************************/
@font-face {
  font-family: Lato;
  src: url(../fonts/Lato/Lato-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: Lato;
  src: url(../fonts/Lato/Lato-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Lato;
  src: url(../fonts/Lato/Lato-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: Lekton;
  src: url(../fonts/Lekton/Lekton-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: Lekton;
  src: url(../fonts/Lekton/Lekton-Bold.ttf);
  font-weight: bold;
}

/***************************
/** Variables
***************************/
@typo_body: 'Lato', sans-serif;
@typo_1: 'Lekton', sans-serif;

@color1: #1C2F82;
@color2: rgb(0, 180, 149);


/***************************
/** Global
***************************/
.attendance, .attendance td, .convention, .convention td {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.training-footer {
	border-top: 1px solid #eee;
	padding-top: 10px;
	font-size: 11px; 
	font-family: 'Lekton', sans-serif;
	text-align: center;
	color: #333;
}

/***************************
/** Attendance
***************************/
.attendance h1 {
	color: @color2;
	font-size: 26px;
	font-family: 'Lekton', sans-serif;
	text-transform: uppercase;
}
.attendance h2 {
	color: @color1;
	font-size: 22px;
	font-family: 'Lekton', sans-serif;
}

/***************************
/** Convention
***************************/
.convention h1 {
	background-color: @color2;
	color: #fff;
	padding: 5px 0;
	font-size: 26px;
	font-family: 'Lekton', sans-serif;
	text-transform: uppercase;
}
.convention h2 {
	color: @color1;
	font-size: 22px;
	font-family: 'Lekton', sans-serif;
	text-transform: uppercase;
}
.convention h3 {
	font-size: 18px;
	color: #777;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-top: 32px;
}
.convention h4 {
	margin-left: 40px;
	font-size: 16px;
	color: #333;
}
.convention p {
	text-align: justify;
}