@tailwind base;@tailwind components;@tailwind utilities;:root{--background:#fff;--background2:#efefef;--text-color:#171717;--accent:#57c102;--accent2:#b1e781;--font-roboto:var(--font-roboto),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}body{font-family:Roboto,sans-serif}.container{max-width:1200px;margin:40px auto;background-color:var(--background)}.container,.navbar{padding:20px}.navbar-container{max-width:1200px;margin:auto}.navbar-float{position:absolute;z-index:999;width:100%}.logo{margin:auto auto auto 0}.hero,.logo{display:flex}.hero{background:url(/hero.png) 50% no-repeat;height:800px;width:100%;background-size:cover;justify-content:center;align-items:center;opacity:.8}.heroText{font-size:60px}.heroSubtext,.heroText{color:var(--text-color);background-color:hsla(0,0%,100%,.3);font-weight:700;flex:1 1;z-index:999;text-align:center}.heroSubtext{font-size:30px}.form{display:flex;flex-direction:column;gap:30px}.section{background-color:var(--background);padding:20px;border-radius:10px}.h2-accent{color:var(--accent);font-size:45px;margin-bottom:20px;font-weight:700}.grid{display:flex;flex-wrap:wrap;gap:10px}.inputGroup{flex-direction:column;background-color:var(--background2);color:var(--text-color);font-size:20px;font-weight:700;text-transform:uppercase;padding:14px;flex:1 1}.eircodeMissing{border:2px solid red;background-color:#f19595}.eircodeMissing::placeholder{color:var(--text-color)}.dateInputGroup{display:flex;flex-direction:row;background-color:var(--background2);color:var(--text-color);font-size:20px;font-weight:700;align-items:center;justify-content:center;padding:14px;flex:1 1}.inputGroup-selected{background-color:var(--accent);color:var(--background)}.inputGroupGreen::placeholder{color:var(--background)}.propertyText{margin-top:22px;margin-bottom:16px;font-size:22px}.label{font-weight:700;margin-bottom:5px}.input,.select{padding:10px;font-size:1rem;border-radius:5px;background-color:var(--background2);width:100%}.radioDiscount{padding:12px;border:1px dashed;width:100%;text-align:center;margin-bottom:12px}.radioDiscountHighlight{background-color:#57c102;border:none;color:var(--background)}.radioFrequency{font-weight:400;flex-grow:1;margin-bottom:30px;text-align:center;white-space:pre-wrap;flex:1 1}.checkboxLabel{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:10px;background-color:var(--background)}.quoteBox{background-color:var(--background2);padding:20px}.quoteItem{display:flex;justify-content:space-between}.total{font-size:1.2rem;font-weight:700;color:#333;margin-top:12px}.submitButton{padding:15px;background-color:var(--accent);color:var(--background);font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;width:100%;margin-top:20px}.submitButton:disabled{background-color:#57c102c2;cursor:not-allowed}.submitButton:hover{background-color:var(--accent)}.submitButton:focus{outline:none}.extras-box{display:flex;flex-wrap:wrap;gap:10px}.icon{font-size:64px}.yellow{color:#f3a22d}.extras-icon{color:var(--accent)}.extras-option{border-color:var(--background);display:flex;justify-content:center;flex-direction:column;align-items:center;padding:12px;flex-grow:1;flex-shrink:0;flex-basis:calc(25% - 10px);box-sizing:border-box}.extras-option,.radioGroup{background-color:var(--background2)}.radioGroup{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:20px}.radioLabel{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:var(--background);border:1px solid #ddd;font-size:24px;font-weight:700;box-sizing:border-box;transform:scale(.9)}.selected{background-color:var(--accent);border-color:var(--accent);transform:scale(1)}.selected,.selected>svg{color:var(--background)}.room-selector{position:relative;cursor:pointer;background-color:var(--background2);width:33%}.room-selector,.room-selector>div{display:flex;justify-content:center;align-items:center}.room-selector>div{width:50%}.inputGroup{display:flex;justify-content:center;align-items:center}.buttonGroup{position:absolute;top:50%;transform:translateY(-50%);display:flex;width:80%;justify-content:space-between}.button{color:var(--accent);cursor:pointer;font-size:34px}.userInputGroup{width:100%;display:flex;background-color:var(--background2);justify-content:space-between;margin-top:20px;gap:20px}.userInputGroup>input{display:flex;flex-direction:column;background-color:var(--background);color:var(--text-color);font-size:20px;font-weight:700;align-items:center;justify-content:center;padding:14px;flex:1 1}.noEircode{color:red}.confirmationPage{margin:auto;display:flex;justify-content:center;flex-direction:column;align-items:center;width:100vw;height:100vh;padding:8px;text-align:center}@media (max-width:1024px){.radioGroup{grid-template-columns:repeat(4,1fr)}.extras-option{flex-grow:1;flex-shrink:0;flex-basis:calc(30% - 10px)}}@media (max-width:768px){.hero{background:url(/hero-mobile.png) 50% no-repeat}.radioGroup{grid-template-columns:repeat(1,1fr)}.room-selector{width:100%}.extras-option{flex-grow:1;flex-shrink:0;flex-basis:calc(50% - 10px)}.grid{flex-direction:column}.section{padding:0}.logo{left:0}.userInputGroup{flex-direction:column}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:5px;width:300px;position:relative}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.footer-links{display:flex;justify-content:space-evenly;margin-bottom:12px;color:var(--accent);cursor:pointer;text-decoration:underline}.skip-link{position:absolute;left:-9999px;z-index:999;padding:1em;background-color:#fff;color:#000;text-decoration:none;border:2px solid #000}.skip-link:focus{left:50%;transform:translateX(-50%);top:0}.footer-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:all .2s ease-in-out;opacity:.8}.footer-link:hover{color:var(--accent);opacity:1;transform:translateX(2px)}.footer-link:focus{outline:2px solid var(--accent);outline-offset:2px;opacity:1}@media (max-width:768px){.footer-link{display:inline-block;padding:8px 0}}.inline-link{color:var(--accent);text-decoration:none;font-weight:500;transition:all .2s ease-in-out;border-bottom:1px solid transparent}.inline-link:hover{border-bottom-color:var(--accent)}.inline-link:focus{outline:2px solid var(--accent);outline-offset:2px}.quote-button:hover{background-color:var(--background2)!important;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.quote-button:active{transform:translateY(0);background-color:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.1)}