.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: rgb(246.5, 246.5, 246.5);
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container--plain {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 160%;
  outline: none;
  border-radius: 3px;
  background: #fff;
}
.select2-container--plain * {
  outline: none;
}
.select2-container--plain .select2-dropdown {
  overflow: hidden;
  border-color: #ddd;
  z-index: 6000;
}
.select2-container--plain .select2-selection--single {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #ddd;
  height: 38px;
  line-height: 38px;
}
.select2-container--plain .select2-selection--single .select2-selection__rendered {
  color: #444;
  height: 38px;
  line-height: 38px;
  padding-left: 1em;
  padding-right: 3em;
}
.select2-container--plain .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--plain .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--plain .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 35px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #ddd;
  border-left: 0;
}
.select2-container--plain .select2-selection--single .select2-selection__arrow b {
  display: block;
  height: 100%;
  position: relative;
}
.select2-container--plain .select2-selection--single .select2-selection__arrow b:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin: -8px 0 0 -8px;
  content: "\f078";
  color: #555;
}
.select2-container--plain.select2-container--focus .select2-selection--single, .select2-container--plain.select2-container--open .select2-selection--single {
  border-color: #00ADEF;
}
.select2-container--plain.select2-container--focus .select2-selection__arrow, .select2-container--plain.select2-container--open .select2-selection__arrow {
  border-color: #00ADEF;
}
.select2-container--plain.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: 0;
}
.select2-container--plain.select2-container--open.select2-container--above .select2-selection--single {
  border-top: 0;
}
.select2-container--plain.select2-container--open .select2-selection__arrow {
  border-bottom: 0;
  border-radius: 0 4px 0 0;
}
.select2-container--plain.select2-container--open .select2-selection__arrow b:before {
  content: "\f077";
}
.select2-container--plain.select2-container--open .select2-dropdown {
  border-color: #00ADEF;
}
.select2-container--plain.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--plain.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--plain.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--plain.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--plain.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--plain.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--plain.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--plain.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--plain.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--plain .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--plain .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--plain .select2-results > .select2-results__options {
  max-height: 300px;
  overflow-y: auto;
}

