@import url("https://use.typekit.net/idr1cis.css"); @import url("_reset.css"); @import url("_columns.css"); /* -- struttura -- */ body { height:auto; } html { font-family: "proxima-nova", sans-serif; font-weight:400; font-size:16px; background: transparent linear-gradient(180deg, #000251 200px, #030071 400px) 0% 0% no-repeat padding-box; background-attachment: fixed; } #wrapper { position:relative; z-index:1; width:100%; max-width:1920px; overflow:hidden; margin:0 auto; background: transparent linear-gradient(180deg, #000251 200px, #030071 400px) 0% 0% no-repeat padding-box; } .innerTpl { position:relative; max-width:1920px; margin:0 auto; } .hide-desktop { display:none; } ::-webkit-scrollbar { background:#000251; width:5px; height:5px; } .transparent-scrollbar::-webkit-scrollbar { background:none; width:0; height:0; } ::-webkit-scrollbar-button { } ::-webkit-scrollbar-track {} ::-webkit-scrollbar-track-piece { } ::-webkit-scrollbar-track-piece:start { } ::-webkit-scrollbar-thumb { background:#21FFFF; } .transparent-scrollbar::-webkit-scrollbar-thumb { background:none; } ::-webkit-scrollbar-thumb:window-inactive { } ::-webkit-scrollbar-button:horizontal:decrement:hover {} ::-webkit-scrollbar-corner { } ::-webkit-resizer { } ::placeholder { color:#999; opacity:0.6; } :-ms-input-placeholder { color:#999; opacity:0.6; } ::-ms-input-placeholder { color:#999; opacity:0.6; } hr { background:#0d3756; height:1px; color:#0d3756; border:0; margin: 30px 0; width:100%; clear:both; } /* -- misc -- */ .transition-050 { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .transition-025 { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .no-wrap { white-space: nowrap; overflow: hidden; } .bubble-notification { position: absolute; z-index:1; top: -8px; right: -8px; width: 25px; height: 25px; border-radius: 50%; color: #FFF; background: #FF1400; font: 300 14px/25px "proxima-nova", sans-serif; text-align: center; } #bottom-position { display:none; position:fixed; bottom:0; left:0; } /* -- testi -- */ h1, h2, h3, h4, h5, p, .title, .text { position:relative; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } h1 { font:700 44px/44px "proxima-nova"; color:#FFF; margin-bottom:50px;} h2 { font:700 30px/30px "proxima-nova"; color:#FFF; margin-bottom:25px; } h3 { font:700 24px/24px "proxima-nova"; color:#FFF; margin-bottom:15px; } h4 { font:700 24px/30px "proxima-nova"; color:#FFF; margin-bottom:5px; } .title { color:#FFF; } p, .text { font:400 24px/30px "proxima-nova", sans-serif; color:#FFF; word-wrap: break-word; margin-bottom:10px; } p a, .text a { color:#21FFFF; } p ul li, .text ul li { list-style-type:disc; margin-left:25px; } p.hightlight, .text.hightlight { float:left; background: transparent linear-gradient(180deg, #FF21EB 0%, #AF0AA2 100%) 0% 0% no-repeat padding-box; color:#FFF; width:auto !important; padding:5px 8px; border-radius:3px; } p.label { float:left; width:200px; margin-right:5px; } a.no-underline, a.no-underline:hover { text-decoration:none !important; border:none !important; } .text-small { font:400 18px/20px "proxima-nova", sans-serif; color:#FFF; word-wrap: break-word; } .text ol { list-style:decimal; margin:15px 0; } .text ol li { margin-left:15px; } strong, b { font-weight:700; font-family:"proxima-nova"; } em { font-style:italic; } .link, .pointer { cursor:pointer; } .fa, .fab, .fad, .fal, .far, .fas, .fa-solid { font-size:25px; padding:0 15px; vertical-align:middle; } .fa.red, .fab.red, .fad.red, .fal.red, .far.red, .fas.red, .fa-solid.red { color:#F40000; } .fa.green, .fab.green, .fad.green, .fal.green, .far.green, .fas.green, .fa-solid.green { color:#00D269; } .color-blue-light { color:#21FFFF; } .color-green { color:#00D269; } .color-red { color:#F40000; } /* -- bottoni e boxes -- */ .button, .button-mini, .button-small, .button-medium, .monthly-button { position:relative; text-align:center; -webkit-box-sizing:border-box; box-sizing: border-box; display:inline-block; color:#FFF; cursor:pointer; opacity: 1; border-radius: 5px; } .button-mini a, .button-small a, .button-medium a { position:absolute; top:0; left:0; width:100%; height:100%; } .button-mini:hover, .button-small:hover, .button-medium:hover { background: transparent linear-gradient(1deg, #2787FF 0%, #21FFFF 100%) 0% 0% no-repeat padding-box; color:#FFF; border:1px solid transparent; } .button { background: transparent linear-gradient(263deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box; padding:10px 30px; width:300px; max-width:100%; display:block; font:600 20px/32px "proxima-nova"; text-transform:uppercase; letter-spacing:1px; border: 1px solid #2787FF; margin-top:20px; } .button:hover { background: transparent linear-gradient(1deg, #2787FF 0%, #21FFFF 100%) 0% 0% no-repeat padding-box; color:#FFF; border:1px solid transparent; } .button.right { float:right; } .button a { color:#FFF; display:block; } .button-blue-light { background: transparent linear-gradient(1deg, #2787FF 0%, #21FFFF 100%) 0% 0% no-repeat padding-box; opacity:1; border:1px solid transparent; } .button-blue-light:hover { opacity:0.8; } .button-mini { background: transparent linear-gradient(253deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; margin:0 5px 5px 5px; font:400 18px/22px "proxima-nova", sans-serif; padding:20px 10px; white-space: nowrap; overflow: hidden; } .button-mini i { position:relative; top:-1px; color:#FFF; font-size:20px; padding:0; margin:0 8px 0 0; } .button-small { background: transparent linear-gradient(253deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; margin:0 15px 15px 15px; font:600 24px/29px "proxima-nova", sans-serif; padding:20px 30px; } .button-small i { color:#FFF; font-size:32px; } .button-medium { background: transparent linear-gradient(255deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; -webkit-box-sizing:border-box; box-sizing: border-box; padding: 15px 10px; margin:5px; font:700 33px/40px "proxima-nova", sans-serif; } /* .button-medium:after { content: "\f178"; font-family: "Font Awesome 6 Pro"; font-weight:400; position:absolute; top: calc(50% - 17px); right:15px; font-size:16px; color:#FFF; } */ .button-medium:after { content: ""; width: 40px; height: 23px; background:url("https://www.hockeymanager.ch/site/images/2023/icons/ico_freccia_bianca.svg") no-repeat; background-size: contain; position:absolute; right:20px; top: calc(50% - 11px); } .big-buttons-grid { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; } .button-big { background: transparent linear-gradient(255deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; -webkit-box-sizing:border-box; box-sizing: border-box; padding:20px 30px; margin:5px; font:400 24px/28px "proxima-nova", sans-serif; display:inline-block; } .button-big:after { content: "\f178"; font-family: "Font Awesome 6 Pro"; font-weight:400; position:absolute; top: calc(50% - 17px); right:15px; font-size:16px; color:#FFF; } .button-big i { font-size:30px; display:block; margin:0 0 5px 0; } .button-big a { position:absolute; top:0; left:0; width:100%; height:100%; } .monthly-buttons .monthly-button { float:left; text-align:center; padding:0 25px; margin:0 15px 10px 0; background: transparent linear-gradient(253deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; border-radius: 5px; font: 600 20px/50px "proxima-nova"; color:#FFF; } .monthly-buttons .monthly-button a { color:#FFF; display:block; } .monthly-buttons .monthly-button:hover { background: transparent linear-gradient(1deg, #2787FF 0%, #21FFFF 100%) 0% 0% no-repeat padding-box; } .box { border-radius: 5px; padding:50px; -webkit-box-sizing:border-box; box-sizing: border-box; overflow:hidden; } .box-white { background:#FFF; box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; width:calc(100% - 4px); margin-bottom:5px; } .box-white h1, .box-white h2, .box-white h3, .box-white h4 { color:#000133; } .box-pink { background: transparent linear-gradient(180deg, #FF21EB 0%, #AF0AA2 100%) 0% 0% no-repeat padding-box; border-radius: 3px; padding:30px; } .box-blue { background: #000251 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; padding:30px; width:calc(100% - 4px); margin-bottom:5px; } .box-blue-light-gradient { background: transparent linear-gradient(180deg, #01006C 0%, #010036 100%) 0% 0% no-repeat padding-box; border-radius: 5px; padding:30px; } .box.padding-15 { padding:15px; } /* -- elements -- */ img.flag { position:relative; width:40px; height:auto; top:3px; border-radius:2px; } img.flag.ch { width:26px; height:auto; top:4px; margin-left:2px; } img.club-logo { width:44px; height:auto; } img.club-logo.smaller { width:30px; height:auto; position: relative; top: 2px; } img.club-jersey { width:40px; height:auto; } img.club-jersey.smaller { width:30px; height:auto; position: relative; top: 2px; } /* -- header -- */ #header { background: transparent radial-gradient(closest-side at 50% 41%, #0501DA 0%, transparent 100%) 0% 0% no-repeat padding-box; height:200px; } body[t=homepage] #header { height:280px; } #header .top .c4 { } #header .top .c4:first-child { text-align:left; } #header .top .c4:last-child { text-align:right; } #header img.logo { margin-top:30px; max-width: 100%; height:auto; } #header img.logo-big { margin-top:30px; height:150px; display:none; } body[t=homepage] #header img.logo-big { display:inline-block; } body[t=homepage] #header img.logo-hm { display:none; } #header .hasLogo { text-align:center; } #header .partnership { margin:35px 0 0 50px; } #header .partnership img.logo { margin-top:0; max-height: 48px; width: auto; margin-left: 5px; } #header .partnership span { font:300 12px/22px "proxima-nova"; color:#FFF; display:block; text-transform:uppercase; letter-spacing:1px; } #header .partnership.it span { color:#FFF200;} #header .partnership.fr span { color:#e20000;} #header .partnership.de span { color:#FFF; } #header img.logo.nl { max-height:100px; margin:25px 0 0 50px; } #header .column-left { position:relative; overflow:visible; z-index:2; } body.scrolled #header { width:100%; height:70px; position:fixed; top:0; left:0; z-index:100; box-shadow: 0 0 15px 1px rgb(0 0 0 / 60%); background: transparent radial-gradient(closest-side at 50% 41%, #0501DA 0%, #000251 100%) 0% 0% no-repeat padding-box; } body.scrolled #header img.logo { max-height:50px; max-width:none; width:auto; margin-top:10px; } body[t=homepage].scrolled #header img.logo-big { display:none; } body[t=homepage].scrolled #header img.logo-hm { display:inline-block; } body.scrolled #header .partnership { margin-top:10px; } body.scrolled #header .partnership img.logo { max-height:28px; max-width:none; width:auto; margin-top:0; } body.scrolled #social { padding-top:23px; } body.scrolled #nav { margin:30px 30px 0 0; } #chooseLang { padding-top:60px; } #chooseLang a { font:400 18px/24px "proxima-nova", sans-serif; color:#21FFFF; } #chooseLang a:hover { color:#FFF; } #chooseLang li { display:inline-block; } #chooseLang li.cl-sep {font:400 18px/24px "proxima-nova", sans-serif; color:#21FFFF; margin:0 3px; } #chooseLang li.on a { font:700 18px/24px "proxima-nova"; color:#FFF; } #social { display:inline-block; padding-top:55px; margin-right:40px; } #social .fab { color:#FFF; font-size:30px; padding:0 10px; } #social .fab:hover { color:#21FFFF; } #social img { width:38px; margin:0 2px; } /* -- navigation -- */ #nav .bubble-notification { top: -15px; right:20px; } #nav { float:right; position:relative; margin:60px 30px 0 0 ; } #navMobile { display:none; } #navMobileOpened { display:none; } #navOpenButton { float:right; cursor:pointer; width: 30px; height: 30px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } #navOpenButton span { display: block; position: absolute; height: 1px; width: 100%; background: #FFF; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #navOpenButton span:nth-child(1) { top: 0px; } #navOpenButton span:nth-child(2) { top: 8px; } #navOpenButton span:nth-child(3) { top: 16px; } #navOpenButton.open span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #navOpenButton.open span:nth-child(2) { opacity: 0; left: -60px; } #navOpenButton.open span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } #navCloseButton { position: relative; z-index:999; float:right; cursor:pointer; width: 30px; height: 30px; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } #navCloseButton span { display: block; position: absolute; height: 1px; width: 100%; background: #FFF; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #navCloseButton span:nth-child(1) { top: 0px; } #navCloseButton span:nth-child(2) { top: 8px; } #navCloseButton span:nth-child(3) { top: 16px; } #navCloseButton.open span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #navCloseButton.open span:nth-child(2) { opacity: 0; left: -60px; } #navCloseButton.open span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } #navOpened {position:fixed; right:-100%; top:0; z-index:900; width:700px; height:100vh; background: transparent linear-gradient(180deg, #000251 0%, #01006C 100%) 0% 0% no-repeat padding-box; padding:80px 65px; } #navOpened h3 { display:inline-block; font-family:"proxima-nova"; font-weight:800; margin-bottom:0; } #navOpened h4 { margin:28px 0 13px 0; font: 700 25px/25px "proxima-nova"; } #navOpened .ctn { width:100%; height:calc(100vh - 150px); overflow-y:auto; margin:30px 0 0 0 ; } #navOpened a.link-menu { position:relative; padding:20px; font:700 23px/23px "proxima-nova"; color:#00024A; background: #FFF 0% 0% no-repeat padding-box; border-radius: 3px; opacity: 1; display:block; margin-bottom:7px; } #navOpened a.link-menu.notification { padding:12px 20px; } #navOpened a.link-menu.logout { background: transparent linear-gradient(180deg, #FF21EB 0%, #AF0AA2 100%) 0% 0% no-repeat padding-box; color:#FFF; } #navOpened a.link-menu.arcade { font:400 24px/25px "Glitch-Italic"; font-style: italic; font-weight: normal; color:#000133; background: transparent linear-gradient(180deg, #FF21EB 0%, #FF1717 100%) 0% 0% no-repeat padding-box; } #navOpened a.link-menu.arcade span { width:10px; display: inline-block; } #navOpened a.link-menu:hover { background: transparent linear-gradient(1deg, #2787FF 0%, #21FFFF 100%) 0% 0% no-repeat padding-box; color:#FFF; } #navOpened a.link-menu:after { font-family:"Font Awesome 5 Pro"; content:"\f061"; color:#00024A; position:absolute; right:20px; top:20px; font-weight:300; font-style: normal; } #navOpened a.link-menu:hover:after, #navOpened a.link-menu.logout:after { color:#FFF; } #navOpened a.link-menu.arcade:after { color:#000133; } #navOpened a.link-menu.notification:after { top:17px; } #navOpened a .bubble-notification { right: auto; position: relative; display: inline-block; top:0; margin: 0 10px 0 0; width:40px; height:40px; font: 600 20px/40px "proxima-nova", sans-serif; } #navOpened .language { float:left; margin:25px 0 0 0; } #navOpened .language a { position:relative; padding:5px 0; font: 600 16px/24px "proxima-nova"; color:#00024A; background: #FFF 0% 0% no-repeat padding-box; border-radius: 3px; opacity: 1; display:inline-block; margin:0 10px 0 0; width:35px; text-align:center; } #navOpened .language a.active, #navOpened .language a:hover { background:#21FFFF; } #navOpened .social { float:right; margin:30px 0 0 0; } #navOpened .social span { color:#FFF; font:400 16px/24px "proxima-nova", sans-serif; margin: 0 10px 0 0; } #navOpened .social .fab { font-size:24px; padding:0 15px; color:#FFF; } #navOpened .social .fab:first-child { padding-left:0; } #navOpened .social .fab:hover { color:#21FFFF; } .counter-teams { position:relative; display:inline-block; transform: rotate(12deg); width:182px; height:180px; background:url(../images/2023/misc/counter-teams-bg.svg) no-repeat; background-size:contain; background-repeat:no-repeat; transform-origin:right; } #counter-next-day .counter-teams { position:absolute; top:-110px; right:12%; } .counter-teams .counter-teams-text { text-align:center; position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%,-50%); } .counter-teams .counter-teams-text .c { font:600 34px/34px "proxima-nova"; margin-top:-5px; color: #FFF; } .counter-teams .counter-teams-text .l { font:300 24px/34px "proxima-nova"; text-transform:none; color: #FFF; } #game-nav { margin-bottom:50px; } #game-nav .c4.first, #game-nav .c4.second, #game-nav .c4.third { padding:0 2px; overflow: visible; } #game-nav .c4.first .button-mini { font-weight:600; } #game-nav .c4.first .button-mini i { margin: 0 12px 0 0; } #game-nav .c4.first .button-mini img.icon { height: 23px; width: auto; margin: -5px 10px 0 0; position: relative; top: 5px; } #game-nav .button-mini { width:calc(50% - 5px); margin: 0 1px 5px 1px; } #game-nav .c4.second .top .button-mini { width:calc(100% - 5px); margin: 0 0 5px 0; border-color:transparent; font: 700 18px/22px "proxima-nova"; background: #020E95 0% 0% no-repeat padding-box; } #game-nav .c4.second .top .button-mini:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight:400; position:relative; font-size:14px; margin:0 0 0 5px; color:#FFF; } #game-nav .c4.second .bottom .c4 { padding:0 1px; } #game-nav .c4.second .bottom .button-medium { padding:10px 4px; margin:0; width:calc(100% - 4px); } #game-nav .c4.second .bottom .button-medium:after { display:none; } #game-nav .c4.second .bottom .button-medium .value { display:block; font: 600 32px/36px "proxima-nova"; } #game-nav .c4.second .bottom .button-medium .label { display:block; font: 600 15px/20px "proxima-nova"; } #game-nav .c4.second .bottom .button-medium i.free-transfer { font-size: 28px; position:relative; top:-2px; } #game-nav .c4.second .badges { position: relative; border: 0; margin:10px 0 0 0; width: 100%; background: #020E95 0% 0% no-repeat padding-box;background: transparent linear-gradient(253deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box; cursor: auto; padding: 15px; } #game-nav .c4.second .badges a.link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } #game-nav .c4.second .badges .column { z-index: 1; } #game-nav .c4.second .badges .c3 { display: flex; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; } #game-nav .c4.second .badges .title { font: 600 25px/30px "proxima-nova"; color:#FFF; top: 2px; } #game-nav .c4.second .badges .span { font: 600 16px/20px "proxima-nova"; color:#000133; } #game-nav .c4.second .badges .badge img.img { width: 36px; height: 36px; } #game-nav .c4.third .button-arcade-2023 { opacity:1; width:100%; height:auto; } #game-nav .c4.third .button-arcade-2023:hover { opacity:.8; } #game-nav #select-my-teams-2 { position:relative; overflow:visible; } #game-nav #select-my-teams-2 .list { position:absolute; z-index:2; width:calc(100% - 4px); top:0; left:0; margin:0 0 0 0; background: #020E95 0% 0% no-repeat padding-box; padding:15px; -webkit-box-sizing:border-box; box-sizing: border-box; border-radius:5px; box-shadow: 1px 2px 4px #000133; } #game-nav #select-my-teams-2 .list .close { color:#FFF; position:absolute; z-index:3; top:5px; right:-5px; font-size:16px; cursor:pointer; } #game-nav #select-my-teams-2 .list .selectTeam { color:#FFF; font: 700 18px/30px "proxima-nova"; display: inline; text-align: center; } #game-nav #select-my-teams-2 .list .selectTeam:hover { color:#21FFFF; } #game-nav #select-my-teams-2 .list .selectTeam .team-name:after { visibility:hidden; content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight:400; position:relative; top:-1px; font-size:12px; margin:0 0 0 3px; color:#21FFFF; } #game-nav #select-my-teams-2 .list .selectTeam .team-name:hover:after { visibility:visible; } #game-nav-2 { display:none; } /* -- footer -- */ #footer { height:300px; padding-top:100px; } #footer .c10 { text-align:center; } #footer .text, #footer p { font: 400 20px/26px "proxima-nova", sans-serif; } /* -- form -- */ form.frm { margin-bottom:50px; } form.frm input, form.frm select, form.frm textarea { background:#FFF 0% 0% no-repeat padding-box; border: 1px solid #020E95; border-radius: 5px; font:400 19px/30px "proxima-nova", sans-serif; color:#7A7A7A; padding:0 15px; display:block; margin-bottom:15px; -webkit-box-sizing:border-box; box-sizing: border-box; } form.frm input, form.frm select, form.frm textarea, form.frm .button, form.frm button { max-width:95%; } form.frm textarea { width:300px; height:90px; padding:15px; line-height:25px; } form.frm input { width:300px; height:50px; } form.frm input.checkbox { width:20px; height:20px; display:inline-block; } form.frm input.short, form.frm select.short { width:100px; text-align:center; display:inline-block; } form.frm input.on, form.frm select.on { background:#C00; color:#FFF; } form.frm select { width:300px; height:50px; } form.frm label { font:400 20px/24px "proxima-nova", sans-serif; display:inline-block; margin-right:10px; color:#CCC; margin-bottom:5px; } form.frm button { /*margin-top:30px; width:300px; padding:0 30px; */ } form.frmContact input, form.frmContact textarea { width:90%; } form.frmContact textarea { height:200px; } /* -- table tr td -- */ .table { display:table; width: calc(100% - 4px); padding:2px; background: linear-gradient(90deg, rgba(1,0,109,1) 40%, rgba(2,2,141,1) 75%, rgba(5,1,216,1) 100%); } .table .tr { display:table-row; } .table .tr:hover { background:#0501d8; } .table .tr .td { font:500 18px/22px "proxima-nova", sans-serif; color:#FFF; display:table-cell; vertical-align:middle; height:70px; text-align:center; border-bottom:1px solid #0401c4; padding:0 10px; overflow-wrap: anywhere; } .table .tr .td .fa, .table .tr .td .fab, .table .tr .td .fad, .table .tr .td .fal, .table .tr .td .far, .table .tr .td .fas, .table .tr .td .fa-solid { font-size:20px; padding:0 5px; } .table .tr .td.tleft { text-align:left; } .table .tr .td.min-width-40 { min-width:40px; } .table .tr.notPlayNextGame .td { background:#304B60;} .table .tr .td.nowrap {white-space: nowrap;} .table .tr .td.icon a { text-decoration:none; border-bottom:0; } .table .tr .td.icon img { max-width:45px; } .table .tr.selected .td { background:#21FFFF; color:#020E95; } .table .tr.selected .td a { color:#020E95; border-color:#020E95; } .table .tr .td.bold { font-weight:700; font-family:"proxima-nova"; } .table .tr .td.left { float:none; text-align:left; } .table .tr .td.right { float:none; text-align:right; } .table .tr .td a { color:#FFF; text-decoration:none; border-bottom:1px solid #FFF; padding-bottom:1px; } .table .tr .td a:hover { border-bottom:0px; } .table .tr .td.info { cursor:pointer !important;} .table .tr.header { height:45px; } .table .tr.header .td { background:#01006C; font:600 22px/24px "proxima-nova"; color:#2787ff; border-bottom:1px solid #2787ff; } .table .tr.play-off-line .td { border-bottom:6px solid #FFF; } .table .tr .td.enter { cursor:pointer; /* background:#fc3231 !important; */ width:80px; color:#FFF !important; padding:0 5px; } .table .tr .td.enter:hover { color:#00FF00 !important; /* background:#CCC !important; */ } .table .tr .td.enter.reject:hover { color:#F00 !important; /* background:#CCC !important; */ } .table .tr .td.enter.green { /* background:#00D269 !important; */ } .table .tr .td.enter.green:hover { /* background:#CCC !important; */ } .table .tr .td.removeTeamFromChampionship { cursor:pointer; } .table .tr .td.removeTeamFromChampionship .fa-user-times { font-size:18px; } .table .tr .td.removeTeamFromChampionship .fa-user-times:hover { color:#F30; } /* -- alert & lightbox -- */ .lightbox { z-index:989; width:100%; height:100%; position:absolute; top:0px; left:0; background:#000251DD; } .lightbox .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000251DD; opacity:0.6; z-index:990; } .lightbox .layerContent { z-index:990; position:absolute; top:50px; width:700px; left:calc(50% - 425px); padding:50px 25px; /* background: transparent linear-gradient(253deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box; */ background: transparent linear-gradient(180deg, #000251 0%, #020280 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; border-radius: 5px; } .lightbox .close { z-index:10; position:absolute; top:10px; right:5px; cursor:pointer; color:#FFF; opacity:1; } .lightbox .close:hover { opacity:0.8; } .lightbox .closeLightbox { z-index:10; position:absolute; top:25px; right:40px; cursor:pointer; height:30px; width:30px; } .lightbox .closeLightbox span { display: block; position: absolute; height: 1px; width: 100%; background: #FFF; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .lightbox .closeLightbox:hover span { background:#21FFFF; height:2px; } .lightbox .closeLightbox span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .lightbox .closeLightbox span:nth-child(2) { opacity: 0; left: -60px; } .lightbox .closeLightbox span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .lightbox h3 { color:#21FFFF; margin-bottom:25px; text-transform:uppercase; font: 600 20px/24px "proxima-nova"; } .lightbox .text, .lightbox p { margin:15px 0; font: 400 20px/26px "proxima-nova", sans-serif; } #boxAlert.arcade .layerContent { background: transparent linear-gradient(253deg, #FF21EB 0%, #FF1717 100%) 0% 0% no-repeat padding-box; border:1px solid #000133; } #boxAlert.arcade h3 { color:#000133; font-family:"Glitch-Italic"; font-style: italic; font-weight: normal; } #boxAlert.arcade h3 span { width:10px; display:inline-block; } #boxAlert.arcade .text { color:#000133; } #boxAlert { z-index:998; width:100%; height:100%; position:absolute; top:0px; background:#000251DD; } #boxAlertContent { z-index:999; position:absolute; top:30%; width:30%; left:35%; } #popup { z-index:998; width:100%; height:100%; position:absolute; top:0px; background:url(../images/bgs/box-alert-overlay.png) repeat; } #cta-popup { width:100%; padding:10px 0; color:#FFF; background:#00ff00; text-align:center; letter-spacing:1px; font-weight:600; font:700 16px/24px "proxima-nova"; text-transform:uppercase; cursor:pointer; } #cta-popup i.fa-arrow-right { font-size:14px; padding-right:0; padding-left:5px; } /* -- istogrammi -- */ .histogram { display:inline-block; width:100%; position:relative; } .histogram.horiz { margin:0 0 3px 0; } .histogram.horiz .label { float:left; white-space: nowrap; width:30%; margin:0 1% 0 0; color:#FFF; font:600 18px/22px "proxima-nova"; text-transform:uppercase; text-align:left; } .histogram.horiz .value { float:left; width:calc(14% - 5px); padding:0 5px 0 0; color:#21FFFF; font:400 18px/22px "proxima-nova", sans-serif; text-align:right; } .histogram.horiz .bar { float:left; width:55%; height:20px; background:#EEE; overflow: hidden; } .histogram.horiz .bar .fill { width:0; height:inherit; /* background: transparent linear-gradient(267deg, #21FFFF 0%, #21FFFF 0%, #21FFFF 0%, #27FFE9 49%, #31FFC3 100%) 0% 0% no-repeat padding-box; */ background:#21FFFF; } .histogram.verti .bar { width:20px; height:100%; } /* -- player detail -- */ #playerDetail {z-index:989; width:100%; height:100%; position:absolute; top:0px; background: #000251DD; } #playerDetail .layerContent { z-index:991; padding-top:25px; } #playerDetail .fav { position:absolute; z-index:995; cursor:pointer; top:20px; left:40px; } #playerDetail .fav i { color:#FFF; font-size:32px; padding:0 } #playerDetail .name { background: transparent linear-gradient(180deg, #0501DA 0%, #0302A9 51%, #020280 100%) 0% 0% no-repeat padding-box; color:#FFF; font:700 26px/26px "proxima-nova"; box-shadow: 1px 2px 4px #00000029; margin:50px 0 0 0; padding:10px 0; text-align:center; } #playerDetail .name .firstname { font:400 26px/26px "proxima-nova", sans-serif; margin:0 5px 0 0; } #playerDetail .name .label { position: relative; top: -2px; } #playerDetail .name img.flag { width:auto; height:30px; margin-left:15px; position: relative; top: 4px; } #playerDetail .role-jersey-price { margin-bottom:30px; } #playerDetail .role-jersey-price p { margin-bottom:0; } #playerDetail .role-jersey-price .role { padding-right:25px; } #playerDetail .role-jersey-price .role p { background:#000133; box-shadow: 1px 2px 4px #00000029; border-radius:0 0 5px 5px; font: 600 16px/20px "proxima-nova"; color:#FFF; text-align:center; padding:8px 0 7px 0; margin:0; } #playerDetail .role-jersey-price .jersey-wrapper { padding-top:30px; } #playerDetail .role-jersey-price .jersey-wrapper .jersey { width:125px; height:162px; margin:auto; } #playerDetail .role-jersey-price .price .wrapper-price { float:right; background: transparent linear-gradient(180deg, #0501DA 0%, #0302A9 51%, #020280 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #00000029; padding:8px; width:56px; height:56px; text-align:center; margin:5px 0 0 0; } #playerDetail .role-jersey-price .price .wrapper-price i { color:#FFF; font-size:22px; margin:5px 0; } #playerDetail .role-jersey-price .price .wrapper-price i.color-green { color:#00D269 !important; } #playerDetail .role-jersey-price .price .wrapper-price i.color-red { color:#F40000 !important; } #playerDetail .role-jersey-price .price .value { font: 600 20px/24px "proxima-nova"; color:#FFF; margin:0; } #playerDetail .tabs { text-align:center; } #playerDetail .tab { color:#FFF; font:600 16px/20px "proxima-nova"; text-transform:uppercase; cursor:pointer; display:inline-block; margin:0 15px; } #playerDetail .tab.selected { color:#FFF; } #playerDetail .tab:hover { color:#21FFFF; } #playerDetail .jersey { margin:auto; } #playerDetail .tabs hr { height: 1px; width: 100%; background:#0C37DD; } #playerDetail .tabs hr.top { margin: 20px 0; } #playerDetail .tabs hr.bottom { margin:20px 0 10px 0; } /* #playerDetail .column-bottom { display:block; } */ #playerDetail .param { float:left; background:transparent linear-gradient(90deg, #0501DA 0%, #020280 100%) 0% 0% no-repeat padding-box; margin-bottom:3px; padding:3px 5px; width:calc(50% - 12px); margin-right:2px; } #playerDetail .param .label { float:left; width:50%; display:inline-block; font:600 1rem/1.375rem "proxima-nova"; color:#FFF; } #playerDetail .param .value { float:left; width:50%; display:inline-block; font:400 1rem/1.375rem "proxima-nova", sans-serif; color:#FFF; white-space: nowrap; } #playerDetail .canvasjs-chart-canvas { width:100%; } #playerDetail .canvasjs-chart-credit { display:none !important; } #playerDetail .tab-content { overflow-x:auto; } #playerDetail #chartPrices, #playerDetail #chartPerformances { width:100% !important; height:400px !important; } #playerDetail .canvasjs-chart-container, #playerDetail .canvasjs-chart-canvas {width:100% !important; height:400px !important;} #playerDetail .canvasjs-chart-tooltip > div { display:none !important; } #playerDetail .jersey.jersey1 { background:url(../images/clubs/LUG/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey1, #template.formazione #team-on-ice .rink .pos[jersey=jersey1], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey1] { background:url(../images/clubs/LUG/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey2 { background:url(../images/clubs/AMB/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey2, #template.formazione #team-on-ice .rink .pos[jersey=jersey2], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey2] { background:url(../images/clubs/AMB/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey3 { background:url(../images/clubs/BIE/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey3, #template.formazione #team-on-ice .rink .pos[jersey=jersey3], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey3] { background:url(../images/clubs/BIE/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey4 { background:url(../images/clubs/BER/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey4, #template.formazione #team-on-ice .rink .pos[jersey=jersey4], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey4] { background:url(../images/clubs/BER/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey5 { background:url(../images/clubs/DAV/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey5, #template.formazione #team-on-ice .rink .pos[jersey=jersey5], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey5] { background:url(../images/clubs/DAV/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey6 { background:url(../images/clubs/FRI/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey6, #template.formazione #team-on-ice .rink .pos[jersey=jersey6], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey6] { background:url(../images/clubs/FRI/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey7 { background:url(../images/clubs/GEN/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey7, #template.formazione #team-on-ice .rink .pos[jersey=jersey7], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey7] { background:url(../images/clubs/GEN/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey8 { background:url(../images/clubs/KLO/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey8, #template.formazione #team-on-ice .rink .pos[jersey=jersey8], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey8] { background:url(../images/clubs/KLO/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey9 { background:url(../images/clubs/LAU/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey9, #template.formazione #team-on-ice .rink .pos[jersey=jersey9], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey9] { background:url(../images/clubs/LAU/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey10 { background:url(../images/clubs/RAP/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey10, #template.formazione #team-on-ice .rink .pos[jersey=jersey10], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey10] { background:url(../images/clubs/RAP/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey11 { background:url(../images/clubs/ZUG/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey11, #template.formazione #team-on-ice .rink .pos[jersey=jersey11], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey11] { background:url(../images/clubs/ZUG/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey12 { background:url(../images/clubs/ZSC/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey12, #template.formazione #team-on-ice .rink .pos[jersey=jersey12], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey12] { background:url(../images/clubs/ZSC/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey13 { background:url(../images/clubs/LAN/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey13, #template.formazione #team-on-ice .rink .pos[jersey=jersey13], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey13] { background:url(../images/clubs/LAN/jersey.png); background-size:contain; background-repeat:no-repeat; } #playerDetail .jersey.jersey14 { background:url(../images/clubs/AJO/jersey_darkshadow.png); background-size:contain; background-repeat:no-repeat; } #boxChoosePlayer .jersey.jersey14, #template.formazione #team-on-ice .rink .pos[jersey=jersey14], #boxChoosePlayer .substitutes .item .jersey[jersey=jersey14] { background:url(../images/clubs/AJO/jersey.png); background-size:contain; background-repeat:no-repeat; } /* -- intro how to play -- */ #intro-how-to-play { z-index:989; width:100%; height:100%; position:absolute; top:0px; background: #000251DD; } #intro-how-to-play .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000251DD; opacity:0.6; z-index:990; } #intro-how-to-play .layerContent { z-index:990; position:absolute; top:50px; width:400px; left:calc(50% - 200px); padding:0 25px; background: transparent linear-gradient(214deg, #020E95 0%, #000251 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; border-radius: 5px; } #intro-how-to-play .layerContent .inner { padding: 75px 0 100px 0; } #intro-how-to-play[page="1"] .layerContent .inner { text-align: center; } #intro-how-to-play h3 { color:#FFF; margin-bottom:10px; font: 600 20px/24px "proxima-nova"; } #intro-how-to-play h4 { color:#FFF; margin-bottom:10px; font: 600 18px/24px "proxima-nova"; } #intro-how-to-play img { max-width: 90%; height: auto; display: block; margin: auto; } #intro-how-to-play .text, #intro-how-to-play p { color:#FFF; font: 500 18px/20px "proxima-nova", sans-serif; } #intro-how-to-play ul, li { color:#FFF; font: 500 18px/20px "proxima-nova", sans-serif; list-style-type:disc; margin-left:25px; } #intro-how-to-play .button { border: 1px solid #2787FF; border-radius: 5px; padding: 10px 15px; color: #FFF; font: 600 16px/20px "proxima-nova", sans-serif; width: auto; position: absolute; bottom: 25px; right: 25px; text-transform: none; } #intro-how-to-play .group_no_more_intro { position: absolute; left: 25px; bottom: 25px; width: 50%; } #intro-how-to-play .group_no_more_intro p { float: left; color:#21FFFF; font: 600 16px/20px "proxima-nova", sans-serif; text-align: left; } #intro-how-to-play .group_no_more_intro input[name=stopIntroHowToPlay] { float: left; border: 1px solid #2787FF; border-radius: 5px; width: 30px; height: 30px; margin: 5px 15px 0 0; } #intro-how-to-play .layerContent { z-index:991; padding-top:25px; } #intro-how-to-play .close { z-index:10; position:absolute; top:10px; right:5px; cursor:pointer; color:#FFF; opacity:1; } #intro-how-to-play .close:hover { opacity:0.8; } #intro-how-to-play .closeLightbox { z-index:10; position:absolute; top:25px; right:40px; cursor:pointer; height:30px; width:30px; } #intro-how-to-play .closeLightbox span { display: block; position: absolute; height: 1px; width: 100%; background: #FFF; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #intro-how-to-play .closeLightbox:hover span { background:#21FFFF; height:2px; } #intro-how-to-play .closeLightbox span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #intro-how-to-play .closeLightbox span:nth-child(2) { opacity: 0; left: -60px; } #intro-how-to-play .closeLightbox span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } #intro-how-to-play.arcade .layerContent { background: transparent linear-gradient(214deg, #EFFFFF 0%, #8BFCFE 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; } #intro-how-to-play.arcade h3 { color:#2D09F5; } #intro-how-to-play.arcade h4 { color:#2D09F5; } #intro-how-to-play.arcade .text, #intro-how-to-play.arcade p { color:#2D09F5; } #intro-how-to-play.arcade ul, #intro-how-to-play.arcade li { color:#2D09F5; } #intro-how-to-play.arcade .closeLightbox span { background:#2D09F5;} /* -- game header -- */ #counter-next-day { text-align:center; font:400 18px/24px "proxima-nova", sans-serif; color:#000133; padding:25px 0 25px 0; background: transparent linear-gradient(267deg, #21FFFF 0%, #21FFFF 0%, #21FFFF 0%, #27FFE9 49%, #31FFC3 100%) 0% 0% no-repeat padding-box; margin:25px 0 20px 0; overflow:visible; position:relative; } #counter-next-day span { color:#000133;} #counter-next-day .counter-next-day { display:inline-block; font-weight:600; } /* -- ads online -- */ .ads { max-width:100% !important; max-height:100% !important; margin:25px auto; overflow:hidden; } .ads img { max-width:100% !important; max-height:100% !important; } .ads .iframe-ads { width:100% !important; overflow:hidden; border: 0; } .ads .ads-league { border-radius:5px; } .ads.hide-desktop { display:none; } .ads.h90, .iframe-h90 { min-height:90px; } .ads.h250, .iframe-h250 { min-height:250px; } .ads.h300, .iframe-h300 { min-height:300px; } .ads.h416, .iframe-h416 { min-height:416px; } .ads.h600, .iframe-h600 { min-height:600px; } body.scrolled .ads.sticky { top:70px !important; } #ads-popup { display:none; position:fixed; z-index:900; bottom:0; width:100%; background:url(../images/misc/dot-525251-80.png); } #ads-popup .close { position:absolute; right:30px; top:7px; color:#FFF; cursor:pointer; font:18px/18px 'Open Sans', sans-serif; } /* -- news feed -- */ .news-feed-list .slick-list { /* margin:0 50px; */ } .news-feed .slide-icon { position:absolute; top:calc(50% - 23px); cursor:pointer; } .news-feed-list .slick-slide { padding-bottom:10px; } .news-feed-list .item .inner { padding:35px 25px; margin:4px 10px; height:280px; position:relative; overflow:hidden; } .news-feed-list .link { display:block; } #partner-news-feed { margin:100px 0 0px 8%; padding:0 0 25px; position:relative; } #partner-news-feed h2 { margin-left:15px; } #partner-news-feed .news-feed-list .item .inner { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 1px 2px 8px #000133; border-radius: 5px; } #partner-news-feed .news-feed-list .pubDate { font:500 20px/22px "proxima-nova"; color:#0501DA; text-align:right; font-style:italic; } #partner-news-feed .news-feed-list .title { font:700 24px/30px "proxima-nova"; color:#000251; display:block; margin-top:25px; } #partner-news-feed .news-feed-list .description { font:400 20px/26px "proxima-nova", sans-serif; color:#000251; margin-bottom:20px; width:90%; } #partner-news-feed .news-feed-list .author { font:400 20px/22px "proxima-nova", sans-serif; color:#0501DA; border-bottom:1px solid transparent; display:inline-block; position:absolute; bottom:25px; } #partner-news-feed .news-feed-list .author:hover { border-bottom:1px solid #0501DA; } #hm-news-feed { margin:30px auto 60px auto; padding:0; position:relative; max-width:860px; } #hm-news-feed .news-feed-list .item .inner { position:relative; height:240px; padding:20px; background: #000133 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border-radius: 5px; display: flex; align-content: center; align-items: center; } #hm-news-feed .news-feed-list .latest-news { display:none; text-align: center; width:40%; height:100%; background: transparent linear-gradient(236deg, #5900FC 0%, #FF00E8 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border-radius: 5px; } #hm-news-feed .news-feed-list .item.top .latest-news, #hm-news-feed .news-feed-list .item.blick .latest-news { display:inline-block; } #hm-news-feed .news-feed-list .item.blick .latest-news { background:#e20000; } #hm-news-feed .news-feed-list .item.blick .latest-news p { animation: headShake 2s; animation-iteration-count:4; } #hm-news-feed .news-feed-list .latest-news p { color:#FFF; font:600 40px/50px "proxima-nova"; margin-top: 32%; } #hm-news-feed .news-feed-list .ctn { width:100%; height:calc(100% - 30px);padding:15px 25px; } #hm-news-feed .news-feed-list .item.top .ctn, #hm-news-feed .news-feed-list .item.blick .ctn { width:60%; } #hm-news-feed .news-feed-list .title { font:600 28px/34px "proxima-nova"; color:#FFF; display:block; } #hm-news-feed .news-feed-list .description { font:400 22px/26px "proxima-nova", sans-serif; margin:20px 0 10px 0; color:#FFF; } #hm-news-feed .news-feed-list .more { position:absolute; bottom:10px; right:20px; font:700 18px/24px "proxima-nova"; color:#FFF; } #hm-news-feed .news-feed-list .pubDate { display:none; font:400 16px/22px "proxima-nova", sans-serif; color:#FFF; margin-bottom:20px; } #hm-news-feed .news-feed-list .author { font:400 18px/26px "proxima-nova", sans-serif; color:#FFF; border-bottom:1px solid #FFF; display:inline-block; } /* trofei */ .first-place { color:#FFD700; } .second-place { color:#C0C0C0; } .third-place { color:#CD7F32; } .fourth-place { color:#CAA472; } /* -- accordion */ .accordion { margin-top:25px; } .accordion:after { content: ""; display: block; clear:both; } .accordion:first-child { margin-top:0; } .accordion .title { font:600 24px/70px "proxima-nova"; text-transform:uppercase; padding-left:25px; cursor:pointer; background: transparent linear-gradient(255deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box;box-shadow: 1px 2px 4px #000133; border: 1px solid #2787FF; border-radius: 5px; } .accordion .title:after { font-family: "Font Awesome 5 Pro"; font-size:20px; content:"\f078"; position:absolute; top:0; right:25px; color:#FFF; } .accordion.active .title:after { content:"\f077"; } .accordion.link .title:after { content:"\f178"; } .accordion.active .title { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .accordion .title:hover, .accordion.active .title { background: transparent linear-gradient(1deg, #2787FF 0%, #21FFFF 100%) 0% 0% no-repeat padding-box; border: 1px solid transparent; } .accordion .title a { color:#FFF; display:block; } .accordion .content { padding:25px; background:#000251; display:none;border-radius: 5px; } /* -- columns -- */ .columns { max-width:1920px; margin:0 auto;} .columns:after { content: ""; display: block; clear:both; } .column-left { /* float:left; width:1440px; */ width:100%; -webkit-box-sizing:border-box; box-sizing: border-box; overflow:hidden; } .column-left:after { content: ""; display: block; clear:both; } .column-left .col-ads, .column-left .col-ads-2 { float:left; width:300px; padding:50px 0 0 0; } .column-left .col-ads-2 { display:none; float:right; } .column-left .col-ads > .ads, .column-left .col-ads-2 > .ads { margin-top:0; } .column-left .col-ctn { float:left; width:calc(100% - 300px); padding:50px 0 0 80px; } .column-right { display:none !important; float:left; width:480px; } /* -- templates -- */ #template { position:relative; z-index:1; width:100%; height:100%; margin:0; } #template:after { content: ""; display: block; clear:both; } #template h2 { font:700 44px/53px "proxima-nova"; } #template .far.fa-copy { color:#999; font-size:22px; line-height:23px; cursor:pointer; } #template .far.fa-copy:hover { color:#FFF; } #template .column-left { padding:0 140px 50px 20px; -webkit-box-sizing:border-box; box-sizing: border-box; overflow:hidden; } /* medium buttons */ #template .medium-button { position:relative; float:left; margin:0 10px 20px 10px; background: #0d3756; width:calc(33.3% - 50px); padding:15px; } #template .medium-button:hover { background: #214a66; } #template .medium-button i { color:#FFF; font-size:25px; } #template .medium-button a { font: 600 25px/50px "proxima-nova"; color: #21FFFF; display:block; } #select-my-teams { margin-bottom:30px; } body[t=dashboard] #select-my-teams { margin-bottom:0; } #select-my-teams .inner { padding:16px 11px 11px 17px; } #select-my-teams .i1 { padding-right:7px; /* padding-right:11px; padding-left:3px; */ } #select-my-teams .i2 { padding:0 4px 0 3px; } #select-my-teams .i3 { padding-left:7px;} #select-my-teams .button-medium { float:left; width:calc(100% - 5px); height:130px; margin:0; } #select-my-teams .button-medium:after { font-size:26px; } #select-my-teams .button-medium .team-name { margin-top:10px; } #select-my-teams .button-medium .title { top: calc(50% - 20px); } #select-my-teams .button-medium.active:after { content: "\f2f7"; font-family: "Font Awesome 6 Pro"; font-weight:300; position:absolute; top: auto; bottom:5px; right:15px; font-size:25px; color:#00D269; background: none; width: auto; height: auto; } #select-my-teams .button-arcade-2023 { opacity:1; width:100%; /* animation: pulse 1.2s infinite; */ } #select-my-teams .button-arcade-2023:hover { opacity:.8; } #select-my-teams .button-challenge-friends-league { padding: 15px 5px; border-radius: 5px; color: #000133; background: transparent linear-gradient(267deg, #21FFFF 0%, #21FFFF 0%, #21FFFF 0%, #27FFE9 49%, #31FFC3 100%) 0% 0% no-repeat padding-box; margin: 15px 0; display: flex; justify-content: center; } #select-my-teams .button-challenge-friends-league:hover { background: #31FFC3; } #select-my-teams .button-challenge-friends-league img { width: auto; height: 28px; margin: 0 10px 0 0; position: relative; top: -1px; } #select-my-teams .button-challenge-friends-league a { color: #000133; font: 600 18px / 24px "proxima-nova", sans-serif; } .game-status { width:calc(100% - 20px); margin:50px 10px; padding:25px; } .game-status h3 { color:#000251; } .game-status .sep { width: 100%; height: 1px; background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(2,2,128,1) 50%, rgba(255,255,255,1) 100%); margin: 0 0 10px 0; } .game-status .item { border-bottom:1px solid #F0F0F0; padding:10px; } .game-status .item:hover { background: linear-gradient(265deg, rgba(33,255,255,1) 24%, rgba(33,255,255,1) 39%, rgba(33,255,255,1) 56%, rgba(39,255,233,1) 74%, rgba(49,255,195,1) 100%); } .game-status .item p, .game-status .item div { display:inline-block; padding:3px 5px; margin:0; } .game-status .item .date { font:600 16px/20px "proxima-nova"; color:#000251; } .game-status .item .text { font:600 16px/20px "proxima-nova"; color:#000251; } .game-status .item .result { position:relative; top:-2px; background:#EEE; border-radius: 4px; font:700 11px/13px "proxima-nova"; color:#000251; padding:5px 10px; } .game-status .item .result.confirmed { background:#75FB93; } /* -- newsletter blick -- */ #newsletter-blick-fr { margin: 125px 0 0 0; } #newsletter-blick-fr h2 { text-align:center; background:none; } #newsletter-blick-fr h2:before { z-index:1; content:""; position:absolute; top:24px; bottom:0; left:0; border-top:1px solid #21FFFF; height:1px; width:35%; margin:-10px auto; } #newsletter-blick-fr h2:after { z-index:1; content:""; position:absolute; top:24px; bottom:0; right:0; border-top:1px solid #21FFFF; height:1px; width:35%; margin:-10px auto; } #newsletter-blick-fr h2 span { z-index:2; position:relative; color:#FFF; background: #0e202e; } #newsletter-blick-fr iframe { width:80%; margin:0 10%; height:226px; } /* filter */ .transfers-filter-2023 { padding:0; margin:0 0 25px 0; } .transfers-filter-2023:after { content: ""; display: block; clear:both; } .transfers-filter-2023 .item { float:left; padding:0 10px; margin-bottom:15px; } .transfers-filter-2023 .item:first-child() { padding-left:0; } .transfers-filter-2023 .item:last-child() { padding-right:0; } .transfers-filter-2023 .item .select { position:relative; float: left; display:inline-block; margin:0; padding:0; width: 100%; } .transfers-filter-2023 .item .select:after { content:"\f105"; font-family: 'Font Awesome 5 Pro'; font-weight:300; font-size:18px; right: 10px;top: calc(50% - 9px); position: absolute; color: #FFF; z-index: 1; pointer-events: none; box-sizing: border-box; } .transfers-filter-2023 label { font:600 20px/24px "proxima-nova"; color:#FFF; display:block; margin-bottom:5px; } .transfers-filter-2023 select, .transfers-filter-2023 input { position:relative; -webkit-box-sizing:border-box; box-sizing: border-box; width:100%; height:52px; padding:0px 10px; margin:0; color:#FFF; font:600 18px/48px "proxima-nova", sans-serif; background: transparent linear-gradient(71deg, #01006C 0%, #020882 62%, #020E95 100%) 0% 0% no-repeat padding-box; border: 1px solid #FF21EB; border-radius: 5px; display:block; } .transfers-filter-2023 select { cursor:pointer; -moz-appearance:none; -webkit-appearance:none; appearance:none; } .transfers-filter-2023 select::-webkit-scrollbar { background:#020E95; } .transfers-filter-2023 select option { background:#020E95; } .transfers-filter-2023 .filter-price span { float:left; font:600 14px/52px "proxima-nova"; color:#FFF; text-transform:uppercase; margin-right:10px; } .transfers-filter-2023 .filter-price span.a { margin-left:10px; } .transfers-filter-2023 .filter-price .select { width:70px; } .transfers-filter-2023 .filter-price select { float:left; text-align:center; } /* trades (transfers, draft,...) */ .widget-trades-2023 .wish-list-2023 { width:100%; } .widget-trades-2023 .wish-list-2023 .title { color:#000251; font:700 34px/30px "proxima-nova"; text-align:center; padding:15px 0; } .widget-trades-2023 .wish-list-2023 .tobuy, .widget-trades-2023 .wish-list-2023 .tosell { border-radius:5px; border:1px solid #2787FF; margin-right:5px; } .widget-trades-2023 .wish-list-2023 .tobuy, .widget-trades-2023 .wish-list-2023 .tobuy .total { background:#75FB93; } .widget-trades-2023 .wish-list-2023 .tosell, .widget-trades-2023 .wish-list-2023 .tosell .total { background:#FF4848; } .widget-trades-2023 .wish-list-2023 .table { background:#FFF; width:100%; padding:2px; } .widget-trades-2023 .wish-list-2023 .table .tr:hover { background:none; } .widget-trades-2023 .wish-list-2023 .table .tr .td { color:#000251; font:600 20px/24px "proxima-nova"; overflow:hidden; overflow-wrap: break-word; height:auto; border-bottom:0; padding:7px; cursor:pointer; } .widget-trades-2023 .wish-list-2023 .table .tr .td img.flag { border:1px solid #EEE; width: 30px; border-radius:4px; } .widget-trades-2023 .wish-list-2023 .cart .table .tr.role .td.accordion-icon { cursor:pointer; } .widget-trades-2023 .wish-list-2023 .cart .table .tr.role .td.accordion-icon:after { font-family: "Font Awesome 5 Pro"; font-size:14px; content:"\f077"; position:relative; top:0px; margin:0 0 0 10px; } .widget-trades-2023 .wish-list-2023 .cart .table .tr.role.open .td.accordion-icon:after { content:"\f078"; } .widget-trades-2023 .wish-list-2023 .table .tr .td.cancel i { font-size:16px; cursor:pointer; color:#F40000; } .widget-trades-2023 .wish-list-2023 .table .tr .td.cancel i:hover { font-weight:600; } .widget-trades-2023 .wish-list-2023 .total { font:700 20px/24px "proxima-nova"; color:#000251; padding:10px 0; border-radius:0 0 5px 5px; } .widget-trades-2023 .wish-list-2023 .total .label { padding:0 0 0 15px; } .widget-trades-2023 .wish-list-2023 .total .value { padding: 0 2% 0 0; text-align:right; } .widget-trades-2023 .wish-list-2023 .empty-cart { font-size:1.15rem; line-height:1.3rem; color:#000251; background:#FFF; padding:15px 15px 35px 15px; border-radius:0 0 5px 5px; } .widget-trades-2023 .wish-list-2023 .recap { padding:20px 10px 27px 10px; } .widget-trades-2023 .wish-list-2023 .recap .title { font:700 34px/30px "proxima-nova"; padding:0 0 15px 0; } .widget-trades-2023 .wish-list-2023 .recap .result .column { text-align:center; } .widget-trades-2023 .wish-list-2023 .recap .result .label { color:#0501DA; font:600 22px/30px "proxima-nova"; } .widget-trades-2023 .wish-list-2023 .recap .result .value { color:#000251; font:600 24px/30px "proxima-nova"; } .widget-trades-2023 .wish-list-2023 .recap .result .value.over { color:#F40000; } .widget-trades-2023 .wish-list-2023 .button.confirm { width:calc( 100% - 2px); margin:0; text-transform:none; } .widget-trades-2023 .wish-list-2023 .button.confirm.disabled { cursor:auto; opacity:0.3; } .widget-trades-2023 .wish-list-2023 .button.confirm.disabled:hover { background: transparent linear-gradient(263deg, #020E95 0%, #020280 100%) 0% 0% no-repeat padding-box; color:#FFF; border: 1px solid #2787FF; } .widget-trades-2023 .player-lists .player-list { padding:10px; } .widget-trades-2023 .player-lists .player-list .inner { border: 1px solid #000131; background: #01006C 0% 0% no-repeat padding-box; box-shadow: 1px 2px 2px #00013380; } .widget-trades-2023 .player-lists .title { color:#FFF; font:600 26px/26px "proxima-nova", sans-serif; padding:30px 0; text-align:center; background: #01006C 0% 0% no-repeat padding-box; box-shadow: 1px 2px 2px #00013380; margin:0 0 3px 0; } .widget-trades-2023 .player-lists .col-myteam .title { background: transparent linear-gradient(270deg, #21FFFF 0%, #803BFF 100%) 0% 0% no-repeat padding-box; } .widget-trades-2023 .player-lists .title .club-logo { position:relative; z-index:2; width:auto; height:50px; top:17px; margin:-30px 5px 0 0; } .widget-trades-2023 .player-lists .table { width:100%; } .widget-trades-2023 .player-lists .table .tr.header .td { background:none; font:600 18px/18px "proxima-nova"; } .widget-trades-2023 .player-lists .table .tr.header .td i { font-size:16px; } .widget-trades-2023 .player-lists .table .tr .td { height:50px; padding:0 5px; } .widget-trades-2023 .player-lists .table .tr .td.name { cursor:pointer; } #draft.widget-trades-2023 .wish-list-2023 { float:left; width:40%; } #draft.widget-trades-2023 .wish-list-2023 .total:nth-child(3) { padding: 5px 0 20px 0; } #draft.widget-trades-2023 .wish-list-2023 .total .value { padding: 0 12% 0 0; } #draft.widget-trades-2023 .wish-list-2023 .table .tr .td { padding:3px 6px; } #draft.widget-trades-2023 .wish-list-2023 .table .tr.role { background: #75FB9350; } #draft.widget-trades-2023 .wish-list-2023 .table .tr.role .td { background: #75FB9350; padding:3px 10px; } #draft.widget-trades-2023 .wish-list-2023 .button.confirm { width:100%; } #draft.widget-trades-2023 .freeagents-list { float:right; width:calc(60% - 15px); } #draft.widget-trades-2023 .freeagents-list .player-list { padding-top:0; } /* -- top leagues -- */ #dashboard-top-leagues.box-pink { margin:50px 0; padding:25px; } #dashboard-top-leagues.box-pink h3 { font:700 36px/44px "proxima-nova", sans-serif; margin-bottom: 0; } #dashboard-top-leagues.box-pink img.img { float:left; max-width:150px; margin-top: 10px; } #dashboard-top-leagues.box-pink .t { float:left; padding:0 25px; width:calc(100% - 200px); padding-top:5px; } #dashboard-top-leagues.box-pink .t .text { font-size:23px; margin: 10px 0 0 0; } #dashboard-top-leagues.box-pink .c3 { text-align:center; padding-top:10px; } #dashboard-top-leagues.box-pink .c3 .button-blue-light { padding:18px 60px; width:auto; box-shadow: 1px 2px 4px #00013333; display: inline-block; } #dashboard-top-leagues.box-pink .c3 .button-blue-light span { color:#000133; text-transform:none; font-size:24px; font-weight:700; } /* -- sezioni -- */ #template .section:after { content: ""; display: block; clear:both; } #template.pagina-interna .text img { max-width:100% !important; height:auto !important; } #template.pagina-interna.accordions .items { margin:20px 0 0 0; } #template.pagina-interna.accordions .items .item { padding:15px 0; border-top:1px solid #0C37DD; } #template.pagina-interna.accordions .items .item .label { position:relative; cursor:pointer; color:#FFF; font:700 24px/26px "proxima-nova"; padding-right: 30px; } #template.pagina-interna.accordions .items .item .label:hover { color:#0160FF; } #template.pagina-interna.accordions .items .item .label:after { font-family: "Font Awesome 5 Pro"; font-size:24px; font-weight:300; content:"\2b"; position:absolute; top:0; right:0; color:#FFF; } #template.pagina-interna.accordions .items .item .label:hover:after { color:#0160FF; } #template.pagina-interna.accordions .items .item.selected .label { color:#0160FF; } #template.pagina-interna.accordions .items .item.selected .label:after { content:"\58"; font-size:20px; margin-right:2px; } #template.pagina-interna.accordions .items .item .ctn { display:none; color:#FFF; font:400 20px/26px "proxima-nova", sans-serif; padding:10px 30px 10px 0; } #template.pagina-interna.accordions .items .item.selected .ctn { display:inline-block; } #template.pagina-interna.accordions .items .item .ctn ul li { list-style-type:disc; margin-left:25px; } #template .section.homepage-intro { padding:30px 0; } #template .section.homepage-intro .button-small { padding: 25px 0px; width: 266px; } #template.dashboard .last-games-my-teams { margin:0 0 0 0; } #template.dashboard .last-games-my-teams .c7 { padding-right:30px; } #template.dashboard .last-games-my-teams .item { height:300px; text-align:center; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; background: transparent linear-gradient(227deg, #020E95 0%, #000251 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border-radius: 5px; margin: 10px; width: calc(100% - 15px); } #template.dashboard .last-games-my-teams .item .status { font:700 20px/22px "proxima-nova"; color: #FF21EB; margin: 0 0 5px 0;} #template.dashboard .last-games-my-teams .item .date { font:400 26px/32px "proxima-nova", sans-serif; color:#FFF; } #template.dashboard .last-games-my-teams .item .team-name { font:600 44px/53px "proxima-nova"; color: #FF21EB; margin: 15px 0;} #template.dashboard .last-games-my-teams .item .team-points { font:600 90px/110px "proxima-nova"; color:#FFF; position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; } #template.dashboard .last-games-my-teams .list-transfers .table .tr.header .td { height:40px; font: 600 16px/24px "proxima-nova"; } #template.dashboard .last-games-my-teams .list-transfers .table .td.info { text-align:left; } #template.dashboard .last-games-my-teams .list-transfers h3 { font:600 33px/40px "proxima-nova", sans-serif; background: #01006C 0% 0% no-repeat padding-box; box-shadow: 1px 2px 2px #00013380; opacity: 1; text-align:center; padding:20px 0; } #template.dashboard .last-games-my-teams .list-transfers .table { width:100%; } #template.dashboard .last-games-my-teams .list-transfers .title { font:700 23px/60px "proxima-nova"; text-align:center; color:#000133; padding:5px 0; text-transform:uppercase; margin-top: 40px; } #template.dashboard .last-games-my-teams .list-transfers .list-in { margin-bottom:25px; } #template.dashboard .last-games-my-teams .list-transfers .list-in .title { background:#99f89d; } #template.dashboard .last-games-my-teams .list-transfers .list-out .title { background:#ec5750; } #template.dashboard .last-games-my-teams .list-transfers .navTransfersMobile { display:none; } #template.dashboard .unreaded-mailbox { position:relative; padding:25px 50px; background:#FF1400; margin:0 0 50px 0; } #template.dashboard .unreaded-mailbox a { color:#FFF; display:block; font:600 18px/24px "proxima-nova"; } #template.dashboard .unreaded-mailbox:after { font-family: "Font Awesome 5 Pro"; font-size:24px; content:"\f813"; position:absolute; top:35%; right:25px; color:#FFF; } #template .section.homepage-spiegazione { padding:70px 0; margin-bottom:1px; } #template .section.homepage-spiegazione .box-white h3 { font: 700 32px/39px "proxima-nova"; } #template .section.homepage-spiegazione .only-mobile { display:none; } #template .section.homepage-spiegazione .c10 .c7 { padding-right:8%; } #template .section.homepage-spiegazione .items { margin-top:25px; } #template .section.homepage-spiegazione .items .item { position:relative; padding:0; width:100%; margin-bottom:20px; } #template .section.homepage-spiegazione .items .item .icon { float:left; position:relative; width:50px; height:80px; } #template .section.homepage-spiegazione .items .item .t { position:relative; float:left; padding-left:20px; width:calc(100% - 75px); } #template .section.homepage-spiegazione .items .item.button-10 .icon { background:url(../images/2023/logos/homepage-spiegazione-amici.svg) no-repeat; } #template .section.homepage-spiegazione .items .item.button-11 .icon { background:url(../images/2023/logos/homepage-spiegazione-mercato.svg) no-repeat;} #template .section.homepage-spiegazione .items .item.button-12 .icon { background:url(../images/2023/logos/homepage-spiegazione-nationalleague.svg) no-repeat; } #template .section.homepage-spiegazione .items .item.button-13 .icon { background:url(../images/2023/logos/homepage-spiegazione-social.svg) no-repeat;} #template .section.homepage-spiegazione .homepage-login p, #template .section.homepage-spiegazione .homepage-login .text { color:#020E95; } #template .section.homepage-spiegazione .homepage-login form.frm button { margin-top:0; font:700 26px/32px "proxima-nova", sans-serif; width:100%; max-width:100%; margin-bottom:20px; border-color:#020E95; background:#010D9B; } #template .section.homepage-spiegazione .homepage-login form.frm input { width:100%; max-width:100%; height:60px; font: 400 25px/55px "proxima-nova", sans-serif; } #template .section.homepage-spiegazione .homepage-login form.frm input.checkbox { width:20px; height:20px; } #template .section.homepage-spiegazione .homepage-login img.facebook { cursor:pointer; } #template .section.homepage-spiegazione .homepage-login .short-links { margin:10px 0; } #template .section.homepage-spiegazione .homepage-login .short-links i { color:#020E95; opacity:0.7; padding:0 10px 0 0; font-size:20px; } #template .section.homepage-spiegazione .homepage-login .short-links .arrow-blue { margin-right: 10px; } #template .section.homepage-spiegazione .homepage-login a { display:inline-block; margin:5px 0; color:#020E95; } #template .section.homepage-spiegazione .homepage-login a.password { font:600 16px/24px "proxima-nova", sans-serif; border-bottom:1px solid transparent; } #template .section.homepage-spiegazione .homepage-login a.password:hover { border-bottom:1px solid #020E95; } #template .section.homepage-spiegazione .homepage-login a.registrati { font:600 20px/22px "proxima-nova"; } #template .section.homepage-spiegazione .homepage-login a.registrati span { font:600 16px/22px "proxima-nova"; color:#020E95; border-bottom:1px solid transparent; /* background:#21FFFF; */ padding:10px 15px; text-transform:uppercase; margin:0 0 0 15px; letter-spacing:1px; } #template .section.homepage-spiegazione .homepage-login a.registrati span:hover { color:#FFF; background:#999; } #template .section.homepage-spiegazione .homepage-login .group.save { margin:10px 0 0 0; } #template .section.homepage-spiegazione .homepage-login .group.save input, #template .section.homepage-spiegazione .homepage-login .group.save p { float:left; color:#000133; } #template .section.homepage-spiegazione .homepage-login .group.save p { line-height:27px;} #template .section.homepage-spiegazione .homepage-login .group.save input { margin-right:10px; } #template .section.homepage-spiegazione .homepage-login .alert { font:400 14px/20px "proxima-nova", sans-serif; color:#020E95; } #template .section.homepage-spiegazione .homepage-login .sign-up { display:none; } #template .section.homepage-spiegazione .homepage-login .sign-up hr { height:1px; width:100%; background: transparent linear-gradient(270deg, #FFFFFF 0%, #020E95 52%, #FFFFFF 100%) 0% 0% no-repeat padding-box; margin:30px 0; } #template .section.homepage-spiegazione .box-pink { margin-top:50px; } #template .section.homepage-spiegazione .box-pink h3 { font:700 36px/44px "proxima-nova", sans-serif; } #template .section.homepage-spiegazione .box-pink img.img { float:left; max-width:150px; margin-top: 10px; } #template .section.homepage-spiegazione .box-pink .t { float:left; padding:0 25px; width:calc(100% - 200px); padding-top:5px; } #template .section.homepage-spiegazione .box-pink .t .text { font-size:23px; } #template .section.homepage-spiegazione .box-pink .c3 { text-align:center; padding-top:10px; } #template .section.homepage-spiegazione .box-pink .c3 .button-blue-light { padding:18px 60px; width:auto; box-shadow: 1px 2px 4px #00013333; display: inline-block; } #template .section.homepage-spiegazione .box-pink .c3 .button-blue-light span { color:#000133; text-transform:none; font-size:24px; font-weight:700; } #template .itemsMiaMaglia .item { padding:10px; margin-bottom:25px; height:auto; text-align:center; max-height:342px; } #template .itemsMiaMaglia .item .inner { padding:30px; height:auto; background: #000251 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border-radius: 5px; } #template .itemsMiaMaglia .item.selected .inner { border:10px solid #00FF00; height:auto; } #template .itemsMiaMaglia .item.selected img.img { height:206px; margin:21px 0;} #template .itemsMiaMaglia .item img.img { height:200px;} #template .itemsMiaMaglia .item .c9 { padding:0 25px; } #template .itemsMiaMaglia .item .button { width:auto; margin-top:25px; } #template .itemsMiaMaglia .item .button.fantacoin { margin-top:10px; } #template .messagesFeed .message { position:relative; display:block; padding:50px 30px; border-bottom:2px solid #0501DA; } #template .messagesFeed .message .title { text-transform:uppercase; font-weight:600; } #template .messagesFeed .message .description { padding:10px 25px 30px 0; } #template .messagesFeed .message .new { color:#21FFFF; font:600 16px/24px "proxima-nova"; text-transform:uppercase; position:absolute; top:30px; right:15px; } #template .messagesFeed .message .bottom { border-top:1px solid #0b3d5a; border-bottom:0; border-right:0; height:30px; padding-top:5px; margin-top:40px; padding:15px 0 } #template .messagesFeed .message .bottom .sender { float:left; font:400 16px/26px "proxima-nova", sans-serif; color:#CCC; } #template .messagesFeed .message .bottom .delete { font:400 20px/30px "proxima-nova", sans-serif; float:right; color:#CCC; padding-right:15px; } #template .messagesFeed .message .bottom .delete:hover { line-height:30px; color:#FFF; } #template .messagesFeed .message .bottom .delete i { font-weight:300; } #template .very-important-message { /* background:#F00; */ color:#FFF; padding:25px; } #template .very-important-message .text { } #template.profilo-manager .inner { background: transparent linear-gradient(180deg, #01006C 0%, #010036 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; } #template.profilo-manager .manager-sheet { padding:0 30px 0 0; } #template.profilo-manager .manager-sheet .box { text-align:center; } #template.profilo-manager .manager-sheet .box .inner { padding:90px 10px; } #template.profilo-manager .logo-hm { max-width:90%; height:auto; } #template.profilo-manager h1 { font:600 italic 60px/75px "proxima-nova"; text-transform:uppercase; color:#FFF; } #template.profilo-manager .jersey { max-width:400px; height:auto; margin:auto;} #template.profilo-manager .c7 .title { height: 40px; color:#2787FF; font:700 33px/30px "proxima-nova"; margin-bottom:10px; } #template.profilo-manager .c7 .subtitle { height: 40px; color:#2787FF; font:600 25px/30px "proxima-nova"; margin-bottom:10px; } #template.profilo-manager .c7 .text { height: 40px; color:#FFF; font:500 25px/35px "proxima-nova"; } #template.profilo-manager .attuale { text-align: left; padding: 30px 40px 0 50px; } #template.profilo-manager .storico { text-align: left; padding: 50px 40px 0 40px; } #template.profilo-manager .storico hr { height:1px; width:100%; background: transparent linear-gradient(270deg, #010036 0%, #2787FF 52%, #010036 100%) 0% 0% no-repeat padding-box; margin:0 0 50px 0; } #template.profilo-manager .storico .title2 { cursor: pointer; position: relative; height: 40px; color:#FFF; font:600 29px/30px "proxima-nova"; margin-bottom:10px; } #template.profilo-manager .storico .title2:after { font-family:"Font Awesome 5 Pro"; margin: 0 0 0 20px; content:"\f105"; color:#FFF; position:absolute; top:0; font-size:22px; font-style: normal; } #template.profilo-manager .storico .accordion.selected .title2:after { content:"\f107"; } #template.profilo-manager .storico .accordion .subtitle { display: none; } #template.profilo-manager .storico .accordion.selected .subtitle { display: inline-block; } #template.profilo-manager .button-medium.trofei { margin:50px 0 0 0; padding: 20px 0; width: 70%; font-weight: 600; } #template.profilo-manager .button-medium.trofei:after { display: none; } #template.profilo-manager .c5 .inner { border: 1px solid #000131; background:#000131; } #template.profilo-manager .c5 .main-title { padding:30px 0; background:#01006C; width:100%; color:#FFF; font:600 28px/35px "proxima-nova"; text-align:center; } #template.profilo-manager .c5 .list { background: transparent linear-gradient(270deg, #0501DA 0%, #020280 51%, #01006C 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #00013380; margin-top:40px; } #template.profilo-manager .c5 .list .title { color:#2787FF; font:600 26px/32px "proxima-nova"; border-bottom:1px solid #2787FF; padding:14px 18px; } #template.profilo-manager .c5 .list .title i { position:relative; top:1px; margin:0 15px 0 0; font-size:28px; } #template.profilo-manager .c5 .list .lega { color:#FFF; font:400 22px/30px "proxima-nova", sans-serif; padding:14px 18px; border-bottom:1px solid #0401b6; } #template.profilo-manager .c5 .list .lega a { color:#FFF; border-bottom:1px solid #FFF; } #template.profilo-manager .c5 .list .lega a:hover { border-color:transparent; } /* #template.profilo-manager .awards { font:400 30px/38px "proxima-nova", sans-serif; color:#FFF; margin:30px 0 0 0; } #template.profilo-manager .awards .label { text-align:right; padding-right:10px; } #template.profilo-manager .awards .value { text-align:left; padding-left:10px; } #template.profilo-manager .awards .value.trofei { font:400 24px/38px "proxima-nova", sans-serif; } #template.profilo-manager .social { margin:100px 0 0 0; } #template.profilo-manager .social hr { height:1px; width:100%; background: transparent linear-gradient(270deg, #010036 0%, #2787FF 52%, #010036 100%) 0% 0% no-repeat padding-box; margin:0 0 40px 0; } #template.profilo-manager .social i { font-weight:100; font-size:40px; margin:0 25px 0 0; } #template.profilo-manager .social a { color:#2787FF; } #template.profilo-manager .social a:hover { color:#21FFFF; } */ #template.news-dettaglio .text img.img { max-height:400px !important; height:auto !important; float:right; margin:0 0 25px 25px; } #template.formazione #team-on-ice .rink .pos { } #template.formazione #team-on-ice .rink .pos[jersey=jersey0] { background:url(../images/misc/jersey-default.png); background-size:contain; background-repeat:no-repeat; } #template.transfers-classico .info-panel { margin-top:-25px; } #template.transfers-classico .info-panel .top { margin-bottom:10px; } #template.transfers-classico .info-panel .top .c6 .c4 .box, #template.transfers-classico .info-panel .info-available-transfers { min-height:140px; } #template.transfers-classico .info-panel .info-available-transfers { padding:15px; margin: 0 5px 0 0; text-align:center; background: transparent linear-gradient(180deg, #0501DA 0%, #03016D 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #00013380; border-radius:5px; -webkit-box-sizing:border-box; box-sizing: border-box; } #template.transfers-classico .info-panel .info-available-transfers .next-transfer-period { font:400 26px/32px "proxima-nova", sans-serif; color:#FFF; } #template.transfers-classico .info-panel .info-available-transfers .next-transfer-period-2 { font:400 22px/28px "proxima-nova", sans-serif; color:#FFF; margin-top:5px; } /* #template.transfers-classico .info-panel .info-available-transfers .next-transfer-period-notes { font:400 16px/20px "proxima-nova", sans-serif; color:#FFF; margin-top:-15px; text-align: center; } */ #template.transfers-classico .info-panel .info-available-transfers .next-transfer-period-notes { font:400 16px/20px "proxima-nova", sans-serif; color:#FFF; margin-top:-15px; text-align: center; } #template.transfers-classico .info-panel .top .c6 .c4 .box { padding:25px 5px 5px 5px; margin: 0 2px; text-align:center; overflow:hidden; } #template.transfers-classico .info-panel .top .c6 .c4 .box .value { font:600 50px/60px "proxima-nova"; color:#01006C; } #template.transfers-classico .info-panel .top .c6 .c4:nth-child(3) .box .value i { font-size:40px; } #template.transfers-classico .info-panel .top .c6 .c4 .box .label { font:600 20px/26px "proxima-nova"; color:#01006C; } #template.transfers-classico .box.filter-teams-list { padding:30px 5px; background: transparent linear-gradient(180deg, #01006C 0%, #000251 100%) 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #000133; border-radius: 0 0 5px 5px; } #template.transfers-classico .navPlayerListMobile { display:none; } #template.draft-classico .transfers-filter-2023 hr { height: 1px; width: 100%; background:#0C37DD; } #template.draft-classico .transfers-filter-2023 hr.top { margin: 25px 0; } #template.draft-classico .transfers-filter-2023 hr.bottom { margin:25px 0 10px 0; } #template.stats h2 { font:600 38px/44px "proxima-nova"} #template.stats .buttons { margin-bottom:50px; } #template.stats .buttons .button-big { width:calc(100% - 20px); margin:2px 20px 25px 2px; height: 90px; display: flex; align-content: center; justify-content: center; align-items: center; text-transform: none; } #template.stats .buttons .button-big:after { content: ""; display: none; } #template.stats .buttons .button-big i { display: none; font-weight:100; } #template.calendario .list { } #template.calendario .list hr { height: 1px; width: 100%; background: #0C37DD; margin:0 0 50px; } #template.calendario .list h3 { margin:30px 0 10px 0; font: 700 32px/50px "proxima-nova"; } #template.calendario .list .item { position:relative; display:inline-block; width:calc(100% - 5px); border-radius:5px; margin-bottom:10px; background: linear-gradient(90deg, rgba(1,0,109,1) 40%, rgba(2,2,141,1) 75%, rgba(5,1,216,1) 100%); border: 1px solid #0401c4; box-shadow: 1px 2px 4px #000133; } #template.calendario .list .item:hover { background: #0501d8; } #template.calendario .list .item .link { position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; } #template.calendario .list .item .column { padding:20px 10px; color:#FFF; text-align:center; } #template.calendario .list .item .column.date { font: 700 30px/70px "proxima-nova", sans-serif; } #template.calendario .list .item .column.vs { font:700 35px/70px "proxima-nova", sans-serif; } #template.calendario .list .item .column.score { font:700 35px/70px "proxima-nova", sans-serif; position:relative; } #template.calendario .list .item .column.score em { font:600 18px/18px "proxima-nova", sans-serif; position:absolute; margin-top: -18px; left: 0; right: 0; } #template.calendario .list .item .column.arena { font:600 25px/30px "proxima-nova", sans-serif; padding-top:40px; text-align:left; } #template.calendario .list .item .column.club img { height:70px; width:auto; } #template.cookies table th, #template.cookies table td { color: #FFF !important; } #template.cookies table th a, #template.cookies table td a { color: #21FFFF !important; } #template.cookies .CookieDeclarationType { border-color:#FFF; } .lega-privata-wrapper { background: #000251; } .lega-privata-wrapper .lega-header { position: relative; height: 245px; box-shadow: 1px 2px 4px #000133; border-radius: 5px; } .lega-privata-wrapper .lega-header.with-ads { height: auto; box-shadow:none; } .lega-privata-wrapper .lega-header.with-ads .ads-league { margin: 0 0 0 0; } .lega-privata-wrapper .lega-header h1 { font: normal normal 600 33px/40px Proxima Nova; background: #000251 0% 0% no-repeat padding-box; position: absolute; bottom:0; left: 0; padding: 20px 40px; margin: 0; border-radius: 0px 5px 0px 0px; } .lega-privata-wrapper .lega-header.with-ads h1 { position: relative; } .lega-privata-wrapper .lega-privata-inner { padding: 50px 20px 20px 20px; } .lega-privata-wrapper .lega-tabs { background: #041063; } .lega-privata-wrapper .lega-tabs .tab { background: #041063; color: #FFF; line-height: 80px; font: normal normal 600 33px/79px Proxima Nova; text-align: center; cursor: pointer; border: 1px solid #2787FF1A; border-radius: 5px; border-bottom:1px solid #2787FF; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-left: 0; } .lega-privata-wrapper .lega-tabs .tab:hover { background: #000251;} .lega-privata-wrapper .lega-tabs .tab.disabled { background: #04106340; color: #FFFFFF40; cursor: auto; } .lega-privata-wrapper .lega-tabs .tab.disabled:hover { background: #04106340;} .lega-privata-wrapper .lega-tabs .tab a { color: #FFF; text-decoration: none; border: 0; font: normal normal 600 33px/79px Proxima Nova; display: block; } .lega-privata-wrapper .lega-tabs .tab.selected { background: #000251; border:1px solid #2787FF; border-bottom: none; border-radius: 0; line-height: 80px; } .lega-privata-wrapper .lega-ctn { border:1px solid #2787FF; border-top: 0; padding: 15px; background: #000251; -webkit-box-sizing:border-box; box-sizing: border-box; width:calc(100% - 1px); } .lega-privata-wrapper .lega-ctn .ctn-nav { padding: 30px 0; } .lega-privata-wrapper .lega-ctn .ctn-nav .button { width:calc(33% - 5px); box-shadow: 1px 2px 4px #000133; font: normal normal 600 29px/36px Proxima Nova; padding: 27px 0; display: inline-block; margin:0 5px 20px 0; text-transform: none; } .lega-privata-wrapper .lega-ctn .ctn-nav .button:nth-child(3) { margin-right: 0; } .lega-privata-wrapper .lega-ctn .ctn-nav .button.selected, .lega-privata-wrapper .lega-ctn .ctn-nav .button:hover { background: transparent linear-gradient(79deg, #803BFF 0%, #21FFFF 100%) 0% 0% no-repeat padding-box; font: normal normal 600 29px/36px Proxima Nova; } .lega-privata-wrapper .lega-ctn .ctn-nav .button.selected a, .lega-privata-wrapper .lega-ctn .ctn-nav .button:hover a { color: #000251;} .lega-privata-wrapper .lega-ctn .ctn-nav .frm { margin: 0;} .lega-privata-wrapper .lega-ctn .ctn-nav .frm select { float: left; height: 86px; width:calc(33% - 5px); font: normal normal 600 29px/36px Proxima Nova; color: #000251; } .lega-privata-wrapper .lega-ctn .ctn-nav .frm .nota-iscrizione { float: left; width: 60%; padding: 20px 0px 0 40px; font: normal normal 500 18px/22px Proxima Nova; } .lega-privata-wrapper .lega-ctn .ctn { display: none; } .lega-privata-wrapper .lega-ctn .ctn strong.link { font-weight: 600; color: #21FFFF; border-bottom: 1px solid #21FFFF; } .lega-privata-wrapper .lega-ctn .ctn strong.link:hover { border-bottom-color: transparent; } .lega-privata-wrapper .lega-ctn .ctn.selected { display: block; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] { padding:50px 8%; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p { font: normal normal 500 29px/45px Proxima Nova; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p a { font-weight: 600; border-bottom: 1px solid #21FFFF; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p a:hover { border-bottom-color: transparent; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p.maxi { padding:0; font-size:33px !important; color: #E4E4E4; font-weight: 600; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p.mini { padding:0; font-size:18px !important; color: #E4E4E4; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p.label { width: 40%; } .lega-privata-wrapper .lega-ctn .far.fa-copy { color: #FFF !important; font-size: 30px !important; } .lega-privata-wrapper .lega-ctn .far.fa-copy:hover { color: #ff21eb !important; } .lega-privata-wrapper .hm-manager-never-die a { float: left; } .lega-privata-wrapper .hm-manager-never-die img { float: left; width: 30px; height: 30px; margin: 0 0 0 10px; } @media (max-width: 1921px) { } @media (max-width: 1761px) { #template .column-left { padding:0 40px 50px 20px; } } @media (max-width: 1601px) { .button-medium:after { background: none; } #select-my-teams .button-medium { height:110px; } #select-my-teams .button-medium .team-name { margin-top: 0; } #game-nav .c4.second .badges .title { font-size: 20px; top: 1px; } #template.profilo-manager .c7 .title { height: 30px; font:700 26px/26px "proxima-nova"; } #template.profilo-manager .c7 .subtitle { height: 30px; font:600 24px/26px "proxima-nova"; } #template.profilo-manager .c7 .text { height: 30px; font:500 20px/20px "proxima-nova"; } #template.profilo-manager .c7 .attuale { padding: 0 20px; } #template.profilo-manager .c7 .storico { padding: 50px 20px 0 20px; } #template.profilo-manager .storico .title2 { font-size: 24px; } } @media (max-width: 1441px) { #header img.logo-big { height:120px; } body[t=homepage] #header { height:230px; } body[t=homepage].scrolled #header { height:70px; } #navOpened { width:600px; } #navOpened a.link-menu { padding:15px 20px; font: 700 21px/22px "proxima-nova"; } #navOpened a.link-menu.arcade { font: 400 22px/23px "Glitch-Italic"; font-style: italic; font-weight: normal; } #navOpened a.link-menu:after { top:15px; } .monthly-buttons .monthly-button { font: 600 16px/44px "proxima-nova"; } .transfers-filter-2023 .item.i-role label, .transfers-filter-2023 .item.i-club label, .transfers-filter-2023 .item.i-country label { display:none; } .transfers-filter-2023 .item.i-role input, .transfers-filter-2023 .item.i-club input, .transfers-filter-2023 .item.i-country input { display:none; } .transfers-filter-2023 .filter-price .select { widows:80px; } .transfers-filter-2023 .filter-price span { margin-right:15px; } .widget-trades-2023 .wish-list-2023 .recap { padding:20px 5px 27px 5px; } #select-my-teams .button-medium { height:94px; font:600 25px/30px "proxima-nova", sans-serif; } #select-my-teams .button-medium:after { font-size:18px; top: calc(50% - 16px); right: 10px; } #select-my-teams .button-medium .title { top: calc(50% - 18px); } #select-my-teams .button-medium .team-name { margin-top:-2px; } #select-my-teams .i1 { padding-left:0; } .counter-teams { transform: scale(0.7) rotate(12deg); } #counter-next-day .counter-teams { top:-100px; right:8%; } #game-nav .button-mini { padding:10px; font:600 16px/22px "proxima-nova", sans-serif; } #game-nav .c4.second .bottom .button-medium .value { font: 600 24px/32px "proxima-nova"; } .column-left .col-ctn { padding-left:40px; } #template.dashboard .last-games-my-teams .item { height:250px; } #template.dashboard .last-games-my-teams .item .date { font:400 20px/24px "proxima-nova", sans-serif; color:#FFF; } #template.dashboard .last-games-my-teams .item .team-name { font:600 30px/35px "proxima-nova"; color: #FF21EB; margin: 15px 0;} #template.dashboard .last-games-my-teams .item .team-points { font:600 50px/60px "proxima-nova"; color:#FFF;} #template.profilo-manager h1 { font:600 italic 50px/65px "proxima-nova"; } #template.profilo-manager .jersey { max-width:60%; } #template.profilo-manager .c7 .subtitle { font:600 22px/28px "proxima-nova"; } /* #template.profilo-manager .awards { font: 400 26px/34px "proxima-nova", sans-serif; } #template.profilo-manager .awards .value.trofei { font: 400 22px/34px "proxima-nova", sans-serif; } */ #template.calendario .list .item .column.date { font:700 26px/60px "proxima-nova", sans-serif; } #template.calendario .list .item .column.vs { font:700 30/60px "proxima-nova", sans-serif; } #template.calendario .list .item .column.score { font:700 30px/60px "proxima-nova", sans-serif; } #template.calendario .list .item .column.score em { font:600 16px/16px "proxima-nova", sans-serif; margin-top: -18px; } #template.calendario .list .item .column.club img { height:60px; } #template.calendario .list .item .column.arena { font:600 22px/30px "proxima-nova", sans-serif; padding-top:35px; } #template .section.homepage-spiegazione .box-pink img.img { margin-top:25px; } #template .section.homepage-spiegazione .box-pink .c3 { padding-top:25px; } #dashboard-top-leagues.box-pink img.img { margin-top:25px; } #dashboard-top-leagues.box-pink .c3 { padding-top:25px; } .lega-privata-wrapper .lega-header h1 { } .lega-privata-wrapper .lega-header.with-ads h1 { } .lega-privata-wrapper .lega-tabs .tab, .lega-privata-wrapper .lega-tabs .tab a { font: normal normal 600 25px / 59px Proxima Nova; } .lega-privata-wrapper .lega-tabs .tab.selected { line-height: 60px; } .lega-privata-wrapper .lega-ctn .ctn-nav .button { font: normal normal 600 25px / 30px Proxima Nova; padding: 20px 0; } .lega-privata-wrapper .lega-ctn .ctn-nav .button.selected, .lega-privata-wrapper .lega-ctn .ctn-nav .button:hover { font: normal normal 600 25px / 30px Proxima Nova; } .lega-privata-wrapper .lega-ctn .ctn-nav .frm select { font: normal normal 600 25px / 30px Proxima Nova; height: 70px; } .lega-privata-wrapper .lega-ctn .ctn-nav .frm .nota-iscrizione { padding: 2px 0px 0 25px; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p { font: normal normal 500 24px/32px Proxima Nova; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p.maxi { font-size:28px !important; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p.mini { font-size:16px !important; } } @media (max-width: 1281px) { #navOpened { width:500px; padding: 60px 40px; } #team-on-ice { margin:100px 0 50px 0; } #playerDetail { position:absolute; } #playerDetail .lightbox .layerContent { margin-top:50px; } #boxAlert { position:absolute; } #boxAlert .layerContent { top:50px; } #game-nav .c4.third { display:none; } .counter-teams { transform: scale(0.6) rotate(12deg); } #counter-next-day .counter-teams { top:-80px; right:6%; } #partner-news-feed { margin:75px 0 0 0;} .widget-trades-2023 .wish-list-2023 .recap .result .label { font:600 17px/25px "proxima-nova"; } .widget-trades-2023 .wish-list-2023 .table .tr .td { padding:4px; font: 600 18px/24px "proxima-nova"; } .widget-trades-2023 .wish-list-2023 .table .tr .td img.flag { width: 24px; top: 1px; } #select-my-teams .button-medium { height:82px; font:600 24px/28px "proxima-nova", sans-serif; padding:10px; } #select-my-teams .button-medium.active:after { font-size:20px; right: 10px; } #select-my-teams .button-medium .team-name { margin-top:0; } #select-my-teams .button-medium .title { top: calc(50% - 18px); } #template.transfers-classico .info-panel .top .c6 .c4 .box { padding-top:30px; } #template.transfers-classico .info-panel .top .c6 .c4 .box .value { font: 600 40px/50px "proxima-nova"; } #template.profilo-manager h1 { font:600 italic 40px/50px "proxima-nova"; } /* #template.profilo-manager .awards { font: 400 24px/30px "proxima-nova", sans-serif; } #template.profilo-manager .awards .value.trofei { font: 400 20px/30px "proxima-nova", sans-serif; } */ #template.profilo-manager .c5 .list .lega { font: 400 20px/26px "proxima-nova", sans-serif; } #template.profilo-manager .c7 .title { height: 30px; font:700 22px/22px "proxima-nova"; } #template.profilo-manager .c7 .subtitle { height: 30px; font:700 20px/22px "proxima-nova"; } #template.profilo-manager .storico .title2 { font-size: 20px; line-height: 25px; } #template.profilo-manager .storico .title2:after { font-size: 20px; margin: 0 0 0 10px; } #template.dashboard .last-games-my-teams .item { padding: 20px 15px; } #template.dashboard .last-games-my-teams .list-transfers h3 { font:600 26px/35px "proxima-nova", sans-serif; } #template.calendario .list .item .column.arena { padding-top:25px; } #template .section.homepage-spiegazione .box-pink img.img { margin-top:60px; } #template .section.homepage-spiegazione .box-pink .c3 { padding-top:60px; } #template .section.homepage-spiegazione .box-pink .c3 .button-blue-light { padding: 18px 35px; } #dashboard-top-leagues.box-pink img.img { margin-top:60px; } #dashboard-top-leagues.box-pink .c3 { padding-top:60px; } #dashboard-top-leagues.box-pink .c3 .button-blue-light { padding: 18px 35px; } /* .lega-privata-wrapper .lega-header.with-ads .ads-league { margin: 0; } */ } @media (max-width: 1025px) { ::-webkit-scrollbar { background:transparent; } ::-webkit-scrollbar-thumb { background:#00025180; } .hide-desktop { display:block; } .hide-tablet { display:none; } #navOpened { width:450px; padding:50px 30px; } .columns { max-width:98%; } .column-left .col-ads { display:none; } .column-left .col-ads-2 { display:block; } .column-left .col-ctn { float:left; padding:50px 15px 0 5px; } .button-small { font:400 20px/24px "proxima-nova", sans-serif; padding:15px 30px; } .button-small i { font-size:20px; } .button-medium { padding:15px 30px; font:600 20px/25px "proxima-nova", sans-serif; } .button-medium:after { top: calc(50% - 13px); right: 8px; } .big-buttons-grid .button-big { width:calc(50% - 10px); } body[t=homepage] #header { height: auto; margin-bottom: 25px; } #header img.logo { margin-top:45px; } #header .partnership span { font:300 10px/22px "proxima-nova"; } #game-nav { margin-bottom:50px; } #game-nav .counter-teams { left:87%; } #game-nav .box { padding:0; box-shadow:none; background:none; } #game-nav .button-mini { box-shadow:none; } #game-nav .c4.second .top .button-mini { width: calc(100% - 1px); } #game-nav .c4.second .bottom .button-medium { margin: 0 2px; } #game-nav .c4.second .bottom .button-medium i.free-transfer { font-size:24px; line-height:24px; } .lightbox .closeLightbox { right:10px; } #select-my-teams .button-medium { height: 63px; font:600 18px/22px "proxima-nova", sans-serif; } #select-my-teams .button-medium:after { display:none; } #select-my-teams .button-medium .title { top: calc(50% - 13px); } .mobile-content-scrollable { overflow-x:scroll; padding:10px 0; } .mobile-content-scrollable .table { width:max-content; min-width: 100%; } #playerDetail .fav { left:25px; } #playerDetail .role-jersey-price .role p { font: 600 14px/17px "proxima-nova"; } #hm-news-feed { margin:30px 0; } /* trades (transfers, draft,...) */ .widget-trades-2023 .player-lists .player-list.col-freeagents { display:none; } .widget-trades-2023 .player-lists .title { display:none; } .widget-trades-2023 .wish-list-2023 .recap { margin-top:10px; } .widget-trades-2023 .wish-list-2023 .recap .result .label { font: 600 22px/30px "proxima-nova"; } .transfers-filter-2023 select, .transfers-filter-2023 input { height:40px; font:600 16px/40px "proxima-nova", sans-serif; } .transfers-filter-2023 label { font: 600 18px/22px "proxima-nova"; } #draft.widget-trades-2023 .wish-list-2023 { float:none; width:100%; } #draft.widget-trades-2023 .wish-list-2023 .tobuy { margin-right:0 } #draft.widget-trades-2023 .freeagents-list.player-lists .title { display:block; } #draft.widget-trades-2023 .freeagents-list.player-lists .player-list { padding:0; } #draft.widget-trades-2023 .freeagents-list { float:none; width:100%; margin-top:25px; } #draft.widget-trades-2023 .wish-list-2023 .total .value { text-align: left; padding-right:0; } #template .column-left { padding: 0 0 50px 0px; } #template .medium-button { width:calc(50% - 50px); } #template .medium-button a { font-size:22px; } #template .section.homepage-spiegazione { padding:50px 4%; } #template .section.homepage-intro .button-small { width:220px; } #template.dashboard .last-games-my-teams .item { height:auto; } #template.dashboard .last-games-my-teams .item .team-points { position:relative; left: auto; right: auto; bottom: auto; } #template.dashboard .last-games-my-teams .item .team-name { overflow-wrap: anywhere; } #template.dashboard .last-games-my-teams .c7 { padding-right:15px; } #template.dashboard .last-games-my-teams .list-transfers .table { width:400px; } #newsletter-blick-fr iframe { width:90%; margin:0 5%; } #transfers .carts .cart .button.confirm { width:auto; } #template.transfers-classico .navPlayerListMobile { display:inline-block; width:calc(100% - 20px); padding:0 10px; margin-bottom:-15px; } #template.transfers-classico .navPlayerListMobile .c6 { padding:0; cursor:pointer; border: 1px solid #000131; } #template.transfers-classico .navPlayerListMobile .c6 .title { color:#2787FF; font:600 16px/20px "proxima-nova", sans-serif; padding:15px 0; text-align:center; background:#000251; box-shadow: 1px 2px 2px #00013380; margin:0 0 3px 0; white-space: nowrap; } #template.transfers-classico .navPlayerListMobile .c6.selected .title { color:#FFF; background: transparent linear-gradient(270deg, #21FFFF 0%, #803BFF 100%) 0% 0% no-repeat padding-box; } /* #template.transfers-classico .navPlayerListMobile .c6.selected.col-myteam .title { background: transparent linear-gradient(270deg, #21FFFF 0%, #803BFF 100%) 0% 0% no-repeat padding-box; } */ #template.transfers-classico .navPlayerListMobile .club-logo { position:relative; z-index:2; width:auto; height:35px; top:11px; margin:-20px 5px 0 0; } #template.transfers-classico .info-panel .info-available-transfers { margin-bottom:10px; } #template.transfers-classico .player-lists .mobile-content-scrollable { padding:0; } #template.dashboard .last-games-my-teams .list-transfers .navTransfersMobile { display:inline-block; width:100%; padding:0; margin-bottom:-13px; } #template.dashboard .last-games-my-teams .list-transfers .navTransfersMobile .c6 { padding:0; cursor:pointer; border: 1px solid #000131; } #template.dashboard .last-games-my-teams .list-transfers .navTransfersMobile .c6 .title { color:#5A5A5A; font:600 16px/20px "proxima-nova", sans-serif; padding:15px 0; text-align:center; background:#D8D8D8; box-shadow: 1px 2px 2px #00013380; margin:0 0 3px 0; white-space: nowrap; } #template.dashboard .last-games-my-teams .list-transfers .navTransfersMobile .c6.selected[attr=list-in] .title { background:#99f89d; color:#000133; } #template.dashboard .last-games-my-teams .list-transfers .navTransfersMobile .c6.selected[attr=list-out] .title { background:#ec5750; color:#000133; } #template.dashboard .last-games-my-teams .list-transfers .list-in { margin-bottom:0; } #template.dashboard .last-games-my-teams .list-transfers .list-in .title, #template.dashboard .last-games-my-teams .list-transfers .list-out .title { display:none; } #template.dashboard .last-games-my-teams .list-transfers .list-out { display:none; } #template.profilo-manager .manager-sheet { padding:0 0 30px 0; } /* #template.profilo-manager .social { margin:50px 0 0 0; } #template.profilo-manager .social i { font-size:30px; } */ #template .section.homepage-spiegazione .box-pink img.img { margin-top:5px } #template .section.homepage-spiegazione .box-pink .c3 { padding-top:0; } #dashboard-top-leagues.box-pink img.img { margin-top:5px } #dashboard-top-leagues.box-pink .c3 { padding-top:0; } .lega-privata-wrapper .lega-privata-inner { padding-top: 30px; } .lega-privata-wrapper .lega-ctn .ctn-nav .button, .lega-privata-wrapper .lega-ctn .ctn-nav .button.selected, .lega-privata-wrapper .lega-ctn .ctn-nav .button:hover { font: normal normal 600 18px / 22px Proxima Nova; } } @media (max-width: 769px) { h3 { font:600 22px/26px "proxima-nova"; } .column-left .col-ads-2 { padding-top:25px; } .button { width:220px; } .button-mini { font:400 16px/20px "proxima-nova", sans-serif; padding:10px 5px; overflow: hidden; text-wrap: nowrap; } .button-small { font:400 18px/22px "proxima-nova", sans-serif; padding:10px 20px; margin:0 10px 15px 10px; } #header { height:100px; } #header .partnership { margin-top:25px; } #header .partnership img.logo.partner { width:100px; } /* #header img.logo.nl { width: 60px; margin-top:20px; } */ #header img.logo { width:285px; margin-top:25px; } body[t=homepage] #header .hasLogo { text-align:left; } #footer { padding-top:50px; height:auto; } #footer img.logo { height:50px; } #footer-player { display:none; } #social { display:none; } #wrapper { /* max-width:600px; */ margin:0 auto; } .counter-teams { transform: scale(0.5) rotate(12deg); } #counter-next-day .counter-teams { top:-70px; right:4%; } #nav { margin:40px 30px 0 0;} #navOpened { width:100%; } form.frm { margin-bottom:30px; } form.frm input, form.frm select, form.frm textarea { font: 400 16px/20px "proxima-nova", sans-serif; } form.frm input { width:250px; height:44px; } form.frm select { width:250px; } form.frm textarea { width:250px; } form.frm button { width:250px; } form.frmContact input, form.frmContact textarea, form.frmContact .button { width:100%; } .lightbox .layerContent { width:calc(100% - 40px); left:10px; padding:50px 10px; } #intro-how-to-play .layerContent {width:calc(100% - 40px); left:10px; padding:50px 10px; } #intro-how-to-play .layerContent .inner { padding: 50px 0; } .news-feed-list .item .inner { height:auto; padding:25px; } .news-feed-list .slick-slide { padding-bottom:0; } #hm-news-feed { width:calc(100% - 5px); } #hm-news-feed .news-feed-list .item .inner { margin:0;} #partner-news-feed .news-feed-list .item .inner { height:300px; margin:0 5px; } .table .tr.header .td { font: 600 16px/20px "proxima-nova"; } .table .tr .td { font:500 16px/20px "proxima-nova";} .accordion .content { padding:15px; } .accordion .title { font: 600 20px/60px "proxima-nova";} .monthly-buttons .monthly-button { font: 600 16px/26px "proxima-nova"; } #hm-news-feed { margin:20px 0; } #hm-news-feed .news-feed-list .title { font: 600 20px/22px "proxima-nova"; } #hm-news-feed .news-feed-list .latest-news p { font: 600 22px/30px "proxima-nova"; } #hm-news-feed .news-feed-list .description { display:none; } #hm-news-feed .news-feed-list .item .inner { height:120px; padding:6px; } #hm-news-feed .news-feed-list .more { font: 700 16px/22px "proxima-nova"; } #select-my-teams .inner { background:none; box-shadow:none; padding:0; margin-bottom:0; } #select-my-teams .i1 { padding:0; } #select-my-teams .i2 { padding:0; } #select-my-teams .i3 { padding:20px 3px 0 0; } #select-my-teams .button-medium { font: 600 18px/24px "proxima-nova", sans-serif; padding:10px; } #select-my-teams .button-medium.active:after { display:block; } #select-my-teams .button-arcade-2023 { width:100%; max-height:none; height:auto; } #game-nav .counter-teams { left: 80%; top: -15px; } #game-nav .c4.second .bottom .button-medium .value { font: 600 26px/30px "proxima-nova"; } #game-nav .c4.third { padding:0 2px; margin-top:0; } #game-nav .c4.third .button-arcade-2023 { margin-top:6px; } #game-nav .c4.second .badges .title { font: 600 20px/24px "proxima-nova"; } #game-nav .c4.second .badges .span { font: 600 14px/17px "proxima-nova"; } #game-nav .c4.second .badges .badge img.img { width: 30px; height: 30px; } .game-status { margin-top:25px; } .game-status .item { padding:10px 0; } .game-status .item p, .game-status .item div { display:block; padding:0; } .game-status .item .result { margin-bottom:5px; display:inline-block; } /* trades (transfers, draft,...) */ .widget-trades-2023 .wish-list .tosell { margin-right:0; } .widget-trades-2023 .wish-list-2023 .recap .result .label { font: 600 17px/25px "proxima-nova"; } .widget-trades-2023 .wish-list-2023 .table .tr .td { font: 600 14px/16px "proxima-nova";} .widget-trades-2023 .wish-list-2023 .table .tr .td.cancel i { font-size:12px; } .widget-trades-2023 .wish-list-2023 .total { font: 700 14px/16px "proxima-nova";} .widget-trades-2023 .wish-list-2023 .title { font: 700 18px/22px "proxima-nova"; padding: 10px 0;} .widget-trades-2023 .wish-list-2023 .empty-cart{ font-size: 1rem; line-height: 1.15rem;} .widget-trades-2023 .player-lists .table .tr.header .td { font: 600 14px/16px "proxima-nova"; } .widget-trades-2023 .player-lists .table .tr .td { white-space: nowrap; } #draft.widget-trades-2023 .wish-list-2023 .button.confirm { max-width:none; } #template h2 { font: 700 30px/40px "proxima-nova";} #template .medium-button { text-align:center; padding:25px; width:calc(50% - 60px); margin: 0 5px 10px 5px; } #template .medium-button i { display:block; margin:0 0 15px 0; } #template .medium-button a { font: 600 20px/25px "proxima-nova"; } #template .section.homepage-spiegazione .c10 .c7 { padding-right:0; } #template .section.homepage-spiegazione .box-pink .button { margin:30px auto 0 auto; } #dashboard-top-leagues.box-pink { text-align: center;} #dashboard-top-leagues.box-pink .button { margin:30px auto 0 auto; } #dashboard-top-leagues.box-pink img.img { display: none; } #dashboard-top-leagues.box-pink .t { width: calc(100% - 50px); } #template.dashboard .last-games-my-teams .c7 { padding-right:0; padding-bottom:30px; } #template.dashboard .last-games-my-teams .list-transfers .table { width:100%; } #template.dashboard .last-games-my-teams .box { padding:0; } #template.dashboard .last-games-my-teams .item { padding:25px 10px; margin:6px; height: 200px; } #template.dashboard .last-games-my-teams .item .date { font: 400 16px/24px "proxima-nova", sans-serif; } #template.dashboard .last-games-my-teams .item .team-name { font: 600 20px/25px "proxima-nova"; margin:10px 0; } #template.dashboard .last-games-my-teams .item .team-points { font: 600 45px/50px "proxima-nova"; position: absolute; bottom: 25px; left: 0; right: 0; margin: auto; } #template .itemsMiaMaglia .item .inner { padding:15px; } #template .itemsMiaMaglia .item img.img { height:110px; } #template .itemsMiaMaglia .item.selected img.img { height:130px; } #newsletter-blick-fr iframe { height:250px; } #template.transfers-classico .info-panel .top .c6 .c4 .box { padding-top:25px; } #template.transfers-classico .info-panel .top .c6 .c4 .box .value {font: 600 33px/40px "proxima-nova";} #template.transfers-classico .info-panel .top .c6 .c4 .box .label { font: 600 14px/17px "proxima-nova";} #template.transfers-classico .info-panel .top .c6 .c4 .box, #template.transfers-classico .info-panel .info-available-transfers { min-height:110px; } #template.transfers-classico .info-panel .info-available-transfers .next-transfer-period { font: 400 21px/26px "proxima-nova", sans-serif; } #template.pagina-interna.accordions .items .item .label {font:600 18px/26px "proxima-nova"; } #template.pagina-interna.accordions .items .item .ctn { font:400 16px/20px "proxima-nova", sans-serif; } #template.pagina-interna.accordions .items .item .label:after { font-size:20px; } #template.pagina-interna.accordions .items .item.selected .label:after { font-size:16px; } #template.calendario .list .item .column, #template.calendario .list .item .column.arena { padding: 10px; } #template.calendario .list .item .column.date { font: 700 24px/60px "proxima-nova", sans-serif; } #template.calendario .list .item .column.arena { font: 600 18px/22px "proxima-nova", sans-serif; text-align:center; } #template.profilo-manager .attuale { padding: 0 20px; } #template.profilo-manager .c7 .title { height: 30px; font:700 18px/20px "proxima-nova"; } #template.profilo-manager .c7 .subtitle { height: 30px; font:600 14px/20px "proxima-nova"; } #template.profilo-manager .c7 .text { height: 20px; font:500 16px/16px "proxima-nova"; } #template.profilo-manager .storico .title2 { font-size: 16px; line-height: 20px; } #template.profilo-manager .storico .title2:after { font-size: 18px; } #template.profilo-manager .storico .accordion { margin: 0; } .lega-privata-wrapper .lega-header { height: 140px; } .lega-privata-wrapper .lega-header h1 { font: normal normal 600 22px/27px Proxima Nova; padding: 7px 25px; } .lega-privata-wrapper .lega-header.with-ads h1 { padding-bottom: 25px; } .lega-privata-wrapper .lega-privata-inner { padding: 0 0 0 0; border-top: 50px solid #030071; } .lega-privata-wrapper .lega-tabs .tab { border: 0; } .lega-privata-wrapper .lega-tabs .tab, .lega-privata-wrapper .lega-tabs .tab a { font: normal normal 600 14px / 38px Proxima Nova; } .lega-privata-wrapper .lega-tabs .tab.selected { line-height: 39px; border: 0; } .lega-privata-wrapper .lega-ctn { border: 0; padding: 10px; } .lega-privata-wrapper .lega-ctn .ctn-nav { padding-bottom: 0; } .lega-privata-wrapper .lega-ctn .ctn-nav .button { padding: 16px 0; } .lega-privata-wrapper .lega-ctn .ctn-nav .button, .lega-privata-wrapper .lega-ctn .ctn-nav .button.selected, .lega-privata-wrapper .lega-ctn .ctn-nav .button:hover { font: normal normal 600 14px / 17px Proxima Nova; } .lega-privata-wrapper .lega-ctn .ctn-nav .frm select { float: none; display: block; width: 60%; font: normal normal 600 14px / 17px Proxima Nova; height: 45px; } .lega-privata-wrapper .lega-ctn .ctn-nav .frm .nota-iscrizione { float: none; display: block; padding: 0; margin-top: 10px; width: 100%;font: normal normal 500 14px / 18px Proxima Nova; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p { font: normal normal 500 15px/20px Proxima Nova; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p.maxi { font-size:18px !important; } .lega-privata-wrapper .lega-ctn .ctn[attr="info"] p.mini { font-size:14px !important; } } @media (max-width: 641px) { .hide-desktop { display:block; } .hide-tablet { display:block; } .hide-mobile { display:none; } h1 { font:700 26px/30px "proxima-nova"; margin-bottom:25px; } h2 { font:600 22px/26px "proxima-nova"; } h3 { font: 600 20px/26px "proxima-nova"; } p, .text { font: 400 16px/22px "proxima-nova", sans-serif; } .fa, .fab, .fad, .fal, .far, .fas { font-size:22px; } img.club-logo { width:30px; } img.club-jersey { width:30px; } .box { padding:15px; } .box.padding-15 { padding:5px; } .button { padding:10px; width:auto; max-width:270px; font:600 16px/26px "proxima-nova"; } .monthly-buttons .monthly-button { padding:0 15px; margin: 0 15px 10px 0; } #header { height:80px; } #header img.logo { margin-top:16px; } #header .partnership { margin:10px 0 0 0px; } #header .partnership.it { margin-top:23px; } #header .partnership span { font:300 8px/12px "proxima-nova"; } #header .partnership img.logo.partner { width:80px; max-height:none; } #header img.logo.nl { width:60px; margin:25px 0 0 20px; } .header .chooseLang { margin:40px 10px; } #header img.logo-big { height:100px; } body[t=homepage].scrolled #header .hasLogo { text-align:center; } body.scrolled #header img.logo { margin-top: 16px; max-width: 90%; height: auto; } body.scrolled #header .partnership { margin-top: 10px; margin-left:10px; } body.scrolled #header .partnership.it { margin-top:20px; } body.scrolled #header .partnership img.logo.partner { width:80px; max-height:none; } #footer { padding-bottom:150px; } #footer .text, #footer p { font: 400 16px/22px "proxima-nova", sans-serif; } #counter-next-day { margin-bottom:15px; } #counter-next-day .counter-next-day { padding:5px 0; } .counter-teams { transform: scale(0.5) rotate(12deg); } #counter-next-day .counter-teams { top:-105px; right:-1%; } #nav { display:none; margin:25px 0px 0 0; } #navMobile { display:block; position:fixed; z-index:1000; bottom:0; left:0; width:100%; background:#FFF; padding:15px 0; } #navMobile .item { position:relative; float:left; width:20%; text-align:center; } #navMobile .item.disabled { opacity:0.4; } #navMobile .item i { font-size:25px; color:#999; } #navMobile .item.active:before { content: ""; position:absolute; top:-18px; left:0;display:inline-block; width:100%; height:3px; background: transparent linear-gradient(268deg, #21FFFF 20%, #21FFFF 40%, #21FFFF 60%, #27FFE9 80%, #31FFC3 100%) 0% 0% no-repeat padding-box; } #navMobile .item.inactive i { color:#EEE; } #navMobile .item .label { font:700 13px/17px "proxima-nova"; color:#93938D; margin-top:4px; width:100%; overflow:hidden; } #navMobile .item img { height: 28px; width: auto; } #navMobile .item img.off { display: inline-block; } #navMobile .item img.on { display: none; } #navMobile .item.open .label , #navMobile .item.active .label { color:#000251; } #navMobile .item.active img.off { display:none; } #navMobile .item.active img.on { display: inline-block; } #navMobile .item.open img.off { display:none; } #navMobile .item.open img.on { display: inline-block; } #navMobile .bubble-notification { top: -12px; right:40px; width:30px; height:30px; font: 300 16px/30px "proxima-nova", sans-serif; } #navMobileOpened { display:block; position:fixed; right:-100%; top:0; z-index:900; width:100%; height:calc(100vh - 55px); background:#000251; padding:25px 20px ; } #navMobileOpened h3 { display:inline-block; font:700 22px/23px "proxima-nova"; margin-bottom:0; } #navMobileOpened h4 { margin:28px 0 13px 0; font: 700 17px/18px "proxima-nova"; } #navMobileOpened .ctn { width:100%; height:calc(100vh - 170px); overflow-y:auto; margin:30px 0 0 0; } #navMobileOpened a.link-menu { position:relative; padding:15px; font: 800 17px/18px "proxima-nova"; color:#00024A; background: #FFF 0% 0% no-repeat padding-box; border-radius: 3px; opacity: 1; display:block; margin-bottom:6px; } #navMobileOpened a.link-menu.notification { padding:12px 20px; } #navMobileOpened a.link-menu.logout { background: transparent linear-gradient(180deg, #FF21EB 0%, #AF0AA2 100%) 0% 0% no-repeat padding-box; color:#FFF; } #navMobileOpened a.link-menu.arcade { font: 400 20px/21px "Glitch-Italic"; font-style: italic; font-weight: normal; color:#000133; background: transparent linear-gradient(180deg, #FF21EB 0%, #FF1717 100%) 0% 0% no-repeat padding-box; } #navMobileOpened a.link-menu.arcade span { width:6px; display: inline-block; } #navMobileOpened a.link-menu:hover { background: transparent linear-gradient(1deg, #2787FF 0%, #21FFFF 100%) 0% 0% no-repeat padding-box; color:#FFF; } #navMobileOpened a.link-menu:after { font-family:"Font Awesome 5 Pro"; content:"\f061"; color:#00024A; position:absolute; right:20px; top:15px; font-weight:300; font-size:18px; font-style: normal; } #navMobileOpened a.link-menu:hover:after, #navMobileOpened a.link-menu.logout:after { color:#FFF; } #navMobileOpened a.link-menu.arcade:after { color:#000133; font-size:18px; } #navMobileOpened a.link-menu.notification:after { top:17px; } #navMobileOpened a .bubble-notification { right: auto; position: relative; display: inline-block; top:0; margin: 0 10px 0 0; width:28px; height:28px; font: 600 16px/28px "proxima-nova", sans-serif; } #navMobileOpened .language { float:left; margin:25px 0 0 0; } #navMobileOpened .language a { position:relative; padding:5px 0; font: 600 16px/24px "proxima-nova"; color:#00024A; background: #FFF 0% 0% no-repeat padding-box; border-radius: 3px; opacity: 1; display:inline-block; margin:0 10px 0 0; width:35px; text-align:center; } #navMobileOpened .language a.active { background:#21FFFF; } #navMobileOpened .social { float:right; margin:30px 0 0 0; } #navMobileOpened .social span { color:#FFF; font:400 16px/24px "proxima-nova", sans-serif; margin: 0 10px 0 0; } #navMobileOpened .social .fab { font-size:24px; padding:0 15px; color:#FFF; } #navMobileOpened .social .fab:first-child { padding-left:0; } /* -- cookies -- */ #CookiebotWidget { bottom: 95px !important; left: auto !important; right: 10px !important; } #CookiebotWidget { min-width: 35px !important; min-height: 35px !important; } #CookiebotWidget:not(.CookiebotWidget-open) button.CookiebotWidget-logo svg { width: 35px !important; height: 35px !important; } #game-nav .counter-teams { left: 75%; top: -50px; } #game-nav .box-blue { width:100%; margin-right:0; background:none; box-shadow:none; padding:0; } #game-nav .c4.first { display:none; } #game-nav .c4.second .top .button-mini { width:100%; margin-bottom:3px; } #game-nav .c4.second .bottom .c4 { padding:0 2px; } #game-nav .c4.second .bottom .c4:nth-child(1) { padding-left:0; } #game-nav .c4.second .bottom .c4:nth-child(3) { padding-right:0; } #game-nav .c4.second .bottom .c4 { padding:0 2px; } #game-nav .c4.second .bottom .button-medium { margin: 0px 2px; width: calc(100% - 2px); } #game-nav .c4.second .bottom .button-medium .label { overflow:hidden; } #game-nav .c4.third { display:none; } body.dashboard #game-nav .c4.third { display:inline-block; } .news-feed .slide-icon { transform: scale(0.6); } #partner-news-feed .news-feed-list .item .inner { height:280px; } form.frm label { font: 400 16px/20px "proxima-nova", sans-serif; width:100% !important; } form.frm input, form.frm select, form.frm textarea { font:400 14px/20px "proxima-nova", sans-serif;} form.frm input.short, form.frm select.short { width:85px; } #select-my-teams .inner { padding:0; background:none; box-shadow:none; width:100%; } #select-my-teams .i1 { padding:0 3px 0 0; } #select-my-teams .i2 { padding:0 0 0 3px; } #select-my-teams .i3 { padding:20px 0 0 0; } #select-my-teams .button-medium { width:100%; box-shadow:none; } #select-my-teams .button-medium.active:after { font-size:15px; right: 7px; bottom: 3px; } #select-my-teams .button-medium .team-name { margin-top:-3px; } #select-my-teams .button-challenge-friends-league { padding-bottom: 10px; } #select-my-teams .button-challenge-friends-league a { font: 600 16px / 20px "proxima-nova", sans-serif; } #select-my-teams .button-challenge-friends-league img { top: -5px; } #game-nav #select-my-teams-2 .list { width:100%; } #game-nav #select-my-teams-2 .list .close { right: 0; top: 10px; font-size: 20px; } #wrapper .inner-wrapper { max-width:96%; margin:0 2%; } .widget-trades-2023 .wish-list-2023 .recap { padding:12px; box-shadow:none; width:100%; } .widget-trades-2023 .wish-list-2023 .recap .title { font: 700 18px/22px "proxima-nova"; padding: 0 0 7px 0; text-align:left; } .widget-trades-2023 .wish-list-2023 .recap .result .label { font:500 16px/20px "proxima-nova"; } .widget-trades-2023 .wish-list-2023 .recap .result .value { font:600 16px/20px "proxima-nova"; } .widget-trades-2023 .wish-list-2023 .empty-cart { padding:7px; font-size:0.9rem; line-height:1.15rem; } .widget-trades-2023 .wish-list-2023 .table .tr .td { padding:10px 5px; } .widget-trades-2023 .wish-list-2023 .table .tr .td img.flag { width: 22px; top: 1px; } .widget-trades-2023 .wish-list-2023 .button.confirm { width:100%; max-width:none; } .widget-trades-2023 .wish-list-2023 .tobuy { margin-right:2px; } .widget-trades-2023 .wish-list-2023 .tosell { margin-right:0; margin-left:2px; } .transfers-filter-2023 .item { padding:0 2px; } .transfers-filter-2023 .item.i-role { padding-left:0; } .transfers-filter-2023 .item.i-country { padding-right:0; } .transfers-filter-2023 .item.i-price { padding-left:0; } .transfers-filter-2023 select, .transfers-filter-2023 input { font:600 14px/17px "proxima-nova"; } .transfers-filter-2023 label { font:600 14px/17px "proxima-nova"; } .transfers-filter-2023 .filter-price span { font: 600 12px/40px "proxima-nova"; } .columns { max-width:100%; } .column-left .col-ads, .column-left .col-ads-2 { width:100%; padding:0; } .column-left .col-ctn { width:100%; padding:0 0 50px 0; overflow:visible; } .table .tr .td.mobile-fixed { position: sticky; background:#01006d; z-index:2; left:0; padding-right:10px; max-width:100px; overflow-wrap: break-word; /* position:absolute; line-height:40px; width:80px; overflow: hidden; border-right:1px solid #082441; white-space: nowrap; */ } .table .tr.selected .td.mobile-fixed { background:#21FFFF; } .table .tr .td { height:50px; padding:0 10px; font:500 16px/20px "proxima-nova", sans-serif; } .lightbox h3 { font: 600 16px/20px "proxima-nova"; } .accordion .title { padding-left:15px; overflow:hidden; white-space: nowrap; } .accordion .title:after { padding:0 25px 0 10px; right:0; /* top:10px; */ font-weight:400; } .histogram.horiz .label { font:400 14px/22px "proxima-nova", sans-serif; } .histogram.horiz .value { font:400 14px/22px "proxima-nova", sans-serif; width: calc(16% - 5px); } .histogram.horiz .label { width:33%; } .histogram.horiz .bar { width:50%; } #playerDetail .layerContent { border: 0; padding: 25px 5px 20px 5px; width: calc(100% - 32px); } #playerDetail .role-jersey-price .jersey-wrapper .jersey { width:100px; height:130px; } #playerDetail .param { font: 400 0.9rem/1.375rem "proxima-nova", sans-serif; } #playerDetail .param span { font: 600 0.9rem/1.375rem "proxima-nova"; } #playerDetail #chartPrices, #playerDetail #chartPerformances { width:300px; height:400px; } #playerDetail .ml12 { margin:15px 0; } #playerDetail .tab { margin:5px 10px; } #playerDetail .name { font-size: 24px; line-height: 24px; } #playerDetail .name .label { top: -4px; } #playerDetail .name img.flag { top: 2px; } #hm-news-feed { width:100%; } #hm-news-feed .news-feed-list .item .inner { padding:5px; } #hm-news-feed .news-feed-list .latest-news { width:50%; } #hm-news-feed .news-feed-list .ctn { padding: 10px 15px; height:calc(100% - 20px); } #hm-news-feed .news-feed-list .title { font:600 18px/20px "proxima-nova"; } #hm-news-feed .news-feed-list .more { font:700 14px/20px "proxima-nova"; bottom:0; } #cta-popup i.fa-info-circle { display:block; margin:0 0 10px 0; } #partner-news-feed { margin:15px 0 0 0; } #partner-news-feed .news-feed-list .item { height:260px; } #partner-news-feed .news-feed-list .item .inner { padding:15px; } #partner-news-feed .news-feed-list .pubDate { font: 500 14px/22px "proxima-nova"; text-align:left; } #partner-news-feed .news-feed-list .title { font: 700 20px/22px "proxima-nova"; margin-top:15px; } #partner-news-feed .news-feed-list .description { width:100%; font:400 16px/18px "proxima-nova", sans-serif; } #partner-news-feed .news-feed-list .author { bottom:15px; font:400 14px/22px "proxima-nova", sans-serif; color:#0501DA; border-bottom:1px solid transparent; display:inline-block; } .game-status .item .date, .game-status .item .text { width: 70%; font-size: 14px; line-height: 18px; } .game-status .item .result { float: right; margin: 10px 0 0 0; } #counter-next-day { font: 400 17px/20px "proxima-nova", sans-serif; padding: 15px 5px; border-radius:5px; } #template .column-left { overflow:visible; } #template .far.fa-copy { font-size:18px !important; line-height:21px; padding: 0 0 0 10px; } #template .big-button { width:100%;} #template .medium-button { padding:15px; width:calc(50% - 40px); } #template .overlay p.label { width:100%; display:block; color:#21FFFF; border-top:1px solid #0d3756; margin-top:10px; padding-top:10px; } #template .overlay p { width:100%; display:block; } #dashboard-top-leagues.box-pink h3 { font: 700 30px/30px "proxima-nova", sans-serif; } #dashboard-top-leagues.box-pink .t .text { margin: 0 0 10px 0; } #template .section.homepage-intro { padding-bottom:0; } #template .section.homepage-intro .button-small { font:600 14px/17px "proxima-nova"; padding:15px 0; margin:0 1px; width: calc(33% - 5px); } #template .section.homepage-intro .button-small i { font-size:30px; margin-bottom:10px; display: block; } #template.dashboard .last-games-my-teams .list-transfers { margin-top:35px; background:none; box-shadow:none; width:100%; } #template.dashboard .last-games-my-teams .list-transfers h3 { background:none; box-shadow:none; text-align:left; font: 700 22px/27px "proxima-nova", sans-serif; padding: 0; } #template.dashboard .last-games-my-teams .list-transfers .table { width:400px; } #template .section.homepage-spiegazione { padding:10px 0 30px 0; } #template .section.homepage-spiegazione .items { margin-top: 5px; } #template .section.homepage-spiegazione .items .item h4 { color:#21FFFF; font-size: 16px; line-height: 16px; font-weight: 600; } #template .section.homepage-spiegazione .items .item .icon { width:40px; } #template .section.homepage-spiegazione .items .item .t { padding-left:25px; width:calc(100% - 75px); } #template .section.homepage-spiegazione .items .item.button-10 .icon { background-size: contain; } #template .section.homepage-spiegazione .items .item.button-11 .icon { background-size: contain; } #template .section.homepage-spiegazione .items .item.button-12 .icon { background-size: contain; } #template .section.homepage-spiegazione .items .item.button-13 .icon { background-size: contain; } #template .section.homepage-spiegazione .accordion { width:calc(100% - 8px); margin-left:4px; } #template .section.homepage-spiegazione .accordion .title { height:auto; white-space:normal; font: 600 20px/30px "proxima-nova"; padding: 10px; text-transform:none; } #template .section.homepage-spiegazione .accordion .title:after { top:10px; content: "\f054"; } #template .section.homepage-spiegazione .accordion.active .title:after { top:10px; content: "\f078"; } #template .section.homepage-spiegazione .homepage-login { width:calc(100% - 8px); margin:10px 0 0 4px; padding: 20px 40px; } #template .section.homepage-spiegazione .box-pink { display:none; } #template .section.homepage-spiegazione .box-white h3 { font:700 20px/24px "proxima-nova"; } #template .section.homepage-spiegazione .homepage-login form.frm input { height:40px; font: 400 16px/40px "proxima-nova", sans-serif; } #template .section.homepage-spiegazione .homepage-login form.frm button { font: 700 16px/40px "proxima-nova", sans-serif; padding:0 10px; } #template .section.homepage-spiegazione .homepage-login .short-links { margin-bottom:0; } #template .section.homepage-spiegazione .homepage-login .sign-up { display:inline-block; } #template .section.homepage-spiegazione .homepage-login .sign-up .label { display:inline-block; font:600 14px/17px "proxima-nova"; color:#0F4DFF; } #template .section.homepage-spiegazione .homepage-login .sign-up a.registrati { width:100%; background:#0F4DFF; } #template .section.homepage-spiegazione .homepage-login .sign-up a.registrati span { color: #FFF; } #template .section.homepage-spiegazione .hide-mobile { display:none !important; } #template .section.homepage-spiegazione .only-mobile { display:block; } #template .itemsMiaMaglia .item.selected img.img { height:106px; } #template.news-dettaglio .text img.img { width:100% !important; height:auto !important; margin: 25px 0; } #newsletter-blick-fr { margin:75px 0; } #newsletter-blick-fr h2:before, #newsletter-blick-fr h2:after { width:8%; } #template.pagina-interna.accordions .items .item .label { font:600 16px/20px "proxima-nova"; } #template.pagina-interna.accordions .items .item .ctn { font:400 14px/17px "proxima-nova", sans-serif; } /* #template.profilo-manager .awards { font: 400 18px/24px "proxima-nova", sans-serif; } #template.profilo-manager .awards .value.trofei { font: 400 16px/24px "proxima-nova", sans-serif; } #template.profilo-manager .social i { font-size:26px; margin:0 20px 0 0; } */ #template.profilo-manager .c5 .main-title { font: 600 25px/30px "proxima-nova"; } #template.calendario .list h3 { font: 700 22px/30px "proxima-nova"; } #template .messagesFeed .message { padding:15px;} #template.formazione h1 { font:700 20px/24px "proxima-nova"; margin-left:4%; } #template.transfers-classico .info-panel { padding:0; background:none; box-shadow:none; } #template.transfers-classico .info-panel .top .c6 .c4 .box { padding:15px 10px; min-height:auto; box-shadow:none; width:calc(100% - 2px); } #template.transfers-classico .info-panel .top .c6 .c4:nth-child(1) .box { margin-left:0; } #template.transfers-classico .info-panel .top .c6 .c4:nth-child(3) .box { margin-right:0; } #template.transfers-classico .info-panel .top .c6 .c4:nth-child(3) .box .value i { font-size:30px; } #template.transfers-classico .info-panel .info-available-transfers {} #template.transfers-classico .info-panel .info-available-transfers .next-transfer-period { height:auto; } #template.transfers-classico .info-panel .info-available-transfers .next-transfer-period-2 { font: 400 16px/20px "proxima-nova", sans-serif; } #template.transfers-classico .box.filter-teams-list { padding:40px 0; } } /* ============================================================================================= fonts ============================================================================================= */ @font-face { font-family: 'Glitch-Italic'; src: url('../fonts/glitch-italic.eot'); src: url('../fonts/glitch-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/glitch-italic.woff2') format('woff2'), url('../fonts/glitch-italic.woff') format('woff'), url('../fonts/glitch-italic.svg#glitch-italic') format('svg'); font-weight: normal; font-style: italic; }