/* =========================== Pasco County Schools Canvas CSS =========================== 
Table of Contents 


Last updated by Gonzalo Paez on  Sept. 12, 2025


*/


/* ========================= Pasco eSchool Maintains This Code ========================== */

/* ==========  ESCHOOLHOME-MAIN  ========== */
#eschoolhome-main {
  padding: 20px 0px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/eschoolhome-main/page-bg.png");
  background-repeat: repeat;
  color: #000000;
  font: 14px 'Open Sans';
  border: 1px solid #DDD;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}


#eschoolhome-main-inner {
  padding: 20px 20px 20px 20px;
  width: 90%;
  margin: auto;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  font-size: 1.2em;
}

#eschoolhome-main p {
  margin: 20px 0px;
}

#eschoolhome-main h2 {
  padding: 35px 20px 20px 20px;
  margin: -21px 0px 34px -21px;
  background: #9C262A;
  background-position: top left;
  border: 1px solid #636461;
  font-size: 48px;
  font-family: "open sans";
  font-weight: 400;
  color: #fff;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
  width: 100%;
}

#eschoolhome-main h3 {
   padding: 5px 10px;
  margin: 20px 20px;
  background: #FCF9ED;
  font: 28px 'open sans';
  font-weight: 400;
  line-height: 42px;
  color: #9C262A;
  border: 1px solid #DFB954;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#eschoolhome-main h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  font: 22px 'open sans';
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 42px;
  border-bottom: 3px solid #DFB954;
}

#eschoolhome-main sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #D4401C;
  font: 22px 'Open Sans Condensed';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#eschoolhome-main sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #e34d26;
  font: 22px 'Open Sans';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#eschoolhome-main img {
  padding: 0px 15px;


}

#eschoolhome-main li{
  margin: 10px 0px 10px 0px;
  content: "\2022";
  color: #000;
  width: 90%
  font-size: 14px 'Open Sans';
  
}

#eschoolhome-main sup img {
  padding: 15px;
  margin: 10px;
  border: 5px solid #80A430;
  border-radius: 20px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.eschooldottedbox {

  width: 96%;

  border: 5px dotted #e34d26;

  padding: 10px;

  margin: 5px 0px 5px px;
}

.eschooldashedbox {

width: 96%;

  border: 5px dashed #e34d26;

  padding: 10px;

  margin: 5px 0px 5px px;
  }
  
  /* ==========  pasco-space-MAIN  ========== */
  
#pasco-space-main {
  padding: 20px 0px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-space/spacebg.png");
  background-repeat: repeat;
  color: #000000;
  font: 14px 'Open Sans';
  border: 1px solid #DDD;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}


#pasco-space-main-inner {
  padding: 20px 20px 20px 20px;
  width: 90%;
  margin: auto;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-space-main p {
  margin: 20px 0px;
}

#pasco-space-main h2 {
  padding: 35px 20px 20px 20px;
  margin: -21px 0px 34px -21px;
  background: #4B0773;
  background-position: top left;
  border: 1px solid #636461;
  font-size: 48px;
  font-family: "open sans";
  font-weight: 400;
  color: #fff;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
  width: 100%;
}

#pasco-space-main h3 {
   padding: 5px 10px;
  margin: 20px 20px;
  background: #FCF9ED;
  font: 28px 'open sans';
  font-weight: 400;
  line-height: 42px;
  color: #800156;
  border: 1px solid #735112;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-space-main h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  font: 22px 'open sans';
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 42px;
  border-bottom: 3px solid #735112;
}

#pasco-space-main sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #D4401C;
  font: 22px 'Open Sans Condensed';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-space-main sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #e34d26;
  font: 22px 'Open Sans';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-space-main img {
  padding: 0px 15px;


}

#pasco-space-main li{
  margin: 10px 0px 10px 0px;
  content: "\2022";
  color: #000;
  width: 90%
  font-size: 14px 'Open Sans';
  
}

#pasco-space-main sup img {
  padding: 15px;
  margin: 10px;
  border: 5px solid #80A430;
  border-radius: 20px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.eschooldottedbox {

  width: 96%;

  border: 5px dotted #e34d26;

  padding: 10px;

  margin: 5px 0px 5px px;
}

.eschooldashedbox {

width: 96%;

  border: 5px dashed #e34d26;

  padding: 10px;

  margin: 5px 0px 5px px;
  }

/* ==========  FUN RAINBOW  ========== */

#pasco-fun-rainbow {
  padding: 20px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-rainbow/page-bg.jpg");
  background-repeat: repeat;
  color: #000000;
  font: 18px 'Open Sans';
  line-height: 36px;
}

#pasco-fun-rainbow-inner {
  padding: 20px 30px 125px 30px;
  margin: 0px 35px 0px 35px;
  background: #FFF url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-rainbow/inner-bg.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  border: 1px solid #DDD;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  border-radius: 25px;
 
 
}

#pasco-fun-rainbow p {
  margin: 20px 0px;
}

#pasco-fun-rainbow h2 {
  padding: 60px 30px 20px 30px;
  margin: -21px 0px 15px -31px;
  background: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-rainbow/h2-bg.png");
  background-position: top center;
  background-repeat: repeat-x;
  font: 42px 'Finger Paint';
  font-weight: 400;
  color: #2F6312;
  text-align: center;
  width: 100%;
}

#pasco-fun-rainbow h3 {
  padding: 5px 10px;
  margin: 10px 0px;
  background:#0356B0;
  font: 36px 'Finger Paint';
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
  color: #FFF;
  border: 1px solid #056DEA;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}  