.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option {
  padding: 1em;
  line-height: 1.4em;
}
.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option > .select2-results__option {
  padding-left: 1em;
}
.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option > .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option > .select2-results__option > .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--plain .select2-dropdown .select2-results .select2-results__options > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option > .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--plain .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: #fff;
}
.select2-container--plain .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/*

usage

*/
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  95% {
    transform: rotate(350deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes modal-opening {
  from {
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes modal-closing {
  from {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 0;
  }
}
@keyframes opacity-fill {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes bounceball {
  0% {
    bottom: 50%;
    height: 16px;
  }
  15% {
    height: 26px;
  }
  90% {
    bottom: 60%;
  }
  100% {
    bottom: 60%;
  }
}
@keyframes shadow {
  0% {
    width: 26px;
  }
  90% {
    width: 20px;
  }
  100% {
    width: 20px;
  }
}
@keyframes slideUpDropdown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.button__primary:hover, .button__primary:focus {
  background-color: #1FA3DD;
  text-decoration: none;
}
.button__secondary {
  background: #005280;
}
.button__secondary:hover, .button__secondary:focus {
  background: #1FA3DD;
  text-decoration: none;
}
.button__tertiary {
  background: transparent;
  color: #212B36;
  font-weight: 500;
  border: 1px solid #e4e4e4;
}
.button__tertiary:hover, .button__tertiary:focus {
  background: #212B36;
  color: #fff;
  text-decoration: none;
}
.button__text-button {
  padding: 0;
  background: transparent;
  text-transform: initial;
  font-family: "Noto Sans";
  font-weight: 400;
  font-size: inherit;
  -webkit-font-smoothing: auto;
}
.button--icon-container {
  display: flex;
  align-items: center;
}
.button-wide {
  width: 100%;
}
.button.icon, button.icon, input.icon[type=button],
input.icon[type=submit] {
  background: transparent;
  padding: 0;
}
.button--outline {
  background-color: transparent;
  border: 2px solid #1FA3DD;
  color: #1FA3DD;
}
.button.margin, button.margin, input.margin[type=button],
input.margin[type=submit] {
  margin-top: 2em;
}
.button:focus, button:focus, input[type=button]:focus,
input[type=submit]:focus {
  outline: none;
}
.button + .button, button + .button, .button + button, button + button, input[type=button] + .button, input[type=button] + button,
input[type=submit] + .button,
input[type=submit] + button, .button + input[type=button], button + input[type=button], input[type=button] + input[type=button],
input[type=submit] + input[type=button],
.button + input[type=submit],
button + input[type=submit],
input[type=button] + input[type=submit],
input[type=submit] + input[type=submit] {
  margin-left: 1em;
}
.button__disabled {
  cursor: not-allowed;
  background-color: #BDBDBD;
  pointer-events: none;
}

.button-wide {
  width: 100%;
  text-align: center;
}

label {
  display: block;
  font-size: 120%;
  text-align: left;
  text-transform: capitalize;
}

hr {
  height: 1px;
  background: #E6EAEE;
  border: none;
  margin: 1em auto;
}
.icon.grey path {
  fill: #BDBDBD;
  stroke: #BDBDBD;
}
.icon.white path {
  fill: #fff;
  stroke: #fff;
}
.icon.blue path {
  fill: #1FA3DD;
  stroke: #1FA3DD;
}
.icon.gold path {
  fill: #F4C900;
  stroke: #F4C900;
}
.icon.rounded {
  width: 30px;
  height: 30px;
  padding: 6px;
  margin-right: 5px;
}
.icon.rounded svg {
  max-width: 16px;
}
.icon-year {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M384 336c-40.6 0-47.6-1.5-72.2 6.8-17.5 5.9-36.3 9.2-55.8 9.2s-38.3-3.3-55.8-9.2c-24.6-8.3-31.5-6.8-72.2-6.8C57.3 336 0 393.3 0 464v16c0 17.7 14.3 32 32 32h448c17.7 0 32-14.3 32-32v-16c0-70.7-57.3-128-128-128zm80 128H48c0-21.4 8.3-41.5 23.4-56.6C86.5 392.3 106.6 384 128 384c41.1 0 41-1.1 56.8 4.2 23 7.8 47 11.8 71.2 11.8 24.2 0 48.2-4 71.2-11.8 15.8-5.4 15.7-4.2 56.8-4.2 44.1 0 80 35.9 80 80zM256 320c88.4 0 160-71.6 160-160S344.4 0 256 0 96 71.6 96 160s71.6 160 160 160zm0-272c61.8 0 112 50.2 112 112s-50.2 112-112 112-112-50.2-112-112S194.2 48 256 48z' fill='%23BDBDBD'/%3e%3c/svg%3e") center 100% no-repeat;
}
.icon-objective {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3e%3cpath d='M305.05 98.74l16.57 49.7-90.59 90.59c-9.38 9.38-9.38 24.56 0 33.94 9.37 9.37 24.56 9.38 33.94 0l90.59-90.59 49.7 16.57c7.39 2.46 15.53.54 21.04-4.96l63.67-63.67c10.8-10.8 6.46-29.2-8.04-34.04l-55.66-18.55-18.55-55.65c-4.83-14.5-23.23-18.84-34.04-8.04L310.02 77.7a20.582 20.582 0 0 0-4.97 21.04zM248 152c7.66 0 15.08.96 22.27 2.54l14.74-14.74-10.32-30.95c-.24-.73-.2-1.47-.41-2.21-8.57-1.5-17.28-2.65-26.29-2.65-84.02 0-152 68-152 152 0 84.02 68 152 152 152 84.02 0 152-68 152-152 0-9.03-1.15-17.75-2.65-26.34-.72-.21-1.49-.12-2.2-.36l-30.94-10.31-14.74 14.74c1.58 7.19 2.53 14.61 2.53 22.27 0 57.35-46.65 104-104 104s-104-46.65-104-104S190.65 152 248 152zm236.43 29.1l-35.5 35.5c-1.34 1.34-2.87 2.38-4.32 3.55 2.12 11.65 3.39 23.59 3.39 35.84 0 110.28-89.72 200-200 200s-200-89.72-200-200 89.72-200 200-200c12.34 0 24.37 1.28 36.1 3.43 1.16-1.42 1.98-3.04 3.3-4.36l35.5-35.5A248.155 248.155 0 0 0 248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248c0-26.11-4.09-51.26-11.57-74.9z' fill='%23BDBDBD'/%3e%3c/svg%3e") center 100% no-repeat;
}
.icon-area {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M501.65 452.08L59.91 10.35C52.76 3.2 43.97 0 35.35 0 17.31 0 0 14.01 0 35.17V476.9C0 496.29 15.71 512 35.1 512h441.73c31.27 0 46.93-37.8 24.82-59.92zM48 464V66.32l63.08 63.08-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31 45.26 45.25-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31 45.25 45.25-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31 45.25 45.26-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31L445.68 464H48zm80-80h124.54L128 259.46V384z' fill='%23BDBDBD'/%3e%3c/svg%3e") center 100% no-repeat;
}
.icon-genre, .icon-programme {
  background: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='iso-8859-1'%3f%3e %3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 412.72 412.72' style='enable-background:new 0 0 412.72 412.72%3b' xml:space='preserve'%3e %3cpath fill='%23BDBDBD' d='M404.72%2c24.944 C404.693%2c24.944 404.666%2c24.944 404.64%2c24.944 L377.52%2c24.944 L377.52%2c15.664 C377.666%2c11.991 375.29%2c8.69 371.76%2c7.664 C352.932%2c2.73 333.544%2c0.256 314.08%2c0.302001263 C282.08%2c0.302001263 238.48%2c2.504 206.24%2c35.304 C174.24%2c2.184 130.32%2c0.302001263 98.4%2c0.302001263 C78.936%2c0.256 59.548%2c2.73 40.72%2c7.664 C37.19%2c8.69 34.814%2c11.991 34.96%2c15.664 L34.96%2c24.864 L8%2c24.864 C3.582%2c24.864 0%2c28.446 0%2c32.864 L0%2c288.384 C0%2c292.802001 3.582%2c296.384 8%2c296.384 C9.374%2c296.38 10.724%2c296.022 11.92%2c295.344 C12.72%2c294.944 92.72%2c257.184 204.4%2c285.344 L205.6%2c285.344 L206.32%2c285.344 C206.958%2c285.421 207.602%2c285.421 208.24%2c285.344 C320.24%2c256.944 400.24%2c294.624 400.72%2c295.344 C403.195%2c296.773 406.245%2c296.773 408.72%2c295.344 C411.18%2c293.924 412.703%2c291.305 412.72%2c288.464 L412.72%2c32.944 C412.72%2c28.526 409.139%2c24.944 404.72%2c24.944 Z M93.3213883%2c221.685697 C80.6957918%2c221.71448 68.0849458%2c222.529978 55.56%2c224.127831 L55.56%2c40.5491661 C69.0749675%2c37.5226649 82.876269%2c35.9780154 96.7226898%2c35.944 C122.683644%2c35.944 158.501432%2c41.9446709 183.351757%2c70.1338692 L183.56%2c243.944 C169.121822%2c234.454567 140.93961%2c221.685697 93.3213883%2c221.685697 Z M227.96%2c71.1053423 C252.85082%2c43.1858792 288.726974%2c36.904 314.730234%2c36.904 C328.598349%2c36.9450067 342.42214%2c38.489302 355.96%2c41.5107114 L355.96%2c225.15098 C343.485041%2c223.537758 330.923172%2c222.69843 318.34566%2c222.638228 C270.927952%2c222.638228 242.630288%2c235.411383 227.96%2c244.904 L227.96%2c71.1053423 L227.96%2c71.1053423 Z'%3e%3c/path%3e %3c/svg%3e") center 100% no-repeat;
}
.icon-skill {
  background: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='iso-8859-1'%3f%3e %3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 593.65 593.65' style='enable-background:new 0 0 593.65 593.65%3b' xml:space='preserve'%3e %3cpath d='M566.104%2c323.594h-21.531c-5.826%2c0-12.619-5.272-14.834-11.515c-2.053-5.786-4.465-11.545-7.16-17.121 c-2.871-5.93-1.814-14.418%2c2.305-18.537l15.326-15.328c10.738-10.737%2c10.738-28.21%2c0-38.948l-24.877-24.877 c-5.203-5.202-12.117-8.066-19.475-8.066c-7.355%2c0-14.271%2c2.864-19.473%2c8.066l-15.328%2c15.328 c-2.461%2c2.46-6.559%2c3.929-10.957%2c3.929c-2.754%2c0-5.375-0.563-7.574-1.628c-5.578-2.699-11.346-5.113-17.145-7.176 c-6.24-2.215-11.512-9.008-11.512-14.832v-21.533c0-15.184-12.354-27.54-27.541-27.54h-35.189 c-15.188%2c0-27.541%2c12.356-27.541%2c27.54v21.533c0%2c5.826-5.271%2c12.62-11.512%2c14.832c-5.791%2c2.057-11.557%2c4.465-17.129%2c7.158 c-2.163%2c1.046-4.847%2c1.622-7.558%2c1.622c-4.416%2c0-8.525-1.472-10.992-3.938l-15.303-15.297c-5.202-5.202-12.118-8.066-19.477-8.066 c-7.356%2c0-14.272%2c2.864-19.474%2c8.063l-24.902%2c24.887c-5.205%2c5.199-8.069%2c12.114-8.072%2c19.471c0%2c7.356%2c2.864%2c14.272%2c8.066%2c19.474 l15.328%2c15.328c4.122%2c4.122%2c5.181%2c12.616%2c2.311%2c18.55c-2.69%2c5.566-5.098%2c11.322-7.151%2c17.111 c-2.215%2c6.239-9.005%2c11.512-14.832%2c11.512h-21.53c-15.187%2c0-27.54%2c12.356-27.54%2c27.54v35.19c0%2c15.184%2c12.353%2c27.54%2c27.54%2c27.54 h21.53c5.827%2c0%2c12.62%2c5.269%2c14.835%2c11.509c2.05%2c5.773%2c4.458%2c11.532%2c7.157%2c17.111c2.868%2c5.93%2c1.806%2c14.425-2.319%2c18.55 l-15.328%2c15.327c-10.737%2c10.737-10.737%2c28.21%2c0%2c38.947l24.912%2c24.915c5.202%2c5.202%2c12.118%2c8.066%2c19.474%2c8.066 c7.356%2c0%2c14.272-2.864%2c19.474-8.066l15.328-15.327c2.466-2.467%2c6.573-3.938%2c10.985-3.938c2.751%2c0%2c5.364%2c0.56%2c7.558%2c1.622 c5.576%2c2.695%2c11.333%2c5.104%2c17.115%2c7.157c6.238%2c2.215%2c11.512%2c9.008%2c11.512%2c14.835v21.533c0%2c15.184%2c12.354%2c27.539%2c27.539%2c27.539 h35.191c15.186%2c0%2c27.539-12.355%2c27.539-27.539v-21.533c0-5.827%2c5.273-12.62%2c11.512-14.832c5.793-2.057%2c11.559-4.465%2c17.131-7.157 c2.162-1.047%2c4.846-1.622%2c7.557-1.622c4.416%2c0%2c8.523%2c1.472%2c10.99%2c3.938l15.326%2c15.327c5.203%2c5.202%2c12.115%2c8.066%2c19.471%2c8.066 c7.359%2c0%2c14.275-2.867%2c19.477-8.072l24.889-24.902c10.73-10.74%2c10.73-28.213-0.004-38.951l-15.314-15.321 c-4.119-4.118-5.176-12.613-2.309-18.547c2.693-5.569%2c5.098-11.331%2c7.154-17.12c2.213-6.239%2c9.004-11.509%2c14.83-11.509h21.529 c15.188%2c0%2c27.541-12.356%2c27.541-27.54v-35.19C593.643%2c335.948%2c581.287%2c323.594%2c566.104%2c323.594z M449.441%2c368.729 c0%2c44.502-36.207%2c80.708-80.709%2c80.708c-44.5%2c0-80.707-36.206-80.707-80.708c0-44.501%2c36.207-80.707%2c80.707-80.707 C413.234%2c288.022%2c449.441%2c324.225%2c449.441%2c368.729z' fill='%23BDBDBD'/%3e %3cpath d='M201.868%2c146.904c0.521-1.466%2c2.262-2.702%2c3.082-2.702h10.784c10.123%2c0%2c18.36-8.234%2c18.36-18.36v-17.595 c0-10.125-8.237-18.36-18.36-18.36h-10.781c-0.82%2c0-2.561-1.236-3.081-2.702c-1.083-3.051-2.353-6.089-3.776-9.024 c-0.664-1.374-0.312-3.446%2c0.263-4.021l7.666-7.665c7.157-7.161%2c7.157-18.807%2c0-25.964l-12.439-12.439 c-3.467-3.467-8.079-5.376-12.983-5.376c-4.905%2c0-9.517%2c1.913-12.984%2c5.379l-7.662%2c7.663c-0.239%2c0.239-1.059%2c0.621-2.237%2c0.621 c-0.67%2c0-1.319-0.128-1.784-0.355c-2.94-1.423-5.976-2.693-9.024-3.773c-1.469-0.52-2.705-2.265-2.705-3.082V18.366 c0-10.126-8.237-18.36-18.36-18.36h-17.595c-10.123%2c0-18.36%2c8.234-18.36%2c18.36v10.783c0%2c0.82-1.236%2c2.558-2.702%2c3.079 c-3.063%2c1.086-6.102%2c2.359-9.03%2c3.776c-0.462%2c0.223-1.114%2c0.352-1.784%2c0.352c-1.178%2c0-1.995-0.379-2.233-0.618l-7.666-7.663 c-3.467-3.467-8.078-5.376-12.983-5.376s-9.514%2c1.909-12.98%2c5.376L28.073%2c40.514c-7.157%2c7.161-7.157%2c18.81%2c0%2c25.967l7.662%2c7.662 c0.575%2c0.575%2c0.93%2c2.647%2c0.266%2c4.018c-1.423%2c2.938-2.693%2c5.976-3.776%2c9.027c-0.52%2c1.466-2.265%2c2.705-3.082%2c2.705H18.36 C8.238%2c89.893%2c0%2c98.127%2c0%2c108.253v17.595c0%2c10.123%2c8.235%2c18.36%2c18.357%2c18.36h10.784c0.82%2c0%2c2.561%2c1.236%2c3.082%2c2.702 c1.083%2c3.054%2c2.353%2c6.089%2c3.776%2c9.024c0.664%2c1.374%2c0.312%2c3.445-0.263%2c4.021l-7.666%2c7.666c-3.467%2c3.467-5.376%2c8.079-5.376%2c12.983 c0%2c4.905%2c1.909%2c9.514%2c5.379%2c12.984l12.439%2c12.436c3.467%2c3.467%2c8.078%2c5.376%2c12.983%2c5.376s9.514-1.909%2c12.98-5.376l7.666-7.665 c0.238-0.239%2c1.059-0.621%2c2.237-0.621c0.67%2c0%2c1.319%2c0.128%2c1.784%2c0.354c2.941%2c1.423%2c5.977%2c2.693%2c9.024%2c3.773 c1.469%2c0.52%2c2.705%2c2.264%2c2.705%2c3.081v10.784c0%2c10.125%2c8.238%2c18.36%2c18.36%2c18.36h17.595c10.123%2c0%2c18.36-8.234%2c18.36-18.36v-10.781 c0-0.82%2c1.236-2.558%2c2.702-3.078c3.051-1.083%2c6.086-2.353%2c9.024-3.776c0.465-0.227%2c1.117-0.355%2c1.787-0.355 c1.178%2c0%2c1.995%2c0.382%2c2.237%2c0.621l7.666%2c7.665c3.467%2c3.467%2c8.078%2c5.376%2c12.983%2c5.376s9.514-1.909%2c12.98-5.376l12.439-12.438 c7.157-7.161%2c7.157-18.807%2c0-25.964l-7.662-7.662c-0.576-0.575-0.931-2.65-0.267-4.021 C199.519%2c152.987%2c200.788%2c149.952%2c201.868%2c146.904z M152.811%2c117.044c0%2c19.719-16.043%2c35.765-35.762%2c35.765 c-19.722%2c0-35.765-16.043-35.765-35.765s16.043-35.765%2c35.765-35.765C136.767%2c81.279%2c152.811%2c97.323%2c152.811%2c117.044z' fill='%23BDBDBD'/%3e %3c/svg%3e") center 100% no-repeat;
}
.icon-area-english {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M491.609 73.625l-53.861-53.839c-26.378-26.379-69.075-26.383-95.46-.001L24.91 335.089.329 484.085c-2.675 16.215 11.368 30.261 27.587 27.587l148.995-24.582 315.326-317.378c26.33-26.331 26.581-68.879-.628-96.087zM200.443 311.557C204.739 315.853 210.37 318 216 318s11.261-2.147 15.557-6.443l119.029-119.03 28.569 28.569L210 391.355V350h-48v-48h-41.356l170.259-169.155 28.569 28.569-119.03 119.029c-8.589 8.592-8.589 22.522.001 31.114zM82.132 458.132l-28.263-28.263 12.14-73.587L84.409 338H126v48h48v41.59l-18.282 18.401-73.586 12.141zm378.985-319.533l-.051.051-.051.051-48.03 48.344-88.03-88.03 48.344-48.03.05-.05.05-.05c9.147-9.146 23.978-9.259 33.236-.001l53.854 53.854c9.878 9.877 9.939 24.549.628 33.861z' fill='%23BDBDBD'/%3e%3c/svg%3e") center 100% no-repeat;
}
.icon-equipment {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3cpath d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z' fill='%23BDBDBD'/%3e%3c/svg%3e") center 100% no-repeat;
}
.icon-indoor-outdoor {
  background: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e %3csvg width='640.033029px' height='512.053298px' viewBox='0 0 640.033029 512.053298' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3ehouse-leave%3c/title%3e %3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='house-leave' transform='translate(0%2c -0)' fill='%23BDBDBD' fill-rule='nonzero'%3e %3cpath d='M363.254436%2c389.012056 C363.974623%2c388.256188 364.526716%2c387.356482 364.874436%2c386.372056 L372.464436%2c368.012056 L112.054436%2c368.012056 L112.054436%2c168.012056 L240.104436%2c51.9420558 L344.914436%2c146.942056 C355.540717%2c137.367513 367.753141%2c129.71656 381.004436%2c124.332056 L388.134436%2c121.442056 L264.174436%2c9.11205578 C250.412197%2c-3.03735193 229.756676%2c-3.03735193 215.994436%2c9.11205578 L5.37443644%2c200.012056 C-1.21730689%2c205.867362 -1.82997634%2c215.951812 4.00443644%2c222.562056 L14.6344364%2c234.562056 C17.453821%2c237.73733 21.4197897%2c239.661625 25.6587832%2c239.911088 C29.8977767%2c240.160551 34.062076%2c238.714719 37.2344364%2c235.892056 L64.0044364%2c211.582056 L64.0044364%2c376.012056 C64.0044364%2c398.103446 81.9130465%2c416.012056 104.004436%2c416.012056 L336.364436%2c416.012056 L363.254436%2c389.012056 Z M528.004436%2c96.0121607 C547.427673%2c96.0525209 564.960882%2c84.3833871 572.421889%2c66.4502573 C579.882895%2c48.5171275 575.800939%2c27.8550913 562.080936%2c14.1064451 C548.360932%2c0.357798895 527.707454%2c-3.76723909 509.758803%2c3.65635144 C491.810153%2c11.079942 480.104352%2c28.588777 480.104352%2c48.0120558 C480.080541%2c60.7324317 485.116263%2c72.9401442 494.101559%2c81.9441984 C503.086854%2c90.9482527 515.284038%2c96.0094232 528.004436%2c96.0121607 Z M639.004436%2c281.532056 C638.789493%2c280.669958 638.522334%2c279.821727 638.204436%2c278.992056 C636.911138%2c275.970697 635.047074%2c273.22723 632.714436%2c270.912056 L603.434436%2c242.012056 C602.542958%2c241.103553 601.860421%2c240.011493 601.434436%2c238.812056 L588.554436%2c200.012056 C574.281888%2c156.98968 534.032445%2c127.966547 488.704436%2c128.012002 C453.874436%2c128.012002 435.704436%2c136.802056 392.974436%2c154.012056 C371.926644%2c162.496042 354.749548%2c178.448237 344.734436%2c198.812056 L330.324436%2c229.912056 C328.999508%2c232.81491 328.242552%2c235.944571 328.094436%2c239.132056 C328.094436%2c239.842056 328.014436%2c240.542056 328.034436%2c241.222056 C328.060414%2c243.941922 328.599869%2c246.632411 329.624436%2c249.152056 C329.684436%2c249.292056 329.794436%2c249.402056 329.854436%2c249.542056 C330.948624%2c251.817895 332.404129%2c253.901529 334.164436%2c255.712056 C334.594436%2c256.162056 335.024436%2c256.622056 335.484436%2c257.052056 C337.408217%2c258.843753 339.584791%2c260.343096 341.944436%2c261.502056 C342.174436%2c261.612056 342.424436%2c261.662056 342.664436%2c261.762056 C344.898407%2c262.720819 347.253932%2c263.366906 349.664436%2c263.682056 C350.284436%2c263.772056 350.894436%2c263.862056 351.514436%2c263.902056 C354.155762%2c264.117014 356.814387%2c263.876858 359.374436%2c263.192056 C359.634436%2c263.112056 359.874436%2c262.942056 360.134436%2c262.852056 C363.156446%2c261.755993 365.922917%2c260.054596 368.264436%2c257.852056 C370.605513%2c255.652522 372.509028%2c253.029675 373.874436%2c250.122056 L387.874436%2c219.742056 C392.658718%2c210.188185 400.776738%2c202.717614 410.694436%2c198.742056 C432.384436%2c190.032056 443.794436%2c185.242056 455.024436%2c181.632056 L435.204436%2c260.832056 C430.514436%2c279.732056 435.514436%2c299.622056 450.114436%2c315.442056 L529.114436%2c388.442056 C535.019025%2c393.887612 539.130469%2c400.998073 540.904436%2c408.832056 L560.414436%2c493.632056 C561.075403%2c496.347526 562.213043%2c498.924146 563.774436%2c501.242056 C564.326234%2c501.957464 564.917134%2c502.64184 565.544436%2c503.292056 C566.72971%2c504.797303 568.08919%2c506.156783 569.594436%2c507.342056 C570.48883%2c507.955611 571.424372%2c508.506912 572.394436%2c508.992056 C573.972929%2c509.89088 575.650953%2c510.602362 577.394436%2c511.112056 C578.55573%2c511.418332 579.739416%2c511.632332 580.934436%2c511.752056 C583.657196%2c512.190646 586.435658%2c512.150035 589.144436%2c511.632056 C602.036553%2c508.615806 610.050629%2c495.728848 607.054436%2c482.832056 L587.544436%2c398.132056 C583.575971%2c380.899793 574.517031%2c365.259185 561.544436%2c353.242056 L507.714436%2c303.632056 L533.914436%2c198.842056 C541.314436%2c208.542056 541.414436%2c211.452056 555.734436%2c254.242056 C558.570599%2c262.610237 563.300024%2c270.210854 569.554436%2c276.452056 L598.844436%2c305.452056 C601.264801%2c307.797942 604.136085%2c309.628215 607.284436%2c310.832056 C608.26827%2c311.103489 609.271086%2c311.300709 610.284436%2c311.422056 C612.180791%2c311.942454 614.137978%2c312.20812 616.104436%2c312.212056 C616.893366%2c312.131969 617.677712%2c312.011814 618.454436%2c311.852056 C620.392949%2c311.563054 622.289819%2c311.042674 624.104436%2c310.302056 C624.914436%2c309.962056 625.714436%2c309.602056 626.494436%2c309.182056 C628.289356%2c308.186685 629.966574%2c306.992506 631.494436%2c305.622056 C632.004436%2c305.172056 632.574436%2c304.802056 633.044436%2c304.322056 C634.936225%2c302.391402 636.521256%2c300.182475 637.744436%2c297.772056 C637.994436%2c297.272056 638.084436%2c296.712056 638.304436%2c296.202056 C639.128273%2c294.24381 639.676821%2c292.180863 639.934436%2c290.072056 C640.019524%2c289.201485 640.049583%2c288.326413 640.024436%2c287.452056 C639.983616%2c285.442695 639.657007%2c283.449373 639.054436%2c281.532056 L639.004436%2c281.532056 Z M176.104436%2c192.012056 C167.279276%2c192.039506 160.131887%2c199.186895 160.104436%2c208.012056 L160.104436%2c272.012056 C160.104436%2c280.848612 167.26788%2c288.012056 176.104436%2c288.012056 L240.104436%2c288.012056 C244.3479%2c288.012056 248.417563%2c286.326346 251.418145%2c283.325764 C254.418727%2c280.325182 256.104436%2c276.25552 256.104436%2c272.012056 L256.104436%2c208.012056 C256.076986%2c199.186895 248.929597%2c192.039506 240.104436%2c192.012056 L176.104436%2c192.012056 Z M427.434436%2c338.012056 L426.564436%2c337.082056 C424.874436%2c335.252056 423.714436%2c333.172056 422.184436%2c331.262056 L394.474436%2c398.562056 C392.48125%2c403.620999 389.445427%2c408.203695 385.564436%2c412.012056 L327.134436%2c470.502056 C317.77321%2c479.854998 317.766494%2c495.025829 327.119436%2c504.387056 C336.472379%2c513.748282 351.64321%2c513.754998 361.004436%2c504.402056 L419.404436%2c445.902056 C427.80858%2c437.487209 434.412555%2c427.450256 438.814436%2c416.402056 L458.254436%2c366.472056 L428.364436%2c338.912056 L427.434436%2c338.012056 Z' id='Shape'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/svg%3e") center/contain no-repeat;
}
.icon-timing {
  background: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e %3csvg width='496px' height='496px' viewBox='0 0 496 496' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eclock%3c/title%3e %3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='clock' fill='%23D8D8D8' fill-rule='nonzero'%3e %3cpath d='M248%2c0 C111%2c0 0%2c111 0%2c248 C0%2c385 111%2c496 248%2c496 C385%2c496 496%2c385 496%2c248 C496%2c111 385%2c0 248%2c0 Z M248%2c448 C137.5%2c448 48%2c358.5 48%2c248 C48%2c137.5 137.5%2c48 248%2c48 C358.5%2c48 448%2c137.5 448%2c248 C448%2c358.5 358.5%2c448 248%2c448 Z M309.8%2c343.6 L224.9%2c281.9 C221.8%2c279.6 220%2c276 220%2c272.2 L220%2c108 C220%2c101.4 225.4%2c96 232%2c96 L264%2c96 C270.6%2c96 276%2c101.4 276%2c108 L276%2c249.7 L342.8%2c298.3 C348.2%2c302.2 349.3%2c309.7 345.4%2c315.1 L326.6%2c341 C322.7%2c346.3 315.2%2c347.5 309.8%2c343.6 Z' id='Shape'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/svg%3e") center/contain no-repeat;
}
.icon-topic {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M512 256.01c0-12.86-7.53-24.42-19.12-29.44l-79.69-34.58 79.66-34.57c11.62-5.03 19.16-16.59 19.16-29.44s-7.53-24.41-19.12-29.42L274.66 3.89c-11.84-5.17-25.44-5.19-37.28-.02L19.16 98.55C7.53 103.58 0 115.14 0 127.99s7.53 24.41 19.12 29.42l79.7 34.58-79.67 34.57C7.53 231.58 0 243.15 0 256.01c0 12.84 7.53 24.41 19.12 29.42L98.81 320l-79.65 34.56C7.53 359.59 0 371.15 0 384.01c0 12.84 7.53 24.41 19.12 29.42l218.28 94.69a46.488 46.488 0 0 0 18.59 3.88c6.34-.02 12.69-1.3 18.59-3.86l218.25-94.69c11.62-5.03 19.16-16.59 19.16-29.44 0-12.86-7.53-24.42-19.12-29.44L413.19 320l79.65-34.56c11.63-5.03 19.16-16.59 19.16-29.43zM255.47 47.89l.03.02h-.06l.03-.02zm.53.23l184.16 79.89-183.63 80.09-184.62-80.11L256 48.12zm184.19 335.92l-183.66 80.07L71.91 384l87.21-37.84 78.29 33.96A46.488 46.488 0 0 0 256 384c6.34-.02 12.69-1.3 18.59-3.86l78.29-33.97 87.31 37.87zM256.53 336.1L71.91 255.99l87.22-37.84 78.28 33.96a46.488 46.488 0 0 0 18.59 3.88c6.34-.02 12.69-1.3 18.59-3.86l78.29-33.97 87.31 37.88-183.66 80.06z' fill='%23BDBDBD'/%3e%3c/svg%3e") center 100% no-repeat;
}
.icon-download {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3cpath d='M348.5 232.1l-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z' fill='white'/%3e%3c/svg%3e") center 100% no-repeat;
}
.icon-download-dark {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3cpath d='M348.5 232.1l-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z' fill='%23637381'/%3e%3c/svg%3e") center 100% no-repeat;
}
.icon-lock {
  background: url("data:image/svg+xml,%3csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='lock' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-lock fa-w-14 fa-2x'%3e%3cpath fill='white' d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z' class=''%3e%3c/path%3e%3c/svg%3e") center 100% no-repeat;
}
.icon-link {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M314.222 197.78c51.091 51.091 54.377 132.287 9.75 187.16-6.242 7.73-2.784 3.865-84.94 86.02-54.696 54.696-143.266 54.745-197.99 0-54.711-54.69-54.734-143.255 0-197.99 32.773-32.773 51.835-51.899 63.409-63.457 7.463-7.452 20.331-2.354 20.486 8.192a173.31 173.31 0 0 0 4.746 37.828c.966 4.029-.272 8.269-3.202 11.198L80.632 312.57c-32.755 32.775-32.887 85.892 0 118.8 32.775 32.755 85.892 32.887 118.8 0l75.19-75.2c32.718-32.725 32.777-86.013 0-118.79a83.722 83.722 0 0 0-22.814-16.229c-4.623-2.233-7.182-7.25-6.561-12.346 1.356-11.122 6.296-21.885 14.815-30.405l4.375-4.375c3.625-3.626 9.177-4.594 13.76-2.294 12.999 6.524 25.187 15.211 36.025 26.049zM470.958 41.04c-54.724-54.745-143.294-54.696-197.99 0-82.156 82.156-78.698 78.29-84.94 86.02-44.627 54.873-41.341 136.069 9.75 187.16 10.838 10.838 23.026 19.525 36.025 26.049 4.582 2.3 10.134 1.331 13.76-2.294l4.375-4.375c8.52-8.519 13.459-19.283 14.815-30.405.621-5.096-1.938-10.113-6.561-12.346a83.706 83.706 0 0 1-22.814-16.229c-32.777-32.777-32.718-86.065 0-118.79l75.19-75.2c32.908-32.887 86.025-32.755 118.8 0 32.887 32.908 32.755 86.025 0 118.8l-45.848 45.84c-2.93 2.929-4.168 7.169-3.202 11.198a173.31 173.31 0 0 1 4.746 37.828c.155 10.546 13.023 15.644 20.486 8.192 11.574-11.558 30.636-30.684 63.409-63.457 54.733-54.735 54.71-143.3-.001-197.991z\" fill=\"%23fff\"/></svg>");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-users {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3e%3cpath d='M544 224c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm0-112c17.6 0 32 14.4 32 32s-14.4 32-32 32-32-14.4-32-32 14.4-32 32-32zM96 224c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm0-112c17.6 0 32 14.4 32 32s-14.4 32-32 32-32-14.4-32-32 14.4-32 32-32zm396.4 210.9c-27.5-40.8-80.7-56-127.8-41.7-14.2 4.3-29.1 6.7-44.7 6.7s-30.5-2.4-44.7-6.7c-47.1-14.3-100.3.8-127.8 41.7-12.4 18.4-19.6 40.5-19.6 64.3V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-44.8c.2-23.8-7-45.9-19.4-64.3zM464 432H176v-44.8c0-36.4 29.2-66.2 65.4-67.2 25.5 10.6 51.9 16 78.6 16 26.7 0 53.1-5.4 78.6-16 36.2 1 65.4 30.7 65.4 67.2V432zm92-176h-24c-17.3 0-33.4 5.3-46.8 14.3 13.4 10.1 25.2 22.2 34.4 36.2 3.9-1.4 8-2.5 12.3-2.5h24c19.8 0 36 16.2 36 36 0 13.2 10.8 24 24 24s24-10.8 24-24c.1-46.3-37.6-84-83.9-84zm-236 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm0-176c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64zM154.8 270.3c-13.4-9-29.5-14.3-46.8-14.3H84c-46.3 0-84 37.7-84 84 0 13.2 10.8 24 24 24s24-10.8 24-24c0-19.8 16.2-36 36-36h24c4.4 0 8.5 1.1 12.3 2.5 9.3-14 21.1-26.1 34.5-36.2z' fill='white'/%3e%3c/svg%3e") center 100% no-repeat;
}

input {
  font-size: 14px;
}

label {
  font-size: 14px;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
  outline: none;
  text-decoration-color: inherit;
}

p a {
  text-decoration: underline;
  transition: 0.25s;
}
p a:hover, p a:focus {
  color: #1FA3DD;
}

.underline {
  text-decoration: underline;
}

.news-list {
  display: flex;
}
.news-list .img-container {
  flex: 0 0 40%;
  margin-right: 1rem;
}
.news-list .img-container img {
  width: 100%;
}
.news-list .content {
  flex: 0 0 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.news-list .content p {
  margin: 0 0 0.5rem;
}
.news-list a {
  display: block;
  margin-bottom: 8px;
}
.news-list a:hover, .news-list a:focus {
  text-decoration: initial;
  color: #1FA3DD;
}

html.app {
  font-size: 16px;
  color: #212B36;
}

p {
  line-height: normal;
  margin: 1em 0;
}

h1 {
  font-size: calc(16px + 6 * (100vw - 320px) / 1180);
  font-weight: bold;
  margin-bottom: 0.67em;
  line-height: normal;
}

h2 {
  color: #212B36;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0.83em;
}

h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
  margin-top: 1em;
  line-height: normal;
}

h4 {
  margin-bottom: 16px;
  font-weight: bold;
}

address {
  font-style: normal;
}

a {
  line-height: normal;
}

.text__bold {
  font-weight: 600;
}
.text__sub-title {
  font-size: calc(14px + 6 * (100vw - 320px) / 1180);
  line-height: normal;
}
.text__title {
  font-size: calc(16px + 9 * (100vw - 320px) / 1180);
  line-height: normal;
}
.text__bump-down {
  font-size: 14px;
}
.text__large {
  font-size: 22px;
}
.text__small {
  font-size: 12px;
  margin-bottom: 0px;
}

.inline-block {
  display: inline-block;
}

.no-margin {
  margin: 0;
}
.no-margin-bottom {
  margin-bottom: 0px;
}

.v-align-top {
  vertical-align: top;
}
.v-align-sub {
  vertical-align: sub;
}
.v-align-middle {
  vertical-align: middle;
}
.v-align-bottom {
  vertical-align: bottom;
}

.text__center {
  text-align: center;
}
.text__left {
  text-align: left;
}
.text__right {
  text-align: right;
}

.rounded {
  border-radius: 30px;
  padding: 0.75em 1.25em 0.75em 1em;
}

.float-right {
  float: right;
}

#user_switching_switch_on {
  position: fixed;
  bottom: 0;
  left: 0;
}
#user_switching_switch_on a {
  color: #fff;
  padding: 1em;
  background: #299ef6;
  z-index: 10;
  font-size: 12px;
  display: block;
  text-decoration: none;
}

.block, div[class^=block] {
  padding: calc(8px + 1vw);
  width: 100%;
}
.block h1, div[class^=block] h1, .block h2, div[class^=block] h2, .block h3, div[class^=block] h3, .block h4, div[class^=block] h4, .block h5, div[class^=block] h5, .block h6, div[class^=block] h6 {
  margin-top: 0;
}

.modal .modal-content {
  background: #fff;
  width: 90%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px 20px;
  text-align: center;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  max-width: 600px;
  max-height: 90%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 70;
  padding: 40px 20px;
}
.modal .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-size: 14px;
  color: #909090;
  background: #fff;
}
@media screen and (min-width: 1000px) {
  .modal .modal-close {
    top: -20px;
    right: -20px;
  }
}
.modal .modal-close:focus, .modal .modal-close:hover {
  color: #1FA3DD;
}

.curriculum-modal h3 {
  margin-top: 0;
}
.curriculum-modal .modal-content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1000px) {
  .curriculum-modal .modal-content .modal-close {
    top: 0;
    right: 0;
  }
}
.curriculum-modal select {
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border: 1px solid #dfe3e9;
  background: #f8fafc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: none;
  height: 43px;
  margin-bottom: 1rem;
}
.curriculum-modal .international-message {
  margin-bottom: 0;
}
.curriculum-modal .curriculum-dropdown {
  margin-bottom: 1rem;
}
.curriculum-modal .curriculum-dropdown span {
  display: inline-block;
  font-size: 16px;
}
.curriculum-modal .curriculum-dropdown label {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.curriculum-modal .curriculum-dropdown label:hover, .curriculum-modal .curriculum-dropdown label:focus {
  color: #1FA3DD;
}
.curriculum-modal .curriculum-dropdown .flag {
  width: 22px;
  height: 22px;
  background-size: cover;
  border-radius: 50%;
  margin-right: 0.75rem;
}
.curriculum-modal .curriculum-dropdown input[type=radio] {
  appearance: none;
}
.curriculum-modal .curriculum-dropdown input[type=radio]:checked ~ span {
  color: #1FA3DD;
  font-weight: 600;
}
.curriculum-modal .submitting {
  opacity: 0.5;
}

.dashboard-social-links {
  display: flex;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  font-size: inherit;
  padding-left: 0px;
}
.dashboard-social-links li {
  list-style: none;
  max-width: calc(50% - 1rem);
}

.social__label {
  display: flex;
  opacity: 0.75;
}

.social__links {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.social__links .text__blue {
  font-size: 14px;
}
@media screen and (max-width: 415px) {
  .social__links .text__blue {
    display: none;
  }
}

.social__link {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.social__link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: #000;
  color: white;
  border-radius: 999em;
  overflow: hidden;
}
.social__link a .svg--icon {
  width: 50%;
  height: 50%;
  transition: background-color 250ms;
}
.social__link--twitter a {
  background-color: #00a3f9;
}
.social__link--youtube a {
  background-color: #dd1f1f;
}
.social__link--facebook a {
  background-color: #3b5990;
}
.social__link--linkedin a {
  background-color: #0e76a8;
}
.social__link--instagram a {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.banner-message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #F0732F;
  color: #fff;
  text-align: center;
  padding: 1em 0;
  font-size: 14px;
  z-index: 2;
}
.banner-message.bg__blue-dark {
  background: #005280;
}
.banner-message.bg__blue {
  background: #1FA3DD;
}
.banner-message a {
  text-decoration: underline;
}

.woocommerce-error,
.woocommerce-message {
  list-style: none;
  text-align: center;
  background: #E84E1B;
  color: #fff;
  padding: 1em;
  margin: 0;
  font-size: 14px;
}
.woocommerce-error .modal-toggle,
.woocommerce-message .modal-toggle {
  font-weight: bold;
}
.woocommerce-error .modal-toggle:hover, .woocommerce-error .modal-toggle:focus,
.woocommerce-message .modal-toggle:hover,
.woocommerce-message .modal-toggle:focus {
  text-decoration: underline;
}
.woocommerce-error a,
.woocommerce-message a {
  text-decoration: underline;
}

.woocommerce-message {
  background: #00ad91;
  background: #E84E1B;
  font-weight: 700;
  font-size: 0.95rem;
}

.filters {
  background: #fcfcfc;
  width: 27.5vw;
  min-width: 300px;
  padding: 1.5rem;
  min-height: calc(100vh - 60px);
  z-index: 3;
}
.filters #openChatButton {
  background: #1FA3DD;
  color: #fff;
  border: 1px solid #1FA3DD;
  margin-bottom: 1rem;
}
.filters #openChatButton:focus, .filters #openChatButton:hover {
  background: #fff;
  color: #1FA3DD;
}

.covid-message {
  display: none;
  padding: 0rem;
  border-radius: 16px;
  transition: 0.35s cubic-bezier(0, 0.5, 0.5, 1);
  max-height: 46px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 1px #ccc;
  background: #fff;
}
.covid-message:hover, .covid-message:focus-within {
  box-shadow: 0px 0px 0px 2px #1FA3DD;
}
.covid-message button {
  display: flex;
  align-items: center;
  position: relative;
  background: transparent;
  text-align: left;
  width: 100%;
}
.covid-message button::after {
  content: "+";
  position: absolute;
  color: #111;
  right: 20px;
  top: 10px;
  font-size: 20px;
  transition: 0.35s cubic-bezier(0, 0.5, 0.5, 1);
  transform: rotate(0deg);
}
.covid-message button span:last-child {
  width: calc(100% - 25px);
  padding-left: 10px;
  color: #111;
  font-size: 16px;
}
.covid-message button .covid-icon {
  width: 24px;
  height: 23px;
}
.covid-message button .covid-icon img {
  width: 100%;
}
.covid-message p {
  font-size: 14px;
  padding: 0.5rem 1rem;
  margin-top: -0.5rem;
}
.covid-message.open {
  max-height: 200px;
}
.covid-message.open button::after {
  transform: rotate(45deg);
}

.select-container {
  background: #fff;
  border: 1px solid #e6eaee;
  border-radius: 4px;
  position: relative;
  margin-top: 2rem;
  padding: 6px 10px 8px 10px;
  min-height: 48px;
  transition: all 0.25s ease-out;
}
.select-container .v-select .vs__actions {
  padding: 0px 0px 0px 5px;
  align-items: center;
  margin-right: 3px;
}
.select-container .v-select .vs__actions .open-indicator:before {
  border-left: 3px solid transparent;
  border-right: 3px solid rgba(60, 60, 60, 0.5);
  border-top: 3px solid rgba(60, 60, 60, 0.5);
  border-bottom: 3px solid transparent;
  transform-origin: 66% 33%;
  height: 10px;
}
.select-container .v-select .dropdown-toggle {
  border: none;
  padding: 0px;
  border-radius: 0px;
  padding-block: 2px;
}
.select-container .v-select .vs__selected-options {
  padding: 0px;
}
.select-container .v-select span {
  padding: 0px;
}
.select-container .v-select .dropdown-menu {
  width: calc(100% + 22px);
  left: -11px;
  box-shadow: none;
  border-color: #e6eaee;
  font-family: "Quicksand";
  max-height: 197px;
  overflow-y: scroll;
}
.select-container .v-select .dropdown-menu li {
  line-height: 1.4;
}
.select-container .v-select .dropdown-menu li > a {
  padding: 3px 15px 3px 15px;
  font-size: 14px;
  white-space: normal;
  margin-bottom: 15px;
}
.select-container .v-select .dropdown-menu li > a:hover {
  text-decoration: none;
  background: #5897fb;
  color: #fff;
}
.select-container .v-select .dropdown-menu li.disabled a {
  color: #b4b5b7;
}
.select-container .v-select .dropdown-menu li.disabled a::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"lock\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" class=\"svg-inline--fa fa-lock fa-w-14 fa-2x\"><path fill=\"%23F7B141\" d=\"M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z\" class=\"\"></path></svg>");
}
.select-container .v-select .dropdown-menu.above {
  top: auto;
  bottom: 100%;
  border-bottom: none;
  border-top: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 4px 4px 0px 0px;
}
.select-container .v-select.single.open .selected-tag {
  position: static;
}
.select-container .v-select button.clear {
  display: none;
}
.select-container .v-select.disabled .dropdown-toggle,
.select-container .v-select.disabled .open-indicator {
  background-color: transparent;
  opacity: 0;
}
.select-container .v-select.disabled .vs__selected-options input {
  opacity: 0 !important;
  height: 1px;
}
.select-container select {
  position: relative;
  background: transparent;
  padding: 5px 10px 5px 5px;
  border: none;
  appearance: none;
  width: 100%;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
}
.select-container select:focus {
  outline: none;
}
.select-container label {
  font-size: 14px;
  position: absolute;
  top: -24px;
  left: 0px;
  color: #333;
  transition: all 0.25s ease-out;
  text-transform: none;
}
.select-container label.selected {
  color: #BDBDBD;
}
.select-container label .title-case {
  text-transform: capitalize;
}
.select-container .disabled + label {
  color: #BDBDBD;
}
.select-container .vs__selected-options {
  font-size: 14px;
}
.select-container .vs__selected-options input {
  opacity: 1 !important;
}
.select-container .vs__selected-options .selected-tag {
  width: 100%;
}
.select-container .vs__selected-options .selected-tag + input,
.select-container .vs__selected-options .selected-tag + input:focus {
  opacity: 0 !important;
  height: 1px;
  margin: 0px;
}
@media screen and (max-height: 690px) {
  .select-container:last-of-type .v-select .dropdown-menu {
    top: auto;
    bottom: 100%;
    border-bottom: none;
    border-top: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 4px 4px 0px 0px;
    max-height: 230px !important;
  }
}
@media screen and (max-height: 650px) {
  .select-container:nth-last-of-type(2) .v-select .dropdown-menu {
    top: auto;
    bottom: 100%;
    border-bottom: none;
    border-top: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 4px 4px 0px 0px;
    max-height: 200px !important;
  }
}

.parent_link {
  margin-bottom: 16px;
}
.parent_link #homework-share {
  border-radius: 4px;
}

