/* Buttons of Widgetaria : Warwards of Wappenshaw Styles */

/********************************************/

/*	GAME STYLES								*/

/********************************************/

html{ font-size:100%; }

.game-header-wrap {  }

.panel-wrap { text-align:center; }
.panel-01 { display:inline-block; background:url('/wp-content/uploads/2015/06/Buttons-of-Widgetaria-panel.png') no-repeat; background-size:100% 100%; width:300px; margin:auto; padding:16px 25px; }
.panel-01 .text-wrap { display:table; width:100%; height:52px; margin:auto; }
.panel-01.link .text-wrap { cursor:pointer; }
.panel-01 .text-wrap p, .panel-01 .text-wrap h3 { display:table-cell; text-align:center; line-height:1.1; font-size:1rem; font-weight:300; color:white; vertical-align:middle; }
.panel-01 .text-wrap span.sub { display:block; font-size:1.4rem; }
.panel-01 .text-wrap h3 { font-size:1.3rem; }

.game-button-wrap { text-align:center; color:white; }
.game-button { position:relative; width:300px; height:270px; display:inline-block; background-image:url('/wp-content/uploads/2015/06/BOWWOW-button-01-300x270.png'); background-repeat:no-repeat; background-size:contain; padding:15px 25px; }
.game-button .text-wrap { display:table; width:100%; height:100%; cursor:normal; border-radius:120px; }
.game-button .text-wrap p { display:table-cell; vertical-align:middle; line-height:1.2; font-size:2rem; font-weight:300; cursor:pointer; }

h1,h2,h3,h4,h5,h6,p,.no-text-select { 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/********************************************/

/*	GRADIENT STYLES							*/

/********************************************/

.glow-linear, .panel-01.link .text-wrap:hover, .bowwow-panel.link .text-wrap:hover {
	background: -webkit-linear-gradient(left, transparent, rgba(255,255,255,.5), transparent); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, transparent, rgba(255,255,255,.5), transparent); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, transparent, rgba(255,255,255,.5), transparent); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, transparent, rgba(255,255,255,.5), transparent); /* Standard syntax */
}

.glow-radial, .game-button .text-wrap:hover {
	background: -webkit-radial-gradient(rgba(255,255,255,.5), transparent); /* For Safari 5.1 to 6.0 */
	background: -o-radial-gradient(rgba(255,255,255,.5), transparent); /* For Opera 11.1 to 12.0 */
	background: -moz-radial-gradient(rgba(255,255,255,.5), transparent); /* For Firefox 3.6 to 15 */
	background: radial-gradient(rgba(255,255,255,.5), transparent); /* Standard syntax */
}

/********************************************/

/*	PAYPAL STYLES							*/

/********************************************/

.paypal-donate.game-button { text-align:center; }
.paypal-donate.game-button .text-wrap p { font-size:1rem; }
.paypal-donate.game-button input { background-color:transparent; border:none; }
#text-6 { background-color:transparent; color:white; text-align:center; }


/********************************************/

/*	PLAY NOW STYLES							*/

/********************************************/


#text-5 { background-color:transparent; }

/********************************************/

/*	RESPONSIVE STYLES						*/

/********************************************/

@media only screen and (max-width: 1023px)
{
	
}

@media only screen and (max-width: 960px)
{
	
}

@media only screen and (max-width: 890px)
{
	
}

@media only screen and (max-width: 800px)
{
	.content .game-button { width:150px; height:135px; margin-top:10px; padding:7px 13px; }
	.content .game-button .text-wrap { width:100%; height:100%; }
	.game-button .text-wrap  p { font-size:1.2rem; line-height:1.1; }
}

@media only screen and (max-width: 640px)
{
	
}

@media only screen and (max-width: 360px)
{
	
}