#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: var(--wpr-bg-88726faa-67a0-45d8-b3b1-265e9e26b2a2); -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: var(--wpr-bg-b3f5348a-7d54-4222-9621-24574877ae16); background-size: 100% } .alba-live-table .events-info .albaicon.television,.alba_match_card .albaicon.television { background-image: var(--wpr-bg-4afc605a-9ad8-4d5b-81a2-d73100e3eaee); background-size: 100% } .alba-live-table .events-info .albaicon.cup,.alba_match_card .albaicon.cup { background-image: var(--wpr-bg-2c20e13f-d095-4e2d-a8dc-8bb0a5bf6f65); 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: var(--wpr-bg-2c75fb9c-49c0-4818-86e5-e852f5653b2a); 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: 12px } .alba-live-table .event_title_wrapper .matchTime { font-size: 1.2em; margin-top: 2px } .alba-live-table .Matchestatus .status .date { font-size: 12px; padding: 0 5px 1px } .alba-live-table .alba_sports_events-team_title { font-size: 12px; 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 } .chanels-fix { display: none; } a { background-color: transparent } a:active,a:hover { outline-width: 0 } * { padding: 0; margin: 0; list-style: none; border: 0; outline: none; box-sizing: border-box } *:before,*:after { box-sizing: border-box } body { background: #F7F7F7; color: var(--base-color); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Open Sans", Arial, sans-serif; font-size: 13px; line-height: 21px } h1,h2,h3,h4,h5,h6,.the-subtitle { line-height: 1.4; font-weight: 600 } h1 { font-size: 41px; font-weight: 700 } h2 { font-size: 27px } h3 { font-size: 23px } h4,.the-subtitle { font-size: 17px } h5 { font-size: 13px } h6 { font-size: 12px } a { color: var(--base-color); text-decoration: none; transition: 0.15s } .brand-title,a:hover { color: var(--brand-color) } .navbar-brand2.textlogo{padding:5px}div#navbar-brand2{padding:2px;float:right;background:#004e93;border-radius:4px;box-sizing:border-box} a.navbar-brand.fw-bold { display: none; } span.spanlogo { line-height:1.8;display:block;text-align:center;color:#fff;font-size:15px;font-weight:900; } @media (max-width: 991) { span.spanlogo { font-size: 11px; } } div#game-container { background-color: black; /* Black background for the entire page */ font-family: sans-serif; /* Use a standard sans-serif font */ color: white; /* White text for better contrast */ margin: 0; /* Remove default body margins */ overflow-x: hidden; /* Prevent horizontal scrollbar on some browsers */ } .entry-content-wrap{padding: 5px;} #game-menu { width: 100%; /* Menu takes full width */ display: flex; /* Use flexbox for horizontal layout */ justify-content: center; /* Center the buttons horizontally */ padding: 5px; /* Add some top/bottom padding */ background-color: #333; /* Slightly darker background for the menu */ } .game-button { margin: 0 2px; /* Add horizontal margin between buttons */ border: none; cursor: pointer; transition: background-color 0.3s ease; font-weight: bold; /* Bold font */ flex: 1; /* Distribute buttons evenly */ text-align: center; /* Center text within buttons */ font-size: 20px; } .game-button { background-color: #858597; color: white; } .game-button.active { background-color: red; color: white; } #game-container { background-color: black; width: 100%; /* Game container takes full width */ height: 500px; /* Game container takes full viewport height minus menu height */ display: flex; /* Use flexbox for centering */ justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ } #game-container iframe { width: 100%; /* Game takes up 90% of the container width */ height: 100%; /* Game takes up 90% of the container height */ border: none; /* Remove iframe border */ max-width: 100%; /* Set a maximum width for the iframe */ max-height: 500px; /* Set a maximum height for the iframe */ } #AYaHeader .HdrInner { width: 100%; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); position: relative; } .AYaLogo { background: #931800; box-sizing: border-box; max-width: 200px; border-radius: 8px; } .AYaLogo.textlogo { padding: 5px; } .AYaLogo { width: 200px; margin: 8px 0; } .says, .screen-reader { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } #AYaHeader .HdrInner > .container { min-height: 85px; } .AYaLogo .SiteName { font-size: 30px; } .AYaLogo span { display: block; text-align: center; color: #fff; font-size: 19px; min-height: 4px; line-height: 33px; } .hed-btn { border-radius: 8px; height: 40px; width: 40px; background: #273340; display: inline-flex; cursor: pointer; justify-content: center; align-items: center; } .AYaMainNav { align-items: center; display: flex ; } } #AYaHeader { position: relative; margin-bottom: 15px; } .AYaMainNav { flex: 1; } .AYaMainNav li{position:relative}.MainMenu li>a{padding:8px;display:block;white-space:nowrap;font-size:17px;color:var(--header_color)} .MainMenu li a:hover{color:var(--main_color)} .hed-btn{height:35px;width:35px;background:var(--DarkColor);display:inline-flex;cursor:pointer;justify-content:center;align-items:center} .hed-btn .icon{width:22px;height:22px;color:#fff} .AYaSocial .twitter a{--DarkColor:#000} .AYaSocial .facebook a{--DarkColor:#1877f2} .AYaSocial .youtube a{--DarkColor:#cd201f} .AYaSocial .telegram a{--DarkColor:#24a1de}.AY_Block{margin-bottom:20px;box-shadow:0 0 4px var(--bk-shadow);background:var(--LightColor);overflow:hidden} .gap-5 { gap: 5px; } .d-fx { display: flex ; } .fx-cen, .AY_Inner { display: flex !important ; align-items: center !important; } .AYb_Head{padding:8px;overflow:hidden;border-radius:8px 8px 0 0;display:flex;justify-content:space-between}.AYb_Head h1,.AYb_Head h2{font-size:16px}.AYb_Head a{color:#fff}.AYb_Head .aya-btn{background: #000;position: relative; padding: 6px 10px 5px; display: inline-flex ; align-items: center; justify-content: center; border-radius: 8px; color: #fff; font-size: 16px; text-align: center;}