.lessonList {
  margin-top: 20px;
  min-height: 300px;
}
.lessonList ul {
  padding: 20px 0px 20px 20px;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
}
.lessonList ul li {
  list-style: none;
  position: relative;
  margin-bottom: 5px;
  font-size: 14px;
  padding-right: 30px;
}
.lessonList ul li a:hover,
.lessonList ul li a:focus {
  color: #1FA3DD;
}
.lessonList ul li span {
  color: #e4e4e4;
  position: relative;
  cursor: help;
}
.lessonList ul li span:hover::after {
  content: "Subscribe to get access to this lesson";
  position: absolute;
  z-index: 4;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 4px;
  font-size: 12px;
  border-radius: 3px;
  top: -15px;
  left: 110%;
  background: #fff;
  color: #1FA3DD;
  min-width: 200px;
}
.lessonList ul li a::before {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  left: -15px;
  top: 5px;
  box-shadow: 0px 0px 0px 2px #e4e4e4;
  border-radius: 100%;
  border: 3px solid #fff;
  background: #fff;
}
.lessonList ul li.router-link-active a::before, .lessonList ul li.activeTab a::before {
  background: #50B26D;
}
.lessonList ul li.preview-only::before {
  content: "Click below to preview lessons not available in trial.";
  display: block;
  color: #e77d04;
  margin: 6px 0;
}
.lessonList ul li.preview-only ~ .preview-only::before {
  content: none;
}
.lessonList ul li.preview-only a::before {
  width: 12px;
  height: 12px;
  border: none;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"lock\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" class=\"svg-inline--fa fa-lock fa-w-14 fa-2x\"><path fill=\"%23F7B141\" d=\"M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z\" class=\"\"></path></svg>");
  background-color: transparent;
  border-radius: 0px;
  top: 3px;
}
.lessonList ul li.router-link-active a {
  color: #1FA3DD;
}
.lessonList ul li.preview-only {
  color: #808080;
}
.lessonList ul li.preview-only a {
  position: relative;
}
.lessonList ul li.preview-only a:hover::after {
  content: "Lesson available to preview on trial account";
  position: absolute;
  z-index: 4;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 4px;
  font-size: 12px;
  border-radius: 3px;
  top: -15px;
  left: 110%;
  background: #fff;
  color: #1FA3DD;
  min-width: 200px;
}
.lessonList .covid-friendly::after {
  display: none;
  content: "";
  width: 21px;
  height: 18px;
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 46.69 46.69\"><defs><style>.cls-1{fill:%231d1d1b;}</style></defs><g id=\"Layer_2\" data-name=\"Layer 2\"><g id=\"Calque_1\" data-name=\"Calque 1\"><path class=\"cls-1\" d=\"M23.35,46.69A23.35,23.35,0,1,1,46.69,23.35,23.37,23.37,0,0,1,23.35,46.69ZM23.35,2A21.35,21.35,0,1,0,44.69,23.35,21.38,21.38,0,0,0,23.35,2Z\"/><path class=\"cls-1\" d=\"M12.83,30.67a14.33,14.33,0,0,1,2.57-6.91,5.52,5.52,0,0,0-1.24-.49,3.6,3.6,0,0,0-1.51-6.79C8.86,16.33,7.6,21.69,11,23.27c-2.23.58-4,2.47-4.44,6.11A1.88,1.88,0,0,0,8.4,31.49h4.4A3.75,3.75,0,0,1,12.83,30.67Z\"/><path class=\"cls-1\" d=\"M40.16,29.38c-.48-3.64-2.21-5.53-4.44-6.11a3.6,3.6,0,0,0-1.5-6.79c-3.79-.15-5,5.21-1.68,6.79a5.6,5.6,0,0,0-1.25.49,14.08,14.08,0,0,1,2.6,7.73h4.4A1.88,1.88,0,0,0,40.16,29.38Z\"/><path class=\"cls-1\" d=\"M17.2,34H29.49a2.77,2.77,0,0,0,2.75-3.11c-.51-4.1-2.42-7.94-6.54-9h0a5.28,5.28,0,1,0-4.7,0,8,8,0,0,0-5.06,4.06C14.69,28.4,12.89,33.69,17.2,34Z\"/></g></g></svg>");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
}
.lessonList .covid-friendly:hover::after {
  display: none;
  background-image: url("data:image/svg+xml,<svg width=\"48px\" height=\"48px\" viewBox=\"0 0 48 48\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><title>bubble</title><g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"bubble\" fill=\"%231FA3DD\" fill-rule=\"nonzero\"><path d=\"M24.35,47.6900022 C14.9039878,47.6940445 6.38602952,42.0064826 2.76932856,33.2802785 C-0.847372402,24.5540744 1.14971889,14.5083987 7.8290588,7.8290588 C14.5083987,1.14971889 24.5540744,-0.847372402 33.2802785,2.76932856 C42.0064826,6.38602952 47.6940445,14.9039878 47.6900022,24.35 C47.6734721,37.2334738 37.2334738,47.6734721 24.35,47.6900022 Z M24.35,2.99999764 C15.7138222,2.99595495 7.92576894,8.19515003 4.61804355,16.1727772 C1.31031816,24.1504045 3.13446437,33.3350598 9.23973427,39.4431907 C15.3450042,45.5513215 24.5288039,47.3797705 32.5079799,44.0757829 C40.4871559,40.7717954 45.69,32.9861787 45.69,24.35 C45.6734904,12.5694683 36.1305227,3.02202874 24.35,2.99999764 Z\" id=\"Shape\"></path><path d=\"M13.83,31.67 C14.0693601,29.181947 14.9553487,26.7997754 16.4,24.76 C16.0079832,24.5471649 15.5916133,24.3826316 15.16,24.27 C16.6060426,23.5172213 17.3657268,21.8866521 17.0118278,20.2952784 C16.6579288,18.7039046 15.27879,17.5489794 13.65,17.48 C9.86,17.33 8.6,22.69 12,24.27 C9.77,24.85 8,26.74 7.56,30.38 C7.49459438,30.9101878 7.65783201,31.4431655 8.00893374,31.8457876 C8.36003548,32.2484097 8.86584365,32.482653 9.4,32.49 L13.8,32.49 C13.7799754,32.2163922 13.7900356,31.9414131 13.83,31.67 L13.83,31.67 Z\" id=\"Path\"></path><path d=\"M41.16,30.38 C40.68,26.74 38.95,24.85 36.72,24.27 C38.1648459,23.5182891 38.9250244,21.8901608 38.573695,20.2998096 C38.2223656,18.7094585 36.8470548,17.5530878 35.22,17.48 C31.43,17.33 30.22,22.69 33.54,24.27 C33.1051905,24.3826133 32.6855083,24.5471287 32.29,24.76 C33.9002696,27.0237485 34.804892,29.7132605 34.89,32.4900045 L39.29,32.4900045 C39.8294009,32.4911829 40.3433251,32.2606193 40.7010902,31.8569378 C41.0588554,31.4532562 41.225992,30.9153501 41.16,30.38 Z\" id=\"Path\"></path><path d=\"M18.2,35.0000002 L30.49,35.0000002 C31.2840582,35.0002711 32.0400497,34.6597543 32.5660481,34.0648979 C33.0920465,33.4700415 33.3374657,32.6780539 33.24,31.89 C32.73,27.79 30.82,23.95 26.7,22.89 L26.7,22.89 C28.8949445,21.7990739 30.0504981,19.3410439 29.4901999,16.9548404 C28.9299017,14.568637 26.801102,12.8817974 24.35,12.8817974 C21.898898,12.8817974 19.7700983,14.568637 19.2098001,16.9548404 C18.6495019,19.3410439 19.8050555,21.7990739 22,22.89 C19.8156635,23.4680321 17.9776283,24.9428192 16.94,26.95 C15.69,29.4 13.89,34.69 18.2,35.0000002 Z\" id=\"Path\"></path></g></g></svg>");
}

h2.not-loaded {
  color: #BDBDBD;
}

.openCurrPopup {
  background: none;
  padding: 0;
  color: #212B36;
  font-family: "Noto Sans";
  font-size: 15px;
  text-transform: none;
  text-decoration: underline;
}
.openCurrPopup:hover, .openCurrPopup:focus {
  color: #1FA3DD;
}

#section-footer .contain {
  padding: 3em;
  font-size: 14px;
}

.padded .form-row,
.padded .gfield,
.gform_wrapper .form-row,
.gform_wrapper .gfield {
  padding: 0 40px;
}

#gform_ajax_spinner_26,
.gform_ajax_spinner {
  display: none !important;
}

.form-row,
.gfield {
  margin: 1em auto;
}
.form-row label,
.gfield label {
  margin: 0 0 0.5em 0;
  display: block;
  font-size: 14px;
  text-transform: capitalize;
}
.form-row input[type=text],
.form-row input[type=password],
.form-row input[type=email],
.form-row input[type=tel],
.form-row select,
.form-row textarea,
.gfield input[type=text],
.gfield input[type=password],
.gfield input[type=email],
.gfield input[type=tel],
.gfield select,
.gfield textarea {
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border: 1px solid #dfe3e9;
  background: #f8fafc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: none;
}
.form-row select,
.gfield select {
  height: 43px;
}

.form-loading {
  pointer-events: none;
}
.form-loading::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border: 5px solid transparent;
  border-top-color: #1FA3DD;
  z-index: 3;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  animation: rotate 1s cubic-bezier(0.94, 0.28, 0.49, 0.49) infinite;
  border-radius: 100%;
}
.form-loading::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  z-index: 2;
}

.spinner {
  width: 25px;
  height: 25px;
  border: 5px solid transparent;
  border-top-color: #1FA3DD;
  border-radius: 100%;
  animation: rotate 1s cubic-bezier(0.94, 0.28, 0.49, 0.49) infinite;
  display: inline-block;
  vertical-align: bottom;
}

.form-errors.ajax-errors,
.status {
  color: #fff;
  text-align: center;
  background: #E84E1B;
  padding: 1px;
  border-radius: 4px 4px 0px 0px;
}
.form-errors.ajax-errors ul,
.status ul {
  list-style: none;
  padding: 0px;
}

.status {
  background: #50B26D;
}

.block.flex-50.user-details, div.flex-50.user-details[class^=block] {
  padding: 0;
}
.block.flex-50.user-details .form-container, div.flex-50.user-details[class^=block] .form-container {
  padding: 1vw calc(15px + 1vw);
}

.form-container button.button, .form-container button,
.form-container input[type=submit] {
  display: inline-block;
  padding: 0.75em 1em;
  color: #fff;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  text-transform: capitalize;
  border-radius: 3px;
  font-size: 16px;
  font-family: "Source Sans";
  vertical-align: bottom;
  background: #50B26D;
}

