/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.pt-header-hover { position: relative; }
.pt-header-hover::before { content: ' '; position: absolute; top: 0; left: 0; right: 0; z-index: 999; bottom: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.5s ease-in-out; }
.pt-header-hover:hover:before { opacity: 1; }
.pt-header-hover .pt-edit-header { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; font-size: 18px; line-height: 26px; font-weight: 700; color: var(--dark-color); background-color: #F3BAFD; display: inline-block; padding: 10px 30px; transition: all 0.5s ease-in-out; z-index: 9999; }
.pt-header-hover:hover .pt-edit-header { opacity: 1; }