#pasco-fun-rainbow h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  background: #ffffff;
  font: 28px 'Finger Paint';
  font-weight: 400;
  font-style: italic;
  line-height: 36px;
  color: #2F6312;
  border: 3px solid #2F6311;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
  
}

#pasco-fun-rainbow sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #F17D30;
  font: 22px 'Finger Paint';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  border: 1px solid #E06C20;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-fun-rainbow sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #E06C20;
  font: 22px 'Finger Paint';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #E06C20;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-fun-rainbow img {
  padding: 0px 15px;
  margin: 10px;

}

#pasco-fun-rainbow sup img {
  padding: 0px 15px;
  margin: 10px;

}

#pasco-fun-rainbow li{
  margin: 15px 0;
  line-height: 32px;
}

/* ==========  FUN BLACKBOARD  ========== */

#pasco-fun-blackboard {
  padding: 20px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-blackboard/page-bg.png");
  background-repeat: repeat;
  color: #000000;
  font: 18px 'Open Sans';
  line-height: 28px;
}

#pasco-fun-blackboard-inner {
  padding: 20px 20px 20px 20px;
  margin: 0px 20px 0px 20px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-fun-blackboard p {
  padding: 5px 10px;
  margin: 10px 0px;
}

#pasco-fun-blackboard h2 {
  padding: 35px 20px 20px 20px;
  margin: -20px 0px 30px -20px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-blackboard/h2-bg.jpg");
  background-repeat: repeat-x;
  background-position: top left;
  font-size: 38px;
  font-family: "Rock Salt";
  font-weight: 400;
  line-height: 75px;
  color: #FFF;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
}

#pasco-fun-blackboard h3 {
  padding: 5px 10px;
  margin: 10px 0px;
  font: 18px;
  font-weight: bold;
  color: #2f88c8;
}

#pasco-fun-blackboard h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  background: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-blackboard/h4-bg.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  font: 22px 'Rock Salt';
  font-weight: 400;
  line-height: 42px;
  color: #DB1111;
}

#pasco-fun-blackboard sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #2473BC;
  font: 16px 'Rock Salt';
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #2B8BEB;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-fun-blackboard sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #2B8BEB;
  font: 16px 'Rock Salt';
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #2B8BEB;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-fun-blackboard img {
}

#pasco-fun-blackboard sup img {
  padding: 10px 15px;
  margin: 10px;

}


/* ==========  FUN NINJA  ========== */
#pasco-fun-ninja {
  padding: 20px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-ninja/page-bg.png");
  background-repeat: repeat;
  color: #000000;
  font: 18px 'Open Sans';
}

#pasco-fun-ninja-inner {
  padding: 20px 20px 20px 20px;
  width: 90%;
  margin: auto;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-fun-ninja p {
  margin: 20px 0px;
}

#pasco-fun-ninja h2 {
 padding: 15px 20px 15px 20px;
  margin: -20px 0px 25px -20px;
  background: #B6413B url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-ninja/h2-bg.jpg");
  background-repeat: repeat-x;
  background-position: top left;
  font: 38px 'Joti One';
  font-weight: 400;
  font-style: italic;
  line-height: 80px;
  color: #FFF;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  text-align: left;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
}

#pasco-fun-ninja h3 {
padding: 5px 10px;
  margin: 30px 0px;
  background: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-ninja/h3-bg.jpg");
  border: 4px solid silver;
  font: 32px 'Joti One';
  font-style: bold;
  font-weight: 300;
  line-height: 40px;
  color: #FFF;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-fun-ninja h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  font: 24px 'Joti One';
  font-weight: 400;
  font-style: italic;
  color: #9c262a;
  line-height: 42px;
  background: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-ninja/h4-bg.png");
  background-repeat: repeat-x;
  background-position: bottom left
}

#pasco-fun-ninja sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #9c262a;
  font: 22px 'Open Sans Condensed';
  font-weight: 400;
  line-height: 46px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #942019;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  hyphens: manual;
}

#pasco-fun-ninja sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #333333;
  font: 22px 'Open Sans Condensed';
  font-weight: 400;
  line-height: 46px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #000000;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  hyphens: manual;
}

}

#pasco-fun-ninja sup img {
  padding: 0px 15px;
  margin: 10px;
}


/* ==========  MATH GRAPHS  ========== */

#pasco-math-graphs {
  padding: 20px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-math-graphs/page-bg.jpg");
  background-repeat: repeat;
  color: #000000;
  font: 18px 'Open Sans';
}

#pasco-math-graphs-inner {
  padding: 20px 20px 20px 20px;
  margin: 0px 35px 0px 35px;
  background-color: #FFF;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  border: 1px solid #DDD;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-math-graphs p {
  margin: 20px 0px;
}

#pasco-math-graphs h2 {
  padding: 35px 20px 20px 20px;
  margin: -21px 0px 25px -21px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-math-graphs/h2-bg.png");
  background-repeat: repeat-x;
  background-position: top left;
  font: 42px 'Kalam';
  font-weight: 800;
  color: #255B47;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
}

#pasco-math-graphs h3 {
  padding: 5px 10px;
  margin: 10px 0px;
  background: #235845;
  font: 34px 'Kalam';
  font-weight: 400;
  text-transform: uppercase;
  line-height: 32px;
  color: #FFF;
  border: 1px solid #225542;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-math-graphs h4 {
  padding: 10px 10px;
  margin: 10px 0px;
  font: 28px 'Kalam';
  font-weight: 500;
  line-height: 40px;
  color: #3F5464;
  
}

