.hideInApp {
    display: none; 
}

.legal{
    padding: 20px 0px 0px;
    color: var(--white-to-white);
    font-size: 12px;
    line-height: 18px;
}
.legal-text p{
    margin: 0px;
    font-size: 12px;
    line-height: 18px;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
:root {
    --primary-background-to-dark-100: #e5eded;
    --primary-background-to-dark-400: #e5eded;
    --secondary-background-to-dark-400: #eaf0f0;
    --secondary-background-to-dark-100: #eaf0f0;
    --primary-400-to-dark-300: #1a5f56;
    --primary-400: #1a5f56;
    --primary-400-to-light-100: #1a5f56;
    --primary-400-to-light-200: #1a5f56;
    --primary-400-to-dark-500: #1a5f56;
    --primary-500: #004d43;
    --primary-500-to-dark-100: #004d43;
    --primary-500-to-dark-200: #004d43;
    --primary-500-to-dark-300: #376861;
    --primary-500-to-dark-500: #004d43;
    --primary-600-to-dark-200: #00332d;
    --primary-600-to-dark-400: #00332d;
    --custom-100: #004143;
    --custom-100-to-dark-100: #004143;
    --custom-100-to-white: #004143;
    --custom-200-to-dark-200: #004f51;
    --custom-200-to-dark-400: #004f51;
    --custom-200-to-light-white: #004f51;
    --custom-200-to-white: #004f51;
    --custom-300-to-white: #011c1d;
    --custom-400-to-dark-400: #ebf0ee;
    --custom-500-to-dark-100: #d3dbd8;
    --custom-600-to-dark-400: #006659;
    --custom-700-to-dark-500: #008877;
    --custom-800-to-dark-200: #f2f6f6;
    --custom-200: #004f51;
	--white-to-dark-100: #fff;
    --white-to-dark-200: #fff;
    --white-to-dark-300: #fff;
    --white-to-dark-400: #fff;
    --gray-100-to-dark-300: #f8fcfb;
    --gray-200-to-dark-300: #f0f5f4;
    --gray-200-to-dark-400: #f0f5f4;
    --gray-300-to-dark-200: #cbd5e1;
    --gray-900-to-white: #262a2a;
    --white-to-white: #fff;
    --dark-to-white: #000;
    --accent-400: #fbe122;
    --accent-500: #f5d90a;
}
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
*{
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

a{
    text-decoration: none;
    color: var(--custom-300-to-white);
    transition: .2s;
}

body{
    margin: 0px;
    background-color: var(--primary-background-to-dark-100);
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    color: var(--custom-300-to-white);
}

h1, h2, h3, h4, h5, h6{
    color: var(--custom-300-to-white);
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    margin: 25px 0px;
}
ul, ol{
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
    list-style-position: inside;
}
*::-webkit-scrollbar {
    border-radius: 7px;
    box-shadow: inset 0 0 4px -.5px rgba(0,0,0,.2);
    width: 7px;
    height: 7px;
}

*::-webkit-scrollbar-track {
    background-color: transparent
}

*::-webkit-scrollbar-thumb {
    background-color: #a5a5a5;
    background-color: #878787;
    border-radius: 7px
}
table{
    border-collapse: collapse;
    width: 100% !important;
    display: block;
    overflow-x: auto;
}
table thead{
    background: var(--custom-200-to-dark-200);
    color: var(--white-to-white);
    text-align: left;
}
table tr, table th{
    padding: 5px 10px;
    border: 1px solid #e1e1e1;
}
table td{
    padding: 5px 10px;
}
.strong{
    font-weight: 700 !important;
}
.home__section .none-padding{
    padding: 0px;
}
.none-content{
    padding: 130px 0px 180px 0px;
}
footer{
    background-color: var(--custom-200-to-dark-200);
    color: var(--white-to-white);
}

.footer__section{
    padding: 40px 0px;
    border-bottom: 1px solid var(--primary-400-to-dark-300);
}
.footer__section--container .footer-column  .toggle-arrow{
    display: none;
}
.footer__section h2{
    font-size: 1.25em;
    line-height: 1.25em;
    text-transform: uppercase;
    margin: 0px 0px 15px 0px;
    color: var(--white-to-white);
}

.footer__section--container{
    display: grid;
    row-gap: 2em;
    column-gap: 2em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.footer__section--container .social-media-box{
    margin-bottom: 25px;
}
.footer__section--container .social-media-box a{
    font-size: 1.375em;
    color: var(--white-to-white);
    margin-right: 15px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.footer__section--container .social-media-box  a:hover{
    color: var(--accent-400);
}
.footer__section--container .social-media-box  a svg path{
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.footer__section--container .social-media-box  a:hover svg path{
    fill: var(--accent-400);
}
.footer__section--container .contact-box p{
    margin: 5px 0px;
}

.footer__section--container .contact-box a{
    color: var(--white-to-white);
    font-size: 0.925em;
    font-weight: 300;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.footer__section--container .contact-box i{
    font-size: 1.15em;
    margin-right: 10px;
}

.footer__section--container .contact-box a:hover{
    color: var(--accent-400);
}
.footer__section--container .contact-box a svg path{
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.footer__section--container .contact-box a:hover svg path{
    fill: var(--accent-400);
}

.footer__copy{
    padding: 20px 0px;
}
.footer-menu ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footer-menu ul li{
    line-height: 1.5em;
    padding-bottom: 2px;
}

.footer-menu ul li a{
    color: var(--white-to-white);
    font-size: 0.925em;
    font-weight: 300;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.footer-menu ul li a:hover{
    color: var(--accent-400);
}

.footer__copy--container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2em;
}

.footer__copy{
    color: var(--white-to-white);
    font-size: 0.925em;
    font-weight: 300;
}

.footer__copy img.custom-logo{
    max-width: 160px;
}

img {
    max-width: 100%;
    height: auto;
    display: block; 
}

.wrap{
    max-width: 1360px;
    padding: 0px 15px;
    margin: auto;
    overflow: hidden;
}
.none-desktop{
    display: none;
}

.header__rotator{
    background-color: var(--custom-100-to-dark-100);
    padding: 6px 0px;
    height: 46px;
}

.rotator__container{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    align-items: center;
    position: relative;
}

.rotator__title{
    text-transform: uppercase;
    color: var(--white-to-white);
    font-weight: 600;
    background-color: var(--custom-100-to-dark-100);
    z-index: 10;
    padding-right: 20px;
}

.rotator__content{
    position: relative;
    overflow: hidden;
    flex-basis: 100%;
}

.rotator__content::after{
    position: absolute;
    content: '';
    width: 60px;
    height: 100%;
    top:0;
    z-index: 5;
    background-image: linear-gradient(to right, var(--custom-100-to-dark-100) 0%, transparent 100%);
}

.rotator__content::before{
    position: absolute;
    content: '';
    width: 60px;
    height: 100%;
    top:0;
    right: 0px;
    z-index: 5;
    background-image: linear-gradient(to left, var(--custom-100-to-dark-100) 0%, transparent 100%);
}

.rotator__roll p{
    margin: 0px;
    color: var(--white-to-white);
    font-size: 12px;
}

.rotator__roll a{
    color: var(--white-to-white);
    font-size: 12px;
}

.rotator__content a:hover{
    color: var(--accent-400);
}

.rotator__roll{
    -webkit-animation: marquee_loop 24s infinite linear;
    animation: marquee_loop 24s infinite linear;
    display: inline-block;
    white-space: nowrap;
    padding: 0 0 0 100%;
}

.rotator__button{
    padding-left: 20px;
    background-color: var(--custom-100-to-dark-100);
    z-index: 10;
}
main{
    margin-top: 115px;
}
main.main-noacf{
    margin-top: 50px;
}
.header{
position: fixed;
    left: 0;
    right: 0;
    top: 0;
	transition:0.2s ease;
	z-index:99;
}
.header.is-sticky{
transform: translate3d(0, 0, 0);
}
.header.is-sticky-2{
transform: translate3d(0, -47px, 0);
}

.header__navigation{
    background-color: var(--custom-200-to-dark-400);
    padding: 0px 0px;
    border-top: 1px solid var(--primary-400-to-dark-300);
    border-bottom: 1px solid var(--primary-400-to-dark-300);
	height:70px;
	position:relative;
}

.navigation__container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navigation__first-column{
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

.navigation__logo{
    margin-right: 20px;
}

.navigation__logo .custom-logo{
    max-width: 133px;
}

.toggle__switch{
    border: 1px solid #fff8;
    border-radius: 20px;
    padding: 3px;
    width: 40px;
    line-height: 0px;
}

.navigation__second-column--desktop{
    display: flex;
    align-items: center;
    row-gap: 20px;
    column-gap: 20px;
}

.navigation__second-column--mobile{
    display: none;
}

.navigation__menu{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
	height: 69px;
}

.navigation__menu .sub-menu{
    display: none;
    background-color: var(--custom-100-to-dark-100);
    padding: 0px;
    position: absolute;
    list-style: none;
    margin: 0px;
    min-width: 192px;
    margin-top: 0px;
    box-shadow: 8px 8px 40px #00000038;
}
.navigation__menu .sub-menu li{
    padding: 0px 10px;
}
.navigation__menu .sub-menu .sub-menu {
    left: 100%;
    top:0px;
}
.navigation__menu .sub-menu .menu-item a{
	height: auto;
    padding: 10px 10px;
    border-bottom: 2px solid transparent;
}

.navigation__menu .sub-menu .menu-item a:hover{
    border-bottom: 2px solid  var(--accent-400);
}

.navigation__menu .sub-menu .menu-item.current-menu-item > a{
    border-bottom: 2px solid var(--accent-400);
}

.navigation__menu .menu-item:hover > .sub-menu {
    display: block;
}

.navigation__menu .menu-item.current-menu-item > a{
    border-bottom: 3px solid var(--accent-400);
}

.navigation__menu .menu-item a{
    color: var(--white-to-white);
    font-size: 0.9em;
    font-weight: 500;  
    display: inline-block;
    padding: 22px 15px;
    border-bottom: 3px solid transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding: 0px 15px;
    height: 69px;
    display: flex;
    align-items: center;
}

.navigation__menu .menu-item a:hover, .navigation__menu .menu-item a:focus{
    border-bottom: 3px solid var(--accent-400);
}

.search__form{
    position: relative;
}

.search__field{
    padding: 14px 20px;
    border-radius: 25px;
    color: var(--custom-200-to-white);
    background-color: var(--white-to-dark-100);
    font-weight: 600;
    border: none;
    max-width: 210px;
}

.search__field::placeholder{
    color: var(--custom-200-to-light-white);
    font-weight: 600;
}
.search__submit{
    background-color: var(--primary-400);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 4px;
    border: 0px;
    top: 4px;
    cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
    transition: .2s;
}
.search__submit:hover{
    background-color: var(--primary-500);
}

.home__section{
    padding: 20px 0px;
}

.main-baner__containenr--mobile{
    display: none;
}

.main-baner__containenr--desktop{
    display: block;
}

.main-baner{
	position:relative;
    background-color: var(--custom-200-to-dark-200);
	overflow:hidden;
    padding-bottom: 10px;
}
.category .main-baner{
    padding-bottom: 20px;
}
.main-baner::after{
    content: "";
    position: absolute;
    width: 968px;
    height: 303px;
    top: 0;
    left: 0;
}
.main-baner .wrap{
	position:relative;
	z-index:1;
}
.main-baner .main-baner__image{
    border-radius: 10px;
}

.games{
    background-color: var(--custom-200-to-dark-200);
    color: var(--white-to-white);
    padding-top: 0;
	margin-bottom: 120px;
}
main.single .games{
    margin-bottom: 0px;
}
main.single .games__container{
    margin-bottom: 0px;
}
main.single .games{
    padding: 20px 0px;
}
.games h2{
	color:#fff !important;
	font-size: 22px !important;
    margin: 10px 0 20px !important;
    padding-left: 10px;
}
.games__container{
	margin-bottom: -142px;
}
.games .games__content{
    display: flex;
    justify-content: flex-start;
    grid-gap: 10px;
    overflow-x: auto;
}

.games .games__content::-webkit-scrollbar {
    display: none;
}

.games .game__box{
    flex-basis: 350px;
    flex-shrink: 0;
    background-color: var(--primary-400-to-dark-300);
    color:  var(--neutral-second-font-color);
    padding: 30px;
}
.prematchContentPlaceholder{
    height: 180px; 
    overflow-x: auto;
    display: flex;
    /* gap: 16px; */
    overflow: hidden;
}
.prematchContentPlaceholder .preloader-content {
    flex-shrink: 0;
    width: 253px;
    height: 180px;
    background: var(--custom-700-to-dark-500);
    background: linear-gradient(45deg, var(--custom-600-to-dark-400) 0%, var(--custom-700-to-dark-500) 100%);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
}
.prematchContentPlaceholder .preloader-content img{
	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
    width: 74px;
    opacity: 0.7;
    filter: grayscale(1);
}



.features-entries .features-entries__container{
    display: grid;
    row-gap: 1em;
    column-gap: 1em;
    grid-template-columns:  4fr 2fr;
    grid-template-rows: 200px 200px;
}

.features-entries .features-entries__article-box{
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.features-entries .features-entries__article-box--first {
    grid-row: span 2; 
}

.features-entries .features-entries__article{
    height: 100%;
}

.features-article__figure{
    width: 100%;
    height: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 0px;
}

.features-entries__article-box:hover .features-article__figure{
    transform: scale(1.15);
}

.features-article__figure:before {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.75) 100%) !important;
    background-color: rgba(0, 0, 0, 0.15) !important;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none !important;
}

.features-article__label{
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: var(--custom-200);
    color: var(--white-to-white);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 6px 13px;
    border-radius: 8px;
    z-index: 50;
    transition: .2s;
}
.features-article__label:hover{
    background-color: var(--custom-100);
}

.features-article__info {
    position: absolute;
    bottom: 0px;
    padding: 0px 35px 35px 35px;
    color: var(--white-to-white);
    z-index: 50;
}

.features-box__date{
    font-size: 0.75em;
    margin-bottom: 8px;
    font-weight: 300;
    text-transform: uppercase;
}

.features-entries__article-box .features-box__title h2{ 
    font-size: 1.25em;
    line-height: 1.115em;
    font-weight: 600;
    margin: 0px !important;
}

.features-entries__article-box .features-box__title h2 a{
    color: var(--white-to-white);
}

.features-entries__article-box.features-entries__article-box--first .features-box__title h2{ 
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 700;
    margin: 0px !important;
}

.features-box__excerpt{
    font-size: 1em;
    font-weight: 300;
    margin: 15px 0px 0px 0px;
}

.features-article__figure img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: #ddd;
}

.square-banner{
    display: flex;
    justify-content: center;
}

.square-banner img{
    border-radius: 10px;
}

h2.home__title, div.home__title{
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0px 15px 0px;
    color: var(--custom-300-to-white);
}
div.home__title{
    font-size: 24px;
}

.container-three-column{
    display: grid;
    row-gap: 3em;
    column-gap: 3em;
    grid-template-columns: 1fr 2fr 1fr; 
    padding: 20px 0px;
}

.category__section .container-three-column{
    grid-template-columns: 1fr 1fr 1fr;
}

.container-three-column__center-column, .container-three-column__right-column, .container-two-column__left-column{
    overflow: hidden;
}

.categories-filter__list{
    list-style: none;
    padding: 0px;
    display: flex;
    margin: 10px 0px 20px 0px;
    row-gap: 5px;
    column-gap: 5px;
    overflow-x: auto;
    user-select: none;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}

.categories-filter__list::-webkit-scrollbar  {
    display: none;
}
.categories-filter__list::-moz-scrollbar {
    display: none;
}
.categories-filter__list-item{
    flex-shrink: 0;
}

.categories-filter__list .categories-filter__list-item a{
    background: var(--white-to-dark-300);
    color: var(--primary-500-to-dark-100);
    padding: 7px 13px;
    border-radius: 25px;
    font-size: 0.875em;
    font-weight: 500;
    display: flex;
    /* gap: 7px; */
    align-items: center;
}

.categories-filter__list .categories-filter__list-item.active a, .categories-filter__list .categories-filter__list-item a:hover{
    background-color: var(--custom-200);
    color: var(--white-to-white); 
}

.categories-filter__list .categories-filter__list-item a img{
    margin-top: -1px;
    margin-right: 7px;
}
.tips-js-filter, .footballs-js-filter, .footballs-category-js-filter{
    position: relative;
}
.preloader-filter{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--primary-background-to-dark-100);
    z-index: 60;
    display: none;
}

.preloader-filter .loader {
    border: 4px solid rgba(0, 136, 119, 0.2);
    border-radius: 50%;
    border-top: 4px solid #008877;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
    margin-top: 20%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.entry-grid--featured, .entry-grid--basic{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.5em;
    row-gap: 1em;
    color: var(--gray-900-to-white);
}

.entry-grid--featured{
    margin-bottom: 2em;
}

.entry-grid__figure-featured{
    width: 100%;
    height: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 0px;
}

.entry-grid--featured .entry-grid__figure-box{
    height: 200px;
}

.entry-grid--basic .entry-grid__figure-box{
    height: 160px;
}
.recommended-posts{
    margin: 40px 0px;
}
.recommended-posts div.entry-grid__title a{
    color: var(--custom-300-to-white) !important;
}
.recommended-posts div.entry-grid__title a:hover{
    text-decoration: underline;
}
.entries-section__containers .entry-grid__figure-box, .related-posts__container .entry-grid__figure-box, .recommended-posts__container .entry-grid__figure-box{
    height: 160px;
}
.recommended-posts__container .entry-grid__figure-box img{
    margin: 0;
}

.entry-grid__figure-box{
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.entry-grid__figure-box:hover .entry-grid__figure-featured{
    transform: scale(1.15);
}

.entry-grid__figure-featured img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: #ddd;
}

.entry-grid__info-box{
    padding: 12px 0px 10px 0px;
    width: 100%;
}

.entry-grid__info-box-container{
    display: flex;
    justify-content: space-between;
    column-gap: 5px;
    row-gap: 3px;
}

.entry-grid__date {
    font-size: 12px;
    line-height: 0.875em;
    font-weight: 400;
    text-transform: uppercase;
}

.entry-grid__author{
    font-weight: 300;
    font-size: 0.75em;
    line-height: 0.875em;
}
.entry-grid__author a:hover{
    text-decoration: underline;
}
.latest-entries{
    padding-top: 3px;
}
.authors-section .latest-entries{
    padding-top: 10px;
}

h3.entry-grid__title, h3.entry-list-item__title, h3.editors-box__title, div.entry-grid__title{
    font-size: 1em;
    line-height: 1.125em;
    font-weight: 600;
    margin: 8px 0px 6px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.editors-box__containers h3.editors-box__title, .editors-box__content h3.editors-box__title{
    margin: 3px 0px;
}

h3.entry-grid__title:hover, h3.entry-list-item__title:hover, h3.editors-box__title:hover{
    text-decoration: underline;
}

.entry-grid--basic .entry-grid__info-box .entry-grid__title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.25em;
}

.small-excerpt{
    font-size: 0.825em;
    line-height: 1.2em;
    font-weight: 300;
    margin: 6px 0px;
}

.entry-button{
    text-align: center;
    margin: 15px 0px;
}

.entry-list-item{
    background-color: var(--white-to-dark-300);
    padding: 10px 15px;
    border-radius: 10px;
    margin-top: 7px;
}
.entry-list-item:first-of-type{
    margin-top: 0px;
}

.entry-list-item__date-box{
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.entry-list-item__time{
    font-weight: 700;
    color: var(--custom-200-to-white);
    font-size: 1.05em;
}

.entry-list-item__category{
	font-weight: 400;
    color: var(--custom-200-to-white);
    font-size: 1.05em;
}

.entry-list-item__date{
    font-size: 0.75em;
    color: var(--gray-900-to-white);
    font-weight: 400;
}

.container-two-column{
    display: grid;
    grid-template-columns: 3fr 1fr;
    row-gap: 2em;
    column-gap: 2em;
}
.container-two-column.container-two-column--1-1{
    grid-template-columns: 1fr 1fr;
    margin-bottom: 30px;
}

.entries-section__header{
    margin: 30px 0px;
}

.entries-section__containers{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 1em;
    column-gap: 1.5em;
    color: var(--gray-900-to-white);
}

.editors-box{
    background-color: var(--white-to-dark-300);
    padding: 15px;
    border-radius: 10px;
    margin: 35px 0px 20px;
}

.editors-box .home__title{
    padding: 5px;
}

.editors-box__containers{
    display: flex;
    align-items: center;
    row-gap: 10px;
    column-gap: 10px;
    margin: 10px 0px 10px 5px;
}
.editors-box__image-content{
    flex-shrink: 0;
}

.editors-box__image{
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.editors-box__category{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.editors-box__category a:hover{
    text-decoration: underline;
}

.yt-section{
	background-color: var(--white-to-dark-300);
}

.yt-section__header{
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.button.button-yt{
    padding: 8px 12px;
    font-weight: 800;
    color: var(--custom-200-to-white);
    font-size: 0.75em;
}

.button-yt .icon-yt{
    color: red;
    font-size: 1.8em;
    vertical-align: -4px;
    margin-right: 4px;
    position: relative;
}

.icon-yt::after{
    content: '';
    background-color: var(--white-to-white);
    position: absolute;
    width: 15px;
    top: 5px;
    right: 3px;
    height: 10px;
    z-index: 1;
}

.icon-yt::before{
    position: relative;
    z-index: 40;
}

.link-yt{
    font-size: 0.75em;
    font-weight: 500;
}
.link-yt--dekstop{
    margin-right: 20px;
}
.link-yt--mobile{
    display: none;
}
.yt-container-button--mobile{
    display: none;
}
.navigation-bottom-mobile{
    display: none;
}


.navigation-bottom-mobile__menu{
    display: flex;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.navigation-bottom-mobile__menu > .menu-item{
    flex: 20%;
    text-align: center;
}

.navigation-bottom-mobile__menu  .menu-item.current-menu-item a{
    opacity: 1;
}

.navigation-bottom-mobile__menu > .menu-item a{
    color: var(--white-to-white);
    font-size: 0.675em;
    font-weight: 300;
	white-space:nowrap;
    opacity: 0.5;
}

.navigation-bottom-mobile__menu .menu-item a img{
	width: 20px;
    margin: 0px auto 2px;
}
.navigation-bottom-mobile__menu .menu-item-has-children .sub-menu{
    display: none;
    position: absolute;
    left: 0px;
    bottom: 64px;
    background-color: var(--custom-200-to-dark-200);
}
.navigation-bottom-mobile__menu .menu-item-has-children .sub-menu .menu-item{
    list-style: none;
}
.navigation-bottom-mobile__menu .menu-item-has-children .sub-menu .menu-item a{
    display: flex;
    gap: 8px;
    padding: 10px 15px;
    border-bottom: 1px solid #ffffff2e;
    align-items: center;
    font-size: 12px;
}
.navigation-bottom-mobile__menu .menu-item-has-children .sub-menu .menu-item a img{
    margin: 0px;
}
.navigation-bottom-mobile__menu .menu-item-has-children.active > .sub-menu{
    display: block;
}

/*START BREADCRUMBS*/
.breadcrumbs-section{
    padding: 20px 0px;
}

.breadcrumbs-section .breadcrumbs{
    font-size: 0.925em;
    color: var(--custom-200-to-white);
    font-weight: 300;
    margin: 5px 0px;
}

.breadcrumbs-section .breadcrumbs a{
    font-weight: 500;
    color: var(--custom-200-to-white);
}
.breadcrumbs-section .breadcrumbs a:hover{
    text-decoration: underline;
}
/*END BREADCRUMBS*/

/*START SINGLE PAGE*/
.single__section{
    padding-bottom: 35px;
}
.single__container-article{
    display: grid;
    grid-row-gap: 3em;
    grid-column-gap: 3em;
    grid-template-columns: 3fr 1fr;
}
.single__container-article__content{
    overflow: hidden;
}

.single__container-article .entry-header h1.entry-title{
    font-size: 2em;
    font-weight: 700;
    color: var(--custom-300-to-white);
    line-height: 1.25em;
    margin: 0px;
}

.single__container-article .author-box {
    display: flex;
    column-gap: 15px;
    align-items: center;
    margin: 20px 0px;
}

.author-info{
    line-height: 1.25em;
}

.author-info__name{
    font-weight: 600;
    color: var(--custom-200-to-white);
    font-size: 14px;
}

.single__container-article  .author-details .author__social-media{
    display: inline-block;
    font-size: 14px;
}
.single__container-article  .author-details .author__social-media a{
    margin-left: 8px;
    color: var(--custom-200-to-white);
}
.single__container-article  .author-details .author__social-media a svg path{
    fill: var(--custom-200-to-white);
}

.author-info__date{
    font-weight: 400;
    margin: 0px;
    font-size: 0.875em;
    color: var(--custom-200-to-white);
    text-transform: uppercase;
}
.single__container-article article .entry-content {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: var(--custom-300-to-white);
}
.single__container-article article .entry-content p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: var(--custom-300-to-white);
    margin: 0px 0px 25px 0px;
}
.single__container-article article .entry-content a{
    color: var(--custom-200);
    font-weight: 600;
}
.single__container-article article .entry-content a:hover, .single__container-article article .entry-content a:active, .single__container-article article .entry-content a:focus{
    color: var(--accent-400);
}
.single__container-article article .entry-content > p:first-child{
    font-weight: 700;    
    margin-top: 0px;
}

.single__container-article article .entry-content h2{
    font-size: 24px;
    line-height: 33px;
}

.single__container-article article .entry-content h3{
    font-size: 22px;
    line-height: 30px;
}

.single__container-article article .entry-content h4{
    font-size: 20px;
    line-height: 27px;
}

.single__container-article article .entry-content h5, .single__container-article article .entry-content h6{
    font-size: 18px;
    line-height: 24px;
}
.single__container-article .square-banner{
    margin: 30px 0px;
}

.entry-content .entry-content__thumbnail img{
    height: 100%;
    width: 100%;
    background: #ddd;
    border-radius: 10px;
    margin: 25px 0px;
}
.register-button__container{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 20px 0px 0px 0px;
}
.register-button__container .register-button{
    display: flex;
    align-items: center;
    background: var(--accent-400);
    padding: 5px;
    border-radius: 8px;
    /* gap: 25px; */
    line-height: 27px;
    padding-right: 25px;
    width: 380px;
}
.register-button__container .register-button:hover{
    background-color: var(--accent-500);
}
.register-button__container .register-button svg{
    margin-left: auto;
}
.register-button__container .register-button img{
    border-radius: 6px;
    margin: 0px !important;
    margin-right: 25px !important;
}
.register-button__container .register-button span{
    color: var(--custom-200);
    font-size: 21px;
    font-weight: 500;
}
.single__tag-list{
    padding: 45px 0px;
}
.tag-list--item{
    padding: 5px 13px 6px 13px;
    font-size: 0.75em;
    background-color: var(--custom-200);
    color: var(--white-to-white);
    text-transform: uppercase;
    border-radius: 8px;
    font-weight: 500;
    margin: 0px 6px 5px 0px;
    display: inline-block;
}
.tag-list--item:hover{
    background: var(--custom-100);
}

.single__container-article .author-details .author-box{
    align-items: flex-start;
}

.single__container-article .author-details .author-box .editors-box__image{
    flex-shrink: 0;
}
.single__container-article .author-details h2.home__title{
    font-size: 1.25em;
}
.single__container-article .author-details .author-box .author-info__description{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 5px 0px 0px 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--custom-100-to-white);
}
.related-posts{
    background-color:var(--white-to-dark-400);
    padding:35px 0px;
}
.related-posts__container {
    display: grid;
    grid-row-gap: 0.5em;
    grid-column-gap: 1.5em;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    overflow-x: auto;
}
.recommended-posts__container{
    display: grid;
    grid-row-gap: 0.5em;
    grid-column-gap: 1.5em;
    grid-template-columns: 1fr 1fr 1fr;
    overflow-x: auto;
}

.related-posts__container .entry-grid__article, .recommended-posts__container .entry-grid__article{
    min-width: 160px;   
}

.contents{
    color: var(--custom-200-to-white);
    margin: 40px 0px;
}
.contents-header{
    color: var(--custom-200-to-white);
    font-weight: 700;
    margin-bottom: 15px;
}
.contents-list{
    padding: 0px;
    margin: 0px;
    list-style-position: inside;
    font-weight: 700;
}
.contents-list li{
    padding: 3px 0px;
}
.contents-list a{
    color: var(--custom-200-to-white);
    font-weight: 400;
}
/*START SPIS TREŚCI*/
.ez-toc-counter nav ul {
    counter-reset: section;
}

.ez-toc-counter nav ul > li {
    counter-increment: section;
}

.ez-toc-counter nav ul > li > a::before {
    content: counter(section) ". ";
}

.ez-toc-counter nav ul ul {
    counter-reset: subsection;
}

.ez-toc-counter nav ul ul > li {
    counter-increment: subsection;
}

.ez-toc-counter nav ul ul > li > a::before {
    content: counter(subsection, disc) " ";
}

.ez-toc-counter nav ul ul ul {
    counter-reset: subsubsection;
}

.ez-toc-counter nav ul ul ul > li {
    counter-increment: subsubsection;
}

.ez-toc-counter nav ul ul ul > li > a::before {
    content: counter(subsubsection, circle) " ";
}

.ez-toc-title-container{
    margin-bottom: 10px;
}
div#ez-toc-container .ez-toc-title-container .ez-toc-title {
    font-size: 24px;
}
div#ez-toc-container{
    background-color: transparent;
    border: none;
    padding: 0px;
    color: var(--custom-200-to-white);
    font-weight: 700;
    box-shadow: none;
    margin: 40px 0px;
}
div#ez-toc-container ul.ez-toc-list a, div#ez-toc-container ul.ez-toc-list a:visited, div#ez-toc-container ul.ez-toc-list a:hover {
    color: var(--custom-200-to-white);
    font-weight: 500;
    font-size: 18px;
}
.ez-toc-counter nav ul li a::before{
    font-weight: 700;
}
/*END SPIS TREŚCI*/
.types-article-section{
    margin: 35px 0px 35px 35px;
    box-shadow: 0px 10px 35px -25px var(--custom-100-to-white);
    display: flex;
    padding: 5px 20px 5px 0px;
    background-color: var(--white-to-dark-400);
    border-radius: 10px;
    align-items: center;
    transition: .2s;
}
.types-article-section.types-article-section--boost{
    margin: 0px;
}
.boostTypes-article-section{
    margin: 35px 0px 35px 35px;
}
.boostTypes-article-headline{
    background-color: #05bf05;
    display: inline-block;
    padding: 10px 20px;
    transform: skewX(-20deg);
    margin-left: 53px;
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
}
.boostTypes-article-label{
    transform: skewX(20deg);
    font-size: 22px;
    line-height: 22px;
    color: var(--white-to-white);
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
}
.entry-content .boostTypes-article-headline img{
    transform: skewX(20deg);
    margin: 0px;
}
.types-odds span.types-odds--old{
    color: #c1c1c1;
    font-weight: 700;
    position: relative;
    padding: 0px 2px;
    margin: 0 2px;
}
.types-odds span.types-odds--boost{
    color: #05bf05;
    font-size: 20px;
}
.types-odds--old::after{
    content: '';
    position: absolute;
    left: -2px;
    bottom: 10px;
    width: calc(100% + 4px);
    height: 2px;
    background-color: #c1c1c1;
    transform: skewy(-14deg);
}
.types-article-section:hover{
    box-shadow: 0px 10px 45px -25px var(--custom-100-to-white);
}
.types-article{
    width: 100%;
    padding: 10px 0px;
}
.entry-content .types-article-section img{
    border-radius: 10px;
    margin-right: 20px;
    margin-left: -35px;
}
.types-article-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 10px; */
}
.types-content{
    line-height: 1.4em;
    margin: 0px 10px 0px 0px;
}
.types-name{
    font-weight: 800;
    margin-bottom: 2px;
}
.types-odds{
    font-size: 0.875em;
}
.types-odds span{
    font-weight: 800;
}
.types-article-section .preloader-content img{
	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
    width: 60px;
    opacity: 0.7;
    filter: grayscale(1);
    margin: 0px auto;
    padding: 15px 0px;
}
.types-article-section .preloader-content{
    margin: 0 auto;
    flex-shrink: 0;
    width: 100%;
}
.single__section-calendar{
    padding: 35px 0px;
}
.entry-content img{
    margin: 10px 0px;
}
.responsive-table{
    overflow-x: auto; 
}
.responsive-table th, .responsive-table td {
    min-width: auto;
}
/*END SINGLE PAGE*/



/*START CATEGORY PAGE*/
.category__section, .authors-section{
    padding-bottom: 35px;
}
.container-category, .container-authors{
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 3em;
}
.page-title h1 {
    font-size: 2em;
    margin: 0px 0px 25px ;
}

.category__article-container{
    display: grid;
    grid-template-columns: 2fr 5fr;
    row-gap: 2em;
    column-gap: 2em;
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #c1cbcb;
}
.category__article-figure-box {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    height: 180px;
}
.category__article-figure-box .category__article-figure{
    width: 100%;
    height: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 0px;
}
.category__article-figure-box:hover .category__article-figure{
    transform: scale(1.15);
}
.category__article-figure img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: #ddd;
}
.category__article-meta{
    display: flex;
    /* gap: 10px; */
}
.category__article-date{
    font-weight: 500;
    margin: 0px;
    font-size: 0.75em;
    color: var(--custom-200-to-white);
    text-transform: uppercase;
    margin-right: 10px;
}
.category__article-author{
    font-weight: 300;
    margin: 0px;
    font-size: 0.75em;
    color: var(--custom-200-to-white);
}
.category__article-author a:hover{
    text-decoration: underline;
}
.category__article-title h2{
    margin: 10px 0px;
    line-height: 1.125em;
    font-size: 1.5em;
}
.category__article-title h2 a:hover{
    text-decoration: underline;
}
.category__article-excerpt{
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.375em;
    color: var(--custom-100-to-white);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 0px 12px 0px;

}
.category__seo-section{
    background-color: var(--white-to-dark-400);
    padding: 35px 0px;
    color: var(--custom-300-to-white);
    font-size: 0.75em;
    font-weight: 500;
}
.category__seo-section h2, .category__seo-section h3, .category__seo-section h4, .category__seo-section h5{
    font-size: 1.2em;
    margin: 15px 0px 5px 0px;
    font-weight: 600;
}
.category__seo-section h2:first-child, .category__seo-section h3:first-child, .category__seo-section h4:first-child, .category__seo-section h5:first-child{
    margin: 0px 0px 5px 0px;
}
.category__seo-section ul, .category__seo-section ol{
    margin: 5px 0px;
}
.category__seo-section p{
    color: var(--custom-300-to-white);
    font-size: 1em;
    margin:0px 0px 10px 0px;
}
.category__seo-section a{
    color: var(--custom-200);
    font-weight: 600;
}
.category__seo-section a:hover, .category__seo-section a:active, .category__seo-section a:focus{
    color: var(--accent-400);
}
.primary-bg{
    background-color: var(--primarfy-background-to-dark-100) !important; 
}
.stats-container h2, .stats-container h3, .stats-container h4, .stats-container h5, .stats-container h6 {
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0px 10px 0px;
}
.container-category .stats-container{
    max-height: 1020px;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 10px;
}
.STATSCOREWidgetContainer img{
    max-width: unset;    
}
/*END CATEGORY PAGE*/

/*START CATEGORY TIPS & FOOTBALL*/
.category-tips__container-article{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1em;
    margin-top: 1em;
}
.container-three-column .stats-container{
    max-height: 410px;
    margin-top: 10px;
}
.container-three-column .stats-container p{
    margin: 0px;
}
.category-tips__container-article .entry-grid__figure-featured{
    height: 150px;
}
.category-tips__container{
    padding-bottom: 10px;
}
.category-tips__container-other{
    padding: 15px 0px;
}
.football-stats{
    padding: 30px 0px;
}
/*END CATEGORY TIPS & FOOTBALL*/

/*START CALENDAR*/
.event-calendars{
    border-radius: 10px;
    background-color: var(--white-to-dark-400);
    margin-top: 12px;
}
.event-calendars .event-item{
    display: flex;
    /* gap: 10px; */
    align-items: center;
    border-bottom: 1px solid var(--primary-background-to-dark-100);
    padding: 10px;
}
.event-calendars .event-item .event-date{
    font-size: 0.688em;
    font-weight: 800;
    background-color: var(--primary-background-to-dark-100);
    color: var(--custom-100-to-white);
    padding: 6px 8px;
    border-radius: 8px;
    text-wrap: nowrap;
    min-width: 88px;
    text-align: center;
}
.event-calendars .event-item .event-name{
    font-weight: 600;
    font-size: 0.938em;
    line-height: 1.1em;
    margin: 0px 10px;
    min-height: 2.2em;
    align-items: center;
    display: flex;
}
.event-icon{
    margin-left: auto;
    flex-shrink: 0;
}
.event-icon img{
    margin-left: auto;
}
.events-button{
    padding: 10px;

}
.event-calendars .preloader-content img{
	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
    width: 60px;
    opacity: 0.7;
    filter: grayscale(1);
    margin: 0px auto;
    padding: 15px 0px;
}
.event-calendars-placeholder .preloader-content{
    padding: 3px;
}
/*START AUTHORS PAGE*/
.container-authors{
    gap: 2em;
}
.container-authors .page-title h1{
    margin: 0px 0px 15px;
}
.authors-section h2.home__title{
    margin-top: 8px;
}
.container-authors .editors-box__content{
    background: var(--white-to-dark-400);
    border-radius: 10px;
    padding: 12px 20px 12px 50px;
    width: 100%;
}
.container-authors .editors-box__image-content{
    margin-right: -40px;
    z-index: 1;
}
.container-authors .editors-box__containers{
    margin: 0px 0px 20px 0px;
}
.container-authors .author__content {
    background-color: var(--white-to-dark-400);
    border-radius: 10px;
    display: flex;
    padding: 20px;
    /* gap: 20px; */
    align-items: center;
}
.container-authors .author__content .author__avatar--desktop{
    flex-shrink: 0;
    margin-right: 20px;
}
.container-authors .author__content .author__info h1{
    margin: 0px 0px 10px 0px;
    font-size: 1.425em;
    font-weight: 600;
}
.container-authors .author__content .author__info{
    font-size: 0.8125em;
    color: var(--custom-100-to-white);
    line-height: 1.4em;
    font-weight: 300;
    width: 100%;
}

.container-authors .author__info-header .author__social-media{
    display: flex;
    /* gap: 14px; */
    font-size: 14px;
}
.container-authors .author__info-header .author__social-media a{
    margin-right: 14px;
}
.container-authors .author__info-header .author__social-media a:last-child{
    margin-right: 0px;
}
.container-authors .author__content .author__info p{
    margin: 0px;
}   
.container-authors .author__info-header-content{
    display: flex;
    justify-content: space-between;
}
.author__info-header-content svg path{
    fill: var(--custom-300-to-white);
}
.author__avatar--mobile{
    display: none;
    margin-right: 15px;
}
/*END AUTHOR PAGE*/



/*START PAGINATION*/
.pagination-container{
    padding: 0px;
    text-align: center;
}
.pagination-container .nav-links .page-numbers{
    width: 36px;
    text-align: center;
    background-color: var(--white-to-dark-400);
    display: inline-block;
    padding: 5px 0px;
    border-radius: 6px;
    font-weight: 600;
    color: var(--custom-300-to-white);
    transition: 0.2s;
}
.pagination-container .nav-links .page-numbers.current{
    background-color: var(--custom-200);
    color: var(--white-to-white);
}
.pagination-container .nav-links .page-numbers:hover{
    background-color: var(--custom-100);
    color: var(--white-to-white);
}
.pagination-container .nav-links .page-numbers.prev,.pagination-container .nav-links .page-numbers.next, .pagination-container .nav-links .page-numbers.dots{
    background-color: transparent;
    color: var(--custom-300-to-white);
} 
/*END PAGINATION*/

/*START BUTTONS*/
.button{
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    display: inline-block;
    border-radius: 5px;
    white-space: nowrap;
    transition: .2s;
    text-align: center;
}

.button--small{
    padding: 10px;
    font-size: 14px;
    line-height: 14px;
}

.button--large{
    padding: 14px 40px;
    font-size: 14px;
    line-height: 14px;
}
.types-button.button--large{
    padding: 14px 30px;
}

.button--primary{
    background: var(--accent-400);
    color: var(--custom-100) !important;
}
.button--primary:hover{
    background: var(--accent-500);
}
.button--secondary{
    background: var(--primary-400);
    color: var(--white-to-white);
}
.button--secondary:hover{
    background: var(--primary-500);
}

.button--tertialy{
    background: var(--custom-400-to-dark-400);
    color: var(--primary-500-to-dark-100);
}
.button--tertialy:hover{
    background: var(--custom-500-to-dark-100);
}

.editors-box__button.button--large{
    width: 100%;
    text-align: center;
    padding: 14px;
}
/*END BUTTONS*/

/*START MOBILE NAVIGATION*/
.navigation-mobile{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	visibility: hidden;
	transition: visibility 0s;
}
.navigation-mobile.active{
  visibility: visible;
}
.navigation-mobile-body{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--custom-200-to-dark-400);
    z-index: 1;
    transform: translate3d(110%, 0, 0);
	transition:0.2s ease;
    margin-left: 10%;
    overflow-y: auto;
}
.navigation-mobile-overlay{
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	opacity:0;
	transition:0.2s ease;
}
.navigation-mobile.active .navigation-mobile-overlay{
	opacity:0.8
}
.navigation-mobile.active .navigation-mobile-body{
    transform: translate3d(0, 0, 0);
}
.navigation-mobile-menu-item{
    display: block;
    list-style-type: none;
    margin: 28px 13px;
    padding: 0;
}
.navigation-mobile-menu-item a{
    display: flex;
    padding: 9px;
    align-items: center;
    /* gap: 18px; */
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-right: 25px;
}
.navigation-mobile-menu-item .icon-top-nav-mobile{
    margin-right: 18px;
}
.btn-w-100{
	text-align:center;
	width:100%;
}
#menu-menu-top-mobile > li  ul{
	display:none;
	margin-left: 27px;
}

.navigation-mobile-menu-item .sub-menu{
	font-size: 16px;
	font-weight: 400;
	list-style-type: none;
}
.navigation-mobile-menu-item li {
    position: relative;
}
.navigation-mobile-menu-item .toggle-arrow{
    position: absolute;
    right: 0px;
    top: 5px;
    width: 30px;
    z-index: 9999;
    height: 30px;
    text-align: center;
}
.navigation-mobile-menu-item .toggle-arrow svg {
    transition: 0.2s;
}
.navigation-mobile-menu-item > .menu-item-has-children.active > .toggle-arrow svg, .navigation-mobile-menu-item .menu-item-has-children.active .menu-item-has-children.active .toggle-arrow svg{
    transform: rotate(180deg);
}
.navigation-mobile-menu-item .sub-menu a{
    font-size: 16px;
    font-weight: 400;
    opacity: 0.8;
}
.navigation-mobile-menu-item .menu-item-has-children.active > .sub-menu{
    display:block !important;
}

.navigation-mobile-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    color: #fff;
    margin: 28px 20px 26px 26px;
    font-weight: 300;
}
.navigation-mobile-header a{
    color: #fff;
}
/*END MOBILE NAVIGATION*/

/*START MOBILE SEARCH BAR*/
.search-bar-icon{
	margin-right: 21px;
	display:none;
}
.search-bar-wrapper{
	display:none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: var(--custom-200-to-dark-400);
	z-index: 99;
}
.search-bar-wrapper.active{
	display:block
}

.search-bar-wrapper form{
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 15px;
    /* gap: 19px; */
}
.search-bar-wrapper form input{
    border: 0;
    background: transparent;
    border-bottom: 1px solid #ffffff2b;
    width: 100%;
    color: #fff;
    outline: 0;
    font-size: 16px;
    padding: 2px 0 4px;
    margin: 0px 19px;
}
.search-bar-wrapper form a {
	color:#fff;
}
.search-bar-wrapper form input::placeholder {
  color: #fff;
  opacity: 0.4;
	font-weight:300;
}

.search-bar-wrapper form input::-ms-input-placeholder {
  color: #fff;
  opacity: 0.4;
	font-weight:300;
}
.search-bar-wrapper form button {
    outline: 0;
    border: 0;
    padding: 8px;
    font-weight: 700;
}
/*END MOBILE SEARCH BAR*/

/*START PREMATCH SECTION*/
.prematch-item{
    background: var(--custom-700-to-dark-500);
    background: linear-gradient(45deg, var(--custom-600-to-dark-400) 0%, var(--custom-700-to-dark-500) 100%);
    border-radius: 10px;
    width: 253px;
    height: 180px;
    padding: 8px 12px 12px 12px;
    display: flex;
    flex-direction: column;
}
.prematch-item .prematch-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
	gap: 10px;
}
.prematch-item .prematch-header .prematch-name{
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
	gap: 8px;
}
.prematch-name span{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prematch-item .prematch-header .prematch-date{
	font-size: 11px;
	font-weight: 500;
    flex-shrink: 0;
}
.prematch-item .prematch-clubs{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 12px;
    text-align: center;
    margin: 10px 0 6px;
    height: 100%;
	    line-height: 15px;
}

.prematch-item .prematch-clubs > div{
    width:100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prematch-item .prematch-clubs > div:nth-child(2){
	width: 60px;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--primary-400-to-light-100);
    overflow: visible;
    position: relative;
    height: 40px;
    -webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
    margin-top: 12px;
}
.prematch-item .prematch-clubs > div:nth-child(2)::after{
    content: 'x';
    font-size: 42px;
    position: absolute;
    top: 0px;
    left: -2px;
    font-weight: 800;
    color: var(--primary-400-to-light-200);
    opacity: .4;
}

.prematch-item .prematch-clubs img{
    width: 28px;
    height: 28px;
    margin: 0 auto 6px;
    object-fit: cover;
}
.prematch-item .prematch-score{
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align:center;
	font-weight: 700;
    margin-bottom: 8px;
    font-size: 13px;
}
.prematch-item .prematch-score > div{
    width:100%;
}
.prematch-item .prematch-score > div:nth-child(2){
	width: 75px;
}
.prematch-item .prematch-action{
    display: flex;
    align-items: end;
    gap: 13px;

}
.prematch-item .prematch-action a{
	width:100%;
	text-align: center;
}

.prematch-item.with-image{
    position: relative;
    overflow: hidden;
}
.prematch-item.with-image img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.prematch__games{
    color: var(--white-to-white);
}
.prematch__games .splide__arrow{ 
   background: transparent;
   top: -38px;
   opacity: .5;
   transition: .2s;
}
.prematch__games .splide__pagination{
    display: none;
}
.prematch__games .splide__arrow svg{
    fill: #fff;
}
.prematch__games .splide__arrow--prev{
    right: 3em;
    left: unset;
}
/*END PREMATCH SECTION*/

/*START COUPON SECTION*/
.coupon-of-day__section{
    max-width: 500px;
}
.container-two-column--1-1 .coupon-of-day__section{
    max-width: unset;
}
.single__container-article .coupon-of-day__section{
    margin: 40px auto;
}
.single__container-article .coupon-of-day__section .home__title{
    font-size: 24px;
    text-align: center;
}
.coupon-of-day{
    max-height: 460px;
    overflow-y: auto;
    margin-top: 12px;
}
.category .coupon-of-day {
    max-height: 325px;
}

.category .coupon-of-day-placeholder{
    height: 325px;
}
.coupon-of-day-placeholder{
    height: 460px;
    margin-top: 12px;
    background-color: var(--white-to-dark-400);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0px 0px;
}
.single__container-article .coupon-of-day {
    max-height: unset;
}
.coupon-of-day__container .preloader-content img{
	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
    width: 80px;
    opacity: 0.7;
    filter: grayscale(1);
    margin: 0px auto;
    padding: 15px 0px;
}
.coupon-of-day__container .preloader-content{
    margin: 0 auto;
    flex-shrink: 0;
    width: 100%;
    background-color: var(--white-to-dark-400);
}

.coupon-of-day__container .action-btn {
    padding: 10px;
    background-color: var(--white-to-dark-400);
    border-radius: 0px 0px 10px 10px;
}
.single__container-article article .entry-content .coupon-of-day__container .action-btn a{
    color: var(--white-to-white);
}
.header-coupon{
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    background-color: var(--primary-500);
    color: var(--white-to-white);
    border-radius: 10px 10px 0px 0px;
    text-transform: uppercase;
    font-weight: 500;
}
.header-coupon--cancelled{
    background-color: #4e4c4c;
}
.header-coupon--win{
    background-color: #06d809;
}
.header-coupon--lost{
    background-color: #f76469;
}
.header-coupon--placed{
    background-color: #fa9900;
}
.footer-coupon-row.footer-coupon-row--bonus{
    color: #05bd08; 
    font-weight: 700;
    margin-bottom: 10px;
}
.coupon-items{
    background-color: var(--custom-800-to-dark-200);
    padding: 5px;
    padding-bottom: 15px;
}
.coupon-item{
    background-color: var(--white-to-dark-400);
    padding: 7px 8px 6px 12px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 18px;
    border-left: 4px solid #fa9900;
    margin-bottom: 8px;
}
.coupon-item--win{
    border-left: 4px solid #06d809;
}
.coupon-item--lost{
    border-left: 4px solid #f76469;
}
.coupon-item--cancelled{
    border-left: 4px solid #4e4c4c;
}
.coupon-item-headline{
    display: flex;
    justify-content: space-between;
}
.coupon-item-headline img{
    display: inline-block;
    margin-right: 2px;
    vertical-align: -2px;
    margin: 0px 2px 0px 0px;
}
.coupon-item-content{
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
    align-items: center;
}
.coupon-item-name{
    display: flex;
    flex-direction: column;
}
.coupon-item-score{
    display: flex;
    flex-direction: column;
}
.coupon-item-score span{
    background-color: var(--primary-background-to-dark-100);
    padding: 2px 8px;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    font-size: 10px;
}
.footer-coupon{
    background-color: var(--white-to-dark-400);
    padding: 10px;
}
.coupon-game-results{
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}
.footer-coupon-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    margin-bottom: 3px;
}
.footer-coupon-resulst{
    margin-bottom: 10px;
}
.coupon-statusText{
    display: flex;
    gap: 10px;
}
.coupon-game-status{
    font-size: 10px;
}
.footer-coupon-row .coupon-label{
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 8px;
    font-size: 12px;
    background-color: #f7647c; 
}
.coupon-result-text{
    font-weight: 700;
    font-size: 15px;
}
.footer-coupon-row--win .coupon-label{
    background-color: #06d809;
}
.footer-coupon-row--lost .coupon-label{
    background-color: #f7647c; 
}
.footer-coupon-row--refund .coupon-label{
    background-color: #0f172a;
}
.footer-coupon-row--placed .coupon-label{
    background-color: #fa9900;
}
.liveAnimatedDot{
    align-items: center;
    display: flex;
    position: relative;
}
.coupon-item .liveAnimatedDot__ring{
    -webkit-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border: 3px solid rgba(238, 19, 19, .7);
    border-radius: 30px;
    height: 16px;
    inset: 0;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 16px;
}
.liveAnimatedDot__dot {
    background-color: rgba(238, 19, 19, .7);
    border-radius: 50%;
    height: 8px;
    width: 8px;
}
/*END COUPON SECTION*/
/*START POLL MAKER*/
.box-apm{
    box-shadow: 0px 10px 35px -25px var(--custom-100-to-white) !important;
    border-radius: 15px !important;
    border: none !important;
    background-color: var(--white-to-dark-400) !important;
}
.box-apm .results-apm, div.ays-poll-main .choosing-poll{
    padding: 10px 25px 20px!important;
}
.single__container-article article .entry-content p.ays-poll-answers{
    margin-bottom: 0px !important;
    font-size: 16px !important;
}
.single__container-article article .entry-content p.ays-poll-answers .ays-poll-each-answer-grid{
    color: var(--custom-200-to-white)
}
.single__container-article article .entry-content label:hover p.ays-poll-answers .ays-poll-each-answer-grid, .single__container-article article .entry-content input[type=radio]:checked + label  p.ays-poll-answers .ays-poll-each-answer-grid{
    color: var(--gray-300-to-dark-200)
}

