/*
Theme Name: Soinilan Lomamökit
Theme URI: https://soinilanmokit.wixsite.com/soinilan-lomam
Author: Soinila
Description: Soinilan Lomamökkien Wix-sivun ulkoasua mukaileva itsenäinen WordPress-teema.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: soinilan-lomamokit
*/
@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600;700;800;900&display=swap');
:root{--ink:#252525;--rose:#f0e9eb;--cream:#f8f2ea;--yellow:#fff987;--page:1348px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Epilogue,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}img,video{max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.wrap{width:min(calc(100% - 40px),var(--page));margin-inline:auto}.site-header{position:absolute;z-index:20;top:54px;left:20px;right:20px}.site-header.is-inner{position:relative;top:auto;left:auto;right:auto;margin:54px 20px 24px}.site-nav{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:#242424;color:#fff}.brand{text-decoration:none;font-size:16px;font-weight:700}.nav-links{display:flex;align-items:center;gap:29px}.nav-links a{text-decoration:none;font-size:14px}.nav-links a:hover,.nav-links a[aria-current=page]{text-decoration:underline}.menu-toggle{display:none;border:0;background:none;color:white;font-size:25px}.hero{margin-top:34px;height:min(740px,calc(100vh - 34px));min-height:600px;position:relative;overflow:hidden;background:#5c625d}.hero video,.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero::after{content:"";position:absolute;inset:0;background:rgba(9,15,18,.23)}.hero-content{position:relative;z-index:1;padding-top:157px;color:#fff}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.05;letter-spacing:-.045em;font-weight:900;margin:0}.hero h1 span{display:block;font-weight:300;letter-spacing:-.025em;margin-top:6px}.intro{display:flex;align-items:center;gap:20px;padding:42px 0 51px}.intro-copy{width:520px}.intro h2{font-size:clamp(38px,4.5vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0 0 7px}.intro h2 span{font-weight:300;display:block}.intro p{font-size:14px;font-weight:300;max-width:550px}.intro .cta{background:var(--yellow);text-align:center;min-width:250px;padding:22px 28px;text-decoration:none;font-weight:700;font-size:14px}.intro .cta:hover{background:#f5ee68}.home-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:33px}.gallery-column{display:flex;flex-direction:column;gap:20px}.gallery-column img{display:block;width:100%;height:auto;object-fit:cover}.home-gallery .gallery-column:nth-child(1) img{aspect-ratio:1.33}.home-gallery .gallery-column:nth-child(2) img{aspect-ratio:.9}.home-gallery .gallery-column:nth-child(3) img{aspect-ratio:1.33}.gallery-column button{border:0;background:transparent;padding:0;text-align:left}.gallery-column button:focus-visible,.carousel button:focus-visible{outline:3px solid #474747;outline-offset:3px}.info-panels{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 22px 21px}.info-panel{border:1px solid #292929;border-radius:6px;min-height:590px;padding:28px 20px}.info-panel h2{font-size:52px;line-height:1.1;margin:0 0 37px;letter-spacing:-.04em}.distance-list{list-style:none;margin:0;padding:0 22px;display:grid;gap:30px;font-weight:300;font-size:18px}.info-panel h3{font-size:21px;margin:6px 22px 18px}.detail-bar{background:#242424;color:white;display:flex;justify-content:space-between;gap:12px;border-radius:6px;padding:10px 20px;margin:6px 22px;font-weight:700;font-size:14px}.detail-bar a{text-decoration:underline}.map-frame{margin:8px 22px 0;width:calc(100% - 44px);height:355px;border:0}.contact-section{border-top:1px solid #292929;min-height:620px;padding:65px 4% 60px;display:grid;grid-template-columns:1fr 480px 1fr;align-items:center;gap:6.5%}.contact-section .contact-brand{align-self:start;font-size:14px;font-weight:300}.contact-card{background:var(--cream);padding:25px 24px 22px}.contact-card h2{font-family:Georgia,serif;font-weight:400;font-size:43px;letter-spacing:-.03em;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-card label{display:block;font-size:14px;margin-bottom:19px}.contact-card input,.contact-card textarea{width:100%;border:0;border-bottom:1px solid #777;background:transparent;border-radius:0;padding:9px 0;outline-color:#382215}.contact-card textarea{min-height:62px;resize:vertical}.contact-card button{width:100%;border:0;background:#321f14;color:white;padding:12px}.contact-card button:hover{background:#523326}.form-note{font-size:13px;margin:10px 0}.form-note.error{color:#a32121}.form-note.success{color:#1f6832}.contact-details{font-size:14px;align-self:center}.contact-details strong{display:block;margin:8px 0 16px}.contact-details a{font-weight:700}.site-footer{background:#242424;color:#fff;padding:20px 9%;display:flex;justify-content:flex-end;gap:45px;font-size:14px}.site-footer a{font-weight:700}.top-button{position:fixed;z-index:25;bottom:25px;right:20px;border:0;background:#292929;color:#fff;border-radius:50%;width:58px;height:58px;font-size:33px;line-height:1}.cottage-overview{border-top:1px solid #292929;text-align:center;padding-top:12px;margin-bottom:48px}.cottage-overview h1{font-size:38px;letter-spacing:-.04em;margin:0 0 8px}.cottage-choice{background:var(--rose);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:13%;padding:40px 17px 28px}.choice-card img{width:100%;height:377px;object-fit:cover;border-radius:14px;box-shadow:0 4px 12px #0002}.choice-card a{display:block;background:#252525;color:white;text-decoration:none;font-weight:700;min-width:145px;width:max-content;margin:22px auto 0;padding:8px 20px;font-size:14px}.choice-card a:hover{background:#444}.cottage-section{border-top:1px solid #292929;padding:92px 20px 105px;min-height:950px}.cottage-section h2{font-size:68px;line-height:1.1;letter-spacing:-.04em;margin-bottom:5px}.cottage-grid{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);align-items:start;gap:12px}.cottage-copy{padding:40px 26px 0;font-weight:700;font-size:14px}.cottage-copy p{margin-bottom:16px}.cottage-copy ul{list-style:none;margin:20px 0;padding:0}.cottage-copy li::before{content:'– ';}.carousel{background:var(--rose);border-radius:20px;padding:40px 24px;position:relative;margin-top:0}.carousel img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.carousel button{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:white;border:0;border-radius:50%;font-size:24px;line-height:1}.carousel .prev{left:42px}.carousel .next{right:42px}.amenities{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 12px;width:360px;max-width:100%;margin:38px auto 0;text-align:center;font-weight:400}.amenities svg{display:block;width:48px;height:48px;margin:0 auto 7px;color:#333}.price{font-weight:300;text-align:right;padding-right:5%;margin-top:36px}.cottage-video{display:block;width:91%;margin:70px auto 0;aspect-ratio:16/9;object-fit:cover}.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:100;inset:0;background:#000e;display:flex;align-items:center;justify-content:center;padding:50px}.lightbox img{max-width:95vw;max-height:85vh;object-fit:contain}.lightbox button{position:absolute;top:20px;right:25px;color:white;background:none;border:0;font-size:40px}.generic-page{min-height:55vh;padding:70px 0}.generic-page h1{font-size:50px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.hero{min-height:580px}.hero-content{padding-top:145px}.intro{flex-wrap:wrap}.intro-copy{width:100%}.home-gallery{gap:10px}.gallery-column{gap:10px}.info-panels{grid-template-columns:1fr}.info-panel{min-height:auto}.contact-section{grid-template-columns:1fr 1fr;gap:30px}.contact-brand{display:none}.contact-card{grid-column:1}.contact-details{grid-column:2}.cottage-choice{gap:25px}.choice-card img{height:260px}.cottage-grid{grid-template-columns:1fr}.cottage-copy{padding:20px 10px}.cottage-section{min-height:0;padding:60px 20px}.carousel{order:2}.amenities{margin:24px 0}.price{order:3}}
@media(max-width:600px){.wrap{width:min(calc(100% - 28px),var(--page))}.site-header{left:14px;right:14px;top:48px}.site-header.is-inner{margin:48px 14px 24px}.site-nav{padding:0 15px}.brand{font-size:14px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:53px;left:0;right:0;background:#242424;padding:18px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero{height:76vh;min-height:520px}.hero-content{padding-top:145px}.hero h1{font-size:39px}.hero h1 span{font-size:37px}.intro{padding:35px 0}.intro h2{font-size:44px}.intro .cta{min-width:190px}.home-gallery{grid-template-columns:1fr 1fr}.home-gallery .gallery-column:nth-child(3){grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.home-gallery .gallery-column:nth-child(3) img{aspect-ratio:1.2}.info-panels{padding:0 14px 20px}.info-panel{padding:25px 12px}.info-panel h2{font-size:43px}.distance-list{gap:20px}.detail-bar{margin:6px 8px;font-size:12px}.map-frame{margin:8px 8px 0;width:calc(100% - 16px);height:300px}.contact-section{display:block;padding:40px 14px}.contact-card{padding:20px;margin-bottom:40px}.contact-card h2{font-size:38px}.contact-details{padding:0 10px}.site-footer{justify-content:flex-start;padding:23px 20px;gap:15px;flex-wrap:wrap}.cottage-overview h1{font-size:31px}.cottage-choice{grid-template-columns:1fr;gap:38px;padding:25px 15px}.choice-card img{height:250px}.cottage-section{padding:50px 14px}.cottage-section h2{font-size:52px}.carousel{padding:18px}.carousel .prev{left:24px}.carousel .next{right:24px}.cottage-video{width:100%;margin-top:40px}.top-button{height:48px;width:48px;font-size:27px}.form-row{gap:13px}}

.language-switch{position:absolute;z-index:30;top:0;right:22px;height:34px;display:flex;gap:4px;align-items:center;background:#fff;border-radius:0 0 8px 8px;padding:4px 6px;font-size:13px;box-shadow:0 1px 4px #0002}.language-switch a{padding:3px 5px;text-decoration:none;border-radius:5px;white-space:nowrap}.language-switch a[aria-current="true"]{background:#747474;color:#fff}.language-switch a:hover{background:#eee;color:#222}.language-switch a[aria-current="true"]:hover{background:#747474;color:#fff}@media(max-width:600px){.language-switch{right:14px;font-size:11px;padding:2px 3px}.language-switch a{padding:2px 3px}}

#laura {
  min-height: 0;
  padding-bottom: 24px;
}

.laura-video-wrap {
  padding-bottom: 64px;
}

.laura-video-wrap .cottage-video {
  margin: 0 auto;
}

@media (max-width: 600px) {
  #laura {
    padding-bottom: 18px;
  }

  .laura-video-wrap {
    padding-bottom: 44px;
  }
}