/*
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.   ***************/

.box_post_home .post-item .box-text {
    margin-bottom: 0;
    padding-bottom: 0;
}
.box_post_home .post-item .box-text .is-divider {
    display: none;
}

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


}
#header::before, #header .container::before{
    background-color: unset !important;
}
.header-main{
    background: #0d0d0d;
}
.is-divider{
    display: none !important;
}
.is-divider{
	display: none;
}
.tab-option-2 ul.match_filter{
	margin-left: -15px;
	margin-right: -15px;
	
    overflow: auto;
}

@media only screen and (max-width: 768px) {
	.tab-option-2 .match_filter li{
		width: 94px;
	}
	.tab-option-2 ul.match_filter{

			max-width: -webkit-fill-available;
	}
}
.breadcrumbs{
	color: #53cd00;
}
.flex-grow {
    flex: auto !important;
}
.right-content {
    max-height: 1383px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #000;
    scrollbar-color: #000 #333333;
}
ul{
	margin-bottom: 0 !important;
}
.breadcrumbs a {
    color: hsl(47.53deg 100% 50%) !important;
}
.nav-pagination{
	margin-bottom: 30px !important;
}
.badge {
    height: 80px;
    width: 80px;
}
@media (min-width: 700px) {
    #header .nav>li:hover:before {
        content: '';
        background: #34a31e;
        color: #fff !important;
        position: absolute;
        left: 10px !important;
        top: -150px;
        height: 300px !important;
        width: 100% !important;
        transform: rotate(25deg) !important;
        z-index: 2;
    }
	.nav {
			align-items: center;
			display: inline-block;
			display: flex;
			flex-flow: row wrap;
			width: 100%;
	}
	.header-wrapper {
        overflow: hidden;
    }
	#header .nav>li:hover a {
        color: #fff !important;
    }
			.header:not(.transparent) .header-nav-main.nav > li > a {
				color: #fff !important;
		}
	    .header-main .nav > li > a {
        position: relative;
        z-index: 999;
    }
	.header:not(.transparent) .header-nav-main.nav > li.active > a{
		color: #ffce00 !important;
	}
}
@media (max-width: 780px) {
	.icon-live{
		margin-top: -5px;
	}
	.back-to-top{
		bottom: 75px;
	}
	#footer{
		margin-bottom: 50px;
	}
		.tylekeo img{
			margin-left: 12px;
			opacity: 0.3;
		}
		.menu-bottom {
				position: fixed;
				bottom: 0;
				z-index: 99999;
				background: #1e1e1e;
				width: 100%;
				justify-content: space-evenly !important;
				padding: 7px 0;
		}
		.menu-bottom a {
				color: #fff;
				padding: 0 5px;
		}
		.icon-box-img img {
				width: 65%;
		}
		.icon-box-center .icon-box-img {
				margin: 0 auto 5px;
		}
}
span.widget-title{
	padding-left: 10px;
}
.page-wrapper{
	padding-top: 15px !important;
}
.breadcrumbs-content{
	padding: 0 !important;;
}
#ez-toc-container a{
	color: #fff;
}
#ez-toc-container{
    border: none;
}
.post-title{
	font-size: 22px;
    color: #2dbb0b;
}
.blog-post-inner a{
	font-size: 17px;
}
.button.icon.circle, .button.icon.round{
	color: #ffffff;
    background: #09690a;
}
#main, #wrapper{
	background-color: #1d1d1d7a !important;
}
#wrapper{
	background-image: unset;
}
body{
	background: unset;
}
.page-title-inner{
	padding-top: 10px;
}
.entry-content{
	padding-top: 10px;
}
.dark .widget a, .dark a{
    color: #53cd00;
}
@media (max-width: 780px) {
    .icon-box-center .icon-box-img {
        display: inline-flex;
    }
	.tylekeo img {
        margin-left: 0 !important;
    }
}
#content{
    padding-bottom: 0;
}