@font-face {
font-family: 'Neurial Grotesk';
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Light.eot);
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Light.eot?#iefix) format('embedded-opentype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Light.woff) format('woff'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Light.ttf) format('truetype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Light.svg#NeurialGrotesk-Light) format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Neurial Grotesk';
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Regular.eot);
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Regular.woff) format('woff'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Regular.ttf) format('truetype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Regular.svg) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Neurial Grotesk';
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Medium.eot);
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Medium.eot?#iefix) format('embedded-opentype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Medium.woff) format('woff'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Medium.ttf) format('truetype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Medium.svg) format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Neurial Grotesk';
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Bold.eot);
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Bold.woff) format('woff'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Bold.ttf) format('truetype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Bold.svg#NeurialGrotesk-Bold) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Neurial Grotesk';
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Extrabold.eot);
src: url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Extrabold.eot?#iefix) format('embedded-opentype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Extrabold.woff) format('woff'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Extrabold.ttf) format('truetype'),
url(//www.aciertopro.com/wp-content/themes/aciertopro/assets/fonts/picksmuse/NeurialGrotesk-Extrabold.svg#NeurialGrotesk-Extrabold) format('svg');
font-weight: 800;
font-style: normal;
font-display: swap;
}
:root{
--text-color: #000000;
} *{
margin: 0;
padding: 0;
text-decoration: none;
color: var(--text-color);
}
body {
font-family: 'Neurial Grotesk' !important;
background-color: #efefef;
font-weight: 400;
}
html { scroll-behavior: smooth; }
body > header *, body > footer *:not(.myselect,.myselect option){
color:#ffffff ;
}
p{color:var(--text-color)}
ol,
ul {
list-style: none;
}
a, button{
transition: 0.3s;
}
a:hover{
text-decoration: none !important;
}
.dropdown-toggle::after{
zoom: 1.8;
vertical-align: .1rem !important;
}
.dropdown-toggle-win::after{
color: #09b448;
}
.dropdown-toggle-loss::after{
color: #e0140d;
}
.dropup-toggle::after{
transform: rotate(-180deg);
zoom: 1.8;
}
.droright-toggle::after{
transform: rotate(-90deg);
zoom: 1.8;
}
.icon-arrow {
display: inline-block;
width: 15px;
height: 15px;
background-color: grey; -webkit-mask: url("data:image/svg+xml,%3Csvg width='15px' height='15px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7C12.2652 7 12.5196 7.10536 12.7071 7.29289L19.7071 14.2929C20.0976 14.6834 20.0976 15.3166 19.7071 15.7071C19.3166 16.0976 18.6834 16.0976 18.2929 15.7071L12 9.41421L5.70711 15.7071C5.31658 16.0976 4.68342 16.0976 4.29289 15.7071C3.90237 15.3166 3.90237 14.6834 4.29289 14.2929L11.2929 7.29289C11.4804 7.10536 11.7348 7 12 7Z' fill='currentColor'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7C12.2652 7 12.5196 7.10536 12.7071 7.29289L19.7071 14.2929C20.0976 14.6834 20.0976 15.3166 19.7071 15.7071C19.3166 16.0976 18.6834 16.0976 18.2929 15.7071L12 9.41421L5.70711 15.7071C5.31658 16.0976 4.68342 16.0976 4.29289 15.7071C3.90237 15.3166 3.90237 14.6834 4.29289 14.2929L11.2929 7.29289C11.4804 7.10536 11.7348 7 12 7Z' fill='currentColor'/%3E%3C/svg%3E") no-repeat center / contain;
}
.icon-arrow-left{
transform: rotate(-90deg);
}
.icon-arrow-right{
transform: rotate(90deg);
}
button:focus,
a:focus,
input:focus,
textarea:focus{
outline: none;
}
.angle-left svg{
transform: rotate(-90deg);
}
.angle-right svg{
transform: rotate(90deg);
}
.myselect {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
min-width: 120px;
padding: 6px 20px 6px 6px;
line-height: 24px;
border: solid 1px #999;
border-radius: 6px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='180 -360 600 1200'%3E%3Cpath d='M1015 10q-10-10-23-10t-23 10L512 492 55 10Q45 0 32 0T9 10Q0 20 0 34t9 24l480 506q10 10 23 10t23-10l480-506q9-10 9-24t-9-24z'%20fill%3D%27slategray%27/%3E%3C/svg%3E");
background-size: 18px;
background-repeat: no-repeat;
background-position: calc(100% - 2px) center;
cursor: pointer;
font-weight: normal;
outline: none;
}
.cuote {
font-size: .9rem;
line-height: 1.2;
color: #0558cb;
font-weight: 700;
padding: .2rem .4rem;
border-radius: .2rem;
background-color: #ddeafd;
position: relative;
top: 0;
} .myselect::-ms-expand {
display: none;
}
.myselect optgroup {
font-weight: 400;
background-color: aliceblue;
}
.myselect option {
background-color: #fff;
text-indent: 0;
} .side_box .box_header {
background-color: var(--primary-color) !important;
border-radius: 1rem 1rem 0 0;
padding: 10px 20px;
font-weight: 700;
color: #FFFFFF;
}
.f-widget small{
font-size: .7rem;
}
.side_box .box_body {
background: #e9e9e9;
border-radius: 0 0 .5rem .5rem;
padding: .5rem .5rem;
}
.top_box {
background: #FFFFFF;
border-radius: .5rem;
}
.top_box:hover {
box-shadow: 0 1rem 2.0rem rgba(58, 59, 62, 0.33);
}
.serial {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.5rem;
height: 1.5rem;
border-radius: 0.4rem;
color: #FFFFFF;
background: transparent linear-gradient(143deg, #0558CB 0%, #DC213E 100%);
}/*/*//*/*/.custom-rectangle {
border-radius: .5rem;
overflow: hidden;
}
.oddsbox {
font-size: .8rem;
line-height: 1.2;
color: #0558cb;
font-weight: 700;
padding: .3rem .4rem;
border-radius: .2rem;
background-color: #ddeafd;
}
.custom-rectangle .btn{
box-shadow:0 .1rem .5rem rgba(11,105,236,.33);
}
.single_event_match_title_box{
display: flex;
align-items: center;
background-color: #00203A;
border-radius: .4rem;
justify-content: space-between;
padding: 0.3rem .6rem;
margin-top: .5rem;
}
.single_event_match_title_box span {
font-size:1.1rem;
color: #fafcfd;
font-weight: bold;
}/**/h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: bold;
color: #333;
} h1 {
font-size: 1.5rem; margin-bottom: 1rem;
}
h2 {
font-size: 1.2rem; margin: 1rem 0 0.75rem 0;
}
h3 {
font-size: 0.9rem; margin: 0.75rem 0 0.5rem 0;
}
h4 {
font-size: 0.75rem; margin: 0.5rem 0;
}
h5 {
font-size: 0.6rem; margin: 0.4rem 0;
}
h6 {
font-size: 0.525rem; margin: 0.3rem 0;
}
@media (max-width: 768px) {
h1 { font-size: 1.2rem; } h2 { font-size: 1.1rem; } .single_event_content img {
width: 95%;
height: 90%;
}
}
p{
margin-bottom: 0 !important;
}
a.btn_2 {
display: inline-block;
border: .1rem solid #FFFFFF;
border-radius: .6rem;
padding: .7rem 2rem;
margin-top: 2.5rem;
color: #fff;
font-weight: 400;
}
a.btn_2:hover{
background-color: #fff;
color: var(--text-color);
border: .1rem solid var(--text-color);
font-weight: 600;
}
.media h3 {
line-height: 1.2;
font-weight: 500;
margin-bottom: 0;
white-space: break-spaces;
font-size: 1rem !important;
}/*/*/.container_logo_review {
border-radius: 8px 8px 0 0;
min-height: 210px;
}
.container_logo_review img{
object-fit: contain;
}
.bk-box {
border-radius: 0 0 8px 8px;
border: 1px solid #dbdbdbb0;
}/**/.back-to-top {
padding: 10px;
text-align: center;
display: none;
position: fixed;
bottom: 30px;
right: 20px;
border-radius: 50%;
background: #005daa;
z-index: 1000;
}
.back-to-top i {
color: #fff;
} .hamburger-menu {
cursor: pointer;
margin-right: 1.5rem;
margin-top: 0.5rem;
display: none;
zoom: .6;
}
.hamburger-menu span:first-child{
margin-top: 0;
}
.hamburger-menu span:last-child{
margin-bottom: 0;
}
.hamburger-menu span {
background: #009fdc;
width: 2.5rem;
height: 0.3rem;
display: block;
margin: 0.5rem 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hamburger-menu:hover .line-top {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.hamburger-menu:hover .line-bottom {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.hamburger-menu .line-top.current {
-webkit-transform: translateY(200%) rotate(135deg);
-ms-transform: translateY(200%) rotate(135deg);
transform: translateY(200%) rotate(135deg);
margin-top: 1rem;
}
.hamburger-menu .line-center.current {
opacity: 0;
}
.hamburger-menu .line-bottom.current {
-webkit-transform: translateY(-325%) rotate(-135deg);
-ms-transform: translateY(-325%) rotate(-135deg);
transform: translateY(-325%) rotate(-135deg);
}
.logo_box{
line-height: 0;
}
.title{
font-weight: 700;
line-height: 1.2;
}
.logo{
display: block;
max-width: 18.3rem;
}
body > header {
width: 100%;
background-color: #dd0000;
border: 1px solid #03b0f44a;
}
.menu {
text-align: center;
margin-bottom: 0 !important;
}
.menu li {
display: inline-block;
}
.menu li::before{
color:#fff;
font-weight: 500;
}
.menu i {
display: inline-block;
margin-right: 3px;
}
.menu li a {
display: inline-block; padding: 8px 12px; text-decoration: none; transition: background 0.3s, color 0.3s; align-items: center;
}
.menu li a:hover {
color:rgb(10, 7, 7);
background: #1a3e6f42; border-radius: 12px; } .menu li a img{
height: 1.4rem;
margin-right: 0.6rem;
}
.menu li.current-menu-item a{
color:rgb(10, 7, 7)!important;
background: rgba(143, 143, 143, 0.1); border-radius: 12px; font-weight: 600; } .menu li.current-page-ancestor a{
color: #000000 !important!important;
}  .btn_group{
display: flex;
align-items: center;
justify-content: flex-end;
line-height: 8.5rem;
}
.headerbtnsearch {
background: transparent linear-gradient(107deg,#0558cb 0%,#023986 100%);
box-shadow: 0px .3rem 1.5rem rgba(11,105,236,.4);
outline: none;
border: none;
}
.headerbtnsearch:hover{
background: transparent linear-gradient(-107deg, #0558CB 0%, #023986 100%);
}
.headerlgn {
padding: 1rem!important;
margin-left: 1rem;
border: 2px solid white;
border-radius: .6rem;
transition: all .2s;
}
.headerlgn:hover {
background-color: rgba(255, 255, 255, 0.856);
} .menu {
display: flex;
justify-content: left;
margin: 0;
padding: 0;
list-style: none;
}
.menu > li {
position: relative;
padding: 0 15px;
}
.menu a {
color: #ffffff;
text-decoration: none;
font-weight: 500;
padding: 10px 0;
display: block;
transition: all 0.3s ease;
}
.menu a:hover {
color: #0056b3;
} .sub-menu {
display: none;
position: absolute;
left: 0;
top: 100%;
min-width: 200px;
background: white;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
border-radius: 4px;
padding: 10px 0;
margin: 0;
list-style: none;
z-index: 1000;
}
.sub-menu a {
color: #000000;
}
.menu li:hover > .sub-menu {
display: block;
}
.sub-menu li {
padding: 0;
}
.sub-menu a {
padding: 8px 20px;
white-space: nowrap;
}
.sub-menu a:hover {
background: #f8f9fa;
} .menu-item-has-children > a::after {
content: "▾";
margin-left: 5px;
font-size: 0.8em;
} @media (max-width: 991px) {
.menu {
flex-direction: column;
align-items: center;
}
.menu > li {
width: 100%;
text-align: center;
padding: 0;
}
.sub-menu {
position: static;
box-shadow: none;
display: none;
width: 100%;
}
.menu li:hover > .sub-menu {
display: none;
}
.menu li.menu-open > .sub-menu {
display: block;
}
}
.subpages-menu-container {
background: #f5f5f5;
padding: 12px 0;
border-top: 1px solid #e0e0e0;
margin-top: 10px;
}
.subpages-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px 15px;
list-style: none;
margin: 0;
padding: 0;
}
.subpages-menu li:not(:last-child)::after {
content: "|";
margin-left: 15px;
color: #aaa;
}
.subpages-menu a {
color: #333;
font-weight: 500;
text-decoration: none;
font-size: 0.9em;
}
.subpages-menu a:hover {
color: #0056b3;
text-decoration: underline;
} body > footer {
background: #dd0000;
border-top: 1px solid rgb(12, 0, 187);
}
.footer-reg {
margin-top: 1rem;
border-top: 1px solid #59595999;
padding: 1rem;
}
body > footer .menu li a{
line-height: 1;
}
body > footer .menu li a::before{
display: none;
}
.pagination_list{
display: flex;
align-items: center;
justify-content: center;
}
.pagination_list a, .pagination_list span{
height: 2rem;
width: 2rem;
border-radius: .5rem;
box-shadow: 0px 0.3rem 1.0rem #0F4B9F26;
border: 0.1rem solid #E4E6E8;
display: flex;
align-items: center;
justify-content: center;
}
.pagination_list a:hover,
.pagination_list a.active,.pagination_list span:hover,
.pagination_list .current{
background-color: #0558CB;
color: #FFFFFF;
}
.pagination_list .prev{
margin-right: 4.5rem;
}
.pagination_list .next{
margin-left: 4.5rem;
}
.social_icons a{
color: #fff;
}
.social_icons a:hover{
color: #0558CB;
}
.social_icons a:not(:last-child){
margin-right: 1rem;
}
.p-reg{
margin-top: 3rem;
}
.inner_bg {
border-radius: 0.8rem;
min-height: 17rem;
display: flex;
align-items: center;
padding: 1.5rem ;
position: relative;
background-size: cover;
background-position: center;
}
.inner_bg > .logo2{
position: absolute;
width: 3.5rem;
right: 2rem;
bottom: 1.8rem;
}
.inner_bg h1{
font-weight: 500;
line-height: 1;
display: flex;
align-items: center;
color: #fff;
text-transform: uppercase;
}
.inner_bg h1 img{
width: 4.7rem;
margin-right: 2rem;
}
.inner_bg .icon-news{
font-weight: 500;
color: #fff;
}
.blog_hero_content h2{
line-height: 1.33;
font-weight: 700;
color: #F8F8F8;
padding-top: .6rem;
max-width: 120rem;
}
.blog_top_content{
display: flex;
align-items: center;
}
.blog_top_content img{
margin-right: 1.6rem;
}
.post-featured-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
}
.desc_box{
border-radius: 0px 0px 10px 10px;
}
.blog_box a{
color: var(--text-color);
font-weight: 500;
}
.blog_box .img_box{
border-radius: 10px 10px 0px 0px;
overflow: hidden;
height: 19.6rem;
max-height: 180px;
}
.blog_box .img_box img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
transition: 0.4s;
}
.blog_box:hover .img_box img{
transform: scale(1.2);
}
.blog_heading{
display: flex;
align-items: center;
justify-content: space-between;
}
.blog_heading_right_content{
display: flex;
align-items: center;
}
.serach_box{
position: relative;
margin-left: 1.5rem;
}
.serach_box input{
max-width: 26.0rem;
width: 100%;
height: 3.3rem;
border-radius: 1.7rem;
background-color: #F7F7F8;
border: none;
padding-left: 5.8rem;
}
.serach_box img{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 2rem;
}  .page_content > p{
max-width: 100%;
text-align: justify;
line-height: 1.9;
margin-bottom: 1em;
margin-block-start: 1em;
}
.page_content > ul, 
.page_content > ol{
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
.page_content > ul{
list-style-type: square;
}
.page_content > ul > li{
margin-block-start: 1rem;
list-style: inherit;
text-align: justify;
}
.page_content > ul > li > strong{
margin-left: 0.5rem;
}
.page_content > ol,
.page_content > li{
margin: 0 0 10px;
list-style: inherit;
}
.page_content > ol{
list-style-type: decimal;
} .single-forecast-banner{
border-radius: .6rem;
position: relative;
background-color: #005daa;
border: 2px solid transparent;
box-shadow: inset 0 0 0 1px white;
}
.single-forecast-banner .single-forecast-teams p{
font-size: 14px;
}
.single-forecast-banner .single-forecast-date{
font-size: .8rem;
font-weight: 600;
}
.single-forecast-banner .single-forecast-date time{
font-size: 1.2rem;
} .single_event_content{
position: relative;
min-height: auto;
background: #ffffff;
} .single_event_content  p{
text-align: justify;
line-height: 1.2;
margin-block-start: 1em;
} .single_event_content ul, ol{
margin-block-start: 1em;
margin-block-end: 1em;
} .single_event_content ul li {
list-style: disc;
margin-left: 1rem;
} .single_event_content ol li{
list-style: inherit;
} .single_event_content > ul > li::marker{
color: #d42e11;
} .single_event_content li {
margin: 0 0 10px;
} .single_event_content ol{
list-style-type: decimal;
} .single_event_content  a {
color: #0558CB;
text-decoration: underline;
} .single_event_content > a:visited {
color: #ee76de;
} .single_event_content p a:hover {
color: #03b0f4;
text-decoration: underline;
} .single_event_content a:active {
color: blue;
} .single_event_content > p:empty  {
display: none;
} .single_event_breadcrumb ul{
display: flex;
align-items: center;
margin-top: 2rem;
} .single_event_breadcrumb ul li a:hover{
color: #0558CB;
} #table-of-contents {
list-style: none;
padding: 0;
} #table-of-contents li {
margin-bottom: 10px;
} #table-of-contents a {
text-transform: capitalize;
text-decoration:none;
color:#00203A;
} #table-of-contents a:hover {
text-decoration: underline;
} #table-of-contents ul {
padding-inline-start: 0!important;
} .con-t {
border: 1px solid #e3e3e3;
border-radius: 1rem;
border-top: 0;
background: #ffffff;
}
.blog_hero_area{
overflow: hidden;
} .custom-table {
overflow-x: auto;
margin-top: 2rem;
white-space: nowrap;
}
.custom-table th,
.custom-table td {
padding: 6px 8px !important;
text-align: center;
border: 1px solid #e5e5e5;
font-size: .7rem;
}
.custom-table th {
background-color: var(--text-color);
color:#fff;
font-size: .9rem;
}
.custom-table th:nth-child(1){
border-radius: 1rem 0rem 0 0;
}
.custom-table th:nth-child(5){
border-radius: 0rem 1rem 0 0;
} .custom-table tbody tr:nth-child(odd) {
background-color: #f2f2f2;
} .custom-table tbody tr:nth-child(even) {
background-color: #fff;
} .custom-table .team-name {
font-weight: 400;
color: #333;
} .custom-table .score {
font-weight: bold;
} .custom-table .score.green {
color: #43A047;
} .custom-table .score.red {
color: #E53935;
} .custom-table .competition {
color: #000000;
font-weight: 400;
} .custom-table .match-date {
color: #838383;
font-weight: 400;
}
.custom-table td.team-name {
display: flex; align-items: center; justify-content: space-between; text-align: right;
} .win-label {
background-color: #43A047; color: #fff; padding: 3px 6px; border-radius: 3px; }
.loss-label {
background-color: #ff2743; color: #fff; padding: 3px 6px; border-radius: 3px; }
.draw-label {
background-color: #efab2d; color: #fff; padding: 3px 6px; border-radius: 3px; }
.bg-form {
padding: 8px;
border-radius: 3px;
}
.bg-form h2 {
color: #fff;
}
.team-name.win {
font-weight: bold;
}
.user-profile {
display: flex;
align-items: center;
padding: 5px;
background-color: #f5f5f5;
border-radius: 8px;
box-shadow: 0px 1.5rem 3rem rgb(162 166 177 / 38%);  
}
.image-container {
display: flex;
align-items: center;
justify-content: center;
}
.user-name {
font-weight: 600;
margin-bottom: 8px;
}
.user-bio {
margin-bottom: 1rem;
color: #5c5c5c;
}
.user-social > a {
color: var(--text-color)bd;
margin: 3px;
}/*/*/.slider .item {
border-radius: 0;
padding: 1.5rem 2rem;
}
.team_logo {
box-shadow: 0 0 .8rem rgba(0,0,0,.2);
width: 90px;
height: 90px;
min-width: 90px;
min-height: 90px;
overflow: hidden;
}
.team-name{
font-weight: 400;
text-align: center;
}
.ml-slide{
text-align: center;
}
.team_box {
border-radius: 3rem;
background-color: rgba(255, 255, 255, .25)	;
backdrop-filter: blur(.5rem);
-webkit-backdrop-filter: blur(.5rem);
}
.team_box b {
line-height: 1;
padding: .2rem .3rem;
background-color: #ddeafd;
border-radius: .2rem;
color: #0558cb;
}
.slider .owl-dots{
text-align: center;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
border: none;
outline: none;
}
.slider .owl-dots button {
width: 3rem;
height: .2rem;
background-color: #e4e6e8;
margin: 0 2.5px;
}
.slider .owl-dots button.active {
background-color: #0558cb;
}
.slider .owl-nav{
display: none;
}
.slider .owl-nav button {
background-color: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.slider .owl-nav button.owl-prev {
left: 2rem;
}
.slider .owl-nav button.owl-next {
right: 2rem !important;
}
.ml-slide p{
font-size: 1.2rem;
font-weight: 400;
color: #FFFFFF;
opacity: .9;
}/**/.modal {
background-color: rgba(0, 0, 0, 0.7);
}
.modal-content {
margin: 15% auto;
width: 80% !important;
} #open-search-modal {
cursor: pointer;
} #search-results p {
margin: 0;
padding: 10px;
border-bottom: 1px solid #ddd; }
#search-results a {
color: #333;
text-decoration: none;
font-weight: bold;
transition: color 0.3s;
}
#search-results a:hover {
color: #007bff; } @media (min-width: 768px) {
.single-forecast-teams img{
width: 80px;
height: 80px;
}
}
@media (min-width: 992px) {
.team_logo{
margin-left: -.8rem;
}
.ml-slide{
text-align: left;
margin: 2rem 0;
}
.ml-slide a{
margin-left: 1.5rem;
font-size: 1.2rem;
font-weight: 500;
}
.team-name{
text-align: left;
}
.slider{
max-width: 1080px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin: 3rem auto 0 auto;
}
.ml-slide p{
padding-left: 1.5rem;
}
.slider .item{
border-radius: 1rem;
padding: 1.5rem 4rem;
}
.slider .owl-nav{
display: block;
}
} @media (max-width: 767.98px) {
#secondary {
display: none;
}
}
@media (max-width: 992px) {
.container{
max-width: 880px !important;
}
body > header {
display: flex;
align-items: center;
height: 4rem;
}
.logo_col{
display: flex;
align-items: center;
}
.menu{
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: -100%;
background-color: #051421;
z-index: -1;
padding-top: 3.5rem;
text-align: left;
transition: 0.4s;
}
.menu li{
display: flex;
max-width: 38rem;
align-items: center;
align-content: center;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 1.3rem;
}
.menu li:last-child{
margin-bottom: 0;
}
.menu li a{
margin: 0 5px;
line-height: 1.2;
position: relative;
display: flex;
}
.menu li a::before{
display: none;
}
.menu li a::after{
position: absolute;
content: '\f054';
font-family: "Font Awesome 5 Pro";
right: 0;
top: 0;
color: rgba(255, 255, 255, 0.1);
}
.menu.current{
left: 0;
margin-top: 1.7rem;
}
.hamburger-menu {
display: block;
}
.ofcavas-menu {
display: block;
}
.title_wrap {
flex-wrap: wrap;
justify-content: space-between;
}
.header_bottom ul li {
padding: 0 1rem;
}
}
@media (min-width: 993px) {
.container {
max-width: 1080px !important;
}/*/*/.container_logo_review {
border-radius: 1rem 0 0 1rem;
justify-content: center;
}
.container_logo_review img{
object-fit: contain;
}
.bk-box {
border-radius: 0 8px 8px 0;
}
}
@media (min-width: 1220px){/**/.side_box .box_body {
padding: .5rem 1rem;
} }
@media (min-width: 1280px) { 
.single-forecast-teams p{
font-size: 16px;
} .f-widget small:first-child{
font-size: .83rem;
} }
@media (min-width: 1440px) { 
.container, .slider{
max-width: 1320px !important;
}
}
.match-header {
background: linear-gradient(135deg, #2c3e50 0%, #1a2530 100%); color: #fff;
padding: 10px;
font-weight: bold;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.match-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #ddd; }
.match-row:last-child {
border-bottom: none; }
.team-logo {
width: 40px;
height: 40px;
object-fit: contain;
}
.match-score {
font-weight: bold;
text-align: center;
}
.match-details {
color: #007bff;
font-size: 12px;
text-decoration: none;
}
.match-details:hover {
text-decoration: underline;
}
.date-navigation {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px 0;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.date-list {
display: flex;
gap: 15px;
overflow-x: auto;
white-space: nowrap;
padding: 5px 0;
}
.date-item {
font-size: 14px;
font-weight: bold;
color: #555;
cursor: pointer;
transition: color 0.2s ease;
}
.date-item small {
display: block;
font-size: 10px;
color: #000;
}
.date-item.active,
.date-item:hover {
color: #000;
font-weight: bold;
}
.nav-arrow {
background: none;
border: none;
font-size: 20px;
color: #ccc;
cursor: pointer;
transition: color 0.2s ease;
}
.nav-arrow:hover {
color: #000;
}
.date-navigation {
background: #fff;
padding: 10px;
border-radius: 8px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.dates {
gap: 30px;
display: flex;
align-items: center;
}
.date-item {
font-weight: bold;
color: #555;
cursor: pointer;
padding: 5px 15px;
border-radius: 5px;
transition: all 0.3s ease;
}
.date-item.active,
.date-item:hover {
color: black;
font-weight: bold;
border-bottom: 2px solid black;
}
.nav-arrow {
background: none;
border: none;
font-size: 20px;
color: #ccc;
cursor: pointer;
transition: color 0.3s ease;
}
.nav-arrow:hover {
color: black;
}
.sports-schedule {
font-family: Arial, sans-serif;
}
.match-card {
background-color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
} .match-time {
font-size: 0.875rem;
color: #6c757d;
}
.match-channel {
font-size: 0.75rem;
color: #6c757d;
margin-top: 2px;
}
.btn-predictions:hover {
background-color: #e2e6ea;
}
@media (max-width: 767.98px) {
.pr-md-2 {
padding-right: 0 !important;
}
} .news-card {
border-radius: 4px;
overflow: hidden;
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
height: 100%;
}
.news-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.news-card-link {
color: inherit;
text-decoration: none;
display: block;
height: 100%;
}
.news-image-container {
height: 175px;
overflow: hidden;
}
.news-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.news-card:hover .news-image {
transform: scale(1.03);
}
.news-content {
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
}
.news-meta {
display: flex;
align-items: center;
margin-bottom: 12px;
font-size: 12px;
}
.sport-badge {
font-weight: 600;
padding: 2px 6px;
border-radius: 3px;
margin-right: 8px;
} .sport-nba {
background-color: #e8f4f8;
color: #1d428a;
}
.sport-nhl {
background-color: #f0f8ff;
color: #006847;
}
.publish-time {
color: #666;
}
.news-title {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 8px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-summary {
font-size: 14px;
color: #555;
line-height: 1.4;
margin-bottom: 16px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
flex-grow: 1;
}
.view-article {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 600;
color: #0066cc;
margin-top: auto;
}
.chevron-right {
margin-left: 6px;
color: #0066cc;
} .section-title {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
color: #333;
margin-bottom: 24px;
position: relative;
padding-bottom: 8px;
}
.section-title:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
background: #0066cc;
} .match-odds-container {
background: white;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
max-width: 280px;
}
.match-odds-container:hover {
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
} .teams-display {
position: relative;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.team-logo-container {
position: relative;
margin: 0 10px;
display: flex;
justify-content: center;
}
.team-logo {
width: 48px;
height: 48px;
object-fit: contain;
transition: transform 0.3s ease;
}
.team-logo:hover {
transform: scale(1.1);
}
.team-tooltip {
position: absolute;
bottom: -25px;
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 2px 8px;
border-radius: 4px;
font-size: 11px;
opacity: 0;
transition: opacity 0.2s ease;
white-space: nowrap;
}
.team-logo-container:hover .team-tooltip {
opacity: 1;
}
.versus-badge {
background: #0558cb;
color: white;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 12px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} .odds-display {
background: white;
}
.odd-box {
text-align: center;
flex: 1;
max-width: 70px;
border-radius: 6px;
overflow: hidden;
margin: 0 4px;
transition: transform 0.2s ease;
}
.odd-box:hover {
transform: translateY(-3px);
}
.odd-label {
font-size: 11px;
font-weight: 700;
padding: 4px 0;
color: white;
}
.odd-value {
font-size: 16px;
font-weight: 800;
padding: 8px 0;
background: #f8f9fa;
color: #0558cb;
}
.home-odd .odd-label {
background: linear-gradient(135deg, #005daa, #2f89d3);
}
.draw-odd .odd-label {
background: linear-gradient(135deg, #005daa, #2f89d3);
}
.away-odd .odd-label {
background: linear-gradient(135deg, #005daa, #2f89d3);
}
.bg-3 {
background: #FFFFFF;
}
.btn-predictions {
background-color: #005daa; color: white !important;
border: 1px solid #FFFFFF;
border-radius: 4px;
padding: 0.25rem 0.75rem;
font-weight: 500;
transition: all 0.3s ease;
}
.btn-predictions:hover {
background-color: #005daa; border-color: #FFF;
color: white !important;
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(255, 107, 0, 0.3);
}
.btn-predictions:active {
transform: translateY(0);
box-shadow: none;
} .mobile-menu-container {
display: none; } .mobile-menu-toggle {
background: none;
border: none;
padding: 15px;
cursor: pointer;
z-index: 1001;
position: relative;
}
.toggle-bar {
display: block;
width: 25px;
height: 3px;
background: #FFFFFF;
margin: 5px 0;
transition: all 0.3s ease;
} .mobile-menu {
position: fixed;
top: 0;
left: -100%;
width: 80%;
max-width: 300px;
height: 100vh;
background: #fff;
z-index: 1000;
padding: 70px 20px 20px;
transition: all 0.3s ease;
overflow-y: auto;
}
.mobile-menu[aria-hidden="false"] {
left: 0;
} .mobile-menu-list {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu-list li {
border-bottom: 1px solid #eee;
}
.mobile-menu-list a {
display: block;
padding: 12px 0;
color: #333;
text-decoration: none;
} .mobile-menu-list .sub-menu {
display: none;
padding-left: 15px;
} .mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
} @media (max-width: 991px) {
.mobile-menu-container {
display: block;
}
} .mobile-menu-toggle.active .toggle-bar:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.mobile-menu-toggle.active .toggle-bar:nth-child(2) {
opacity: 0;
}
.mobile-menu-toggle.active .toggle-bar:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
.underline-draw {
position: relative;
display: inline-block;
padding-bottom: 5px;
}
.underline-draw::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #3a86ff;
transition: width 0.6s ease-out;
}
.underline-draw:hover::after {
width: 100%;
} .underline-draw.animate::after {
width: 100%;
} .single-post-container {
padding: 40px 0;
background-color: #fff;
} .post-header {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.post-title {
font-size: 2.2rem;
line-height: 1.3;
margin-bottom: 20px;
color: #222;
font-weight: 700;
} .post-meta {
margin-top: 15px;
}
.author-info {
display: flex;
align-items: center;
}
.author-avatar {
border-radius: 50%;
margin-right: 15px;
border: 2px solid #f5f5f5;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.author-details {
display: flex;
flex-direction: column;
}
.author-name {
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.post-date {
font-size: 0.9rem;
color: #666;
} .featured-image-container {
margin: 25px 0;
border-radius: 8px;
overflow: hidden;
}
.featured-image {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
}
.featured-image:hover {
transform: scale(1.02);
}
.no-featured-image {
padding: 40px;
background-color: #f9f9f9;
text-align: center;
color: #888;
border-radius: 8px;
} .post-content-wrapper {
margin: 30px 0;
}
.post-content {
line-height: 1.8;
font-size: 1.1rem;
color: #444;
}
.post-content p {
margin-bottom: 1.8rem;
}
.post-content h2,
.post-content h3,
.post-content h4 {
margin: 2rem 0 1.5rem;
color: #222;
}
.social-share-col {
position: relative;
} .related-posts-section {
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid #eaeaea;
}
.related-posts-title {
font-size: 1.5rem;
margin-bottom: 25px;
color: #222;
} .sidebar-area {
padding-left: 30px;
}
.sidebar-widgets {
position: sticky;
top: 20px;
} @media (max-width: 992px) {
.sidebar-area {
padding-left: 15px;
margin-top: 40px;
}
.post-title {
font-size: 1.8rem;
}
.post-content-wrapper .row {
flex-direction: column-reverse;
}
.social-share-col {
margin-top: 30px;
margin-bottom: 20px;
}
}
.event_wrap {
background: white;
border-radius: 1rem;
}  .sticky-submenu {
background: linear-gradient(135deg, #193e76 0%, #001636 100%);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
} body.admin-bar .sticky-submenu {
top: 32px;
}
.subnav-container {
max-width: 1200px;
margin: 0; padding: 0 2rem; } .subnav-menu {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 0 2rem;
list-style: none;
margin: 0;
padding: 0.5rem 0;
}
.subnav-item, .subnav-parent {
position: relative;
}
.subnav-item:not(:last-child)::after {
content: "|";
position: absolute;
right: -1rem;
top: 50%;
transform: translateY(-50%);
color: rgba(255, 255, 255, 0.3);
}
.subnav-menu .nav-link {
color: #ffffff;
font-weight: 500;
padding: 0.5rem 0;
display: block;
transition: all 0.3s ease;
}
.subnav-menu .nav-link:hover {
color: #0056b3;
}
.subnav-menu .active > .nav-link {
position: relative;
color: #ffffff;
font-weight: 600;
padding-left: 18px; }
.subnav-menu .active > .nav-link::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 6px solid #d52b1e;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
} .subnav-mobile-container {
overflow-x: auto;
-webkit-overflow-scrolling: touch; border-top: 1px solid rgba(255,255,255,0.1);
} .subnav-mobile-container::-webkit-scrollbar {
display: none;
} .subnav-scroll-wrapper {
min-width: max-content; padding-bottom: 5px; } @media (max-width: 991px) {
.subnav-menu {
display: inline-flex;
flex-wrap: nowrap;
white-space: nowrap;
padding: 0 15px;
gap: 0 1.8rem;
}
.subnav-item, .subnav-parent {
flex: 0 0 auto;
}
.subnav-item:not(:last-child)::after {
right: -0.9rem;
} .subnav-scroll-wrapper {
background: 
linear-gradient(90deg, #2c3e50 20%, rgba(44,62,80,0)),
linear-gradient(90deg, rgba(44,62,80,0), #2c3e50 80%) 100% 0,
radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),
radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0;
background-repeat: no-repeat;
background-size: 40px 100%, 40px 100%, 20px 100%, 20px 100%;
background-attachment: local, local, scroll, scroll;
}} .apn-social-modern {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
padding: 1.5rem;
background: rgba(255,255,255,0.1);
backdrop-filter: blur(10px);
border-radius: 12px;
max-width: fit-content;
margin: 0 auto;
border: 1px solid rgba(255,255,255,0.1);
}
.apn-social-modern .social-title {
margin: 0;
font-size: 1.25rem;
font-weight: 600;
color: #333; }
.social-icons-container {
display: flex;
gap: 1.5rem;
}
.social-link {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
transition: all 0.3s ease;
position: relative;
background: rgba(255,255,255,0.1);
} .color-brand .social-telegram { color: #0088cc!important; }
.color-brand .social-facebook { color: #1877f2!important;}
.color-brand .social-twitter { color: #1da1f2!important; }
.color-brand .social-instagram { color: #e4405f!important; }
.color-monochrome .social-link { color: #333; }
.color-monochrome .social-link:hover { color: #555; } .scale-effect:hover {
transform: scale(1.1);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.slide-effect:hover {
transform: translateY(-5px);
}
.fade-effect:hover {
opacity: 0.8;
} .social-tooltip {
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
background: #333;
color: white;
padding: 4px 8px;
border-radius: 4px;
font-size: 0.75rem;
opacity: 0;
transition: opacity 0.3s;
white-space: nowrap;
}
.social-link:hover .social-tooltip {
opacity: 1;
} .apn-social-modern.model-2 .social-icons-container {
flex-direction: column;
} @media (max-width: 768px) {
.apn-social-modern {
flex-direction: row;
align-items: center;
}
.social-icons-container {
flex-wrap: wrap;
justify-content: center;
}
} .logo_box img {
max-width: 100%;
height: auto;
} @media (max-width: 767px) {
.logo_box img {
width: 150px; max-height: 40px; }
.logo_col {
padding-left: 15px; }
} @media (min-width: 768px) and (max-width: 991px) {
.logo_box img {
width: 180px; }
} .mobile-right-menu-container {
position: relative;
padding-right: 15px;
}
.mobile-right-menu-toggle {
background: #ffffff;
border: none;
padding: 4px;
color: #0400ff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
border-radius: 5px;
}
.mobile-menu-icon-wrapper {
display: flex;
align-items: center;
gap: 5px;
}
.mobile-menu-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.mobile-menu-text-container {
display: flex;
align-items: center;
gap: 4px;
}
.mobile-menu-text {
font-size: 12px;
font-weight: bold;
color: #0400ff;
text-transform: uppercase;
}
.mobile-menu-arrow {
width: 12px;
height: 12px;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.mobile-right-menu-toggle[aria-expanded="true"] .mobile-menu-arrow {
transform: rotate(180deg);
} .mobile-right-menu {
position: fixed;
top: 0;
right: -100%;
width: 80%;
max-width: 320px;
height: 100vh;
background: #fff;
z-index: 9999;
transition: right 0.3s ease;
padding: 20px;
box-shadow: -5px 0 15px rgba(0,0,0,0.1);
overflow-y: auto;
}
.mobile-right-menu[aria-hidden="false"] {
right: 0;
}
.mobile-right-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 9998;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.mobile-right-menu-overlay.active {
opacity: 1;
visibility: visible;
}
.mobile-right-menu-list {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-right-menu-list li {
padding: 12px 0;
border-bottom: 1px solid #eee;
}
.mobile-right-menu-list a {
color: #333;
text-decoration: none;
display: block;
font-size: 14px;
} @media (min-width: 992px) {
.mobile-right-menu-container {
display: none;
}
}