/***

OnlearnLMS.css

(c)  Gary Benner 2021

*/



/* (A) ACCORDION WRAPPER */
.awrap {
  width: 100%;
}
 
/* (B) HEADER TAB */
/* (B1) TAB ITSELF */
.ahead {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  background: #3393d4;
  color: #fff;
  border-bottom: 2px solid #f2f2f2;
  border-radius: 5px;
  font-size:1.4em;
   
  margin:5px;
}
/* (B2) RIGHT ARROW */
.ahead:after {
  position: absolute;
  content: "\25b6";
  right: 10px;
  transition: transform 0.2s;
}
.accordion-body.open {
  display: block;
}
 
/* (C) CONTENT TAB */
/* (C1) TAB ITSELF - CLOSED BY DEFAULT */
.abody {
  overflow: hidden;
  transition: all 0.2s ease-out; 
  max-height: 0; 
  height: auto;
  background: #ffffff;
  color: #333;
}
/* (C2) OPEN TAB - DOWN ARROW */
.ahead.open:after {
  transform: rotate(90deg);
}
/* (C2) OPEN TAB - SHOW CONTENT */
.ahead.open + .abody {
  max-height: 600px; 
  padding: 10px;
}