/* Tessellate Page Protection — front-end access code form */

.tpp-protection-wrap {
	max-width: 100%;
	padding: 2em;
	text-align: center;
}

.tpp-protection-wrap h1 {
	margin: 0 auto;
	margin-bottom: 20px;
}

.tpp-protection-wrap p button {
	background: #13819b;
	border: 0px;
	color: #fff;
	font-size: 16px;
	height: 42px;
}

.tpp-protection-error {
	color: #b32d2e;
}

.tpp-protection-form .tpp-protection-field {
	margin-bottom: 0em;
	gap: 0 !important;
}

.tpp-protection-form .tpp-protection-field input {
	height: 42px;
}

.tpp-protection-form .tpp-protection-field:before {
	display: none !important;
}

.tpp-protection-form input[type='password'] {
	width: 100%;
	max-width: 300px;
	border: solid 2px #13819b;
	border-radius: 0;
	padding: 0.5em;
	box-sizing: border-box;
}
.tpp-protection-form input[type='password']:focus {
	outline: none;
}