/* =========================================================
   ROOM 2 — APPROVED PROJECT LAYOUT OVERRIDES

   Generated by Project Layout Studio.
   Replace layout-studio/layout-overrides.css with this file.
   Activity logic, pointer events, touch action, and active
   dragging transforms are intentionally not changed.
   ========================================================= */

/* Account buttons — All account buttons */
html[data-layout-page="login"] .login-options .login-choice {
  translate: 35px 0px !important;
  width: 19vw !important;
}

/* Finished image — All finished images */ 
html[data-layout-kind="activity"] #finishButton { width: 60vw !important; }

/* Whole activity workspace — This activity only */
html[data-layout-page="months-of-the-year"] .activity-workspace,
html[data-layout-page="months-of-the-year"] .alphabet-workspace,
html[data-layout-page="months-of-the-year"] .reading-workspace,
html[data-layout-page="months-of-the-year"] .vocabulary-workspace,
html[data-layout-page="months-of-the-year"] .addition-workspace,
html[data-layout-page="months-of-the-year"] .counting-workspace,
html[data-layout-page="months-of-the-year"] .prewriting-workspace,
html[data-layout-page="months-of-the-year"] .sentence-workspace {
  translate: 0px 25px !important;
}

/* Whole activity workspace — This activity only */
html[data-layout-page="weather"] .activity-workspace,
html[data-layout-page="weather"] .alphabet-workspace,
html[data-layout-page="weather"] .reading-workspace,
html[data-layout-page="weather"] .vocabulary-workspace,
html[data-layout-page="weather"] .addition-workspace,
html[data-layout-page="weather"] .counting-workspace,
html[data-layout-page="weather"] .prewriting-workspace,
html[data-layout-page="weather"] .sentence-workspace {
  translate: 0px 25px !important;
}

/* Directions image — This activity only */
html[data-layout-page="patterns"] #directionsButton {
  translate: 0px 38px !important;
}

/* Schedule list — This menu only */
html[data-layout-page="menu-language-arts"] .schedule-list {
  translate: 0px 45px !important;
}

/* Whole activity workspace — This activity only */
html[data-layout-page="alphabet"] .activity-workspace,
html[data-layout-page="alphabet"] .alphabet-workspace,
html[data-layout-page="alphabet"] .reading-workspace,
html[data-layout-page="alphabet"] .vocabulary-workspace,
html[data-layout-page="alphabet"] .addition-workspace,
html[data-layout-page="alphabet"] .counting-workspace,
html[data-layout-page="alphabet"] .prewriting-workspace,
html[data-layout-page="alphabet"] .sentence-workspace {
  height: 70vh !important;
  width: 73vw !important;
}

/* Whole activity workspace — This activity only */
html[data-layout-page="vocabulary"] .activity-workspace,
html[data-layout-page="vocabulary"] .alphabet-workspace,
html[data-layout-page="vocabulary"] .reading-workspace,
html[data-layout-page="vocabulary"] .vocabulary-workspace,
html[data-layout-page="vocabulary"] .addition-workspace,
html[data-layout-page="vocabulary"] .counting-workspace,
html[data-layout-page="vocabulary"] .prewriting-workspace,
html[data-layout-page="vocabulary"] .sentence-workspace {
  translate: 0px -13px !important;
  width: 72vw !important;
  height: 70vh !important;
}

/* Placed icons — All placed icons in this activity */
html[data-layout-page="counting-by-1s"] #placedLayer .placed-icon {
  translate: 0px 4px !important;
  width: 62px !important;
  height: 36px !important;
}

/* Directions image — This activity only */
html[data-layout-page="counting-by-1s"] #directionsButton {
  width: 12vw !important;
}

/* Directions image — This activity only */
html[data-layout-page="counting-by-2s"] #directionsButton {
  width: 11.5vw !important;
}

/* Placed icons — All placed icons in this activity */
html[data-layout-page="counting-by-2s"] #placedLayer .placed-icon {
  width: 63px !important;
  height: 37px !important;
}

/* Placed icons — All placed icons in this activity */
html[data-layout-page="counting-by-5s"] #placedLayer .placed-icon {
  height: 28px !important;
  width: 38px !important;
}

/* Placed-icon area — This counting activity */
html[data-layout-page="counting-by-5s"] #placedLayer {
  translate: -28px -11px !important;
  width: 100% !important;
  height: 100% !important;
}

/* Draggable starting area — This counting activity */
html[data-layout-page="counting-by-10s"] #draggableLayer {
  translate: -23px -20px !important;
  width: 90% !important;
  height: 83% !important;
}
/* Placed icons — All placed icons in this activity */
html[data-layout-page="counting-by-10s"] #placedLayer .placed-icon {
  height: 24px !important;
  width: 34px !important;
}

/* Placed-icon area — This counting activity */
html[data-layout-page="counting-by-10s"] #placedLayer {
  translate: -25px 0px !important;
  width: 100% !important;
  height: 105% !important;
}

/* Test number image — This counting activity */
html[data-layout-page="counting-by-10s"] #testNumberImage {
  translate: 0px -1px !important;
  width: 132px !important;
  height: 140px !important;
}