.gform_wrapper {
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.gform_wrapper .gform_heading {
  padding: 20px 40px 0px 40px;
  text-align: center;
  margin-bottom: 30px;
}
.gform_wrapper form {
  pointer-events: all;
  padding-top: 0px;
}
.gform_wrapper ul {
  list-style: none;
  padding-left: 0px;
}
.gform_wrapper .gfield_required {
  display: none;
}
.gform_wrapper .rating .gfield_radio {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
.gform_wrapper .rating .gfield_radio input {
  appearance: none;
}
.gform_wrapper .rating .gfield_radio input:checked ~ label svg path {
  fill: gold;
}
.gform_wrapper .rating .gfield_radio input:focus ~ label svg path,
.gform_wrapper .rating .gfield_radio input :focus + label svg path {
  fill: rgba(255, 215, 0, 0.7);
}
.gform_wrapper .rating .gfield_radio label {
  font-size: 0px;
  color: transparent;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  margin: 10px;
}
.gform_wrapper .rating .gfield_radio label svg path {
  stroke-width: 30px;
  stroke: gold;
  transition: 0.3s ease-out;
}
.gform_wrapper .rating .gfield_radio label:hover ~ label svg path,
.gform_wrapper .rating .gfield_radio label:hover svg path {
  fill: rgba(255, 215, 0, 0.7);
}
.gform_wrapper .interested .gfield_radio {
  display: flex;
  justify-content: center;
}
.gform_wrapper .interested .gfield_radio input {
  appearance: none;
}
.gform_wrapper .interested .gfield_radio input:last-of-type:checked + label svg path {
  fill: #50B26D;
}
.gform_wrapper .interested .gfield_radio input:first-of-type:checked + label svg path {
  fill: #E84E1B;
}
.gform_wrapper .interested .gfield_radio label {
  font-size: 0px;
  color: transparent;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  margin: auto 10px;
}
.gform_wrapper .interested .gfield_radio label:first-of-type {
  transform: rotate(180deg);
  margin-top: 13px;
}
.gform_wrapper .interested .gfield_radio label:first-of-type:hover svg path {
  fill: #E84E1B;
}
.gform_wrapper .interested .gfield_radio label svg path {
  transition: 0.3s ease-out;
  fill: #BDBDBD;
}
.gform_wrapper .interested .gfield_radio label:hover svg path {
  fill: #50B26D;
  opacity: 0.7;
}

.gform_footer {
  padding: 0 40px;
}


.grid .block,
.grid div[class^=block] {
  margin-bottom: 20px;
}
.grid.margin-top {
  margin-top: 30px;
}

.flex-25 {
  flex-basis: calc(25% - 30px);
}
.flex-30 {
  flex-basis: calc(30% - 20px);
}
.flex-33 {
  flex-basis: calc(33.3% - 30px);
}
.flex-40 {
  flex-basis: calc(45% - 30px);
}
.flex-50 {
  flex-basis: calc(50% - 20px);
}
.flex-grow {
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-align-start {
  align-items: flex-start;
}
.flex-column {
  flex-direction: column;
  justify-content: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .flex-25, .flex-50, .flex-33, .flex-40, .flex-50 {
    flex-basis: auto !important;
  }
}

.width-50 {
  width: calc(50% - 30px);
  display: inline-flex;
  margin: 0 -10px 0 20px;
  vertical-align: top;
}

.app-header {
  position: fixed;
  width: 100vw;
  top: 0;
  z-index: 3;
}
.app-header .inner {
  max-width: 1500px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-size: 14px;
}
.app-header .ready-to-upgrade {
  position: relative;
  right: 0;
  color: #fff;
  padding: 6px 12px;
  background: #005280;
  border-radius: 3px;
}
.app-header .school-name {
  color: #fff;
}
.app-header .logout {
  color: #fff;
}
.app-header .logout.open {
  max-height: 36px;
  box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.4);
}

#app-menu {
  background-size: 100vw;
  position: absolute;
  z-index: 3;
  top: 50px;
  left: 0px;
  transition: all 0.5s cubic-bezier(0.38, 0.14, 0.45, 0.79);
  transform: translate3d(-100%, 0, 0);
  height: calc(100vh - 60px);
  width: calc(260px + (100vw - 1500px) / 2);
  padding-left: calc((100vw - 1500px) / 2);
  padding-top: 20px;
  color: #fff;
  min-width: 260px;
}

.user-icon {
  width: 44px;
  height: 44px;
  /* background: url(/wp-content/themes/teachactive/dist/1ccfc860220eb6af7572.png); */
  margin-right: 2em;
}

.download-limit {
  list-style: none;
  text-align: center;
  padding: 1em;
  margin: 0;
  font-size: 14px;
  position: relative;
  border-top: 2px solid #fff;
}
.download-limit.downloadBanner {
  position: absolute;
  top: 0px;
  z-index: 4;
  width: 100%;
  transition: all 0.5s cubic-bezier(0.38, 0.14, 0.45, 0.79);
}
.download-limit .progress {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  background: #000;
  opacity: 0;
  z-index: 1;
}
.download-limit .text {
  margin: 0px;
  color: #fff;
  position: relative;
  z-index: 2;
}
.download-limit .tooltip {
  position: absolute;
  z-index: 4;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 4px;
  font-size: 12px;
  border-radius: 3px;
  top: 32px;
  left: 50%;
  transform: translate(-50%);
  background: #E84E1B;
  color: #fff;
  min-width: 200px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-out;
  padding: 8px;
}
.download-limit .icon {
  display: none;
}
.download-limit.show-tool-tip .icon {
  display: inline-block;
}
.download-limit.show-tool-tip .icon:hover + .tooltip, .download-limit.show-tool-tip .icon.active + .tooltip {
  visibility: visible;
  opacity: 1;
}

@media all and (max-width: 650px) {
  .breadcrumb {
    display: none;
  }
}
.shop_table,
.app-table {
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  border-spacing: 0px;
  width: 95%;
  margin: 20px auto;
}
.shop_table thead,
.app-table thead {
  background: #f7f7f7;
  font-weight: bold;
}
.shop_table thead tr,
.app-table thead tr {
  border-radius: 4px 4px 0px 0px;
}
.shop_table thead tr th:first-child(),
.app-table thead tr th:first-child() {
  border-radius: 4px 0px 0px 0px;
}
.shop_table thead tr th:last-child(),
.app-table thead tr th:last-child() {
  border-radius: 0px 4px 0px 0px;
}
.shop_table th,
.app-table th {
  border: none;
  text-align: left;
}
.shop_table th, .shop_table td,
.app-table th,
.app-table td {
  padding: 0.5em;
}
.shop_table th a, .shop_table td a,
.app-table th a,
.app-table td a {
  color: #1FA3DD;
}
@media all and (max-width: 550px) {
  .shop_table,
  .app-table {
    font-size: 14px;
  }
  .shop_table .order-actions,
  .app-table .order-actions {
    display: none;
  }
}


.tabs div button + button {
  margin-left: 5px;
}
.tabs div .close-tab {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' fill='%23637381'/%3e%3c/svg%3e") center 100% no-repeat;
  width: 15px;
  height: 15px;
  padding: 0;
  top: 15px;
  right: 10px;
  position: absolute;
}
.tabs .tab-message {
  font-size: 14px;
  display: inline-block;
  margin: 0;
}
.tabs .tab-message .icon-arrow-left {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M229.9 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L94.569 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H94.569l155.13-155.13c4.686-4.686 4.686-12.284 0-16.971L229.9 38.101c-4.686-4.686-12.284-4.686-16.971 0L3.515 247.515c-4.686 4.686-4.686 12.284 0 16.971L212.929 473.9c4.686 4.686 12.284 4.686 16.971-.001z\" fill=\"%2337B047\"/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: sub;
  margin-left: 8px;
}

.steps {
  padding-left: calc(20px + 1vw);
  margin-top: 0px;
  margin-bottom: 1em;
  list-style: decimal;
  font-size: 14px;
}

.summary p:not(:first-of-type) {
  margin: 0px 0px 5px 0px;
  display: flex;
}
.summary p:not(:first-of-type) .icon {
  margin-top: 3px;
}

.lesson-container {
  position: relative;

}
.lesson-container.loading article::after {
  content: "";
  position: absolute;
  z-index: 2;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.lesson-container.loading::after {
  content: "";
  position: absolute;
  bottom: 50%;
  right: 50%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.075);
  border-radius: 50%;
  width: 30px;
  height: 8px;
  margin-bottom: -2px;
  margin-right: -17px;
  animation-name: shadow;
  animation-duration: 0.45s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: step-middle;
  animation-delay: 0;
}


.lesson-container.loading::before {
  content: "";
  background: #f27321 url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3c!-- Generator: Adobe Illustrator 20.1.0%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e %3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.7 22.3' style='enable-background:new 0 0 21.7 22.3%3b' xml:space='preserve'%3e %3cpath d='M19.3%2c8.3C19.3%2c8.3%2c19.3%2c8.3%2c19.3%2c8.3c0%2c0.1%2c0%2c0.1%2c0%2c0.1c0%2c0%2c0.1%2c0.1%2c0.1%2c0.1c0.4%2c0.5%2c0.7%2c1%2c0.9%2c1.6c0.5%2c1.1%2c0.9%2c2.4%2c1%2c3.6 c0%2c0.5%2c0%2c1%2c0%2c1.5c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0c-0.1%2c0.3-0.2%2c0.5-0.4%2c0.8v0c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0-0.1v0c0-0.1%2c0-0.2%2c0-0.4 c0-0.6%2c0-1.2%2c0-1.8c-0.1-1.2-0.4-2.4-1-3.4c-0.2-0.5-0.5-0.9-0.8-1.4c-0.1-0.1-0.2-0.1-0.3%2c0c0%2c0.1-0.1%2c0.2-0.1%2c0.3 c-0.3%2c0.8-0.5%2c1.7-0.7%2c2.7c-0.2%2c0.9-0.3%2c1.8-0.4%2c2.8c-0.2%2c0.9-0.4%2c1.8-0.7%2c2.7c-0.3%2c0.9-0.7%2c1.8-1.3%2c2.5c-0.3%2c0.4-0.6%2c0.7-1%2c1 c-0.4%2c0.3-0.8%2c0.6-1.2%2c0.8c-0.1%2c0.1-0.2%2c0.1-0.3%2c0.2c-0.1%2c0-0.1%2c0-0.2%2c0c0%2c0%2c0%2c0%2c0%2c0c-0.1%2c0-0.1%2c0-0.2%2c0c-0.1%2c0-0.2%2c0-0.3%2c0 c-0.1%2c0-0.2%2c0-0.3%2c0c0%2c0%2c0%2c0%2c0%2c0c0%2c0-0.1%2c0-0.1%2c0c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0c0%2c0-0.1%2c0-0.1%2c0c0%2c0-0.1%2c0-0.1%2c0c0%2c0%2c0%2c0%2c0%2c0 c0%2c0%2c0%2c0-0.1%2c0c0.5-0.2%2c1.2-0.5%2c1.7-0.8c0.8-0.5%2c1.5-1.1%2c2-1.8c0.5-0.7%2c0.9-1.6%2c1.2-2.4c0.3-0.9%2c0.5-1.8%2c0.6-2.7 c0.1-0.9%2c0.3-1.8%2c0.4-2.8c0.1-0.5%2c0.2-0.9%2c0.3-1.4C18%2c9.9%2c18.2%2c9.5%2c18.3%2c9c0.1-0.2%2c0.1-0.3%2c0.2-0.5c0%2c0%2c0-0.1%2c0-0.1 c0-0.1%2c0-0.2-0.1-0.3c-0.2-0.2-0.4-0.5-0.6-0.7c-0.2-0.2-0.4-0.4-0.6-0.6c-0.1-0.1-0.3-0.1-0.4%2c0.1c-0.2%2c0.3-0.4%2c0.6-0.6%2c0.9 c-0.6%2c0.8-1.1%2c1.6-1.7%2c2.4c-0.6%2c0.8-1.2%2c1.6-1.9%2c2.3c-0.6%2c0.8-1.3%2c1.5-2%2c2.2c-0.3%2c0.4-0.7%2c0.7-1%2c1.1c-0.4%2c0.4-0.7%2c0.7-1.1%2c1 c-0.4%2c0.3-0.7%2c0.7-1.1%2c1c-0.4%2c0.3-0.8%2c0.6-1.2%2c0.9c-0.4%2c0.3-0.8%2c0.6-1.3%2c0.8C4.9%2c19.9%2c4.6%2c20%2c4.4%2c20c0%2c0%2c0%2c0-0.1%2c0 c-0.1%2c0-0.1-0.1-0.2-0.1c0%2c0%2c0%2c0-0.1%2c0c0%2c0%2c0%2c0%2c0%2c0c-0.1%2c0-0.1-0.1-0.2-0.1c0.1%2c0%2c0.2-0.1%2c0.3-0.1c0.2-0.1%2c0.4-0.2%2c0.6-0.3 c0.4-0.2%2c0.8-0.5%2c1.2-0.8c0.8-0.6%2c1.5-1.3%2c2.2-2c0.3-0.3%2c0.7-0.7%2c1-1.1c0.3-0.4%2c0.7-0.7%2c1-1.1c0.7-0.7%2c1.3-1.5%2c1.9-2.2 c0.6-0.8%2c1.3-1.5%2c1.9-2.3c0.6-0.8%2c1.2-1.6%2c1.8-2.4c0.2-0.3%2c0.4-0.6%2c0.6-0.9c0%2c0%2c0-0.1%2c0-0.1c0-0.1%2c0-0.2-0.1-0.2 c-0.4-0.3-0.9-0.6-1.3-0.9c-0.1-0.1-0.2-0.1-0.2-0.2C14.7%2c5%2c14.6%2c4.9%2c14.5%2c5c0%2c0%2c0%2c0%2c0%2c0.1c-0.2%2c0.2-0.4%2c0.5-0.6%2c0.6 c-0.5%2c0.4-0.9%2c0.6-1.4%2c0.9c-0.5%2c0.2-1%2c0.4-1.5%2c0.6c-0.5%2c0.2-1%2c0.4-1.5%2c0.5c-1%2c0.3-2.1%2c0.7-3.1%2c1c-1%2c0.4-2%2c0.8-2.9%2c1.3 c-0.5%2c0.3-0.9%2c0.5-1.3%2c0.9C1.6%2c11.2%2c1.3%2c11.6%2c1%2c12c-0.3%2c0.4-0.5%2c0.9-0.6%2c1.4c0%2c0.1-0.1%2c0.3-0.1%2c0.5c0%2c0%2c0%2c0%2c0%2c0 c0-0.1-0.1-0.2-0.1-0.4c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0c0-0.1-0.1-0.3-0.1-0.4c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0c0-0.2%2c0.1-0.4%2c0.2-0.5 c0.1-0.3%2c0.2-0.5%2c0.4-0.8c0.3-0.5%2c0.7-0.9%2c1.1-1.3c0.4-0.4%2c0.9-0.7%2c1.4-1c0.5-0.3%2c1-0.5%2c1.5-0.8c0.5-0.2%2c1-0.4%2c1.5-0.6 c1-0.4%2c2.1-0.7%2c3.1-1c1-0.3%2c2.1-0.7%2c3-1.1c0.2-0.1%2c0.5-0.2%2c0.7-0.4c0.2-0.1%2c0.4-0.3%2c0.6-0.4C13.7%2c5%2c13.9%2c4.8%2c14%2c4.6 c0%2c0-0.1-0.1-0.2-0.1c-0.6-0.3-1.3-0.6-2-0.9c-1.1-0.4-2.3-0.7-3.5-0.9C7.7%2c2.7%2c7.1%2c2.7%2c6.5%2c2.7c-0.6%2c0-1.2%2c0.1-1.8%2c0.2 C4.2%2c3%2c3.6%2c3.2%2c3.1%2c3.5c0%2c0%2c0.1-0.1%2c0.1-0.1c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0.1-0.1%2c0.1-0.1c0%2c0%2c0%2c0%2c0%2c0c0.2-0.2%2c0.3-0.3%2c0.5-0.4 c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0.1-0.1%2c0.1-0.1c0.2-0.1%2c0.5-0.2%2c0.7-0.2c0.6-0.2%2c1.2-0.2%2c1.8-0.3c0.6%2c0%2c1.2%2c0%2c1.9%2c0.1c1.2%2c0.1%2c2.4%2c0.4%2c3.6%2c0.8 c0.7%2c0.3%2c1.4%2c0.6%2c2.1%2c0.9c0.1%2c0.1%2c0.3%2c0.1%2c0.3%2c0c0%2c0%2c0-0.1%2c0-0.1c0.1-0.2%2c0.2-0.5%2c0.2-0.7c0-0.1%2c0-0.2%2c0-0.2c0-0.1%2c0-0.2%2c0-0.4 c0-0.2-0.1-0.5-0.3-0.7c-0.1-0.2-0.3-0.4-0.5-0.6c-0.2-0.2-0.4-0.3-0.6-0.5c-0.2-0.1-0.5-0.3-0.7-0.4c-0.2-0.1-0.5-0.3-0.8-0.4 c0%2c0%2c0%2c0%2c0.1%2c0h0c0.1%2c0%2c0.1%2c0%2c0.2%2c0c0%2c0%2c0.1%2c0%2c0.2%2c0c0.1%2c0%2c0.1%2c0%2c0.2%2c0c0%2c0%2c0%2c0%2c0.1%2c0c0%2c0%2c0%2c0%2c0%2c0c0.1%2c0%2c0.2%2c0%2c0.3%2c0h0 c0.5%2c0.2%2c1%2c0.4%2c1.5%2c0.7c0.2%2c0.2%2c0.4%2c0.4%2c0.6%2c0.6c0.2%2c0.2%2c0.3%2c0.5%2c0.4%2c0.8c0.1%2c0.3%2c0.1%2c0.6%2c0%2c0.9v0c0%2c0%2c0%2c0%2c0%2c0.1l0%2c0c0%2c0%2c0%2c0%2c0%2c0.1 c0%2c0.3-0.1%2c0.6-0.2%2c0.8c0%2c0%2c0%2c0.1%2c0%2c0.1c0%2c0.1%2c0.1%2c0.1%2c0.2%2c0.2c0.1%2c0.1%2c0.2%2c0.1%2c0.3%2c0.2c0.5%2c0.3%2c0.9%2c0.6%2c1.3%2c0.9 c0.1%2c0.1%2c0.3%2c0.1%2c0.4-0.1c0.1-0.2%2c0.3-0.4%2c0.4-0.7C17.6%2c4.5%2c17.8%2c4%2c18%2c3.6c0-0.1%2c0.1-0.2%2c0.1-0.3c0-0.1%2c0-0.3%2c0-0.4 c0-0.1%2c0-0.1%2c0-0.2c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0.1%2c0.1%2c0.1%2c0.1C18.3%2c2.9%2c18.4%2c3%2c18.4%2c3v0c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0 c0%2c0.1%2c0%2c0.1%2c0%2c0.2c0%2c0.1%2c0%2c0.2%2c0%2c0.3c0%2c0.1%2c0%2c0.2%2c0%2c0.3c-0.1%2c0.5-0.3%2c1-0.5%2c1.4c-0.1%2c0.3-0.3%2c0.5-0.4%2c0.8c0%2c0%2c0%2c0.1%2c0%2c0.1 c0%2c0.1%2c0%2c0.2%2c0.1%2c0.2c0.2%2c0.2%2c0.5%2c0.5%2c0.7%2c0.7c0.2%2c0.2%2c0.4%2c0.4%2c0.5%2c0.6C18.9%2c7.8%2c19%2c7.9%2c19%2c7.8c0%2c0%2c0%2c0%2c0-0.1 c0.1-0.2%2c0.3-0.4%2c0.5-0.6c0.2-0.2%2c0.4-0.3%2c0.7-0.4c0.1%2c0%2c0.3-0.1%2c0.4-0.1c0.1%2c0%2c0.3%2c0%2c0.4%2c0.1c0.1%2c0%2c0.1%2c0.1%2c0.2%2c0.1 c0%2c0%2c0%2c0.1%2c0%2c0.1l0%2c0c0%2c0%2c0%2c0.1%2c0%2c0.1c0%2c0%2c0%2c0%2c0%2c0c0%2c0.1%2c0.1%2c0.2%2c0.1%2c0.3c0%2c0.1%2c0.1%2c0.2%2c0.1%2c0.3c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0.1%2c0%2c0.1 c0%2c0%2c0%2c0%2c0%2c0c0%2c0%2c0%2c0%2c0%2c0c0-0.1-0.1-0.1-0.1-0.2c-0.1-0.2-0.4-0.4-0.6-0.4c-0.2-0.1-0.4-0.1-0.5%2c0c-0.2%2c0.1-0.3%2c0.2-0.5%2c0.3 c-0.1%2c0.2-0.3%2c0.3-0.4%2c0.5C19.4%2c8.2%2c19.3%2c8.2%2c19.3%2c8.3z'/%3e %3c/svg%3e") no-repeat 50% 0;
  width: 28px;
  height: 28px;
  animation-name: bounceball;
  animation-duration: 0.45s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0;
  animation-timing-function: step-middle;
  z-index: 3;
  position: absolute;
  bottom: 50%;
  left: 50%;
  border-radius: 50%;
}
.lesson-container .header {
  display: flex;
  align-items: center;
}
.lesson-container h1 {
  margin-block: 1rem;
  font-size: calc(20px + 8 * (100vw - 320px) / 1180);
}
.lesson-container .fav-block {
  display: inline-block;
  cursor: pointer;
  height: 23px;
  margin-left: 15px;
  position: relative;
}
.lesson-container .fav-block:after {
  content: "";
  display: inline-block;
  width: max-content;
  font-size: 0.8rem;
  top: 50%;
  transform: translate(0, -60%);
  margin-left: 10px;
}
.lesson-container .fav-block svg {
  width: 25px;
  height: 30px;
  pointer-events: none;
}
.lesson-container .fav-block svg path {
  transition: all 0.3s ease-in-out;
}
.lesson-container .fav-block[data-exist=yes]:after {
  content: "Remove Bookmark";
}
.lesson-container .fav-block[data-exist=yes] svg path {
  fill: #F4C900;
}
.lesson-container .fav-block[data-exist=no]:after {
  content: "Add Bookmark";
}
.lesson-container .fav-block[data-exist=no] svg path {
  stroke: #F4C900;
  stroke-width: 5;
  fill: transparent;
}
.lesson-container .fav-block:focus[data-exist=yes] svg path, .lesson-container .fav-block:hover[data-exist=yes] svg path {
  stroke: #F4C900;
  stroke-width: 5;
  fill: transparent;
}
.lesson-container .fav-block:focus[data-exist=no] svg path, .lesson-container .fav-block:hover[data-exist=no] svg path {
  fill: #F4C900;
}
.lesson-container .fav-block.disabled {
  cursor: not-allowed;
}
.lesson-container .fav-block.disabled[data-exist=no]:after {
  content: "Add Bookmark";
}
.lesson-container .fav-block.disabled[data-exist=no] svg path {
  stroke: #212B36;
  stroke-width: 5;
  fill: transparent;
}
.lesson-container .fav-block.disabled:focus[data-exist=yes] svg path, .lesson-container .fav-block.disabled:hover[data-exist=yes] svg path {
  stroke: #212B36;
  stroke-width: 5;
  fill: transparent;
}
.lesson-container .fav-block.disabled:focus[data-exist=no] svg path, .lesson-container .fav-block.disabled:hover[data-exist=no] svg path {
  stroke: #212B36;
  stroke-width: 5;
  fill: transparent;
}
.lesson-container .view-fav {
  cursor: pointer;
  margin-left: 15px;
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  top: 3px;
  text-decoration: underline;
}
.lesson-container .view-fav.disabled {
  cursor: not-allowed;
}
.lesson-container .view-fav.disabled a {
  cursor: not-allowed;
}
.lesson-container .fav-container {
  display: flex;
  align-items: center;
}
.lesson-container article {
  width: 100%;
  background: #fff;
  height: 100%;
  min-height: calc(100vh - 120px);
  z-index: 1;
  padding: 0px 40px 20px 40px;
  width: 100%;
  opacity: 0;
  background-size: auto 50%;
  grid-row-start: 1;
  grid-column-start: 1;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  pointer-events: none;
}
.lesson-container article .inner {
  display: flex;
}
.lesson-container article.active {
  z-index: 2;
  opacity: 1;
  pointer-events: all;
}
.lesson-container article aside {
  width: 35%;
}
.lesson-container article aside .button, .lesson-container article aside input[type=button],
.lesson-container article aside input[type=submit], .lesson-container article aside button {
  margin-left: 0;
  margin-bottom: 8px;
  width: 100%;
  font-size: 14px;
  text-align: left;
}
.lesson-container article aside .button__tertiary {
  padding: 7px;
}
.lesson-container article aside .button__tertiary span {
  vertical-align: middle;
}
.lesson-container article aside img {
  width: 100%;
}
.lesson-container article .lesson-content {
  width: 65%;
  padding-right: 40px;
  padding-bottom: 40px;
}
.lesson-container article .summary {
  font-size: 14px;
  padding: 20px;
}

.lesson-container .block, .lesson-container div[class^=block] {
  padding: 20px;
}
.lesson-container .block + .block, .lesson-container div[class^=block] + .block, .lesson-container .block + div[class^=block], .lesson-container div[class^=block] + div[class^=block] {
  margin-top: 20px;
}
.lesson-container #motty-instructions {
  height: auto;
  padding-right: 20%;
}
.lesson-container #motty-instructions * {
  position: relative;
  z-index: 2;
  text-shadow: 1px 1px 0px #e9f7ff, -1px 0px 0px #e9f7ff;
}
.lesson-container #motty-instructions img {
  max-width: 100%;
}
.lesson-container #motty-instructions::after {
  z-index: 1;
  width: 23%;
}
.lesson-container #motty-instructions-overlay {
  position: relative;
}
.lesson-container #motty-instructions-overlay .button__secondary {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.lesson-container #motty-instructions-overlay:focus-within .padlock-image::before {
  opacity: 1;
}
.lesson-container #motty-instructions-overlay:focus-within .padlock-image::after {
  opacity: 0;
}
.lesson-container #requestPopup,
.lesson-container #fullAccessPopup {
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 15%;
  position: absolute;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.5);
}
.lesson-container #requestPopup #motty-instructions-overlay,
.lesson-container #fullAccessPopup #motty-instructions-overlay {
  width: 80%;
  margin: 0 auto;
}
.lesson-container #requestPopup #motty-instructions-overlay .instructions-header,
.lesson-container #fullAccessPopup #motty-instructions-overlay .instructions-header {
  justify-content: center;
}
.lesson-container #requestPopup #motty-instructions-overlay .button__secondary,
.lesson-container #fullAccessPopup #motty-instructions-overlay .button__secondary {
  position: static;
  transform: none;
  color: #fff;
}
.lesson-container #requestPopup #motty-instructions-overlay .user-plan-input-area,
.lesson-container #requestPopup #motty-instructions-overlay .user-fullaccess-input-area,
.lesson-container #fullAccessPopup #motty-instructions-overlay .user-plan-input-area,
.lesson-container #fullAccessPopup #motty-instructions-overlay .user-fullaccess-input-area {
  margin-top: 2rem;
  color: #fff;
}
.lesson-container #requestPopup #motty-instructions-overlay .user-plan-input-area input,
.lesson-container #requestPopup #motty-instructions-overlay .user-fullaccess-input-area input,
.lesson-container #fullAccessPopup #motty-instructions-overlay .user-plan-input-area input,
.lesson-container #fullAccessPopup #motty-instructions-overlay .user-fullaccess-input-area input {
  display: block;
  width: 200px;
  padding: 5px 10px;
  margin: 5px 0 15px;
}
@media (min-width: 450px) {
  .lesson-container #requestPopup #motty-instructions-overlay .user-plan-input-area input,
  .lesson-container #requestPopup #motty-instructions-overlay .user-fullaccess-input-area input,
  .lesson-container #fullAccessPopup #motty-instructions-overlay .user-plan-input-area input,
  .lesson-container #fullAccessPopup #motty-instructions-overlay .user-fullaccess-input-area input {
    width: 300px;
  }
}
.lesson-container #requestPopup #motty-instructions-overlay #fullaccess_close,
.lesson-container #requestPopup #motty-instructions-overlay #plan_close,
.lesson-container #fullAccessPopup #motty-instructions-overlay #fullaccess_close,
.lesson-container #fullAccessPopup #motty-instructions-overlay #plan_close {
  position: absolute;
  top: 20px;
  left: 20px;
}
.lesson-container .text-light {
  font-size: 14px;
  color: #fff;
}
.lesson-container .icon-lock {
  color: #fff;
}
.lesson-container .blur-overlay {
  background: #E9F8FF;
}
.lesson-container .blur-overlay--inner {
  filter: blur(4px);
  padding: 1rem 15% 1rem 1rem;
}
.lesson-container .blur-overlay--inner::after {
  width: 20%;
  bottom: 0;
  right: 0;
}
.lesson-container .blur-overlay ol li,
.lesson-container .blur-overlay p {
  font-size: 13px;
  color: #444;
}
.lesson-container .instructions-header {
  display: flex;
}
.lesson-container .instructions-header h2 {
  font-size: 18px;
  color: #fff;
}
.lesson-container .instructions-header p {
  font-size: 14px;
  color: #fff;
}
.lesson-container .instructions-header .padlock-image {
  width: 40px;
  margin: 5px 10px 10px 0px;
  position: relative;
  top: -8px;
}
.lesson-container .instructions-header .padlock-image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width=\"368px\" height=\"622px\" viewBox=\"0 0 368 622\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g id=\"Artboard\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"lock_open\" transform=\"translate%28-1.000000, 11.000000%29\" fill-rule=\"nonzero\"><path d=\"M183.47,0 C94.48,0 22.34,69.07 22.34,154.28 L22.34,396.69 L69,396.69 L69,161.69 C69,101.17 120.23,52.12 183.43,52.12 C246.63,52.12 297.9,101.14 297.9,161.66 L297.9,213 C297.894055,214.516315 298.887257,215.855509 300.34,216.29 C311,219.43 319,226.37 319,233.08 C319,239.79 311.17,245.08 301,246 C299.271461,246.144956 297.939466,247.585419 297.93,249.32 L297.93,250.72 C297.93,252.376854 299.273146,253.72 300.93,253.72 L337.46,253.72 C341.41598,253.720004 344.624483,250.515976 344.63,246.56 L344.63,154.28 C344.6,69.07 272.46,0 183.47,0 Z\" id=\"Path\" fill=\"%23C6BDB6\"></path><path d=\"M18,611 L22.37,611 L22.37,293.56 L18,293.56 C8.07,293.56 0,300.56 0,309.27 L0,595.33 C0,604 8,611 18,611 Z\" id=\"Path\" fill=\"%23EF9737\"></path><rect id=\"Rectangle\" fill=\"%23F7B141\" x=\"183.47\" y=\"293.56\" width=\"161.13\" height=\"317.48\"></rect><rect id=\"Rectangle\" fill=\"%23F4A845\" x=\"22.34\" y=\"293.56\" width=\"161.13\" height=\"317.48\"></rect><path d=\"M349,611 C358.92,611 367,604 367,595.29 L367,309.27 C367,300.59 358.95,293.56 349,293.56 L344.6,293.56 L344.6,611 L349,611 Z\" id=\"Path\" fill=\"%23FCB651\"></path><path d=\"M147.75,430.79 C147.75,412.38 163.75,397.45 183.47,397.45 C203.19,397.45 219.18,412.38 219.18,430.79 C219.18,443.01 212.13,453.66 201.63,459.47 L201.63,525.47 C201.499727,529.102552 198.452783,531.943682 194.82,531.82 L172.12,531.82 C168.487217,531.943682 165.440273,529.102552 165.31,525.47 L165.31,459.47 C154.81,453.66 147.75,443 147.75,430.79 Z\" id=\"Path\" fill=\"%23683A11\"></path></g></g></svg>");
  opacity: 0;
}
.lesson-container .instructions-header .padlock-image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("data:image/svg+xml,<svg width=\"368px\" height=\"622px\" viewBox=\"0 0 368 622\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g id=\"Artboard\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"lock_close\" transform=\"translate%28-1.000000, 89.000000%29\" fill-rule=\"nonzero\"><path d=\"M183.47,0 C94.48,0 22.34,69.07 22.34,154.28 L22.34,396.69 L69,396.69 L69,161.69 C69,101.17 120.23,52.12 183.43,52.12 C246.63,52.12 297.9,101.14 297.9,161.66 L297.9,213 C297.894055,214.516315 298.887257,215.855509 300.34,216.29 C311,219.43 319,226.37 319,233.08 C319,239.79 311.17,245.08 301,246 C299.271461,246.144956 297.939466,247.585419 297.93,249.32 L297.93,250.72 C297.93,252.376854 299.273146,253.72 300.93,253.72 L337.46,253.72 C341.41598,253.720004 344.624483,250.515976 344.63,246.56 L344.63,154.28 C344.6,69.07 272.46,0 183.47,0 Z\" id=\"Path\" fill=\"%23C6BDB6\"></path><path d=\"M18,531.33 L22.37,531.33 L22.37,213.85 L18,213.85 C8.07,213.85 0,220.85 0,229.56 L0,515.62 C0,524.3 8,531.33 18,531.33 Z\" id=\"Path\" fill=\"%23EF9737\"></path><rect id=\"Rectangle\" fill=\"%23F7B141\" x=\"183.47\" y=\"213.85\" width=\"161.13\" height=\"317.48\"></rect><rect id=\"Rectangle\" fill=\"%23F4A845\" x=\"22.34\" y=\"213.85\" width=\"161.13\" height=\"317.48\"></rect><path d=\"M349,531.33 C358.92,531.33 367,524.33 367,515.62 L367,229.56 C367,220.89 358.95,213.85 349,213.85 L344.6,213.85 L344.6,531.33 L349,531.33 Z\" id=\"Path\" fill=\"%23FCB651\"></path><path d=\"M147.75,351.09 C147.75,332.67 163.75,317.74 183.47,317.74 C203.19,317.74 219.18,332.67 219.18,351.09 C219.18,363.3 212.13,373.95 201.63,379.76 L201.63,445.76 C201.499727,449.392552 198.452783,452.233682 194.82,452.11 L172.12,452.11 C168.487217,452.233682 165.440273,449.392552 165.31,445.76 L165.31,379.76 C154.81,374 147.75,363.3 147.75,351.09 Z\" id=\"Path\" fill=\"%23683A11\"></path></g></g></svg>");
  opacity: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.lesson-container .instructions-header .padlock-image.open::before {
  opacity: 1;
}
.lesson-container .instructions-header .padlock-image.open::after {
  opacity: 0;
}

.placeholder {
  position: relative;
  background-position: center 95%;
  background-size: 85%;
  background-repeat: no-repeat;
  opacity: 0;
  overflow: hidden;
}
.placeholder.english {
  background-size: auto 30%;
}
.placeholder.english.true {
  background: none !important;
}
.placeholder.active {
  z-index: 2;
  opacity: 1;
}

.placeholder .trial-intro .ribbon {
  margin-top: 35px;
  margin-bottom: 25px;
  position: relative;
  width: 100%;
}
@media all and (max-width: 700px) {
  .placeholder .trial-intro .ribbon {
    display: none;
  }
}
.placeholder .trial-intro .ribbon #motty {
  position: absolute;
  width: 95px;
  right: 5%;
  bottom: 0;
  left: auto;
  height: 13vmax;
  max-height: 120px;
}
@media all and (max-width: 1200px) {
  .placeholder .trial-intro .ribbon #motty {
    right: 1%;
  }
}
@media all and (max-width: 700px) {
  .placeholder .trial-intro .ribbon #motty {
    bottom: 30px;
    right: 0;
  }
}
.placeholder .trial-intro .ribbon > .content {
  background: #fff3ad;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
  width: 100%;
  height: 80px;
  text-align: left;
  transition: clip-path 1s, padding 1s, background 1s;
  line-height: 80px;
  text-align: center;
}
.placeholder .trial-intro .ribbon > .content #hand-wave {
  width: 36px;
  display: inline-block;
  margin-left: 10%;
  position: absolute;
  top: 24px;
}
.placeholder .trial-intro .ribbon > .content h1 {
  color: black;
  width: 70%;
  position: relative;
  font-weight: normal;
  font-size: 20px;
  text-align: left;
  margin: 0 0 0 10px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
@media all and (max-width: 700px) {
  .placeholder .trial-intro .ribbon > .content {
    margin-bottom: 30px;
  }
  .placeholder .trial-intro .ribbon > .content h1 {
    font-size: 100%;
    margin-top: 12px;
    width: 60%;
    margin-left: 5px;
  }
  .placeholder .trial-intro .ribbon > .content #hand-wave {
    top: -5px;
    margin-left: 5%;
  }
}
.placeholder .trial-intro .ribbon.down > .content {
  clip-path: polygon(0% 50%, 40px 0px, 100% 0px, 100% calc(100% - 0px), 40px 100%);
}
.placeholder .intro {
  position: relative;
  text-align: center;
  padding: 1%;
  margin-bottom: 20px;
  margin-top: 40px;
}
.placeholder .intro .trial-plan-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  column-gap: 2rem;
  row-gap: 1rem;
  height: 100%;
}
@media (min-width: 600px) {
  .placeholder .intro .trial-plan-container {
    grid-template-columns: 1fr 1fr;
  }
}
.placeholder .intro .trial-plan-container .plan-box {
  border-radius: 4px;
  padding: 0 1rem 1.5rem 1rem;
  text-align: left;
  position: relative;
  background: #fff;
}
.placeholder .intro .trial-plan-container .plan-box:nth-child(1) {
  border: 10px solid #fff3ad;
}
.placeholder .intro .trial-plan-container .plan-box:nth-child(1):after {
  content: "";
}
.placeholder .intro .trial-plan-container .plan-box:nth-child(2) {
  border: 10px solid #1fa3dd;
}
.placeholder .intro .trial-plan-container .plan-box:nth-child(2):after {
  content: "";
}
.placeholder .intro .trial-plan-container .plan-box .button--solid-green {
  background: #37b047;
  color: #fff;
  display: block;
}
.placeholder .intro .trial-plan-container .plan-box .button--solid-green:hover, .placeholder .intro .trial-plan-container .plan-box .button--solid-green:focus {
  background: #00ad91;
  text-decoration: none;
}
.placeholder .intro .english-separate-box {
  border: 2px solid #995099;
  padding: 10px;
  border-radius: 15px;
}
.placeholder .intro .maths-separate-box {
  border: 2px solid #e84e1b;
  border-radius: 15px;
  padding: 10px;
}
.placeholder .intro #buy-box {
  margin-top: 20px;
}
.placeholder .intro p {
  max-width: 70ch;
  display: inline-block;
  margin-top: 0px;
}
.placeholder .intro ul {
  margin: 1em 0;
  padding-left: 40px;
}
.placeholder .intro li,
.placeholder .intro blockquote,
.placeholder .intro hr {
  text-align: left;
  max-width: 75ch;
  margin: auto;
  line-height: normal;
  list-style: disc;
}
.placeholder .intro cite {
  display: block;
  margin-top: 10px;
}
.placeholder .intro blockquote {
  margin-top: 20px;
  color: #1FA3DD;
}
.placeholder .intro #trial_message {
  border-style: solid;
  border-width: 2px;
  border-color: black;
  padding: 5px;
  margin-top: -20px;
  margin-bottom: 20px;
}
.placeholder #dashboard-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.placeholder #dashboard-container .ribbon {
  margin-top: 35px;
  margin-bottom: 25px;
  position: relative;
  width: 100%;
}
@media all and (max-width: 700px) {
  .placeholder #dashboard-container .ribbon {
    display: none;
  }
}
.placeholder #dashboard-container .ribbon #motty {
  position: absolute;
  width: 95px;
  right: 5%;
  bottom: 0;
  left: auto;
  height: 13vmax;
  max-height: 120px;
}
@media all and (max-width: 1200px) {
  .placeholder #dashboard-container .ribbon #motty {
    right: 1%;
  }
}
@media all and (max-width: 700px) {
  .placeholder #dashboard-container .ribbon #motty {
    bottom: 30px;
    right: 0;
  }
}
.placeholder #dashboard-container .ribbon > .content {
  background: #fff3ad;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
  width: 100%;
  height: 80px;
  text-align: left;
  transition: clip-path 1s, padding 1s, background 1s;
  line-height: 80px;
  text-align: center;
}
.placeholder #dashboard-container .ribbon > .content #hand-wave {
  width: 36px;
  display: inline-block;
  margin-left: 10%;
  position: absolute;
  top: 24px;
    left: 0;
}
.placeholder #dashboard-container .ribbon > .content h1 {
  color: black;
  width: 70%;
  position: relative;
  font-weight: normal;
  font-size: 20px;
  text-align: left;
  margin: 0 0 0 10px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
