html,body{background:#1c1d26;margin:0;padding:0}body{min-height:100vh;font-family:Roboto,Helvetica,sans-serif;font-size:20px;font-weight:100}body>div>div{flex-direction:column;display:flex}p,h1,h2,h3,h4,li{color:#fff}h1,h2,h3{font-family:Handlee,cursive;font-weight:400}h1{font-size:45px}h2{font-size:30px}.flex-container+H2{margin-top:50px}main{width:60em;max-width:calc(100% - 4em);margin:0 auto;padding:6em 0 4em}@media screen and (max-width:500px){main{max-width:calc(100% - 40px);margin:0 20px}}header{color:#fff;grid-area:header;position:sticky}.logo{padding:15px 20px;font-family:Handlee,cursive;font-size:30px;display:block}nav{z-index:1;grid-area:nav;justify-self:end;height:70px;padding-right:50px;position:sticky;top:0}ul{margin:0;padding-left:0;list-style-type:none}.grid-container{z-index:1;background:#272833f6;grid-template:"header nav"/auto 1fr;width:100%;display:grid;position:fixed}nav ul{vertical-align:top;margin:0;padding:0;display:inline-block}nav ul li{display:inline-block;position:relative}nav a{text-align:center;height:70px;padding:0 16px;line-height:70px;text-decoration:none;display:block}nav ul ul{opacity:0;z-index:-1;transition-property:top,opacity;transition-duration:.3s;display:block;position:absolute;top:50%;right:10000px}nav ul ul li{white-space:nowrap;width:100%;height:auto}nav ul ul a{text-align:left;height:30px;line-height:30px}a{color:#fff;text-decoration:none}strong{font-weight:400}*{box-sizing:border-box}.image{border-radius:5px;max-width:100%;height:auto}.top{text-align:center}.top p:after{content:"";background:#487d9f;width:75%;max-width:20em;height:.2em;margin:40px auto;display:block}footer{text-align:center;background:#272833f6;margin-top:auto;padding:10px;position:relative;bottom:0}.jasen{padding-left:40px;list-style-type:disc}.single-dog{max-width:calc(33.3333% - 13.3333px)}.flex-container .single-dog{justify-content:unset}.single-dog a{font-weight:400}section div:not(.link-wrapper)>a a:hover,summary:hover,.yksilokuvat a:hover{opacity:.7}@media screen and (max-width:850px){.single-dog{max-width:calc(50% - 10px)}}@media screen and (max-width:600px){.single-dog{max-width:100%}}.koiran-sivu h3{flex-wrap:wrap;justify-content:center;font-weight:300;display:flex}.koiran-sivu h3 span{white-space:nowrap}.flex-reverse h1{margin-top:10px}.pienella{font-size:14px}.koira-perustieto{justify-content:space-between;display:flex}.space-below{margin-bottom:23px}.koira-perustieto>div:first-child ul{padding-left:0}.table-responsive{overflow-x:auto}table,td,th{color:#fff;border-collapse:collapse}th{text-align:start;font-weight:400}th,td{border-bottom:1px solid #fff;padding:5px 10px}.koiran-sivu .flex-links{margin:30px 0}@media only screen and (max-width:1265px){.koira-perustieto{flex-wrap:wrap;gap:20px}.koira-perustieto div{width:392px}.koira-perustieto ul{padding-left:0}}.palkinnot{list-style-type:disc}@media only screen and (max-width:680px){iframe{width:100%}}.pentueet-grid-container{grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;display:grid}.pentue .content+.content{margin-top:70px}.pentu{grid-template-rows:auto;grid-template-columns:1fr;gap:10px;display:grid}.pentu h2{margin:0}.pentu>p{grid-row:2/3;margin:0}.pentukuva{grid-area:3/1/4/2;justify-self:end;position:relative}.pentukuva img{object-fit:contain}@media screen and (min-width:840px){.pentu{grid-template-rows:50px 30px 300px;grid-template-columns:auto 1fr;gap:10px}.pentu>p{grid-area:2/1/3/2}.pentu ul{grid-area:3/1/4/2}.pentukuva{grid-area:1/2/4/3;position:relative}}.edesmenneet{text-align:center;width:800px;margin:auto}.content-top{text-align:center}.flex-reverse{flex-direction:column-reverse;row-gap:5px;display:flex}.flex-reverse h2,.flex-reverse h3{margin:0}.flex-reverse h3{font-family:Roboto,Helvetica,sans-serif}.flex-container{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}h3 span:not(:first-of-type){padding-left:9px}.flex-container>div{flex-direction:column;justify-content:space-between;width:calc(50% - 10px);display:flex}.flex-container .flex-grow{flex-grow:1}.flex-container ul{padding-left:0;display:inline-block}.flex-container img{margin-bottom:20px}.flex-sidebyside{flex-wrap:nowrap;display:flex}.flex-sidebyside ul{width:50%}.flex-links{flex-wrap:wrap;justify-content:center;align-self:flex-end;gap:20px;margin:20px auto;display:flex}.flex-links+.flex-links{margin-top:15px}.link-wrapper a{color:#487d9f;white-space:nowrap;border:2px solid #487d9f;border-radius:10px;flex:200px;justify-content:center;align-items:center;min-width:130px;min-height:50px;padding:10px;font-weight:500;text-decoration:none;display:flex}.link-wrapper a:hover{color:#1c1d26;background-color:#487d9f}.puppies-container:after{content:"";background:#487d9f;width:75%;max-width:20em;height:.2em;margin:40px auto;display:block}@media screen and (max-width:850px){.flex-container{flex-wrap:wrap}.flex-container>div{width:100%}.flex-sidebyside{flex-direction:column;gap:20px}.flex-sidebyside ul{width:100%}}details{border:1px solid #fafafa80;border-radius:4px;padding:.5em .5em 0}summary{color:#fff;margin:-.5em -.5em 0;padding:15px 25px;font-weight:400}details[open]{padding:.5em}details[open] summary{border-bottom:1px solid #fafafa80;margin-bottom:.5em}.pedigree{min-width:600px;font-size:16px}.pedigree td{border:3px solid #1c1d26;padding-top:20px;padding-bottom:20px;position:relative}.pedigree td div{align-items:space-between;flex-direction:column;display:flex}.pedigree div>*+*{margin-top:20px}.pedigree .female{background-color:#fafafa33}.pedigree .male{background-color:#fafafa1a}.generation-2 img{width:50%}.pedigree .sukupolvi{text-align:left}.pedigree ul{padding-left:10px}.sukupolvi{position:absolute;top:-10px}@media screen and (max-width:850px){.sukupolvi.pienella{font-size:15px}}.yksilokuvat{margin-top:35px}.yksilokuvat div{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.yksilokuvat img{border:1px solid #fafafa33;border-radius:5px}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#487d9f!important}@media screen and (min-width:730px){nav :where(div,ul,li,a){height:100%}nav #mobile_navigation_button,nav #mobile_navigation_button+label{display:none}nav ul{z-index:1000;flex-wrap:nowrap;align-items:center;gap:0 15px;margin:0;padding:0;display:flex}nav li{display:inline-block;position:relative}nav li a{align-items:center;padding-left:10px;padding-right:10px;text-decoration:none;display:flex}nav li button{width:20px;height:20px;min-height:0;color:inherit;background-color:#0000;border:none;padding:0;position:absolute;top:50%;right:5px;transform:translateY(-50%)}nav li button span{justify-content:center;align-items:center;display:flex}nav li button .icon-varied:before{content:""}body.device_tablet nav li button{width:42px;height:42px}body.device_tablet nav li.has_subs>a{padding-right:52px}nav ul ul{visibility:hidden;opacity:0;flex-wrap:wrap;height:auto;transition:left 0s linear .3s,right 0s linear .3s,visibility 0s linear .3s,opacity .3s,transform .3s;position:absolute;left:-99999px}nav ul li:where(:hover,.opened)>ul{visibility:visible;opacity:1;transition:left 0s linear .15s,right 0s linear .15s,visibility 0s linear .15s,opacity .3s .15s,transform .3s .15s;left:0}nav ul ul a{min-width:150px;height:auto;padding-top:10px;padding-bottom:10px}nav ul ul{left:auto;right:99999px}nav ul li:where(:hover,.opened)>ul{left:auto;right:0}nav ul ul li button .icon-varied:before{content:""}nav li>a:hover{background-color:#335e79}nav ul ul{background:#487d9f;border-radius:4px;padding-top:10px;padding-bottom:10px}nav ul ul li{padding-left:10px;padding-right:10px}nav #navigation_list_root>li.has_subs:before{content:"";opacity:0;pointer-events:none;border:15px solid #0000;border-top:0;border-bottom-color:#487d9f;width:0;height:0;transition:opacity .3s,transform .3s;display:block;position:absolute;top:calc(100% - 15px);left:50%;transform:translate(-50%,30px)}nav #navigation_list_root>li.has_subs:where(:hover,.opened):before{opacity:1;transition:opacity .3s .15s,transform .3s .15s;transform:translate(-50%,15px)}nav #navigation_list_root>li>ul{margin-top:49px;transform:translateY(15px)}nav #navigation_list_root>li>ul:before{content:"";width:100%;height:15px;display:block;position:absolute;bottom:100%}nav #navigation_list_root>li.has_subs:where(:hover,.opened)>ul{transform:translate(0)}nav ul ul a{text-align:right;justify-content:end}nav ul ul ul{margin-right:15px;top:-10px;transform:translate(-15px)}nav ul ul li.has_subs:before{content:"";opacity:0;pointer-events:none;border:15px solid #0000;border-left-color:red;border-right:0;width:0;height:0;transition:opacity .3s,transform .3s;display:block;position:absolute;top:50%;right:100%;transform:translate(-15px,-50%)}nav ul ul li.has_subs:where(:hover,.opened):before{opacity:1;transition:opacity .3s .15s,transform .3s .15s;transform:translateY(-50%)}}@media (max-width:780px){nav.nav{background-color:#262732;width:100%;padding-right:10px}nav.nav li{background-color:#262732}nav.nav li.has_subs>ul{z-index:1;display:none}nav.nav li.has_subs:hover>ul{display:none}nav.nav li:hover{background-color:#3d3e4f}nav ul ul{opacity:1;right:0}nav.nav:after{color:#fff;content:"≡";float:right;padding-right:.3em;font-size:3em}nav.nav:hover:after{color:#fff;content:""}nav.nav>ul{padding-top:70px;display:none}nav.nav:hover>ul,nav.nav li{display:block}}