/*
Theme Name: VDL Dota 2 theme
Theme URI: https://chauthanh.info
Author: KhuongComputer
Author URI: https://chauthanh.info/
Description: A theme default with included all purposes
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: kpc
*/

li:hover .dropdown-menu{
	display: block;
}
.nav-link .caret:after{
	display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;	
}
.dropdown-menu{
	min-width: 12rem !important;
}
.home-back-1{
	background: linear-gradient(
          rgba(0, 0, 0, 0.2), 
          rgba(0, 0, 0, 0.2)
        ), url(assets/radiant_dire5.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	min-height: 600px;
}
.home-back-1 h4{
	text-align: center;
	padding: 145px 10px 15px;
	font-size: 4rem;
	font-weight: 900;
}
.home-back-1 .center-content{
	text-align: center;
	font-size: 1.5rem;
	padding: 1rem;
}
.discord-color{
	background-color: #5865F2 !important;
}
.facebook-color{
	background-color: #3b5998 !important;
}
.youtube-color{
	background-color: #FFF !important;
	color: #FF0000 !important;
}
.home-back-2{
	background: linear-gradient(
          rgba(0, 0, 0, 0.2), 
          rgba(0, 0, 0, 0.2)
        ), url(assets/background4.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	min-height: 600px;
}
.home-back-2 h4{
	text-align: left;
	padding: 105px 50% 15px 15px;
	font-size: 4rem;
	font-weight: 900;
}
.home-back-2 .center-content{
	text-align: left;
	font-size: 1.5rem;
	padding: 1rem 50% 1rem 1rem;
}
.page-tournament-content .top-page-menu{
	overflow-x: auto;
	max-width: 100%;
}
.page-tournament-content .top-page-menu > a {
	min-width: 100px;
}
.page-tournament-content{
	background: linear-gradient(
	  rgba(0, 0, 0, 0.7), 
	  rgba(0, 0, 0, 0.7)
	), url(assets/radiant_dire5.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	min-height: 600px;
	padding: 15px;
}
.page-tournament-content .btn-group:hover .match_ids{
	display: block;
}
.page-tournament-content .match_ids{
	position: absolute;
    background: #fff;
    top: 20px;
    z-index: 1;
    margin: 1rem;
    left: 0;
    padding: 5px 10px;
    border-radius: 5px;
	display: none;
}
.page-tournament-content .card-body.has-logo{
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.page-tournament-content .card-body.has-logo .table{
	/*visibility: hidden;*/
	background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.5));
}
.page-tournament-content .card-body.has-logo:hover{
	/*background: none !important;*/
}
.page-tournament-content .card-body.has-logo:hover .table{
	visibility: visible;
}
.page-tournament-content .card-body{
	font-size: 0.8rem;
	padding: 0;
}
.page-tournament-content .bracket .match{
	z-index: 1;
}
.page-tournament-content .bracket svg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
div.jQBracket .team.win{
	background-color: #89d16f;
}
div.jQBracket .team{
	color: #333;
}

.teams-table .table{
	margin: 0;
}

.footer{
	padding: 25px 15px;
	text-align: center;
	vertical-align: middle;
}

@media only screen and (max-width: 720px) {
	.home-back-2 h4{
		text-align: center;
		padding: 5px;
	}
	.home-back-2 .center-content{
		text-align: center;
		padding: 1rem;
	}
}
@media only screen and (min-width: 1200px) {
	.full-width-background{
		min-height: 650px
	}
}
@media only screen and (min-width: 1400px) {
	.full-width-background{
		min-height: 750px
	}
}
@media only screen and (min-width: 1600px) {
	.full-width-background{
		min-height: 850px
	}
}
@media only screen and (min-width: 1800px) {
	.full-width-background{
		min-height: 950px
	}
}