pager covers date heading

I am trying to resolve this issue using CSS. Using the Inspector, it looks to me like the date heading is controlled by:

.view .date-nav-wrapper .date-heading {
position: relative;
width: 100%;
top: 0px;
text-align: center;
z-index: 0;
}

in calendar_multiday.css.

I put this in my subtheme override css file:

.view .date-nav-wrapper .date-heading h3 {
text-align: left;
}

thinking this would be more specific than the calendar_multiday.css declaration and move the date heading to the left. At this point, my override file isn't even recognized in the Inspector/Rules.

What am I missing here?

thanks - sheryl