/* General Styles */
.content sub {
  line-height: unset;
}

.content h2,
.content h3:not(.accordion h3) {
  margin-top: 1rem;
}

.content h2 {
  font: bold 26px Arial, Sans-Serif;
}

.content h3:not(.LA-banner h3) {
  font: bold 20px Arial, Sans-Serif;
}

.flat-btn {
  line-height: unset !important;
}

/* ----------------------------------------------------- */

/* Section Banners */

.LA-banner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  margin: 10px 0px;
}
.LA-banner h3 {
  color: #fbfbff;
  padding: 10px 25px 10px 60px;
  background: #875d86;
  margin-left: -50px;
  margin-top: 28px;
  border-bottom-right-radius: 20px;
  text-shadow: 1px 1px 3px #431941;
  font: bold 30px Arial, sans-serif;
}
.LA-banner img {
  flex-shrink: 0;
  width: 100px;
  z-index: 20;
}
/* END Section Banners */

/* ----------------------------------------------------- */

/* Vertical Tab Set */
.AE-v_tab .tab button.active {
  background-color: #126d61;
  color: white;
}
/* END Vertical Tab Set */

/* ----------------------------------------------------- */

/* Horizontal Set */
.AE-v_tab {
  background-color: #f2f2f2;
}
.AE-v_tab .tabcontent {
  background-color: white;
}
.AE-h_tab button {
  padding: 1.4rem;
}
.AE-h_tab button.active {
  background-color: #126d61;
  color: white;
}
.link button {
  background-color: #431941;
  margin: 15px 0px;
  width: 75%;
}
.link button:hover,
.link button:focus {
  background-color: #0e5047;
  transition: 0.8s;
}
/* END Horizontal Set */

/* ----------------------------------------------------- */

/* DEFAULT Purple Answer Reveal Buttons*/
.AE-reveal button {
  width: auto;
}

.AE-reveal button,
.AE-reveal input[type='button'],
.AE-reveal input[type='submit'],
.AE-reveal input[type='reset'],
.AE-reveal a.btn {
  background-color: #5b2159;
  border-color: #5b2159;
}
.AE-reveal button:hover,
.AE-reveal input[type='button']:hover,
.AE-reveal input[type='submit']:hover,
.AE-reveal a.btn:hover,
.AE-reveal button:focus,
.AE-reveal input[type='button']:focus,
.AE-reveal input[type='submit']:focus,
.AE-reveal a.btn:focus {
  color: #5b2159;
  border-color: #5b2159;
  background-color: white;
}
/* New Center class for Answer Reveal */
.center-me {
  text-align: center;
}
/* END DEFAULT PurpleAnswer Reveal Buttons*/

.AE-h_tabcontent {
  background-color: #e9f1f0;
}
/* ----------------------------------------------------- */

/* Alternate Green Answer Reveal Buttons*/
.alternate-question .AE-reveal button,
.alternate-question .AE-reveal input[type='button'],
.alternate-question .AE-reveal input[type='submit'],
.alternate-question .AE-reveal input[type='reset'],
.alternate-question .AE-reveal a.btn {
  background-color: #126d61;
  border-color: #126d61;
}
.alternate-question .AE-reveal button:hover,
.alternate-question .AE-reveal input[type='button']:hover,
.alternate-question .AE-reveal input[type='submit']:hover,
.alternate-question .AE-reveal a.btn:hover,
.alternate-question .AE-reveal button:focus,
.alternate-question .AE-reveal input[type='button']:focus,
.alternate-question .AE-reveal input[type='submit']:focus,
.alternate-question .AE-reveal a.btn:focus {
  color: #126d61;
  border-color: #126d61;
  background-color: white;
}
/* END Alternate Green Answer Reveal Buttons*/

/* ----------------------------------------------------- */

/* Show Me Reveal Buttons*/
.LA-ShowMe {
  background-color: #fcf1d8;
  border-top: 5px solid #784977;
  margin: 15px 0px;
  padding: 15px 25px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  box-shadow: 2px 2px 3px #bbb;
}
.LA-ShowMe .ShowMe-Answer {
  border-left: 5px solid #784977;
  padding: 10px;
  margin: 15px 5px;
  font-size: 1.15em;
}
/* END Show Me Reveal Buttons*/

/* ----------------------------------------------------- */

