﻿:root{--banner-height: min(120px, calc(100vw / (10 / 1)))}body,.sidebar,.content,header,.submenu,#mainmenu.active,.banner-top{background-color:#001e43 !important}.banner-top{top:0;margin:0;padding:0;position:fixed;text-align:center;z-index:5}.banner-top>img{height:var(--banner-height) !important}header{top:var(--banner-height)}#main-container{padding-top:calc(100px + var(--banner-height))}main{position:relative;z-index:0}main .grid{--grid-cols: 4;--flow: dense}main .grid.halves{--grid-cols: 2}@media(max-width: 680px){main .grid.halves.full-on-very-narrow{--grid-cols: 1}}@media(max-width: 1000px){main .grid.halves.full-on-narrow{--grid-cols: 1}}@media(max-width: 1200px)and (min-width: calc(1000px + 1px)){main .grid.halves.full-on-medium{--grid-cols: 1}}main .grid{--cell-bg-color: var(--color-black)}@media(max-width: 1000px){main .grid{--grid-cols: 2}}@media(max-width: 580px){main .grid{--grid-cols: 1 !important}}main .grid{display:grid;grid-template-columns:repeat(var(--grid-cols), 1fr);grid-auto-flow:var(--flow);align-items:start;overflow:hidden}main .grid.small-items{grid-template-columns:repeat(min(var(--grid-cols) * 2, 4), 1fr) !important}main .grid.one-two-one{grid-template-columns:1fr 2fr 1fr !important}@media(max-width: 680px){main .grid.one-two-one{grid-template-columns:1fr !important;margin-bottom:1rem}}main .grid>*{overflow:hidden}main .grid>.grid-flexbox{display:flex;flex-direction:column}main .grid>.grid,main .grid .grid-flexbox{height:100%;width:100%}main .grid>.wide{grid-column-end:span max(var(--grid-cols) - 1,1)}main .grid>.full-width{grid-column-start:0;grid-column-end:span var(--grid-cols)}main .grid .story{justify-content:var(--justify);align-items:var(--align)}main .grid .story.image-aspect-ratio{overflow:hidden;flex:0 0 auto;max-width:100%}main .grid .story:not(.image-aspect-ratio){flex:1 1 auto}main .grid .story,main .grid .newslist{--links: var(--color-accent);--main-link: var(--color-yellow);--align: flex-start;--justify: flex-end;--bg: transparent;--color: inherit;--title-bg: var(--color-accent);display:flex;flex-direction:column;gap:10px;padding:20px;box-sizing:border-box;background:center/cover no-repeat var(--bg);color:var(--color)}main .grid .story.newslist,main .grid .newslist.newslist{--main-link: var(--color-blue)}main .grid .story.newslist .date,main .grid .newslist.newslist .date{padding:var(--padding-hilight);font-size:var(--font-size-s)}main .grid .story.newslist .details,main .grid .newslist.newslist .details{margin:0;padding:0;margin-bottom:-6px;margin-top:4px}main .grid .story.with-paragraph,main .grid .newslist.with-paragraph{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),center/cover no-repeat var(--bg);color:var(--color-white)}main .grid .story.with-paragraph.grayscale-bg,main .grid .newslist.with-paragraph.grayscale-bg{position:relative}main .grid .story.with-paragraph.grayscale-bg>*,main .grid .newslist.with-paragraph.grayscale-bg>*{z-index:10}main .grid .story.with-paragraph.grayscale-bg:after,main .grid .newslist.with-paragraph.grayscale-bg:after{z-index:0;content:"";position:absolute;background:#000;top:0;bottom:0;left:0;right:0;mix-blend-mode:saturation}main .grid .story a,main .grid .story a>*,main .grid .newslist a,main .grid .newslist a>*{color:var(--link-color)}main .grid .story a:hover,main .grid .story a>*:hover,main .grid .newslist a:hover,main .grid .newslist a>*:hover{color:var(--link-hover-color)}main .grid .story h3,main .grid .story p,main .grid .newslist h3,main .grid .newslist p{margin:0;padding:var(--padding-hilight);box-decoration-break:clone;display:inline}main .grid .story h3,main .grid .newslist h3{background-color:var(--title-bg);color:var(--color-black);font-size:var(--font-size-l) !important}main .grid .story.no-highlight-styles h3,main .grid .story.no-highlight-styles p,main .grid .newslist.no-highlight-styles h3,main .grid .newslist.no-highlight-styles p{background-color:rgba(0,0,0,0);padding:0}main .grid .story .main-link,main .grid .newslist .main-link{color:var(--color-black);background-color:var(--color-white)}main .grid .story .main-link:hover,main .grid .newslist .main-link:hover{background-color:var(--main-link)}main .grid>.flexible{min-height:0;height:100%;max-height:100%;overflow:hidden;position:relative;display:flex;align-items:center}main .grid>.flexible>img{position:absolute;object-fit:cover;min-width:100%;min-height:100%}main .grid #top-news{height:100%;display:flex;flex-direction:column;position:relative;padding-top:40px;padding-bottom:40px;box-sizing:border-box}@media(max-width: 580px){main .grid #top-news{aspect-ratio:auto}}main .grid #top-news #top-news-list-title{position:absolute;top:0}@media(max-width: 580px){main .grid #top-news #top-news-list-title{top:20px}}main .grid #top-news #more-link{position:absolute;bottom:20px}main .grid #top-news .newsitem{display:grid;gap:10px}main .contentsection{--bg: var(--color-black);--text: var(--color-white);--link-color: var(--color-accent);--link-hover-color: var(--color-green);--content-child-margin: 40px;--padding: 50px;--date-size: var(--font-size-s);display:flex;flex-direction:row;background:var(--bg);color:var(--text)}@media(max-width: 1000px){main .contentsection{--content-child-margin: 15px;--padding: 30px;flex-direction:column}}@media(max-width: 580px){main .contentsection{--content-child-margin: 10px;--padding: 20px}}main .contentsection a{color:var(--link-color);overflow:hidden}main .contentsection a:hover{color:var(--link-hover-color)}main .contentsection img{max-width:100%;box-sizing:border-box}main .contentsection .rectangle{margin-bottom:5px}main .contentsection>.grid{gap:var(--padding)}main .contentsection>*{margin:0;padding:var(--padding);flex:1 1 auto}main .contentsection:not(.reverse)>*:first-child:not(.content){flex:0 0 auto;min-width:18%;max-width:18%}@media(max-width: 1000px){main .contentsection:not(.reverse)>*:first-child:not(.content){max-width:100%;padding-bottom:0}}main .contentsection.reverse>*:last-child:not(.content){flex:0 0 auto;min-width:18%;max-width:18%}@media(max-width: 1000px){main .contentsection.reverse>*:last-child:not(.content){max-width:100%;padding-bottom:0}}main .contentsection.reverse>*.content{padding:var(--padding)}main .contentsection>.contentgrid{--min-item-width: 280px;--limited-rows: 1}@media(max-width: 1000px){main .contentsection>.contentgrid{--min-item-width: 200px;--limited-rows: 1}}@media(max-width: 580px){main .contentsection>.contentgrid{--limited-rows: 2;--min-item-width: 160px;font-size:var(--font-size-xs)}}main .contentsection>.contentgrid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--min-item-width), 1fr));padding:calc(var(--padding) - var(--content-child-margin))}main .contentsection>.contentgrid>a{max-width:350px;margin:var(--content-child-margin)}main .contentsection>.contentgrid p,main .contentsection>.contentgrid h3{margin:10px 0}main .contentsection>.contentgrid h3{font-size:var(--font-size-s) !important}main .contentsection>.contentgrid>.empty{display:none}main .contentsection>.contentgrid.limit-rows{grid-template-rows:repeat(var(--limited-rows), auto);grid-auto-rows:0;overflow:hidden}main #highlights .wide-highlight-box{--shave: calc(var(--gap) / 2);box-sizing:border-box;padding-bottom:var(--shave);margin-bottom:calc(-1*var(--shave))}main #highlights .wide-highlight-box .container{height:100%;overflow:hidden}main #highlights .rectangle{position:relative}main #highlights .details{position:absolute;z-index:10;bottom:0;display:block}main #highlights .highlights-column{display:grid;gap:var(--spacing-medium)}main #highlights>*{min-height:0}main .sidebar-layout .grid{--grid-cols: 1 !important}@media(min-width: calc(680px + 1px)){main .sidebar-layout .grid{--grid-cols: 4 !important}}main .sidebar-layout .main-content-container{grid-column:span 3}@media(max-width: 680px){main .sidebar-layout .main-content-container{grid-column:span 1}}main .sidebar-layout .main-content-container .grid{--grid-cols: 3 !important}@media(max-width: 680px){main .sidebar-layout .main-content-container .grid{--grid-cols: 4 !important}}@media(max-width: 580px){main .sidebar-layout .main-content-container .grid{--grid-cols: 2 !important}}main .sidebar-layout .sidebar .text-only.news-item:not(:last-child){border-bottom:2px solid var(--color-black-light)}main .sidebar-layout .sidebar .news-item .date{color:var(--color-silver)}main details{background-color:var(--color-white);margin:var(--spacing-small) 0;padding:var(--spacing-small);display:grid;grid-template-columns:auto auto}main details>:not(summary){color:var(--color-black)}main details>:not(summary) a{color:var(--color-green-dark) !important}main details>:not(summary) a:hover{color:var(--color-green) !important}main details>p,main details hr{display:none}main details>ul{display:grid;grid-template-columns:1rem repeat(3, 1fr);list-style:none;padding:0;margin:var(--spacing-small) 0}main details>ul:first-of-type li:first-child::before{content:".";opacity:0}main details>ul:first-of-type li:nth-child(2)::before{content:"Pelaaja";margin-left:calc(-1*var(--spacing-small) - 2px - 1rem);padding-left:calc(2px + var(--spacing-small) + 1rem);padding-right:4px}main details>ul:first-of-type li:nth-child(3)::before{content:"Vanha seura";margin:0 -4px;padding-left:4px;padding-right:4px}main details>ul:first-of-type li:last-child::before{content:"Uusi seura";margin-right:calc(-1*var(--spacing-small) - 2px);padding-right:calc(2px + var(--spacing-small))}main details>ul:first-of-type li::before{display:block;background-color:var(--color-silver-light);padding:var(--spacing-small) 0;font:var(--typography-compressed);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}main details summary{background:right/contain no-repeat var(--bg-img),var(--color-silver-dark);padding:var(--spacing-small);margin:calc(-1*var(--spacing-small));font:var(--typography-compressed);text-transform:uppercase;font-size:var(--font-size-xl);height:2.5rem;position:relative;display:flex;align-items:center}main details summary::before{content:"▶";display:block;width:2rem;font-size:3rem;color:var(--color-accent)}main details summary img{height:100%;margin-right:var(--spacing-small)}main details[open] summary::before{content:"▼";display:block;width:2rem;font-size:3rem;color:var(--color-accent)}/*# sourceMappingURL=player-transfers-page.css.map */