#pasco-math-graphs sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #216695;
  font: 22px 'Kalam';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #216695;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-math-graphs sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #3998BF;
  font: 22px 'Kalam';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #2887AE;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-math-graphs img {
}

#pasco-math-graphs sup img {
  padding: 0px 15px;
  margin: 10px;

}

#pasco-math-graphs li{
  margin: 10px 0;
}

/* ==========  BLUE STRIPES  ========== */

#pasco-blue-stripes {
  padding: 40px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-blue-stripes/page-bg.jpg");
  background-repeat: repeat;
  color: #000000;
  font: 18px 'Open Sans';
}

#pasco-blue-stripes-inner {
  padding: 20px 20px 20px 20px;
  margin: 0px 35px 0px 35px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-blue-stripes p {
  margin: 20px 0px;
}

#pasco-blue-stripes h2 {
  padding: 35px 20px 20px 20px;
  margin: -21px 0px 35px -21px;
  background: #165384;
  background-repeat: repeat;
  background-position: top left;
  font: 38px 'Graduate';
  font-weight: 800;
  line-height: 70px;
  color: #FFF;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  border: 1px solid #216695;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
}

#pasco-blue-stripes h3 {
  padding: 5px 10px;
  margin: 10px 0px;
  background: #3998BF;
  font: 28px 'Graduate';
  font-weight: 400;
  line-height: 28px;
  color: #FFF;
  border: 1px solid #2887AE;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-blue-stripes h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  background: #13829C;
  font: 20px 'Graduate';
  font-weight: 400;
  line-height: 28px;
  color: #FFF;
  border: 1px solid #2887AE;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-blue-stripes sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #216695;
  font: 20px 'Graduate';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #216695;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-blue-stripes sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #3998BF;
  font: 20px 'Graduate';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #2887AE;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-blue-stripes img {
}

#pasco-blue-stripes sup img {
  padding: 0px 15px;
  margin: 10px;
  float: left;

}

#pasco-blue-stripes li{
  margin: 6px 0;
}

/* ==========  ELA COMPOSITION  ========== */

#pasco-ela-composition {
  padding: 40px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-ela-composition/page-bg.png");
  background-repeat: repeat;
  color: #000000;
  font: 18px 'Open Sans';
}

#pasco-ela-composition-inner {
  padding: 20px 20px 20px 20px;
  margin: 0px 35px 0px 35px;
  background: #FFF url("https://www.pasco.k12.fl.us/canvas/themes/pasco-ela-composition/inner-bg.png");
  border: 1px solid #DDD;
  border-radius: 25px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-ela-composition p {
  margin: 20px 0px;
}

#pasco-ela-composition h2 {
  padding: 35px 12px 20px 12px;
  margin: -21px 0px 35px -21px;
  background: #FFF url("https://www.pasco.k12.fl.us/canvas/themes/pasco-ela-composition/h2-bg.png");
  font: 40px 'Special Elite';
  font-weight: 800;
  line-height: 80px;
  color: #22211E;
  border-radius: 25px;
  border: 10px double #22211E;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
}

#pasco-ela-composition h3 {
  padding: 5px 6px;
  margin: 6px 0px;
  background: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-ela-composition/h4-bg.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  font: 28px 'Special Elite';
  font-weight: 400;
  line-height: 36px;
  color: #222;
}

#pasco-ela-composition h4 {
  padding: 5px 6px;
  margin: 6px 0px;
  font: 22px 'Special Elite';
  font-weight: 400;
  line-height: 36px;
  color: #222;
}

#pasco-ela-composition sub a {
  padding: 8px 20px 5px 20px;
  width: 250px;
  margin: 15px;
  background: #FFF url("https://www.pasco.k12.fl.us/canvas/themes/pasco-ela-composition/a-bg.png");
  font: 22px 'Special Elite';
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  text-align: center;
  color: #222;
  border: 6px double #222;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-ela-composition sub a:hover {
  padding: 8px 20px 5px 20px;
  width: 250px;
  margin: 15px;
  background: #FFF url("https://www.pasco.k12.fl.us/canvas/themes/pasco-ela-composition/a-hover-bg.png");
  font: 22px 'Special Elite';
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  text-align: center;
  color: #222;
  border: 6px double #222;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-ela-composition img {
}

#pasco-ela-composition sup img {
  padding: 0px 15px;
  margin: 10px;
  float: left;

}

#pasco-ela-composition li{
  margin: 4px 0;
  line-height: 28px;
}
#pasco-ela-composition box{
  box sizing; content-box
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  margin: 10px;
}

.pec-dottedbox {
  width: 96%;
  border: 5px dotted #191970;
  padding: 6px;
  margin: 5px 0px 5px px;
}

.pec-dashedbox {
  width: 96%;
  border: 5px dashed #191970;
  padding: 6px;
  margin: 5px 0px 5px px;
  }
/* ==========  PE Field  ========== */
#pasco-pe-field {
  padding: 20px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-pe-field/page-bg.jpg");
  background-repeat: repeat;
  color: #000000;
  font: 14px 'Open Sans';
}

#pasco-pe-field-inner {
  padding: 20px 30px 20px 30px;
  width: 90%;
  margin: auto;
  background-color: #FFF;
  border: 0px solid #FFF;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

#pasco-pe-field p {
  margin: 15px 0px;
}

