/* Add here all your CSS customizations */

html .featured-box-notstarted .box-content {
	border-top-color: #cfcfcf;
}

html .featured-box-live .box-content {
	border-top-color: #55aa03;
}

html .featured-box-complete .box-content {
	border-top-color: #d8202b;
}

html .featured-box-cancelled .box-content {
	border-top-color: #ffc107;
}

.badge.badge-xle {
	padding: 0.75em 1em;
    font-size: 0.75rem;
    width: 75%;
}

.badge.badge-xlS {
	padding: 0.75em 1em;
    font-size: 0.75rem;
    width: 100%;
}

.badge-notstarted {
	background-color: #cfcfcf;
	color: #6b6b6b;
}

.badge-live {
	background-color: #55aa03;
	color: #ffffff;
}

.badge-cancelled {
	background-color: #ffc107;
	color: #ffffff;
}

.badge-complete {
	background-color: #d8202b;
	color: #ffffff;
}

#content-desktop {display: block;}
#content-mobile {display: none;}

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

#content-desktop {display: none;}
#content-mobile {display: block;}

}

@media (max-width: 575px) {
.sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item {
    position: static !important;
    /* clear: both; */
    /* float: none; */
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
}

.badge.badge-xle {
	padding: 0.75em 1em;
    font-size: 0.75rem;
    width: 100%;
}
.badge.badge-md {
	padding: 0.75em 1em;
    font-size: 0.75rem;
    width: 100%;
}
}