/* -----------Exercises Note------------- */
.exercises {
  padding: 1em;
  margin: 0 0;
  padding-left: 15px;
  padding-top: 15px;
  min-height: 120px;
  color: #264653;
  background-color: #D3D9D4AB;
  border: solid 3px #264653;
  border-radius: 25px;
  }
  

/* -----------Purple Protip Note------------- */

.protip {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/protip.png");
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 15px center;
  min-height: 120px;
  color: #75658c;
  background-color: #dbceefab;
  border: solid 5px #d8c1f7;
  }
  

/* -----------Opal FYI Note------------- */

.fyi {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/fyi.png");
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 15px center;
  min-height: 120px;
  color: #326273;
  background-color: #b7ccccab;
  border: dashed 5px #82a7a6;
  }
  

/* -----------Grey Math Note------------- */

.mathnote {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/math.png");
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 15px 15px;
  min-height: 120px;
  color: #326273;
  background-color: #bdc7bfab;
  border: dashed 5px #869889;
  }  
  
  
/* -----------Yellow Interpretation Note------------- */

.interpret {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/interpret.png");
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 15px 50%;
  min-height: 120px;
  color: #264653;
  background-color: #fffeaaab;
  border: solid 3px #264653;
  border-radius: 25px;
  }  

.interpret h5{
  margin-bottom: -20px;
}

/* -----------Set font size for math ------------- */

.MathJax {
    font-size: 100% !important;
}



/* -----------Syllabus Inclusion Note------------- */

.inclusion {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/scoobydoo_friends.png");
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 15px 50px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #d7f4a4;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }  
  

/* -----------Syllabus Stress Management Note------------- */

.stress {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/tilly.png");
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: 15px 50px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #f9f3c2;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }  


/* -----------Syllabus Technology Note------------- */

.technology {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/technology.png");
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: 15px 50px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #f9f3c2;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }  
  

/* -----------Syllabus CEHD Recording Note------------- */

.recording {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/recording.png");
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: 15px 50px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #f9f3c2;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }  
  

/* -----------Syllabus Absence Policy Note------------- */

.absence {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/absence.png");
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: 15px 50px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #f9f3c2;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }  
  

/* -----------Syllabus Technology Note------------- */

.technology {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/scooby.png");
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 10px 40px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #dbe58a;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }  
  

/* -----------Syllabus CEHD Recording Note------------- */

.recording {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/underdog.png");
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 15px 50px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #d7f3fe;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }  
  

/* -----------Syllabus Absence Policy Note------------- */

.absence {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/huckleberry-hound.png");
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: 5px 50px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #faeff4;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }  


/* -----------Syllabus AI Note------------- */

.ai {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/yogi.png");
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: 5px 50px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #fee7b2;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }  
  

/* -----------Syllabus Collaboration Tips Note------------- */

.collaboration {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-image: url("../img/snagglepuss.png");
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: 15px 50px;
  min-height: 120px;
  box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
  background-color: #e8e6d8;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: solid 5px #41403E;
  }