/* Whole activity workspace — This activity only */
html[data-layout-page="counting-by-10s"] .activity-workspace,
html[data-layout-page="counting-by-10s"] .alphabet-workspace,
html[data-layout-page="counting-by-10s"] .reading-workspace,
html[data-layout-page="counting-by-10s"] .vocabulary-workspace,
html[data-layout-page="counting-by-10s"] .addition-workspace,
html[data-layout-page="counting-by-10s"] .counting-workspace,
html[data-layout-page="counting-by-10s"] .prewriting-workspace,
html[data-layout-page="counting-by-10s"] .sentence-workspace {
  translate: 0px 25px !important;
  height: 80vh !important;
  width: 96vw !important;
}

/* Whole activity workspace — This activity only */
html[data-layout-page="addition"] .activity-workspace,
html[data-layout-page="addition"] .alphabet-workspace,
html[data-layout-page="addition"] .reading-workspace,
html[data-layout-page="addition"] .vocabulary-workspace,
html[data-layout-page="addition"] .addition-workspace,
html[data-layout-page="addition"] .counting-workspace,
html[data-layout-page="addition"] .prewriting-workspace,
html[data-layout-page="addition"] .sentence-workspace {
  translate: 0px 19px !important;
  height: 45.5vh !important;
}

/* Directions image — This activity only */
html[data-layout-page="prewriting"] #directionsButton {
  translate: 0px 19px !important;
  width: 12.5vw !important;
}
/* Directions image — This activity only */
html[data-layout-page="sentence-completion"] #directionsButton {
  translate: -2px 9px !important;
  width: 11.5vw !important;
}
/* Activity title — This activity only */
html[data-layout-page="prewriting"] #activityTitle,
html[data-layout-page="prewriting"] #alphabetTitle,
html[data-layout-page="prewriting"] #vocabularyTitle,
html[data-layout-page="prewriting"] #titleImage,
html[data-layout-page="prewriting"] .activity-title-image {
  width: 14.5vw !important;
  max-height: 15vh !important;
}
/* Activity title — This activity only */
html[data-layout-page="sentence-completion"] #activityTitle,
html[data-layout-page="sentence-completion"] #alphabetTitle,
html[data-layout-page="sentence-completion"] #vocabularyTitle,
html[data-layout-page="sentence-completion"] #titleImage,
html[data-layout-page="sentence-completion"] .activity-title-image {
  width: 26.5vw !important;
  max-height: 13.5vh !important;
}

/* Pick and edit an image — Pick a video. */
html[data-layout-page="patterns"] img[data-layout-image-key="id-directionsimage"] {
  translate: 0px -40px !important;
}

/* Pick and edit an image — Choose the two pictures that begin with this letter sound. */
html[data-layout-page="alphabet"] img[data-layout-image-key="id-directionsimage"] {
  translate: 15px 0px !important;
  width: 270px !important;
}

/* Pick and edit an image — Pick a video. */
html[data-layout-page="alphabet"] img[data-layout-image-key="id-directionsimage"] {
  width: 200px !important;
}

/* Pick and edit an image — Alphabet */
html[data-layout-page="alphabet"] img[data-layout-image-key="id-alphabettitle"] {
  translate: -12px 0px !important;
  width: 278px !important;
  height: 101px !important;
}

/* Pick and edit an image — Choose the two pictures that begin with this letter sound. */
html[data-layout-page="alphabet"] img[data-layout-image-key="id-directionsimage"] {
  translate: 40px 0px !important;
}

/* Pick and edit an image — Pick a video. */
html[data-layout-page="alphabet"] img[src="images/directions/introduction.png"] {
  translate: 13px 0px !important;
}

/* Pick and edit an image — Review the letter and its beginning sound pictures. */
html[data-layout-page="alphabet"] img[src="images/directions/review.png"] {
  translate: 15px 0px !important;
}

/* Whole activity workspace — This activity only */
html[data-layout-page="counting-by-10s"] .activity-workspace,
html[data-layout-page="counting-by-10s"] .alphabet-workspace,
html[data-layout-page="counting-by-10s"] .reading-workspace,
html[data-layout-page="counting-by-10s"] .vocabulary-workspace,
html[data-layout-page="counting-by-10s"] .addition-workspace,
html[data-layout-page="counting-by-10s"] .counting-workspace,
html[data-layout-page="counting-by-10s"] .prewriting-workspace,
html[data-layout-page="counting-by-10s"] .sentence-workspace {
  height: 70.5vh !important;
  width: 75vw !important;
}

/* Whole activity workspace — This activity only */
html[data-layout-page="counting-by-10s"] .activity-workspace,
html[data-layout-page="counting-by-10s"] .alphabet-workspace,
html[data-layout-page="counting-by-10s"] .reading-workspace,
html[data-layout-page="counting-by-10s"] .vocabulary-workspace,
html[data-layout-page="counting-by-10s"] .addition-workspace,
html[data-layout-page="counting-by-10s"] .counting-workspace,
html[data-layout-page="counting-by-10s"] .prewriting-workspace,
html[data-layout-page="counting-by-10s"] .sentence-workspace {
  translate: 0px 1px !important;
}

