a {
  	text-decoration: none;
	color: blue;
}

body {
  height: 95vh;
  font-family: Arial, Helvetica, sans-serif;;
  font-size: 16px;
  margin: 0 0 0 0;
}

input {
  font-size: 16px;
}

#pdf-canvas {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  /* border: 1px solid black */;
  direction: ltr;
}

.pr-background {
  background-image: url("./img/looking-east.jpg");
  background-repeat: no-repeat;
  background-size:100% 100%;
  text-align: center;
  width: 100%;
  height: 100%;
}

.pr-solid-background {
  background-color: #ffccff;
}

.pr-eventlist {
  display: flex;
  flex-direction: column;
  margin-left: 200px;
  margin-right: 200px;
}

.pr-welcome {
  position: absolute;
  display: block;
  top: 100px;
  left: 50px;
  background: rgba(0,0,256,1);
  font-family: Arial, Helvetica, sans-serif;;
  font-size: 80px;
  text-align: center;
  color: rgba(256,256,256,1);
  border-radius: 20px;
  width: 40&;
  padding: 5px;
}

@media screen and (max-width: 600px) {
  .pr-welcome {
	display: none;
  }
}

.pr-hcentre-div {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}

.pr-white-portrait-iframe {
	background-color:white;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1000px;
	width:625px;
	padding: 1em;
	border: none;
	/*
	scrolling: "no";
	overflow: hidden !important;
    	pointer-events: none !important;
	*/
}

.pr-white-landscape-iframe {
	background-color:white;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 750px;
	width: 1200px;
	padding: 1em;
	/*
	overflow: hidden !important;
    	pointer-events: none !important;
	*/
}

.pr-safeguarding-info {

	font-family: Arial, Helvetica, sans-serif;

}

.pr-safeguarding-border-para {
	text-align: center;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding: 1em;
	margin: 1em;
}

.pr-safeguarding-coloured-para {
	background-color: yellow;
	text-align: left;
	border-style:none;
	padding: 0.5em;
	margin: 1em;
}

.pr-img-padded {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

.pr-img-padded-small {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 400px;
}

.flex-grid-container {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        px;	
}

.flex-grid-halves {
  display: flex;
  justify-content: space-between;
}
.flex-grid-halves .col {
  width: 50;
}

.flex-grid-thirds {
  display: flex;
  justify-content: space-between;
}
.flex-grid-thirds .col {
  width: 32;
}

.slideshow {
width: 100vw;
height: 95vh;
background-size: cover;
background-repeat: no-repeat;
animation: slideshow 60s ease-in-out infinite;
}

@keyframes slideshow {
0% { background-image: url("./img/Interior+0-small.jpg"); }
25% { background-image: url("./img/Exterior+5-small.jpg"); }
50% { background-image: url("./img/Interior+2-small.jpg"); }
75% { background-image: url("./img/Interior+4-small.jpg"); }
100% { background-image: url("./img/Interior+0-small.jpg"); }
}

.upload-inputfile{
	width:300px
}

.upload-form {
	margin-left: 10px;
}

@media (max-width: 1280px) {
  .pr-white-landscape-iframe {
    height: 500px;
    width: 800px;
  }
}