@font-face {
    font-family: "Obviously";
    src: url("fonts/tpl/Obviously/Obviously-Wide-Semibold.ttf");
}

@font-face {
    font-family: "HeroicCondensed";
    src: url("fonts/tpl/HeroicCondensed/HeroicCondensed-Medium.otf");
}

@font-face {
    font-family: "RobotoMono";
    src: url("fonts/tpl/RobotoMono/RobotoMono-Light.ttf");
}

/*CUSTOM LPL****************/
/**************************/

    h1 {
        font-family: "Obviously";
        font-size: 48px;
        font-style: normal;
        font-weight: 660;
        line-height: normal;  
    }

    h2 {
        font-family: "Obviously";
        font-size: 28px;
        font-style: normal;
        font-weight: 660;
        line-height: normal;  
    }

    h3 {
        font-family: "Obviously";
        font-size: 24px;
        font-style: normal;
        font-weight: 660;
        line-height: normal; 
    }

    h4 {
        font-family: "Obviously";
        font-size: 20px;
        font-style: normal;
        font-weight: 660;
        line-height: normal; 
    }

    h5 {
        font-family: "Obviously";
        font-size: 16px;
        font-style: normal;
        font-weight: 660;
        line-height: normal; 
    }

    .about_description {
        font-family: "Work Sans";
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #FFF;
    }

    .announcement_description {
        font-family: "Work Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .we_want_tobe{
        font-family: "Work Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #FFF;
    }

    .copyright_text{
        font-family: "Work Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #FFF;
    }

    /*Privacy policy*/
    .container_separation {
        padding-top:300px; 
        padding-bottom:250px;
    }

    .container_privacy_policy {
        margin-bottom: 50px;
    }

    .title_privacy_policy {        
        color: #363F41 ;
    }
    
    .description_privacy_policy {
        font-family: "Work Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #363F41;
    }


    /*BEGIN::Menu*/
    .item_font_menu {
        font-family: "Obviously";
        font-size: 13px;
        font-style: normal;
        font-weight: 660;
        line-height: normal; 
    }

    #Header {
        background-color: white;
    }
    
    .header-transparent.ab-hide #Top_bar {
        top: 0;
        background-color: #FFFFFF;
    }
    
    #Top_bar .container{
        margin-left: 0;
        margin-right: 0;
    }
    
    #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
        height: 41px;
        line-height: 41px;
        padding-top:10px
    }
    
    #Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
        color: #fff;
        background-color: #F15D2A;
    }
    
    #Top_bar #logo img {
        vertical-align: middle;
        max-height:80px;
    }

    #Top_bar .top_bar_right {
        margin-top: -4px;
    }
    
    .lpl-gradient {
        background: -webkit-linear-gradient(left, #ff5a15, #072a6d);
        background: -o-linear-gradient(right, #ff5a15, #072a6d);
        background: -moz-linear-gradient(right, #ff5a15, #072a6d);
        background: linear-gradient(to right, #ff5a15, #072a6d);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;	
    }

    #Side_slide {
        background-color: #FFF;
        border-color: #FFF;
    }
    
    
    #Side_slide .extras .action_button {
        z-index: 100;
    }
    
    /**/
    
    .header-transparent #Top_bar .top_bar_right {
        top: -7px;
    }
    
    #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button), #Side_slide #menu ul li.submenu .menu-toggle {
        color: #363F41
    }
    
    #Side_slide .extras .action_button_menu_toggle {
        color: #fff
    }

    #Top_bar .menu>li.current-menu-item>a, #Top_bar .menu>li.current_page_item>a, #Top_bar .menu>li.current-menu-parent>a, #Top_bar .menu>li.current-page-parent>a, #Top_bar .menu>li.current-menu-ancestor>a, #Top_bar .menu>li.current-page-ancestor>a, #Top_bar .menu>li.current_page_ancestor>a, #Top_bar .menu>li.hover>a {
        color: #F15D2A;
    }
    
    #Top_bar .menu>li>a, #Top_bar #menu ul li.submenu .menu-toggle {
        color: #363F41;
    }
    
    
    a.action_button {
        background-color: #F15D2A;
        color: #fff;
    }
    
    #Side_slide #menu ul li.current-menu-item>a {
        color: #F15D2A;
    }
    
    .image-line {
        padding-top: 22px;
    }
    
    #Top_bar .top_bar_right {
        margin-top: -4px;
    }

    [class^="icon-"]:before, [class*=" icon-"]:before {
        margin-top: 5px;
    }
    
    .is-sticky .top_bar_right_wrapper a.action_button {
        top: 18px;
    }

    /*END::Menu*/

    .teams_owner{
        color: #1735B7;
    }
    
    .teams_name{
        color: #F15D2A;
        font-family: Obviously;
        font-size: 13px;
        font-style: normal;
        font-weight: 660;
        line-height: normal;
    }

    .container_teams{
        margin-left: 200px;
        margin-right: 200px;
    }

    .teams-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));        
        gap: 60px;        
        justify-content: center;
    }

    hr{
        background-color: rgba(0, 0, 0, 0.5);
        color: rgba(0, 0, 0, 0.5);
        margin-top: 40px;
        margin-left: 100px;
        margin-right: 100px;
        width: auto;
    }