/* Video Section */
.LA_video {
  background-color: #f2f2f2;
  margin: 15px 0px;
  padding: 20px 15px;
  box-shadow: 0px 1px 5px #ccc;
  border-top: 5px solid #126d61;
  padding-bottom: 30px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Extra styles for 3rd and 4th button that are not currently in layout.css */
#transcriptArea3,
#transcriptArea4,
#transcriptArea5 {
  display: none;
  height: 100px;
  width: 632px;
  box-shadow: inset 0 0 10px #999;
  margin: 0px auto;
  padding: 0px 10px 0px 10px;
  overflow: auto;
  font-size: 10pt;
}
/* Extra styles for 3rd and 4th button that are not currently in layout.css */
#transcriptBtn3,
#transcriptBtn4,
#transcriptBtn5 {
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
  background-image: url('https://ideal.accelerate-ed.com/Content/css/templates/ideal_blue/images/transcript_btn.png');
  width: 138px;
  height: 17px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 9pt;
  text-align: center;
}
#transcriptArea,
#transcriptArea2,
#transcriptArea3,
#transcriptArea4,
#transcriptArea5 {
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  max-width: 900px;
}
#transcriptBtn,
#transcriptBtn2,
#transcriptBtn3,
#transcriptBtn4,
#transcriptBtn5 {
  display: block;
  margin: 0 auto;
  border: none;
  background-color: transparent;
}
/* END Video Section */

/* ----------------------------------------------------- */

/* TEXT ONLY Exaple Text box */
.example-text {
  font-size: 1em;
  background-color: #f9e3b2;
  border-left: 8px solid #f4cd73;
  box-shadow: 3px 3px 3px #bbb;
  padding: 15px 25px 15px 20px;
  margin: 15px 0px;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
  font-family: 'Palatino Linotype', Palatino, serif;
  line-height: 1.4em;
}
.example-text h3 {
  font-family: 'Palatino Linotype', Palatino, serif;
}
/* END TEXT ONLY Exaple Text box */

/* ----------------------------------------------------- */

/* Image AND Text Exaple Text box */
.example-text_image {
  font-size: 1em;
  background-color: #bda6bc;
  border-bottom-right-radius: 45px;
  border-top: 3px solid #967996;
  border-left: 3px solid #967996;
  margin: 15px 0px;
  padding: 15px;
  font-family: 'Palatino Linotype', Palatino, serif;
  line-height: 1.3em;
}
.example-text_image img {
  width: 100%;
  max-width: 400px;
  box-shadow: 2px 2px 3px #5b2159;
}
.example-text_image h3 {
  font-family: 'Palatino Linotype', Palatino, serif;
}
.img-outline {
  border: 1px solid #bbb;
}
/* END Image AND Text Exaple Text box */

/* ----------------------------------------------------- */

/* Example Block */
.example-block {
  margin: 15px 0px;
  padding: 10px 15px;
  background-color: #f0eaef;
  border-left: 8px solid #b49ab3;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  box-shadow: 3px 3px 3px #aaa;
}
.example-block img {
  width: 70%;
  margin: 15px 0px;
  max-width: 500px;
  min-width: 250px;
  box-shadow: 3px 3px 3px #aaa;
}
.example-block audio {
  margin-bottom: 20px;
}
/* END Example Block */

/* ----------------------------------------------------- */

/* Side by Side Examples */
.example-side_by_side {
  font-size: 1em;
  margin: 15px 0px;
  padding: 15px;
  font-family: 'Palatino Linotype', Palatino, serif;
  line-height: 1.3em;
}
.example-side_by_side img {
  width: 100%;
  max-width: 400px;
  margin-top: 15px;
  border-radius: 5px;
  box-shadow: 3px 3px 5px #86703f;
  margin-bottom: 20px;
}
.example-side_by_side section .example {
  background-color: #f9e3b2;
  border: 3px solid #f4cd73;
  border-radius: 25px;
  padding: 10px;
  margin: 5px;
}
.example-side_by_side section .example button,
.example-side_by_side section .example a.btn {
  background-color: #126d61;
  width: 80%;
}
.example-side_by_side section .example button:hover,
.example-side_by_side section .example a.btn:hover,
.example-side_by_side section .example button:focus,
.example-side_by_side section .example a.btn:focus {
  background-color: #5b2159;
  transition: 0.5s;
}
.example-side_by_side section .example audio {
  margin: 15px 10px;
  width: 80%;
}
.example-side_by_side section .example .space {
  margin: 20px 10px;
}
/* END Side by Side Examples */

/* ----------------------------------------------------- */

/* Place Holder box*/
.place-holder-activity {
  background-color: #fbfbff;
  border: 4px dotted #f4cd73;
  padding: 20px;
  margin: 15px 0px;
  border-radius: 15px;
}
/* END Place Holder box*/

/* ----------------------------------------------------- */

/* Image box */
.content-image {
  text-align: center;
  background-color: #f2f2f2;
  padding: 10px;
  margin: 15px 0px;
}
.content-image img {
  width: 50%;
  max-width: 700px;
  min-width: 350px;
  margin: 15px 0px;
  box-shadow: 3px 3px 3px #ccc;
}
.two-img img {
  width: 40%;
  min-width: 300px;
  max-width: 500px;
  margin: 15px 5px;
}
.three-img img {
  width: 28%;
  min-width: 225px;
  margin: 15px 5px;
}
.four-img img {
  width: 20%;
  min-width: 150px;
  margin: 15px 5px;
}
.two-img-side-by-side {
  background-color: #f2f2f2;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px;
}
.two-img-side-by-side img {
  box-shadow: 3px 3px 3px #ccc;
}
/* END Image box */

