@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400';



/*

Theme Name: HBC 2016

Description: Thème pour le site web du HandBall Chamalières

Author: Christophe Rescan, Yann Gayton

Version: 1.0.0



*/


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}




/*--------------------------------------------------------------

# Layout

--------------------------------------------------------------*/

#page {

	margin-top: 30px;

}

#masthead, #splash, #main-after, #footer-menu, .site-info {

	width: 980px;

	margin: 0 auto;

}

#masthead {

	margin-bottom: 25px;

}

#main-before {

	margin-bottom: 30px;

    width: 100%;

}

#primary {

    width: 640px;

    margin-right: 40px;

    padding-top: 10px;

}

#primary-full {

    width: 100%;

    padding-top: 10px;

}

#secondary {

    width: 300px;

}

#colophon {

	margin-top: 30px;

}



/*--------------------------------------------------------------

# Commun

--------------------------------------------------------------*/



.home h2, .side-title {

    position: relative;

    z-index: 1;

    text-align: center;

    text-transform: uppercase;

    color: #000;

    font-weight: 400;

    margin-bottom: 20px;

	font-size: 18px;

}

.home h2:before, .side-title:before {

    border-top: 4px solid #de1819;

    content: "";

    margin: 0 auto;

    position: absolute;

    top: 40%;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    z-index: -1;

}

.home h2 span, .side-title span {

    background: #fff;

    padding: 0 15px;

}

#partenaires {

	margin-bottom: 30px;

	margin-top: 30px;
	
	flex: 0 0 900px !important;

}

#partenaires ul {

    padding: 0;

}

#partenaires .flex-container{

	justify-content: space-around;

}

#partenaires li {

	list-style-type: none;
	height: 140px;

}

#partenaires a {

    display: block;

    width: 140px;

    height: 120px;

}

#partenaires a  span{

    display: none;

}

#chamalieres {

    background: transparent url(img/hbc-partenaires.png) 0 -240px no-repeat;

	margin: 0 0 20px 0;

}

#chamalieres:hover {

    background: transparent url(img/hbc-partenaires.png) -140px -240px no-repeat;

}

#cg-puy {

    background: transparent url(img/hbc-partenaires.png) 0 0 no-repeat;

}

#cg-puy:hover {

    background: transparent url(img/hbc-partenaires.png) -140px 0 no-repeat;

}

#sport-comm {

    background: transparent url(img/hbc-partenaires.png) 0 -120px no-repeat;

}

#sport-comm:hover {

    background: transparent url(img/hbc-partenaires.png) -140px -120px no-repeat;

}

#emdro {

    background: transparent url(img/hbc-partenaires.png) 0 -360px no-repeat;

}

#emdro:hover {

    background: transparent url(img/hbc-partenaires.png) -140px -360px no-repeat;

}

#gavroche{

	background: transparent url(img/hbc-partenaires.png) 0 -480px no-repeat;

}

#gavroche:hover{

	background: transparent url(img/hbc-partenaires.png) -140px -480px no-repeat;
	
}

#intersport{

	background: transparent url(img/hbc-partenaires.png) 0 -600px no-repeat;

}

#intersport:hover{

	background: transparent url(img/hbc-partenaires.png) -140px -600px no-repeat;
	
}

.post-feature-image {

	margin-bottom: 20px;

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#masthead {

	text-align: center;

}

.site-title {

    position: absolute;

    left: 50%;

    margin-left: -75px;

    margin-top: 10px;

}



/*--------------------------------------------------------------

# Menu

--------------------------------------------------------------*/

#site-navigation  {

    padding: 35px 0;

}

.menu-toggle {

    display: none;

}

#site-navigation ul {

	padding: 0;

}

#site-navigation li {

	list-style-type: none;

    display: inline-block;

	margin: 0 19px;

}

#site-navigation ul > li#menu-item-87 {

    margin-left: 0;

}

#site-navigation ul > li#menu-item-89 {

	margin-right: 325px;

}

#site-navigation ul > li#menu-item-92  {

    margin-right: 0;

}

#site-navigation li a {

    text-transform: uppercase;

    font-weight: 600;

    font-size: 16px;

    text-decoration: none;

	padding: 5px 0;

}

