@import"https://fonts.googleapis.com/css2?family=Bangers&family=Corinthia:wght@400;700&family=Mrs+Saint+Delafield&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary: #4f6145;--secondary: #aabda2}*{box-sizing:border-box}body{margin:0}.bangers-regular{font-family:Urbanist,sans-serif;font-optical-sizing:auto;font-style:normal}.main-container{max-width:45rem;box-shadow:#6d6d6d 0 0 20px;overflow:hidden;margin:0;font-family:Urbanist,sans-serif;font-weight:400;background-color:var(--secondary)}.main-container h1{font-size:3.75rem;line-height:1;margin:0;letter-spacing:6px}.top-banner{height:min(100svh,1080px);width:100%;position:relative;overflow:hidden}.main-image{height:min(100svh,1080px);background:url(/assets/Slika2-COqVFjnI.jpg) center center / cover;animation:4s ease-out 0s 1 normal none running kenburnsDown}.main-text{padding:22px;position:absolute;bottom:0;left:0;text-align:center;color:#fff;background:#0000004d;animation:1s cubic-bezier(.215,.61,.355,1) 3.5s 1 normal both running text-focus-in}.main-text h1,.main-text p{text-transform:uppercase;font-family:Urbanist,sans-serif;font-style:normal;font-weight:400}.main-text p{text-transform:uppercase;letter-spacing:8px;margin-top:24px;font-size:32px;margin-bottom:0}.main-text span{font-family:Mrs Saint Delafield,cursive;font-size:64px;text-transform:lowercase}.save-the-date{padding:22px;align-items:center;text-align:center;color:#4f6145}.save-the-date h1{text-transform:uppercase;font-weight:500}.save-the-date span{font-family:TuesdayNight;font-size:84px;margin-bottom:-32px;margin-top:-8px;padding-left:32px}.separator{padding:22px;display:flex;justify-content:center}.separator div{width:60%;height:1px;background-color:#000}.middle-container{width:100%;padding:2.5rem;box-sizing:border-box;color:#4f6145}.wedding-text{margin:5rem 0}.wedding-text h3{margin:2rem 0;font-size:1.3rem;line-height:2rem;text-align:right}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:1.3rem;margin-top:2rem}.contact h3{margin:0}.contact-person{display:flex;align-items:baseline;gap:1rem}.locations-map{margin-top:7rem}.wedding-timeline h2{text-align:center;margin-bottom:.5rem;animation:1s cubic-bezier(.215,.61,.355,1) .5s 1 normal both running text-focus-in}.timeline-single{display:flex;flex-direction:row;text-align:center;gap:.5rem;float:none;width:100%;padding:0;height:115px;position:relative;clear:both;margin:0 0 60px}.timeline-single.in-view.okupljanje{animation:.6s cubic-bezier(.25,.46,.45,.94) .5s 1 normal both running text-focus-in}.timeline-single.in-view.crkva{animation:.6s cubic-bezier(.25,.46,.45,.94) 1.16667s 1 normal both running text-focus-in}.timeline-single.in-view.sala{animation:.6s cubic-bezier(.25,.46,.45,.94) 1.83333s 1 normal both running text-focus-in}.timeline-single p,.timeline-single h3{margin:.1rem 0}.timeline-single svg{width:48px;height:48px}.timeline-single svg path{fill:#4f6145}.timeline-single{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.timeline-single.animate{opacity:1;transform:translateY(0)}.timeline-image,.timeline-image2{display:flex;align-items:center}.timeline-image:after{content:"";position:absolute;top:92px;left:calc(50% - 1px);height:100px;width:3px;background-color:#4f6145}.timeline-space,.timeline-info{width:100%}.timeline-info{display:flex;flex-direction:column;justify-content:center;align-items:center}.deadline{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem}.deadline h2,.deadline h3{margin:0;margin-top:1rem}.deadline h3{font-size:24px}.footer-text{text-align:center;font-size:38px;font-family:Corinthia,cursive}@font-face{font-family:TuesdayNight;src:url(/assets/TuesdayNight-Regular-DnU2koWV.otf) format("opentype");font-weight:400;font-style:normal}@keyframes kenburnsDown{0%{transform:scale(1.3) translateY(-10%)}to{transform:scale(1) translate(0)}}@keyframes text-focus-in{0%{filter:blur(12px);opacity:0}to{filter:blur(0);opacity:1}}@media (min-width: 769px){.main-container{margin:3rem auto}.main-text,.save-the-date,.separator{padding:32px}.timeline-image:after{top:120px;height:45px}.timeline-single svg{width:96px;height:96px}}.gallery-slides{position:relative;width:100%;height:calc(100vh - 80px);overflow:hidden}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;max-height:calc(100vh - 80px)}.wedding-form{width:100%;max-width:100%;align-items:center;gap:1rem;margin:0;display:flex;flex-direction:column;text-align:center}.wedding-form svg path{fill:var(--primary)}.wedding-form form{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;width:100%;margin:0 auto}.wedding-form button{border:1px dashed var(--primary);color:var(--primary);width:100%;padding:.5rem;cursor:pointer;background-color:transparent;display:flex;justify-content:center;align-items:center;gap:4px;border-radius:.375rem;font-size:.7rem}.wedding-form button svg{height:10px;width:10px;align-self:center}.form-header{width:100%;display:flex;flex-direction:row;justify-content:space-between}.guest-tracker{border-radius:.375rem;display:flex;width:100%;border:1px solid var(--primary);padding:16px}.tracker-container{display:flex;flex-direction:column;width:100%;gap:8px}.tracker-header{display:flex;flex-direction:row;width:100%;align-items:center}.tracker-header svg{height:1.5rem;width:1.5rem}.tracker-header svg:hover{cursor:pointer}.tracker-header input{width:100%;padding:.5rem;border-radius:.375rem;font-size:.8rem;border:1px solid var(--primary);background-color:var(--secondary);color:var(--primary);transition:all .25s ease-in-out;margin-right:1rem}.tracker-header input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f61454d}.tracker-footer{display:flex;flex-direction:row;width:100%;gap:4px;flex-wrap:wrap}.badge{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border-radius:24px;color:var(--primary);background-color:var(--secondary);border:1px solid var(--primary);font-size:10px;border-radius:.375rem}.badge:hover{cursor:pointer}.badge.active{background:#fff;color:var(--primary);border:1px solid white}.badge .checkmark,.badge.active .plus{display:none}.badge .plus,.badge.active .checkmark{display:block}.badge svg{height:10px;width:10px;align-self:center}.wedding-form textarea{width:100%;border:1px solid var(--primary);color:var(--primary);padding:1rem;resize:vertical;border-radius:.375rem;font-size:.8rem;background-color:var(--secondary);transition:all .25s ease-in-out}.wedding-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f61454d}.wedding-form .confirm-button{height:50px;border:none;outline:none;padding:.75rem 1rem;background:#fff;color:var(--primary);text-align:center;box-shadow:#0006 0 6px 20px -5px;position:relative;overflow:hidden;cursor:pointer;border-radius:.375rem;font-size:.85rem;width:fit-content;font-weight:700;margin:2rem 0}
