body {
  font-family: "Open Sans";
  font-size: 1em;
}

.class-listing {
  font-size: 14px;
  display: flex;
  margin-bottom: 0px;
  margin-top: 15px;
}


.classdate { 
  width: 10%;
  padding: 10px;
}


.locationstyle {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  align-items: center;
}  

.brampton {
  background-color: #E97F04;
}

.oakville {
  background-color: #6817EC;
} 

.etobicoke {
  background-color: #C0A205;
} 

.advanced, .oakvillebrampton, .noloc {
  background-color: #555;
}

.bigdate {
  font-size: 28px;
  color: #fff;
  text-align: center;
  font-family: "Roboto Slab";
}


.classroomloc {
  background-color: #E5E5E5;
  width: 30%;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-right: 20px;
}

.divider_icon {
  background-color: #E5E5E5;
  width: 5%;
  display: flex;  
  justify-content: center;
  align-items: center;      
}

.ridingloc {
  background-color: #E5E5E5;  
  padding: 10px;
  width: 30%;
  display: flex;
  justify-content: left;
  align-items: center;      
} 

.ridingloconly {
  background-color: #E5E5E5;  
  padding: 10px;
  width: 60%;
  display: flex;
  justify-content: left;
  align-items: center;      
} 
 
.regbuttonbox {
  width:25%;
  display: flex;
  justify-content: center;
  align-items: center; 
  flex-direction: column;
}

.regbuttonbox.availclass  {
  background-color: #359B76;

}

.availclassbutton {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 60px 5px 20px;
  cursor: pointer;
  background-image: url("images/road_arrow_smaller.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  display: block;

}

.regbuttonbox.fullclass {
  background-color: #999;
}

.fullclassbutton {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 20px;
  cursor: none;
}

.reg-icon {
  float: left;
  padding: 0 20px 0 20px;
  clear: right;
}

.regsub {
  font-size: 18px;
}

.notes {
  background-color: #FFE76B;
  margin:0;
  padding: 6px 20px;
  flex-shrink: 0;
  font-size: 14px;
  display: inline-block;
}

.notes p {
  margin: 0;
  padding: 0;
  display: inline;
}


h2.monthh2 {
  font-size: 30px;
}

div.months {
  font-weight: 700;
  font-size: 32px;
  text-align: center;
}
			
.lessthanfive {
  background-color: red;
  color: #fff;
  padding: 6px 12px;
  border-radius: 10px;
  font-weight:bold;
  font-family: "Roboto Slab";
  font-size:16px;
  margin: 0;
  margin-bottom: 10px;
}

/* .classfull  { */
  /* background-color: #fff; */
  /* color: #DC2137; */
  /* padding: 6px 12px; */
  /* border-radius: 10px; */
/* } */

/* .morethanfive { */
  /* background-color: #fff; */
  /* color: #359B76; */
  /* padding: 6px 12px; */
  /* border-radius: 10px; */
/* } */