/* events */
.events{font-size: 1.3em}
.calToggle{text-align:right;float: right;margin-top: -2.7em}
.calToggle a{ opacity:.5}
.calToggle a.on, .calToggle a:hover{opacity:1}
.eventCategory{line-height:0;height:.5em;width:.5em;}
.calNav{color:#CCC;margin-top: 3.4em}
#content .eventsCalendar article :is(h1,h2.h1-style),.eventsAgenda section>article p{color:rgba(0,0,0,.6)}

/* agenda view */
.eventsAgenda{margin-bottom:2em;margin-top:-2.5em;clear:both }
.eventsAgenda section{border-top:1px solid rgba(0,0,0,.2)}
#content .eventsAgenda section>:is(h1,h2.h1-style){color: #490e67;font-size:1em;font-weight: 800;padding:10px 5px;margin-bottom:0;background:#ece6f0;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(0,0,0,.05);text-transform: uppercase}
.eventsAgenda section>article{border-top:1px solid rgba(0,0,0,.1)}
.eventsAgenda section>:is(h1,h2.h1-style)+article{border-top:none}
.eventsAgenda section>article a{padding:.5em 5px;display:block;position:relative;overflow:auto;padding:.8em .2em;line-height: 1}
.eventsAgenda section>article a>*{margin-left:1em}
.eventsAgenda section>article a:hover,.eventsAgenda section>article a:active,.eventsAgenda section>article a:focus{background:rgba(236,230,240,1)}
.eventsAgenda section>article p{margin-bottom:0}
#content .eventsAgenda article :is(h1,h2.h1-style){font-size: 1em;margin: 0 0 0 .25rem;float: left;color: #490e67;max-width: 750px;line-height: 1.4;    position: relative;top: -4px;}
.eventsAgenda section>article time{float:right;color:#666;font-style: italic}
.eventsAgenda section>article p{float:left;clear:left;padding: .8em}
.eventsAgenda article .eventCategory{margin-left:0;background:rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.15);position:absolute;left:.5em;top:1.08em}


/* calendar view */
.eventsCalendar{margin-bottom:2em;margin-top:-2.5em}
.eventsCalendar table{width:100%;border-top:solid 1px rgba(0,0,0,.2);border-bottom:solid 1px rgba(0,0,0,.15);margin-top:0}
.eventsCalendar th{padding:.5em .4em;text-align:left;text-transform:uppercase;font-size:.8em;line-height:1em;color:#490e67;font-weight: 800;;background:#ece6f0}
.eventsCalendar td{border-top:solid 1px rgba(0,0,0,.15);border-left:solid 1px rgba(0,0,0,.15);height:100px;width:14%}
.eventsCalendar td:first-child{border-left:0}
.eventsCalendar td.disable { opacity:.2;}
.eventsCalendar td.today { background-color: #ece6f0}
.eventsCalendar td>*{display:block;float:left;width:100%}
.eventsCalendar td>time {padding:.2em .3em;font-size:1.15em;line-height:1em;display:block;color:#490e67}
.eventsCalendar article{border-top:1px solid #926ea4}
.eventsCalendar article>a{padding:.5em .3em;display:block;float:left;width:100%}
.eventsCalendar article>a:hover{background:rgba(236,230,240,.5) !important}
.eventsCalendar article>a>*{display:block;float:left;width:100%}
.eventsCalendar article time{font-size:.8em;line-height:1.2em;color:#666}
.eventsCalendar article time span{white-space:nowrap}
#content .eventsCalendar article :is(h1,h2.h1-style){font-size:.9em;margin-bottom:0;float:left;line-height:1.2em;color:#490e67}

/* Calendar Thumbs */
.eventsMiniCal{position:relative;overflow:auto;width:100%;margin-top:2em}
.eventsCalendar .eventsMiniCal a{display:block;float:left}
.eventsMiniCal table{width:100%;margin-top:0}
.eventsMiniCal a:first-child{margin-right:20px}
.eventsMiniCal td{height:1.4em;width:1.4em;padding:.2em;line-height:1em}
.eventsMiniCal td time{height:1em;padding:0;font-size:.8em}
.eventsMiniCal a:hover th{color:#fff;background:#490e67}



/* categories */
.eventsAgenda .eventCategory.eventCat1,.eventsCatKey .eventCat1{background:rgba(0,51,255,.3);border:1px solid rgba(0,0,153,.15)}
.eventsCalendar article>a.eventCat1{background:rgba(0,51,255,.03)}

.eventsAgenda .eventCategory.eventCat2,.eventsCatKey .eventCat2{background:rgba(255,102,0,.3);border:1px solid rgba(255,102,0,.15)}
.eventsCalendar article>a.eventCat2{background:rgba(255,102,0,.03)}

.eventsAgenda .eventCategory.eventCat3,.eventsCatKey .eventCat3{background:rgba(0,102,0,.15);border:1px solid rgba(0,102,0,.15)}
.eventsCalendar article>a.eventCat3{background:rgba(0,102,0,.03)}

.eventsAgenda .eventCategory.eventCat4,.eventsCatKey .eventCat4{background:rgba(153,0,255,.15);border:1px solid rgba(153,0,255,.15)}
.eventsCalendar article>a.eventCat4{background:rgba(153,0,255,.03)}

#content .eventsCalendar .eventsCatKey{float:left}
#content .eventsCatKey li{background-image:none; font-style:italic}
.eventsCatKey .eventCategory{display:inline-block;margin:0 .3em .1em 0;position:relative; left:auto;top:auto}

@media screen and (max-width:750px) {
    .eventsAgenda section > article time { display: block; float: left}
    .eventsAgenda section > article p { padding: 0}
}