/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
  --brand-color: #75ACD1;
  --brand-color-rgb: rgba(117, 172, 209,.4);
}

.page-id-9 {
	background-image: url('https://plan.klfrye.com/wp-content/uploads/2024/02/pexels-scott-webb-3255761-scaled.jpg');
	background-size: cover;
	margin: 0 auto;
	display: flex;
  align-items: center;
  justify-content: center;
	height: 100vh;
	flex-direction: column;
	text-align: center;
}
.post-password-form {
	background: #fff;
	padding: 60px;
	border-radius: 20px;
box-shadow: -1px 11px 28px -6px var(--brand-color-rgb);
	margin: 0 15px;
}
.post-password-form p {
	width: auto;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	font-family: 'Josefin Sans';
	color: var(--brand-color);
}
.post-password-form p:first-child {
	font-size: 1.5rem;
	font-weight: bold;
}
.post-password-form label {
	font-weight: bold;
	text-transform: uppercase;
}
.post-password-form input {
	width: 240px;
	border-radius: 4px;
	font-size: .9rem;
}
.post-password-form input[type="password"] {
	margin: 10px 0;
	display: block;
	border-color: var(--brand-color);
}
.post-password-form input[type="submit"] {
	border-color: var(--brand-color);
	color: var(--brand-color);
	margin-inline-start: 0px;
	font-size: 1.2rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:active,
.post-password-form input[type="submit"]:visited,
.post-password-form input[type="submit"]:focus,
.post-password-form input[type="submit"]:focus-within {
	background-color: var(--brand-color);
	background: var(--brand-color);
	color: #fff;
}