.blog{background-color:#fff;min-height:100vh}.blog *{color:#000}.blog .blog__content{flex-direction:column;align-items:center;display:flex}.blog .blog__title{background-image:url(/assets/images/background-contact.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:45vh;display:flex}.blog .blog__title h1{text-align:center;color:#fff;font-size:3rem}.blog .blog__title p a{color:#fff;text-transform:capitalize}.blog .blog__title p b a{color:#9d9d9d;text-transform:capitalize}.blog .blog__section{flex-direction:column;gap:2em;width:100%;padding:2em;display:flex}.blog .blog__overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.blog .blog__panel{background:#949494;border-radius:16px;flex-direction:column;gap:1.5em;width:100%;max-width:520px;max-height:calc(100vh - 8rem);padding:1.5rem 1.75rem;display:flex;overflow-y:auto;box-shadow:0 20px 60px #00000026}.blog .blog__panel button{cursor:pointer;background-color:#c8b06e;border:none;border-radius:.5em;padding:6px 18px;font-size:18px}.blog .blog__panel button .blog:hover{background-color:#c29536}.blog .blog__panel-row{flex-direction:column;gap:.5em;width:100%;display:flex}.blog .blog__panel-row input{background:#fff;border:none;border-radius:.75em;width:100%;height:2em;padding:6px 18px;font-size:18px}.blog .blog__panel-titlerow{justify-content:space-between;align-items:center;display:flex}.blog .blog__panel-titlerow label{font-size:24px;font-weight:700}.blog .blog__panel-titlerow span i{cursor:pointer;color:#000;font-size:20px}.blog .blog__editor-field{flex-direction:column;gap:.5em;width:100%;display:flex}.blog .blog__editor-field label{color:#000;font-size:24px;font-weight:700}.blog .blog__head{justify-content:flex-end;width:100%;display:flex}.blog .blog__head button{cursor:pointer;background-color:#c8b06e;border:none;border-radius:.5em;padding:12px 18px;font-size:24px}.blog .blog__head button .blog:hover{background-color:#c29536}.blog .blog__posts{flex-direction:column;align-items:center;gap:2em;display:flex}.blog .blog__no-posts{font-size:2em}.blog .blog__post{background:#eee;border-radius:2em;flex-direction:column;gap:.5em;width:700px;max-width:calc(100vw - 2em);min-height:175px;padding:2em;display:flex}.blog .blog__post-header{justify-content:space-between;align-items:flex-start;gap:1em;display:flex}.blog .blog__post-header h5{font-size:2em}.blog .blog__post-header span{color:#9d9d9d;white-space:nowrap}.blog .blog__post-preview{color:#444;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.25em;display:-webkit-box;overflow:hidden}.blog .blog__post-actions{flex-wrap:wrap;align-items:center;gap:.75em;display:flex}.blog .blog__post button,.blog .blog__post-actions button{cursor:pointer;background-color:#c8b06e;border:none;border-radius:.5em;padding:4px 12px;font-size:18px}:is(.blog .blog__post button,.blog .blog__post-actions button) .blog:hover{background-color:#c29536}.blog .blog__post-edit{color:#444!important;background-color:#e0e0e0!important}.blog .blog__post-edit .blog:hover{background-color:#c8c8c8!important}.blog .blog__post-edit i{margin-right:.3em;color:#444!important}.blog .blog__post-delete{color:#fff!important;background-color:#e57373!important}.blog .blog__post-delete .blog:hover{background-color:#c62828!important}.blog .blog__post-delete i{margin-right:.3em;color:#fff!important}.blog .blog__confirm{background:#fff;border-radius:16px;flex-direction:column;gap:1.5rem;width:100%;max-width:360px;padding:2rem;display:flex;box-shadow:0 20px 60px #0003}.blog .blog__confirm p{text-align:center;font-size:1.15rem;font-weight:500}.blog .blog__confirm-actions{justify-content:center;gap:1rem;display:flex}.blog .blog__confirm-actions button{cursor:pointer;background-color:#e0e0e0;border:none;border-radius:.5em;padding:8px 24px;font-size:16px}.blog .blog__confirm-actions button .blog:hover{background-color:#c8c8c8}.blog .blog__confirm-delete{color:#fff!important;background-color:#e57373!important}.blog .blog__confirm-delete .blog:hover{background-color:#c62828!important}