@media all and (max-width: 700px) {
  .placeholder #dashboard-container .ribbon > .content {
    margin-bottom: 30px;
  }
  .placeholder #dashboard-container .ribbon > .content h1 {
    font-size: 100%;
    margin-top: 12px;
    width: 60%;
    margin-left: 5px;
  }
  .placeholder #dashboard-container .ribbon > .content #hand-wave {
    top: -5px;
    margin-left: 5%;
  }
}
.placeholder #dashboard-container .ribbon.down > .content {
  clip-path: polygon(0% 50%, 40px 0px, 100% 0px, 100% calc(100% - 0px), 40px 100%);
}
.placeholder #dashboard-container .dashboard-box {
  width: 48%;
  border-radius: 4px;
  padding: 1rem 1rem 2rem 1rem;
  margin: 1%;
  text-align: left;
  position: relative;
}
.placeholder #dashboard-container .dashboard-box h2 {
  display: inline-block;
}
.placeholder #dashboard-container .dashboard-box .view-all {
  right: 4%;
  position: absolute;
  top: 1.2rem;
}
.placeholder #dashboard-container .dashboard-box .list-results {
  padding: 0;
}
.placeholder #dashboard-container .dashboard-box .list-results li {
  list-style: none !important;
  background-color: #f7f7f7;
  padding: 5px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.placeholder #dashboard-container .dashboard-box .list-results li:nth-child(odd) {
  background-color: #ffffff;
}
.placeholder #dashboard-container .dashboard-box--message {
  border: 10px solid #bfeae3;
}
.placeholder #dashboard-container .dashboard-box--message #covid-bubble-note {
  display: none;
  font-weight: bolder;
}
.placeholder #dashboard-container .dashboard-box--message #covid-bubble-note .covid-icon img {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  position: relative;
  display: inline;
  top: 14px;
}
.placeholder #dashboard-container .dashboard-box--ai {
  padding: 10px calc(1rem + 10px);
}
.placeholder #dashboard-container .dashboard-box--ai::before {
  content: "";
  background: url(/wp-content/themes/teachactive/dist/777581407934ab092465.jpg) no-repeat bottom right/cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  border-radius: 4px;
  z-index: -1;
}
.placeholder #dashboard-container .dashboard-box--ai::after {
  content: "";
  background: url(/wp-content/themes/teachactive/dist/97fa147cd81078688986.png) no-repeat bottom right/contain;
  position: absolute;
  right: 0;
  height: 100%;
  width: 23%;
  display: block;
  bottom: 0;
}
.placeholder #dashboard-container .dashboard-box--ai h2,
.placeholder #dashboard-container .dashboard-box--ai p {
  color: #fff;
}
.placeholder #dashboard-container .dashboard-box--ai p {
  margin: 0 0 1.5rem;
  max-width: 80%;
}
.placeholder #dashboard-container .dashboard-box--ai button {
  display: block;
  border: 1px solid #fff;
  color: #451163;
  background: #fff;
  margin-top: 1rem;
}
.placeholder #dashboard-container .dashboard-box--ai .btn-container {
  display: flex;
}
.placeholder #dashboard-container .dashboard-box--favs {
  border: 10px solid #2369a5;
}
.placeholder #dashboard-container .dashboard-box--favs .no-favs {
  text-align: center;
  width: 100%;
  margin: auto;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list {
  padding-left: 0;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list li::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3cpath fill='%23F4C900' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z' class=''%3e%3c/path%3e%3c/svg%3e");
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  top: -1px;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list li span {
  display: inline-block;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list li span:nth-child(1) {
  width: 15%;
}
@media all and (max-width: 700px) {
  .placeholder #dashboard-container .dashboard-box--favs #favs-list li span:nth-child(1) {
    width: 20%;
  }
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list li span:nth-child(2) {
  width: 5%;
  margin-right: 10px;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list li span:nth-child(3) {
  width: 50%;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list li span:nth-child(4) {
  width: 20%;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list li .fav-subject.Maths {
  color: #fd3e00;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list li .fav-subject.English {
  color: #a30084;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list li .fav-link {
  margin-left: auto;
  color: #1fa3dd;
  align-self: stretch;
  padding-right: 5px;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list #fav-column-title {
  font-weight: bolder;
  margin-left: 40px;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list #fav-column-title::before {
  display: none;
}
.placeholder #dashboard-container .dashboard-box--favs #favs-list #fav-column-title span:nth-child(2) {
  margin-right: 15px;
  margin-left: 2px;
}
.placeholder #dashboard-container .dashboard-box--new {
  border: 10px solid #e84e1c;
}
.placeholder #dashboard-container .dashboard-box--new .view-all {
  right: 4%;
}
.placeholder #dashboard-container .dashboard-box--new .new-lessons-select-container {
  display: block;
  width: 70%;
}
.placeholder #dashboard-container .dashboard-box--new .new-lessons-select-container .new-lesson-select {
  display: inline-block;
  width: 46%;
  margin: 0;
}
.placeholder #dashboard-container .dashboard-box--new .new-lessons-select-container .new-lesson-select.subject-select {
  margin-right: 2%;
}
.placeholder #dashboard-container .dashboard-box--new .new-lessons-select-container .new-lesson-select.years-select {
  margin-left: 2%;
}
.placeholder #dashboard-container .dashboard-box--new #new-lessons-list li {
  justify-content: space-between;
}
.placeholder #dashboard-container .dashboard-box--new #new-lessons-list li img {
  position: relative;
  width: 24px;
  bottom: 0;
  margin-right: 12px;
}
.placeholder #dashboard-container .dashboard-box--new #new-lessons-list li a {
  color: #1fa3dd;
  padding-right: 5px;
  margin-left: auto;
}
.placeholder #dashboard-container .dashboard-box--popular-maths {
  border: 10px solid #fd3e00;
}
.placeholder #dashboard-container .dashboard-box--popular-english {
  border: 10px solid #995099;
}
.placeholder #dashboard-container .dashboard-box--popular .popular-lessons-select-container {
  display: block;
  width: 70%;
}
.placeholder #dashboard-container .dashboard-box--popular .popular-lessons-select-container .popular-lesson-select {
  display: inline-block;
  width: 46%;
  margin: 0;
}
.placeholder #dashboard-container .dashboard-box--popular .popular-lessons-select-container .popular-lesson-select.subject-select {
  display: none;
  margin-right: 2%;
}
.placeholder #dashboard-container .dashboard-box--popular .popular-lessons-select-container .popular-lesson-select.years-select {
  margin-left: 2%;
}
.placeholder #dashboard-container .dashboard-box--popular #popular-lessons-list li {
  justify-content: space-between;
}
.placeholder #dashboard-container .dashboard-box--popular #popular-lessons-list li .popular-view-count {
  color: #1fa3dd;
}
.placeholder #dashboard-container .dashboard-box--popular #popular-lessons-list li .popular-lesson-name {
  margin-left: 42px;
}
.placeholder #dashboard-container .dashboard-box--popular #popular-lessons-list li a {
  color: #1fa3dd;
}
.placeholder #dashboard-container .dashboard-box--popular #popular-lessons-list li::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  background-size: contain;
}
.placeholder #dashboard-container .dashboard-box--popular #popular-lessons-list li:nth-child(1)::before {
  background: url(/wp-content/themes/teachactive/dist/f1711c6899665171c04c.png) center/contain no-repeat;
}
.placeholder #dashboard-container .dashboard-box--popular #popular-lessons-list li:nth-child(2)::before {
  background: url(/wp-content/themes/teachactive/dist/907104e6768d15c8a845.png) center/contain no-repeat;
}
.placeholder #dashboard-container .dashboard-box--popular #popular-lessons-list li:nth-child(3)::before {
  background: url(/wp-content/themes/teachactive/dist/87ab6d9bb8e18ee893c3.png) center/contain no-repeat;
}
.placeholder #dashboard-container .dashboard-box .subject-select,
.placeholder #dashboard-container .dashboard-box .years-select {
  border-color: black;
  padding: 4px 10px 5px 10px;
  min-height: 35px;
  width: 40%;
}
@media all and (max-width: 1200px) {
  .placeholder #dashboard-container .dashboard-box {
    width: 100%;
  }
}

.ai-popup {
  position: absolute;
  top: 10rem;
  left: 50%;
  background: #1FA3DD;
  background: url(/wp-content/themes/teachactive/dist/777581407934ab092465.jpg) no-repeat bottom right/cover;
  z-index: 50;
  padding: 1.5rem 2rem;
  transform: translate(-50%, 0);
  border-radius: 5px;
  display: none;
  text-align: left;
  color: #fff;
  width: 600px;
  max-width: 80%;
}
.ai-popup.open {
  display: block;
}
.ai-popup p {
  color: #fff;
}
.ai-popup button {
  background: #005280;
}
.ai-popup button:hover, .ai-popup button:focus {
  background: #2369A6;
}


.homework-cards {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 40px;
}
.homework-cards .block, .homework-cards div[class^=block] {
  flex-basis: 32%;
  margin: 20px 1%;
}
.homework-cards .block div, .homework-cards div[class^=block] div {
  background-size: cover;
  background-position: center;
  padding-bottom: 55%;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
}

.homework-intro .video {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.homework-intro .iframe-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.homework-intro .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0%;
  height: 100%;
  width: 100%;
}

@media all and (max-width: 1100px) {
  .page-homework #app,
  .page-lessons #app {
    flex-wrap: wrap;
  }
  .page-homework #app .tab-container,
  .page-lessons #app .tab-container {
    width: 100vw;
    min-height: 80vh;
  }
  .page-homework .lesson-container,
  .page-lessons .lesson-container {
    overflow: visible;
  }
  .page-homework .lesson-container article,
  .page-lessons .lesson-container article {
    padding: 0px 20px 20px 20px;
  }
  .page-homework .lesson-content,
  .page-lessons .lesson-content {
    padding-right: 20px;
  }
  .page-homework aside,
  .page-lessons aside {
    width: 100vw;
    height: auto;
    min-height: auto;
  }
  .page-homework .homeworkGuide,
  .page-lessons .homeworkGuide {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .page-homework .selects,
  .page-homework .lessonList,
  .page-lessons .selects,
  .page-lessons .lessonList {
    vertical-align: top;
    display: inline-block;
    width: 49.5%;
    margin-top: 0px;
  }
  .page-homework .selects h2,
  .page-homework .lessonList h2,
  .page-lessons .selects h2,
  .page-lessons .lessonList h2 {
    margin-top: 0px;
  }
  .page-homework .selects select,
  .page-homework .selects input,
  .page-homework .selects label,
  .page-homework .selects li,
  .page-homework .lessonList select,
  .page-homework .lessonList input,
  .page-homework .lessonList label,
  .page-homework .lessonList li,
  .page-lessons .selects select,
  .page-lessons .selects input,
  .page-lessons .selects label,
  .page-lessons .selects li,
  .page-lessons .lessonList select,
  .page-lessons .lessonList input,
  .page-lessons .lessonList label,
  .page-lessons .lessonList li {
    font-size: 14px;
  }
  .page-homework .selects,
  .page-lessons .selects {
    padding-right: 20px;
  }
  .lessonType {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 760px) {
  .homework-cards {
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .homework-cards div[class^=block].flex-30 {
    flex-basis: 100%;
    margin: 0px 0px 10px 0;
  }
  .homework-cards div[class^=block].flex-30 + .block, .homework-cards div[class^=block].flex-30 + div[class^=block] {
    margin-top: 0px;
  }
  .homework-cards div[class^=block].flex-30 h2,
  .homework-cards div[class^=block].flex-30 p {
    color: #fff;
  }
  .homework-cards div[class^=block].flex-30:nth-child(1) {
    background: #50B26D;
  }
  .homework-cards div[class^=block].flex-30:nth-child(2) {
    background: #995099;
  }
  .homework-cards div[class^=block].flex-30:nth-child(3) {
    background: #E84E1B;
  }
  .homework-cards div[class^=block].flex-30 div {
    padding-bottom: 40%;
    width: 70%;
    margin: 0 auto 20px auto;
    display: none;
  }
  .lesson-container article {
    font-size: 14px;
    padding: 20px;
  }
  .lesson-container article .inner {
    flex-wrap: wrap;
  }
  .lesson-container article .lesson-content {
    width: 100%;
    padding-right: 0px;
  }
  .lesson-container article aside {
    width: 100%;
    margin-bottom: 20px;
  }
  .lesson-container article h2 {
    font-size: 18px;
  }
}
@media all and (max-width: 500px) {
  .homeworkGuide p {
    display: none;
  }
  .homeworkGuide a {
    width: 100%;
  }
  .page-homework .selects,
  .page-homework .lessonList,
  .page-lessons .selects,
  .page-lessons .lessonList {
    width: 100%;
    padding-right: 0px;
  }
}
.page-homework .filters .covid-message {
  display: none;
}

.page-lessons .app-header .inner,
.page-homework .app-header .inner {
  max-width: 100%;
}
.page-lessons #app-menu,
.page-homework #app-menu {
  padding-left: 0px;
  width: 260px;
}

#app {
  background: #f7f7f7;
  display: flex;
  position: relative;
  z-index: 1;
  padding-top: 34px;
  margin: auto;
}

#app .tab-container {
  margin: 0px 0px 0px 20px;
  background-color: transparent;
  width: 80vw;
  padding-top: 0px;
  height: 100%; /*new grid for lessons*/
}
@media all and (max-width: 820px) {
  #app .tab-container {
    margin: 20px 0px 0px 0px;
  }
}
#app main {
  max-width: 100%;
}
@media all and (min-width: 1500px) {
  #app main.tab-container {
    margin-right: 20px;
  }
}

.lesson-container {
  min-height: 100%;
  height: auto;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
}

.placeholder {
  text-align: center;
}
.my-account main,
.my-account aside {
  transition: all 0.5s cubic-bezier(0.38, 0.14, 0.45, 0.79);
}
.my-account .grid form .woocommerce-form-row {
  margin-top: 15px;
}
.my-account .grid form .woocommerce-form-row input[type=text],
.my-account .grid form .woocommerce-form-row input[type=tel],
.my-account .grid form .woocommerce-form-row input[type=email],
.my-account .grid form .woocommerce-form-row input[type=password] {
  font-size: 16px;
  padding: 0.5em;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  position: relative;
  width: 100%;
}
.my-account .grid form .woocommerce-form-row span em {
  display: none;
}
.my-account .grid form .woocommerce-form-row label {
  font-size: 14px;
  margin-bottom: 4px;
}
.my-account .grid form fieldset {
  border: none;
  padding: 10px 0;
  box-shadow: 0px -1px 0px 0px #e4e4e4;
}
.my-account .grid form fieldset legend {
  color: #212b36;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  top: 30px;
  margin-bottom: 20px;
  left: -5px;
}
.my-account .text__title {
  font-size: 26px;
  line-height: 1.3;
}
.my-account .text__sub-title {
  font-size: 22px;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}

.my-account p {
  font-size: 15px;
}
.my-account .hide-mobile {
  display: none;
}
@media screen and (min-width: 1200px) {
  .my-account .hide-mobile {
    display: block;
  }
}
.my-account .hide-desktop {
  display: block;
}
@media screen and (min-width: 1200px) {
  .my-account .hide-desktop {
    display: none;
  }
}
.my-account .curriculumMessage-container {
  margin-left: 10px;
  margin-right: 10px;
}
.my-account .curriculumMessage {
  font-size: 14px;
  text-align: left;
  width: 100%;
  margin: 0;
  color: #fff;
}
.my-account .curriculumMessage button {
  font-size: 14px;
  color: #fff;
}

.inner-container {
  max-width: 95%;
  margin: auto;
}

.shifted {
  transform: translateX(260px);
}

.subscription {
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 1rem;
}
.subscription .expiry {
  color: #50B26D;
}
.subscription .on-hold {
  color: #f1820f;
}
.subscription > div {
  min-width: 60%;
}
.subscription p {
  margin-top: 0;
}
.subscription + .subscription {
  border-top: 1px solid #e4e4e4;
  margin-top: 0px;
}
.subscription .percentage {
  width: 100%;
  height: 3px;
  background: #BDBDBD;
  position: relative;
  margin-bottom: 10px;
}
.subscription .percentage-complete {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #50B26D;
  height: 100%;
  max-width: 100%;
}
.subscription.warn .expiry {
  color: #E84E1B;
}
.subscription.warn .percentage-complete {
  background: #E84E1B;
}
.subscription.warn-less .expiry {
  color: #f1820f;
}
.subscription.warn-less .percentage-complete {
  background: #f1820f;
}

.taster-access {
  padding: calc(8px + 1vw);
  color: #fff;
}
.taster-access p {
  font-size: 14px;
  color: #fff;
}
.taster-access h5 {
  font-size: 16px;
  margin-bottom: 0px;
}
.taster-access--maths {
  background-color: #E84E1B;
}
.taster-access--english {
  background-color: #995099;
}

.open-survey {
  text-transform: none;
}

#motty-instructions,
.blur-overlay--inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-right: 10%;
  justify-content: flex-start;
}
#motty-instructions::after,
.blur-overlay--inner::after {
  content: "";
  background: url(/wp-content/themes/teachactive/dist/81d44173fd9fd64bdfff.png) no-repeat bottom right/contain;
  position: absolute;
  bottom: -2.5%;
  right: -2.5%;
  height: 100%;
  width: 30%;
  display: block;
}
#motty-instructions p,
.blur-overlay--inner p {
  margin: 0.5rem auto;
  font-size: 14px;
  width: 100%;
}

.full-screen-motty {
  position: fixed;
  opacity: 0;
  z-index: -2;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  padding: 5% 10%;
  transform: scale(0.05, 0.05);
  transform-origin: 60% 70%;
  transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.2s linear;
}
.full-screen-motty button {
  position: absolute;
  top: 5%;
  right: 7%;
  z-index: 7;
}
.full-screen-motty .text__bold {
  font-size: calc(20px + 0.025 * (100vw - 320px));
}
.full-screen-motty p {
  font-size: calc(16px + 4vw);
}
.full-screen-motty.open {
  z-index: 4;
  transform: scale(1);
  opacity: 1;
}
.full-screen-motty:after {
  content: "";
  background: url(/wp-content/themes/teachactive/dist/81d44173fd9fd64bdfff.png) no-repeat bottom right/contain;
  position: absolute;
  bottom: 0%;
  right: 0.5%;
  height: 100%;
  width: 17.5%;
  display: block;
}

.trial_promo {
  display: flex;
  align-items: center;
}
.trial_promo img {
  width: 60px;
  margin-left: 60px;
}

.trial-tweet {
  display: flex;
  align-items: center;
}
.trial-tweet .icon {
  width: 30px;
  height: 30px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ss-wrapper {
    width: 100%;
  }
}
.block--list ul {
  padding-left: 15px;
}
.block--list ul li {
  line-height: 1.6;
  list-style: none;
  position: relative;
  padding-left: 10px;
}
.block--list ul li::before {
  content: "•";
  display: inline-block;
  font-size: 12px;
  position: absolute;
  top: 2px;
  left: -2.5px;
}
.block--list ul li a {
  text-decoration: underline;
  text-shadow: 0.5px 0px 0px transparent;
  transition: 0.25s;
}
.block--list ul li a:hover, .block--list ul li a:focus {
  text-shadow: 0.5px 0px 0px #212b36;
}

.overflow-list {
  overflow-y: scroll;
  max-height: 200px;
  padding-right: 16px;
}

.new-flag {
  position: absolute;
  top: -9px;
  right: -34px;
  transform: rotate(45deg);
  padding: 20px 0 10px 0;
  height: 40px;
  width: 86px;
  background: #fed302;
  color: #995099;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
@media all and (min-width: 1000px) and (min-height: 650px) {
  .new-flag {
    font-size: 14px;
    height: 50px;
    width: 100px;
  }
}

#maths_lessons_block {
  position: relative;
  overflow: hidden;
}
#maths_lessons_block.sample-access img {
  display: none;
}
#maths_lessons_block.sample-access h4 {
  position: relative;
  z-index: 2;
}
#maths_lessons_block.sample-access .button, #maths_lessons_block.sample-access input[type=button],
#maths_lessons_block.sample-access input[type=submit], #maths_lessons_block.sample-access button {
  position: relative;
  z-index: 3;
}
#maths_lessons_block.sample-access::after {
  content: "";
  background: url(/wp-content/plugins/teach_active_dashboard/public/images/cc93fa5a1857c7451297.png) no-repeat top right/contain;
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  z-index: 1;
}


#english_lessons_block {
  overflow: hidden;
  position: relative;
}
#english_lessons_block.sample-access img {
  display: none;
}
#english_lessons_block.sample-access h4 {
  position: relative;
  z-index: 2;
}
#english_lessons_block.sample-access .button, #english_lessons_block.sample-access input[type=button],
#english_lessons_block.sample-access input[type=submit], #english_lessons_block.sample-access button {
  position: relative;
  z-index: 3;
}
#english_lessons_block.sample-access::after {
  content: "";
  background: url(/wp-content/plugins/teach_active_dashboard/public/images/cc93fa5a1857c7451297.png) no-repeat top right/contain;
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  z-index: 1;
}


