/* liveHome */
.liveHome{
	&.no-coordinates{
		.coordinates{
	    display: none;
		}
		.commentary {
			padding: 20px 0 0;
			.boxCommentary {
	    	top: 15px;
			}
		}
	}
	.coordinates{
		.BG_title{
			display: none;
		}
		background: darken(@bg, 10%);
		-webkit-box-shadow: inset 0 6px 7px -7px darken(@bg, 40%),  inset 0 -6px 7px -7px darken(@bg, 40%);
		-moz-box-shadow: inset 0 6px 7px -7px darken(@bg, 40%),  inset 0 -6px 7px -7px darken(@bg, 40%);
		box-shadow: inset 0 6px 7px -7px darken(@bg, 40%),  inset 0 -6px 7px -7px darken(@bg, 40%);
	}
	.commentary{
		.BG_title{
			display: none;
		}
		.boxCommentary{
			top: -30px;
			.commentaryContent{
				.commentaryItem{
					.boxTime {
						.dataSmall{
							width: 85%;
						}
					}
					.boxDescription {
						.data{
							width: 85%;
						}
					}
					&.firstElement{
						.boxDescription{
							.data{
								.text{
									font-size: 20px;
									padding: 30px;
								}
								.arrowRight{
									&:after{
										border-style: solid;
										border-width: 0px 20px 20px 0;
										border-color: @bg transparent;
										left: 0;
										top: 0;
									}
									border-style: solid;
									border-width: 0px 20px 20px 0;
									border-color: darken(@bg, 60%) transparent;
									top: 70px;
								}
							}
							margin-bottom: -70px;
							top: -70px;
						}
					}
					&.last{
						opacity: 0.4;
						filter: alpha(opacity=40); /* For IE8 and earlier */
					}
					&.preLast{
						opacity: 0.6;
						filter: alpha(opacity=60); /* For IE8 and earlier */
					}
				}
			}
			.teamsShields .boxElements{
				padding-top: 0;
			}
		}
	}
	&.maxSize-767{
		.boxCommentary{
			background-position: 19.5% 0, 80.55% 0;
			.commentaryItem.firstElement.outstanding{
				.boxDescription {
					.data {
						.text{
							display: block;
							font-size: 14px;
							padding: 10px 10px 20px;
							.profilePicture{
								display: block;
								width: 48px;
								margin: 0 auto 10px;
							}
							.profileText{
								text-align: center;
							}
						}
					}
				}
			}
		}
 	}
	&.maxSize-479{
		.commentary{
			.boxCommentary{
				top: 0px;
				background-position: 0%  0, 100% 0;
				.commentaryContent{
					.commentaryItem{
						&.firstElement {
							&.outstanding{
								.boxDescription{
									left: 0;
									.data{
								    width: 90%;
										.text{
											font-size: 14px;
											padding: 10px 10px 20px;
										}
										.arrowRight{
											top: inherit;
										}
									}
								}								
							}
							.boxDescription{
								top: 0;
								margin-bottom: 0;
								left:18px;
								.data{
							    width: 95%;
									.text{
										font-size: 14px;
										padding: 10px;
									}
									.arrowRight{
										top: 0px;
									}
								}
							}
						}
						.boxIcons{
							width: 8%;
							.boxTime{
								.dataSmall{
							    min-height: 30px;
							    margin-top: 16px;
								}
							}
							.arrowTop{
								 border-left: 8px solid transparent;
								 border-right: 8px solid transparent;
								 border-bottom: 14px solid darken(@bg, 60%);
								 position: absolute;
								 top: -14px;
								 left: 0;
								 width: 13px;
								 height: 14px;
								 margin: 0 auto;
								 right: 0;
								 &:after{
										content:"";
										width:0;
										height:0;
										border-left: 8px solid transparent;
										border-right: 8px solid transparent;
										border-bottom: 14px solid @bg;
										position:absolute;
										top: 1px;
										left: -8px;
								 }
							}
						}
						.boxDescription {
							width: 84%;
							&.expandLeft{
								left:-24px;
							}
							&.expandRight{
								right:-24px;
							}
							.data{
								width: 84%;
							}
						}
					}
				}
				.teamsShields{
					.local{
						div{
							float: left;
						}
					}
					.away{
						div{
							float: right;
						}
					}
				}
			}
		}
	}
	&.maxSize-310{
		.commentary{
			.boxCommentary{
				.commentaryContent{
					.outstanding {
						.boxDescription {
							.data {
								.text{
									display: block;
									.profilePicture{
										display: block;
										width: 48px;
										margin: 0 auto 10px;
									}
									.profileText{
										text-align: center;
									}
								}
							}
						}
					}
					.commentaryItem{
						.boxIcons{
							width: 13%;
						}
						.boxDescription {
							width: 74%;
							.data{
								width: 90%;
							}
						}
					}
				}
			}
		}
	}
}
.tempus {
	.liveHome{
		.coordinates{
			margin: 0 -15px;
		}
	}
}




   /* Fin liveHome */