#pasco-pe-field h2 {
  padding: 25px 30px 25px 30px;
  margin: -21px 0px 25px -31px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-pe-field/h2-bg.jpg");
  background-repeat: repeat-x;
  background-position: top left;
  font-size: 30px;
  font-family: "Rock Salt";
  font-weight: 400;
  color: #FFF;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
  width: 100%;
}

#pasco-pe-field h3 {
   padding: 5px 10px;
  margin: 10px 0px;
  background: #EDEDED;
  font: 26px 'Graduate';
  font-weight: 400;
  line-height: 42px;
  color: #42591C;
  border: 1px solid #2887AE;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-pe-field h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  background: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-pe-field/h4-bg.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  font: 22px 'Graduate';
  font-weight: 400;
  line-height: 42px;
  color: #45611F;
}

#pasco-pe-field sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #597F1C;
  font: 16px 'Graduate';
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  text-transfopasco: uppercase;
  color: #FFF;
  border: 1px solid #7B9F3E;
  border-radius: 10px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

#pasco-pe-field sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #7B9F3E;
  font: 16px 'Graduate';
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  text-transfopasco: uppercase;
  color: #FFF;
  border: 1px solid #7B9F3E;
  border-radius: 10px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

#pasco-pe-field img {
  padding: 10px 15px;
  margin: 10px;

}

#pasco-pe-field sup img {
  padding: 10px 15px;
  margin: 10px;
  float: left;

}

#pasco-pe-field li{
  margin: 4px 0;
  line-height: 30px;
}


/* ==========  MISC DISTRICT  ========== */

#pasco-misc-district {
  padding: 20px;
  background-color: #254889;
  background-repeat: repeat;
  color: #000000;
  font: 14px 'Open Sans';
}

#pasco-misc-district-inner {
  padding: 20px 20px 20px 20px;
  margin: 0px 35px 0px 35px;
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 15px;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
}

#pasco-misc-district p {
}

#pasco-misc-district h2 {
  padding: 20px 20px 0px 120px;
  margin: 0px 50px 10px 0px;
  background: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-misc-district/h2-bg.png");
  background-repeat: no-repeat;
  background-position: left;
  font: 36px 'Open Sans';
  font-weight: 800;
  line-height: 40px;
  color: #254889;
  border: 0px solid #e54d26;
  width: 100%;
  height: 120px;
}

#pasco-misc-district h3 {
  padding: 20px 30px 20px 30px;
  margin: 10px 20px 10px 20px;
  min-width: 150px;
  background: #FFFFE0;
  font: 28px 'Open Sans';
  font-weight: 400;
  font-style: italic;
  line-height: 36px;
  color: #254889;
  border: 1px dotted #DDD;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
}

#pasco-misc-district h4 {
  padding: 0px 0px;
  margin: 10px 0px;
  font: 18px 'Open Sans';
  font-weight: 800;
  line-height: 36px;
  color: #e54d26;
}

#pasco-misc-district sub a {
  padding: 8px 20px 5px 20px;
  width: 250px;
  margin: 15px;
  background: #e54d26;
  font: 16px 'Open Sans';
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 2px #aa2402;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-misc-district sub a:hover {
  padding: 8px 20px 5px 20px;
  width: 250px;
  margin: 15px;
  background: #f47e60;
  font: 16px 'Open Sans';
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 2px #aa2402;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-misc-district img {
}

#pasco-misc-district sup img {
  padding: 0px 15px;
  margin: 10px;
}

/* ==========  DLP-MAIN  ========== */
#pasco-dlp-main {
  padding: 20px 0px;
  background: #365999;
  color: #000000;
  font: 14px 'Open Sans';
}


#pasco-dlp-main-inner {
  padding: 20px 20px 20px 20px;
  width: 90%;
  margin: auto;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-dlp-main p {
  margin: 20px 0px;
}

#pasco-dlp-main h2 {
  padding: 35px 20px 20px 20px;
  margin: -21px 0px 34px -21px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-dlp-main/h2-bg.jpg");
  background-repeat: repeat-x;
  background-position: top left;
  border: 1px solid #636461;
  font-size: 36px;
  font-family: "Rock Salt";
  font-weight: 400;
  color: #FFF;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
  width: 100%;
}

#pasco-dlp-main h3 {
   padding: 5px 10px;
  margin: 10px 0px;
  background: #f2f2f2;
  font: 28px 'open sans';
  font-weight: 400;
  line-height: 42px;
  color: #42591C;
  border: 1px solid #2887AE;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-dlp-main h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  font: 22px 'open sans';
  font-weight: 400;
  font-style: bold;
  color: #2853A9;
  line-height: 42px;
  border-bottom: 3px solid #e34d26;
}

#pasco-dlp-main sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #D4401C;
  font: 22px 'Open Sans Condensed';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-dlp-main sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #e34d26;
  font: 22px 'Open Sans';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-dlp-main img {
  padding: 0px 15px;


}

#pasco-dlp-main li{
  margin: 10px 0px 10px 0px;
  content: "\2022";
}

#pasco-dlp-main sup img {
  padding: 15px;
  margin: 10px;
  border: 5px solid #80A430;
  border-radius: 20px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.dottedbox {

  width: 96%;

  border: 5px dotted #e34d26;

  padding: 10px;

  margin: 5px 0px 5px px;
}