#favourites-block {
  overflow: hidden;
  position: relative;
}
#favourites-block.unavailable:after {
  background: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e %3csvg width='55px' height='66px' viewBox='0 0 55 66' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eGroup 15%3c/title%3e %3cg id='Templates---Web-App' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='trial_dashboard' transform='translate(-1057.000000%2c -529.000000)' fill='%23637381' fill-rule='nonzero'%3e %3cg id='Group-10-Copy-2' transform='translate(810.000000%2c 439.000000)'%3e %3cg id='Group-15' transform='translate(247.499933%2c 90.249985)'%3e %3cpath d='M32.0277421%2c64.671875 C32.617081%2c65 33.2332088%2c65.0820312 33.8761243%2c64.9179688 C34.5190399%2c64.7539063 35.014621%2c64.3847656 35.3628665%2c63.8105469 C35.711112%2c63.2363281 35.8316587%2c62.6210938 35.7245065%2c61.9648438 L35.7245065%2c61.9648438 L33.7153954%2c49.9882814 L42.2340265%2c41.5390627 C42.7162131%2c41.0468752 42.9707009%2c40.4726564 42.9974887%2c39.8164064 C43.0242764%2c39.1601564 42.8367598%2c38.5585944 42.4349376%2c38.011719 C42.0331154%2c37.4648435 41.4839587%2c37.1367185 40.7874665%2c37.027344 L40.7874665%2c37.027344 L29.0542577%2c35.3046877 L23.8305689%2c24.4765628 C23.5091111%2c23.8203128 23.0403189%2c23.3828132 22.4241911%2c23.1640628 C21.8080633%2c22.9453124 21.1919367%2c22.9453124 20.5758089%2c23.1640628 C19.9596811%2c23.3828132 19.4908889%2c23.8203128 19.1694311%2c24.4765628 L19.1694311%2c24.4765628 L13.9457423%2c35.3046877 L2.21253352%2c37.027344 C1.51604127%2c37.1367185 0.966884645%2c37.4648435 0.565062427%2c38.011719 C0.163240209%2c38.5585944 -0.0242764176%2c39.1601564 0.0025113215%2c39.8164064 C0.0292990606%2c40.4726564 0.283786874%2c41.0468752 0.765973536%2c41.5390627 L0.765973536%2c41.5390627 L9.28460456%2c49.9882814 L7.27549347%2c61.9648438 C7.16834129%2c62.6210938 7.28888796%2c63.2363281 7.63713347%2c63.8105469 C7.98537898%2c64.3847656 8.48096013%2c64.7539063 9.12387568%2c64.9179688 C9.76679123%2c65.0820312 10.382919%2c65 10.9722579%2c64.671875 L10.9722579%2c64.671875 L21.5%2c59.09375 L32.0277421%2c64.671875 Z' id='%ef%80%85'%3e%3c/path%3e %3cpath d='M48.3862867%2c19.84375 C48.6878089%2c20 49.003037%2c20.0390625 49.3319706%2c19.9609375 C49.6609041%2c19.8828125 49.9144573%2c19.7070313 50.0926294%2c19.4335938 C50.2708015%2c19.1601563 50.3324765%2c18.8671875 50.2776545%2c18.5546875 L50.2776545%2c18.5546875 L49.2497372%2c12.8515626 L53.6081066%2c8.82812508 C53.8548067%2c8.59375008 53.9850098%2c8.32031259 53.9987151%2c8.00781259 C54.0124205%2c7.69531259 53.9164818%2c7.40885446 53.7108983%2c7.1484376 C53.5053148%2c6.88802073 53.224351%2c6.73177073 52.8680061%2c6.6796876 L52.8680061%2c6.6796876 L46.8649691%2c5.85937511 L44.1923841%2c0.703125144 C44.0279173%2c0.390625146 43.7880701%2c0.182292013 43.472842%2c0.0781251484 C43.1576138%2c-0.0260417161 42.8423862%2c-0.0260417161 42.527158%2c0.0781251484 C42.2119299%2c0.182292013 41.9720827%2c0.390625146 41.8076159%2c0.703125144 L41.8076159%2c0.703125144 L39.1350309%2c5.85937511 L33.1319939%2c6.6796876 C32.775649%2c6.73177073 32.4946852%2c6.88802073 32.2891017%2c7.1484376 C32.0835182%2c7.40885446 31.9875795%2c7.69531259 32.0012849%2c8.00781259 C32.0149902%2c8.32031259 32.1451933%2c8.59375008 32.3918934%2c8.82812508 L32.3918934%2c8.82812508 L36.7502628%2c12.8515626 L35.7223455%2c18.5546875 C35.6675235%2c18.8671875 35.7291985%2c19.1601563 35.9073706%2c19.4335938 C36.0855427%2c19.7070313 36.3390959%2c19.8828125 36.6680294%2c19.9609375 C36.996963%2c20.0390625 37.3121911%2c20 37.6137133%2c19.84375 L37.6137133%2c19.84375 L43%2c17.1875 L48.3862867%2c19.84375 Z' id='%ef%80%85-copy'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e") no-repeat bottom right/contain;
}
#favourites-block::after {
  content: "";
  background: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e %3csvg width='55px' height='66px' viewBox='0 0 55 66' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eGroup 9%3c/title%3e %3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Group-10-Copy-2' fill='%23F4C900' fill-rule='nonzero'%3e %3cg id='Group-9'%3e %3cpath d='M32.5276751%2c64.9218601 C33.1170139%2c65.2499851 33.7331417%2c65.3320163 34.3760573%2c65.1679538 C35.0189728%2c65.0038914 35.514554%2c64.6347507 35.8627995%2c64.060532 C36.211045%2c63.4863132 36.3315917%2c62.8710789 36.2244395%2c62.2148289 L36.2244395%2c62.2148289 L34.2153284%2c50.2382665 L42.7339594%2c41.7890478 C43.2161461%2c41.2968603 43.4706339%2c40.7226415 43.4974216%2c40.0663915 C43.5242094%2c39.4101415 43.3366927%2c38.8085795 42.9348705%2c38.261704 C42.5330483%2c37.7148286 41.9838917%2c37.3867036 41.2873994%2c37.2773291 L41.2873994%2c37.2773291 L29.5541906%2c35.5546728 L24.3305018%2c24.7265479 C24.009044%2c24.0702979 23.5402519%2c23.6327983 22.924124%2c23.4140479 C22.3079962%2c23.1952975 21.6918697%2c23.1952975 21.0757418%2c23.4140479 C20.459614%2c23.6327983 19.9908219%2c24.0702979 19.6693641%2c24.7265479 L19.6693641%2c24.7265479 L14.4456752%2c35.5546728 L2.71246647%2c37.2773291 C2.01597421%2c37.3867036 1.46681759%2c37.7148286 1.06499537%2c38.261704 C0.663173154%2c38.8085795 0.475656527%2c39.4101415 0.502444266%2c40.0663915 C0.529232005%2c40.7226415 0.783719819%2c41.2968603 1.26590648%2c41.7890478 L1.26590648%2c41.7890478 L9.78453751%2c50.2382665 L7.77542642%2c62.2148289 C7.66827423%2c62.8710789 7.7888209%2c63.4863132 8.13706641%2c64.060532 C8.48531193%2c64.6347507 8.98089307%2c65.0038914 9.62380862%2c65.1679538 C10.2667242%2c65.3320163 10.882852%2c65.2499851 11.4721908%2c64.9218601 L11.4721908%2c64.9218601 L21.9999329%2c59.3437351 L32.5276751%2c64.9218601 Z' id='%ef%80%85'%3e%3c/path%3e %3cpath d='M48.8862196%2c20.0937351 C49.1877418%2c20.2499851 49.50297%2c20.2890476 49.8319035%2c20.2109226 C50.1608371%2c20.1327976 50.4143902%2c19.9570164 50.5925623%2c19.6835789 C50.7707345%2c19.4101414 50.8324095%2c19.1171726 50.7775874%2c18.8046726 L50.7775874%2c18.8046726 L49.7496701%2c13.1015477 L54.1080395%2c9.07811018 C54.3547397%2c8.84373518 54.4849427%2c8.57029769 54.4986481%2c8.25779769 C54.5123534%2c7.94529769 54.4164147%2c7.65883956 54.2108312%2c7.39842269 C54.0052478%2c7.13800583 53.7242839%2c6.98175583 53.367939%2c6.9296727 L53.367939%2c6.9296727 L47.364902%2c6.1093602 L44.692317%2c0.953110243 C44.5278502%2c0.640610245 44.2880031%2c0.432277112 43.9727749%2c0.328110247 C43.6575467%2c0.223943383 43.3423192%2c0.223943383 43.027091%2c0.328110247 C42.7118628%2c0.432277112 42.4720156%2c0.640610245 42.3075489%2c0.953110243 L42.3075489%2c0.953110243 L39.6349639%2c6.1093602 L33.6319268%2c6.9296727 C33.275582%2c6.98175583 32.9946181%2c7.13800583 32.7890347%2c7.39842269 C32.5834512%2c7.65883956 32.4875125%2c7.94529769 32.5012178%2c8.25779769 C32.5149232%2c8.57029769 32.6451262%2c8.84373518 32.8918264%2c9.07811018 L32.8918264%2c9.07811018 L37.2501957%2c13.1015477 L36.2222784%2c18.8046726 C36.1674564%2c19.1171726 36.2291314%2c19.4101414 36.4073036%2c19.6835789 C36.5854757%2c19.9570164 36.8390288%2c20.1327976 37.1679624%2c20.2109226 C37.4968959%2c20.2890476 37.8121241%2c20.2499851 38.1136463%2c20.0937351 L38.1136463%2c20.0937351 L43.4999329%2c17.4374851 L48.8862196%2c20.0937351 Z' id='%ef%80%85-copy'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e") no-repeat bottom right/contain;
  position: absolute;
  right: calc(8px + 1vw);
  height: 100%;
  width: 20%;
  display: block;
  bottom: calc(8px + 1vw);
}
#favourites-block .button, #favourites-block input[type=button],
#favourites-block input[type=submit], #favourites-block button {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
#favourites-block .button:focus, #favourites-block input[type=button]:focus,
#favourites-block input[type=submit]:focus, #favourites-block button:focus, #favourites-block .button:hover, #favourites-block input[type=button]:hover,
#favourites-block input[type=submit]:hover, #favourites-block button:hover {
  background: #1FA3DD;
  color: #fff;
  text-decoration: none;
}

#ai-assistant-block {
  overflow: hidden;
  position: relative;
  margin-top: 2rem;
}
#ai-assistant-block::before {
  content: "";
  background: url(/wp-content/themes/teachactive/dist/777581407934ab092465.jpg) no-repeat bottom right/cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}
#ai-assistant-block::after {
  content: "";
  background: url(/wp-content/themes/teachactive/dist/97fa147cd81078688986.png) no-repeat bottom right/contain;
  position: absolute;
  right: 0;
  height: 100%;
  width: 23%;
  display: block;
  bottom: 0;
}
#ai-assistant-block .button, #ai-assistant-block input[type=button],
#ai-assistant-block input[type=submit], #ai-assistant-block button {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  position: relative;
}
#ai-assistant-block .button:focus, #ai-assistant-block input[type=button]:focus,
#ai-assistant-block input[type=submit]:focus, #ai-assistant-block button:focus, #ai-assistant-block .button:hover, #ai-assistant-block input[type=button]:hover,
#ai-assistant-block input[type=submit]:hover, #ai-assistant-block button:hover {
  background: #1FA3DD;
  color: #fff;
  text-decoration: none;
}

#chatbase-bubble-button {
  width: 65px !important;
  height: 65px !important;
  border-radius: 50% !important;
}
#chatbase-bubble-button img {
  width: 65px !important;
  height: 65px !important;
  border-radius: 50% !important;
}

#social {
  display: none;
}
#social .dashboard-social-links {
  margin-bottom: 0;
  margin-top: 0.5em;
  display: flex;
  justify-content: space-between;
}
#social .dashboard-social-links .social__link {
  margin-right: 0.75rem;
  margin-bottom: 0.5rem;
}
#social .dashboard-social-links .social__link a {
  width: 35px;
  height: 35px;
}
#social p {
  margin-bottom: 0;
  margin-top: 0.5em;
}

#cpd-webinars-block {
  overflow: hidden;
  position: relative;
  background-color: #37b047;
  color: white;
}
#cpd-webinars-block::after {
  content: "\f390";
  font-family: "FontAwesomeSolid";
  position: absolute;
  left: 69%;
  height: 100%;
  width: 100px;
  display: block;
  top: 50%;
  font-size: 70px;
}
#cpd-webinars-block .button, #cpd-webinars-block input[type=button],
#cpd-webinars-block input[type=submit], #cpd-webinars-block button {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
#cpd-webinars-block .button:focus, #cpd-webinars-block input[type=button]:focus,
#cpd-webinars-block input[type=submit]:focus, #cpd-webinars-block button:focus, #cpd-webinars-block .button:hover, #cpd-webinars-block input[type=button]:hover,
#cpd-webinars-block input[type=submit]:hover, #cpd-webinars-block button:hover {
  background: #1FA3DD;
  color: #fff;
  text-decoration: none;
}

.block.unavailable, div.unavailable[class^=block] {
  cursor: not-allowed;
}
.block.unavailable .button, div.unavailable[class^=block] .button, .block.unavailable input[type=button], div.unavailable[class^=block] input[type=button],
.block.unavailable input[type=submit],
div.unavailable[class^=block] input[type=submit], .block.unavailable button, div.unavailable[class^=block] button {
  cursor: not-allowed;
}
.block.unavailable .button:focus, div.unavailable[class^=block] .button:focus, .block.unavailable input[type=button]:focus, div.unavailable[class^=block] input[type=button]:focus,
.block.unavailable input[type=submit]:focus,
div.unavailable[class^=block] input[type=submit]:focus, .block.unavailable button:focus, div.unavailable[class^=block] button:focus, .block.unavailable .button:hover, div.unavailable[class^=block] .button:hover, .block.unavailable input[type=button]:hover, div.unavailable[class^=block] input[type=button]:hover,
.block.unavailable input[type=submit]:hover,
div.unavailable[class^=block] input[type=submit]:hover, .block.unavailable button:hover, div.unavailable[class^=block] button:hover {
  background: transparent !important;
  border-color: #fff;
}

.edit {
  padding: 0.5rem 0.75rem;
  border: 1px solid #e4e4e4;
  margin-bottom: 1em;
  border-radius: 4px;
  float: right;
}

.page-orders main h2 {
  display: none;
}

.view-subscription h2 {
  text-align: center;
}
.view-subscription .woocommerce-customer-details {
  width: 95%;
  margin: auto;
}

main.view {
  padding: 10px;
}
main.view h1 + p {
  text-align: center;
  color: #637381;
}
main.view h2,
main.view address {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

mark {
  background: transparent;
}

.page-my-account .vimeo-modal .iframe-container-container,
.my-account .vimeo-modal .iframe-container-container {
  max-height: 80%;
}

#homework-share {
  display: flex;
  align-items: center;
  color: #fff;
}

.share-button {
  min-width: auto;
}
.share-button:hover, .share-button:focus {
  background-color: #1FA3DD;
  color: #fff;
}
.share-button span.icon,
.share-button svg {
  transition: 0.3s ease-out;
  opacity: 1;
}
.share-button span {
  pointer-events: none;
}
.share-button.copied {
  min-width: 234px;
}
.share-button.copied span.icon {
  position: relative;
  background: #fff;
}
.share-button.copied span.icon svg {
  opacity: 0;
}
.share-button.copied span.icon::after {
  content: "";
  width: 6px;
  height: 14px;
  top: 7px;
  left: 12px;
  border: 3px solid green;
  border-width: 0px 3px 3px 0px;
  display: block;
  position: absolute;
  transform: rotate(40deg);
  border-radius: 2px;
}

@media all and (max-width: 750px) {
  #upgrade-block {
    max-height: initial;
    height: auto;
  }
  #upgrade-block img {
    max-width: 40%;
  }
}
.resources {
  justify-content: space-between;
}
.resources .resource {
  box-shadow: 0px 0px 1px 3px #dedede;
  padding: 1rem;
  display: flex;
  transition: 0.4s cubic-bezier(0, 0.5, 0.5, 1);
  font-family: "Noto Sans";
  text-align: left;
  border-radius: 0px;
  align-items: center;
  background-color: transparent;
  font-size: inherit;
  text-transform: none;
  justify-content: space-between;
}
.resources .resource div {
  margin-right: 1.5rem;
}
.resources .resource img {
  width: 35px;
  filter: grayscale(1);
  transition: 0.4s cubic-bezier(0, 0.5, 0.5, 1);
  min-width: 30px;
}
.resources .resource h4 {
  color: #1FA3DD;
}
.resources .resource p {
  margin-bottom: 0px;
  -webkit-font-smoothing: auto;
}
.resources .resource:hover, .resources .resource:focus {
  box-shadow: 0px 0px 0px 4px #1FA3DD;
  text-decoration: none;
}
.resources .resource:hover h4,
.resources .resource:hover p, .resources .resource:focus h4,
.resources .resource:focus p {
  text-decoration: none;
}
.resources .resource:hover img, .resources .resource:focus img {
  filter: none;
}
.resources h4 {
  margin-bottom: 0px;
}
.resources h4 + p {
  margin-top: 0.5em;
  font-size: 14px;
}
.resources .button, .resources input[type=button],
.resources input[type=submit], .resources button {
  width: 100%;
}
@media all and (max-width: 850px) {
  .resources .resource {
    width: calc(100% - 8px);
    flex-basis: calc(100% - 8px);
  }
  .resources .resource + .resource {
    margin-top: 16px;
  }
}

#resources-block {
  overflow: hidden;
}
#resources-block .resources > * {
  text-align: left;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
  width: 100%;
}
#resources-block .resources > * > *:first-child {
  flex: 0 0 50%;
}
@media screen and (min-width: 650px) {
  #resources-block .resources > * > *:first-child {
    flex: 0 0 65%;
  }
}
#resources-block .resources > * > *:nth-child(2) {
  flex: 0 0 30%;
}
@media screen and (min-width: 650px) {
  #resources-block .resources > * {
    margin-bottom: 0;
  }
}
@media all and (min-width: 960px) {
  #resources-block .resources > * {
    display: block;
  }
}

.read-more-news {
  font-size: 14px;
  margin-top: 2rem;
}
.read-more-news::before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"angle-double-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"svg-inline--fa fa-angle-double-right fa-w-12 fa-2x\"><path fill=\"currentColor\" d=\"M363.8 264.5L217 412.5c-4.7 4.7-12.3 4.7-17 0l-19.8-19.8c-4.7-4.7-4.7-12.3 0-17L298.7 256 180.2 136.3c-4.7-4.7-4.7-12.3 0-17L200 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17zm-160-17L57 99.5c-4.7-4.7-12.3-4.7-17 0l-19.8 19.8c-4.7 4.7-4.7 12.3 0 17L138.7 256 20.2 375.7c-4.7 4.7-4.7 12.3 0 17L40 412.5c4.7 4.7 12.3 4.7 17 0l146.8-148c4.7-4.7 4.7-12.3 0-17z\" class=\"\"></path></svg>");
  display: inline-block;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
}

.my-account .active-day {
  border: 10px solid rgba(114, 199, 255, 0.5);
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-radius: 4px;
  padding: 2rem;
}
@media screen and (min-width: 1200px) {
  .my-account .active-day {
    margin-top: 1.5rem;
  }
}
.my-account .active-day .active-day-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.my-account .active-day .active-day-content button {
  display: flex;
  align-items: center;
}
.my-account .active-day .active-day-content button .icon-link {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M314.222 197.78c51.091 51.091 54.377 132.287 9.75 187.16-6.242 7.73-2.784 3.865-84.94 86.02-54.696 54.696-143.266 54.745-197.99 0-54.711-54.69-54.734-143.255 0-197.99 32.773-32.773 51.835-51.899 63.409-63.457 7.463-7.452 20.331-2.354 20.486 8.192a173.31 173.31 0 0 0 4.746 37.828c.966 4.029-.272 8.269-3.202 11.198L80.632 312.57c-32.755 32.775-32.887 85.892 0 118.8 32.775 32.755 85.892 32.887 118.8 0l75.19-75.2c32.718-32.725 32.777-86.013 0-118.79a83.722 83.722 0 0 0-22.814-16.229c-4.623-2.233-7.182-7.25-6.561-12.346 1.356-11.122 6.296-21.885 14.815-30.405l4.375-4.375c3.625-3.626 9.177-4.594 13.76-2.294 12.999 6.524 25.187 15.211 36.025 26.049zM470.958 41.04c-54.724-54.745-143.294-54.696-197.99 0-82.156 82.156-78.698 78.29-84.94 86.02-44.627 54.873-41.341 136.069 9.75 187.16 10.838 10.838 23.026 19.525 36.025 26.049 4.582 2.3 10.134 1.331 13.76-2.294l4.375-4.375c8.52-8.519 13.459-19.283 14.815-30.405.621-5.096-1.938-10.113-6.561-12.346a83.706 83.706 0 0 1-22.814-16.229c-32.777-32.777-32.718-86.065 0-118.79l75.19-75.2c32.908-32.887 86.025-32.755 118.8 0 32.887 32.908 32.755 86.025 0 118.8l-45.848 45.84c-2.93 2.929-4.168 7.169-3.202 11.198a173.31 173.31 0 0 1 4.746 37.828c.155 10.546 13.023 15.644 20.486 8.192 11.574-11.558 30.636-30.684 63.409-63.457 54.733-54.735 54.71-143.3-.001-197.991z\" fill=\"%231FA3DD\"/></svg>");
}
.my-account .active-day .active-day-content button.copied .icon-link {
  background-image: none;
}
.my-account .active-day .active-day-content button.copied .icon-link:after {
  top: 5px;
  left: 11px;
}
.my-account .active-day .active-day-content .attendance-fail {
  color: black;
  border: red;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  font-size: 15px;
  width: 100%;
  padding: 10px;
  margin-top: 10px;
}
.my-account .active-day .active-day-content a {
  text-decoration: underline;
  transition: 0.25s;
  margin-left: 1.5rem;
}
.my-account .active-day .active-day-content a:focus, .my-account .active-day .active-day-content a:hover {
  color: #fff;
}
.my-account .seasonal-activities .news-list .img-container {
  max-width: calc(40% - 1rem);
  max-height: 150px;
}
.my-account .seasonal-activities .news-list .img-container img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}
.my-account .seasonal-activities .news-list .content p:first-child {
  font-weight: 700;
}
.my-account .seasonal-activities .seasonal-activity-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.my-account .seasonal-activities .seasonal-activity-content button {
  display: flex;
  align-items: center;
}
.my-account .seasonal-activities .seasonal-activity-content button .icon-link {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M314.222 197.78c51.091 51.091 54.377 132.287 9.75 187.16-6.242 7.73-2.784 3.865-84.94 86.02-54.696 54.696-143.266 54.745-197.99 0-54.711-54.69-54.734-143.255 0-197.99 32.773-32.773 51.835-51.899 63.409-63.457 7.463-7.452 20.331-2.354 20.486 8.192a173.31 173.31 0 0 0 4.746 37.828c.966 4.029-.272 8.269-3.202 11.198L80.632 312.57c-32.755 32.775-32.887 85.892 0 118.8 32.775 32.755 85.892 32.887 118.8 0l75.19-75.2c32.718-32.725 32.777-86.013 0-118.79a83.722 83.722 0 0 0-22.814-16.229c-4.623-2.233-7.182-7.25-6.561-12.346 1.356-11.122 6.296-21.885 14.815-30.405l4.375-4.375c3.625-3.626 9.177-4.594 13.76-2.294 12.999 6.524 25.187 15.211 36.025 26.049zM470.958 41.04c-54.724-54.745-143.294-54.696-197.99 0-82.156 82.156-78.698 78.29-84.94 86.02-44.627 54.873-41.341 136.069 9.75 187.16 10.838 10.838 23.026 19.525 36.025 26.049 4.582 2.3 10.134 1.331 13.76-2.294l4.375-4.375c8.52-8.519 13.459-19.283 14.815-30.405.621-5.096-1.938-10.113-6.561-12.346a83.706 83.706 0 0 1-22.814-16.229c-32.777-32.777-32.718-86.065 0-118.79l75.19-75.2c32.908-32.887 86.025-32.755 118.8 0 32.887 32.908 32.755 86.025 0 118.8l-45.848 45.84c-2.93 2.929-4.168 7.169-3.202 11.198a173.31 173.31 0 0 1 4.746 37.828c.155 10.546 13.023 15.644 20.486 8.192 11.574-11.558 30.636-30.684 63.409-63.457 54.733-54.735 54.71-143.3-.001-197.991z\" fill=\"%231FA3DD\"/></svg>");
}
.my-account .seasonal-activities .seasonal-activity-content button.copied .icon-link {
  background-image: none;
}
.my-account .seasonal-activities .seasonal-activity-content button.copied .icon-link:after {
  top: 5px;
  left: 11px;
}
.my-account .seasonal-activities .seasonal-activity-content .link {
  text-decoration: underline;
}
.my-account .seasonal-activities .seasonal-activity-content a {
  text-decoration: underline;
  transition: 0.25s;
}
.my-account .seasonal-activities .seasonal-activity-content a:focus, .my-account .seasonal-activities .seasonal-activity-content a:hover {
  color: #fff;
}
.my-account .free-training {
  border: 10px solid #00ad91;
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-radius: 4px;
  padding: 2rem;
}
@media screen and (min-width: 1200px) {
  .my-account .free-training {
    margin-top: 1.5rem;
  }
}
.my-account .free-training .free-training-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.my-account .free-training .free-training-content button {
  display: flex;
  align-items: center;
}
.my-account .free-training .free-training-content button .icon-link {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M314.222 197.78c51.091 51.091 54.377 132.287 9.75 187.16-6.242 7.73-2.784 3.865-84.94 86.02-54.696 54.696-143.266 54.745-197.99 0-54.711-54.69-54.734-143.255 0-197.99 32.773-32.773 51.835-51.899 63.409-63.457 7.463-7.452 20.331-2.354 20.486 8.192a173.31 173.31 0 0 0 4.746 37.828c.966 4.029-.272 8.269-3.202 11.198L80.632 312.57c-32.755 32.775-32.887 85.892 0 118.8 32.775 32.755 85.892 32.887 118.8 0l75.19-75.2c32.718-32.725 32.777-86.013 0-118.79a83.722 83.722 0 0 0-22.814-16.229c-4.623-2.233-7.182-7.25-6.561-12.346 1.356-11.122 6.296-21.885 14.815-30.405l4.375-4.375c3.625-3.626 9.177-4.594 13.76-2.294 12.999 6.524 25.187 15.211 36.025 26.049zM470.958 41.04c-54.724-54.745-143.294-54.696-197.99 0-82.156 82.156-78.698 78.29-84.94 86.02-44.627 54.873-41.341 136.069 9.75 187.16 10.838 10.838 23.026 19.525 36.025 26.049 4.582 2.3 10.134 1.331 13.76-2.294l4.375-4.375c8.52-8.519 13.459-19.283 14.815-30.405.621-5.096-1.938-10.113-6.561-12.346a83.706 83.706 0 0 1-22.814-16.229c-32.777-32.777-32.718-86.065 0-118.79l75.19-75.2c32.908-32.887 86.025-32.755 118.8 0 32.887 32.908 32.755 86.025 0 118.8l-45.848 45.84c-2.93 2.929-4.168 7.169-3.202 11.198a173.31 173.31 0 0 1 4.746 37.828c.155 10.546 13.023 15.644 20.486 8.192 11.574-11.558 30.636-30.684 63.409-63.457 54.733-54.735 54.71-143.3-.001-197.991z\" fill=\"%231FA3DD\"/></svg>");
}
.my-account .free-training .free-training-content button.copied .icon-link {
  background-image: none;
}
.my-account .free-training .free-training-content button.copied .icon-link:after {
  top: 5px;
  left: 11px;
}
.my-account .free-training .free-training-content a {
  text-decoration: underline;
  transition: 0.25s;
}
.my-account .free-training .free-training-content a:focus, .my-account .free-training .free-training-content a:hover {
  color: #fff;
}
.my-account .isolation {
  display: none;
  border: 10px solid rgba(255, 230, 114, 0.5);
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-radius: 4px;
  padding: 2rem;
}
@media screen and (min-width: 1200px) {
  .my-account .isolation {
    margin-top: 1.5rem;
  }
}
.my-account .isolation .isolation-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.my-account .isolation .isolation-content button {
  display: flex;
  align-items: center;
}
.my-account .isolation .isolation-content button .icon-link {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M314.222 197.78c51.091 51.091 54.377 132.287 9.75 187.16-6.242 7.73-2.784 3.865-84.94 86.02-54.696 54.696-143.266 54.745-197.99 0-54.711-54.69-54.734-143.255 0-197.99 32.773-32.773 51.835-51.899 63.409-63.457 7.463-7.452 20.331-2.354 20.486 8.192a173.31 173.31 0 0 0 4.746 37.828c.966 4.029-.272 8.269-3.202 11.198L80.632 312.57c-32.755 32.775-32.887 85.892 0 118.8 32.775 32.755 85.892 32.887 118.8 0l75.19-75.2c32.718-32.725 32.777-86.013 0-118.79a83.722 83.722 0 0 0-22.814-16.229c-4.623-2.233-7.182-7.25-6.561-12.346 1.356-11.122 6.296-21.885 14.815-30.405l4.375-4.375c3.625-3.626 9.177-4.594 13.76-2.294 12.999 6.524 25.187 15.211 36.025 26.049zM470.958 41.04c-54.724-54.745-143.294-54.696-197.99 0-82.156 82.156-78.698 78.29-84.94 86.02-44.627 54.873-41.341 136.069 9.75 187.16 10.838 10.838 23.026 19.525 36.025 26.049 4.582 2.3 10.134 1.331 13.76-2.294l4.375-4.375c8.52-8.519 13.459-19.283 14.815-30.405.621-5.096-1.938-10.113-6.561-12.346a83.706 83.706 0 0 1-22.814-16.229c-32.777-32.777-32.718-86.065 0-118.79l75.19-75.2c32.908-32.887 86.025-32.755 118.8 0 32.887 32.908 32.755 86.025 0 118.8l-45.848 45.84c-2.93 2.929-4.168 7.169-3.202 11.198a173.31 173.31 0 0 1 4.746 37.828c.155 10.546 13.023 15.644 20.486 8.192 11.574-11.558 30.636-30.684 63.409-63.457 54.733-54.735 54.71-143.3-.001-197.991z\" fill=\"%231FA3DD\"/></svg>");
}
.my-account .isolation .isolation-content button.copied .icon-link {
  background-image: none;
}
.my-account .isolation .isolation-content button.copied .icon-link:after {
  top: 5px;
  left: 11px;
}
.my-account .isolation .isolation-content a {
  text-decoration: underline;
  transition: 0.25s;
  margin-left: 1.5rem;
}
.my-account .isolation .isolation-content a:focus, .my-account .isolation .isolation-content a:hover {
  color: #1FA3DD;
}
.my-account .while-school-training {
  border: 10px solid #E9F8FF;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 4px;
  padding: 2rem;
}
.my-account .while-school-training a {
  text-decoration: underline;
  transition: 0.25s;
}
.my-account .while-school-training a:focus, .my-account .while-school-training a:hover {
  color: #1FA3DD;
}

