#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}.login-form-container{display:flex;flex-direction:column;align-items:center;width:350px;height:300px;margin:10px auto;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.login-form-container h1{font-weight:400;margin:5px 0}.login-form-label-container p{margin:5px 0 10px;color:red}.login-form-label-container{display:flex;flex-direction:column;margin:10px 0}.login-form-label-container input{width:300px;border:2px solid black;background-color:#d0deee}.login-form-button{margin-top:10px;height:38px;border:2px solid black;background-color:#da4753;color:#fff}.login-form-button:disabled{background-color:#d3d3d3;border:2px solid grey}.login-form-button:enabled:hover{cursor:pointer}.login-demo-user{border:white;background-color:#fff;margin-top:15px;text-decoration:underline;color:#046767;font-weight:700;font-size:medium}.signup-form-container{display:flex;flex-direction:column;align-items:center;width:350px;height:520px;margin:10px auto;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.signup-error-message{width:300px;color:red;margin:5px 0}.signup-form-container h1{font-weight:400;margin:10px 0}.signup-form-label-container{display:flex;flex-direction:column;margin:10px 0}.signup-form-grouped-container{margin-bottom:30px}.signup-form-grouped-container input{width:300px;border:2px solid black;background-color:#d0deee}.signup-form-button{background-color:#da4753;margin-top:0;width:310px;height:40px;color:#fff;font-size:medium;border:3px solid black}.signup-form-button:disabled{background-color:#d3d3d3;border:2px solid grey}body{margin:0;padding:0}.profile-dropdown{position:absolute;top:45px;right:25px;list-style-type:none;padding:7px 10px;border:3px solid black;background-color:#fff;width:15%;word-wrap:break-word}.profile-dropdown li{padding:5px 0 5px 15px;text-align:left;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.button-li{border-top:3px solid black}.button-li button{border:none;background-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:medium}.button-li button:hover{cursor:pointer}.hidden{display:none}.nav-bar{display:flex;justify-content:space-between;border-bottom:2px solid lightgray;margin:0;padding:0;max-height:80px}.buttons{display:flex;gap:30px;margin:15px 20px}.modal-button{border:none;background:none;font-size:small;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.logo{margin:15px 20px;text-decoration:none;font-size:xx-large;font-weight:750;color:#075922;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.logged-in-navbar{display:flex;align-items:center;margin:auto 20px;gap:15px;max-height:80px}.new-group-link{text-decoration:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#046767;font-weight:500;font-size:small}.button{background:none;border:none;cursor:pointer}.fa-user-circle{background-color:#fff;color:#075922}.landing-container{margin:60px auto auto;display:flex;flex-direction:column;align-items:center;max-width:1190px;width:80%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.section-one-container{display:flex;gap:10px;max-height:340px}.section-one-element{flex:3}.title-text{display:flex;flex-direction:column;flex:4;margin:0 25px auto auto}.title-text h1{font-size:40px}.title-text p{margin:5px;font-size:20px}.image-container{display:flex;justify-content:start;align-items:center}.section-one-element img{max-width:100%;max-height:90%;width:480px}.section-two-container{display:flex;flex-direction:column;align-items:center;text-align:center;margin:50px auto 60px;max-width:40%}.section-two-container h3{margin:auto auto 5px}.section-two-container p{margin:5px auto auto}.section-three-container{display:flex;gap:70px;text-align:center;justify-content:space-evenly;align-items:center;max-width:80%;margin:20px auto auto}.section-three-element{flex:1;display:flex;flex-direction:column;align-items:center}.link{text-decoration:none;font-weight:550;font-size:large;color:#064750}.link:hover{text-decoration:underline}.section-four-container{padding:20px}.join-button{padding:10px 20px;font-size:medium;background-color:#064750;color:#fff;border:10 black}.section-three-element img{display:block;margin:0 auto 20px;max-width:30%;max-height:30%}.disabled-link{pointer-events:none;text-decoration:none;font-weight:550;font-size:large;color:gray}.group-container{display:flex;justify-content:center;border-top:1px solid lightgray}.event-private-info{display:flex;gap:7px}.group-feed-container{display:flex;flex-direction:column;max-width:600px;margin:0 auto 20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.nav-links{display:flex;justify-content:start;gap:20px;font-size:x-large;margin-top:40px}.nav-links a{color:gray;text-decoration:none}.nav-links a.active{text-decoration:underline;color:teal}.title h4{color:gray;margin:20px 0;font-weight:400}.group-container{display:flex;gap:20px;max-height:185px;padding:10px 0}.group-feed-image-container{display:flex;flex-direction:column;justify-content:flex-start}.group-container img{width:180px;height:120px;border-radius:6px}.group-list-container a{text-decoration:none}.group-feed-info-container{max-height:185px;display:flex;flex-direction:column;gap:15px}.info-section h1{color:#000;margin:0 0 5px;font-size:x-large}.info-section h3{color:gray;font-weight:lighter;font-size:medium;margin:0}.info-section p{color:#000;font-size:15px;margin-top:20px;margin-bottom:15px;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.group-feed-event-private-section{display:flex;gap:5px;margin-bottom:2px}.event-private-element{margin:0;color:gray;font-size:medium}.group-events-info-section h2,.group-details-events-feed-container h2{font-weight:400}.page-container{display:flex;flex-direction:column;max-width:950px;margin:65px auto 20px;padding:0 10px;height:400px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.group-details-link a{color:#1053b0}.group-details-link{display:flex;flex-direction:row;align-items:center;height:20px;margin:5px 0;gap:5px}.group-details-link p{margin:5px 0;color:#000;text-decoration:none}.top-page-container{display:flex;flex-direction:column}.group-details-image img{max-width:580px;max-height:360px;width:580px;height:360px}.group-image-info-content{display:flex;gap:35px}.group-details-title-section h1{margin:0;font-weight:400;font-size:35px}.group-details-info-section{display:flex;flex-direction:column;justify-content:space-between;max-height:360px}.group-details-small-section{color:gray;margin:20px 0 5px;font-size:medium}.group-details-small-section p{margin:5px 0}.group-details-title-section{font-weight:400}.edit-group-container button{margin:5px 8px 0 0;padding:8px 15px;background-color:gray;color:#fff;font-size:medium}.edit-group-container button:hover{cursor:pointer}.event-private-container{display:flex;justify-content:start;gap:10px}.bottom-page-container{background-color:#eaeaead3;min-height:700px}.bottom-page-content{display:flex;flex-direction:column;align-items:start;max-width:950px;margin:40px auto 0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.organizer-container h2{margin:30px auto 10px;font-weight:400}.organizer-container p{margin:10px auto;color:gray}.about-container{margin-top:40px}.about-container h2{margin:10px auto;font-weight:400}.about-container p{margin:10px auto}.event-feed-container{margin-top:15px;margin-bottom:20px}.upcoming-container{display:flex;flex-direction:column}.group-details-event-container{background-color:#fff;margin:20px auto;width:550px;max-width:550px;height:230px;max-height:230px;border-radius:20px;padding:10px}.group-details-event-image-info-container{display:flex;gap:20px;margin:10px 5px;width:540px;height:130px}.event-group-image-div{max-width:180px;max-height:150px;width:180px;height:130px}.event-group-image{max-width:180px;max-height:150px;width:180px;height:130px;border-radius:8px}.group-details-events-container h2{font-weight:400}.group-details-events-feed-container a{text-decoration:none}.group-details-event-date{color:#046767}.group-details-event-date-container{display:flex}.group-events-info-section p{font-size:small;margin:5px 5px 5px 0}.group-events-info-section h2{color:#000;margin:8px 0}.group-details-event-type{color:gray}.group-details-event-about-section{margin:10px 5px;font-size:15px;color:#000}.join-group button{padding:10px 30px;background:rgb(206,43,39);color:#fff;font-size:medium}.join-group button:hover{cursor:pointer}.delete-modal-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:350px;margin:10px}#modal-content{border-radius:10px;border:4px black solid;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:absolute;top:10%}#modal-background{background-color:#4846466c}.delete-modal-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.delete-modal-container h2{margin:5px;font-weight:400}.delete-modal-container p{margin:10px}.delete-modal-container button{width:100%;height:80%;border:2px solid black;margin:7px auto;box-shadow:3px 2px 2px #000}.button.yes{background-color:#046767;color:#fff}.button.no{background-color:#666;color:#fff}.events-feed-container{display:flex;flex-direction:column;max-width:580px;margin:0 auto 20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.events-feed-title h4{color:gray;margin:20px 0;font-weight:400}.singular-event-container{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:10px;height:280px;border-top:1px solid lightgray;padding:10px 0}.singular-event-container img{max-width:250px;width:250px;height:180px;max-height:180px;border-radius:15px}.event-feed-image-info-container{display:flex;height:184px;gap:20px}.events-feed-info-section h1{color:#000;margin:10px 0;font-size:x-large;font-weight:400}.events-feed-event-type{color:gray;font-weight:lighter;font-size:medium;margin:0}.events-feed-about-section p{color:#000;font-size:medium;margin-top:0}.events-feed-info-section p{color:#046767}.events-list-container a{text-decoration:none}.events-feed-date{margin:0}.event-details-top-page-container{max-width:970px;margin:65px auto 20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.event-details-bottom-page-container{background-color:#eaeaead3;min-height:800px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.event-details-bottom-page-content{display:flex;flex-direction:column;max-width:970px;margin:20px auto;padding:30px 10px}.event-details-top-link a{color:#1053b0}.event-details-top-link{display:flex;flex-direction:row;align-items:center;height:20px;margin:5px 0;gap:5px}.event-details-image-info-container{display:flex;gap:20px}.event-details-image-container img{max-width:520px;max-height:310px;width:530px;height:310px}.event-details-group-info-container{display:flex;align-items:center;justify-content:start;width:380px;height:80px;background-color:#fff;border-radius:15px;margin:0 0 10px;padding:20px;gap:15px}.event-details-general-info-container a{text-decoration:none}.event-group-name-type-container>h4{margin-top:0;max-height:80px;color:#000;font-weight:lighter}.event-group-name-type-container>p{color:gray}.event-details-general-info-container img{width:150px;height:80px}.event-info-container{display:flex;flex-direction:column;align-items:start;justify-content:center;width:390px;height:150px;background-color:#fff;border-radius:15px;margin:10px 0 0;color:gray;padding:15px}.event-info-container>div{margin:5px}.event-info-container div>p{margin:5px;font-size:14px}.event-details-date-display-content{display:flex}.event-details-date-display-content.start>p{margin-bottom:3px}.event-details-date-display-content.end>p{margin-top:3px}.specific-date{color:#046767}.event-details-date-display-container{display:flex}.event-details-date-display-content-container{display:flex;flex-direction:column}.event-details-date-display-container>div{margin:0}.event-details-type-buttons-container{display:flex;align-items:center;gap:130px}.event-details-type-buttons-container button{background-color:gray;color:#fff;padding:2px 10px}.event-details-type-buttons-container button:hover{cursor:pointer}.delete-event-open-button{margin-left:10px}.event-details-description-container{display:flex;flex-direction:column;margin:0;align-items:flex-start}.event-details-description-container h3{margin-bottom:10px}.event-details-description-container p{margin:10px 0}.event-list-name-organizer h2{font-weight:400;margin:10px 0}.event-list-name-organizer p{color:gray}.event-detail-price-container,.event-details-type-container{display:flex}.event-info-container span{display:flex;align-self:center;justify-content:center;margin-right:10px}.group-form-container{width:1000px;margin:10px auto;padding:10px 20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.group-form-title-container{border-bottom:2px solid grey}.group-form-title-container h1{margin-bottom:10px;font-weight:400;font-size:medium;color:#046767}.group-form-title-container h2{margin-bottom:10px;font-weight:400}.group-form-sub-section{border-bottom:2px solid grey;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.group-form-container h2{font-weight:400;margin:0 0 10px}.group-form-container p{margin:10px 0}.group-form-sub-section input{width:330px;height:20px;background-color:#d0deee;margin-top:20px;border:3px solid black}.group-form-about-container textarea{height:200px;width:330px;background-color:#d0deee;margin-top:20px;border:3px solid black;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.group-form-about-container-input::placeholder{text-align:start;position:absolute;top:3%}.group-form-final-steps-container select{background-color:#d0deee;border:3px solid black}.group-form-create-button button{background-color:#e12525;margin-top:20px;width:150px;height:50px;color:#fff;font-size:medium;border:3px solid black}.group-form-create-button button:hover{cursor:pointer}.create-event-form-container{width:800px;margin:10px auto;padding:10px 20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.create-event-title-container h1{font-weight:400;font-size:x-large;margin:10px 0}.create-event-sub-section{border-bottom:2px solid grey;display:flex;flex-direction:column;justify-content:center;padding:10px 0}.create-event-sub-section div{margin-bottom:10px}.create-event-sub-section p{margin:0 0 5px}.create-event-name-container input,.create-event-image-url input{width:330px;height:20px;border:2px solid black;background-color:#d0deee}.create-event-text-area textarea{width:800px;height:150px;border:2px solid black;background-color:#d0deee}.create-event-details-container select{border:2px solid black;background-color:#d0deee}.create-event-details-container input{border:2px solid black;width:50px;background-color:#d0deee}.create-event-data-container input{border:2px solid black;background-color:#d0deee}.create-event-button button{background-color:#e12525;margin-top:20px;width:150px;height:50px;color:#fff;font-size:medium;border:3px solid black}.create-event-button button:hover{cursor:pointer}