:root{--primary-font:"Montserrat", sans-serif;--font-weight-thin:100;--font-weight-regular:300;--font-weight-bold:600;--font-size-base:1.2rem;--font-size-small:.9rem;--font-size-large:1.4rem;--font-size-title:3.6rem;--font-size-main-heading:2.2rem;--size-hamburger-menu:2.6rem;--font-size-nav-link:1.2rem;--bg-color:#f4f4f4;--primary-color:#ececec;--primary-transparent:#ecececbf;--primary-light:#fafafa;--primary-dark:#a0a0a0;--secondary-color:#736969;--secondary-light:#a09595;--secondary-extreme-light:#e4d3d3;--secondary-dark:#5a4f4f;--secondary-transparent:#a09595bf;--white:#fff;--black:#000;--gray-light:#f4f4f4;--gray-medium:#d3d3d3;--gray-dark:#7a7a7a;--text-color:#333;--text-light:#666;--text-inverted:#fff;--button-bg:var(--secondary-light);--button-bg-hover:var(--secondary-dark);--button-text:var(--white);--error-color:#f03;--success-color:#28a745;--hover-color:#b20000;--focus-color:#166121;--gradient-color:linear-gradient(to right, var(--primary-color), var(--secondary-color));--gradient-color-alt:linear-gradient(to right, var(--secondary-color), var(--primary-color));--gallery-interior-living-room-1:"images/gallery/villa-adria-living-room-croatia-sabunike.jpg"}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:100;src:url(/assets/montserrat-v31-latin_latin-ext-100-ClYHAUXg.woff2)format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:300;src:url(/assets/montserrat-v31-latin_latin-ext-300-BUYMZEHV.woff2)format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(/assets/montserrat-v31-latin_latin-ext-600-q9Wl7jpc.woff2)format("woff2")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(.8rem,.5vw + .4rem,1rem)}body{font-family:var(--primary-font);font-size:var(--font-size-base);background-color:var(--bg-color)}html,body{overflow-x:hidden}html{background-color:var(--bg-color)}img,picture,video,iframe{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}section{padding:4rem 0}.main-heading{font-size:var(--font-size-main-heading);text-transform:uppercase;display:block}.sub-heading{font-size:var(--font-size-heading-sub);font-weight:var(--font-weight-regular)}.title{font-size:var(--font-size-title);text-transform:uppercase;letter-spacing:2px;font-weight:var(--font-weight-bold);font-family:var(--secondary-font)}.subtitle{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-regular);margin-bottom:1.5rem;font-family:Frank Ruhl Libre,serif}.section-head{text-align:center;margin-top:4rem;margin-bottom:6rem}.section-head .main-heading{font-size:var(--font-size-main-heading);font-weight:var(--font-weight-bold);margin-bottom:.5rem;display:block}.section-head .sub-heading{color:var(--secondary-color);font-size:var(--font-size-base);max-width:60ch;margin:.5rem auto 0;line-height:1.4;display:block}.header{background-color:var(--primary-transparent);border:2px solid var(--primary-dark);z-index:999;align-items:center;width:100%;height:8rem;transition:background-color .5s,height .5s;display:flex;position:fixed;top:0;left:0}.header.activate{background-color:var(--primary-color);height:4rem;color:var(--text-color)}.navcontainer{width:100%;max-width:120rem;margin:0 auto;padding:0 1.5rem}.nav{justify-content:space-between;align-items:center;display:flex}.logo{justify-content:center;align-items:center;width:8rem;height:8rem;transition:width .5s,height .5s;display:flex}.header.activate .logo{width:4rem;height:4rem}.logo picture{width:100%;display:block}.logo img{z-index:100;width:100%;height:auto;transition:all .5s}.hamburger-menu{font-size:var(--font-size-hamburger-menu);color:var(--text-color);cursor:pointer;z-index:1500;position:relative}.close-state,.menu-open .open-state{display:none}.menu-open .close-state{display:block}.nav-list{background-color:var(--primary-color);z-index:1400;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .5s;display:flex;position:fixed;top:0;left:0;transform:scale(0)}.menu-open .nav-list{opacity:1;background-color:var(--primary-color);transform:scale(1)}.nav-item:not(:last-child){margin-bottom:.5rem}.nav-link{color:var(--text-color);font-size:var(--font-size-nav-link);text-transform:uppercase;letter-spacing:1px;padding:1rem;font-weight:400;transition:all .3s;display:block}.nav-link:hover{color:var(--hover-color);text-decoration:underline;transform:scale(1.05)}.nav-link:focus{outline:2px solid var(--focus-color)}@media screen and (width>=768px){.header{height:8rem}.header.activate{height:4.5rem}}@media screen and (width>=1000px){.hamburger-menu{display:none}.nav-list{position:initial;width:initial;height:initial;justify-content:initial;opacity:1;background-color:#0000;flex-direction:row;transform:scale(1)}.nav-item:not(:last-child){margin-bottom:0;margin-right:3rem}.nav-link{font-size:var(--font-size-nav-link);font-weight:400;transition:color .5s}.nav-link:hover{color:var(--button-bg)}}.lang-switcher{align-items:center;margin-left:1rem;display:flex;position:relative}.lang-btn{-webkit-backdrop-filter:blur(6px);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:#ffffffa6;border:1px solid #00000026;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.9rem;line-height:1;display:inline-flex}.lang-btn:hover{border-color:#0000004d}.lang-btn:focus-visible{outline-offset:2px;outline:2px solid #333}.lang-btn .material-symbols-outlined{font-size:18px;line-height:1}.lang-menu{transform-origin:100% 0;opacity:0;pointer-events:none;z-index:1000;background:#fffffff2;border:1px solid #0000001a;border-radius:.75rem;min-width:9rem;margin:0;padding:.35rem;list-style:none;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + .4rem);right:0;transform:scale(.97);box-shadow:0 8px 24px #0000001f}.lang-menu a{color:inherit;text-transform:uppercase;letter-spacing:.06em;border-radius:.5rem;align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:.9rem;text-decoration:none;display:flex}.lang-menu a:hover{background:#0000000d}.lang-switcher[aria-expanded=true] .lang-menu,.lang-btn[aria-expanded=true]+.lang-menu{opacity:1;pointer-events:auto;transform:scale(1)}@media (width<=900px){.lang-switcher{margin-left:.5rem}.lang-btn{padding:.4rem .6rem;font-size:.85rem}.lang-menu{min-width:7.5rem}}.footer{background-color:var(--secondary-color);color:var(--white);font-size:var(--font-size-small);padding:2rem 1rem}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;column-gap:0;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.footer-section{text-align:center;flex:15rem;margin:1rem 0}.logo-section{text-align:center;flex:1;transform:translateY(-30px)}.footer-logo-image{width:10rem;height:auto;margin:0 auto;display:block}.legal-links{text-align:left;border-inline-end:1px solid var(--primary-transparent);padding-inline-end:clamp(2.5rem,4vw,3rem)}.footer-contact-info{text-align:left;border-inline-start:1px solid var(--primary-transparent);padding-inline-start:clamp(2.5rem,4vw,3rem)}.footer-contact-info p{margin:0 0 .6rem}.footer-contact-info p:last-child{margin-bottom:0}.footer-section h2{font-size:var(--font-size-base);margin-bottom:.8rem}.footer-nav{margin:0;padding:0;list-style:none}.footer-nav li{margin-bottom:0}.footer-link{color:var(--white);align-content:center;min-height:48px;padding:.6rem 0;text-decoration:none;display:inline-block;position:relative}.footer-link:after{content:"";background-color:var(--white);width:0;height:1px;transition:width .3s ease-in-out;position:absolute;bottom:.7rem;left:0}.footer-link:hover:after{width:100%}.footer-link:hover{color:var(--white)}.footer-bottom{text-align:center;font-size:var(--font-size-small);border-top:1px solid var(--primary-transparent);margin-top:1.5rem;padding-top:.8rem}@media (width<=420px){.footer-logo-image{width:7rem}.footer-section h2{font-size:calc(var(--font-size-base) * 1)}}@media (width<=768px){.footer-container{flex-direction:column;align-items:center;row-gap:1.5rem}.legal-links{order:1}.logo-section{order:2}.footer-contact-info{order:3}.footer-section{text-align:center;width:100%;max-width:28rem;margin:.5rem 0}.legal-links{border-inline-end:none;padding-inline-end:0}.footer-contact-info{text-align:center;border-inline-start:none;padding-inline-start:0}.logo-section{transform:none}.footer-logo-image{width:8rem}.footer{font-size:calc(var(--font-size-small) * 1.15)}.footer-section h2{font-size:calc(var(--font-size-base) * 1.1)}.footer-contact-info p{margin:0 0 .5rem}.footer-bottom{font-size:calc(var(--font-size-small) * 1.05);margin-top:1.25rem}}@media (width>=769px){.footer-contact-info{padding-inline-start:clamp(6.5rem,10vw,8.5rem)}}@media (width<=992px){.footer-container{column-gap:1.25rem}.footer-logo-image{width:8.5rem}.logo-section{transform:translateY(-18px)}}@media (width>=993px){.footer-contact-info{padding-inline-start:clamp(13rem,20vw,17rem)}}@media (width>=1900px){.footer-contact-info{padding-inline-start:clamp(6.5rem,10vw,8.5rem)}.footer-contact-info .footer-link{white-space:nowrap}}
