.blog{background-color:#fff;min-height:100vh}.blog *{color:#000}.blog .content{flex-direction:column;justify-content:center;align-items:center;display:flex}.blog .content .title{background-image:url(/assets/images/background-contact.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:45vh;display:flex}.blog .content .title h1{text-align:center;color:#fff;margin-bottom:1rem;font-size:3rem}.blog .content .title p b{color:var(--text-secondary-color)}.blog .content .title p b a{color:#9d9d9d;text-transform:capitalize}.blog .content .title p a{color:#fff;text-transform:capitalize}.blog .content section{flex-direction:column;gap:2em;width:100%;padding:2em;display:flex}.blog .content section .post-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.blog .content section .post-overlay .post-panel{background:#949494;border-radius:16px;flex-direction:column;gap:2em;width:100%;max-width:520px;max-height:calc(100vh - 15rem);padding:1.5rem 1.75rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000026}.blog .content section .post-overlay .post-panel .content{gap:1em;width:100%;display:flex}.blog .content section .post-overlay .post-panel .content .content-title{justify-content:space-between;width:100%;display:flex}.blog .content section .post-overlay .post-panel .content .content-title span{align-self:end}.blog .content section .post-overlay .post-panel .content .content-title span i{color:#000;cursor:pointer;font-size:24px}.blog .content section .post-overlay .post-panel .content label{align-self:start;font-size:28px;font-weight:700}.blog .content section .post-overlay .post-panel .content input{background:#fff;border:none;border-radius:.75em;width:100%;height:2em;padding:6px 18px;font-size:18px}.blog .content section .post-overlay .post-panel button{cursor:pointer;background-color:#c8b06e;border:none;border-radius:.5em;padding:6px 18px;font-size:18px}.blog .content section .post-overlay .post-panel button:hover{background-color:#c29536}.blog .content section .head{justify-content:end;align-items:center;width:100%;display:flex}.blog .content section .head button{cursor:pointer;background-color:#c8b06e;border:none;border-radius:.5em;padding:12px 18px;font-size:24px}.blog .content section .head button:hover{background-color:#c29536}.blog .content section .posts{flex-direction:column;align-items:center;gap:2em;display:flex}.blog .content section .posts .no-posts{font-size:2em}.blog .content section .posts .post{background:#eee;border-radius:2em;flex-direction:column;justify-content:center;gap:.5em;width:700px;max-width:calc(100vw - 2em);height:175px;padding:2em;display:flex}.blog .content section .posts .post .post-title{justify-content:space-between;display:flex}.blog .content section .posts .post .post-title h5{font-size:2em}.blog .content section .posts .post .post-title span{color:#9d9d9d}.blog .content section .posts .post p{font-size:1.25em}.blog .content section .posts .post button{cursor:pointer;background-color:#c8b06e;border:none;border-radius:.5em;padding:4px 6px;font-size:18px}.blog .content section .posts .post button:hover{background-color:#c29536}