/* Required CSS for Pausing Scroller */

#pscroller1{
	position:relative;
	left:50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 600px;
	height: 90px;
	border: 1px solid grey;
	border-radius:15px;
	-webkit-border-radius:15px;
	margin-bottom: 1em;
	text-align:left;
	font-size:1.3em;
}

#pscroller1 > div.innerDiv{
	text-align:left;
	left:50%;
	margin-left:-50%;
	padding: 8px;
}

div.pausescroller{
	position: relative;
	overflow: hidden;
	z-index: 100;
}

div.pausescroller > div.innerDiv{
	position: absolute;
	will-change: transform;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	z-index: 100;
}

/*
	Hack to force iOS browsers to transition elements initially hidden by parent container's overflow:hidden setting
	Works by creating a pseudo element that pokes out into visible area of parent container:
*/
div.pausescroller > div.innerDiv:before{
	content: '';
	position: absolute;
	bottom: 100%;
	height: 1000px;
	width: 1px;
	z-index: -1;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

@media(max-width:450px){
	#pscroller1{
		font-size:1em;
	}
}