/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 23, 2015, 2:14:38 PM
    Author     : Erik Nijenhuis <erik@xerdi.com>
*/

:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

@keyframes flip-in {
    from {transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);}
    to {transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
}
@-webkit-keyframes flip-in {
    from {transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);}
    to {transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
}
@keyframes flip-out {
    from {transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
    to {transform: rotateY(90deg);-webkit-transform: rotateY(90deg);}
}
@-webkit-keyframes flip-out {
    from {transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
    to {transform: rotateY(90deg);-webkit-transform: rotateY(90deg);}
}
@keyframes soften {
    from {opacity: 1;-webkit-opacity: 1;}
}
@-webkit-keyframes soften {
    from {opacity: 1;-webkit-opacity: 1;}
}

div.flip-card {
    transition: transform 1s;
    display: none;
}
div.active-card {
    display: block;
    transform: rotateY(0deg);
}
div.flip-in {
    animation: flip-in 1s ease-out;
    -webkit-animation: flip-in 1s;
}
div.flip-out {
    animation: flip-out 1s ease-in;
    -webkit-animation: flip-out 1s;
}

.blur{
	-webkit-filter: blur(1px);
	filter: blur(1px);
}

.card {
	width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
    border-radius: 3px 3px 0 0;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}

.card2:hover {
    animation: soften 0.2s;
    opacity: 0.8;
    cursor: pointer;
}

.card h6 {
    display: block;
    position: relative;
    text-align: center;
    margin-top: 50px;
    font-size: 16em;
}

.card2 img {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;
}

.full-card {
    position: relative;
    transition: all 1.2s;
}

.full-card .btn-fab {
    float: right;
    margin-top: -28px;
    margin-right: 14px;
}

#stadiumname {
	width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .5);
	color: #ffffff;
}

.vscircle {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding-top: 7px;
	background: #fff;
	border: 2px solid #e6e6e6;
	color: #666;
	text-align: center;
	font: 16px Arial, sans-serif;
}	

.darkgm2:after{
	content: '';
	position: absolute;
	width: inherit;
	height: inherit;
	top: 0;
	left: 0;
	background: rgba(148,2,41, 0.3);
}

.matchupbuttonsa{
	width:50%;
	float:left;
}

.matchupbuttonsh{
	width:50%;
	float:right;
}

.schoolname { 
	font-family: 'Kanit', Arial, sans-serif; 
	font-weight: 800; 
}

.teamname { 
	font-family: 'Kanit', Arial, sans-serif; 
	font-weight: 300; 
	font-style: italic;
}

.gameinfo {
	background-color: #3a3a3a;
	color: #ffffff;
	font-family: 'Kanit', Arial, serif;
	font-weight: 300;
	line-height: 12px;
	text-align: center;
}

.dateline {
	font-family: 'Kanit', Arial, serif;
	font-weight: 300;
	line-height: 16px;
	text-align: center;	
	color: #6a6a6a;
	padding-top: 4px;
	padding-bottom: 4px;
}