.trial-grid .welcomeMessage {
  font-size: calc(16px + 6 * (100vw - 320px) / 1180);
  font-weight: bold;
  margin-bottom: 0.67em;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  .trial-grid .width-50 {
    width: calc(100% - 40px);
  }
}
.trial-grid .bg__teal.text__white p {
  color: #fff;
}
.trial-grid #welcome-block {
  margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  .trial-grid #welcome-block {
    margin: 0 20px 20px;
  }
}


@media screen and (min-width: 1200px) {
  .trial-grid #welcome-block .welcome-message {
    margin-bottom: 20px;
  }
}
.trial-grid #welcome-block .welcome-message div:first-child {
  flex: 1 1 100%;
}


@media screen and (min-width: 500px) {
  .trial-grid #welcome-block .welcome-message > div img {
    display: block;
  }
}

.trial-grid #welcome-block .welcome-message ul li::before {
  background: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e %3csvg width='52px' height='52px' viewBox='0 0 52 52' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eGroup 8 Copy%3c/title%3e %3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='TA:-Events-2022-Copy' transform='translate(-225.000000%2c -2398.000000)'%3e %3cg id='Group-7' transform='translate(225.000000%2c 2398.000000)'%3e %3ccircle id='Oval' fill='%2345DB02' cx='26' cy='26' r='26'%3e%3c/circle%3e %3cpolygon id='Fill-1' fill='white' points='36.3130554 16 21.5511459 30.6037389 15.7653337 24.5310119 13 27.1095954 21.4706939 36 39 18.6582816'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e") center/contain no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 4px;
}
.trial-grid #welcome-block .block--list {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .trial-grid #welcome-block .block--list {
    padding-top: 0;
  }
}
.trial-grid #welcome-block .ss-wrapper {
  width: 100%;
}
.trial-grid .resources > * {
  width: 48%;
  flex-basis: 48%;
  max-width: max-content;
}
.trial-grid .resources > * .img-container {
  width: 100%;
}
.trial-grid .resources > * .img-container img {
  width: 100%;
  height: 165px;
  object-fit: cover;
  border-radius: 5px;
}
.trial-grid .resources > * .video-placeholder {
  position: relative;
  cursor: pointer;
}
.trial-grid .resources > * .video-placeholder:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: block;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: rgba(35, 105, 166, 0.75);
}
.trial-grid .resources > * .video-placeholder:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 51%;
  transform: translate(-50%, -50%);
  z-index: 5;
  display: block;
  border-style: solid;
  border-width: 18px 0px 18px 36px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}
@media screen and (max-width: 500px) {
  .trial-grid #lesson-links .flex-50 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .trial-grid #lesson-links .flex-50 {
    padding: calc(8px + 2vw);
  }
}
.trial-grid #lesson-links #motivator::after {
  content: "";
  background: url(/wp-content/themes/teachactive/dist/3bc7858b19cf082672a1.png) no-repeat bottom right/contain;
  position: absolute;
  right: 0;
  height: 40%;
  width: 25%;
  display: block;
  bottom: calc(8px + 1vw);
  top: auto;
}
.trial-grid #cpd-webinars,
.trial-grid #demo-1on1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 10px 1rem;
  flex-wrap: wrap;
}
.trial-grid #cpd-webinars h4,
.trial-grid #demo-1on1 h4 {
  flex: 1 1 100%;
  margin: 0;
}
.trial-grid #cpd-webinars > p,
.trial-grid #demo-1on1 > p {
  flex: 1 1 70%;
}
.trial-grid #only-available {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem calc(8px + 1vw);
  margin: 1rem 10px 0;
}
@media screen and (min-width: 1201px) {
  .trial-grid #only-available {
    padding: 1rem calc(8px + 2vw);
  }
}

@media screen and (min-width: 500px) {
  .trial-grid #trial-content img {
    display: block;
  }
}
.trial-grid #trial-content > *:not(.button):not(input[type=button]):not(input[type=submit]):not(button):not(img) {
  width: 100%;
}
@media screen and (min-width: 500px) {
  .trial-grid #trial-content > *:not(.button):not(input[type=button]):not(input[type=submit]):not(button):not(img) {
    width: 70%;
  }
}
.trial-grid #written-by {
  overflow: hidden;
  position: relative;
}
.trial-grid #written-by img {
  position: absolute;
  right: calc(8px + 1vw);
  height: 100%;
  width: 30%;
  display: none;
  bottom: -2px;
  object-fit: contain;
  object-position: bottom right;
}
@media screen and (min-width: 500px) {
  .trial-grid #written-by img {
    display: block;
  }
}
.trial-grid #written-by > *:not(.button):not(input[type=button]):not(input[type=submit]):not(button):not(img) {
  width: 100%;
}
@media screen and (min-width: 500px) {
  .trial-grid #written-by > *:not(.button):not(input[type=button]):not(input[type=submit]):not(button):not(img) {
    width: 70%;
  }
}
.trial-grid #social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 10px;
}
.trial-grid #social > p {
  flex: 1 1 70%;
}
.trial-grid #social .dashboard-social-links {
  flex: 1 1 28%;
  margin-top: 0.35em;
  justify-content: flex-end;
}
.trial-grid #social .dashboard-social-links .social__link a {
  width: 30px;
  height: 30px;
}
.trial-grid .block .button, .trial-grid div[class^=block] .button, .trial-grid .block input[type=button], .trial-grid div[class^=block] input[type=button],
.trial-grid .block input[type=submit],
.trial-grid div[class^=block] input[type=submit], .trial-grid .block button, .trial-grid div[class^=block] button {
  margin-top: 0;
  margin-bottom: 0;
}

.account-on-hold {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  pointer-events: none;
}
.account-on-hold.active::before {
  pointer-events: all;
  display: block;
}
.account-on-hold.active .content {
  display: block;
}
.account-on-hold ~ .grd .lessonlink, .account-on-hold ~ .grd .lessonlink .button, .account-on-hold ~ .grd .lessonlink input[type=button],
.account-on-hold ~ .grd .lessonlink input[type=submit], .account-on-hold ~ .grd .lessonlink button {
  cursor: not-allowed;
}
.account-on-hold::before {
  content: "";
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.16);
}
.account-on-hold .content {
  display: none;
  background: #fff;
  padding: 2rem;
  max-width: 500px;
  width: 80%;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.account-on-hold .content p:first-child {
  margin-top: 0;
  font-weight: 700;
}

#chatbase-bubble-window {
  width: 700px !important;
  max-width: 80% !important;
}

@media screen and (max-width: 1200px) {
  #teacher-grid .width-50 {
    width: calc(100% - 40px);
  }
}
#teacher-grid #welcome-block {
  background: #fff;
  margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  #teacher-grid #welcome-block {
    margin: 0 20px 20px;
  }
}
#teacher-grid #welcome-block .block--list {
  margin-bottom: 0;
  padding-bottom: 0;
}
#teacher-grid #welcome-block .ss-wrapper {
  width: 100%;
}
#teacher-grid #welcome-block .welcome-message {
  position: relative;
}
@media screen and (min-width: 550px) {
  #teacher-grid #welcome-block .welcome-message h1 {
    padding-right: 300px;
  }
}
@media screen and (min-width: 550px) {
  #teacher-grid #welcome-block .welcome-message > .button, #teacher-grid #welcome-block .welcome-message > input[type=button],
  #teacher-grid #welcome-block .welcome-message > input[type=submit], #teacher-grid #welcome-block .welcome-message > button {
    position: absolute;
    top: 0;
    right: 0;
  }
}
#teacher-grid #welcome-block .articles {
  position: relative;
}
#teacher-grid #welcome-block .articles > .link {
  display: none;
}
@media screen and (min-width: 550px) {
  #teacher-grid #welcome-block .articles > .link {
    display: block;
    position: absolute;
    top: calc(8px + 1vw);
    right: calc(8px + 1vw);
    text-decoration: underline;
    transition: 0.25s;
    margin-left: 1.5rem;
    z-index: 2;
  }
  #teacher-grid #welcome-block .articles > .link:focus, #teacher-grid #welcome-block .articles > .link:hover {
    color: #1FA3DD;
  }
}
@media screen and (min-width: 700px) {
  #teacher-grid #welcome-block .articles > .link {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  #teacher-grid #welcome-block .articles > .link {
    display: block;
  }
}
#teacher-grid #welcome-block .adding-product {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
#teacher-grid #welcome-block .adding-product b.bigger-price {
  font-size: 20px;
}
#teacher-grid #welcome-block .adding-product img {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 95%;
}
#teacher-grid #welcome-block .adding-product p {
  width: 90%;
}
#teacher-grid #welcome-block .adding-product p span {
  color: #F4C900;
}
#teacher-grid #welcome-block .adding-product .button, #teacher-grid #welcome-block .adding-product input[type=button],
#teacher-grid #welcome-block .adding-product input[type=submit], #teacher-grid #welcome-block .adding-product button {
  width: 300px;
  margin-left: 20px;
  position: relative;
  z-index: 2;
}
#teacher-grid #welcome-block .adding-product ul li:before {
  display: none !important;
}
#teacher-grid .hide-desktop .adding-product b.bigger-price {
  font-size: 20px;
}
#teacher-grid .hide-desktop .adding-product a {
  padding: 9px;
  text-align: center;
  bottom: 20px;
  position: absolute !important;
  width: 80% !important;
  margin: auto;
}
#teacher-grid .hide-desktop .adding-product .text__white {
  width: 84%;
  margin-bottom: 40px;
}
#teacher-grid .hide-desktop .adding-product ul li:before {
  display: none !important;
}
@media screen and (max-width: 500px) {
  #teacher-grid #lesson-links .flex-50 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1201px) {
  #teacher-grid #lesson-links .flex-50 {
    padding: calc(8px + 2vw);
  }
}

@media screen and (max-width: 1200px) {
  #administrator-grid .width-50,
  #school-grid .width-50, #subscriber-grid .width-50 {
    width: calc(100% - 40px);
  }
}
#administrator-grid #welcome-block,
#school-grid #welcome-block, #subscriber-grid #welcome-block {
  background: #fff;
  margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  #administrator-grid #welcome-block,
  #school-grid #welcome-block, #subscriber-grid #welcome-block {
    margin: 0 20px 20px;
  }
}
#administrator-grid #welcome-block .block--list,
#school-grid #welcome-block .block--list, #subscriber-grid #welcome-block .block--list {
  margin-bottom: 0;
  padding-bottom: 0;
}
#administrator-grid #welcome-block .ss-wrapper,
#school-grid #welcome-block .ss-wrapper, #subscriber-grid #welcome-block .ss-wrapper {
  width: 100%;
}
#administrator-grid #welcome-block .welcome-message,
#school-grid #welcome-block .welcome-message, #subscriber-grid #welcome-block .welcome-message {
  position: relative;
}
@media screen and (min-width: 550px) {
  #administrator-grid #welcome-block .welcome-message h1,
  #school-grid #welcome-block .welcome-message h1, #subscriber-grid #welcome-block .welcome-message h1 {
    padding-right: 300px;
  }
}
@media screen and (min-width: 550px) {
  #administrator-grid #welcome-block .welcome-message > .button, #administrator-grid #welcome-block .welcome-message > input[type=button],
  #administrator-grid #welcome-block .welcome-message > input[type=submit], #administrator-grid #welcome-block .welcome-message > button,
  #school-grid #welcome-block .welcome-message > .button,
  #school-grid #welcome-block .welcome-message > input[type=button],
  #school-grid #welcome-block .welcome-message > input[type=submit],
  #school-grid #welcome-block .welcome-message > button, #subscriber-grid #welcome-block .welcome-message > .button, #subscriber-grid #welcome-block .welcome-message > input[type=button],
  #subscriber-grid #welcome-block .welcome-message > input[type=submit], #subscriber-grid #welcome-block .welcome-message > button {
    position: absolute;
    top: 0;
    right: 0;
  }
}
#administrator-grid #welcome-block .welcome-message > .button:first-of-type, #administrator-grid #welcome-block .welcome-message > input[type=button]:first-of-type,
#administrator-grid #welcome-block .welcome-message > input[type=submit]:first-of-type, #administrator-grid #welcome-block .welcome-message > button:first-of-type,
#school-grid #welcome-block .welcome-message > .button:first-of-type,
#school-grid #welcome-block .welcome-message > input[type=button]:first-of-type,
#school-grid #welcome-block .welcome-message > input[type=submit]:first-of-type,
#school-grid #welcome-block .welcome-message > button:first-of-type, #subscriber-grid #welcome-block .welcome-message > .button:first-of-type, #subscriber-grid #welcome-block .welcome-message > input[type=button]:first-of-type,
#subscriber-grid #welcome-block .welcome-message > input[type=submit]:first-of-type, #subscriber-grid #welcome-block .welcome-message > button:first-of-type {
  right: 145px;
}
#administrator-grid #welcome-block .articles,
#school-grid #welcome-block .articles, #subscriber-grid #welcome-block .articles {
  position: relative;
}
#administrator-grid #welcome-block .articles > .link,
#school-grid #welcome-block .articles > .link, #subscriber-grid #welcome-block .articles > .link {
  display: none;
}
@media screen and (min-width: 550px) {
  #administrator-grid #welcome-block .articles > .link,
  #school-grid #welcome-block .articles > .link, #subscriber-grid #welcome-block .articles > .link {
    display: block;
    position: absolute;
    top: calc(8px + 1vw);
    right: calc(8px + 1vw);
    text-decoration: underline;
    transition: 0.25s;
    margin-left: 1.5rem;
    z-index: 2;
  }
  #administrator-grid #welcome-block .articles > .link:focus, #administrator-grid #welcome-block .articles > .link:hover,
  #school-grid #welcome-block .articles > .link:focus,
  #school-grid #welcome-block .articles > .link:hover, #subscriber-grid #welcome-block .articles > .link:focus, #subscriber-grid #welcome-block .articles > .link:hover {
    color: #1FA3DD;
  }
}
@media screen and (min-width: 700px) {
  #administrator-grid #welcome-block .articles > .link,
  #school-grid #welcome-block .articles > .link, #subscriber-grid #welcome-block .articles > .link {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  #administrator-grid #welcome-block .articles > .link,
  #school-grid #welcome-block .articles > .link, #subscriber-grid #welcome-block .articles > .link {
    display: block;
  }
}
#administrator-grid #welcome-block .adding-product,
#school-grid #welcome-block .adding-product, #subscriber-grid #welcome-block .adding-product {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
#administrator-grid #welcome-block .adding-product b.bigger-price,
#school-grid #welcome-block .adding-product b.bigger-price, #subscriber-grid #welcome-block .adding-product b.bigger-price {
  font-size: 20px;
}
#administrator-grid #welcome-block .adding-product img,
#school-grid #welcome-block .adding-product img, #subscriber-grid #welcome-block .adding-product img {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 95%;
}
#administrator-grid #welcome-block .adding-product p,
#school-grid #welcome-block .adding-product p, #subscriber-grid #welcome-block .adding-product p {
  width: 90%;
}
#administrator-grid #welcome-block .adding-product p span,
#school-grid #welcome-block .adding-product p span, #subscriber-grid #welcome-block .adding-product p span {
  color: #F4C900;
}
#administrator-grid #welcome-block .adding-product .button, #administrator-grid #welcome-block .adding-product input[type=button],
#administrator-grid #welcome-block .adding-product input[type=submit], #administrator-grid #welcome-block .adding-product button,
#school-grid #welcome-block .adding-product .button,
#school-grid #welcome-block .adding-product input[type=button],
#school-grid #welcome-block .adding-product input[type=submit],
#school-grid #welcome-block .adding-product button, #subscriber-grid #welcome-block .adding-product .button, #subscriber-grid #welcome-block .adding-product input[type=button],
#subscriber-grid #welcome-block .adding-product input[type=submit], #subscriber-grid #welcome-block .adding-product button {
  width: 300px;
  margin-left: 20px;
  position: relative;
  z-index: 2;
}
#administrator-grid #welcome-block .adding-product ul li:before,
#school-grid #welcome-block .adding-product ul li:before, #subscriber-grid #welcome-block .adding-product ul li:before {
  display: none !important;
}
#administrator-grid #welcome-block .small-print,
#school-grid #welcome-block .small-print, #subscriber-grid #welcome-block .small-print {
  display: none;
}
#administrator-grid .hide-desktop .small-print,
#school-grid .hide-desktop .small-print, #subscriber-grid .hide-desktop .small-print {
  display: none;
}
#administrator-grid .hide-desktop .adding-product b.bigger-price,
#school-grid .hide-desktop .adding-product b.bigger-price, #subscriber-grid .hide-desktop .adding-product b.bigger-price {
  font-size: 20px;
}
#administrator-grid .hide-desktop .adding-product a,
#school-grid .hide-desktop .adding-product a, #subscriber-grid .hide-desktop .adding-product a {
  padding: 9px;
  text-align: center;
  bottom: 20px;
  position: absolute !important;
  width: 80% !important;
  margin: auto;
}
#administrator-grid .hide-desktop .adding-product .text__white,
#school-grid .hide-desktop .adding-product .text__white, #subscriber-grid .hide-desktop .adding-product .text__white {
  width: 84%;
  margin-bottom: 40px;
}
#administrator-grid .hide-desktop .adding-product ul li:before,
#school-grid .hide-desktop .adding-product ul li:before, #subscriber-grid .hide-desktop .adding-product ul li:before {
  display: none !important;
}
@media screen and (max-width: 500px) {
  #administrator-grid #lesson-links .flex-50,
  #school-grid #lesson-links .flex-50, #subscriber-grid #lesson-links .flex-50 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1201px) {
  #administrator-grid #lesson-links .flex-50,
  #school-grid #lesson-links .flex-50, #subscriber-grid #lesson-links .flex-50 {
    padding: calc(8px + 2vw);
  }
}

.page-getting-started .resource-area {
  display: flex;
}
@media all and (max-width: 760px) {
  .page-getting-started .resource-area {
    width: 100%;
    flex-direction: column;
    display: flex;
  }
}
.page-getting-started .resource-area .resource-navigation {
  width: auto;
  margin-right: 65px;
}
@media all and (max-width: 760px) {
  .page-getting-started .resource-area .resource-navigation {
    width: 100%;
    order: 1;
  }
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button {
  cursor: pointer;
  width: 250px;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  padding: 20px 0px 20px 45px;
  margin-bottom: 12px;
  position: relative;
}
@media all and (max-width: 760px) {
  .page-getting-started .resource-area .resource-navigation .cat-nav-button {
    width: 100%;
  }
  .page-getting-started .resource-area .resource-navigation .cat-nav-button.active::after {
    display: none !important;
  }
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button.active::after {
  display: block;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 38px solid transparent;
  border-bottom: 38px solid transparent;
  right: -35px;
  position: absolute;
  border-radius: 4px;
  top: -7px;
  display: none;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button::before {
  font-family: "FontAwesomeSolid";
  position: absolute;
  color: white;
  top: 20px;
  left: 15px;
  font-size: 20px;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#how-to-use {
  background-color: #fa3e01;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#how-to-use::after {
  border-left: 38px solid #fa3e01;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#how-to-use::before {
  content: "\f024";
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#subject-cpd {
  background-color: #995099;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#subject-cpd::after {
  border-left: 38px solid #995099;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#subject-cpd::before {
  content: "\f109";
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#teach-active-in-action {
  background-color: #ffd200;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#teach-active-in-action::after {
  border-left: 38px solid #ffd200;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#teach-active-in-action::before {
  content: "\f0ae";
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#other-useful-resources {
  background-color: #0eb565;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#other-useful-resources::after {
  border-left: 38px solid #0eb565;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#other-useful-resources::before {
  content: "\f059";
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#book-live-training {
  background-color: #0093d6;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#book-live-training::after {
  border-left: 38px solid #0093d6;
}
.page-getting-started .resource-area .resource-navigation .cat-nav-button#book-live-training::before {
  content: "\f03d";
}
.page-getting-started .resource-area .resources-items-container {
  width: 70%;
  background-color: white;
  position: relative;
}
@media all and (max-width: 760px) {
  .page-getting-started .resource-area .resources-items-container {
    width: 100%;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    order: 2;
  }
}
.page-getting-started .resource-area .resources-items-container .resource-filter-container {
  width: 290px;
  display: none;
  position: absolute;
  right: 0;
  margin-right: 38px;
}
@media all and (max-width: 760px) {
  .page-getting-started .resource-area .resources-items-container .resource-filter-container {
    order: 2;
    width: 100%;
    position: relative !important;
    margin-bottom: 20px;
  }
}
.page-getting-started .resource-area .resources-items-container .resource-filter-container .filter-title {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 15px;
}
.page-getting-started .resource-area .resources-items-container .resource-filter-container .resource-filter-select {
  background: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  font-size: 16px;
  appearance: none;
  width: 100%;
  height: 50px;
  padding-left: 15px;
}
.page-getting-started .resource-area .resources-items-container .resource-filter-container::after {
  font-family: "FontAwesomeSolid";
  content: "\f0d7";
  position: absolute;
  top: 13px;
  right: 15px;
  font-size: 20px;
}
@media all and (max-width: 760px) {
  .page-getting-started .resource-area .resources-items-container .cat-header-container {
    order: 1;
    display: flex;
  }
}
.page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header {
  display: none;
  margin: 10px 0px 40px 0px !important;
  padding-left: 35px;
}
.page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header.active {
  display: block;
}
@media all and (max-width: 760px) {
  .page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header {
    padding-left: 10px;
    width: 100%;
  }
  .page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header.active {
    display: flex;
    padding-left: 10px;
  }
  .page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header::before {
    position: relative !important;
    text-align: center !important;
    padding-left: 15px !important;
    text-align: center !important;
    top: 5px !important;
    margin-right: 25px;
  }
}
.page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header::before {
  font-family: "FontAwesomeSolid";
  position: absolute;
  color: black;
  top: 40px;
  left: 15px;
  font-size: 20px;
  padding-left: 15px;
}
.page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header:nth-child(1)::before {
  content: "\f024";
}
.page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header:nth-child(2)::before {
  content: "\f03d";
}
.page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header:nth-child(3)::before {
  content: "\f0ae";
}
.page-getting-started .resource-area .resources-items-container .cat-header-container .cat-header:nth-child(4)::before {
  content: "\f059";
}
.page-getting-started .resource-area .resources-items-container .resource-category {
  display: none;
  justify-content: flex-start;
  gap: 2%;
  align-content: flex-start;
  flex-wrap: wrap;
}
@media all and (max-width: 760px) {
  .page-getting-started .resource-area .resources-items-container .resource-category {
    gap: 15px;
    order: 3;
  }
}
.page-getting-started .resource-area .resources-items-container .resource-category.active {
  display: flex;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  width: 31%;
  display: none;
  flex-direction: column;
  position: relative;
  margin-bottom: 2%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item.active {
  display: flex;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item.resource-item--link:focus, .page-getting-started .resource-area .resources-items-container .resource-category .resource-item.resource-item--link:hover {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
@media all and (max-width: 760px) {
  .page-getting-started .resource-area .resources-items-container .resource-category .resource-item {
    width: 100%;
    height: 300px;
  }
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item.video-link {
  position: relative;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item.video-link::after {
  font-family: "FontAwesome";
  content: "\f144";
  position: absolute;
  font-size: 40px;
  color: white;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .img-container {
  position: relative;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .img-container img {
  max-width: 100%;
  display: block;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-height: 190px;
  object-fit: cover;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .img-container .badge {
  background: #3a84f9;
  color: #fff;
  max-width: fit-content;
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  border-top-right-radius: 5px;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info {
  padding: 15px 0px 15px 15px;
  display: flex;
  flex-direction: column;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type {
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type.video {
  color: #0091d6;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type.pdf {
  color: #e95324;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type.pdf::after {
  content: "\f1c1";
  color: #e95324;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type.link {
  color: #995099;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type.link::after {
  content: "\f0c1";
  color: #995099;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type::after {
  font-family: "FontAwesome";
  width: 0;
  height: 0;
  width: 12px;
  height: 18px;
  right: 15px;
  position: absolute;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info .item-title {
  position: relative;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .item-info .item-author {
  position: relative;
  color: black;
  font-size: 14px;
  margin-top: 10px;
}
.page-getting-started .resource-area .resources-items-container .resource-category .resource-item .no-image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-height: 190px;
  background: black;
  width: 100%;
  height: 190px;
  display: block;
}
@media all and (min-width: 1000px) {
  .page-getting-started .grid {
    align-items: flex-start;
  }
}
.page-getting-started .grid .block, .page-getting-started .grid div[class^=block] {
  padding: calc(10px + 1vw);
  flex-basis: calc(25% - 20px);
}
@media all and (max-width: 1000px) {
  .page-getting-started .grid .block, .page-getting-started .grid div[class^=block] {
    flex-basis: 40%;
    flex-grow: 1;
    margin: 10px;
    min-width: 300px;
  }
}
.page-getting-started .grid .term-img {
  width: 100%;
  margin-bottom: 10px;
}
.page-getting-started .grid ul {
  list-style: none;
  padding-left: 0px;
}
.page-getting-started .grid ul li {
  min-height: 35px;
  line-height: 20px;
  padding: 5px 0;
  border-bottom: 1px solid #e4e4e4;
  font-size: 14px;
}
.page-getting-started .grid ul button {
  background: none;
  color: #000;
  padding: 0;
  font-family: "Noto Sans";
  -webkit-font-smoothing: auto;
  font-size: 14px;
}
.page-getting-started .video-link button:hover,
.page-getting-started .video-link button:focus {
  text-decoration: underline;
}

#endpoint-teachers {
  padding-bottom: 20px;
}
#endpoint-teachers .app-table tbody td {
  border-bottom: 1px solid #eee;
}

.toggle-status {
  position: relative;
}

input[type=checkbox].toggle {
  overflow: hidden;
  appearance: none;
  position: absolute;
  left: 10px;
  width: 40px;
  top: 7px;
  height: 20px;
  border: none;
  box-shadow: none;
  background: #fff;
}
input[type=checkbox].toggle + span {
  position: relative;
  top: 0px;
  left: 4px;
  width: 40px;
  height: 20px;
  pointer-events: none;
  display: block;
}
input[type=checkbox].toggle + span::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 20px;
  cursor: pointer;
  top: 0;
  left: 0;
  background: #f7f7f7;
  z-index: 1;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #eee;
}
input[type=checkbox].toggle + span:after {
  content: "";
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  z-index: 2;
  border-radius: 4px 0px 0px 4px;
  background: #E84E1B;
  transform: translateX(0px);
  transition: 0.35s ease-out;
}
input[type=checkbox].toggle:checked + span:after {
  border-radius: 0px 4px 4px 0px;
  background: #50B26D;
  transform: translateX(20px);
}
input[type=checkbox].toggle:focus {
  outline: none;
}
input[type=checkbox].toggle:focus + span::before {
  box-shadow: 0px 0px 3px #1FA3DD;
}
input[type=checkbox].toggle ~ .spinner {
  left: 55px;
  top: 5px;
  position: absolute;
}

.td-actions a.remove-teacher-toggle {
  color: #E84E1B;
  margin-left: 10px;
}

@media all and (max-width: 600px) {
  #endpoint-teachers .app-table {
    font-size: 12px;
  }
  #endpoint-teachers .td-actions a.remove-teacher-toggle {
    margin-left: 0px;
  }
}
#endpoint-home-learning .inner-content {
  background: #fff;
  max-width: 90%;
  margin: 2rem auto;
  padding: 1rem;
  box-shadow: 0px 0px 2px 1px #e4e4e4;
  border-radius: 2px;
}
@media all and (min-width: 1200px) {
  #endpoint-home-learning .inner-content {
    padding: 3rem 5rem 10rem;
  }
}
#endpoint-home-learning .inner-content > h1 {
  font-size: calc(24px + 6 * (100vw - 320px) / 1180);
}
#endpoint-home-learning .inner-content > p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#endpoint-home-learning .inner-content .grid {
  justify-content: center;
  margin-top: 50px;
}
#endpoint-home-learning .inner-content .pack {
  color: #fff;
  padding: 2rem 2rem 3rem;
  text-align: center;
  margin-bottom: 1.33%;
  margin-right: 1.33%;
  border-radius: 6px;
  flex: 0 0 100%;
  position: relative;
}
#endpoint-home-learning .inner-content .pack .background {
  position: absolute;
  top: -25px;
  left: 10%;
  width: 80%;
  height: 100%;
  z-index: 1;
  opacity: 0.1;
}
@media all and (min-width: 550px) {
  #endpoint-home-learning .inner-content .pack {
    flex: 0 0 48%;
  }
}
@media all and (min-width: 1200px) {
  #endpoint-home-learning .inner-content .pack {
    flex: 0 0 24%;
  }
}
#endpoint-home-learning .inner-content .pack:nth-child(4n) {
  margin-right: 0;
}
#endpoint-home-learning .inner-content .pack h2 {
  margin: 0 0 2rem;
  color: #fff;
  position: relative;
  z-index: 2;
}
#endpoint-home-learning .inner-content .pack a {
  border: 1px solid #fff;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  position: relative;
  z-index: 2;
}
#endpoint-home-learning .inner-content hr {
  width: 0;
  height: 0;
  margin: 0;
}
@media all and (min-width: 1200px) {
  #endpoint-home-learning .inner-content hr {
    width: 100%;
  }
}

