.profile-button-container{position:relative;display:inline-block}.profile-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #00000026;z-index:100;padding:10px;border-radius:8px;width:180px;list-style:none}.profile-dropdown li{padding:8px}.menu-button{background:none;border:none;cursor:pointer;font-size:1.4rem}.prof-butt{width:100%;background-color:#f0f0f0;border:none;padding:6px;cursor:pointer;border-radius:4px;margin-top:4px}body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;background-color:#d1e8e2;color:#253659;min-width:600px;max-width:1280px;display:grid;margin-left:auto;margin-right:auto}nav{display:flex;justify-content:space-between;align-items:center;background-color:#a9d9d0;position:relative;padding:5px;z-index:1000}.logo{height:70px;border-radius:30px}.nav-buttons{display:flex;flex-direction:row;position:sticky;right:10px;gap:5px;border-radius:10px}h1{color:#027373}h2{font-size:large;color:#f27405}.menu-button{background:#f2f1ef;align-items:center;gap:8px;cursor:pointer;font-size:32px;color:#333;box-shadow:0 4px 6px #0000001a;position:relative}.spot-list{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;grid-template-areas:".spot-card" ".spot-card" ".spot-card" ".spot-card";gap:10px}.spot-card{flex:0 1 calc(25% - 5px);flex-wrap:wrap;justify-content:flex-start;background-color:#f5f5f5;border-radius:8px;padding:10px;width:250px;height:auto;box-shadow:0 4px 8px #0000001a;margin:10px;overflow:visible}.spot-title{color:#027373}.stars{color:#a9d9d0;text-align:end}button{display:inline-block;position:relative;background-color:#027373;color:#f2f1ef;border-radius:100px;padding:7px 20px;text-align:center;height:40px;cursor:pointer;box-shadow:0 4px 6px #0000001a;margin-bottom:8px}button:hover{background-color:#aad2d6;box-shadow:0 6px 8px #0003}.review-modal-container{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#f2f1ef;width:300px}.delete-buttons{display:flex;flex-direction:column;position:relative;right:10px;gap:5px;border-radius:10px}@media (max-width: 1024px){.spot-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.spot-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 450px){.spot-list{display:block}.spot-card{justify-content:center}}.butt-wide{width:250px}.hidden{display:none}.show-menu{position:absolute}.profile-dropdown.hidden{display:flex}.modal-link:hover{text-decoration:underline;cursor:pointer}.dropdown{position:relative}.dropdown-menu{position:absolute;background-color:transparent;top:100%;left:0;padding:8px 0;border:none;z-index:10;min-width:150px}.dropdown-button{background-color:#3dc6c1;color:#fff;border:none;padding:8px 12px;margin:4px 0;display:inline-block;min-width:100px;text-align:left;cursor:pointer;font-size:14px;border-radius:4px;text-decoration:none;transition:background-color .2s ease}.dropdown-button:hover{background-color:#3dc6c1;text-decoration:none;color:#fff}.nav-greeting{margin-right:1rem;color:teal;font-weight:700}.nav-auth-button{background-color:teal;color:#fff;padding:6px 12px;border:none;border-radius:4px;text-decoration:none;font-size:.9rem;transition:background-color .2s ease;margin-right:10px}.nav-auth-button:last-child{margin-right:0}.nav-auth-button:hover{background-color:#008080cc;cursor:pointer}.nav-list{display:flex;align-items:center;gap:10px;list-style:none}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.nav-logo{width:140px;height:auto;object-fit:contain}.dropdown-email{padding:8px 12px;font-weight:700;color:teal;background:none;border-bottom:1px solid #ccc}.profile-logo{width:140px;height:auto;object-fit:contain}.long-forms{width:500px}.form-section{width:100%}.location{display:grid;grid-template-columns:1fr 1px 1px 1fr;grid-template-rows:auto;grid-template-areas:"label label label",;gap:5px}input,textarea{display:block;margin:0;text-align:left;width:95%;color:#253659}textarea::placeholder{opacity:.5;color:gray;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;font-weight:300}input::placeholder{opacity:.5;color:gray;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;font-weight:300}textarea{height:75px}.cityInput{display:block;margin:0;text-align:left;width:250px}.stateInput{display:block;margin:0;text-align:left;width:190px}.price{display:inline-flex;gap:2px;width:97%;align-items:center}.image-wrapper{position:relative;display:inline-block}.spot-image{width:100%;height:150px;position:relative;border-radius:8px;align-self:center;transition:transform .2s}.spot-image:hover{transform:scale(1.05)}.image-wrapper:hover .tooltip{opacity:1}.tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#027373;color:#f2f1ef;padding:8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.top-line{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.spot-list{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:40px 60px;margin-top:150px;justify-content:center}.page{max-width:1400px;margin:0 auto;padding:20px}.spot-title{font-size:2rem;margin-bottom:10px}.spot-location{font-size:1.2rem;margin-bottom:20px}.spot-images{display:grid;grid-template-columns:4fr 1.5fr 1.5fr;grid-template-rows:repeat(2,1fr);gap:10px;margin-bottom:20px}.spot-images .large-image{grid-column:1 / 2;grid-row:1 / 3;width:100%;height:100%;object-fit:cover;border-radius:8px}.spot-images .small-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.spot-images .small-image:nth-child(2){grid-column:2 / 3;grid-row:1}.spot-images .small-image:nth-child(3){grid-column:3 / 4;grid-row:1}.spot-images .small-image:nth-child(4){grid-column:2 / 3;grid-row:2}.spot-images .small-image:nth-child(5){grid-column:3 / 4;grid-row:2}.details-callout-wrapper{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;border-bottom:2px solid #253659;padding-bottom:20px}.details-container{flex:2;padding-right:20px}.callout-container{flex:1;padding:20px;border:2px solid gray;border-radius:16px;background-color:#f9f9f9;display:flex;flex-direction:column;justify-content:space-between}.callout-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.callout-price{font-size:1.5rem;font-weight:700}.callout-rating{display:flex;align-items:center;font-size:1rem}.callout-rating svg{margin-right:5px}.button-container{margin-top:auto;width:100%}.button{color:#fff;border:none;padding:10px;font-size:1rem;border-radius:5px;cursor:pointer;width:100%;text-align:center}#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}.review-date{color:#4a4a4a;font-size:.9rem;margin-bottom:2px}.review-even{background-color:#a9d9d0;padding:10px;margin-bottom:10px;border-radius:8px}.review-odd{background-color:#dfe3e4;padding:10px;margin-bottom:10px;border-radius:8px}.spot-buttons{display:flex;flex-direction:row;border-radius:10px;gap:5px}#modal-content{background-color:#f2f1ef;color:#000;padding:20px;border-radius:8px;position:fixed;top:20%;left:50%;transform:translate(-50%,-20%)}form{display:flex;flex-direction:column;width:300px;margin:0 auto;padding:20px;background-color:transparent;border-radius:10px}label{margin-bottom:10px;display:flex;flex-direction:column}label input{margin-top:5px}ul{color:#e62539;list-style-type:none;padding:0}.error{color:#e62539;margin-top:5px}form{display:flex;flex-direction:column;width:300px;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px}label{margin-bottom:10px}input{padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}button{padding:10px;background-color:#3dc6c1;color:#fff;border:none;border-radius:4px;cursor:pointer;box-shadow:0 4px 6px #0000001a;height:75px}button:disabled{background-color:#ccc;cursor:not-allowed}button:hover:enabled{background-color:#3dc6c1;box-shadow:0 6px 8px #0003}h1{text-align:center;margin-bottom:20px}ul{color:#000;list-style-type:none;padding:0}.error{color:red;margin-top:5px}