/* ----------------------------------------------------- */

/* END Image*/

.stand_alone_img {
  width: 100%;
  border-radius: 3px;
  box-shadow: 3px 3px 3px #ccc;
  margin: 10px 0px;
}
/* END Image*/

/* ----------------------------------------------------- */

/* Lightbox Interactive */
a.lightbox-text {
  color: var(--body-text-color) !important;
}

.lightbox-text {
  font-family: 'Palatino Linotype', Palatino, serif;
  line-height: 1.3em;
}
.lightbox-text > .lightbox-border {
  background-color: #f9e3b2;
}
.lightbox-border {
  border: 3px solid #f4cd73;
}
.lightbox-box {
  background-color: #f2f2f2;
  padding: 10px;
  margin: 15px 0px;
  border-top: 5px solid #126d61;
}
.fancybox-container {
  font-size: 1.2em;
}
.lightbox-img {
  margin: 5px;
}
/* END Lightboc Interactive */

/* ----------------------------------------------------- */

/* Journal Promt Box */
.LA_journal {
  font-size: 1.15em;
  padding: 5px 15px;
}
.LA_journal-box {
  padding: 15px;
  margin: 15px 0px;
  background-color: #93bcb7;
  border: 3px solid #52948c;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.LA_journal-box ol {
  list-style-type: decimal;
  margin: 0px 20px;
  padding: 5px 25px;
}
.LA_journal-box ol li {
  margin: 10px 0px;
}
/* END Journal Promt Box */

/* ----------------------------------------------------- */

/* Reading Promt Box */
.LA_reading {
  font-size: 1.15em;
  padding: 5px 15px;
}
.LA_reading-box {
  padding: 15px;
  margin: 15px 0px;
  background-color: #f7da99;
  border: 3px solid #f4cd73;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.LA_reading-box ol {
  list-style-type: decimal;
  margin: 0px 20px;
  padding: 5px 25px;
}
.LA_reading-box ol li {
  margin: 10px 0px;
}
/* END Reading Promt Box */

/* ----------------------------------------------------- */

/* --- MisMatch Interactive--- */

div.mismatch_game {
  box-shadow: 3px 3px 3px #ccc;
  border-radius: 2px;
  border: none;
  background: transparent;
  background-color: #f2f2f2;
  border-top: 5px solid #126d61;
  width: 85%;
  max-width: 900px;
  min-width: 615px;
}
#mmTitle {
  height: auto;
  color: #333333;
  border: 1px solid #333;
  box-shadow: 1px 1px 3px #777;
}
.mmChoice {
  min-height: 40px;
}
.mmChoice:hover {
  border-color: #967996;
  border-radius: 5px;
  box-shadow: 2px 2px 3px #777;
}
div.mismatch_game .mmFeedback {
  background-color: white !important;
  box-shadow: inset 0px 0px 5px #ccc !important;
  padding: 5px !important;
  font-size: 1.1em !important;
  width: 83% !important;
}
div.mismatch_game div.mmNext {
  background-image: url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/Jenns_Assets/math_icons/next.png);
  background-size: 60px;
  background-repeat: no-repeat;
}
div.mismatch_game div.mmNext:hover {
  background-image: url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/Jenns_Assets/math_icons/next.png);
  background-size: 60px;
}
div.mismatch_game div.mmRetry {
  background-image: url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/Jenns_Assets/math_icons/retry.png);
  background-size: 60px;
}
div.mismatch_game div.mmRetry:hover {
  background-image: url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/Jenns_Assets/math_icons/retry.png);
  background-size: 60px;
}
.mmDirections {
  text-align: left;
  padding: 10px;
}
/* ---END MisMatch Interactive--- */

/* ----------------------------------------------------- */

/* ---Multiple Choice Interactive--- */

.AE-multiple_choice_wrapper {
  background-image: url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/ELA8/course_images/shutterstock_150560132.jpg);
  background-repeat: repeat;
  background-position: center top !important;
  background-size: auto !important;
  background-color: #f2f2f2;
  border-top: 5px solid #5b2159;
  border-radius: 0px;
  padding: 40px;
}
.AE-multiple_choice .button-container .next,
.AE-multiple_choice .button-container .next:focus,
.AE-multiple_choice .button-container .finished,
.AE-multiple_choice .button-container .finished:focus {
  background-color: #126d61 !important;
}
.AE-multiple_choice .review {
  background-color: #5b2159;
}
.AE-multiple_choice .review:hover,
.AE-multiple_choice .review:focus {
  background-color: #0e5047;
}
.AE-multiple_choice .answers {
  border-color: #5b2159;
}
.AE-multiple_choice .header *:focus,
.AE-multiple_choice .question .responses li:focus,
.AE-multiple_choice .question .responsesMA li:focus,
.AE-multiple_choice .summary p:focus {
  outline: 2px dotted #784977 !important;
  background-color: white;
}
/* --- */
/* The following styles add a fade and some padding to the H2 outline to make its appearance less stark. */
/* The outline is changed to a border in order to make the fade work in firefox. */
/* --- */
.AE-multiple_choice .header h2 {
  border: 2px dotted transparent;
  padding: 3px;
}
.AE-multiple_choice .header h2:focus {
  background-color: white;
  outline: none !important;
  border: 2px dotted;
  -webkit-animation: fadeinout 1s linear forwards;
  animation: fadeinout 1s linear forwards;
}
@-webkit-keyframes fadeinout {
  0%,
  100% {
    border-color: rgba(120, 73, 119, 1);
  }
  100% {
    border-color: 2px dotted rgba(120, 73, 119, 0.2);
  }
}
@keyframes fadeinout {
  0%,
  100% {
    border-color: rgba(120, 73, 119, 1);
  }
  100% {
    border-color: rgba(120, 73, 119, 0.2);
  }
}
/* ---END Multiple Choice Interactive--- */