.box-apm .apm-title-box div{
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--custom-300-to-white) !important;
}
.box-apm .ays-poll-btn{
    font-weight: 600 !important;
} 
.single__container-article .box-apm input[type=button].ays-poll-btn:hover{
    opacity: 1 !important;
    -webkit-filter: opacity(1) !important;
    filter: opacity(1) !important;
    background-color: var(--accent-500) !important;
}
.box-apm .apm-choosing .ays_label_poll{
    padding: 10px 15px !important;
}
.ays-poll-main .box-apm>div{
    margin: 20px 0px;
}
.box-apm .answer-text{
    color: var(--custom-300-to-white) !important;
}
.box-apm  .ays_question p{
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--custom-300-to-white) !important;
    margin-bottom: 20px !important;
}
/*END POLL MAKER*/

/*START QUIZ MAKER*/
.ays_cb_and_a span, .ays_cb_and_a strong{
    color: var(--custom-200-to-white) !important;
}
div.ays-quiz-container{
    box-shadow: 0px 10px 35px -25px var(--custom-100-to-white) !important;
    border-radius: 15px !important;
    border: none !important;
    background-color: var(--white-to-dark-400) !important;
}
div.ays-quiz-container .ays_cb_and_a img{
    margin: 0px 4px 0px 0px !important;
}
div.ays-quiz-container .ays-fs-title{
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--custom-300-to-white) !important;
    margin-bottom: 20px !important;
    text-transform: unset !important;
    margin-top: 20px !important;
}
div.ays-quiz-container .ays-fs-subtitle p, div.ays-quiz-container .ays_quiz_question p{
    color: var(--custom-300-to-white) !important;
    font-size: 16px;
    line-height: 24px;
}
div.ays-quiz-container .ays_next, div.ays-quiz-container .start_button, div.ays-quiz-container .action-button{
    font-size: 16px !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    color: #005052 !important;
    background: var(--accent-400) !important;
    font-weight: 600 !important;
    transition: 0.3s ease-in-out;
}
div.ays-quiz-container .ays_next:hover, div.ays-quiz-container .start_button:hover, div.ays-quiz-container .action-button:hover{
    box-shadow: none !important;
    background: var(--accent-500) !important;
}
div.ays-quiz-container label{
    color: var(--custom-200-to-white) !important;
}
div.ays-quiz-container .ays-question-counter{
    color: var(--custom-200-to-white) !important;
}
div.ays-quiz-container .ays-field:hover label{
    background: var(--custom-200) !important;
    color: var(--white-to-white) !important;
}
div.ays-quiz-container .ays-abs-fs  > img{
    border-radius: 4px !important;
}
div.ays-quiz-container .ays_cb_and_a {
    font-weight: 400 !important;
}
div.ays-quiz-container .ays_cb_and_a strong{
    margin-right: 0px;
}
div.ays-quiz-container .ays_cb_and_a span{
    text-transform: lowercase;
}
div.ays-quiz-container .ays_cb_and_a span:first-of-type {
    text-transform: capitalize;
}
div.ays-quiz-container .ays-field.checked_answer_div input:checked+label{
    background: var(--custom-200) !important;
    color: var(--white-to-white) !important;
}
div.ays-quiz-container .ays_quizn_ancnoxneri_qanak, div.ays-quiz-container  .ays_quiz_rete_avg{
    background-color: #005052 !important;
}
/*END QUIZ MAKER*/
/*START LIST TYPES */
.listTypes-item{
    width: 312px;
    height: auto;
    padding: 5px;
    display: flex;
    flex-direction: column;
    background-color: var(--white-to-dark-400);
    border-radius: 8px;
    row-gap: 5px;
    box-shadow: 0px 10px 30px -30px var(--custom-100-to-white);
    margin: 15px 0px 30px 0px;
}
.listTypes-item .listTypes-header img{
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 5px;
    margin: 0px !important;
    width: 30px;
    height: 30px;
}
.listTypes-item  .listTypes-header{
    display: grid;
    align-items: center;
    height: 36px;
}
.listTypes-item  .listTypes-header .listTypes-name{
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: var(--custom-300-to-white);
    text-align: center;
    margin: 0px 40px;
    line-height: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.listTypes-item .listTypes-outcomes{
    display: grid;
    align-items: center;
    column-gap: 5px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}   
.listTypes-item .listTypes-outcomes .listTypes-outcome{
    border-radius: 4px;
    background-color: var(--secondary-background-to-dark-400);
    color: var(--custom-300-to-white);
    text-align: center;
    display: grid;
    padding: 6px;
    transition: 0.3s ease-in-out;
}
.listTypes-item .listTypes-outcomes .listTypes-outcome .listTypes-outcomeName{
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.listTypes-item .listTypes-outcomes .listTypes-outcome .listTypes-outcomeOdds{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}
.listTypesContent > .button--large{
    margin-bottom: 25px;
}
.listTypesContent .splide__pagination{
    display: none;
}
.listTypesContent .splide__arrow{
    background: transparent;
    top: 0px;
    opacity: .5;
    transition: .2s;
    display: none;
}
.listTypesContent .splide__arrow--prev {
    right: 2em;
    left: unset;
}
.listTypesContent .splide__arrow--next {
    right: 0em;
}
.listTypesContentPlaceholder{
    display: grid;
    column-gap: 10px;
    align-items: center;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}
.listTypesContentPlaceholder .preloader-content{
    height: 137px;
    width: 312px;
    background-color: var(--white-to-dark-400);
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0px 30px 0px;
    box-shadow: 0px 10px 30px -30px var(--custom-100-to-white);
}
.listTypesContentPlaceholder .preloader-content img{
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;
    width: 74px;
    opacity: 0.7;
    filter: grayscale(1);
}
/*END LIST TYPES*/
/*START WIDGET H2H*/
.latestResults-container{
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 16px;
}
.latestResults-box{
    background-color: var(--white-to-dark-300);
    padding: 20px;
    border-radius: 10px;
    flex: 1 1 calc(50% - 8px);
    box-shadow: 0px 10px 30px -30px var(--custom-100-to-white);
}
.latestResults-box--h2h{
    padding-top: 12px;
}
.latestResults-box--h2h .latestResults-header{
    display: block;
    text-align: center;
}
.latestResults-subtitle{
    font-size: 14px;
    font-weight: 400;
}
.latestResults-header{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    padding-bottom: 20px;
}
.latestResults-header img{
    margin: 0px;
}
.latestResults-title{
    font-size: 18px;
    font-weight: 700;
    color: var(--custom-300-to-white);
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}
.latestResults-game{
    display: flex;
    column-gap: 10px;
    align-items: center;
}
.latestResults-content{
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.latestResults-date{
    margin-left: auto;
    font-size: 11px;
}
.latestResults-icon span{
    color: var(--white-to-white);
    text-transform: uppercase;
    text-align: center;
    position: unset;
    width: 15px;
    height: 16px;
    line-height: 11px;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}
.latestResults-icon--success{
    background-color: #10cf10;
}
.latestResults-icon--lost{
    background-color: #f30000;
}
.latestResults-icon--draw{
    background-color: #f8a300;
}
.latestResults-goals{
    background-color: var(--secondary-background-to-dark-400);
    font-size: 11px;
    line-height: 14px;
    border-radius: 3px;
    width: unset;
	min-width: 30px;
    padding: 0px 3px;
    height: 18px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.latestResults-header img{
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.latestResults-team{
    display: flex;
    align-items: center;
    width: 50%;
    column-gap: 15px;

}
.latestResults-team--left{
    justify-content: flex-end;
    margin-left: auto;
    text-align: right;
}
.latestResults-team--right{
    margin-right: auto;
    justify-content: flex-start;
    text-align: left;
}
/*END WIDGET H2H*/
/*START TEMPLATE LIGI*/
.clubs-carusele__section{
    background-color: var(--custom-200-to-dark-200);
    padding: 10px 0px 25px 0px;
}
.clubs-carusele__section .clubs-carusele{
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
    padding-bottom: 5px;
}
.clubs-carusele__section .clubs-carusele .club-item{
    flex-shrink: 0;
    margin: 0px 5px;
}
.clubs-carusele__section .clubs-carusele .club-item img{
    object-fit: contain;
}
.leatest-entries{
    margin: 25px 0px;
}
.leatest-entries .container-two-column{
    grid-template-columns: 1fr 1fr;
    margin-top: 15px;
    row-gap: 0px;
}
.league__section .container-three-column, .club__section .container-three-column{
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    column-gap: 2em;
}
.latest-results__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    background-color: var(--white-to-dark-300);
    padding: 22px 15px;
    border-radius: 8px;
    box-shadow: 0px 10px 30px -30px var(--custom-100-to-white);
    position: relative;
}
.latest-results__club{
    display: flex;
    align-items: center;
    column-gap: 10px;
    width: 50%;
}
.latest-results__club--2{
    justify-content: right;
}
.latest-results__club--1{
    justify-content: left;
}
.latest-results__date{
    font-size: 11px;
    line-height: 11px;
    font-weight: 300;
    text-align: center;
    position: absolute;
    top: 7px;
    left: 0px;
    width: 100%;
}
.latest-results{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.latest-results__container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin: 35px 0px;
}
.latest-results__title{
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}
.latest-results__result{
    background-color: var(--secondary-background-to-dark-400);
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 10px;
    border-radius: 6px;
    text-wrap: nowrap;
    width: 60px;
    text-align: center;
}
.latest-results__center--schedule .latest-results__result{
    font-weight: inherit;
}
.latest-results__center--schedule .latest-results__date{
    font-weight: 600;
    font-size: 11px !important;
    top: 3px !important;
}
.latest-results__club-name{
    line-height: 18px;
    width: 100%;
    font-size: 15px;
}
.latest-results__club-logo{
    flex-shrink: 0;
}
.latest-results__club-logo img{
    margin: 0px;
}
.latest-results__club--1 .latest-results__club-name{
    text-align: right;
}
.latest-results__club--2 .latest-results__club-name{
    text-align: left;
}
.latest-results.latest-results--league {
    row-gap: 4px;
}
.latest-results.latest-results--league .latest-results__club-name{
    line-height: 14px;
    font-size: 12px;
}
.latest-results .latest-results__club-name a, .latest-results.latest-results--league .latest-results__club-name a{
    font-weight: inherit;
    color: inherit;
}
.latest-results .latest-results__club-name a:hover{
    color: var(--accent-400);
}
.latest-results.latest-results--league .latest-results__result{
    font-size: 13px;
    line-height: 13px;
    padding: 4px 5px;
    border-radius: 4px;
    width: 39px;
}
.latest-results.latest-results--league .latest-results__date{
    font-size: 9px;
    line-height: 9px;
    top: 3px;
}
.latest-results.latest-results--league .latest-results__row{
    padding: 12px;
}
.league__section .types-article-section img {
    border-radius: 10px;
    margin: 10px 20px 10px -35px;
}
.league__section .types-article-section{
    max-width: 800px;
    margin: 35px auto;
}
.container-four-column{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    row-gap: 25px;
    column-gap: 25px;
    margin-bottom: 35px;
}
.short-info__box{
    background-color: var(--white-to-dark-300);
    padding: 15px 20px;
    border-radius: 6px;
    box-shadow: 0px 10px 30px -30px var(--custom-100-to-white);
    display: flex;
    align-items: center;
    column-gap: 15px;
    color: var(--custom-200-to-white);
}
.short-info__icon{
    flex-shrink: 0;
    background-color: var(--secondary-background-to-dark-100);
    border-radius: 4px;
    padding: 8px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.short-info__content{
    line-height: 18px;
    row-gap: 5px;
    display: flex;
    flex-direction: column;
}
.short-info__subtitle{
    font-weight: 600;
}
.league__section .category__article-figure-box{
    max-height: 120px;
}
.league__section .category__article-title h3{
    font-size: 18px;
    margin: 10px 0px;
    line-height: 1.125em;
}
.league__section .tag-list--item{
    font-size: 10px; 
    padding: 4px 8px;
}
.league__section .category__article-container{
    align-items: center;
    column-gap: 1em;
}
.league__section .prematch__games .entry-button{
    margin: 25px 0px 0px 0px;
}
#prematch-league__section{
    margin: 15px 0px 35px 0px;
}
.league__section.types .wrap{
    padding-left: 45px;
}
.league__section .prematch__games .splide__arrow svg{
    fill: var(--dark-to-white);
}
/*END TEMPLATE LIGI*/
/*START TEMPLATE KLUBY*/
.club__section{
    margin-bottom: 40px;
}
.club-hero__short-info{
    background-color: var(--custom-200-to-dark-200);
    border-radius: 0px 0px 8px 8px;
    padding: 30px;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
    color: var(--white-to-white);
    justify-content: space-between;
    font-size: 14px;
    column-gap: 5px
}
.club-hero__short-info--noImage{
    align-items: center;
}
.club-hero__short-info .short-info__col-1{
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.club-hero__short-info .short-info__col-1 > div{
    margin-bottom: 0px;
}
.short-info__row a{
    color: var(--white-to-white);
    transition: 0.3s;
}
.short-info__row a:hover{
    color: var(--accent-400);
}
.club-hero__short-info .short-info__logo{
    background-color: var(--white-to-white);
    border-radius: 50%;
    width: 130px;
    height: 130px;
    flex-shrink: 0;
    padding: 20px;
    margin-top: -83px;
    box-shadow: 0px 10px 35px -25px var(--custom-300-to-white);
    align-items: center;
    display: flex;
}
.club-hero__short-info .short-info__col-1 h1{
    color: var(--white-to-white);
    font-size: 18px;
    line-height: 22px;
    margin: 0px 0px 4px 0px;
}
.club-hero__short-info > div > div{
    margin-bottom: 4px;
}
.club-hero__photo{
    border-radius: 8px 8px 0px 0px;
}
.club__section .features-entries .features-entries__container{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 360px;
    grid-auto-rows: 220px;
}
.club__section .features-entries .features-entries__article-box--first{
    grid-column: span 2;
    grid-row: inherit;
}
.tv_broadcasts__row{
    padding: 10px 15px;
    border-radius: 8px;
    background-color: var(--white-to-dark-400);
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 7px;
}
.tv_broadcasts__row span{
    font-weight: 400;
}
.club__section .container-three-column{
    padding-top: 0px;
}
.club_successes__row{
    display: flex;
    gap: 12px;
    align-items: center;
    padding-bottom: 10px;
    flex-wrap: nowrap;
    overflow-y: auto;
}   
.club_successes__item{
    background-color: var(--white-to-dark-400);
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 0px 10px 30px -30px var(--custom-100-to-white);
    flex-shrink: 0;
}
.club__section .prematch-item{
    width: 100%;
    height: 205px;
}
.club__section .prematch-item .prematch-clubs img{
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
}
.club__section  .prematch-item .prematch-clubs{
    margin: 15px 0 10px;
}
.club__section  .prematch-item .prematch-clubs{
    font-size: 14px; 
}
.club__section  .prematch-item .prematch-score{
    font-size: 16px;
}
.club__section  .prematch-item .prematch-header .prematch-name{
    font-size: 12px;
}
.club__section .prematchContentPlaceholder .preloader-content{
    height: 205px;
    width: 100%;
}
.club__section .prematchContentPlaceholder{
    height: 205px;
}
.prematch-club__section{
    margin-bottom: 40px;
}
.club-hero__short-info--noImage{
    border-radius: 8px;
}
.club-hero__short-info--noImage .short-info__col-1 > div{
    margin-top: 0px;
}
/*END TEMPLATE KLUBY*/
.pb-0{
    padding-bottom: 0;
}
/*START OLD CSS SPORT.BETFAN*/
.bk-gray-box {
    width: 100%;
    height: auto;
    background: #E5EDED url(https://wiemyktowygra.pl/wp-content/uploads/2022/01/skos.svg) no-repeat left center;
    background-size: 40%;
    display: flex;
    flex-direction: row;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.12);
}
.bk-first-section{
    width: calc(25% - 10px);
    margin: 0 5px;
    height: auto;
    text-align: center;
    display: inline;
    align-self: center;
}
.bk-second-section{
    width: calc(50% - 10px);
    margin: 0 5px;
    height: auto;
    text-align: center;
    display: inline;
    align-self: center;
}
.bk-kurs {
    display: inline-block;
    margin: 20px auto;
    text-align: center;
}
.bk-info{
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin-bottom: -15px;
}
.single__container-article article .entry-content .bk-info p{
    font-family: 'Poppins', sans-serif;
    color: #006659;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 26px;
    padding-bottom: 0;
}
.bk-third-section{
    width: calc(25% - 20px);
    margin: 0 15px;
    height: auto;
    text-align: center;
    display: inline;
    align-self: center;
}
.bk-cta {
    display: inline-block;
    background: #FFE42D;
    margin: 0 auto;
    text-align: center;
    padding: 4px 16px;
    transition: all .5s;
}
.single__container-article article .entry-content .bk-info span {
    font-size: 36px;
    line-height: 12px;
    color: #006659;
    font-weight: 700;
}
.single__container-article article .entry-content .bk-kurs p {
    font-family: 'Poppins', sans-serif;
    color: #006659;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin: 0;
    padding: 4px 20px;
    border-radius: 10px;
    background: #E5EDED;
}
.bk-under img{
    margin-top: 0px !important;
}
.pwaforwp-btn{
    font-weight: 700;
}
#darkModeText{
    margin-left: 18px;
}
/*STOP OLD CSS SPORT.BETFAN*/
@media screen and (max-width: 768px) {
    .listTypesContent .splide__arrow{
        display: block;
    }
    .entry-grid--basic .entry-grid__info-box .entry-grid__title{
        -webkit-line-clamp: 3;
        min-height: 3.375em;
    }
    .entries-section__containers h3.entry-grid__title{
        -webkit-line-clamp: 3;
        min-height: 3.375em;
	}
    
    .bk-gray-box{
        background: #E5EDED url(https://wiemyktowygra.pl/wp-content/uploads/2022/01/skos2.svg) no-repeat top center;
        background-size: cover;
        background-position: 0 -5.9em;
        flex-direction: column;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }
    .bk-first-section {
        width: calc(100% - 10px);
    }  
    .single__container-article article .entry-content .bk-kurs p {
        font-size: 46px;
        line-height: 40px;
        padding: 10px 20px;
    }
    .bk-second-section {
        width: calc(100% - 10px);
        margin: 30px 5px;
    }
    .bk-info {
        margin-bottom: 0;
    }
    .bk-info span {
        line-height: 24px;
    }
    .bk-info p {
        line-height: 24px;
    }
    .bk-third-section {
        width: calc(100% - 10px);
        margin-bottom: 15px;
    }
    .club-hero__short-info > div > div{
        margin-bottom: 2px;
    }
    .clubs-carusele__section .clubs-carusele .club-item img{
        width: 34px;
    }
    .leatest-entries .container-two-column{
        column-gap: 1em;
    }
    .leatest-entries .category__article-container{
        row-gap: 0.5em;
    }
    .leatest-entries .container-two-column .category__article-container .category__article-tag-list{
        display: none;
    }
    .league__section .category__article-title h3{
        font-weight: 600;
        font-size: 16px;
        margin: 5px 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .league__section .category__article-container .category__article-author{
        display: none;
    }
    .league__section .category__article-container  .category__article-date{
        font-size: 11px;
    }
    .league__section .category__article-container{
        padding-bottom: 0em;
        margin-bottom: 1em;
        border-bottom: 0px;
    }
    .league__section .splide__arrows{
        display: none;
    }
    .pb-mobile-5{
        padding-bottom: 5px;
    }
    .pb-mobile-10{
        padding-bottom: 10px;
    }
    .pb-mobile-15{
        padding-bottom: 15px;
    }
    .none-mobile{
        display: none;
    }
    .none-desktop{
        display: block;
    }
    .games h2.home__title {
        padding-left: 0px;
    }

	.footer__section--container{
		grid-template-columns: 1fr;
		row-gap: 0;
	}
	
	.footer-menu ul li a{
		padding: 10px 0;
	}
	.footer__section--container h2{
		font-weight: 400;
		text-transform: none;
		font-size: 16px;
		margin:0;
	}
    .footer__section .footer_header{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
	.footer__section .footer_header i{
        display: block;
        opacity: 0.2;

	}
    .footer__section--container   .footer_header{
        padding: 20px 15px;
    }
    .footer__section--container   .footer-menu{
        padding: 0px 15px 20px;
    }
	.footer__section--container > .footer-column{
        border-bottom: 1px solid #ffffff2e;
		cursor:pointer;
	}
    .footer__section--container .footer-column.active .footer-menu{
        display: block;
    }
    .footer__section--container .footer-column .footer-menu{
		display:none;
	}

    .footer__section--container .footer-column  .toggle-arrow{
        position: relative;
        display: block;
        transition: 0.2s;
    }
    .footer__section--container .footer-column  .toggle-arrow svg path{
        stroke: var(--white-to-white);
        opacity: 0.3;
    }
    .footer__section--container .footer-column.active .toggle-arrow svg{
        transform: rotate(180deg);
    }
    .footer__section--container .footer-column  .toggle-arrow svg{
        transition: 0.2s;
    }
	
	.footer__section{
		padding: 0;
	}
	.footer__section .wrap{
		padding: 0;
	}
	
	.hide-element-mobile{
		display:none;
	}
    .footer__section{
        border: none;
    }
	
	.footer__section--container .social-media-box{
		text-align: center;
		margin: 0;
        padding: 20px 0px 0px 0px;
	}
	.footer__copy img.custom-logo{
		    width: 70px;
	}
	.footer__copy--container p{
        font-size: 10px;
        opacity: 0.7;
	}
	body{
		padding-bottom: 65px;
	}
    .navigation__first-column{
        padding: 6px 0px;
    }
	.navigation__first-column .navigation__toggle{
		display:none;
	}
	.navigation__logo .custom-logo {
		max-width: 94px;
        margin-top: 6px;
	}
	.header__navigation{
        height: 52px;
	}
    .related-posts__container .entry-grid__info-box-container{
        flex-direction: column;
    }
    .entry-grid__date {
        order: 2;
        font-size: 11px;
    }
    .related-posts__container .entry-grid__author{
        order: 1;
        line-height: 0.875em;
    }
    .related-posts__container .entry-grid__figure-box,  .recommended-posts__container .entry-grid__figure-box{
        height: 90px;
    }
    .recommended-posts div.entry-grid__title{
        font-size: 16px;
    }
    .single__container-article{
        display: block;
    }

    .yt-container-button--mobile{
        display: block;
        text-align: center;
        padding: 15px 0px;
    }
    .link-yt--mobile{
        display: block;
        font-size: 1em;
    }
    .link-yt--dekstop{
        display: none;
    }
    .button-yt--dekstop{
        display: none;
    }
    h2.home__title, div.home__title{
        text-align: center;
    }
    .single__container-article .author-details h2.home__title{
        text-align: left;
    }
    .navigation-bottom-mobile{
        background-color: var(--custom-100-to-dark-100);
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding: 10px 0px;
        z-index: 100;
        display: block;
		height: 65px;
    }
    .container-category, .container-authors{
        grid-template-columns: 1fr;
        gap: 1em;
    }
    .category__article-container{
        grid-template-columns: 1fr;
        row-gap: 1em;
    }
    .category__article-meta {
        justify-content: space-between;
    }
    .features-article__info {
        padding: 0px 25px 25px 25px;
    }
    .features-entries__article-box {
        grid-column: 1 / 3;
    }
    .category-tips__container-article{
        grid-template-columns: 1fr 1fr;
    }
    .category-tips__container-article .entry-grid__author{
        display: none;
    }
    .category-tips__container-article .entry-grid__figure-featured{
        height: 100px;
    }
    .category-tips__container-article  h3.entry-grid__title{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .features-box__excerpt{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .page-title h1 {
        font-size: 1.5em;
    }
    .features-entries__article-box {
        height: 170px;
    }
    .features-entries .features-entries__article-box--first{
        height: unset;
    }
    .features-entries .features-entries__container{
        grid-template-rows: 160px 160px;
        row-gap: 0.5em;

    }
    .features-entries__article-box.features-entries__article-box--first .features-box__title h2{ 
        font-size: 1.375em;
    }
    .home__section.none-desktop .container-football-entries{
        padding: 10px 0px 20px 0px;
    }
    .entries-section__header{
        margin: 20px 0px;
    }
    .category__section .container-three-column, .container-three-column, .container-two-column, .entries-section__containers, .footballs-js-filter .entry-grid--basic, .container-two-column.container-two-column--1-1{
        grid-template-columns: 1fr;
        padding: 0px;
    }
    .category .container-three-column{
        padding: 15px 0px 35px 0px;
    }
    .club__section .features-entries .features-entries__container{
        grid-template-rows: 300px;
        grid-auto-rows: 170px;
    }
    .category .club__section  .container-three-column{
        padding: 0px;
    }
    .club-hero__short-info{
        grid-template-columns: 1fr 1fr;
        font-size: 12px;
        padding: 15px;
    }
    .club-hero__short-info .short-info__col-1{
        display: block;
        grid-column: 1 / 3;
    }
    .club-hero__short-info .short-info__logo{
        width: 65px;
        height: 65px;
        padding: 12px;
        margin-top: -43px;
    }
    .club-hero__short-info > div{
        grid-column: 1 / 3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }
    .short-info__header{
        margin: 0 auto;
        text-align: center;
        margin-top: -25px;
        max-width: 210px;
        margin-bottom: 10px !important;
    }
    .club-hero__short-info .short-info__col-1 h1{
        margin: 0px;
    }
    .club-column--1{
        order: 2;
    }
    .club-column--2{
        order: 1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .club-column--2 .home__title{
        font-size: 18px;
        text-align: left;
    }
    .latest-results__container{
        grid-template-columns: 1fr;
    }
    .legal-text, .legal-text p{
        font-size: 10px;
        line-height: 16px;
        opacity: 0.7;
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	
	body{
		padding-bottom: 65px;
	}
	
	.search-bar-icon{
		display:block;
        margin-top: -2px;
	}

	main {
		margin-top: 97px;
	}

    .entry-grid--featured, .entry-grid--basic{
        column-gap: 1em;
    }

    .entries-section__containers .entry-grid__article, .footballs-js-filter .entry-grid--basic .entry-grid__article{
        display: flex;
    }

    .entries-section__containers .entry-grid__article .entry-grid__figure-box, .footballs-js-filter .entry-grid--basic .entry-grid__article .entry-grid__figure-box{
        height: 100px;
        flex-shrink: 0;
        width: 150px;
        margin-right: 1em;
    }

    .navigation__second-column--desktop{
        display: none;
    }

    .navigation__second-column--mobile{
        display: block;
    }

}
@media screen and (max-width: 480px) {
    .latest-results__row{
        padding: 15px 10px;
    }
    .latest-results__club-name{
        font-size: 13px;
    }
    .latest-results__club-logo img{
        width: 30px;
        height: 30px;
    }
    .latest-results.latest-results--league .latest-results__club-logo img{
        width: 25px;
        height: 25px;
    }
    .latest-results__result{
        padding: 6px;
        font-size: 16px;
        line-height: 16px;
        width: 50px;
    }
    .latest-results{
        row-gap: 8px;
    }
    .latest-results__date{
        font-size: 10px;
        line-height: 10px;
        top: 5px;
    }
    .container-four-column{
        row-gap: 8px;
    }
    .short-info__box{
        padding: 12px 18px;
    }
    .short-info__icon{
        width: 40px;
        height: 40px;
    }
    .short-info__icon img{
        width: 20px;
    }
    .short-info__content{
        font-size: 15px;
    }
    .clubs-carusele__section{
        padding: 0px 0px 15px 0px;
    }
    .header__rotator{
        height: 34px;
    }
    .latestResults-box{
        padding: 15px;
    }
    .latestResults-content{
        font-size: 13px;
        line-height: 16px;
    }
    .latestResults-game{
        column-gap: 6px;
    }
    .latestResults-goals{
        font-size: 10px;
        width: 26px;
    }
    .latestResults-date{
        font-size: 10px;
    }
    .latestResults-title{
        column-gap: 10px;
        font-size: 15px;
        line-height: 16px;
    }
    .latestResults-team{
        column-gap: 10px;
    }
    .latestResults-team--left{
        text-align: right;
    }
    .latestResults-team--right{
        text-align: left;
    }
    .latestResults-header img{
        height: 18px;
        width: 18px;
    }
    .latestResults-subtitle{
        font-size: 13px;
    }
    .entry-grid--featured .entry-grid__figure-box{
        height: 150px;
    }
    .entry-grid--basic .entry-grid__figure-box{
        height: 115px;
    }
    .entry-grid--basic .entry-grid__info-box .entry-grid__title{
        -webkit-line-clamp: 3;
        min-height: 3.375em;
    }
	.search-bar-icon{
		display:block;
	}
	.navigation__first-column .navigation__toggle{
		display:none;
	}
	main {
		margin-top: 86px;
	}
    .home__section.main-baner{
        padding-bottom: 0px;
    }
    .category .home__section.main-baner{
        padding-bottom: 15px;
    }
	.header.is-sticky-2 {
		transform: translate3d(0, -35px, 0);
	}
    .prematch-item .prematch-header .prematch-name{
        display: none;
    }
    .prematch-item .prematch-header{
        justify-content: center;
    }
    .prematch-item{
        width: 170px;
        height: 145px;
        padding: 6px 8px 8px 8px;
    }
    .prematch-item .prematch-header .prematch-date{
        font-size: 11px;
    }
    .prematch-item .prematch-score{
        font-size: 12px;
        margin-bottom: 8px;
    }
    .prematch-item .prematch-clubs > div{
        -webkit-line-clamp: 2;
    }
    .prematch-item .prematch-clubs > div:nth-child(2){
        height: 25px;
        font-size: 16px;
        width: 35px;
        margin-top: 10px;
    }
    .games h2.home__title{
        font-size: 18px !important;
        margin: 12px !important;
    }
    .prematch-item .prematch-clubs > div:nth-child(2)::after{
        content: '';
    }
    .prematch-item .prematch-clubs img{
        width: 22px;
        height: 22px;
        margin-bottom: 4px;
    }
    .prematch-item .prematch-clubs{
        margin: 4px 0px 0px 0px;
        font-size: 10px;
        line-height: 11px;
    }
    .prematch-action a{
        padding: 6px;
    }
    .prematch__games .splide__arrow{
        display: none;
    }
    .prematch-item .prematch-action{
        gap: 6px;
    }
    .games__container{
        margin-bottom: -115px;
    }
    .games{
        margin-bottom: 100px;
        padding-top: 0px !important;
    }
    main.single .games{
        padding: 15px 0px !important;
    }
    .prematchContentPlaceholder .preloader-content{
        width: 170px;
        height: 145px;
        margin-right: 6px;
    }
    .prematchContentPlaceholder{
        height: 145px; 
        /* gap: 6px; */
    }
    .prematchContentPlaceholder .preloader-content img{
        width: 55px;
    }
    .container-authors .author__info-header{
        display: flex;
        /* gap: 15px; */
        align-items: center;
        margin-bottom: 10px;
    }
    .container-authors .author__avatar--desktop{
        display: none;
    }
    .container-authors .author__avatar--mobile{
        display: block;
    }
    .container-authors .author__info-header-content{
        display: block;
    }
    .home__section{
        padding: 15px 0px;
    }
    .entry-button{
        margin: 15px 0px 10px 0px;
    }
    .latest-entries{
        padding-bottom: 20px;
    }
    .yt-section__header{
        padding: 10px 0px;
    }
    .home__section .none-padding{
        padding: 20px 0px;
    }
    .coupon-of-day{
        max-height: 360px;
    }
    .single__container-article .coupon-of-day{
        max-height: unset;
    }
    .single__container-article .entry-header h1.entry-title{
        font-size: 20px;
        line-height: 22px;
    }
    .single__container-article article .entry-content {
        font-size: 15px;
        line-height: 24px;
    }
    .single__container-article article .entry-content p{
        font-size: 15px;
        line-height: 24px;
        margin: 0px 0px 15px 0px;
    }
    
    .single__container-article article .entry-content h2{
        font-size: 17px;
        line-height: 24px;
        margin: 15px 0px;
    }
    
    .single__container-article article .entry-content h3, .single__container-article article .entry-content h4, .single__container-article article .entry-content h5, .single__container-article article .entry-content h6{
        font-size: 15px;
        line-height: 22px;
        margin: 15px 0px;
    }
    .breadcrumbs-section .breadcrumbs{
        font-size: 10px;
    }
    .breadcrumbs-section{
        padding: 10px 0px;
    }
    .author-box--top .editors-box__image{
        display: none;
    }
    .author-box--top .author-info{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .author-box--top .author-info__name{
        order: 2;
        font-weight: 300;
        font-size: 12px;
    }
    .author-box--top .author-info__date{
        font-size: 12px;
    }
    .single__container-article .author-box.author-box--top {
        padding: 10px 0px;
        margin: 0px;
    }
    .single__tag-list{
        padding: 20px 0px;
        line-height: 1em;
    }
    .category__article-tag-list{
        line-height: 1em;
        padding-top: 2px;
    }
    .register-button__container .register-button{
        width: 100%;
    }
    .related-posts__container, .recommended-posts__container{
        grid-column-gap: 6px;
    }
    .related-posts.none-desktop{
        border-bottom: 1px solid var(--primary-background-to-dark-100);
    }
    .contents{
        margin: 20px 0px;
    }
    .contents-header{ 
        margin-bottom: 5px;
    }
    .ez-toc-title-container{
        margin-bottom: 5px;
    }
    div#ez-toc-container .ez-toc-title-container .ez-toc-title {
        font-size: 17px;
    }
    div#ez-toc-container{
        margin: 20px 0px;
    }
    div#ez-toc-container ul.ez-toc-list a, div#ez-toc-container ul.ez-toc-list a:visited, div#ez-toc-container ul.ez-toc-list a:hover {
        font-size: 15px;
    }
    .types-article-container{
        flex-direction: column;
        align-items: flex-start;
    }
    .types-content{
        margin: 0px 0px 10px 0px;
    }
    .types-article-container .types-button{
        width: 100%;
    }
    .boostTypes-article-headline{
        padding: 8px 16px;
        column-gap: 6px;
    }
    .boostTypes-article-label{
        font-size: 18px;
        line-height: 18px;
    }
    .types-odds span.types-odds--boost{
        font-size: 18px;
    }
    .types-odds--old::after{
        bottom: 9px;
        width: calc(100% + 2px);
    }
    .entry-content .boostTypes-article-headline img{
        width: 22px;
        height: 22px;
    }
    .types-article-section {
        margin: 25px 0px 25px 35px;
    }
    .category__article-title h2{
        font-size: 17px;
        font-weight: 500;
        line-height: 20px;
    }
    .category__article-excerpt{
        display: none;
    }
    .category__article-figure-box{
        height: auto;
    }
    .tag-list--item{
        border-radius: 5px;
        padding: 3px 10px 3px 10px;
        font-size: 9px;
        margin: 0px 4px 4px 0px;
    }
    .category__article-content{
        padding: 0px 10px;
    }
    .category__article-container{
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .main-baner__containenr--mobile{
        display: block;
    }
    
    .main-baner__containenr--desktop{
        display: none;
    }

    .rotator__title{
        display: none;
    }
    .footer__section--container{
        grid-template-columns: 1fr;
    }

    .footer__copy img.custom-logo{
        max-width: 130px;
    }

    .entry-grid__excerpt{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .entry-grid--featured .entry-grid__info-box .entry-grid__title{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .entry-grid--featured, .entry-grid--basic{
        column-gap: 1em;
    }

    .entry-grid--featured {
        grid-template-columns: 2fr 2fr;
        margin-bottom: 1em;
    }

    .entries-section__containers .entry-grid__article, .footballs-js-filter .entry-grid--basic .entry-grid__article{
        display: flex;
    }

    .entries-section__containers .entry-grid__article .entry-grid__figure-box, .footballs-js-filter .entry-grid--basic .entry-grid__article .entry-grid__figure-box{
        height: 80px;
        flex-shrink: 0;
        width: 120px;
        margin-right: 1em;
    }
    .entries-section__containers .entry-grid__article .entry-grid__info-box, .footballs-js-filter .entry-grid--basic .entry-grid__article .entry-grid__info-box{
        padding: 3px 0px 0px 0px;
    }

    .navigation__second-column--desktop{
        display: none;
    }

    .navigation__second-column--mobile{
        display: block;
    }

    .button--small{
        padding: 4px 10px;
        font-size: 11px;
    } 
    .listTypes-item .button--small{
        padding: 10px;
        font-size: 14px;
    }
    .header__rotator .wrap{
        padding: 0px 5px;
    }
    .club-column--2 .home__title{
        font-size: 14px;
        text-align: left;
        margin-bottom: 5px;
    }
    .club__section .prematch-item .prematch-clubs img{
        width: 24px;
        height: 24px;
        margin-bottom: 5px;
    }
    .club-column--2 .button--large{
        padding: 10px;
        width: 100%;
        font-size: 12px;
    }
    .club-column--2 .entry-button{
        margin: 7px 0px 0px 0px;
    }
    .tv_broadcasts__row{
        font-size: 12px;
        padding: 6px 12px;
        line-height: 16px;
    }
    .club__section .prematch-item .prematch-clubs{
        font-size: 11px;
    }
    .club__section .prematch-item .prematch-score{
        font-size: 12px;
    }
    .club__section .prematch-item .prematch-clubs{
        margin: 5px 0 10px;
    }
    .club__section .prematch-item{
        height: 150px;
    }
    .prematch-club__section{
        margin-bottom: 0px;
    }
    .club__section .prematchContentPlaceholder .preloader-content, .club__section .prematchContentPlaceholder{
        height: 150px;
    }
    .club__section{
        margin-bottom: 25px;
    } 
}

@media screen and (min-width: 769px) and (max-width: 1060px) {
	
    .entry-grid--basic .entry-grid__figure-box, .entries-section__containers .entry-grid__figure-box, .related-posts__container .entry-grid__figure-box, .recommended-posts__container .entry-grid__figure-box{
        height: 115px;
    }
    .footer__section--container{
        grid-template-columns: 1fr 1fr;
    }

	.navigation__logo .custom-logo{
		max-width: 83px;
		margin-top: 5px;
	}
	.navigation__menu .menu-item a{
		font-size: 12px;
	}
    .navigation__menu .menu-item a{
        padding: 0 10px;
    }
	.search__field{
		width: 140px;
        font-size: 11px;
        padding: 12px 10px;
	}
    .navigation__search .search__submit{
        width: 34px;
        height: 34px;
    }
    .navigation__search .search__submit svg{
        width: 14px;
        height: 14px;
    }
    .navigation__second-column--desktop{
        column-gap: 10px;
    }
    
    .entry-grid__info-box-container{
        flex-direction: column;
    }
    
    .entry-grid__date {
        order: 2;
    }
    .entry-grid__author{
        order: 1;
        line-height: 0.875em;
    }
    .related-posts__container .entry-grid__figure-box{
        height: 100px;
    }
    .latest-results__container{
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 1360px){
    .games__container .wrap, .yt-section .wrap{
        padding-right: 0px;
    }
    .yt-section__header{
        padding-right: 20px;
    }
}

@-webkit-keyframes pulse {
    0% {
    -webkit-transform: scale(1, 1);
   }
    50% {
    -webkit-transform: scale(1.1, 1.1);
   }
    100% {
    -webkit-transform: scale(1, 1);
   };
   }
   
   @keyframes pulse {
    0% {
    transform: scale(1, 1);
   }
    50% {
    transform: scale(1.1, 1.1);
   }
    100% {
   transform: scale(1, 1);
   };
   }

@keyframes marquee_loop {
    0% {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  @keyframes pulsate{
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translate(-50%, -50%);
    }
    
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.2) translate(-50%, -50%);
    }
  } 




.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}