/* local team css - copy into each new team asis and modify local images in img folder */
/* name of the team is passed into the php which references a path by the same name     */
/* This css lives in the team folder specifically to reference the local images.       */

span.buttonback {
    background-image: 	url("../img/backbutton.png"); 		/* The background image to use */
	min-height:			100%;							/* height of the background image */
	min-width:			100%;							/* width of the image */
    /*height: 			100%; 							/* Full height */
	/*width: 				100%; 							/* Full height */
    background-position:center; 						/* Center and scale the image nicely */

	background-repeat: 	repeat repeat;
    background-size: 	cover;
	margin: 			0;
	padding: 			0;
	position:			absolute;
    width: 				100px;
    height: 			100px;
    display: 			block;
	z-index: 			-1;
}

span.buttonmore {
    background-image: 	url("../img/more_button.png"); 	/* The background image to use */
	min-height:			100%;							/* height of the background image */
	min-width:			100%;							/* width of the image */
    /*height: 			100%; 							/* Full height */
	/*width: 			100%; 							/* Full height */
    background-position:center; 						/* Center and scale the image nicely */
	top: 				40px;
	background-repeat: 	repeat repeat;
    background-size: 	cover;
	margin: 			0;
	padding: 			0;
	position:			absolute;
    width: 				100px;
    height: 			100px;
    display: 			block;
	z-index: 			-1;
}

#more_button {
	padding-top:		8px;
	padding-left:		8px;
	width: 				100px;
	height: 			100px;
	z-index: 			2; 		/* make back button stay in front banner */
}

#small_more_button {
	padding-top:		3px;
	padding-right:		2px;
	width: 				36px;
	height: 			36px;
	z-index: 			2; 		/* make back button stay in front banner */
}

#skinny_more_button {
	padding-top:		3px;
	padding-right:		2px;
	padding-top:		0px;
	width: 				30px;
	height: 			30px;
}

@media screen and (max-width: 768px) { 	/*this works for iPad - placeholder*/
}

@media screen and (max-width: 640px) { /* intended for android tablets e.g Tesco hudl - placeholder */
}

@media only screen and (max-device-width: 380px) { /* intended for iPhones */
span.buttonback {
	top: 				0;
	left: 				0;
	width: 				50px;
	height: 			50px;
}

span.buttonmore {
	top: 				0;
	left: 				0;
	width: 				50px;
	height: 			50px;
}

#more_button {
	padding-top:		8px;
	padding-left:		8px;
	width: 				50px;
	height: 			50px;
	z-index: 			2; 		/* make back button stay in front banner */
}

#small_more_button {
	padding-top:		3px;
	padding-right:		2px;
	width: 				24px;
	height: 			24px;
	z-index: 			2; 		/* make back button stay in front banner */
}

#skinny_more_button {
	padding-top:		0px;
	width: 				20px;
	height: 			20px;
}
}