/* ----------------------------------------------------- */

/* ---Matching Interactive--- */

.AE-matching-wrapper {
  background-color: #f2f2f2;
  border-radius: 20px;
  background-size: auto;
  background-position: top center !important;
}
.AE-matching-wrapper .AE-matching .button-container .matchDir,
.AE-matching-wrapper .AE-matching .button-container .matchCheck,
.AE-matching-wrapper .AE-matching .button-container .matchReset {
  background-color: #5b2159;
  border-radius: 5px;
}
.AE-matching-wrapper .AE-matching .button-container .matchDir:hover,
.AE-matching-wrapper .AE-matching .button-container .matchCheck:hover,
.AE-matching-wrapper .AE-matching .button-container .matchReset:hover,
.AE-matching-wrapper .AE-matching .button-container .matchDir:focus,
.AE-matching-wrapper .AE-matching .button-container .matchCheck:focus,
.AE-matching-wrapper .AE-matching .button-container .matchReset:focus {
  background-color: #126d61;
  transition: 0.5s;
}
.AE-matching-wrapper .AE-matching .matchItems .item,
.AE-matching-wrapper .AE-matching .matchAnswers .answer {
  background-color: #f9e3b2;
  border-color: #debb69;
}
.AE-matching-wrapper .AE-matching .matchItems .item:hover,
.AE-matching-wrapper .AE-matching .matchAnswers .answer:hover,
.AE-matching-wrapper .AE-matching .matchItems .item:focus,
.AE-matching-wrapper .AE-matching .matchAnswers .answer:focus {
  background-color: #f4cd73;
  border-color: #c8a85f;
}
.AE-matching-wrapper .AE-matching .matchAnswers .answer.checkMatch,
.AE-matching-wrapper .AE-matching .matchItems .item.checkMatch {
  background-color: #d2c2d1 !important;
  border-color: #967195;
}
.AE-matching-wrapper .AE-matching .matchAnswers .answer.selected,
.AE-matching-wrapper .AE-matching .matchItems .item.selected {
  background-color: #fdf5e5;
  border-color: #f6d68c !important;
}
/* ---END Matching Interactive--- */

/* ----------------------------------------------------- */

/* --- Interactive Table--- */

.AE-interactive-table th,
.AE-interactive-table td {
  border: 1px solid #aaa;
}
.AE-interactive-table th {
  background-color: #f2f2f1;
  color: #126d61;
}
.AE-interactive-table button:hover,
.AE-interactive-table input[type='button']:hover,
.AE-interactive-table button:focus,
.AE-interactive-table input[type='button']:focus {
  background-color: #126d61 !important;
  color: white;
}
.halo {
  background-color: #faeac7 !important;
}
.LA_tablehead {
  background-color: #693568 !important;
  color: white !important;
  height: 60px;
}
/* --- END Interactive Table--- */

/* ----------------------------------------------------- */

/* FRQ */
.AE-FRQ {
  background-image: url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/ELA8/course_images/shutterstock_112047518.jpg);
  background-repeat: repeat;
  background-size: auto;
  background-position: top center !important;
  padding: 45px;
}
.AE-FRQ .textfields .response textarea,
.AE-scrollable-FRQ .textfields .response textarea {
  background-color: #fcf5e5;
}
.blue-btn,
.green-btn {
  background-color: #5b2159;
}
.blue-btn:hover,
.blue-btn:focus,
.green-btn:hover,
.green-btn:focus {
  background-color: #875d86;
}
.AE-FRQ .textfields .answer-table th,
.AE-scrollable-FRQ .textfields .answer-table th {
  background-color: #5b2159;
}
.AE-FRQ .qStore,
.AE-scrollable-FRQ .qStore {
  background-color: #fcf5e5;
}
.AE-scrollable-FRQ .withPreviewNext .next {
  background-color: #126d61 !important;
  box-shadow: 3px 3px 3px black !important;
}
.AE-scrollable-FRQ .withPreviewNext .next:hover,
.AE-scrollable-FRQ .withPreviewNext .next:focus {
  color: #126d61 !important;
  background-color: white !important;
}

