/* Author URI: https://albaadani.com */ @font-face{font-family:"Droid Arabic Kufi";font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);src:url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format("embedded-opentype"),url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format("truetype")}@font-face{font-family:"Droid Arabic Kufi";font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);src:url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format("embedded-opentype"),url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format("truetype")}.alba-live-table{overflow:hidden;position:relative;padding:0;box-sizing:border-box;font-family:Droid Arabic Kufi;border:1px solid #dddfe2;background:#f9f9f9;width:100%}.alba-live-table.as-cover{background:transparent;box-shadow:none;padding:0!important;margin:0 0 17px;border:0}.alba-live-table.as-cover .alba_sports_events-event_item.single{background:#f8f8f8}.alba-live-table *{box-sizing:border-box}.alba-live-table .table-title{height:50px;overflow:hidden;display:flex;align-items:center;padding:0 15px;background:#fff;border-bottom:1px solid #dadde1;margin:0}.alba-live-table .table-title .title{margin:0;padding:0;font-weight:700;flex:1;font-size:18px;line-height:1;font-family:Droid Arabic Kufi}.alba-live-table .table-title .title:before,.alba-live-table .table-title .after:before{display:none}.alba-live-table .table-title select{height:30px;min-width:145px;padding-right:10px;color:rgba(120,120,120,1);font-size:0.7em;-webkit-border-radius:80px;-moz-border-radius:80px;-ms-border-radius:80px;-o-border-radius:80px;border-radius:80px;background:#fafafa;border:0;font-family:Droid Arabic Kufi;color:#1e73be;font-size:11px;font-style:normal;font-weight:700}.alba-live-table .filter-days{display:flex;justify-content:space-between;padding:10px}.alba-live-table .tablinks{text-align:center;background:#fff;padding:0 10px;transition:0.2s;font-size:14px;line-height:20px;cursor:pointer;border-radius:3px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:40px;display:flex;border:1px solid #e0e0e0;font-family:"Droid Arabic Kufi";font-weight:700;color:#385898;width:32%}.alba-live-table .contents{padding:0 10px 10px;overflow:hidden}.alba-live-table .tablinks.active{background:#ed1b24;color:#fff}.alba-live-table .tabcontent{display:none}.alba-live-table #today{display:block}.alba-live-table .no-data__container{height:200px;display:flex;justify-content:center;align-items:center;flex-direction:column}.alba-live-table .no-data__icon{font-size:39px;color:#b4b4b4}.alba-live-table .no-data__msg{color:#b4b4b4;font-weight:700;font-size:14px}.alba-live-table .alba_sports_events-event_item{display:flex;width:100%;background:#fff;border:1px solid #e0e0e0;padding:10px 10px;margin-bottom:10px;position:relative;flex-direction:column;justify-content:center}.alba-live-table .alba_sports_events_link{display:flex;width:100%;flex-direction:column;justify-content:center}.alba-live-table #alba_sports_events{border:1px solid #edf0f3}.alba-live-table .alba_sports_events-event_mask{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:8}.alba-live-table .event_mask_inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;background:rgba(0,80,128,0.64);display:-webkit-box;display:-ms-flexbox;display:flex}.alba-live-table .alba_sports_events-event_mask_inner_text{margin-top:0;background-color:gray;color:#fff;padding:5px 30px!important;font-size:14px;line-height:22px;text-decoration:none;z-index:555;font-family:Droid Arabic Kufi;font-weight:700}.alba-live-table .alba_sports_events-event_item:hover .alba_sports_events-event_mask{display:block}.alba-live-table .alba_sports_events-event_item:not(.single):hover .event_inner,.alba-live-table .alba_sports_events-event_item:not(.single):hover .chanels-fix{-webkit-filter:blur(1px);-ms-filter:blur(1px);filter:url('data:image/svg+xml;utf8,#blur')}.alba-live-table .event_inner{margin:0;width:100%;padding:0;position:relative;display:flex;align-items:center;justify-content:center}.alba-live-table .red{background-color:#e00025!important}.alba-live-table .team-aria{position:relative;width:25%;display:inline-flex;text-align:center;flex:0 0 25%;justify-content:center}.alba-live-table .team-aria .team{height:100px;display:block;font-family:Droid Arabic Kufi}.alba-live-table .alba-team_logo{text-align:center;width:100%;height:70px;display:block;position:relative}.alba-live-table .alba-team_logo img{max-width:55px!important;max-height:55px;width:auto;height:auto!important;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:0!important;padding:0!important;margin:0 -50px 0 auto!important}.alba-live-table .alba_sports_events-team_title{display:block;font-size:16px;width:100%;margin:0;color:#0277bd;text-align:center;font-weight:700;line-height:1;font-family:Droid Arabic Kufi}.alba-live-table .event_title_wrapper{text-align:center;width:50%;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:0 10px;height:100%;flex:0 0 50%!important}.alba-live-table .event_title_wrapper .matchTime{text-align: center;letter-spacing:-2px;font-family:arial;direction:ltr;font-size:30px;color:#4d4f58;font-weight:700;padding:0;margin:0;line-height:1.1}.alba-live-table .match-data .city{font-size:11px;padding:0;font-weight:400;color:#d93131;margin:0;font-family:"Droid Arabic Kufi"}.alba-live-table .Matchestatus .status{margin:0;display:flex;flex-direction:column}.alba-live-table .matchResult{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.alba-live-table .result{color:#0277bd;font-size:35px;font-family:arial;display:inline-block;position:relative;line-height:1;font-weight:700}.alba-live-table .match-data{flex:1}.alba-live-table .Matchestatus .status .stay{color:#fff;padding:0 10px 1px;border-radius:80px;background:#0277bd;font-weight:700;line-height:19px;display:inline-block;font-size:12px;margin:0 auto!important}.m_block.alba_sports_events-event_item.finshed .Matchestatus .status .stay{background:#000}.alba-live-table .gools .Matchestatus .status .stay,.h3.alba_sports_events-event_mask_inner_text.orange{background:#ffa007}.alba-live-table.started .status .date,.alba-live-table .Matchestatus .status .live{background:#e00025}.alba-live-table.finshed .status .date,.alba-live-table .Matchestatus .status .ended{background:#111}.alba-live-table.gools .status{background:orange}.alba-live-table.comming .status .date,.alba-live-table .Matchestatus .status .comming-soon{background:#35bd53}.alba-live-table .events-team_score{display:block;font-family:arial;color:#df2d2d;font-size:1.1em;padding-top:0;font-weight:700}.alba-live-table .alba-now.ended{background:#333;display:inline-block;font-family:arial;padding:0 9px;color:#fff}.alba-live-table .dark{background:#000;color:#fff}.chanels-fix{border-top:1px solid #e1e1e1;margin-top:6px;text-align:center;padding:6px 0 7px;width:100%;margin-bottom:-8px}.events-info{display:flex;align-items:center}.alba-live-table .events-info span{width:33.33333333%;font-size:0.7em;color:#2b2f47;text-align:center;padding:0 3px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.alba-live-table .events-info .fa{color:#ff930c;padding-left:5px}.alba-live-table span .fa-television{font-size:11px}.alba-live-table.small div.contents{padding:0 10px 5px;overflow:hidden;margin:0 auto}.alba-live-table.small .event_title_wrapper{height:70px}.alba-live-table.small .result{font-size:0.8em;font-weight:700;padding:5px;display:none}.alba-live-table.small .event_title_wrapper{width:33.33%;padding:0}.alba-live-table.small .event_title_wrapper .matchTime{font-size:0.8em;font-weight:700}.alba-live-table.small .team-aria{width:33.33%}.alba-live-table.small .team-aria .team{flex-direction:column;height:70px}.alba-live-table.small .team-second .alba-team_logo{order:0}.alba-live-table.small .alba-team_logo{height:50px}.alba-live-table.small .alba-team_logo img{max-width:30px;max-height:30px}.alba-live-table.small .alba_sports_events-team_title{font-size:12px}.alba-live-table.small .chanels-fix{display:none}.alba-live-table.small .table-title select{min-width:auto}.alba-live-table.small .table-title .title{font-size:14px}.alba-live-table.small .filter-days{margin:8px 0;background:transparent;border:0;padding:0 10px;text-align:center;justify-content:space-between;height:auto;display:flex}.alba-live-table.small .filter-days .tablinks{padding:0 10px;line-height:19px;height:32px;font-size:11px}.alba_match_card{font-family:Droid Arabic Kufi;background-image:url(../img/match-detail-stadium.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:100%;position:relative;background-position:50% 100%;margin-bottom:40px}.alba_match_card a{font-family:Droid Arabic Kufi}.alba_match_card .card_inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.alba_match_card .card_events_title,.card_team-aria{margin-top:22px;text-align:center;-webkit-flex-basis:33.3%;-ms-flex-preferred-size:33.3%;flex-basis:33.3%;position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.alba_match_card .card_team_logo{margin:0 auto;width:100px;display:block;max-height:120px}.alba_match_card .card_team_logo img{max-height:100%;max-width:100%}.alba_match_card .card_team_title{width:100%;color:#fff;font-size:15px;font-weight:700;text-shadow:-1px 0 1px rgba(35,31,32,0.75);margin:5px 0;display:block}.match-details__uppergraph-score .text-center{display:flex;align-items:center;justify-content:center}.alba_match_card .match-details__uppergraph-middle__round{color:#fff;font-size:13px;padding-top:1px;height:23px}.alba_match_card .match-details__winner{opacity:1}.alba_match_card .match-details__looser{opacity:0.4}.alba_match_card .scoreplaceholder{font-family:Tahoma;color:#fff;font-size:80px;font-weight:700;margin:0 20px}.alba_match_card .scoreseparator{display:inline-block;font-size:70px;font-weight:700;color:#fff;vertical-align:text-bottom;font-family:sans-serif;line-height:90px}.alba_match_card .uppergraph-Matchestatus{display:inline-block;color:#fff;-webkit-border-radius:33px;-moz-border-radius:33px;border-radius:33px;background-color:rgba(0,0,0,0.45);font-size:14px;text-shadow:-1px 0 1px rgba(35,31,32,0.75);padding:4px 18px 2px}.alba_match_card .general-infos{width:85%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:3px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;-moz-box-pack:justify;justify-content:space-between;background:#fff;position:relative;top:18px;padding:0 15px;-webkit-box-shadow:0 0 2px #808080;-moz-box-shadow:0 0 2px #808080;box-shadow:0 0 2px #808080;line-height:1.5;height:40px}.alba_match_card .general-infos span{font-size:11px;color:#3a556a;display:inline-flex;align-items:center;flex:0 0 33.33%;justify-content:center}.alba-live-table .events-info .albaicon,.alba_match_card .albaicon{display:inline-block;width:16px;height:17px;margin-right:6px;background-repeat:no-repeat;position:relative;top:1px} .rtl .alba-live-table .events-info .albaicon,.rtl .alba_match_card .albaicon{margin-left:6px;margin-right:0} .alba-live-table .events-info .albaicon.microphone,.alba_match_card .albaicon.microphone{background-image:url(../img/com.svg);background-size:100%}.alba-live-table .events-info .albaicon.television,.alba_match_card .albaicon.television{background-image:url(../img/tv.svg);background-size:100%} .alba-live-table .events-info .albaicon.cup,.alba_match_card .albaicon.cup{background-image:url(../img/champ.svg);background-size:100%} .alba-live-table .events-info .albaicon.microphone,.alba_match_card .albaicon.microphone{background-size:11px!important;height:21px;position:relative;top:3px} .server-name{display:flex;border-radius:3px;margin-bottom:0;margin-top:8px;width:100%;clear:both;position:relative;overflow:hidden}.server-name a{margin-bottom:3px;display:inline-flex;position:relative;cursor:pointer;border:0;font-size:13px;font-weight:700;float:right;margin-left:3px;background:#ececec;z-index:3;top:auto;color:#150f0f !important;border-radius:2px;height:32px;padding-right:38px;line-height:16px;overflow:hidden;align-items:center;padding-top:0;padding-left:20px}.server-name a::before{content:"";color:#fff;text-align:center;position:absolute;right:0;background-color:#444;height:33px;top:0;width:30px;line-height:32px;display:inline-block;background-repeat:no-repeat;background-image:url(../img/play.svg);background-size:18px;background-position:center}.server-name a.active,.server-name a:hover{background:#e00025;transition:0.3s all cubi;color:#fff!important}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.server-body{margin-bottom:11px}.server-body iframe{max-width:100%}.alba-ajaxLoad{display:inline-block;position:relative;width:80px;height:80px;margin:auto;display:none}.alba-ajaxLoad div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:40px;height:40px;margin:8px;border:2px solid;border-radius:50%;animation:alba-ajaxLoad 1.2s cubic-bezier(0.5,0,0.5,1) infinite;-webkit-animation:alba-ajaxLoad 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#888 transparent transparent transparent}.alba-ajaxLoad div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.alba-ajaxLoad div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.alba-ajaxLoad div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes alba-ajaxLoad{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes alba-ajaxLoad{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (max-width:860px){.scoreplaceholder{font-size:70px;margin:0 15px}}@media screen and (max-width:769px){.alba_match_card .scoreplaceholder{font-size:62px;margin:0;padding:0 6px}.alba_match_card .scoreseparator{font-size:56px;line-height:80px}}.alba-live-table.dark_style{background:#19232d;border-color:rgba(238,238,238,0.03);color:#eee}.alba-live-table.dark_style .table-title{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.03);color:#fff}.alba-live-table.dark_style #change_timezone{background:#202a34;color:#fff}.alba-live-table.dark_style .filter-days .tablinks,.alba-live-table.dark_style .alba_sports_events-event_item{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.03);color:#fff}.alba-live-table.dark_style .filter-days .tablinks.active{background:#ed1b24;color:#fff}.alba-live-table.dark_style .chanels-fix{border-color:#19232d}.alba-live-table.dark_style .events-info span{color:#ddd}.alba-live-table.dark_style .event_inner *{color:#eee}@media screen and (max-width:640px){.alba_match_card{margin:0 -10px 45px;width:auto}.alba-live-table .contents{padding:0 5px 2px;overflow:hidden}.alba-live-table .filter-days{display:flex;justify-content:space-between;padding:8px 5px}.alba-live-table .filter-days .tablinks{font-size:12px;height:33px;line-height:33px;padding:0 5px}.alba_match_card .card_team_logo{margin:0 auto;width:80px}.alba_match_card .card_team_logo img{height:auto;max-width:62px}.alba_match_card .card_team_title{margin-top:5px;font-size:15px;margin:0}.alba_match_card .scoreplaceholder{font-size:38px}.alba_match_card .scoreseparator{font-size:37px;line-height:56px}.alba_match_card .match-details__uppergraph-middle__round{color:#fff;font-size:13px;padding-top:2px;height:23px}.alba_match_card .general-infos{width:95%;border-radius:5px;margin:0 auto;top:25px;padding:0 10px;height:35px}.alba_match_card .general-infos span{font-size:10px}.alba-live-table .team-aria .team,.alba-live-table .event_title_wrapper{height:80px}.alba-live-table .alba-team_logo{height:50px}.alba-live-table .alba-team_logo img{max-width:35px!important;max-height:35px}.alba-live-table .alba_sports_events-team_title{font-size:0.7em}.alba-live-table .event_title_wrapper .matchTime{font-size:1.5em}.alba-live-table .Matchestatus .status .date{font-size:9px} .alba-live-table .events-info span.mic{display:none}.alba-live-table .events-info span{font-size:10px!important;line-height:1.5;padding:0 5px;width:50%}.alba-live-table .event_status_inner_coming{width:65px;padding:2px 5px 3px;font-size:12px;font-weight:700;margin:auto 10px}}@media screen and (max-width:480px){.alba_match_card .event_commenter {display: none !important;}.alba-live-table .table-title select{min-width:120px}.alba-live-table .table-title .title{font-size:14px}.alba-live-table .team-aria{width:22%}.alba-live-table .event_title_wrapper{width:56%}.alba-live-table .result{font-size:27px}.alba-live-table .match-data{padding:0 6px}.alba-live-table .match-data .city{font-size:9px}.alba-live-table .event_title_wrapper .matchTime{font-size:1.2em;margin-top:2px}.alba-live-table .Matchestatus .status .date{font-size:8px;padding:0 5px 1px}.alba-live-table .alba_sports_events-team_title{font-size:10px;width:100%;height:29px;line-height:17px;margin:0}.alba-live-table .events-team_score{font-size:16px;width:38px}.alba-live-table .event_status_inner_coming{width:70px;padding:0 1px;font-size:10px;background:transparent;margin:0}.alba_match_card .card_team_logo{margin:0 auto;width:70px}.alba_match_card .card_team_logo img{height:auto}.alba_match_card .card_team_title{margin-top:5px;font-size:15px;margin:0}.alba_match_card .scoreplaceholder{font-size:38px}.alba_match_card .scoreseparator{font-size:37px;line-height:56px}.alba_match_card .match-details__uppergraph-middle__round{font-size:10px;padding:3px 2px;height:auto;line-height:11px}.alba_match_card .general-infos{width:95%;border-radius:5px;margin:0 auto;top:15px;padding:0 10px}.alba_match_card .general-infos img{width:14px;height:auto}.alba_match_card .general-infos span{font-size:10px}.alba_match_card .uppergraph-Matchestatus{padding:0 10px 0;font-size:11px}}.albaflex{width:100%;display:flex;flex-direction:column}.m_block.alba_sports_events-event_item.live{order:1}.alba_sports_events-event_item.soon{order:2}.alba_sports_events-event_item{order:3}.alba_sports_events-event_item.gools{order:4}.m_block.alba_sports_events-event_item.live.finshed,.m_block.alba_sports_events-event_item.finshed{order:5}.alba-e3lan{text-align:center;clear:both}.alba-e3lan.top{margin-top:6px;margin-bottom:-6px}.m_block.alba_sports_events-event_item.live .alba_sports_events-event_mask_inner_text{background:#e00025}.match-penalty-ria{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#6c757d!important;line-height:1.2;margin-top:4px}.match-penalty-result{font-size:15px;color:#0277bd;font-weight:700;display:flex;align-items:center;justify-content:center;border:solid 1px #ccc;border-radius:50px;overflow:hidden;line-height:1.2}.match-penalty-result span.score{padding:0 10px;height:18px;color:#666;display:flex;justify-content:center;align-items:center;font-weight:700}.match-penalty-result span.name{font-size:11px;margin:0;font-weight:400;padding-bottom:1px;letter-spacing:-.5px}.alba_match_card .card_inner .match-penalty-result{background:#ffffffd1} .AlbaMatchInfo{padding:20px;background:#f7f7f7;margin:15px 0;border-radius:5px} .AlbaMatchInfo h2{display:inline-block;background:#fefefe;padding:3px 30px;border-radius:30px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07);font-weight:700;color:#4d4d54;margin-bottom:10px} .AlbaMatchInfo ul{padding:0 10px 0 20px} .rtl .AlbaMatchInfo ul{padding:0 20px 0 10px} .AlbaMatchInfo i,.AlbaMatchInfo img{font-style:normal!important;width:1em} .AlbaMatchInfo li{display:block;margin:10px 0;padding-bottom:10px;border-bottom:solid 1px #eee} .AlbaMatchInfo li:last-of-type{margin-bottom:0!important;border-bottom:0!important;padding-bottom:0!important} :root { --Main-Gap: 12px; --Full-width: 100%; --Font-Size-1: 12px; --Font-Size-2: 14px; --Font-Size-3: 18px; --Main-BG: #e4eeff; --Secondary-BG: #fff; --Main-Border-Radius: 8px; --Main-Border: 1px solid #d1e7ff; --Gray-Color-1: #718ba1; --Margin-3: 10px; --Main-Padding: 12px; --Tran-1: 0.3s; --Main-RGB-BG: rgb(0 0 0 / 60%); } #MatchesFlex, .MatchesFlex { position: relative; display: grid; grid-gap: var(--Main-Gap); grid-template-columns: repeat(1,1fr); padding: var(--Main-Padding); } .EventBox { display: flex; position: relative; width: var(--Full-width); font-size: var(--Font-Size-2); background-color: var(--Main-BG); border-radius: var(--Main-Border-Radius); border: var(--Main-Border); text-align: center; overflow: hidden; align-items: center; flex-direction: column; } .EventTeams { display: flex; width: var(--Full-width); align-items: center; flex-direction: row; flex-wrap: wrap; } .EventTeam, .EventCenter { display: flex; width: 33.3333%; height: 90px; flex: 0 0 33.3333%!important; align-items: center; justify-content: center; } .EventCenter { flex-direction: column; } .EventTeam.Right { flex-direction: row; } .EventTeam.Left { flex-direction: row-reverse; } .EventTeamLogo { display: block; position: relative; width: 50%; height: 100%; overflow: hidden; } .EventTeamLogo img { max-width: 60px!important; max-height: 60px!important; width: auto; height: auto!important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 0!important; padding: 0!important; margin: 0 -50px 0 auto!important; } .EventTeamName { display: flex; width: 50%; height: 100%; margin: 0 auto; align-items: center; justify-content: center; } .EventTiming { display: flex; margin: 0 auto; flex-direction: column; justify-content: center; align-items: center; } .EventTiming > div { display: block; height: 22px; line-height: 22px; margin: 0; font-size: var(--Font-Size-1); } .EventTiming .EventDate { display: flex; position: relative; margin-top: var(--Margin-3); font-size: var(--Font-Size-1); border-radius: var(--Main-Border-Radius); background: var(--Secondary-BG); border: var(--Main-Border); width: 90px; line-height: 30px; align-items: center; justify-content: space-evenly; } #EventHour { font-size: var(--Font-Size-2); } #Score { display: flex; width: 50px; align-items: center; justify-content: space-between; flex-wrap: nowrap; font-size: var(--Font-Size-3); font-family: arial; font-weight: bold; } .RightScore, .LeftScore { min-width: 20px; text-align: center; } ul.EventFooter { display: block; position: relative; width: var(--Full-width); border-top: var(--Main-Border); float: right; } ul.EventFooter li { display: inline-block; width: 33.3333%; line-height: 30px; float: right; font-size: var(--Font-Size-1); color: var(--Gray-Color-1); } .EventCover { cursor: pointer; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: var(--Full-width); opacity: 0; transition: var(--Tran-1); background-color: var(--Main-RGB-BG); z-index: 1; } .EventBox:hover .EventCover { opacity: 1; } .EventIcon { position: absolute; bottom: 0; right: 0; height: 55px; margin: auto; left: 0; top: 0; width: 55px; z-index: 9999; background: no-repeat center url("data:image/svg+xml,..."); } @media screen and (max-width:500px) { .EventTeam, .EventCenter { flex-direction: column!important; } .EventTeamLogo { width: 100%!important; height: 70%!important; } .EventTeamLogo img { max-width: 40px!important; max-height: 40px!important; } .EventTeamName { width: 100%!important; height: 30%!important; line-height: 20px; font-size: 12px; } ul.EventFooter li { float: none; width: var(--Full-width); } ul.EventFooter li:not(:nth-child(3)) { display: none!important; } } #Score { display: flex; flex-direction: row; /* ✅ تأكيد الاتجاه أفقي */ align-items: center; justify-content: center; gap: 5px; /* مسافة بين العناصر */ font-size: var(--Font-Size-3); font-family: arial; font-weight: bold; white-space: nowrap; /* ✅ منع النزول للسطر الجديد */ } .RightScore, .LeftScore { display: inline-block; /* ✅ جعل الأرقام في خط واحد */ min-width: auto; /* ✅ إلغاء التمدد الإجباري */ text-align: center; font-size: 0.9em; /* تصغير بسيط للأرقام */ } body.Night .EventBox { background-color: #1e1e1e !important; border-color: #444 !important; } body.Night .EventTiming .EventDate { background: #2a2a2a !important; border-color: #444 !important; } body.Night #Score { color: #fff !important; } body.Night .EventTeamName { color: #fff !important; } .EventCover { cursor: pointer; position: absolute; inset: 0; height: 100%; width: 100%; opacity: 0; transition: var(--Tran-1); background-color: rgba(0, 0, 0, 0.25); /* ظل خفيف عند hover */ z-index: 1; display: flex; align-items: center; justify-content: center; } .EventBox:hover .EventCover { opacity: 1; } .EventIcon { width: 36px; /* حجم الأيقونة */ height: 36px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.02977 3.3437C10.9834 2.88543 13.0166 2.88543 14.9703 3.3437C17.7916 4.0055 19.9946 6.20843 20.6564 9.02977C21.1146 10.9834 21.1146 13.0166 20.6564 14.9703C19.9946 17.7916 17.7916 19.9946 14.9703 20.6564C13.0166 21.1146 10.9834 21.1146 9.02977 20.6564C6.20843 19.9946 4.0055 17.7916 3.3437 14.9703C2.88543 13.0166 2.88543 10.9834 3.3437 9.02976C4.0055 6.20842 6.20842 4.0055 9.02977 3.3437ZM10.4461 10.3783C10.4461 10.0988 10.5795 9.9006 10.7326 9.80262C10.8797 9.7085 11.049 9.69832 11.212 9.80262L13.746 11.4243C13.9216 11.5366 14.0325 11.7492 14.0325 12C14.0325 12.2508 13.9216 12.4634 13.746 12.5757L11.212 14.1974C11.049 14.3017 10.8797 14.2915 10.7326 14.1974C10.5795 14.0994 10.4461 13.9012 10.4461 13.6217L10.4461 10.3783ZM11.8589 8.79187C11.271 8.41568 10.5957 8.46556 10.0858 8.79187C9.58194 9.11432 9.2461 9.6969 9.2461 10.3783V13.6217C9.2461 14.3031 9.58194 14.8857 10.0858 15.2081C10.5957 15.5344 11.271 15.5843 11.8589 15.2081L14.3929 13.5865C14.9681 13.2183 15.2325 12.5901 15.2325 12C15.2325 11.4099 14.9681 10.7817 14.3929 10.4135L11.8589 8.79187Z' fill='%23007bff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; }