.dashedbox {

width: 96%;

  border: 5px dashed #e34d26;

  padding: 10px;

  margin: 5px 0px 5px px;
  }

  /* ==========  DLP-READING  ========== */

  #pasco-reading-main {
    padding: 20px 0px;
    background: #0a0686;
    color: #000000;
    font: 14px 'Open Sans';
  }

  #pasco-reading-main-inner {
    padding: 20px 20px 20px 20px;
    width: 90%;
    margin: auto;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  }
    
  #pasco-reading-main p {
    margin: 20px 0px;
  }   
  
  #pasco-reading-main h2 {
    padding: 35px 20px 20px 20px;
    margin: -21px 0px 34px -21px;
    background: #5b6855;
    border: 1px solid #636461;
    font-size: 36px;
    font-family: "Rock Salt";
    font-weight: 400;
    color: #FFF;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    text-align: center;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    width: 100%;
  }   
  
  #pasco-reading-main h3 {
    padding: 5px 10px;
    margin: 10px 0px;
    background: #f2f2f2;
    font: 28px 'open sans';
    font-weight: 400;
    line-height: 42px;
    color: #42591C;
    border: 1px solid #2887AE;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  }
    
  #pasco-reading-main h4 {
    padding: 5px 10px;
    margin: 10px 0px;
    font: 22px 'open sans';
    font-weight: 400;
    font-style: bold;
    color: #2853A9;
    line-height: 42px;
    border-bottom: 3px solid #e34d26;
  }
    
  #pasco-reading-main sub a {
    padding: 5px 20px;
    width: 250px;
    margin: 15px;
    background: #D4401C;
    font: 22px 'Open Sans Condensed';
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border: 1px solid #CB2612;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  }
    
  #pasco-reading-main sub a:hover {
    padding: 5px 20px;
    width: 250px;
    margin: 15px;
    background: #e34d26;
    font: 22px 'Open Sans';
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border: 1px solid #CB2612;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  }
    
  #pasco-reading-main img {
    padding: 0px 15px;
  }
    
  #pasco-reading-main li {
    margin: 10px 0px 10px 0px;
    content: "\2022";
  }
    
  #pasco-reading-main sup img {
    padding: 15px;
    margin: 10px;
    border: 5px solid #80A430;
    border-radius: 20px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  }

/* ==========  MISC ELN-MAIN  ========== */
#pasco-misc-eln-main {
  padding: 30px 0px;
  background: #254889;
  color: #000000;
  font: 16px 'Open Sans';
}

#pasco-misc-eln-main-inner {
  padding: 20px 20px 20px 20px;
  width: 90%;
  margin: auto;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-misc-eln-main p {
  margin: 20px 0px;
}

#pasco-misc-eln-main h2 {
  font: 36px 'Open Sans';
  border-bottom: 3px solid #254889;
  font-weight: 800;
  line-height: 50px;
  color: #80A430;
  text-align: center;
  width: 100%;
  margin: 20px 0 10px 0;
}

#pasco-misc-eln-main h3 {
  text-align: center;
  font: 24px 'Open Sans';
  font-style: italic;
  font-weight: 800;
  color: #DC3723;
  margin: 5px 0;
}

#pasco-misc-eln-main h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  font: 22px 'Open Sans Condensed';
  font-weight: 400;
  font-style: italic;
  color: #80A430;
  line-height: 42px;
  border-bottom: 3px solid #254889;
}

#pasco-misc-eln-main sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #DC3723;
  font: 22px 'Open Sans Condensed';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-misc-eln-main sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #CB2612;
  font: 22px 'Open Sans';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-misc-eln-main img {
  padding: 0px 15px;


}

#pasco-misc-eln-main li{
  margin: 10px 0;
}

#pasco-misc-eln-main sup img {
  padding: 15px;
  margin: 10px;
  border: 5px solid #80A430;
  border-radius: 20px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

/* ==========  MISC SLN-MAIN  ========== */
#pasco-misc-sln-main {
  padding: 30px 0px;
  background: #254889;
  color: #000000;
  font: 16px 'Open Sans Condensed';
}

#pasco-misc-sln-main-inner {
  padding: 20px 20px 20px 20px;
  width: 90%;
  margin: auto;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-misc-sln-main p {
  margin: 20px 0px;
}

#pasco-misc-sln-main h2 {
  font: 30px 'Abril Fatface';
  border-bottom: 3px solid #80A430;
  font-weight: 800;
  line-height: 50px;
  color: #254889;
  text-align: center;
  width: 100%;
  margin: 20px 0 10px 0;
}

#pasco-misc-sln-main h3 {
  text-align: center;
  font: 24px 'Open Sans Condensed';
  font-style: italic;
  font-weight: 800;
  color: #DC3723;
  margin: 5px 0;
}

#pasco-misc-sln-main h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  font: 20px 'Abril Fatface';
  font-weight: 400;
  color: #254889;
  line-height: 42px;
  border-bottom: 3px solid #80A430;
}

#pasco-misc-sln-main sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #DC3723;
  font: 22px 'Open Sans Condensed';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-misc-sln-main sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #CB2612;
  font: 22px 'Open Sans Condensed';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #CB2612;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-misc-sln-main img {
  padding: 0px 15px;
  float: left;

}

#pasco-misc-sln-main li{
  margin: 10px 0;
}

#pasco-misc-sln-main sup img {
  padding: 15px;
  margin: 10px;
  border: 5px solid #80A430;
  border-radius: 20px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  float: left;

}

/* ==========  Pasco eSchool  ========== */