.AE-FRQ .textfields .next,
.AE-FRQ .review,
.AE-scrollable-FRQ .textfields .next,
.AE-scrollable-FRQ .review {
  line-height: unset !important;
}

.AE-FRQ .header h3,
.AE-scrollable-FRQ .header h3 {
  font: bold 20px Arial, Sans-Serif;
  margin-top: 20px;
}

.AE-FRQ .textfields,
.AE-scrollable-FRQ .textfields {
  margin: 0 auto;
}

.AE-scrollable-FRQ .AE-multiple_choice .summary {
  box-shadow: 3px 3px 3px #301930;
}
/* --- END FRQ--- */

/* ----------------------------------------------------- */

/* ---Slide Show--- */

.AE-slideshow-wrapper .AE-slideshow .AE-slide {
  background-color: #f1f1f1;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.AE-slideshow-wrapper .AE-slideshow .slick-arrow {
  color: #5b2159 !important;
}
.slide_content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.slide_content h2 {
  color: #126d61;
  margin-bottom: -5px;
}
.slide_content p:first-of-type {
  padding-top: 10px;
}
.slide_content p:not([class]) {
  margin-bottom: 0;
}

.slide_content p:not([class]) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.slide_content .example-text {
  padding-top: 0;
  padding-bottom: 1.5rem;
}
.slide_content img:not(.pdfScript) {
  max-width: 75%;
  min-width: 200px;
  border: 1px solid black;
  box-shadow: 0px 3px 5px #aaa;
  border-radius: 3px;
}
.slide-show-lightbox img {
  max-width: 100% !important;
  width: 100% !important;
}
.slide_content .AE-reveal {
  margin-top: 25px;
  font-size: 1.2em;
}
/* Tiny video fix. */
.AE-slideshow-wrapper .LA_video {
  width: 90%;
}
/* ---END Slide Show--- */

/* ----------------------------------------------------- */

/* --- Accordion drop down --- */

.accordion.active,
.accordion:hover,
.accordion:focus {
  background-color: #126d61 !important;
  color: white;
}
.accordian-drop-down p {
  font-size: 1.1em;
}
.accordian-drop-down h3 {
  margin: 5px 15px;
}
.panel {
  background-color: #fbeccc !important;
}
/* --- END Accordion drop down --- */

/* ----------------------------------------------------- */

/* Tip Box */

.tip-box {
  background-color: #fbfbff;
  font-size: 1.15em;
  padding: 15px 20px;
  margin: 15px 0px;
  border: 1px solid #126d61;
  border-left: 6px solid #126d61;
  border-right: 6px solid #126d61;
  border-radius: 15px;
  box-shadow: 2px 2px 3px #bbb;
}
.tip-box span {
  border-bottom: 1px solid black;
}
/* END Tip Box */

/* ----------------------------------------------------- */

/* Scrollable Text Multiple Choice (small passage) */

.AE-scrollable-FRQ .textbox_FRQ {
  height: 150px;
  margin-bottom: 15px;
  background-color: #fae8bf;
  border-color: #301930;
}
.AE-scrollable-FRQ .textbox_FRQV2 {
  height: 200px;
  margin-bottom: 15px;
  background-color: #fae8bf;
  border-color: #301930;
}
.AE-scrollable-FRQ .textbox_FRQ p,
.AE-scrollable-FRQ .textbox_FRQV2 p {
  margin-top: 0px;
  font-size: 1.05em;
}
.AE-FRQ,
.AE-scrollable-FRQ {
  background-color: #60315f;
  width: 90%;
  border-radius: 3px;
}
.AE-scrollable-FRQ .AE-multiple_choice .question {
  box-shadow: 3px 3px 3px #301930;
}

.AE-scrollable-FRQ .AE-multiple_choice .summary p {
  font-size: 1.1em;
}
/* END Scrollable Text Multiple Choice (small passage) */

/* ----------------------------------------------------- */

/* Flip Box */

.LA_flip-box {
  margin-bottom: 15px;
}
.LA_flip-box .flip-box,
.AE-h_tabset .LA_flip-box .row {
  width: 100%;
}
.LA_flip-box .flip-box-inner button {
  cursor: pointer;
}
.LA_flip-box .flip-box-front {
  background-color: #f2f2f2;
}
.LA_flip-box .flip-box-front:hover,
.LA_flip-box .flip-box-front:focus {
  background-color: #f4cd73;
  transition: 0.9s;
}
.LA_flip-box .flip-box-front p {
  font-size: 1.1em;
}
.LA_flip-box .flip-box-back {
  background-color: #126d61;
  border-radius: 3px;
}
.LA_flip-box .flip-box-back p {
  padding: 15px;
  font-size: 1.1em;
}
/* END Flip Box */

/* ----------------------------------------------------- */

/* Ordering */