#site-navigation li.current-menu-item a {

    border-bottom: 5px solid #999;

}

#site-navigation li a:hover {

    border-bottom: 5px solid #de1819;

}

.sub-menu {

    position: absolute;

    margin-left: -45px;

    margin-top: 1px;

    width: 170px;

    background: white;

    z-index: 10;

}

#site-navigation .sub-menu  li:first-child {

    border-top: 5px solid #de1819;

}

#site-navigation li#menu-item-93 .sub-menu {

	display: none;

}

#site-navigation li#menu-item-93:hover .sub-menu {

	display: block;

}

#site-navigation li#menu-item-93:hover a {

	color: #de1819;

}

#site-navigation .sub-menu  li {

	display: block;

    border-bottom: 1px solid #333;

    padding: 7px 0;

    margin: 0;

}

#site-navigation li#menu-item-93 li a {

	border-bottom: 0;

	font-size: 14px;

    display: block;

    padding: 0;

}

#site-navigation li#menu-item-93:hover li a {

	color: #666;

}

#site-navigation li#menu-item-93:hover  li a:hover {

	color: #de1819;

}



/*--------------------------------------------------------------

# Splash

--------------------------------------------------------------*/

#main-before {

	background: #333;

    border-top: 10px solid #de1819;

	position: relative;

}

#main-before:before {

    content: " ";

    position: absolute;

    z-index: 1;

    top: -1px;

    left: 0;

    right: 0;

    bottom: 0;

    border-top: 1px solid #fff;

}

#splash {

	padding: 30px 120px;

	text-align: center;

	background: #333;

	color: white;

	max-height: 510px;

    overflow: hidden;

}

#splash h1 {

    text-transform: uppercase;

    font-weight: 400;

    font-size: 28px;

    margin: 0;

}

#splash p {

    font-size: 20px;

}

#splash .sss{
	position: relative;
}

#splash .sss::before, #splash .sss::after{
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100px;
	z-index: 1;
}

#splash .sss::before{
	left: 0px;
	background: linear-gradient(to right, rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%);
}

#splash .sss::after{
	right: 0px;
	background: linear-gradient(to right, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%);
}



/*--------------------------------------------------------------

# Sidebar

--------------------------------------------------------------*/





/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

#colophon {

	background: #333;

	color: #fff;

	border-top: 10px solid #de1819;

}

#colophon a {

	color: #fff;

}

#footer-menu  {

    padding: 40px 0;

}

#footer-menu  ul {

    padding: 0;

    margin-top: -5px;

}

#footer-menu  li {

    list-style-type: none;

    margin-bottom: 8px;

}

#footer-menu  a {

    text-transform: uppercase;

	text-decoration: none;

    font-weight: 400;

    font-size: 15px;

}

#footer-menu  div {

    flex: 0 0 300px;

	margin-right: 40px;

}

#footer-menu  div:last-child {

	margin-right: 0;

}

#footer-menu  img {

    margin: 0 auto;

}

#footer-part-2 {

	text-align: center;

}

#footer-part-3 {

	text-align: right;

}

.site-info {

	text-align: center;

	padding-bottom: 20px;

}



/*--------------------------------------------------------------

# Home

--------------------------------------------------------------*/

.home #splash {

    max-width: 1128px;

    padding: 30px 0;

    width: 100%;

}

.home #splash h1 {

    font-size: 22px;

    text-align: right;

    width: 170px;

    margin-right: 25px;

    float: left;

    line-height: 1.4;

}

.home #splash p {

    font-size: 20px;

    margin: 0;

    text-align: left;

}

.home #splash-txt {

	position: relative;

    width: 100%;

    height: 100px;

    padding: 20px 170px 15px 170px;

    background: rgba(51, 51, 51, 0.8);

    margin-top: -100px;

}

.home #splash-txt div {

    max-width: 980px;

    margin: 0 auto;

}

.home #main-after {

    margin-top: 10px;

    margin-bottom: 10px;

}

.home #main-after > div  > div {

	flex: 0 0 300px;

}

.home #resultats-content, .home #actualites-content {

	height: auto;

}

.home #actualites-content{

	width: 100%;

}

.home #actualites-content .fb-page{
	width: 100%;
}

