html {
  -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(boxsizing.htc); 
}


#calendar-container {
  background:#FFF;
  height:240px; 
}

#calendar {}


/* CALENDAR */
.dzscalendar,
.dzscalendar * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.dzscalendar {
  position: relative;
  font:600 12px/1.5em Arial, Verdana, Tahoma;
  border-bottom: 1px solid #ecf2f4;
  
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -moz-transition-property: height;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: height;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: height;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: height;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
}
.dzscalendar .main-month, 
.dzscalendar .month-body, 
.dzscalendar .month-body > .month-row {
  position: relative;
}

.dzscalendar .events {
  display: none;
}

.dzscalendar .calendar-controls {
  position: relative;
  color:#616b6d;;
  height: 25px;
  width: 100%;
  background:#f8f8f9;
}

  .dzscalendar .calendar-controls .arrow-left,
  .dzscalendar .calendar-controls .arrow-right {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;    
  }

  .dzscalendar .calendar-controls .arrow-left {
    left: 15px;
    background: transparent no-repeat center center url(img/arrow-left-simple.png);
  }
  
  .dzscalendar .calendar-controls .arrow-right {
    right: 15px;
    background: transparent no-repeat center center url(img/arrow-right-simple.png);
  }
  
  .dzscalendar .calendar-controls .current-date {
    text-align: center;
    padding: 0;
    line-height:25px;
    color:#000;
    text-transform:uppercase;
  }
  
  .dzscalendar .calendar-controls .current-month {
    margin-right: 10px;
  }

.dzscalendar .months-container {
  position: relative;
}

  .dzscalendar .months-container > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .dzscalendar .main-month .week-day {
    width: 14.2857%;
    height: 30px;
    line-height:30px;
    border-right: 1px solid #ecf2f4;
    border-top: 1px solid #ecf2f4;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    color:#999;
    background:#f8f8f9;
  }
  
    .dzscalendar .main-month .week-day.week-day-header {
      background:#f8f8f9;
      color:#616b6d;
      font:600 12px/30px Arial, Verdana, Tahoma;
      border-bottom: 1px solid #616b6d;
      border-top: 1px solid #616b6d;
      
    }

    .dzscalendar .main-month .week-day.today-date {
      font-weight:bold;
    }
    
    .dzscalendar .main-month .other-months-date {
      color:#e1e1e1;
    }
    
    .dzscalendar .past-date {
      color:#e1e1e1;
    }
    
  .dzscalendar .main-month .week-day.hasEvent {
    background:#d0d4d5;
    cursor: pointer;
  }
  
#calendar-event-description-container {
  position: relative;
}

.eventDescription {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #fff;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 1;
} 

  .eventDescription:last-child {
    border-bottom: 0;
  }

  .eventDescription a {
      background: #26247b;
      cursor: pointer;
      display: block;
      text-decoration: none;
  }
  .eventDescription .left-column {
      color: #ffffff;
      float: left;
      font-size: 14px;
      height: 210px;
      padding: 15px;
      text-decoration: none;
      text-transform: uppercase;
      width: 45%;
  }
  .eventDescription .right-column {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      float: right;
      height: 210px;
      width: 55%;
  }
  
  .eventDescription .desc-close-button {
    color: #ec008c;
    cursor: pointer;
    font-family: arial,serif;
    left: 39%;
    padding: 1px 7px;
    position: absolute;
    text-align: center;
    top: 10px;
  }
    
@media only screen and (max-width: 768px) {
  .eventDescription {
    height:auto;
    left:0;
    position:relative;
    top:auto!important;
    width:100%;
  }
  
  .eventDescription:last-child {
    margin-bottom:20px;  
  }
  
  .eventDescription .desc-close-button {
    left:auto;
    right:10px;
    top:10px;
  }
  
  .eventDescription .left-column {
    height:auto;
    width:100%;
    padding-bottom:20px;
  }
  
  .eventDescription .right-column {
    height:auto;
    width:100%;
  }
  
    .eventDescription .right-column:after {
        content: "";
        display: block;
        padding-bottom: 100%;
      }
  
}