.AE-ordering-wrapper {
  background-color: #f2f2f2;
  border-top: 5px solid #126d61;
  border-radius: 0px;
  background-size: auto;
  background-position: top center !important;
}
.AE-ordering-wrapper .AE-ordering.noAccordion header p {
  font-size: 1.1em;
  margin-top: -5px;
}
/* END Ordering */

/* ----------------------------------------------------- */

/* Research Activity */
.documents-side_by_side {
  margin: 15px 0px;
  padding: 25px;
  background-color: #93bcb7;
  border: 3px solid #52948c;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.documents-side_by_side section .assignment button,
.documents-side_by_side section .assignment a.btn {
  background-color: #0e5047;
  width: 100%;
  margin: 5px 0px;
}
.documents-side_by_side section .assignment button:hover,
.documents-side_by_side section .assignment a.btn:hover,
.documents-side_by_side section .assignment button:focus,
.documents-side_by_side section .assignment a.btn:focus {
  background-color: #5b2159;
  transition: 0.5s;
}
/* END Research Activity */

/* ----------------------------------------------------- */

/* Rubric */
.LA_Rubric table {
  border-collapse: collapse;
  margin: auto;
}
.LA_Rubric thead tr th,
.LA_Rubric table tr td,
.LA_Rubric table tr th {
  padding: 10px;
}
.LA_Rubric thead tr {
  text-align: center;
  color: white;
  font-size: 1.15em;
}
.LA_Rubric thead tr th:first-child {
  background-color: #126d61;
}
.LA_Rubric thead tr th:nth-child(2) {
  background-color: #277a6f;
}
.LA_Rubric thead tr th:last-child {
  background-color: #3d877d;
}
.LA_Rubric table tr th {
  text-align: center;
  font-weight: bold;
  color: white;
  background-color: #0e5047;
}
.LA_Rubric table tr td:first-child {
  background-color: #f6d68c;
}
.LA_Rubric table tr td:nth-child(2) {
  background-color: #f8dfa5;
}
.LA_Rubric table tr td:last-child {
  background-color: #fae8bf;
}
/* END Rubric */

/* Simple Rubric */
.Simple_Rubric table tbody tr:nth-child(odd) td:first-child {
  text-align: center;
  font-weight: bold;
  background-color: #f5d17f;
}
.Simple_Rubric table tbody tr:nth-child(odd) td:last-child {
  background-color: #f8dfa5;
}
.Simple_Rubric table tbody tr:nth-child(even) td:first-child {
  text-align: center;
  font-weight: bold;
  background-color: #f8dfa5;
}
.Simple_Rubric table tbody tr:nth-child(even) td:last-child {
  background-color: #fae8bf;
}
/* END Simple Rubric */

/* ----------------------------------------------------- */

/* Flash cards (old) */
.flashcards_elem {
  background-image: url('https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/ELA8/course_images/shutterstock_226625461.png');
  background-color: white;
  border-radius: 3px !important;
  margin-top: 25px;
}
.face.back {
  font-size: 1.15em;
}
.flash_img {
  width: 200px;
  border-radius: 5px;
}
/* END Flash cards (old) */

/* Flashcards */
.NEW_AE-flashcards,
.NEW_AE-flashcards *,
.NEW_AE-flashcards *::before,
.NEW_AE-flashcards *::after {
  box-sizing: border-box !important;
}

.NEW_AE-flashcards .NEW_f1_container {
  height: 335px;
}

.NEW_AE-flashcards .NEW_face {
  height: 100%;
}

.NEW_AE-flashcards .shadow {
  box-shadow: none !important;
}

.NEW_AE-flashcards .NEW_f1_container {
  padding-right: unset;
}

.NEW_AE-flashcards .NEW_cardsRemaining {
  height: 35px;
}

.NEW_AE-flashcards .NEW_fl_cardCount {
  margin-top: -3px;
}

/* ----------------------------------------------------- */

/* Timeline Interactive */
.timeline_container {
  background-color: #222;
  width: 850px;
  height: 425px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.timeline_container .big-date {
  font-size: 1.4em !important;
  text-align: left !important;
  margin: 10px 0px !important;
}
.timeline_container .event_img {
  margin: 30px 30px 0px 55px !important;
  height: 275px;
  width: 275px;
  border-radius: 5px;
}
.timeline_container .container1 {
  /*  display: flex; */
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}
.timeline_container .container2 {
  /*  display: flex; */
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.timeline_container #timeline #grad_left,
#timeline #grad_right {
  height: 400px !important;
}
/* END Timeline Interactive */

/* FRQ Scrolling */
.AE-scrollable-FRQ .header h3 {
  font-size: 1.1rem;
}
.AE-scrollable-FRQ .answer-table th,
.AE-scrollable-FRQ .answer-table th {
  background-color: #60315f;
}
.AE-scrollable-FRQ .withPreview {
  height: 450px;
}
/* END FRQ Scrolling */

/* ==========================================================================
   Highlight Table
   ========================================================================== */
div.springTableContainer div.rowFocus {
  background-color: #d7eae4;
}
div.springTableContainer div.rowFocus:hover,
div.springTableContainer div.rowFocus:focus {
  background-color: #fae8bf;
}
div.springTableContainer div.rowFocus {
  border-color: #afd5c9;
}
div.springTableContainer {
  border: 1px solid #afd5c9;
}
/* ==========================================================================
   End Highlight Table
   ========================================================================== */

/********************
NEW MISMATCH GAME
********************/
.mismatch-container {
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 900px;
  background-color: #ff9d0a;
  padding: 10px 20px 20px 20px;
  border-radius: 5px;
}
.mismatch-container .mismatch_game {
  box-sizing: border-box;
  width: 90%;
  margin: 30px auto 20px auto;
  position: relative;
  background-color: #f2f2f2 !important;
  padding: 25px;
  text-align: center;
  box-shadow: inset 0px 0px 8px #ccc;
  border: 1px solid #888;
  border-radius: 10px;
}
.mismatch-container .mmSet,
.mismatch-container #mmFail,
.mismatch-container #mmWin {
  display: none;
}
.mismatch-container .mmChoice {
  width: 100%;
  padding: 10px 4px;
  min-height: 30px;
  margin-bottom: 10px;
  margin-right: 10px;
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #ccc;
  text-align: center;
  cursor: pointer;
  transition: border 0.5s;
}
.mismatch-container .mmChoice:last-child {
  margin-right: 0px;
}
.mismatch-container .mmChoice:first-child {
  margin-left: 0px;
}
.mismatch-container .mmChoice:hover,
.mismatch-container .mmChoice:focus {
  border: 2px solid #5b2159;
}
.mismatch-container .mmChoices {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.mismatch-container .mmChoices .right {
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9fdf1+0,d1fb92+100 */
  background: #f9fdf1; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #f9fdf1 0%,
    #d1fb92 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f9fdf1 0%,
    #d1fb92 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f9fdf1 0%,
    #d1fb92 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fdf1', endColorstr='#d1fb92', GradientType=0 ); /* IE6-9 */
}
.mismatch-container .mmChoices .wrong {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefe+0,fcaeae+100 */
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #fefefe 0%,
    #fcaeae 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fefefe 0%,
    #fcaeae 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fefefe 0%,
    #fcaeae 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fcaeae', GradientType=0 ); /* IE6-9 */
}
.mismatch-container #mmTitle {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
  width: 200px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #888;
  font-size: 120%;
  color: #1d726f;
}

div.mismatch_game #mmTitle {
  color: #1d726f;
}