.home #actualites-content .fb-page > span{
	display: block;
	margin: auto;
}

.home #resultats-content {

    background: #eee;

    border: 1px solid #666;

}

.accordion dt { 

	border-top: 1px solid #eee; 	cursor: pointer; 	padding: 8px 15px; 	margin: 0;

	background: #666;

}.accordion dt:first-child { 	border-top: none; }

.accordion dt a { 

	color: #fff;

	text-decoration: none;

}

.accordion dd { display: none; border-bottom: 1px solid #DDD; height: auto; margin-left: 0px; padding: 20px;}

.accordion dt:before { 

	content: '\02795';

    font-size: 11px;

    color: #eee;

    float: right;

    margin-left: 5px;

    margin-top: 3px;

}

.accordion dt.accordion-active:before { 

	content: "\2796"; 

}

.accordion dt.accordion-active:hover { 

	cursor: default; 

}

.home #actualites#actualites#actualites#actualites {
	
	flex: 0 0 600px;

    margin: 0 40px;

}

#info-1, #info-2 {

    height: 185px;

    padding: 20px;

	color: #fff;

}

#info-1 {

    background: #de1819;

	margin: 0 0 30px 0;

}

#info-2 {

    background: #666;

}

#info-1 h3, #info-2  h3 {

    margin: 0 0 5px 0;

    font-weight: 400;

    font-size: 20px;

}

.loader {

	position : fixed;

	z-index: 9999;

	background : #333 url('img/loader.gif') 50% 50% no-repeat;

	top : 0px;

	left : 0px;

	height : 100%;

	width : 100%;

	cursor : wait;

}






.single-post .entry-title,
.page .entry-title,
.entry-meta + .entry-title {
	font-size: 26px;
	font-weight: 400;
	letter-spacing: normal;
	padding-top: 0;
	margin-top: 0;
	text-transform: none;
}

.entry-title a,
.entry-meta a,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a
 {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.edit-link a:focus,
.edit-link a:hover
{
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.byline,
.updated:not(.published) {
	display: none;
}

.article-list article:not(:last-child){
	padding-bottom: 20px;
	border-bottom: solid 1px #dedede;
}

.article-list article:not(:first-child){
	padding-top: 40px;
}

.slider{
	max-height: 450px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#last-articles{
	margin-right: 40px;
	margin-bottom: 20px;
}

#last-articles .flex-container{
	justify-content: space-between;
}

#last-articles .flex-container > div{
	width: 24%;
	border: solid 1px #d4d1d1;
	padding: 10px;
	margin-bottom: 10px;
}

#last-articles .flex-container > div img{
	max-height: 75px;
	width: auto;
	display: block;
	margin: auto;
}


/*--------------------------------------------------------------

# Responsive

--------------------------------------------------------------*/



@media (max-width: 1120px) {



	.home #splash-txt {

		padding: 20px 0 15px 0;

	}

	.home #splash-txt div {

		max-width: 790px;

		margin: 0 auto;

	}



}



@media (max-width: 1020px) {



	#masthead, #splash, #main-after, #footer-menu, .site-info {

		width: 800px;

	}

	#primary {

		width: 500px;

		margin-right: 30px;

	}

	#secondary {

		width: 270px;

	}

	#footer-menu div {

		flex: 0 0 240px;

		margin-right: 40px;

	}

	/* Splash */

	#splash {

		padding: 30px 90px;

	}

	/* Menu */

	#site-navigation li {

		margin: 0 10px;

	}

	#site-navigation ul > li#menu-item-89 {

		margin-right: 245px;

	}

	/* Sidebar */
/*
	section #chamalieres {

	    margin: 0 10px 20px 0px;

	}

	section #cg-puy {

		margin: 0 0px 20px 10px;

	}

	section #sport-comm {

	    margin: 0 10px 0 0;

	}

	section #emdro {

		margin: 0 0 0 10px;

	}
	*/

	/* Home */

	.home #splash {

		padding: 30px 0;

	}

	.home #splash-txt {

		padding: 15px 5% 5px 5%;

		height: 85px;

		margin-top: -85px;

	}

	.home #splash-txt div {

		max-width: 760px;

	}

	.home #splash h1 {

		font-size: 20px;

	}

	.home #splash p {

		font-size: 19px;

	}

	.home #main-after > div  > div {

		flex: 0 0 250px;

	}

	.home #actualites {

		margin: 0 25px;

	}

	#info-1, #info-2 {

		height: 185px;

	}

	.home #actualites#actualites#actualites#actualites {
	
		flex: 0 0 100%;
		margin: 0px;
		margin-top: 30px;
	
	}

	#partenaires {

		
		flex: 0 0 100% !important;
		margin: 0px;
	
	}

	#last-articles{
		margin: 0px;
	}

	#last-articles .flex-container > div{
		width: 100%;
	}
	

}