#endpoint-seasonal-activity .inner-content {
  background: #fff;
  max-width: 90%;
  margin: 2rem auto;
  padding: 1rem;
  box-shadow: 0px 0px 2px 1px #e4e4e4;
  border-radius: 2px;
}
@media all and (min-width: 1200px) {
  #endpoint-seasonal-activity .inner-content {
    padding: 3rem 5rem 10rem;
  }
}
#endpoint-seasonal-activity .inner-content .text__center {
  max-width: 800px;
  margin: auto;
  text-align: left;
}
#endpoint-seasonal-activity .inner-content > h1 {
  font-size: calc(24px + 6 * (100vw - 320px) / 1180);
}
#endpoint-seasonal-activity .inner-content > p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#endpoint-seasonal-activity .inner-content .grid {
  justify-content: center;
  margin-top: 50px;
}
#endpoint-seasonal-activity .inner-content .plan,
#endpoint-seasonal-activity .inner-content .download {
  color: #fff;
  padding: 2rem 2rem 3rem;
  text-align: center;
  margin-bottom: 1.33%;
  margin-right: 1.33%;
  border-radius: 6px;
  flex: 0 0 100%;
  position: relative;
  cursor: pointer;
}
#endpoint-seasonal-activity .inner-content .plan .background,
#endpoint-seasonal-activity .inner-content .download .background {
  position: absolute;
  top: -25px;
  left: 10%;
  width: 80%;
  height: 100%;
  z-index: 1;
  opacity: 0.1;
}
@media all and (min-width: 550px) {
  #endpoint-seasonal-activity .inner-content .plan,
  #endpoint-seasonal-activity .inner-content .download {
    flex: 0 0 48%;
  }
}
@media all and (min-width: 1200px) {
  #endpoint-seasonal-activity .inner-content .plan,
  #endpoint-seasonal-activity .inner-content .download {
    flex: 0 0 24%;
  }
}
#endpoint-seasonal-activity .inner-content .plan:nth-child(4n),
#endpoint-seasonal-activity .inner-content .download:nth-child(4n) {
  margin-right: 0;
}
#endpoint-seasonal-activity .inner-content .plan h2,
#endpoint-seasonal-activity .inner-content .download h2 {
  margin: 0 0 2rem;
  color: #fff;
  position: relative;
  z-index: 2;
}
#endpoint-seasonal-activity .inner-content .plan a,
#endpoint-seasonal-activity .inner-content .download a {
  border: 1px solid #fff;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  position: relative;
  z-index: 2;
}
#endpoint-seasonal-activity .inner-content .download-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
#endpoint-seasonal-activity .inner-content hr {
  width: 0;
  height: 0;
  margin: 0;
}
@media all and (min-width: 1200px) {
  #endpoint-seasonal-activity .inner-content hr {
    width: 100%;
  }
}

#endpoint-remote-learning .inner-content {
  background: #fff;
  max-width: 90%;
  margin: 2rem auto;
  padding: 1rem;
  box-shadow: 0px 0px 2px 1px #e4e4e4;
  border-radius: 2px;
}
@media all and (min-width: 1200px) {
  #endpoint-remote-learning .inner-content {
    padding: 3rem 5rem 10rem;
  }
}
#endpoint-remote-learning .inner-content > h1 {
  font-size: calc(24px + 6 * (100vw - 320px) / 1180);
}
#endpoint-remote-learning .inner-content > p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#endpoint-remote-learning .inner-content .grid {
  justify-content: center;
  margin-top: 50px;
}
#endpoint-remote-learning .inner-content .intro {
  max-width: 750px;
  margin: 0 auto;
}
#endpoint-remote-learning .inner-content .intro.hide {
  display: none;
}
#endpoint-remote-learning .inner-content .lockdown-resource {
  color: #fff;
  padding: 2rem 2rem 3rem;
  text-align: center;
  margin-bottom: 1.33%;
  margin-right: 1.33%;
  border-radius: 6px;
  flex: 0 0 100%;
  position: relative;
}
#endpoint-remote-learning .inner-content .lockdown-resource .background {
  position: absolute;
  top: -25px;
  left: 10%;
  width: 80%;
  height: 100%;
  z-index: 1;
  opacity: 0.1;
}
@media all and (min-width: 550px) {
  #endpoint-remote-learning .inner-content .lockdown-resource {
    flex: 0 0 48%;
  }
}
@media all and (min-width: 1200px) {
  #endpoint-remote-learning .inner-content .lockdown-resource {
    flex: 0 0 23%;
  }
}
#endpoint-remote-learning .inner-content .lockdown-resource h2 {
  margin: 0 0 2rem;
  color: #fff;
  position: relative;
  z-index: 2;
}
#endpoint-remote-learning .inner-content .lockdown-resource a {
  border: 1px solid #fff;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  position: relative;
  z-index: 2;
}
#endpoint-remote-learning .inner-content .lockdown-resource.hide {
  display: none;
}
#endpoint-remote-learning .inner-content .year-resources {
  display: none;
}
#endpoint-remote-learning .inner-content .year-resources.show {
  display: block;
  width: 100%;
}
#endpoint-remote-learning .inner-content .year-resources.show > p {
  max-width: 700px;
  margin: 0 auto;
}
#endpoint-remote-learning .inner-content .year-resources.show .downloads {
  max-width: 700px;
  margin: 2rem auto 0;
}
#endpoint-remote-learning .inner-content .year-resources.show .downloads .resource {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0.5rem;
  border-bottom: 1px solid #e4e4e4;
  font-size: 1rem;
  line-height: 1.4;
}
#endpoint-remote-learning .inner-content .year-resources.show .downloads .resource:first-child a.button {
  background: #995099;
}
#endpoint-remote-learning .inner-content .year-resources.show .downloads .resource h2 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
#endpoint-remote-learning .inner-content .year-resources.show .downloads .resource .content {
  flex: 1;
}
#endpoint-remote-learning .inner-content .year-resources.show .downloads .resource .download {
  display: flex;
  align-items: center;
  margin-left: 2rem;
}
#endpoint-remote-learning .inner-content .year-resources.show .downloads .resource .download .button--solid-green {
  background: #37b047;
  color: #fff;
}
#endpoint-remote-learning .inner-content .year-resources.show .downloads .resource .download .button--solid-green:hover, #endpoint-remote-learning .inner-content .year-resources.show .downloads .resource .download .button--solid-green:focus {
  background: #00ad91;
}
#endpoint-remote-learning .inner-content .year-resources.show .downloads .resource .download a.button {
  font-size: 1rem;
}
#endpoint-remote-learning .inner-content hr {
  width: 0;
  height: 0;
  margin: 0;
}
@media all and (min-width: 1200px) {
  #endpoint-remote-learning .inner-content hr {
    width: 100%;
  }
}

#endpoint-favourites {
  overflow: hidden;
}
#endpoint-favourites .app-table {
  width: 80%;
}
#endpoint-favourites .app-table tr:first-child th {
  cursor: pointer;
}
#endpoint-favourites .app-table tr:first-child th:last-child {
  min-width: 100px;
  width: 10%;
}
#endpoint-favourites .app-table tr:first-child th svg {
  position: relative;
  top: 3px;
  height: 15px;
  margin-left: 10px;
}
#endpoint-favourites .app-table tr {
  position: relative;
}
#endpoint-favourites .app-table td {
  border-bottom: 1px solid #eee;
  padding-right: 10px;
  width: 9.0909090909%;
  min-width: 45px;
}
#endpoint-favourites .app-table td.objective {
  width: 27.2727272727%;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
#endpoint-favourites .app-table td.objective:after {
  content: "";
  display: block;
  position: absolute;
  width: 65px;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, transparent 0%, #f7f7f7 30%);
}
#endpoint-favourites .app-table td.objective:focus, #endpoint-favourites .app-table td.objective:hover, #endpoint-favourites .app-table td.objective.open {
  white-space: initial;
  width: max-content;
  max-width: 100%;
}
#endpoint-favourites .app-table td.objective:focus:after, #endpoint-favourites .app-table td.objective:hover:after, #endpoint-favourites .app-table td.objective.open:after {
  display: none;
}
#endpoint-favourites .app-table td:last-child {
  min-width: 100px;
  text-align: center;
  padding-right: 0;
}
#endpoint-favourites .app-table td.english, #endpoint-favourites .app-table td.maths {
  text-transform: capitalize;
}
#endpoint-favourites .app-table td.english {
  color: #e84e1b;
}
#endpoint-favourites .app-table td.maths {
  color: #995099;
}
#endpoint-favourites .app-table td.star {
  width: 4.5454545455%;
  text-align: center;
  padding-left: 20px;
  cursor: pointer;
}
#endpoint-favourites .app-table td.star svg {
  position: relative;
  top: 5px;
  height: 25px;
}
#endpoint-favourites .app-table td.star svg path {
  fill: #F4C900;
}
#endpoint-favourites .app-table td.star:focus svg path, #endpoint-favourites .app-table td.star:hover svg path {
  fill: transparent;
  stroke: #F4C900;
  stroke-width: 7px;
}
#endpoint-favourites .app-table td.lesson {
  width: 18.1818181818%;
  min-width: 150px;
}
#endpoint-favourites .app-table td img {
  height: 20px;
  width: auto;
  object-fit: contain;
}
#endpoint-favourites .no-favourires-description {
  width: 80%;
  margin: 0 auto;
}
@media all and (min-width: 750px) {
  #endpoint-favourites .no-favourires-description {
    width: 50%;
  }
}
#endpoint-favourites .gif-image {
  max-width: 600px;
  width: 80%;
  margin: 2rem auto 0;
  display: block;
}
#endpoint-favourites figure {
  width: 80%;
  margin: 2rem auto;
}
@media all and (min-width: 750px) {
  #endpoint-favourites figure {
    width: 50%;
    margin: 4rem auto;
  }
}
#endpoint-favourites figure img {
  width: 100%;
}
#endpoint-favourites figure figcaption {
  font-size: 0.8em;
  font-style: italic;
}

#endpoint-active-day-lessons .inner-content {
  background: #fff;
  max-width: 90%;
  margin: 2rem auto;
  padding: 1rem;
  box-shadow: 0px 0px 2px 1px #e4e4e4;
  border-radius: 2px;
}
@media all and (min-width: 1200px) {
  #endpoint-active-day-lessons .inner-content {
    padding: 3rem 5rem 10rem;
  }
}
#endpoint-active-day-lessons .inner-content > h1 {
  font-size: calc(24px + 6 * (100vw - 320px) / 1180);
}
#endpoint-active-day-lessons .inner-content > p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#endpoint-active-day-lessons .inner-content .grid {
  justify-content: center;
  margin-top: 50px;
}
#endpoint-active-day-lessons .inner-content .pack {
  color: #fff;
  padding: 2rem 2rem 3rem;
  text-align: center;
  margin-bottom: 1.33%;
  margin-right: 1.33%;
  border-radius: 6px;
  flex: 0 0 100%;
  position: relative;
}
#endpoint-active-day-lessons .inner-content .pack .background {
  position: absolute;
  top: -25px;
  left: 10%;
  width: 80%;
  height: 100%;
  z-index: 1;
  opacity: 0.1;
}
@media all and (min-width: 550px) {
  #endpoint-active-day-lessons .inner-content .pack {
    flex: 0 0 48%;
  }
}
@media all and (min-width: 1200px) {
  #endpoint-active-day-lessons .inner-content .pack {
    flex: 0 0 24%;
  }
}
#endpoint-active-day-lessons .inner-content .pack:nth-child(4n) {
  margin-right: 0;
}
#endpoint-active-day-lessons .inner-content .pack h2 {
  margin: 0 0 2rem;
  color: #fff;
  position: relative;
  z-index: 2;
}
#endpoint-active-day-lessons .inner-content .pack a {
  border: 1px solid #fff;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  position: relative;
  z-index: 2;
}
#endpoint-active-day-lessons .inner-content hr {
  width: 0;
  height: 0;
  margin: 0;
}
@media all and (min-width: 1200px) {
  #endpoint-active-day-lessons .inner-content hr {
    width: 100%;
  }
}

#endpoint-training {
  overflow: hidden;
  position: relative;
  margin: 0;
  max-width: initial;
}
#endpoint-training .text__center {
  width: 90%;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}
#endpoint-training.training-launch-video h2 {
  text-align: center;
}
#endpoint-training.training-launch-video .training-content .launch {
  margin: 0 auto;
  flex: 0 0 70%;
}
#endpoint-training .training-container {
  width: 90%;
  max-width: 1250px;
  margin: 3rem auto;
}
#endpoint-training .training-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media all and (min-width: 550px) {
  #endpoint-training .training-content {
    flex-direction: row;
  }
}
#endpoint-training .training-content.training-videos {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 6px 2px rgba(43, 89, 255, 0.08);
}
@media all and (min-width: 550px) {
  #endpoint-training .training-content.training-videos {
    flex-direction: column;
  }
}
#endpoint-training .training-content.training-videos > div {
  box-shadow: none;
}
#endpoint-training .training-content > div {
  flex: 0 0 100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 6px 2px rgba(43, 89, 255, 0.08);
}
@media all and (min-width: 550px) {
  #endpoint-training .training-content > div {
    flex: 0 0 48%;
  }
}
#endpoint-training .training-content > div:first-child {
  margin-bottom: 1.5rem;
}
@media all and (min-width: 550px) {
  #endpoint-training .training-content > div:first-child {
    margin-bottom: 0;
  }
}
#endpoint-training .training-content > div .img-container {
  position: relative;
}
#endpoint-training .training-content > div .img-container img {
  max-width: 100%;
  display: block;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#endpoint-training .training-content > div .img-container .badge {
  background: #3a84f9;
  color: #fff;
  max-width: fit-content;
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  border-top-right-radius: 5px;
}
#endpoint-training .training-content > div .content {
  padding: 0.5rem 2rem 0.75rem;
}
#endpoint-training .training-content > div .content ul {
  padding: 0 0 0 0.75rem;
  list-style-position: outside;
}
#endpoint-training .training-content > div .content ul li {
  padding-left: 1rem;
}
#endpoint-training .training-content > div .content ul li::marker {
  font-size: 0.75rem;
}
#endpoint-training .training-content > div .cta {
  display: flex;
  justify-content: space-around;
  line-height: 70px;
  padding: 0 2rem 2rem;
}
#endpoint-training .training-content > div .cta a {
  padding: 0.75em 0.5em;
  width: 100%;
  text-align: center;
}
#endpoint-training .training-content > div .cta a:hover, #endpoint-training .training-content > div .cta a:focus {
  text-decoration: none;
}
#endpoint-training .training-content > div .cta p {
  min-width: 100%;
  margin: 0;
}
#endpoint-training .training-content > div .cta span {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
#endpoint-training .training-content > div .cta .button--solid-green {
  background: #37b047;
  color: #fff;
}
#endpoint-training .training-content > div .cta .button--solid-green:hover, #endpoint-training .training-content > div .cta .button--solid-green:focus {
  background: #00ad91;
}
#endpoint-training .training-content > div .cta .button--solid-navy {
  background: #0A4A71;
  color: #fff;
}
#endpoint-training .training-content > div .cta .button--solid-navy:hover, #endpoint-training .training-content > div .cta .button--solid-navy:focus {
  background: #005f9c;
}
@media all and (max-width: 650px) {
  #endpoint-training .training-content > div .cta {
    flex-direction: column;
    text-align: center;
    line-height: 0;
  }
}
#endpoint-training .resource-area {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-bottom: 3rem;
}
#endpoint-training .resource-area .resources-items-container {
  width: 90%;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0 6px 2px rgba(43, 89, 255, 0.08);
  border-radius: 10px;
  padding: 2rem 2rem 1rem;
}
#endpoint-training .resource-area .resources-items-container .cat-header-container .cat-header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
#endpoint-training .resource-area .resources-items-container .cat-header-container .cat-header::before {
  font-family: "FontAwesomeSolid";
  color: #000;
  font-size: 20px;
  padding-right: 15px;
  content: "\f109";
}
#endpoint-training .resource-area .resources-items-container .resource-category {
  display: flex;
  justify-content: flex-start;
  gap: 2%;
  align-content: flex-start;
  flex-wrap: wrap;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 1rem;
  cursor: pointer;
}
@media all and (min-width: 760px) {
  #endpoint-training .resource-area .resources-items-container .resource-category .resource-item {
    width: 23%;
  }
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item.video-link {
  position: relative;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item.video-link::after {
  font-family: "FontAwesome";
  content: "\f144";
  position: absolute;
  font-size: 40px;
  color: white;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .img-container {
  position: relative;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .img-container img {
  max-width: 100%;
  display: block;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .img-container .badge {
  background: #0091d6;
  color: #fff;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  border-top-right-radius: 5px;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-height: 190px;
  object-fit: cover;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .item-info {
  padding: 15px 0px 15px 15px;
  display: flex;
  flex-direction: column;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type {
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type.video {
  color: #0091d6;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type.pdf {
  color: #e95324;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type.pdf::after {
  content: "\f1c1";
  color: #e95324;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .item-info .item-type::after {
  font-family: "FontAwesome";
  width: 0;
  height: 0;
  width: 12px;
  height: 18px;
  right: 15px;
  position: absolute;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .item-info .item-title {
  position: relative;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .item-info .item-author {
  position: relative;
  color: black;
  font-size: 14px;
  margin-top: 10px;
}
#endpoint-training .resource-area .resources-items-container .resource-category .resource-item .no-image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-height: 190px;
  background: black;
  width: 100%;
  height: 190px;
  display: block;
}
#endpoint-training .section--wide-quote {
  min-height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#endpoint-training .section--wide-quote .glide {
  width: 100%;
  max-width: 100%;
}
#endpoint-training .section--wide-quote .glide .glide__track {
  padding: 0 !important;
}
#endpoint-training .section--wide-quote .glide .glide__track ul li {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: cover;
  justify-content: center;
  position: relative;
  padding: 2rem 0;
}
#endpoint-training .section--wide-quote .glide .glide__track ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 95, 156, 0.8);
}
#endpoint-training .section--wide-quote .glide .glide__track ul li #text-content {
  font-style: normal;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.4;
  text-align: center;
  white-space: break-spaces;
  max-width: 60%;
  z-index: 1;
}
@media all and (min-width: 760px) {
  #endpoint-training .section--wide-quote .glide .glide__track ul li #text-content {
    font-size: 1.75rem;
  }
}
#endpoint-training .section--wide-quote .glide .glide__track ul li #sub-text-content {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  max-width: 900px;
  margin-top: 20px;
  z-index: 1;
  white-space: break-spaces;
}
@media all and (min-width: 760px) {
  #endpoint-training .section--wide-quote .glide .glide__track ul li #sub-text-content {
    font-size: 1.15rem;
  }
}
#endpoint-training .glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
#endpoint-training .glide * {
  box-sizing: inherit;
}
#endpoint-training .glide .glide__track {
  overflow: hidden;
}
#endpoint-training .glide .glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  align-items: flex-start;
}
#endpoint-training .glide--dragging {
  user-select: none;
}
#endpoint-training .glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
#endpoint-training .glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#endpoint-training .glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
#endpoint-training .glide--rtl {
  direction: rtl;
}
#endpoint-training .glide {
  margin: 2rem auto;
}
#endpoint-training .glide__slide {
  flex-grow: 1;
}

#endpoint-training .calendly-inline-widget {
  margin-top: 10px;
}
#endpoint-training .calendly-inline-widget iframe {
  height: 100%;
  min-height: 700px;
}

#app {

    a {
        text-decoration: none;
    }

    a:hover, a:focus {
        text-decoration: underline;
    }

    h1, h2 {
        font-weight: 700;
    }
}

#app-menu a {
    text-decoration: none;
}

form[name="teacher-edit"] {
    max-width: 500px;
}
form[name="teacher-edit"] input, form[name="teacher-edit"] .form-row{
    width: 100%;
}

.welcome-message h1 {
    font-weight: 700;
    margin-bottom: 2rem;
}