.mismatch-container .mmDirections {
  font-size: 105%;
}
.mismatch-container .mmFeedback {
  box-shadow: inset 0px 0px 8px #ccc;
  border: thin solid #ccc;
  height: 110px;
  margin-bottom: 30px;
  overflow: auto;
  background-color: #ffffff;
  display: none;
}
.mismatch-container .mmFeedback p {
  display: none;
  margin: 5px;
  text-align: left;
}
.mismatch-container .mmNext,
.mismatch-container .mmRetry {
  display: none;
  color: #fff !important;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  transition: 0.5s;
  box-shadow: 0px 2px 3px #bdc3c7;
  border: none;
  cursor: pointer;
}
.mismatch-container .mmNext {
  display: none;
  width: 100%;
}
.mismatch-container .mmRetry {
  width: 50%;
}
.mismatch-container .mmNext:hover,
.mismatch-container .mmNext:focus,
.mismatch-container .mmRetry:hover,
.mismatch-container .mmRetry:focus {
  background-color: #5b2159;
}
@media all and (max-width: 820px) {
  .mismatch-container .mmChoices {
    flex-direction: column;
  }
  .mismatch-container .mmChoice {
    margin-left: 0;
  }
}
.mismatch-container {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/image/4748e41c-742b-4505-8c57-ca83d8bae127.jpg');
  background-repeat: repeat !important;
  background-size: auto;
}
.mismatch-container .mismatch_game {
  width: 90% !important;
  box-sizing: border-box !important;
  background-color: #f2f2f2 !important;
  min-width: 110px !important;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5) !important;
}

div.mismatch_game {
  background: none;
}

.mismatch-container .mmNext,
.mismatch-container .mmRetry {
  height: 40px;
}

.mismatch-container .mmNext,
.mismatch-container .mmRetry,
.mismatch-container .mmNext:hover,
.mismatch-container .mmRetry:hover {
  background-image: none;
  background-color: #5b2159;
  color: #ffffff;
  font-size: 1.2em;
  position: static;
}
.mismatch-container .mmFeedback {
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.mismatch-container .mmChoices .right::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f00c';
  margin-right: 10px;
  color: #27ae60;
  -webkit-text-stroke: 0px;
}
.mismatch-container .mmChoices .wrong::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f00d';
  margin-right: 10px;
  color: #c0392b;
  -webkit-text-stroke: 0px;
}