@media (max-width: 1020px) and (min-width: 641px) {

	#partenaires a {

		width: 115px;

		height: 100px;

	}

	#chamalieres {

		background: transparent url(img/hbc-partenaires.png) -13px -250px no-repeat;

		margin-bottom: 20px;

	}

	#chamalieres:hover {

		background: transparent url(img/hbc-partenaires.png) -153px -250px no-repeat;

	}

	#cg-puy {

		background: transparent url(img/hbc-partenaires.png) -13px -10px no-repeat;

		margin-bottom: 20px;

	}

	#cg-puy:hover {

		background: transparent url(img/hbc-partenaires.png) -153px -10px no-repeat;

	}

	#sport-comm {

		background: transparent url(img/hbc-partenaires.png) -13px -130px no-repeat;

		margin-bottom: 20px;

	}

	#sport-comm:hover {

		background: transparent url(img/hbc-partenaires.png) -153px -130px no-repeat;

	}

	#emdro {

		background: transparent url(img/hbc-partenaires.png) -13px -370px no-repeat;

		margin-bottom: 20px;

	}

	#emdro:hover {

		background: transparent url(img/hbc-partenaires.png) -153px -370px no-repeat;

	}

	#gavroche{

		background: transparent url(img/hbc-partenaires.png) 0 -490px no-repeat;
	
		margin-bottom: 20px;

	}
	
	#gavroche:hover{
	
		background: transparent url(img/hbc-partenaires.png) -153px -490px no-repeat;
		
	}

	#intersport{

		background: transparent url(img/hbc-partenaires.png) 0 -610px no-repeat;
	
		margin-bottom: 20px;

	}
	
	#intersport:hover{
	
		background: transparent url(img/hbc-partenaires.png) -153px -610px no-repeat;
		
	}

	#info-1, #info-2 {

		height: 185px;

	}

}



@media (max-width: 840px) { 



	#splash, #main-after, #footer-menu, .site-info {

		width: 520px;

	}

	#masthead {

		width: 100%;

	}

	#primary {

		width: 100%;

		margin: 0 0 30px 0;

	}

	#secondary {

		width: 100%;

	}

	#footer-menu div {

		flex: 0 0 160px;

		margin-right: 20px;

	}

	.site-title {

		position: relative;

		left: 0;

		margin-left: 0;

	}

	/* Splash */

	#splash {

		padding: 30px 20px;

	}

	/* Menu */

	#site-navigation {

		padding: 35px 0 5px 0;

	}

	#site-navigation li {

		margin: 0 2%;

	}

	#site-navigation ul > li#menu-item-89 {

		margin-right: 2%;

	}

	/* Home */

	.home #splash {

		padding: 30px 0;

	}

	.home #splash-txt {

		margin-top: 0;

	}

	.home #splash-txt div {

		max-width: 600px;

	}

	.home #splash h1 {

		font-size: 18px;

		text-align: center;

		width: 100%;

		float: none;

	}

	.home #splash p {

		font-size: 17px;

		text-align: center;

	}

	.home #main-after > div  > div {

		flex: 0 0 245px;

	}

	.home #actualites {

		margin: 0 0 0 30px;

	}

	.home #main-after div#partenaires {

		width: 520px;

		margin: 40px 0 0 0;

	}

	.home #info-1 {

		margin-top: 30px;

	}	/* Sidebar */	#actualites {		text-align: center;	}

}



@media (max-width: 840px) and (min-width: 641px) {

	#cg-puy {

		background: transparent url(img/hbc-partenaires.png) -13px -10px no-repeat;

		margin: 0 20px 20px 20px;

	}

}



