/**
 * @Project NUKEVIET 4.x
 * @Author VINADES.,JSC
 * @Copyright (C) 2015 VINADES.,JSC. All rights reserved
 * @License GNU/GPL version 2 or any later version
 * @Createdate Sun, 21 Jun 2015 00:23:50 GMT
 */

.matches__item {
    background: #fff;
    border-top: 1px solid #DCDCDC;
    display: block;
    padding: 15px 0px;
    position: relative;
}
.matches__item:first-child {
    border-top: 0px solid #DCDCDC;
	padding: 5px 0px;
}
.matches__context {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.matches__date, .matches__position, .matches__type {
    font-size: 12px;
    font-size: 1.2rem;
    color: #333;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
}
.matches__date .matches__type {
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
}
.matches__command~.matches__command {
    text-align: left;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.matches__command {
    text-align: right;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2 1 31%;
    -ms-flex: 2 1 31%;
    flex: 2 1 31%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.matches__command~.matches__command .matches__flag {
    margin: 0 7px 0 0;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.matches__flag {
    background: #fff no-repeat 50% 50%;
    background-size: 100% auto;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0,0,0,.41);
    max-width: 30px;
    width: 30px;
    height: 30px;
    margin-left: 7px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 30px;
    -ms-flex: 1 1 30px;
    flex: 1 1 30px;
}
.matches__command~.matches__command .matches__country {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.matches__country {
    font-size: 20px;
    font-size: 1.5rem;
	font-weight:700;
    line-height: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 calc(100% - 90px);
    -ms-flex: 1 1 calc(100% - 90px);
    flex: 1 1 calc(100% - 90px);
}
.matches__score {
    min-width: 100px;
    font-size: 2rem;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
	color: #000;
}
.matches__score-item {
    background: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(--90deg,#E9E9E9 0,#FFF 49%,rgba(0,0,0,.08)49%,rgba(255,255,255,.04)62%,#FFF 100%);
    background-image: -moz-linear-gradient(--90deg,#E9E9E9 0,#FFF 49%,rgba(0,0,0,.08)49%,rgba(255,255,255,.04)62%,#FFF 100%);
    background-image: -o-linear-gradient(--90deg,#E9E9E9 0,#FFF 49%,rgba(0,0,0,.08)49%,rgba(255,255,255,.04)62%,#FFF 100%);
    background-image: linear-gradient(-180deg,#E9E9E9 0,#FFF 49%,rgba(0,0,0,.08)49%,rgba(255,255,255,.04)62%,#FFF 100%);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.21), 0 1px 2px 0 rgba(0,0,0,.35);
    border-radius: 4px;
    display: inline-block;
    width: 31px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: top;
}
.matches__position, .matches__type {
    text-align: right;
}
.matches__position {
    font-size: 1.4rem;
}
#event h2{
	font-size: 16px;
	font-weight: bold
}

#event_detail ul{
	padding: 0
}

#event_detail ul li{
	line-height: 25px
}
@media (max-width: 767px) {
	.matches__item {
		padding: 8px 15px;
	}
	.matches__context {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.matches__date {
		margin-bottom: 10px;
	}
	.matches__date, .matches__position, .matches__type {
		text-align: center;
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
	}
	.matches__position, .matches__type {
		padding-top: 10px;
		text-align: center;
	}
	.matches__date .matches__type {
		padding: 0;
		text-align: center;
	}
	.matches__command {
		display: block;
	}
	.matches__flag {
		width: 16px;
		height: 16px;
		margin: 0 auto 8px;
	}
	.matches__country {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.3;
		text-align: center;
	}
	.matches__score {
		font-size: 2.4rem;
	}
	.matches__command~.matches__command .matches__flag {
		margin: 0 auto 8px;
	}
	.matches__flag {
		width: 16px;
		height: 16px;
	}
	
	.cat-title {
		font-size: 2rem;
	}
}