header{padding:0;display:flex;align-items:flex-start;justify-content:space-between;position:relative;margin:0;background:url(/assets/header-all-ef9ac76c.jpg) no-repeat;background-size:cover;background-position:center;border:none;height:100px;width:100%}header.home-header{background:url(/assets/Header-new-b08064b8.jpg) no-repeat;height:35vh;width:100%;overflow:hidden;background-size:cover;background-position:center}.home-button-container{display:flex;position:absolute;margin-top:2rem;transform:translateY(-50%);left:0}#home-button{background-color:transparent;border:none;text-decoration:none;margin-left:1rem;margin-top:1rem;left:0;width:100%;cursor:pointer}#home-button img{max-width:200px;max-height:150px;margin-top:1.7rem}#admin-options-list{display:flex;align-items:center;position:absolute;left:13vw;height:100%}.admin-header{background-color:transparent;color:#4e7800;border:none;padding:0;margin:0;border-radius:.25rem;cursor:pointer}#admin-intro{color:#4e7800;font-style:italic;font-size:.7rem;margin-bottom:4rem;margin-left:1.5rem;align-items:flex-start;vertical-align:super}.button-container{display:flex;align-items:center;position:absolute;right:1vw;top:1vh;height:10vh}ul{list-style-type:none}.user-control{background-color:#4e7800;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}#btn-register{background-color:transparent;color:#4e7800;text-decoration:underline}.welcome-container{display:flex;justify-content:center;align-items:center;width:100%;position:absolute;top:50%;transform:translateY(-50%);text-align:center}#welcome-intro{color:#fff;font-size:1.5rem;font-weight:700}#btn-profile img{max-width:50px;max-height:50px;border-radius:50%;border:1px solid #4e7800;cursor:pointer}.avatar-container{position:relative;display:inline-block}.dropdown-menu{background-color:#bcbaba;border:1px solid #4e7800;border-radius:4px;box-shadow:0 8px 16px #0003;z-index:1000;position:fixed;text-decoration:none;text-align:center;right:0;min-width:150px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.dropdown-nav-link{padding:.5rem;color:#000;text-decoration:none}.dropdown-nav-link:active,.dropdown-nav-link:hover{background-color:#4e7800;color:#fff}.dropdown-nav-link a{color:#000;text-decoration:none;display:block}.dropdown-nav-link a:hover{color:#fff}#btn-logout{margin-right:1rem;height:30px;margin-top:.5rem;border-radius:0%}#logout-control:hover{border:1px solid #000000;background-color:red}.admin-select-options.active{border-bottom:1px solid #4e7800}.admin-select-options:hover{background-color:#4e7800;color:#fff}.admin-nav{display:flex;justify-content:space-between;align-items:center;padding-left:1rem;background-color:transparent;color:#fff}.admin-select-options{width:100%;padding:.5rem;color:#fff;background-color:transparent;border:none;font-weight:700;font-size:15px;position:relative}footer{background-color:#000;padding:20px 0;text-align:center;font-size:18px;color:#4e7800;margin-bottom:0;align-items:center;height:10vh}footer p{margin:5px 0;font-weight:700;color:#4e7800}footer p:first-of-type{font-size:17px;letter-spacing:1px}footer p:last-of-type{font-size:15px;color:#4e7800}.home-container{display:flex;flex-direction:column;align-items:center;width:80vw}#create-post-btn{margin-left:auto}#forum-list-user{width:80vw;margin:1rem auto}.anon-btns{display:flex;align-items:flex-start;gap:1.5rem;margin:.5rem 0}.post-list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.post-item{display:flex;flex-direction:column;padding:1rem;border-radius:8px;background-color:#fff;margin-bottom:1rem;box-shadow:0 2px 5px #0000001a;width:80vw}.post-item:hover{box-shadow:inset 0 0 0 .3rem #4e7800}.post-list-content{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#555}.post-meta{display:flex;justify-content:space-between;margin-top:.5rem;font-size:18px;color:#000}.post-list-btn{align-self:flex-end}#delete-button-post{background-color:#4e7800;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;align-self:flex-end;margin-top:1rem}#delete-button-post:hover{background-color:#d60f0f;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;text-align:center}.modal-content h2{margin-bottom:1rem}.modal-content button{background-color:#4e7800;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px}.modal-content button:hover{background-color:#3a5a00}#register-form-id{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem;margin-right:auto;margin-left:auto;padding:40px;border:1px solid #000;border-radius:10px;background-color:#f5f5f5;width:50%;height:75vh;text-align:center}#btn-register-form{display:block;margin-left:auto;margin-right:auto;margin-top:1rem;background-color:#4e7800;border-radius:.25rem;border:none;color:#fff;padding:1rem;cursor:pointer;text-align:center}#register-text{font-size:2rem;border:1px solid black;padding:1rem;margin-right:20px;margin-bottom:2rem;color:#000;width:150px;text-decoration:none;text-align:center}.register-input-form{width:100%;border:none;border-bottom:2px solid #000;font-size:18px;background-color:transparent}#login-form-id{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem;padding:40px;border:1px solid #000;border-radius:10px;background-color:#f5f5f5;width:50%;text-align:center;height:75vh;margin-right:auto;margin-left:auto}#btn-login-form{display:block;margin-left:auto;margin-right:auto;margin-top:1rem;background-color:#4e7800;border-radius:.25rem;border:none;color:#fff;padding:1rem;cursor:pointer;text-align:center}#login-intro-form{font-size:2rem;border:1px solid black;padding:1rem;margin-right:20px;margin-bottom:2rem;color:#000;width:150px;text-decoration:none;text-align:center}.login-input-form{width:100%;border:none;border-bottom:2px solid #000;font-size:16px;background-color:transparent;padding-top:1rem;padding-bottom:.2rem;text-align:center}#single-user-container{background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid #000;border-radius:10px;width:100%}#user-details-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem;padding:1rem}.img-avatar{width:200px;height:200px;border-radius:50%;margin:1rem;border:1px solid #4e7800}#details-text-form{font-size:2rem;margin:.1rem;border:1px solid black;padding:10px}#user-details{text-align:center;padding:1rem}.details-label-user{padding:1rem}#btn-details-container{display:flex;flex-direction:row;justify-content:center}.btn-details-controler{margin:.1rem .1rem 1rem;background-color:#4e7800;border-radius:.25rem;border:none;color:#fff;padding:.5rem;cursor:pointer;width:100px;text-align:center}#edit-user-details-container{background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid #000;border-radius:10px;width:100%}#edit-user-content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem;padding:1rem}#profile-picture-edit{flex:1;display:flex;flex-direction:column;align-items:center;margin-right:auto;margin-left:auto}#user-details-edit{flex:2;display:flex;flex-direction:column}.row{display:flex;align-items:center}.input-edit-form{width:100%;background-color:transparent;border:none;border-bottom:2px solid #000;font-size:16px;padding-bottom:.1rem}#details-edit-form{font-size:2rem;border:1px solid black;padding:1rem;color:#000;width:300px;margin-top:1rem;text-decoration:none;text-align:center}#user-avatar-edit{max-width:200px;max-height:200px;border-radius:50%;border:1px solid #4e7800;margin-bottom:2rem}#file-selector{background-color:transparent;margin-bottom:2rem;text-align-last:center}.input-label-edit-form{font-size:16px;border:none;padding:1rem;color:#000;width:180px;text-decoration:none;text-align:center}#button-container-edit{display:flex;flex-direction:row;justify-content:center}.btn-control-edit,#btn-control-delete{margin:.1rem;background-color:#4e7800;border-radius:.25rem;border:none;color:#fff;padding:.5rem;cursor:pointer;width:100px;text-align:center}#btn-control-delete{background-color:red;width:150px}#btn-control-delete:hover{background-color:#000}html,body{margin:0;padding:0;display:flex;flex-direction:column}header{margin:0;padding:0}#body-id{margin:0;flex:1;display:flex;flex-direction:column;align-items:center;position:relative;background-color:#bcbabacc}#body-id h3{font-size:2rem}:root{height:100vh;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.btn{font-size:1rem;border:none;border-radius:5px;color:#fff;background-color:#4e7800;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:#324d01}footer{width:100%;background-color:#929292;color:#fff;text-align:center;padding:1rem;position:relative;bottom:0;margin-bottom:0;margin-top:auto}.create-post-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:600px;margin:5.25rem auto}#create-title-input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px}#create-content-textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px;resize:vertical}.create-post-btn{margin-right:8rem}.post{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:80vw;margin:2rem 0;padding:2rem;background-color:#fff;border-radius:8px;border:1px solid #4e7800}.post-title{font-size:1.5rem;font-weight:700;margin:0;padding:0;border-bottom:none}.post-content{font-size:1.125rem;padding:1rem;background-color:#fff;border-radius:5px;max-width:60vw;height:fit-content;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;border:1px solid #4e7800}.post-date,.post-author{color:#333;font-weight:700}.post-likes{color:#007bff;font-weight:700}.post-btns{display:flex;gap:1rem}.edit-post{display:flex;flex-direction:column;padding:20px;margin:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.edit-post input,.edit-post textarea{width:100%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:3px}.edit-post-btns{display:flex;justify-content:space-between}.leave-comment{margin-top:20px;padding:20px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;max-width:600px}.comment-label{font-weight:700;font-size:16px;color:#333}.comment-textarea{width:100%;height:100px;padding:10px;border:1px solid #4e7800;border-radius:5px;font-size:14px;resize:vertical;box-shadow:0 1px 3px #0000001a;margin-top:10px;transition:border-color .3s ease}.comment-textarea:focus{outline:none;border-color:#4e7800}.comment-button{margin-top:15px;padding:10px 20px;background-color:#000500;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.comment-button:hover{background-color:#4e7800}.comment-section{margin-top:20px;padding:20px;background-color:transparent;border-radius:8px;box-shadow:0 2px 5px #4e7800 (9,155,33,.1)}.comments-list{margin-top:20px;padding:0;list-style-type:none}.comment-item{padding:15px;border-bottom:1px solid #4e7800;margin-bottom:15px;background-color:#4e7800;border-radius:5px;box-shadow:0 1px 3px #4e7800 (3,92,10,.1);transition:background-color .3s ease}.comment-author{font-weight:700;color:#4e7800b6;margin-bottom:5px}.comment-content{color:#4e7800;font-size:14px;line-height:1.6}.comment-item:hover{background-color:#4e7800}.comment{background-color:#f9f9f9;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;transition:background-color .3s ease}.comment:hover{background-color:#f1f1f1}.comment-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#333}.comment-author,.comment-date{font-size:14px;color:#777;margin-bottom:5px}.comment-likes{font-size:14px;color:#007bff;margin-bottom:10px;font-weight:700}.delete-btn:hover{color:#fff;background-color:#c82333;box-shadow:none}.edit-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.edit-title,.edit-content{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;color:#333;transition:border-color .3s ease}.edit-title:focus,.edit-content:focus{border-color:#007bff;outline:none}.edit-content{height:80px;resize:vertical}.edit-form button{padding:10px;font-size:14px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.edit-form button:first-of-type{background-color:#28a745;color:#fff}.edit-form button:first-of-type:hover{background-color:#218838}.edit-form button:last-of-type{background-color:#dc3545;color:#fff}.edit-form button:last-of-type:hover{background-color:#c82333}#search-container{display:flex;justify-content:center;align-items:center;font-size:20px;position:relative}.search-input{border:none;border-bottom:1px solid black;background-color:transparent;font-size:18px;margin:10px;padding-right:40px;position:relative;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.search-input:focus{outline:none}#search-icon{height:20px;width:20px;background:url(/assets/search-icon-886e79ca.png) no-repeat;background-size:cover;background-position:center;border:none;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}#span-search-by{margin-bottom:.1rem}select{border:none;border-bottom:1px solid black;background-color:transparent;font-size:18px;margin-left:10px;padding-right:1px}option{background-color:#a6a6a6c2}#search-icon-div{position:relative;display:flex;align-items:center}#sort-filter-container{display:flex;align-items:center;justify-content:flex-start;margin:.1rem;padding:.3rem}.sort-filter-label{font-size:18px}.sort-filter-element{font-size:18px;margin-right:.5rem}.user-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style-type:none;padding:0;margin:0}.user-item{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.user-item:hover{background-color:#4e7800}.user-item img{width:100px;height:100px;border-radius:50%;margin-bottom:1rem}.user-item .user-buttons{display:flex;gap:.5rem;margin-top:.5rem}.user-item button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.user-item .user-admin-button,.user-item .user-block-button,.user-item .user-remove-button{background-color:#9d9d9d;color:#000}.user-item .user-admin-button:hover{background-color:#ff893a;color:#fff}.user-item .user-block-button:hover{background-color:#de1c1c;color:#fff}.user-item .user-remove-button:hover{background-color:#000;color:#fff}.user-avatar{width:100px;height:100px;border-radius:50%;margin-bottom:1rem;cursor:pointer}.user-avatar:hover{opacity:.8}.admin-dashboard{padding:0;width:80vw;background-color:transparent;display:flex;flex-direction:column}.admin-dashboard .btn-details-controler{align-self:flex-start}#admin-actions{display:border-box;border:1px solid black;margin:1rem}.admin-dashboard table{width:100%;border-collapse:collapse}.admin-dashboard th,.admin-dashboard td{border:1px solid #ddd;padding:8px;text-align:left}.admin-dashboard th{background-color:#4e7800;color:#fff}.admin-dashboard tr:nth-child(2n){background-color:#f2f2f286}#forum-list-admin{width:80vw}#my-posts-container{display:flex;flex-direction:column;align-items:center;width:80vw}.btn-details-controler{align-self:flex-start;margin-top:1rem}.my-comments-container{background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 2px 5px #0000001a;width:100%;max-width:1200px;margin:0 auto}.my-comments-container h2{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.my-comments-list{padding:0;list-style-type:none}.comment-item{background-color:#fff;padding:15px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a;transition:background-color .3s ease;width:100%}.comment-item:hover{background-color:#f1f1f1}.comment-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#007bff}.comment-content{font-size:16px;margin-bottom:10px;line-height:1.5;color:#555}.comment-author,.comment-date{font-size:14px;color:#777}*{margin:0;padding:0;box-sizing:border-box}:root{background:url(../../common/images/background.jpg) no-repeat;width:100%}