/**
* @file
* CSS styles for the MIT HR Custom Events Calendar
*/

/*** Admin configuration ***/
#edit-mithr-calendar-taxonomy-colors > .fieldset-wrapper > fieldset {
  width:150px;
  height:160px;
  float:left;
  margin-right:1em;
}
#edit-mithr-calendar-taxonomy-colors > .fieldset-wrapper > fieldset input {
  color:#1982d1;
  font-weight:bold;
}
#edit-mithr-calendar-taxonomy-colors-default {
  background-color:#eee;
}

/*** Event Calendar normalization ***/
.views-event-calendar .calendar-calendar .month-view .full td.single-day div.monthview,
.views-event-calendar .calendar-calendar .week-view .full td.single-day div.weekview,
.views-event-calendar .calendar-calendar .day-view .full td.single-day div.dayview,
.views-event-calendar .calendar-calendar .month-view .full td.multi-day div.monthview,
.views-event-calendar .calendar-calendar .week-view .full td.multi-day div.weekview,
.views-event-calendar .calendar-calendar .day-view .full td.multi-day div.dayview,
.views-event-calendar .calendar-calendar .week-view .full div.single-day div.weekview,
.views-event-calendar .calendar-calendar .day-view .full div.single-day div.dayview {
  background-color:transparent;
  border:none;
  padding:0;
}
.views-event-calendar .calendar-calendar .month-view .full td.multi-day .inner .monthview .continues,
.views-event-calendar .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,
.views-event-calendar .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
.views-event-calendar .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
  display:none;
}
.views-event-calendar .calendar-calendar .month-view .full td.multi-day div.monthview,
.views-event-calendar .calendar-calendar .week-view .full td.multi-day div.weekview,
.views-event-calendar .calendar-calendar .day-view .full td.multi-day div.dayview {
  overflow:visible;
}
.views-event-calendar .calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents,
.views-event-calendar .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
  width:auto;
  position:relative;
  left:0;
}
.views-event-calendar .calendar-calendar .item-text {
  display:none;
}
.views-event-calendar .calendar-calendar .item-text .category-color {
  display:block;
}
.views-event-calendar .calendar-calendar .month-view .full td .inner div.calendar.monthview div.category-color {
  padding:1px 2px;
  border-radius:5px;
}
.views-event-calendar .calendar-calendar .week-view .full td .inner div.calendar.weekview div.category-color {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding:1px 2px;
}
.views-event-calendar .calendar-calendar .day-view .full td .inner div.calendar div.category-color {
  border-radius:5px;
  padding:2px 4px;
}
.views-event-calendar #create-new-event {
  position:absolute;
  right:0;
  margin-top:40px;
  border-radius: 3px;
  border: 1px solid #dfdfdf;
  background-color: #efefef;
  padding: 3px 2px;
}
/* pop-up container */
.ui-widget-content #event-popup-container a {
  color:#1982d1;
}

/*** Block: sidebar calendar ***/
#sidebar .views-event-calendar h3 {
  font-size:1.2em;
}
.views-event-calendar .mini-calendar td.empty {
  background-color:#fff;
}

/*** Blocks: Upcoming Events and HR Staff Development ***/
.views-event-calendar h2 {
  clear: both;
  color: rgb(38, 156, 203);
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5em;
  padding: 0.3em 0.4em;
  background: url(../../../../themes/impact_theme/images/stripes.png) left top;
}
.views-event-calendar .views-field-event-calendar-date-1 {
  font-weight:bold;
}
.views-event-calendar .views-field-event-calendar-date-1 .item-list li.first.last {
  list-style:none none;
  margin-left:-1.5em;
}
.views-event-calendar .views-field-body p {
  margin-bottom:1em;
}
.views-event-calendar .views-row {
  margin-bottom:2em;
}
.views-event-calendar .date-display-single,
.node-type-event-calendar .field-name-event-calendar-date .date-display-single {
  float:left;
}
.views-event-calendar .date-display-range,
.node-type-event-calendar .field-name-event-calendar-date .date-display-range {
  float:right;
  margin-left:.3em;
}
.views-event-calendar .views-field-field-location,
.node-type-event-calendar .field-name-field-location {
  clear:both;
}