/* Whole activity workspace — This activity only */
html[data-layout-page="addition"] .activity-workspace,
html[data-layout-page="addition"] .alphabet-workspace,
html[data-layout-page="addition"] .reading-workspace,
html[data-layout-page="addition"] .vocabulary-workspace,
html[data-layout-page="addition"] .addition-workspace,
html[data-layout-page="addition"] .counting-workspace,
html[data-layout-page="addition"] .prewriting-workspace,
html[data-layout-page="addition"] .sentence-workspace {
  translate: 0px 2px !important;
  height: 62vh !important;
}


/* Sentence-slots area — All sentence-slots area */
html[data-layout-page="sentence-completion"] #sentenceSlots {
  translate: 0px 8px !important;
  width: 100% !important;
  min-height: 150px !important;
  gap: 32px !important;
}

/* Entire Test layout — All entire test layout */
html[data-layout-page="sentence-completion"] #testScreen .test-layout {
  translate: 0px -43px !important;
  height: 58.5vh !important;
  width: 89.5vw !important;
}

/* Test page card — All test page card */
html[data-layout-page="sentence-completion"] #testScreen .test-page-card {
  translate: -2px 46px !important;
  height: 88% !important;
}

/* Pick and edit an image — Choose a book. Select each word to hear it. */
html[data-layout-page="sentence-completion"] img[data-layout-image-key="id-directionsimage"] {
  translate: 16px 0px !important;
  width: 150px !important;
}

/* Target-letter icons — All target-letter icons */
html[data-layout-page="letter-writing"] #targetLetterStrip .target-letter-button {
  translate: 0px 37px !important;
}

/* Tracing workspace — All tracing workspace */
html[data-layout-page="letter-writing"] #traceStage {
  translate: 0px 49px !important;
}


/* Keyboard and touch map — All keyboard and touch map */
html[data-layout-page="typing"] #keyboardRegion {
  translate: 0px -3px !important;
  height: 100% !important;
}

/* Letter boxes — All letter boxes */
html[data-layout-page="typing"] #letterSlots .letter-slot {
  width: 66px !important;
  height: 65px !important;
  border-radius: 10px !important;
}

/* Letter-box row — All letter-box row */
html[data-layout-page="typing"] #letterSlots {
  translate: 0px -27px !important;
  width: 88vw !important;
  height: 77% !important;
  gap: 25px !important;
}

/* Large vocabulary picture — All large vocabulary picture */
html[data-layout-page="typing"] #wordCardButton {
  translate: 0px -25px !important;
  width: 12vw !important;
}

/* Nine-word navigation row — All nine-word navigation row */
html[data-layout-page="typing"] #wordNavigation {
  translate: 0px -8px !important;
}

/* Vocabulary navigation icons — All vocabulary navigation icons */
html[data-layout-page="typing"] #wordNavigation .word-nav-button {
  translate: 0px -9px !important;
  width: 100px !important;
  height: 59px !important;
}

/* Whole activity workspace — This activity only */
html[data-layout-page="typing"] .activity-workspace,
html[data-layout-page="typing"] .alphabet-workspace,
html[data-layout-page="typing"] .reading-workspace,
html[data-layout-page="typing"] .vocabulary-workspace,
html[data-layout-page="typing"] .addition-workspace,
html[data-layout-page="typing"] .counting-workspace,
html[data-layout-page="typing"] .prewriting-workspace,
html[data-layout-page="typing"] .sentence-workspace {
  height: 72.5vh !important;
  width: 90vw !important;
}

/* Pick and edit an image — Choose your vocabulary set. */
html[data-layout-page="typing"] img[src="images/directions/choose-vocabulary.png"] {
  translate: 64px 13px !important;
  width: 215px !important;
}

/* Pick and edit an image — Type the vocabulary word. */
html[data-layout-page="typing"] img[src="images/directions/review.png"] {
  translate: 78px 6px !important;
  width: 186px !important;
  height: 85px !important;
}

/* Pick and edit an image — Type the vocabulary word. */
html[data-layout-page="typing"] img[data-layout-image-key="id-directionsimage"] {
  translate: 87px 3px !important;
  width: 176px !important;
}

/* Activity circles — All activity circles */
html[data-layout-page="menu-skip-counting"] .skip-counting-options > .skip-counting-choice {
  width: 20vw !important;
}


/* Activity title pictures — Item 1 */
html[data-layout-page="menu-skip-counting"] .skip-counting-options > :nth-child(1) .skip-counting-choice-image {
  width: 135% !important;
}

/* Activity title pictures — All activity title pictures */
html[data-layout-page="menu-skip-counting"] .skip-counting-choice-image {
  width: 135% !important;
}

/* Large quantity numbers — All large quantity numbers */
html[data-layout-page="place-value"] .quantity-heading strong {
  translate: 0px 6px !important;
}

/* Activity title pictures — All activity title pictures */
html[data-layout-page="menu-skip-counting"] .skip-counting-choice-image {
  width: 135% !important;
}