/*hide nav*/
/*.overview-list{display: none;}*/

/*hide nav*/
/*.overview__details-trigger{display: none;}*/

/* full width map */ 
.map__image{max-height: none;}/*

/* Hide Title lesson number*/
/*.lesson-header__count{display: none;}*/

/* Hide next lesson numbers and alter text */ 
.next-lesson__name{
  visibility:hidden
}
.next-lesson__name:after{
  /*change text here*/
content: "\A Continue ";
white-space: pre;
visibility: visible;
color: #ffffff
}

/* Hide previous lesson numbers and alter text */ 
.previous-lesson__title{
  text-align: center;
  visibility:hidden
}
.previous-lesson__title:before{
  /*change text here*/
content: "Go Back\A";
white-space: pre;
visibility: visible;
color: #ffffff

}

/* Hide Progress bar */ 
/*.progress-wrap{display: none;}*/

/* change colour of next and previous bar */ 
.brand--linkColorHover{background-color: #009b4f}

/* hamburger menu bakground colour */ 
.overview-sidebar__container{background-color: #f2f2f2}

/* hamburger menu link text colour */ 
.lesson-link__name{color: #222222}

/* Change main title */ 
.overview__title {
visibility: hidden
}
.overview__title:before{
content: "Flexibility at Specsavers";
visibility: visible;
}

/* Change content width to full width  
.block-image__container{max-width: none;
}*/

/*hide object on screen size
@media all and (min-width: 668px) {

  .page__content-container{display:block;}
  .page__content-container2{display:none;}
}

@media all and (max-width: 667px) {

  .page__content-container{display:none;}
  .page__content-container2{display:block;}
}*/

/*remove grey box colour on some backgrounds*/
.page__wrapper{
  background-color: #FFFFFF
}

/*All titles Green*/
.lesson-header__title{
  color: #009b4f
}

.process-end__message{}

/* Hide previous lesson numbers and alter text */ 
.process-end__text{
  visibility:hidden
}
.process-end__text:before{
  /*change text here*/
content: "See the process again?\A Click below\A";
white-space: pre;
visibility: visible;
}
/* Chevron Colours up and down*/
.next-lesson__link .i{fill: #FFFFFF;
}
.previous-lesson{color: #FFFFFF;
}

/*Storyline block colour*/
.blocks-storyline{background-color: #FFFFFF;
}


/*Title block remove*/
/*.page__header{display: none;
}*/

/*Make continue button at bottom stick with content to scroll behind*/
.next-lesson {
    height: 7rem;
    width: 100%;
    position: sticky;
    position:-webkit-sticky;
    bottom: 0;
    z-index: 1;
    }

/* text on back of flashcards adjust size with font-size setting*/
.block-flashcard--small .block-flashcard__center--long .block-flashcard__description {
    font-size: 1.8rem;
    line-height: 1.5625;
    text-align: left;
}

/*knowledge check boxes shorter*/
.block-knowledge__wrapper {
    padding: 1rem 3rem 5rem;
    padding-top: 1rem;
    }
    
/*knowledge check answers shorter*/
 .quiz-multiple-choice-option__checkbox-label, .quiz-multiple-choice-option__radio-label {
    padding: 1rem 1rem;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
}

/*Adjust iframe*/
.embed--iframe {
    position: relative;
    padding-bottom: 47.25%;
    height: 28px;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 2rem;
}
@media (max-width:600px) {
    .embed--iframe {
    position: relative;
    padding-bottom: 47.25%;
    height: 350px;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 2rem;
}
}