/*END CUSTOM LPL****************/

/*CUSTOM SOCIAL NETWORKS*/

a.icon_bar_instagram span.b {
	background: #FF0069;
	color: #fff
}

a.icon_bar_Facebook span.b {
	background: #1877F2;
	color: #fff
}

a.icon_bar_xtwitter span.b {
	background: #000000;
	color: #fff
    fil
}

a.icon_bar_threads span.b {
	background: #000000;
	color: #fff
}

a.icon_bar_tiktok span.b {
	background: #121212;
	color: #fff
}

a.icon_bar_twitch span.b {
	background: #9146FF;
	color: #fff
}

#Footer {
	background-color: #000112;
}


@media only screen and (max-width: 1024px) {

    h1{
        font-size: 28px;
    }

    h2{
        font-size: 24px;
    }

    h5{
        font-size: 14px;
    }

	#Top_bar a.responsive-menu-toggle {
		top: 35px;
	}	
    .container_teams{
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
    }

    .container_separation {
        padding-top:200px; 
        padding-bottom:100px;
    }

    hr{
        margin-left: 80px;
        margin-right: 40px;
    }
}

@media only screen and (max-width: 1239px) {

    .container_separation {
        padding-top:200px; 
        padding-bottom:100px;
    }

    hr{
        margin-left: 80px;
        margin-right: 40px;
    }

}

@media only screen and (max-width: 767px) {

    h1{
        font-size: 28px;
    }

    h2{
        font-size: 24px;
    }

    h5{
        font-size: 14px;
    }

	#Top_bar a.responsive-menu-toggle {
		top: 30px;
		background-color: #F15D2A;
	}

	#Top_bar .logo {
    	text-align: left;    
	}

	#Top_bar .logo #logo {
		margin-left:10px;
	}

	#Top_bar #logo img.logo-mobile {		
		max-height: 40px;
	}

	.mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky {
		max-height: 40px;
	}

	#Top_bar {
		background-color: #FFFFFF !important;
	}

	#Top_bar.is-sticky .top_bar_right {
		top: -8px;
		height: auto;
	}

	#Top_bar .logo #logo {
		margin-left: 10px;
	}

	.responsive-menu-toggle {
		margin-top: -17px;
		margin-right: -20px;
	}

    #Top_bar a.responsive-menu-toggle {
		right: 30px;
	}

    .container_teams{
        margin-left: 20px;
        margin-right: 20px;
    }

    .container_separation {
        padding-top:100px; 
        padding-bottom:50px;
    }

    hr{
        margin-left: 0;
        margin-right: 0;
    }

}