/*

*

* ==========================================

* CUSTOM UTIL CLASSES

* ==========================================

*

*/
.clearfix::after, .calendar ol::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* ================

Calendar Styling */
.calendar {
  min-width: 375px;
  position: relative;
  /*  max-width: 600px;*/
  /*  max-height: 600px;*/
}
.calendar a {
  cursor: pointer;
}
.calendar.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently

    supported by Chrome, Edge, Opera and Firefox */
}
.month-year-btn {
  color: #444;
}
.month-year {
  width: 11rem;
}
.month, .year {
  font-size: 1.25rem;
}
.initials {}


.mob-day-name{
		display: none;
	color: #aaa;
	}

@media (max-width: 550px) {
	
.its4-class-info-container {
	overflow: auto;
	}
	.datenumber{
		font-size: 1.3rem;
	}
	.mob-day-name{
		display: unset;
	}
  .initials {
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 1ch;
    width: 1.9ch;
  }
  .its4-calendar-dd h4, .its4-venue-dd h4 {
    font-size: 0.85rem !important;
	  margin-top: 15px;
  }
  .its4-calendar-dd, .its4-venue-dd {
    font-size: 0.8rem;
  }
  .its4-venue-dd h4 {
    margin-top: -16px;
  }
  .its4-modal-content .modal-header {
    padding-top: 0;
    padding-bottom: 5px;
  }
  .its4-calendar-modal-dialog {
    overflow-y: auto;
  }
  .calendar {
    min-width: unset !important;
  }
  .calendar .days li .date {
    
    margin-right: 15px;    
	  width: 10%;
  }
	.calendar ol li {
    float: left;
    width: 88% !important;
		border-bottom: 1px solid #eee;
	}
	.day-names{
		display: none;
	}
	.events .event{
		padding:8px !important;
		margin-bottom:8px !important;
		font-size: 1.2rem;
	}
}


@media only screen and (max-width: 690px) {
	
	.post-area.standard-minimal.full-width-content .post .inner-wrap, body .container, body .slider-nav {
    max-width: 575px !important;
}
	.datenumber{
		font-size: 1.3rem;
	}
	.mob-day-name{
		display:  unset;
	}
	
  .its4-calendar-dd h4, .its4-venue-dd h4 {
    font-size: 0.85rem !important;
  }
  .its4-calendar-dd, .its4-venue-dd {
    font-size: 0.8rem;
  }
  .its4-venue-dd h4 {
    margin-top: -16px;
  }
  .its4-modal-content .modal-header {
    padding-top: 0;
    padding-bottom: 5px;
  }
	
	
	.its4-modal-content .modal-header {
    padding-top: 0;
    padding-bottom: 5px;
  }
  .its4-calendar-modal-dialog {
    overflow-y: auto;
  }
  .calendar {
    min-width: unset !important;
  }
  .calendar .days li .date {
    
    margin-right: 15px;    
	  width: 10%;
  }
	.calendar ol li {
    float: left;
    width: 88% !important;
		border-bottom: 1px solid #eee;
	}
	.day-names{
		display: none;
	}
	.events .event{
		padding:8px !important;
		margin-bottom:8px !important;
		font-size: 1.2rem;
	}
}
.calendar ol li {
  float: left;
  width: 14%;
}
.calendar .day-names {
  border-bottom: 1px solid #eee;
  color: #444;
}
.calendar .days {
  border-bottom: 1px solid #eee;
}
.calendar .days li {
  min-height: 2rem;
  cursor: pointer;
  list-style: none;
}
.calendar .days li .date {
  margin-bottom: 0.3rem;
}
.calendar .days li .event {
  font-size: 0.75rem;
  padding: 5px;
  color: white;
/*  white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 5px;
  margin: 0 1px 1px 0;
line-height: 12px;
	text-align: left;
}
.calendar .days li .event.span-2 {
  width: 200%;
}
.calendar .days li .event.begin {
  border-radius: 1rem 0 0 1rem;
}
.calendar .days li .event.end {
  border-radius: 0 1rem 1rem 0;
}
.calendar .days li .event.clear {
  background: none;
}
.calendar .days li:nth-child(n+29) {
  border-bottom: none;
}
.calendar .days li.outside .date {
  color: #ddd;
}
.calendar .days li.today .date {
  text-decoration: underline;
}
.its4-student-dob-d, .its4-student-dob-m, .its4-student-dob-y {
  max-width: 100px;
  display: inline-block;
  margin-right: 8px;
}
.day-names li {
  list-style: none;
}
.PWC-Licence-Course {
  background-color: #00c98d;
}
.Boat-Licence-Course {
  background-color: #459bbb;
}
.Boat-and-PWC-Licence-Course {
  background-color: #ff976f;
}
.Other {
  background-color: #ff7388;
}
.Top-Up--Addon-Course {
  background-color: #ff976f;
}
.Radio-Course {
  background-color: #00a5a7;
}
.Theory-Only {
  background-color: #fe8977;
}
.Practical-Only {
  background-color: #fe8977;
}
.Test-Course {
  background-color: #00a5a7;
}
.Recreational-Skippers-Ticket {
  background-color: #ffa881;
}
.its4-class-info-container {
	overflow-y: auto;
}
.its4-cal-suburb{
	font-size: 0.7rem;
}
.its4-cal-cls-type{
	font-size: 0.6rem;
}