/*
 CSS for Memogry game plugin
 Author: Yane Frenski
*/

/* the stle for the wrapper element */
.quizy-memorygame
{
	position:relative;
	display:inline-block;
}
#content
{
	width:100%;
	text-align:center;
}
/* styles of the card to show */
.quizy-memorygame .mgcard-show
{
	width:100%;
	height:100%;
	background:url('img/kafelek-back.png');
	background-size: 100% 100%;
}
.mgcard-show span
{
}
.quizy-memorygame .quizy-mg-item
{
	position:absolute;
	cursor:pointer;
	background-color:#FFFFFF !important;
	text-align:center;
}
.quizy-memorygame .quizy-mg-item .quizy-mg-item-bottom, .quizy-memorygame .quizy-mg-item .quizy-mg-item-top
{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
}
.quizy-mg-item .quizy-mg-item-top
{
	background:url('img/kafelek-front.png');
	background-size: 100% 100%;
}
/* styles for the popup notifications */
.quizy-mg-notification-fly
{
	width:90px;
	height:90px;
	position:absolute;
	z-index:1000;
	left:50%;
	top:50%;
	display:none;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.quizy-mg-notification-fly-neg
{
	background:url('img/quizy-mg-notif-neg.png');
}
.quizy-mg-notification-fly-pos
{
	background:url('img/quizy-mg-notif-pos.png');
}
/* styles for the game summary */
#quizy-game-summary
{
	z-index:1001;
	display:none;
	text-align: center;
	background-repeat: no-repeat;
	padding: 1% 1%;
	position: absolute;
	top: 70%;
	left:37%;
	width: 100%;
	z-index: 101;
}
#quizy-game-summary div.gs-column
{
	float:left;
	padding:1%;
	padding-top:3.5%;
	padding-bottom:1%;
	color:#000000;
	text-align:center;
}
#quizy-game-summary #gs-column1
{
}
#quizy-game-summary #gs-column2
{
	background-image: url(img/mg-timeicon.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 40% 58%;
}
#quizy-game-summary #gs-column3
{
	background-image: url(img/mg-clickicon.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 48% 58%;
}
#quizy-game-summary #gs-closebut, #quizy-game-summary #gs-replaybut
{
	display: inline-block;
	margin-top: 10px;
	width: 70px;
	padding: 10px;
	text-align: center;
	background: #D7EEF0;
	cursor: pointer;
}
#quizy-game-summary #gs-closebut:hover, #quizy-game-summary #gs-replaybut:hover
{
	background: #fff;
}
#quizy-game-summary #gs-replaybut
{
	margin-right: 20px;
}
.quizy-game-clear
{
	clear: both;
}
.mgcard-show .item
{
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 67%;
	position:absolute;
	text-align:center;
	left:0px;
	top:0px;
}
.mgcard-show .item.item-1
{
	background-image: url(../images/game/item-1.png);
}
.mgcard-show .item.item-2
{
	background-image: url(../images/game/item-2.png);
}
.mgcard-show .item.item-3
{
	background-image: url(../images/game/item-3.png);
}
.mgcard-show .item.item-4
{
	background-image: url(../images/game/item-4.png);
}
.mgcard-show .item.item-5
{
	background-image: url(../images/game/item-5.png);
}
.mgcard-show .item.item-6
{
	background-image: url(../images/game/item-6.png);
}
.mgcard-show .item.item-7
{
	background-image: url(../images/game/item-7.png);
}
.mgcard-show .item.item-8
{
	background-image: url(../images/game/item-8.png);
}
.mgcard-show .item.item-9
{
	background-image: url(../images/game/item-9.png);
}
