@font-face{font-family:'OpenSans';src:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../css/fonts/OpenSans.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'OpenSans-Semibold';src:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../css/fonts/OpenSans-SemiBold.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Vitesse';src:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../css/fonts/Vitesse-Book.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Vitesse-Medium';src:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../css/fonts/Vitesse-Medium.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Vitesse-Bold';src:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../css/fonts/Vitesse-Bold.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;scroll-behavior:smooth;--ff-body:'OpenSans',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;--ff-body-700:'OpenSans-Semibold',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;--ff-headline:'Vitesse',serif;--ff-headline-500:'Vitesse-Medium',serif;--ff-headline-700:'Vitesse-Bold',serif;--ff-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--fs-h1:clamp(1.375rem, 1.375rem + 1.6vw, 2.5rem);--fs-h2:clamp(1.325rem, 1.325rem + .9vw, 2rem);--fs-h3:clamp(1.3rem, 1.3rem + .6vw, 1.75rem);--fs-h4:clamp(1.275rem, 1.275rem + .3vw, 1.5rem);--fs-h5:1.25rem;--fs-h6:1rem;--fs-small:.875rem;--fs-smaller:.75rem;--clr-primary:rgb(240 199 46);--clr-primary-tp:rgb(240 199 46/.75);--clr-primary-light:rgb(240 199 46/.25);--clr-primary-lighter:rgb(240 199 46/.1);--clr-dark:oklch(0.2 0 0);--clr-dark-50:oklch(0.2 0 0/.5);--clr-dark-98:oklch(0.2 0 0/.98);--clr-darker:oklch(from var(--clr-dark) calc(l - .075) c h);--clr-darker-50:oklch(from var(--clr-dark) calc(l - .075) c h / .5);--clr-darker-90:oklch(from var(--clr-dark) calc(l - .075) c h / .90);--clr-darker-98:oklch(from var(--clr-dark) calc(l - .075) c h / .98);--clr-black:oklch(from var(--clr-dark) calc(l - .1) c h);--clr-white:hsl(0 0% 100%/0.98);--clr-light:hsl(0 0% 97%/.99);--clr-darker-light:hsl(0 0% 85%/.95);--clr-gray:rgb(0 0 0/.25);--clr-link:var(--clr-primary);--transition-style:cubic-bezier(0.175,0.885,0.32,1.275);--transition-speed:.3s;--border-color:var(--clr-primary-light);--border-radius-form:.25rem;--header-height:calc(var(--fs-h2) + .75rem);@media (width>46rem){--header-height:calc(var(--fs-h2) + var(--fs-small) + 2.5rem)}--padding-base:clamp(1rem, 3vw, 2rem);}@view-transition{navigation:auto}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}p:empty{height:0;margin:0 !important}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:7.5ex}::selection{background-color:var(--clr-primary-light)}code,kbd,pre,samp{font-family:var(--ff-monospace);font-size:.875em;font-feature-settings:'liga' 0;white-space:wrap}hr,.wp-block-separator{overflow:visible;border:none !important;width:75%;height:1px;margin-block:3rem;text-align:center;background-image:linear-gradient(to right,transparent,rgb(255 255 255/0.5),transparent);&:after{content:"";display:inline-block;position:relative;top:-.625rem;width:.75rem;height:.75rem;background:transparent url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../img/logo-tiny.svg) no-repeat 50% 50%;background-size:contain;filter:drop-shadow(0 -1px .15rem rgb(255 255 255/.3))}}#alku{scroll-margin-block:0}.alignright{float:inline-end;margin:1ch 0 1ch 2ch !important;&>*{clear:both}}.alignleft{float:inline-start;margin:1ch 2ch 1ch 0 !important;&>*{clear:both}}.alignwide,.alignnone,.aligncenter{clear:both}::-moz-placeholder{color:var(--clr-darker-light)}::placeholder{color:var(--clr-darker-light)}.h,.wp-block-heading{margin-block:0 var(--padding-base);font-weight:400;transition:all var(--transition-speed) var(--transition-style)}:where(h1,.h1,h2,.h2,h3,.h3,h4,.h4){font-family:var(--ff-headline-700)}:where(h5,.h5){font-family:var(--ff-headline-500)}:where(h6,.h6,.has-drop-cap:not(:focus):first-letter){font-family:var(--ff-headline)}.h1,h1{font-size:var(--fs-h1)}.h2,h2{font-size:var(--fs-h2)}.h3,h3{font-size:var(--fs-h3)}.h4,h4{font-size:var(--fs-h4)}.h5,h5{font-size:var(--fs-h5)}.h6,h6{font-size:var(--fs-h6)}.lead{font-size:var(--fs-h5);font-weight:300}.ff-light{font-family:var(--ff-headline);font-weight:300}.bg-black{background:var(--clr-black);color:var(--clr-light)}.bg-dark{background:var(--clr-dark);color:var(--clr-light)}.bg-darker{background:var(--clr-darker);color:var(--clr-darker-light)}.bg-light{background:var(--clr-light);color:var(--clr-dark)}.bg-white{background-color:#fff;color:var(--clr-dark)}.hyphen{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.no-hyphen{overflow-wrap:normal;word-wrap:normal;hyphens:none}b,.b,strong,th{font-family:var(--ff-body-700);font-weight:400;letter-spacing:-.025rem}:where(h1,h2,h3,h4,h5,h6){& b,& strong{font-family:var(--ff-headline-700)}}small,.small{font-size:var(--fs-small)}.smaller{font-size:var(--fs-smaller)}blockquote{position:relative;font-size:var(--fs-h6);padding-inline-start:1rem;&:before{content:'”';position:absolute;inset:-1.2rem auto auto -2.4rem;font-size:calc(var(--fs-h1) * 2);font-family:var(--ff-headline-500);color:var(--clr-darker-light)}& cite{display:block;margin-block-start:.5rem;text-align:end;font-size:var(--fs-small)}& p{margin-bottom:.5rem}}.flex{display:flex;align-items:center;justify-content:center;gap:1ch}ul,ol{padding-inline-start:1.15rem;line-height:1.4;.article-content &{display:grid;gap:1ch;& li{padding-inline-start:.5ch;&>ul{padding-block:.5ch}}}}:root .list-unstyled{gap:.5ch;padding-inline-start:0;list-style:none;.vcard &,&.small{gap:0}& li{padding-inline-start:0}}figure,img,iframe,video{max-width:100%;height:auto;line-height:1;font-style:italic;border-radius:.1rem;transition:all var(--transition-speed) var(--transition-style)}a:where(:hover,:active,:focus) :where(figure,img,iframe,video){filter:brightness(1.1)}svg{transition:all var(--transition-speed) var(--transition-style)}iframe,video{aspect-ratio:16/9}figcaption,caption,.caption,.wp-caption-text{margin-block:0 1rem;padding:1ch .5ch;font-size:var(--fs-small);line-height:1.2;font-style:italic;text-align:start;text-wrap:balance}figure,iframe,video{margin-block-end:1rem}:focus{outline:0}:focus-visible{border:none;outline:1px solid var(--clr-primary);outline-offset:0;border-radius:.1rem}a{color:var(--clr-link);text-decoration:none;border-bottom:1px solid var(--clr-primary-lighter);transition:all var(--transition-speed) ease;&:where(:hover,:active,:focus){color:var(--clr-white);border-color:var(--clr-light);& img,& svg{scale:1.025}}&:has(img),&:has(svg){display:block;border:0;main &{overflow:hidden}}}.btn,button:not(.nav-link,.search-toggler-button,.menu-toggler-button,.lightbox-trigger),input[type=submit],a.wp-block-button__link,.wp-block-file .wp-block-file__button{display:inline-block;padding:.75rem 1.5ch;line-height:1;text-align:start;text-transform:uppercase;font-family:var(--ff-headline-500);background-color:var(--clr-link);color:var(--clr-dark);border:0;border-radius:.5rem;box-shadow:.25rem .5rem 1rem var(--clr-dark);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-speed) var(--transition-style);&:where(:hover,:active,:focus){background-color:var(--clr-light);box-shadow:none}&:active{box-shadow:inset .1rem .1rem .15rem var(--clr-dark)}&:focus:not(:focus-visible){outline:0}}.secondary-btn,.page-numbers,.nav-links a,.widget li a,.nav-subpage a{display:block;padding:.5rem 1ch;line-height:1.2;font-family:var(--ff-headline);font-size:var(--fs-small);overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;background-color:var(--clr-link);color:var(--clr-dark);border-radius:.15rem;border-width:1px;border-style:solid;border-block-start-color:rgb(255 255 255/0.1);border-inline-start-color:rgb(255 255 255/0.1);border-block-end-color:rgb(0 0 0/0.3);border-inline-end-color:rgb(0 0 0/0.3);&:where(:hover,:focus){background-color:var(--clr-dark);color:var(--clr-link);box-shadow:0 0 1rem 1px rgb(255 255 255/0.3);z-index:1}&:active,&.current,&.dots{background-color:var(--clr-dark);color:var(--clr-light);box-shadow:inset 1px 1px .25rem rgb(0 0 0/0.3);border:1px solid rgb(0 0 0/0.3)}}label.wp-block-archives__label{margin-block:1rem;padding-block-start:1rem;font-family:var(--ff-headline-500);font-size:var(--fs-h5)}form{position:relative;& [type=text],& [type=email],& [type=number],& [type=search],& [type=password],& textarea{padding:.5rem 1ch;color:var(--clr-white);background-color:var(--clr-darker);border:1px solid var(--border-color);border-radius:.25rem}}select{padding:.5ch 2.25rem .5ch .5ch;color:var(--clr-white);background-color:var(--clr-darker);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .25rem center;background-size:16px 12px;border:1px solid var(--border-color);border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;&+select{margin-block-start:.5rem}}:root table{max-width:100%;border:0;&.has-fixed-layout{display:block}& thead,& tbody,& tfoot{border-width:.05rem;border-color:var(--clr-primary-tp)}& th,& td{padding:.5ch 1ch;border:0;border-radius:.15rem;text-align:start;font-style:normal}.wp-block-table.is-style-stripes & tbody tr:nth-child(2n+1),& :not(thead) tr:nth-child(even) td{background-color:rgb(255 255 255/0.05) !important}&+figcaption{text-align:end}.wp-block-table &{max-width:none;overflow:scroll;font-size:var(--fs-small);& tr:hover{background-color:var(--clr-light);& th,& td{color:var(--clr-dark)}}& th,& td{padding-inline:.5ch;hyphens:none}& th{overflow:hidden;text-overflow:ellipsis}}}.email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skip-link{position:absolute}
body{margin:0;font-family:var(--ff-body);font-size:1rem;font-weight:400;line-height:1.4;color:var(--clr-white);text-align:start;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;background-color:var(--clr-dark)}body:has(.popover-end[popover]:popover-open){overflow:hidden;& :is(button,[type=submit],a){pointer-events:none;.masthead &{pointer-events:auto}}&:after{content:'';position:fixed;inset:anchor(--navbar bottom,1.6rem) 0 0;z-index:100;display:block;width:100vw;height:100%;cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="rgb(240 199 46 / .75)" viewBox="0 0 32 32"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>'),auto;@media (width>46rem){inset:anchor(--navbar bottom,3rem) 0 0}}}@supports not selector(:popover-open){[popover]:not(.\:popover-open){display:none}@media (width>46rem){.shortcuts[popover]{display:block}}}[popover]{opacity:0;& :is(button,[type=submit],a){pointer-events:auto}}.popovers[popover]:popover-open{inset:var(--header-height) 0 auto auto;width:fit-content;max-width:44rem;padding:1rem 0 0;border:0;border-radius:0 0 .25rem .25rem;opacity:1;color:var(--clr-dark);background-color:var(--clr-primary);text-shadow:none;box-shadow:-1rem 3rem 3rem var(--clr-darker);scale:1;transform:translate3d(0,0,0);transition:all var(--transition-speed) var(--transition-style);cursor:auto;overflow:initial;& :is(button,[type=submit],a){pointer-events:auto !important}&.popover-end{@media (width>36rem){inset:anchor(--navbar bottom,var(--header-height)) 1rem auto auto;max-width:24rem;border-radius:.15rem}@media (width>46rem){inset:anchor(--navbar bottom,var(--header-height)) calc(anchor(--navbar right) + 1rem) auto auto}& .h,& .searchform,& #rlvlive_1{margin:0 var(--padding-base) 1rem}}}@starting-style{.popovers[popover]:popover-open{opacity:0;scale:0.9;transform:translate3d(0,-15%,0);&.popover-end{transform:translate3d(15%,-15%,-1rem);@media (width>46rem){transform:translate3d(15%,-15%,-2rem)}}}}body.open-popover{overflow:hidden;& :is(button,[type=submit],a){pointer-events:none;.masthead &{pointer-events:auto}}&:after{content:'';position:fixed;inset:anchor(--navbar bottom,var(--header-height)) 0 0;z-index:100;display:block;width:100vw;height:100%;cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="rgb(240 199 46 / .75)" viewBox="0 0 32 32"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>'),auto;@media (width>46rem){inset:anchor(--navbar bottom,var(--header-height)) 0 0}}& :is(button,[type=submit],a){pointer-events:none}}.popovers.\:popover-open{inset:var(--header-height) 0 auto auto !important;width:fit-content !important;max-width:44rem !important;padding:1rem 0 0 !important;border:0 !important;border-radius:0 0 .25rem .25rem !important;opacity:1 !important;color:var(--clr-dark) !important;background-color:var(--clr-primary) !important;text-shadow:none;box-shadow:-1rem 3rem 3rem var(--clr-darker);scale:1;transform:translate3d(0,0,0);transition:all var(--transition-speed) var(--transition-style);cursor:auto;overflow:initial;& :is(button,[type=submit],a){pointer-events:auto}&.popover-end{@media (width>36rem){inset:var(--header-height) 1rem auto auto !important;max-width:24rem !important;border-radius:.15rem !important}& .h,& .searchform,& #rlvlive_1{margin:0 var(--padding-base) 1rem !important}}}.masthead{position:fixed;inset:0 0 auto;z-index:10000;line-height:1;background-color:var(--clr-darker);transition:all calc(var(--transition-speed) * 2) var(--transition-style);@media (width>46rem){inset-block-start:.5rem;border-radius:.25rem;background:0 0}& a{border:none}& .nav-link{display:block;padding:.5rem 0;line-height:1.2;border-radius:.15rem;hyphens:none;text-transform:uppercase;cursor:pointer;@media (width>46rem){padding:.5rem 0 0;white-space:nowrap}}}.buttons{& .button-menu{flex-direction:row;gap:min(1.5vw, 1rem);margin:.25rem 0 0;line-height:1;& button,& .button{aspect-ratio:1;padding:0;border:none;background-color:transparent;color:var(--clr-link);text-transform:uppercase;cursor:pointer;display:flex;align-items:center;& svg,& img{height:1.25rem;width:1.25rem;aspect-ratio:1;@media (width>46rem){height:1.25rem;width:1.25rem}}& .menu-toggler-button svg{height:1.75rem;width:1.75rem}& img{transition:none}&:where(:hover,:active,:focus){color:var(--clr-light);& svg{fill:#fff}& img{fill:var(--clr-black);scale:none}}}}}.navbar{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr;row-gap:.5rem;max-width:100rem;margin-inline:auto;padding:0 calc(var(--padding-base) / 2);text-transform:uppercase;anchor-name:--navbar;& .navbar-brand{order:1}& .navbar-buttons{order:2;margin-inline-start:auto;display:grid;place-content:center}& .navbar-nav{order:3;grid-column:span 3}@media (width>46rem){grid-template-rows:1fr auto;gap:3rem;row-gap:0;width:fit-content;min-width:46rem;background-color:var(--clr-darker-50);backdrop-filter:blur(.25rem);background-image:linear-gradient(180deg,var(--clr-darker) 0%,var(--clr-darker) calc(var(--fs-small) + .75rem), transparent calc(var(--fs-small) + .75rem), transparent 100%);box-shadow:0 0 5rem 1rem rgb(255 255 255/.2);text-shadow:0 -1px 0 var(--clr-darker-50);border-width:1px;border-style:solid;border-block-start-color:rgb(255 255 255/0.1);border-inline-start-color:rgb(255 255 255/0.1);border-block-end-color:rgb(0 0 0/0.1);border-inline-end-color:rgb(0 0 0/0.2);border-radius:.25rem;& .menu-toggler{display:none}& .shortcuts{order:1;grid-column:span 2}& .navbar-buttons{order:2;grid-column-start:3;align-items:center;justify-content:end}& .navbar-brand{order:3;grid-row-start:2}& .navbar-nav{order:4;grid-column:span 2;grid-row-start:2}}& .buttons{@media (width <=46rem){margin-inline-end:.5rem;& .somebutton{display:none}}@media (width>46rem){width:auto}}& .navbar-brand{position:relative;padding-block:1rem .5rem;& .h{margin:0;font-size:var(--fs-h5);padding-inline-start:calc(var(--fs-h5) * 2 + .5rem);line-height:1;letter-spacing:-0.025rem;hyphens:none;white-space:nowrap;text-box:trim-both cap alphabetic;@media (width>375px){font-size:var(--fs-h4);padding-inline-start:calc(var(--fs-h3) * 2 + .5rem)}@media (width>440px){font-size:var(--fs-h3);padding-inline-start:calc(var(--fs-h3) * 2 + .5rem)}@media (width>50rem){font-size:var(--fs-h1);padding-inline-start:calc(var(--fs-h1) * 1.75)}}& .navbar-brand-logo{position:absolute;inset:.25rem auto 0 0;z-index:20;height:calc(var(--fs-h2) * 2);width:clamp(1rem, 10vw, calc(var(--fs-h2) * 2));aspect-ratio:230/238}}& .navbar-nav{display:none;@media (width>46rem){display:block;align-content:end;& ul{gap:1ch;justify-content:end;margin-block-end:.5rem;margin-inline-start:auto}& li{font-family:var(--ff-headline-500);font-size:var(--fs-smaller);@media (width>56rem){font-size:var(--fs-h6)}& .nav-link{text-box:trim-both cap alphabetic}}}}}.sitesearch{margin-block-end:1rem;& .searchform{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;background-color:var(--clr-dark);border:1px solid var(--clr-primary-light);border-radius:.25rem}& input{width:100%;background-color:transparent;border:0;&:where(:focus-visible){outline:none}}& button{width:auto;color:var(--clr-dark);border:0;border-radius:0 .15rem .15rem 0;box-shadow:none}}#offcanvas-sitesearch .h{font-family:var(--ff-headline-500)}.shortcuts{max-height:90dvh;padding:0;overflow:visible;text-shadow:none;@media (width>46rem){display:block;position:relative;inset:auto;isolation:isolate;z-index:100;max-height:none;overflow:visible;margin:0;border:0;background-color:transparent;visibility:visible;opacity:1;font-size:var(--fs-small)}& fieldset{margin:0;padding:0;border:0}& ul.menu-oikopolut{margin:0;gap:0;@media (width>46rem){flex-direction:row;gap:.25rem}}& [type=radio]{position:absolute}& .nav-item{position:relative;width:100%;@media (width>46rem){width:fit-content}&:nth-child(even){background-color:rgb(255 255 255/0.2);@media (width>46rem){background-color:transparent}}}& .nav-link{padding:.5rem var(--padding-base) .5rem calc(var(--padding-base) * 2);text-align:end;border:0;color:var(--clr-dark);font-family:var(--ff-body);@media (width>46rem){padding:.25rem;color:var(--clr-link);text-align:start}.depth_0 &{padding-inline:var(--padding-base);font-size:var(--fs-small);@media (width>46rem){color:var(--clr-dark);padding-inline:.5rem;white-space:wrap}}&:where(:hover,:active,:focus){color:var(--clr-link);background-color:var(--clr-dark);@media (width>46rem){color:var(--clr-white);background-color:transparent;.depth_0 &{color:var(--clr-link);background-color:var(--clr-dark);border-block-start-color:rgb(255 255 255/0.1);border-inline-start-color:rgb(255 255 255/0.1);border-block-end-color:rgb(0 0 0/0.3);border-inline-end-color:rgb(0 0 0/0.3)}}}}& ul{flex-direction:column;align-items:start;justify-content:start;gap:0;& ul{position:absolute;width:auto;height:0;visibility:hidden;opacity:0;border-radius:.15rem;transform:translate(0,-10%);transition:none;@media (width>46rem){min-width:14rem;max-width:20rem;margin-inline-start:0}}}& input[type=radio]:checked+ul,& li.menu-item-has-children:where(:hover,:active,:focus,:focus-within,:focus-visible)>ul{position:absolute;inset:0 100% auto auto;z-index:20;height:auto;width:fit-content;min-width:10rem;visibility:visible;opacity:1;background-color:var(--clr-primary);box-shadow:0 0 1rem var(--clr-darker);transform:translate(0,0);transition:all var(--transition-speed) var(--transition-style);@media (width < 32rem){.depth_0 &{display:none}}@media (width>46rem){inset:1.5rem auto auto 0;inset:anchor(bottom) auto auto anchor(left);width:100%;min-width:15rem;box-shadow:.5rem 1rem 1rem var(--clr-darker)}@media (width <=46rem){& ul{overflow:hidden}}}& li.menu-item-has-children:hover>ul{z-index:31}& .menu-item-has-children{& .nav-link{@media (width>46rem){padding-inline-end:1.5ch}}&>button>.nav-link:before,&>.nav-link:before{position:absolute;inset:.5rem auto auto 1ch;content:'\25BC';display:inline-block;font-size:var(--fs-smaller);transition:all var(--transition-speed) var(--transition-style)}@media (width>46rem){&>button>.nav-link:before,&>.nav-link:before{inset:.3rem 0 auto auto}& .dropdown-menu.depth_0 .nav-link:before{inset-inline-end:1rem}}@media (width <=46rem){&:where(:hover,:active,:focus):after{color:var(--clr-link)}}& .dropdown-menu.depth_0{& .nav-link{min-width:12rem;font-size:var(--fs-small);text-wrap:balance;@media (width>46rem){min-width:15rem}}}& .dropdown-menu.depth_1{z-index:10;background-color:var(--clr-primary);transition:all var(--transition-speed) var(--transition-style);@media (width>46rem){position:absolute;inset:0 auto auto 100%;box-shadow:.5rem 1rem 1rem var(--clr-darker);transform:translate(-5%,0)}& .nav-link{font-size:var(--fs-smaller);hyphens:auto}}}}main{position:relative;max-width:46rem;margin-block-start:var(--header-height);margin-inline:auto;box-sizing:content-box;@media (width>46rem){margin-block-start:calc(var(--header-height) + calc(var(--padding-base) * 2.5))}.home &,.blog &,.category &,.tag &,.search-results &{max-width:100rem;margin-block-start:1.5rem;margin-block-start:var(--header-height);@media (width>46rem){margin-block-start:0}}.page-joukkue &,.post-type-archive-teams &,body:has(.nav-subpage) &{max-width:62rem}}main :where(h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){.article-content &{margin-block:3rem .5rem}}.page-title{width:auto;max-width:38rem;margin-block:0 .5rem;margin-inline:auto;padding-block:calc(var(--padding-base) * 2) calc(var(--padding-base) / 2);padding-inline:var(--padding-base);text-shadow:0 -1px 0 var(--clr-darker-50);color:white;text-box:trim-both cap alphabetic;filter:drop-shadow(0 0 3rem rgb(0 0 0/.75));@media (width>46rem){max-width:none;margin-inline-start:0;padding-block:calc(var(--padding-base) * 5) calc(var(--padding-base) / 2)}.article-content &{padding-block-start:0;padding-inline:0}& .paged{font-size:var(--fs-h6);font-family:var(--ff-headline);color:var(--clr-darker-light);text-transform:uppercase}}.cat-title+.page-title{padding-block-start:0}.section{position:relative;clear:both;& .cat-title{margin-block-start:0}& .article-title{hyphens:none;text-wrap:balance;text-wrap:pretty;text-box:trim-both cap alphabetic}& .meta{margin-block:1rem 1.5rem;font-family:var(--ff-headline);font-size:var(--fs-small);line-height:1.2;& time{margin-inline-end:.5ch}.article-content &{margin-block-start:0}}&+.section .article{border-radius:0;& .h{margin-block-start:0}}.contact ul{margin-block:.5rem .75rem}}.paginate{clear:both;& .paginate-list.match-nav-list{margin:0;padding:0;text-transform:uppercase}& .nav-links,& .paginate-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5ch;row-gap:1vh;padding-inline:calc(var(--padding-base) * 2);padding-block:1rem;@media (width < 414px){gap:2px}&:has(.page-numbers){justify-content:center}@media (width < 414px){& .page-numbers{max-width:5ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.article-content &{justify-content:start}body.post-type-archive-ottelut &,body.tax-sarja &,body.tax-kausi &{padding-inline:0}& div{@media (width>46rem){max-width:49%}&:last-child{text-align:end}}}& .nav-previous a{text-align:start;text-wrap:balance}& .nav-next a{text-align:end;text-wrap:balance}}article,.article{box-sizing:border-box;background-color:var(--clr-darker-90);@media (width>42rem){backdrop-filter:blur(.25rem)}.page,.single,.error-404,.post-type-archive &{border:1px solid rgb(100 100 100/.2);border-inline-end-color:rgb(0 0 0/.9);border-block-end-color:rgb(0 0 0/.9);border-radius:.25rem .25rem 0 0}.home &{border:none}& .article-content{max-width:38rem;margin-inline:auto;padding:calc(var(--padding-base) * 3) var(--padding-base);@media (width>46rem){max-width:none;margin-inline:0;padding:calc(var(--padding-base) * 2)}}@media (width>46rem){&:has(.nav-subpage){display:flex;align-items:start;justify-content:space-between;gap:0;& .article-content{padding-inline-end:var(--padding-base);@media (width>46rem){width:67%}}&.match-archive .article-content{padding-inline-end:calc(var(--padding-base) * 2)}}}& .nav-subpage{max-width:38rem;margin-inline:auto;padding:0 var(--padding-base) calc(var(--padding-base) * 2);font-family:var(--ff-headline);font-size:var(--fs-small);@media (width>46rem){position:sticky;align-self:flex-start;inset-block-start:var(--header-height);width:33%;max-width:none;margin-inline:0;padding-block-start:calc(var(--padding-base) * 1.5);padding-inline:var(--padding-base) calc(var(--padding-base) * 2)}& ul{display:grid;gap:2px;margin:0}}& .widget{& .h{margin-block:0 calc(var(--padding-base) / 4)}& ul{display:flex;justify-content:start;flex-wrap:wrap;margin-block:0 1rem;font-size:var(--fs-small)}& .list-seasons .secondary-btn{width:3.5rem;padding:.5ch;text-align:center;@media (width>46rem) and (height <=750px){width:2.75rem;font-size:var(--fs-smaller)}}& .list-leagues li:has(.secondary-btn),& .list-leagues .secondary-btn{@media (width>46rem) and (height <=750px){font-size:var(--fs-smaller)}@media (width>46rem) and (height>750px){width:100%}}& .aside-title,& .widget-headline{font-family:var(--ff-headline-700)}}}.boxes{display:grid;@media (width>46rem){grid-template-columns:repeat(auto-fit,minmax(21rem, 1fr))}& article{position:relative;width:100%;max-width:38rem;margin-inline:auto;background-color:var(--clr-darker-90);transition:all var(--transition-speed) linear;.archive-boxes &{padding:var(--padding-base);border:1px solid rgb(100 100 100/.1);border-inline-end-color:rgb(0 0 0/.9);border-block-end-color:rgb(0 0 0/.9)}@media (width <=46rem){&:first-child{padding-block-start:calc(var(--padding-base) * 2);border-top:0 !important;&>a{border-top:0 !important}}}&:where(:hover,:active,:focus,:focus-within){box-shadow:0 0 3rem rgb(255 255 255/.1);z-index:1}}& .h{margin-block:0 .5ch;article.sticky &:not(.cat-title):after{display:inline-grid;place-content:center;content:'!';width:var(--fs-h5);aspect-ratio:1/1;margin-inline-start:.25ch;font-size:var(--fs-h6);border:1px solid currentColor;border-radius:2rem;transform:translate(0,-.1rem)}}& .meta{margin-block-end:0}& p{margin-block:.5ch}&:not(.archive-boxes,.sponsor-boxes) article a{display:block;height:100%;padding:var(--padding-base);color:var(--clr-light);border:1px solid rgb(100 100 100/.1);border-inline-end-color:rgb(0 0 0/.9);border-block-end-color:rgb(0 0 0/.9);& .h,& .cat-title{color:var(--clr-link)}&:where(:hover,:active,:focus){& :is(.h,.cat-title,.meta){color:var(--clr-light)}}&:focus-visible{outline-offset:-1px}}& .article{max-width:38rem;margin-inline:auto;padding:var(--padding-base);background-color:var(--clr-darker-90);& ul{flex-wrap:wrap;justify-content:start}}&.sponsor-boxes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3rem;max-width:100rem;margin:0 auto;padding:calc(var(--padding-base) * 2) var(--padding-base);& li{width:min(9rem, 50%);display:grid;place-content:center}& img{filter:grayscale(1);transition:all var(--transition-speed) var(--transition-style);&:hover{filter:grayscale(0)}}}}.footer{text-align:center;text-shadow:-1px -1px 0 var(--clr-black);background-color:var(--clr-darker);background-repeat:no-repeat;background-position:75% 0;background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/img/pallo.jpg);background-image:image-set(url(//fchonkanaiset.fi/wp-content/themes/honka27/img/pallo.webp) type('image/webp'),url(//fchonkanaiset.fi/wp-content/themes/honka27/img/pallo.jpg) type('image/jpeg'));background-size:cover;&>div{padding:calc(var(--padding-base) * 2) var(--padding-base);text-align:center}& .logo{width:10rem;height:auto;aspect-ratio:230/238;margin-inline:auto;filter:drop-shadow(0 0 6rem rgb(255 255 255/.3))}& .h{margin-block:1rem}& .button-menu{flex-direction:row;justify-content:center;gap:1ch;margin-block:1rem;margin-inline:auto}& .more-info{max-width:64ch;margin-inline:auto;padding-block-end:var(--padding-base);font-size:var(--fs-small);text-wrap:balance}}.background{display:block;position:fixed;inset:0;height:100dvh;z-index:-1;& img{width:100%;height:100%;object-fit:cover;object-position:50% 0}}.bottom{position:fixed;inset:auto -1rem 1rem auto;z-index:1;opacity:0;transform:translate(100%,0);transition:all var(--transition-speed) var(--transition-style);&.bottom-visible{opacity:1;transform:translate(0,0)}& a{padding:.5ch 4ch .5ch 1ch;background-color:var(--clr-link);color:var(--clr-dark);border:0;border-radius:1rem 0 0 1rem;&:where(:hover,:active,:focus){background-color:var(--clr-dark);color:var(--clr-link)}}}.article:has(.breadcrumb .item){border-top-right-radius:0 !important}.breadcrumb{display:block;z-index:10;font-family:var(--ff-headline);font-size:var(--fs-smaller);@media (width>46rem){position:absolute;inset:-1.5rem 0 auto auto}& .breadcrumb-list{flex-wrap:wrap;gap:0;margin:0;padding-block:.5rem;background-color:var(--clr-darker-90);border-top-left-radius:.25rem;border-top-right-radius:.25rem;border:1px solid rgb(100 100 100/.1);border-inline-end-color:rgb(0 0 0/.9);border-block-end:none;@media (width>46rem){padding-block:0}}& a{display:inline-block;position:relative;height:1.5rem;padding-inline:.5ch;line-height:2;color:var(--clr-link);border:0;white-space:nowrap;&:after{content:'\25BA';display:inline-block;padding-inline-start:.75ch;color:var(--clr-link);font-size:.5rem;transition:all var(--transition-speed) var(--transition-style)}&:where(:hover,:active,:focus-within){color:var(--clr-white);box-shadow:0 .15rem .5rem rgb(255 255 255/0.1);z-index:1;&:after{color:var(--clr-light);transform:translate(0,-.15rem) rotate(90deg)}}}& span{display:inline-block;padding:0;padding-inline-end:.5rem}& li:first-child a:before{display:none}& li:first-child,& li:first-child a{border-bottom-left-radius:.15rem}}[data-title]{display:inline;position:relative}[data-title]:hover{transform:translateZ(0);&:after{position:absolute;z-index:98;content:attr(data-title);inset:-2.75rem auto auto 25%;width:fit-content;min-width:10rem;height:2.5rem;padding:0 .5rem;color:var(--clr-dark);background:var(--clr-light);border-radius:.25rem;font-family:var(--ff-body);font-size:var(--fs-smaller);line-height:1.1;text-transform:uppercase;text-shadow:none;box-shadow:0 0 1rem var(--clr-darker);display:grid;place-content:center;text-wrap:balance}&.inline-end:after{inset-inline:auto -25%;min-width:5rem}&:before{content:'';position:absolute;inset-block-start:-.25rem;inset-inline-start:33%;z-index:99;border-width:.5rem .5rem 0;border-style:solid;border-color:var(--clr-light) transparent}&.inline-end:before{inset-inline-start:50%}}.lightbox-trigger{& svg{fill:var(--clr-primary)}}:root .wp-block-pullquote{padding:4rem}.wp-lightbox-overlay{& .scrim{background-color:var(--clr-dark) !important}& button{box-shadow:0 0 .5rem var(--clr-light) !important}& svg{fill:var(--clr-light) !important}}.relevanssi-live-search-results{overflow:auto;width:100%;min-height:0;color:var(--clr-light);background-color:var(--clr-dark);text-transform:none;border-radius:0;box-shadow:inset 0 -1rem 1rem -1rem var(--clr-black);& p{margin:0;padding:0;border:none;&.relevanssi-live-search-no-results{padding:1.5rem 1rem}}& a{padding:.5rem;line-height:1.25;white-space:normal}& a:where(:hover,:focus-within,:active){background-color:var(--clr-dark)}& .relevanssi-live-search-result-status{padding:1rem .5rem}& .relevanssi-live-search-result{border-top:1px solid var(--clr-primary-light)}}.relevanssi-live-search-results-showing{min-height:175px}.rlv-has-spinner{border-color:var(--clr-primary);border-right-color:rgba(0,0,0,0)}.rlv-has-spinner:after{background-color:var(--clr-primary)}.visually-hidden,.screen-reader-text{display:inline-block;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip-path:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}
article,.article{& .article-content+.article-content{padding-block-start:0;& .h{margin-block-start:0}}& .card-list{margin-block:var(--padding-base)}& .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem, 1fr));grid-template-rows:auto;gap:calc(var(--padding-base) / 2);margin-block:var(--padding-base);.page-joukkue &{grid-template-columns:repeat(auto-fill,minmax(15rem, 1fr))}}& .card{display:block;border:0;text-wrap:balance;& .h{margin-block:0 .25rem;font-family:var(--ff-headline-500)}& a,& .card-link{display:inline;position:relative;z-index:0;overflow:visible}& .card-link{display:inline-block}&.player:not(.valmentajat) a:after{display:block;position:absolute;inset:10% auto auto 10%;z-index:-1;font-family:var(--ff-headline-700);font-size:4rem;opacity:.7;color:var(--clr-primary);transition:all var(--transition-speed) linear;@media (hover:hover){opacity:.2}}&.player:not(.valmentajat) a:where(:hover,:active,:focus):after{scale:1.25;opacity:.7;transition:all calc(var(--transition-speed) * 3) var(--transition-style)}& .card-figure{height:100%;margin-block-end:0;.custom-teamlist &{aspect-ratio:16/9}}& .card-img{position:relative;z-index:0;height:100%;width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 0;border-radius:.15rem;transition:all var(--transition-speed) var(--transition-style);filter:drop-shadow(0 0 3rem rgb(255 255 255/.1));transform:translateZ(0);.custom-playerlist &,.players-by-position &{aspect-ratio:300/375}.custom-teamlist &{aspect-ratio:3/2}a:where(:hover,:active,:focus) &{filter:drop-shadow(0 0 5rem rgb(255 255 255/.2));scale:1.025}}& figcaption{position:relative;z-index:1;display:grid;place-content:center;min-height:3rem;margin:auto 0 0;padding:.5ch;background-color:var(--clr-black);border-radius:.15rem;font-size:var(--fs-small);line-height:1;font-style:normal;font-family:var(--ff-headline-500);text-align:center}& .card-name-note{font-family:var(--ff-headline-700);font-size:var(--fs-h3)}& .card-desc{margin-block:.25rem;font-family:var(--ff-body);font-size:var(--fs-small);text-align:center;text-wrap:balance}& .card-name,& .name{font-family:var(--ff-headline)}& .player-name{font-family:var(--ff-headline-500)}}.page-joukkue & p{max-width:64ch}}.card-img.default-img{background-color:transparent;background-repeat:no-repeat;background-position:50% 100%;background-size:91%;filter:none !important}.card-img.default-player{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../img/default_player_shorthair.svg);.fchonkanaiset &{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../img/default_player_ponytail.svg)}.valmentajat &{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../img/default_coach_black.svg)}}.card-img.default-product{background-color:rgb(255 255 255/.1);background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../img/default_product.svg);background-position:50% 50%}.card-img.default-team{background-color:rgb(255 255 255/.1);background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../img/default_team.webp);background-position:50% 50%;background-size:cover}.single-pelaajat{&:has(.nav-subpage) main{max-width:52rem}& .nav-subpage{padding:0;@media (width>42rem){inset:auto 0 0 auto;margin-block-start:auto}& figure{position:relative;height:100%;margin:0;padding-block-start:3rem}& img{height:100%;width:100%;object-fit:cover;object-position:50% 100%;@media (width>46rem){min-height:30rem}&.default-img{background-size:95%}}}& .player:not(.valmentajat):after{display:block;position:absolute;inset:25% auto auto -2rem;z-index:-1;font-family:var(--ff-headline-700);font-size:8rem;font-style:normal;opacity:.5;color:var(--clr-primary)}}.simpletoc{& .simpletoc-accordion-heading,& summary{font-family:var(--ff-headline-700);font-size:var(--fs-h5);color:var(--clr-link);margin-block-end:0;padding:.5ch;&:where(:hover,:active,:focus){color:var(--clr-light)}}& ul{list-style:disc inside url(//fchonkanaiset.fi/wp-content/themes/honka27/css/../img/logo-tiny.svg);gap:.15rem;padding-block:1rem;padding-inline-start:0;border-radius:.25rem;.simpletoc-content &,details &{background-color:var(--clr-darker)}}& a{font-family:var(--ff-headline)}& ul ul{margin-block:0;padding-inline-start:1ch;& a{font-size:var(--fs-small)}}[id=joukkueet]+&{& ul{list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:row;gap:2px;background-color:transparent;& li{padding-inline:0}}& a{background-color:var(--clr-link);color:var(--clr-dark);padding:.5rem 1ch;border:1px solid transparent;border-radius:.15rem;&:where(:hover,:focus,:active){background-color:var(--clr-darker);color:var(--clr-link)}&:where(:active,:focus-within){box-shadow:1px 1px 3px inset var(--clr-darker-tp)}}}}
:root .toimihenkilot{& .toimenkuva{position:relative;padding-inline-start:1.4rem;text-wrap:balance;hyphens:none;&:before{position:absolute;inset:.4rem 0 0;width:1rem;height:1.05rem;content:"";background-color:transparent;background-repeat:no-repeat;background-position:0 50%;background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/person-fill.svg);background-size:contain;filter:invert(1);opacity:.8}&.laakari:before,&.fysio:before{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/bandaid-fill.svg)}&[class*=ikaluokkavastaava]:before,&[class*=manager]:before,&[class*=johtaja]:before,&[class*=sihteeri]:before,&[class*=paallikko]:before{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/person-rolodex.svg)}&[class*=raha]:before,&[class*=talou]:before,&[class*=pankki]:before{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/piggy-bank.svg)}&[class*=service]:before,&[class*=huolt]:before{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/people-fill.svg)}&[class*=video]:before{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/person-video3.svg)}&[class*=koordinaattori]:before{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/person-lines-fill.svg)}&[class*=coach]:before,&[class*=valmentaja]:before,&[class*=vastuuvalmentaja]:before,&[class*=valmennus]:before{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/cone-striped.svg)}&[class*=fys]:before,&[class*=phys]:before{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/person-heart.svg)}&[class*=media]:before,&[class*=viestint]:before{background-image:url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/journal-text.svg)}}}a[href$=".pdf"],a[href$=".ppt"],a[href$=".pptx"],a[href$=".doc"],a[href$=".docx"],a[href$=".xls"],a[href$=".xlsx"],a[href$=".csv"]{&:after{content:'';display:inline-block;height:1rem;width:1rem;margin-inline-start:.5ch;filter:invert(1)}}a[href$=".pdf"]:after{background:transparent url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/filetype-pdf.svg) no-repeat center}a[href$=".ppt"]:after{background:transparent url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/filetype-ppt.svg) no-repeat center}a[href$=".pptx"]:after{background:transparent url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/filetype-pptx.svg) no-repeat center}a[href$=".doc"]:after{background:transparent url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/filetype-doc.svg) no-repeat center}a[href$=".docx"]:after{background:transparent url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/filetype-docx.svg) no-repeat center}a[href$=".xls"]:after{background:transparent url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/filetype-xls.svg) no-repeat center}a[href$=".xlsx"]:after{background:transparent url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/filetype-xlsx.svg) no-repeat center}a[href$=".csv"]:after{background:transparent url(//fchonkanaiset.fi/wp-content/themes/honka27/css/icons/filetype-csv.svg) no-repeat center}