.mismatch-container {
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 900px;
  background-color: #1e858b;
  padding: 10px 20px 20px 20px;
  border-radius: 5px;
}
.mismatch-container .mismatch_game {
  padding-bottom: 0px;
}
.mismatch-container div.mismatch_game {
  box-sizing: border-box;
  width: 90%;
  margin: 30px auto 20px auto;
  position: relative;
  background-color: #f2f2f2 !important;
  padding: 25px;
  text-align: center;
  box-shadow: inset 0px 0px 8px #ccc;
  border: 1px solid #888;
  border-radius: 10px;
}
.mismatch-container div.mismatch_game .mmSet,
.mismatch-container div.mismatch_game #mmFail,
.mismatch-container div.mismatch_game #mmWin {
  display: none;
}
.mismatch-container div.mismatch_game .mmSummary,
.mismatch-container div.mismatch_game .mmSet {
  margin-top: 20px;
}
.mismatch-container div.mismatch_game .mmChoice {
  width: 100%;
  padding: 10px 4px;
  min-height: 30px;
  margin-bottom: 10px;
  margin-right: 10px;
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #ccc;
  text-align: center;
  cursor: pointer;
  transition: border 0.5s;
}
.mismatch-container div.mismatch_game .mmChoice:last-child {
  margin-right: 0px;
}
.mismatch-container div.mismatch_game .mmChoice:first-child {
  margin-left: 0px;
}
.mismatch-container div.mismatch_game .mmChoice:hover,
.mismatch-container div.mismatch_game .mmChoice:focus {
  border: 2px solid #5b2159;
}
.mismatch-container div.mismatch_game .mmChoices {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.mismatch-container div.mismatch_game .mmChoices .right {
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9fdf1+0,d1fb92+100 */
  background: #f9fdf1; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #f9fdf1 0%,
    #d1fb92 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f9fdf1 0%,
    #d1fb92 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f9fdf1 0%,
    #d1fb92 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fdf1', endColorstr='#d1fb92', GradientType=0 ); /* IE6-9 */
}
.mismatch-container div.mismatch_game .mmChoices .wrong {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefe+0,fcaeae+100 */
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #fefefe 0%,
    #fcaeae 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fefefe 0%,
    #fcaeae 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fefefe 0%,
    #fcaeae 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fcaeae', GradientType=0 ); /* IE6-9 */
}
.mismatch-container div.mismatch_game #mmTitle {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
  width: 200px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #888;
  font-size: 120%;
  color: #1d726f;
}
.mismatch-container div.mismatch_game .mmDirections {
  font-size: 105%;
}
.mismatch-container div.mismatch_game .mmFeedback {
  box-sizing: border-box;
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
  box-shadow: inset 0px 0px 8px #ccc;
  border: thin solid #ccc;
  height: 110px;
  margin-bottom: 30px;
  overflow: auto;
  background-color: #ffffff;
  display: none;
}
.mismatch-container div.mismatch_game .mmFeedback p {
  display: none;
  margin: 5px;
  text-align: left;
}
.mismatch-container div.mismatch_game .mmNext,
.mismatch-container div.mismatch_game .mmRetry {
  margin-bottom: 20px;
  height: auto;
  box-sizing: border-box;
  display: none;
  color: #fff !important;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  transition: 0.5s;
  box-shadow: 0px 2px 3px #bdc3c7;
  border: none;
  cursor: pointer;
  background-color: #5b2159;
}
.mismatch-container div.mismatch_game .mmNext {
  display: none;
  width: 100%;
}
.mismatch-container div.mismatch_game .mmRetry {
  width: 50%;
}
.mismatch-container div.mismatch_game .mmNext:hover,
.mismatch-container div.mismatch_game .mmNext:focus,
.mismatch-container div.mismatch_game .mmRetry:hover,
.mismatch-container div.mismatch_game .mmRetry:focus {
  background-color: #5b2159;
}
@media all and (max-width: 820px) {
  .mismatch-container div.mismatch_game .mmChoices {
    flex-direction: column;
  }
  .mismatch-container div.mismatch_game .mmChoice {
    margin-left: 0;
  }
}
.mismatch-container div.mismatch_game {
  width: 90% !important;
  box-sizing: border-box !important;
  background-color: #f2f2f2 !important;
  min-width: 110px !important;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5) !important;
  background: none;
}

.mismatch-container div.mismatch_game .mmNext,
.mismatch-container div.mismatch_game .mmRetry,
.mismatch-container div.mismatch_game .mmNext:hover,
.mismatch-container div.mismatch_game .mmRetry:hover {
  height: 40px;
  background-image: none;
  background-color: #5b2159;
  color: #ffffff;
  font-size: 1.2em;
  position: static;
}
/********************
END NEW MISMATCH GAME
********************/

/* Fill in the Blank */
.whExcerpt .btnArea {
  line-height: 25px !important;
}

/* Fill-in-Flip */
.flip-box .solve {
  border-bottom: unset !important;
  padding: unset !important;
  background-color: unset !important;
}

.answer_flip #flip-box {
  margin-top: -10px;
}