#pasco-eschool {
  padding: 20px;
  background: #404040;
  background-repeat: repeat;
  color: #000000;
  font: 14px 'Open Sans';
}

#pasco-eschool-inner {
  padding: 20px 20px 20px 20px;
  width: 90%;
  margin: auto;
  background-color: #FFF;
  border: 1px solid #585858;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-eschool p {
  font-size: 1.13em;
}

#pasco-eschool h2 {
  padding: 15px 20px 15px 20px;
  margin: -20px 0px 25px -20px;
  background-repeat: no-repeat;
  background: #9c262a;
  font: 38px 'Open Sans';
  font-weight: 800;
  line-height: 70px;
  color: #FFF;
  border-top-right-radius: 23px;
  border-top-left-radius: 23px;
  border: 0px solid #216695;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
}

#pasco-eschool h3 {
  padding: 5px 0px;
  margin: 10px 0px;
  background: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-eschool/h4-bg.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  font: 24px 'Open Sans';
  font-weight: 800;
  line-height: 36px;
  color: #9c262a;
}

#pasco-eschool h4 {
  padding: 5px 0px;
  margin: 10px 0px;
  font-size: 1.36em 'Open Sans';
  font-weight: 800;
  line-height: 36px;
  color: #000000;
}

#pasco-eschool sub a {
  padding: 8px 20px 5px 20px;
  width: 250px;
  margin: 15px;
  background: #9c262a;
  font: 16px 'Open Sans';
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 2px #aa2402;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-eschool sub a:hover {
  padding: 8px 20px 5px 20px;
  width: 250px;
  margin: 15px;
  background: #f47e60;
  font: 16px 'Open Sans';
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 2px #aa2402;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-eschool img {
}

#pasco-eschool sup img {
  padding: 0px 15px;
  margin: 12px;
}

/* ==========  PASCO SPANISH  ========== */

#pasco-spanish {
  padding: 20px;
  background-image: url("https://www.pasco.k12.fl.us/canvas/themes/pasco-spanish/page-bg.jpg");
  background-repeat: repeat;
  color: #000000;
  font: 14px 'Open Sans';
}

#pasco-spanish-inner {
  padding: 20px 20px 20px 20px;
  margin: 0px 35px 0px 35px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#pasco-spanish p {
  margin: 20px 0px;
}

#pasco-spanish h2 {
  padding: 35px 20px 20px 20px;
  margin: -21px 0px 35px -21px;
  background: #BF5E49;
  background-repeat: repeat;
  background-position: top left;
  font: 38px 'Sanchez';
  font-weight: 800;
  line-height: 70px;
  color: #FFF;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  border: 1px solid #6C8C71;
  text-align: center;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
}

#pasco-spanish h3 {
  padding: 5px 10px;
  margin: 30px 0px;
  background: #D99F6C;
  font: 28px 'Sanchez';
  font-weight: 400;
  line-height: 28px;
  color: #000000;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-spanish h4 {
  padding: 5px 10px;
  margin: 10px 0px;
  background: #89A491;
  font: 20px 'Sanchez';
  font-weight: 400;
  line-height: 28px;
  color: #000000;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-spanish sub a {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #BF3030;
  font: 20px 'Rancho';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #40313C;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-spanish sub a:hover {
  padding: 5px 20px;
  width: 250px;
  margin: 15px;
  background: #6C8C71;
  font: 20px 'Rancho';
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #40313C;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#pasco-spanish img {
}

#pasco-spanish sup img {
  padding: 0px 15px;
  margin: 10px;
}

#pasco-spanish li{
  margin: 6px 0;
}

