/*---------------------------------*/
/* -------Activity Pages---------- */
/*---------------------------------*/
body.activity_page .title_block h1,
body.activity_page .title_block h4 {
  text-transform: uppercase;
  font-size: 1.15625rem;
  margin-bottom: 5px;
  letter-spacing: .5px; }

body.activity_page .title_block h1 {
  font-weight: 600; }

/* Activity Page Blocks*/
body.activity_page .landing-box1 {
  grid-column: 1 / span 1;
  grid-row: 1; }

body.activity_page .landing-box2 {
  grid-row: 1; }

.activity_box {
  grid-column: 1 / span 12;
  grid-row: 2 / span 2;
  background-color: white; }

.activity_content_centered {
  margin: 0 auto;
  text-align: center;
  padding: 22px 0px; }

.activity_content_centered img {
  width: 100%; }

.text_input,
.activity_mobile {
  padding: 50px;
  margin: 0 auto; }

.text_input #audio_input {
  width: 100%; }

.activity_box_2col {
  padding-top: 12px;
  display: grid;
  grid-template-columns: repeat(12, [col] 1fr);
  grid-template-rows: repeat(4, [row] auto);
  grid-column-gap: 5px;
  grid-row-gap: 5px; }

/* activity left */
.activity_content_leftCol_top {
  grid-column: col 2 / span 5;
  grid-row: 1; }

.activity_content_leftCol {
  grid-column: col 2 / span 5;
  grid-row: 2; }

.activity_content_leftCol_bottom {
  grid-column: col 2 / span 5;
  grid-row: 3; }

/* activity right */
.activity_content_rightCol_top {
  grid-column: col 8 / span 4;
  grid-row: 1; }

.activity_content_rightCol_bottom {
  grid-column: col 8 / span 4;
  grid-row: 3; }

.activity_content_rightCol {
  grid-column: col 8 / span 4;
  grid-row: 2; }

.activity_content_leftCol img {
  width: 100%; }

.activity_box_2col input,
.activity_box_2col select {
  width: 100%; }

.activity_mobile {
  display: none;
  background-color: #383B45; }

/* Media Queries max 850px: */
@media (max-width: 850px) {
  body.activity_page .landing-box1 {
    grid-column: 6 / span 2;
    grid-row: 1; }

  body.activity_page .landing-box2 {
    grid-column: 2 / span 10;
    grid-row: 2;
    text-align: center; } }
/* Media Queries max 550px: */
@media (max-width: 550px) {
  .activity_content_leftCol_top {
    grid-column: col 2 / span 10;
    grid-row: 1; }

  .activity_content_leftCol {
    grid-column: col 2 / span 10;
    grid-row: 3; }

  .activity_content_leftCol_bottom {
    grid-column: col 2 / span 10;
    grid-row: 5; }

  /* activity right */
  .activity_content_rightCol_top {
    grid-column: col 2 / span 10;
    grid-row: 2; }

  .activity_content_rightCol_bottom {
    grid-column: col 2 / span 10;
    grid-row: 6; }

  .activity_content_rightCol {
    grid-column: col 2 / span 10;
    grid-row: 4; } }
/* Media Queries max 650px: */
@media (max-width: 650px) {
  .activity_mobile {
    display: block; } }
/*---------------------------------*/
/* ---Reference Popups ----------- */
/*---------------------------------*/
.playbutton > i {
  color: black; }

.activity_popup .screen1 p {
  grid-column: auto / span 12; }

.activity_popup .screen2 p {
  grid-column: auto / span 3;
  line-height: .9375rem;
  font-size: 0.875rem; }

.activity_popup .screen2 i {
  margin-top: 0px;
  grid-column: auto / span 1;
  margin-left: 3px; }

.activity_popup h1 {
  color: black;
  grid-column: col 1 / span 12; }

.popup_full_width {
  grid-column: auto / span 10; }

.activity_popup h4 {
  font-size: .9375rem !important;
  margin-bottom: 50px;
  grid-column: col 1 / span 12; }

.activity_popup a .fas {
  color: black; }

/* Media Queries max 650px: */
@media (max-width: 650px) {
  .activity_popup .screen2 p {
    grid-column: auto / span 7; } }
/*---------------------------------*/
/* -------Audio Player ----------- */
/*---------------------------------*/
.audio_player {
  display: grid;
  grid-template-columns: repeat(12, [col] 1fr);
  grid-template-rows: repeat(1, [row] auto);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-top: 1px solid #E6B621;
  height: 65px;
  background-color: white; }

.play_btn {
  grid-column: col 6 / span 1;
  font-size: 38px;
  vertical-align: middle; }

.replay_btn {
  grid-column: col 7 / span 1;
  font-size: 16px;
  margin-top: 15px;
  margin-left: 5px; }

.audio_prev_next {
  grid-column: col 12 / span 1;
  font-size: 20px;
  margin-top: 10px; }

/*# sourceMappingURL=activity_page.css.map */