/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


.ux-menu-icon {
	animation: zoom 1s ease-in-out infinite
}

@keyframes zoom {
	0% {
		transform: scale(1)
	}
	
	50% {
		transform: scale(0.9)
	}
	
	100% {
		transform: scale(1)
	}
}
b, strong {
    font-weight: inherit;
    font-weight: bold;
}
.league .box-text {
    margin-top: -2.5rem;
    padding: 0 15px;
}

.league .box-text a {
    background: url(/wp-content/uploads/2025/08/btn-bg.webp);
    background-size: 140%;
    background-position: 50% 25%;
}

.wp-video {
    width: 100% !important;
}




.box-shadow-3, .box-shadow-3-hover:hover, .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover {
    box-shadow: 0 33px 20px rgb(0 0 0 / 6%), 0 15px 25px rgb(0 0 0 / 10%) !important;
}






/*************** HEADER ***************/
.header-button a::before, .league .box-text a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
    -webkit-box-shadow: 0 0 17px 3px #16c60c, 0 0 4px 2px #16c60c;
    box-shadow: 0 0 17px 3px #16c60c, 0 0 4px 2px #16c60c;
    z-index: -1;
    -webkit-animation-name: yellow-shadow;
    animation-name: yellow-shadow;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.header-button a::after, .league .box-text a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    -webkit-box-shadow: 0 0 17px 3px #0ff, 0 0 4px 2px #0ff;
    box-shadow: 0 0 17px 3px #0ff, 0 0 4px 2px #0ff;
    z-index: -1;
    -webkit-animation-name: cyan-shadow;
    animation-name: cyan-shadow;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

@keyframes yellow-shadow {
    0% {
        top: 0;
        left: 0;
    }
    25% {
        top: 50%;
        left: 0;
    }
    50% {
        top: 50%;
        left: 50%;
    }
    75% {
        top: 0;
        left: 50%;
    }
    100% {
        top: 0;
        left: 0;
    }
}

@keyframes cyan-shadow {
    0% {
        right: 0;
        bottom: 0;
    }
    25% {
        right: 0;
        bottom: 50%;
    }
    50% {
        right: 50%;
        bottom: 50%;
    }
    75% {
        right: 50%;
        bottom: 0;
    }
    100% {
        right: 0;
        bottom: 0;
    }
}


#header .header-main .nav-left {
    width: 100%;
    justify-content: space-around;
	    padding-right: 16px;
}

#header #top-bar .flex-center {
	flex: 2
}
#header #top-bar .flex-center .html_topbar_left {
	width:100%;
	font-size:14px;
	display: flex;
    align-items: center;
}

marquee span:not(:last-child) {
	margin-right: 100px
}

/*************** END HEADER ***************/


#footer .footer-section {
	    background: linear-gradient(45deg, #0ff 0%, #16c60c 100%);
}
/*************** HOME PAGE ***************/
body.home {
    background: url(/wp-content/uploads/2025/08/bg120220251.webp) top center no-repeat fixed !important;
    background-size: cover !important;
    background-color: #0c0503 !important;
    min-height: 100%;
    z-index: -1;
}


.sticky-add-to-cart--active, #wrapper, #main, #main.dark {
    background-color: rgba(134, 69, 69, 0);
}


.section-breakline {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQ0IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgNTQ0IDE3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01NDMuNSAyLjM3MjA0TDUyOS42NjEgMTEuODYwNEw1MjIuMTQ4IDIuMzcyMDRMNDg4LjE0NCA1LjkzMDJMNDgyLjIxMyA4LjY5NzY1TDQ0OC42MDQgOC42OTc2NUw0NDIuNjczIDUuOTMwMkw0MjYuNDYxIDguNjk3NjZMNDA0LjcxNCAyLjM3MjA1TDM1NC40OTggMTEuODYwNUwzMzUuNTE5IDIuMzcyMDZMMzIyLjg2NiA1LjkzMDIxTDMxMy43NzIgMi4zNzIwNkwzMDIuMzA1IDE3TDI4MC41NTggNS45MzAyMkwyNDAuNjIzIC0zLjQ1NTY4ZS0wNUwxNzQuNTkxIDExLjg2MDVMMTU0LjQyNSAyLjM3MjA3TDg5LjU3OTcgMTQuMjMyNkw4NC44MzQ4IDUuOTMwMjNMNDcuNjY3MSAxNC4yMzI2TC03LjI5MzU4IC0xLjI4ODMzZS0wNUwtNTQuNzQxNyAxNC4yMzI2TC03Ni44ODQyIDIuMzcyMDlMLTg1Ljk3ODQgMTEuODYwNUwtMTAyLjE5IC00LjU4NzE2ZS0wNkwtMTIyLjM1NSAxNy4wMDAxTC0xMzIuMjQgNS45MzAyNUwtMTYxLjUgNS45NzkwMWUtMDdMLTEwMi4xOSAtNC41ODcxNmUtMDZMLTcuMjkzNTggLTEuMjg4MzNlLTA1TDI0MC42MjMgLTMuNDU1NjhlLTA1TDU0My41IC02LjEwMzUyZS0wNUw1NDMuNSAyLjM3MjA0WiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==");
    width: 100%;
    display: block;
    background-repeat: repeat;
    background-size: auto 100%;
    height: 20px;
    transform: rotate(180deg);
}

.fw-500 {
	font-weight:500
}

.absolute-footer.dark {
    color: hsla(0, 0%, 100%, .8);
}

/*************** END HOME PAGE ***************/




@media only screen and (max-width: 1080px) {
 	#header .header-inner .nav {
        flex-wrap:nowrap
    }

    #header .medium-logo-left .logo {
        margin-left: 0;
        margin-right: 15px;
        order: 1
    }

    #header .medium-logo-left .flex-left {
        flex: 1 1 0;
        order: 2
    }

    #header .medium-logo-left .flex-right {
        flex: 1 1 0;
        order: 3
    }

    #header .medium-logo-center .flex-left {
        flex: 1 1 0;
        order: 1
    }

    #header .medium-logo-center .logo {
        margin: 0 15px;
        order: 2;
        text-align: center
    }

    #header .medium-logo-center .logo img {
        margin: 0 auto
    }

    #header .medium-logo-center .flex-right {
        flex: 1 1 0;
        order: 3
    }
	
	#header  .hide-for-medium,
	#header [data-show=hide-for-medium] {
        display:none!important
    }
	
	#header .show-for-medium, 
	#header [data-show=show-for-medium] {
        display: block !important;
    }

    #header .medium-text-center .pull-left,
	#header .medium-text-center .pull-right {
        float: none
    }

    #header .medium-text-center .ml {
        margin-left: auto
    }

    #header .medium-text-center .mr {
        margin-right: auto
    }

    #header .medium-text-center {
        float: none!important;
        text-align: center!important;
        width: 100%!important
    }
	
	#header .medium-logo-left .flex-left {
        flex: 1 1 80%;
    }
	

}



@media only screen and (max-width: 849px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}