div.wpforms-container-full div.epdf-container{
	overflow: auto; /* Allow scolling to see PDFs larger than the display viewport */
}
canvas.epdf{
	width: auto;
}

/* Input wrapper gets a light grey border and background to contrast controls and document */
div.wpforms-container-full .wpforms-field.wpforms-field-pdf_viewer{
	border: 1px solid #eaeaea;
	background-color: #f9f9f9;
	padding: 1em;
}
/* Border around the actual PDF */
.wpforms-field.wpforms-field-pdf_viewer canvas.epdf{
	border: 1px solid #e6e6e6;
}

/* Space between controls and the top of the PDF */
div.wpforms-container-full .epdf-controls-container{
	padding-bottom: .95em;
	line-height: 3em; /* If the controls wrap to multiple lines */
}
/* Space between buttons and "Page: 1 / 2" */
.epdf-controls-container span.paging{
	padding-left: 1em;
	padding-right: 1em;
}

/**
 * Target mobile at 700px because our Zoom Out button will wrap before Zoom In
 * at 480px.
 * Wrap the "Page: 1 / 2" on smaller screens so it splits the buttons. Make the
 * buttons all the same width and spread as wide as allowed.
 */
 @media (max-width: 700px ) {
	.epdf-controls-container span.paging{
		padding-left: .3em;
	}

	.epdf-controls-container span.zoom,
	.epdf-controls-container span.page{
		display: flex;
		justify-content: space-between;
		gap: 1em;
	}
	.epdf-controls-container span.zoom button,
	.epdf-controls-container span.page button{
		flex-grow: 1;
		flex-basis: 40%;
	}
}