.post-password-form {
margin: 0 auto !important;
padding: 1.5em;
background: #fff;
max-width: 600px;
min-height: 80vh;
}
.post-password-form p {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.post-password-form p label {
display: flex;
flex-direction: row;
gap: 1rem;
}
.post-password-form p input[name='post_password'],
.post-password-form p label input[name='post_password'] {
font-size: var(--wp--preset--font-size--medium);
border: 1px solid var(--wp--preset--color--general-light);
border-radius: 4px;
}
.post-password-form p input[type='submit'] {
font-family: var(--wp--preset--font-family--alegreya-sans);
font-size: var(--wp--preset--font-size--small);
letter-spacing: 0.15em;
background-color: var(--wp--preset--color--general);
color: #fff;
border-radius: 4px;
border: 2px solid var(--wp--preset--color--general);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.post-password-form p input[type='submit']:hover {
background-color: #fff;
color: var(--wp--preset--color--general);
box-shadow: none;
}
.cpm-password-message {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 1em;
color: #2c3e50;
}
.cpm-password-message h3,
.cpm-password-message h4,
.cpm-password-message p {
display: block;
text-align: center;
line-height: 1.1em;
}@media (max-width: 390px) {
.hide-small-mobile {
display: none !important;
}
} @media (max-width: 767px) and (orientation: portrait) {
.hide-mobile {
display: none !important;
}
} @media (min-width: 391px) and (max-width: 926px) and (orientation: landscape) {
.hide-mobile-landscape {
display: none !important;
}
} @media (min-width: 768px) and (max-width: 1023px) and (min-height: 600px) {
.hide-tablet {
display: none !important;
}
} @media (min-width: 1024px) {
.hide-desktop {
display: none !important;
}
}
.masonry {
box-sizing: border-box;
columns: 16rem;
gap: var(--wp--preset--spacing--50);
}