Modified TECCC category CSS template

category.css.php

<?php
namespace Fragen\Category_Colors;

?>/* The Events Calendar Category Colors <?php echo Main::$version ?> generated CSS */
.teccc-legend a, .tribe-events-calendar a, #tribe-events-content .tribe-events-tooltip h4
{
	font-weight: <?php echo $options['font_weight']  ?>;
}

.tribe-events-list .vevent.hentry h2 { padding-left: 5px; }

@media only screen and (max-width: <?php echo $breakpoint ?>px) {
	.tribe-events-calendar td .hentry { display: block; }
	h3.entry-title.summary,
	.tribe-events-calendar .tribe-events-has-events:after
		{ display: none; }

	.tribe-events-calendar .mobile-trigger .tribe-events-tooltip {
		display: none !important;
	}
}

<?php Extras::fix_default_week_background(); ?>
<?php if ( empty( $this->terms ) ) { $this->terms = $options['terms']; } ?>

<?php foreach ( $teccc->terms as $id => $attributes ): ?>
	<?php
		$slug = esc_attr( $attributes[ Main::SLUG ] );
		$name = esc_attr( $attributes[ Main::NAME ] );
	?>

<?php Extras::add_map_link_css( $slug ); ?>
<?php Extras::add_week_link_css( $slug ); ?>
<?php if ( isset( $options['color_widgets'] ) && '1' === $options['color_widgets'] ): ?>
	<?php Widgets::add_widget_link_css( $slug, $options ); ?>
<?php endif ?>
.teccc-legend .tribe-events-category-<?php echo $slug ?> a,
.tribe-events-calendar .tribe-events-category-<?php echo $slug ?> a,
.tribe-events-category-<?php echo $slug ?> > div.hentry.vevent > h3.entry-title a,
.tribe-events-mobile.tribe-events-category-<?php echo $slug ?> h4 a
{
	color: <?php echo $options[ $slug.'-text' ] ?>;
	text-decoration: none;
}

<?php Extras::add_map_background_css( $slug ); ?>
<?php Extras::add_week_background_css( $slug ); ?>
<?php Extras::add_filter_bar_background_css( $slug ); ?>
<?php if ( isset( $options['color_widgets'] ) && '1' === $options['color_widgets'] ): ?>
	<?php Widgets::add_widget_background_css( $slug, $options ); ?>
<?php endif ?>
.tribe-events-category-<?php echo $slug ?> h2.tribe-events-list-event-title.entry-title a,
.teccc-legend .tribe-events-category-<?php echo $slug ?>,
.tribe-events-calendar .tribe-events-category-<?php echo $slug ?>,
#tribe-events-content .tribe-events-category-<?php echo $slug ?> > .tribe-events-tooltip h4,
.tribe-events-category-<?php echo $slug ?> > div.hentry.vevent > h3.entry-title,
.tribe-events-category-<?php echo $slug ?> h2 a,
.tribe-events-mobile.tribe-events-category-<?php echo $slug ?> h4,
.events-archive.events-gridview #tribe-events-content table .tribe-events-category-<?php echo $slug ?>.vevent
{
	background-color: <?php echo $options[ $slug.'-background' ] ?>;
	border-left: 5px solid <?php echo $options[ $slug.'-border' ] ?>;
	border-right: 5px solid transparent;
	color: <?php echo $options[ $slug.'-text' ] ?>;
	line-height: 1.4em;
	padding-left: 5px;
	padding-bottom: 2px;
}

<?php Extras::add_map_display_css( $slug ); ?>
<?php if ( isset( $options['color_widgets'] ) && '1' === $options['color_widgets'] ): ?>
	<?php Widgets::add_widget_display_css( $slug, $options ); ?>
<?php endif ?>
.tribe-events-category-<?php echo $slug ?> h2.tribe-events-list-event-title.entry-title a
{
	width: auto;
	display: block;
}

<?php endforeach ?>

<?php if ( isset( $options['add_legend'] ) && ! isset( $options['custom_legend_css'] ) ): ?>
	<?php $teccc->view( 'legend.css' ) ?>
	<?php do_action( 'teccc_add_legend_css' ); ?>
<?php endif ?>