@media (max-width: 640px) {

	.flex-container {

		-webkit-flex-direction: inherit;

		flex-direction: inherit;

	}

	#masthead, #main-after {

		width: 100%;

		border-left: 10px solid #fff;

		border-right: 10px solid #fff;

		min-width: 300px;

	}

	/* Menu */

	.menu-toggle {

		display: block;

		margin: 0 auto;

		padding: 5px 20px;

		text-transform: uppercase;

		background: #de1819;

		color: #fff;

		border: 1px solid #de1819;

	}

	#site-navigation  button span {

		margin-right: 5px;

	}

	#site-navigation.toggled button {

		display: block;

		background: #333;

		border: 1px solid #333;

	}

	#primary-menu {

		display: none;

		max-width: 300px;

		margin: 0 auto;

	}

	.toggled #primary-menu {

		display: block;

	}

	#site-navigation ul {

		background: #333;

	}

	#menu-menu-navigation-1 {

		padding: 5px 0;

	}

	#site-navigation li, #site-navigation .sub-menu li {

		display: block;

		text-align: left;

		margin: 0;

		padding: 0;

	}

	#site-navigation li a {

		display: block;

		width: 240px;

		font-weight: 400;

		font-size: 14px;

		padding: 10px 30px 10px 0px;

		color: #fff;

		margin: 0 0 0 30px;

		border-bottom: 1px solid #666;

	}

	#site-navigation li.current-menu-item a {

		border-bottom: 1px solid #666;

	}

	#site-navigation li a:hover {

		border-bottom: 1px solid #666;

	}

	#site-navigation li#menu-item-93 {

		border-bottom: none;

	}

	#site-navigation li#menu-item-93 .sub-menu {

		display: block;

	}

	#site-navigation li#menu-item-91 a {

		border-top: 1px solid #666;

	}

	#site-navigation .sub-menu li:first-child {

		border-top: none;

	}

	#site-navigation .sub-menu {

		position: relative;

		margin-left: 0;

		margin-top: 0;

		width: auto;

		padding: 5px 0;

	}

	#site-navigation li#menu-item-93 li a { 

		padding: 7px 20px 7px 40px;

		font-size: 12px;

	}

	#site-navigation li#menu-item-93 li a:before {

	  content: "\003E";

		margin-left: -20px;

		position: absolute;

	}

	#site-navigation ul > li#menu-item-89 {

		margin-right: 0;

	}

	#site-navigation li#menu-item-93:hover a {

		color: #fff;

	}

	#site-navigation li#menu-item-93:hover li a {

		color: #fff;

	}

	#site-navigation li#menu-item-93:hover  li a:hover {

		color: #fff;

	}

	#splash {

		width: 100%;

	}

	#footer-menu, .site-info {

		width: 100%;

		padding: 7%;

	}

	#footer-menu div {

		width: 50%;

		flex: inherit;

		margin-right: 0;

		margin-left: 0;

	}

	#footer-part-2 {

		display: none;

	}

	/* Home */

	.home #splash {

		padding: 20px 0 10px 0;

	}

	.home #splash-txt {

		height: auto;

	}

	.home #splash h1 {

		font-size: 18px;

	}

	.home #splash p {

		font-size: 15px;

	}

	.home #main-after {

		margin-left: auto;

		margin-right: auto;

		max-width: 300px;

		width: 100%;

		border-left: none;

		border-right: none;

	}

	.home #main-after > div  > div {

		flex: 0 0 100%;

	}

	.home #actualites {

		margin: 30px 0 0 0;

	}

	.home #resultats-content  {

		height: auto;

	}

	.accordion dd {

		height: auto;

	}

	.home #main-after div#partenaires {

		width: 100%;

		margin: 30px 0 0 0;

	}

}





/*--------------------------------------------------------------

# Calendar specific

--------------------------------------------------------------*/



#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {

    background-color: #de1819;

}

.tribe_events .tribe-events-single-section .tribe-events-meta-group.tribe-events-meta-group-details, .tribe_events .tribe-events-single-section .tribe-events-meta-group.tribe-events-meta-group-venue{

	width: 50%;

}

.tribe_events .tribe-events-single-section .tribe-events-meta-group.tribe-events-meta-group-gmap{

	width: 100%;

}