/* latin */
@font-face {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: 400;
  src: local('Shadows Into Light Two'), local('ShadowsIntoLightTwo-Regular'), url(https://fonts.gstatic.com/s/shadowsintolighttwo/v4/gDxHeefcXIo-lOuZFCn2xVbBQNzAwd3E4WXIZWrwe_7r7w4p9aSvGirXi6XmeXNA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/shadowsintolighttwo/v4/gDxHeefcXIo-lOuZFCn2xWBFAVUSWdQlArshVRSwYMrr7w4p9aSvGirXi6XmeXNA.woff) format('woff');;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxv79_ZuUxCigM2DespTnFaw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxhbnBKKEOwRKgsHDreGcocg.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xMmDra0ONnO3FPH--kzkC5zr7w4p9aSvGirXi6XmeXNA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xGAzD5WKQVN4wSyA0MYYi4rr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIgEy7irt_A5K-aDq9kG7DHr7w4p9aSvGirXi6XmeXNA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xM6Eyu0BCqAfob_z3hhzRFzr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Cond Light Italic'), local('OpenSans-CondensedLightItalic'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/jIXlqT1WKafUSwj6s9AzVyqWG1TIildrkra2taUxHyR2IY20qb3OO3nusUf_NB58.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/jIXlqT1WKafUSwj6s9AzV6XnXbwdDC8wAz6IIzmCDUN2IY20qb3OO3nusUf_NB58.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Rock Salt';
  font-style: normal;
  font-weight: 400;
  src: local('Rock Salt'), local('RockSalt'), url(https://fonts.gstatic.com/s/rocksalt/v6/Q94aHXFHGip10K5uxi1jOJBw1xU1rKptJj_0jans920.woff2) format('woff2'), url(https://fonts.gstatic.com/s/rocksalt/v6/Q94aHXFHGip10K5uxi1jOLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Montez';
  font-style: normal;
  font-weight: 400;
  src: local('Montez'), local('Montez-Regular'), url(https://fonts.gstatic.com/s/montez/v6/NM4Y9EFoHJtznC_PqwqR5-vvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'), url(https://fonts.gstatic.com/s/montez/v6/Ww9DrCS2WNNzzypZe0hgpuvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Sanchez';
  font-style: normal;
  font-weight: 400;
  src: local('Sanchez'), local('Sanchez-Regular'), url(https://fonts.gstatic.com/s/sanchez/v4/IrRX0SbY7r3Cla3CcqtilgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/sanchez/v4/9T6om-IyqE2CuKLLQr0lcgLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Joti One';
  font-style: normal;
  font-weight: 400;
  src: local('Joti One'), local('JotiOne-Regular'), url(https://fonts.gstatic.com/s/jotione/v4/lDR1UauNQEtw6f1FzUuUHnYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/jotione/v4/LVl1n76aEips1R1baeB3RHYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: local('Kalam'), local('Kalam-Regular'), url(https://fonts.gstatic.com/s/kalam/v6/TAjsUJh97oNqpcJS3YujGqCWcynf_cDxXwCLxiixG1c.woff2) format('woff2'), url(https://fonts.gstatic.com/s/kalam/v6/6wE4KkDTwLxfsX94FmTAW6CWcynf_cDxXwCLxiixG1c.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: local('Kalam Bold'), local('Kalam-Bold'), url(https://fonts.gstatic.com/s/kalam/v6/V6yS6HmuVV3o39pJxMtJC3YhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/kalam/v6/Qn-5-6XRdB09P8vdnMkOE3YhjbSpvc47ee6xR_80Hnw.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Rancho';
  font-style: normal;
  font-weight: 400;
  src: local('Rancho'), url(https://fonts.gstatic.com/s/rancho/v6/yJONObwbYmkcfKME0p1HqevvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'), url(https://fonts.gstatic.com/s/rancho/v6/EJt_7DbHYj8a5HS0_pTrl-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Share Tech';
  font-style: normal;
  font-weight: 400;
  src: local('Share Tech'), local('ShareTech-Regular'), url(https://fonts.gstatic.com/s/sharetech/v4/riJWcvd3sYdxJpiCWZvUGAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2'), url(https://fonts.gstatic.com/s/sharetech/v4/riJWcvd3sYdxJpiCWZvUGL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Graduate';
  font-style: normal;
  font-weight: 400;
  src: local('Graduate'), local('Graduate-Regular'), url(https://fonts.gstatic.com/s/graduate/v4/xBquLOzic3rRbJsTs3BiEHYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/graduate/v4/3igPYHysOQSqw-Nqzu4SMnYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Finger Paint';
  font-style: normal;
  font-weight: 400;
  src: local('Finger Paint'), local('FingerPaint-Regular'), url(https://fonts.gstatic.com/s/fingerpaint/v4/m_ZRbiY-aPb13R3DWPBGXxampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'), url(https://fonts.gstatic.com/s/fingerpaint/v4/m_ZRbiY-aPb13R3DWPBGX6RDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: local('Special Elite'), local('SpecialElite-Regular'), url(https://fonts.gstatic.com/s/specialelite/v6/9-wW4zu3WNoD5Fjka35JmwYWpCd0FFfjqwFBDnEN0bM.woff2) format('woff2'), url(https://fonts.gstatic.com/s/specialelite/v6/9-wW4zu3WNoD5Fjka35Jm4kaQb-UsZVONjobs91YQtw.woff) format('woff');
}

/* latin */
@font-face {
  font-family: 'Joti One';
  font-style: normal;
  font-weight: 400;
  src: local('Joti One'), local('JotiOne-Regular'), url(https://fonts.gstatic.com/s/jotione/v4/lDR1UauNQEtw6f1FzUuUHnYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/jotione/v4/LVl1n76aEips1R1baeB3RHYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v8/X1g_KwGeBV3ajZIXQ9VnDgYWpCd0FFfjqwFBDnEN0bM.woff2) format('woff2'), url(https://fonts.gstatic.com/s/abrilfatface/v8/X1g_KwGeBV3ajZIXQ9VnDokaQb-UsZVONjobs91YQtw.woff) format('woff');
}

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v14/w5HPj52zZZcV_MSSXRmfzRZbeA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lobster/v14/w5HPj52zZZcV_MSSXRmZzRZbeA.woff) format('woff');
}

/* div:is(#LatePoliciesTabPanel__Container, #GradePostingPolicyTabPanel__Container, #tab-tab-panel-late, #tab-tab-panel-post) {
  display: none;
} */

/* TEST */

/* ==========  BRANDING COLORS (CSS variables)  ========== */

:root {
  --eschool-orange: #e37d3e;
  --eschool-red: #9c262a;
  --eschool-yellow: #e0b955;
  --pasco-blue: #254889;
  --pasco-green: #657f24;
  --pasco-orange: #d73f19;
}

/* ==========  COURSE TEMPLATES START HERE (MAIN THEME)  ========== */

.main {
  padding: 1.5%;
  color: #000;
  font-family: "Open Sans", sans-serif;
  background: #404040;
}

.inner {
  background: #fff;
  border-radius: 15px;
  padding: 3%;
  border: 1px solid #2e2e2e;
}

.main h2 {
  background: var(--eschool-red);
  padding: 3.2%;
  margin: -3.2% 0 0 -3.2%;
  font: 2.8rem "Noto Serif", serif;
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  border-bottom: 1px solid #2e2e2e;
  text-align: center;
  width: 100%;
  color: #fff;
}

.main h3 {
  font: 1.8rem "Noto Serif", serif;
  color: var(--eschool-red);
  margin: 20px 0;
}

.main h4 {
  margin: 10px 0px;
  font: 1.5rem "Noto Serif", serif;
}

/* .main a.pasco-button {
  border: 1px solid #2e2e2e;
  background-color: var(--eschool-red);
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  margin: 10px;
  font-weight: bold;
  display: inline-block;
  transition: all 0.5s;
}

.main a.pasco-button:hover {
  background-color: #333333;
  transform: scale(1.03);
} */

.main a.pasco-button {
  background-color: #9c262a;
  border: 0.1px solid black;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: 18px "Open Sans Condensed";
  font-weight: bold;
  margin: 15px 0;
  padding: 5px 10px;
  text-decoration: none;
  transition: background-color 200ms ease-in-out, transform 200ms ease-in-out;
}

.main a.pasco-button:hover,
.main a.pasco-button:focus {
  background-color: #333333;
  color: #fff;
  transform: scale(1.03);
}

@media (max-width: 400px) {
  .main a.pasco-button,
  .main a.pasco-button:hover,
  .main a.pasco-button:focus {
    font-size: 16px;
    padding: 3px 6px;
  }
}

/* ==========  RAINBOW THEME  ========== */

.rainbow {
  background: #96d3e8;
  background: repeating-radial-gradient(
    #e0f1f8,
    #bee2ee,
    #96d3e8,
    #67c4e0 30px
  );
  font-size: 1.15rem;
}

.rainbow .inner {
  background: #fff repeat-x bottom left
    url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-rainbow/inner-bg.png");
  padding-bottom: 150px;
  border-color: #40b1d3;
}

.rainbow h2 {
  background: repeat-x top center
    url("https://www.pasco.k12.fl.us/canvas/themes/pasco-fun-rainbow/h2-bg.png");
  padding-top: 80px;
  font: 3.5rem "Finger Paint", cursive;
  color: #2f6312;
  border-bottom: none;
}

.rainbow h3 {
  background: #0356b0;
  font-family: "Finger Paint", cursive;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #056dea;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  padding: 8px 10px;
}

.rainbow h4 {
  background: #ffffff;
  font-family: "Finger Paint", cursive;
  color: #2f6312;
  font-style: italic;
  border: 3px solid #2f6312;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  padding: 6px;
}

/* ==========  eSCHOOLHOME THEME  ========== */

.eschool {
  background-color: #f5f5f5;
  background-image: linear-gradient(
      30deg,
      #d5d5d5 12%,
      transparent 12.5%,
      transparent 87%,
      #d5d5d5 87.5%,
      #d5d5d5
    ),
    linear-gradient(
      150deg,
      #d5d5d5 12%,
      transparent 12.5%,
      transparent 87%,
      #d5d5d5 87.5%,
      #d5d5d5
    ),
    linear-gradient(
      30deg,
      #d5d5d5 12%,
      transparent 12.5%,
      transparent 87%,
      #d5d5d5 87.5%,
      #d5d5d5
    ),
    linear-gradient(
      150deg,
      #d5d5d5 12%,
      transparent 12.5%,
      transparent 87%,
      #d5d5d5 87.5%,
      #d5d5d5
    ),
    linear-gradient(
      60deg,
      #e5e5e5 25%,
      transparent 25.5%,
      transparent 75%,
      #e5e5e5 75%,
      #e5e5e5
    ),
    linear-gradient(
      60deg,
      #e5e5e5 25%,
      transparent 25.5%,
      transparent 75%,
      #e5e5e5 75%,
      #e5e5e5
    );
  background-size: 30px 52.5px;
  background-position: 0 0, 0 0, 15px 26.25px, 15px 26.25px, 0 0, 15px 26.25px;
}

.eschool .inner {
  border-color: #9e9d9d;
}

.eschool h2 {
  border-bottom-color: #9e9d9d;
}

.eschool h3 {
  background: #fcf9ed;
  border: 1px solid #dfb954;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  padding: 10px;
}

.eschool h4 {
  border-bottom: 3px solid #dfb954;
  padding: 3px;
}

/* Certificate Button */

a#prepare-certificate-btn {
  text-decoration: none; 
  background-color: #eeeeee; 
  color: #333333; 
  padding: 2px 6px 2px 6px; 
  border-top: 1px solid #CCCCCC; 
  border-right: 1px solid #333333; 
  border-bottom: 1px solid #333333; 
  border-left: 1px solid #CCCCCC; 
  display: block; 
  margin: 5px auto; 
  width: 150px; 
  text-align: center;
}

a#prepare-certificate-btn:hover {
  text-shadow: 0 0 10px red;
}

/* Video Container District-Wide */

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 1400px) {
  .video-container iframe,
  .video-container object,
  .video-container embed {
    width: 95%;
    height: 95%;
    padding-left: 20px;
    padding-top: 15px;
  }
}

@media (min-width: 1600px) {
  .video-container iframe,
  .video-container object,
  .video-container embed {
    width: 90%;
    height: 90%;
    padding-left: 60px;
    padding-top: 30px;
  }
}

@media (min-width: 1800px) {
  .video-container iframe,
  .video-container object,
  .video-container embed {
    width: 85%;
    height: 85%;
    padding-left: 80px;
    padding-top: 40px;
  }
}