.datepicker-days table, .datepicker-months table, .datepicker-years table{

	width: auto;

}

.tribe-events-calendar td, .tribe-events-calendar th{

	display: table-cell !important;

}

#tribe-geo-results h2.tribe-events-page-title, h2.tribe-events-page-title {

	font-weight: 400;

}

.single-tribe_events .tribe-events-event-meta {

    margin: 0 0 30px 0;

}

.tribe-events-schedule {

	margin-bottom: 0;

}

.tribe-events-schedule h2 {

	margin-bottom: 0;

}

#tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val, .single-tribe_events a.tribe-events-gcal, .single-tribe_events a.tribe-events-ical {

    color: #333;

}

@media (max-width: 640px) {

	.tribe_events .tribe-events-single-section .tribe-events-meta-group.tribe-events-meta-group-details, .tribe_events .tribe-events-single-section .tribe-events-meta-group.tribe-events-meta-group-venue{

		width: 100%;

	}

}



/*--------------------------------------------------------------

# Score card

--------------------------------------------------------------*/

.niveau {

    font-size: 12px;

}

.score-card {

	width: 100%;

	margin: 0;

    border: none;

}

.score-card caption {

	padding: 0.2rem 0;

    color: #333;

    font-style: normal;

    text-align: left;

    font-weight: 400;

    font-size: 12px;

}

.score-card td {

    padding: 0.3rem;

    border: 1px solid #333;

    font-size: 12px;

	display: table-cell;

}

.score-card .score-team {

	width: 85%;

    background: #de1819;

    color: #fff;

    white-space: nowrap;

    overflow: hidden;

}

.score-card .score-points{

	width: 15%;

    text-align: center;

    background: #fff;

    color: #333;

}

.score-card .score-none{

}

.score-card tr:last-child  td {

    border: none;

    padding: 0.3rem 0;

}



/*--------------------------------------------------------------

# Equipes pages

--------------------------------------------------------------*/



.equipes-category{

    text-align: center;

    height: auto;

    margin-bottom: 15px;

    font-family: Roboto;

    font-weight: 400;

}



.equipes-picture{

    background-size: cover;

    background-position: center;

}



.equipes-category h2{

    font-weight: 900;

    font-family: Roboto;

    font-size: 40px;

    color: white;

    text-shadow: 0px 0px 15px #000000;

    margin-bottom: 0px;

    padding: 40px 0px;

    transition: all .2s cubic-bezier(0.550, 0.055, 0.675, 0.190);

}



.equipes-category h2:hover {

    transform: scale(2);

}



.equipes-category a{

    text-decoration: none;

}



.equipes-category a:hover{

    color: #de1819;

}



.result-table .result-match{

	box-shadow: 0px 0px 5px #888888;

	border-radius: 5px;

	margin-left: 0px;

}

.result-table .result-match > div{

	margin-left: 0px;

	margin-bottom: 5px;

}



.result-table .result-team{

	font-family: Roboto;

	font-size: 13px;

	padding: 15px 5px 0px 5px

}



.result-table .result-team.home-team{

	text-align: right;

}



.result-table .result-score{

	text-align: center;

	font-family: Roboto;

	font-size: 35px;

	font-weight: 100;

}



.result-table .result-date{

	text-align: center;

	font-family: Roboto;

	font-size: 13px;

	font-weight: 600;

	margin-bottom: 0px !important;

	color: #de1819;

}



.result-table .result-fdm{

	text-align: center;

	font-family: Roboto;

	font-size: 13px;

	font-weight: 600;

	margin-bottom: 0px !important;

	margin-right: 10px;

}



.grid-margin div{

	margin-bottom: 15px;

}



@media (max-width: 640px) {

	.equipes-category{

		width: calc(100% - 2rem - .01px);

	}

	#result-label{

		width: 100%;

	}

	#result-content{

		width: calc(100% - 2rem - .01px);

		margin-left: 2rem;

	}

	.result-table{

		margin-left: 0px;

	}

	.result-table .result-team{

		width: 100%;

		text-align: center;

	}



	.result-table .result-team.home-team {

   		text-align: center;

	}



	.result-table .result-score{

		width: 50%;

	}

}