@charset "UTF-8";
/*
 * We are using a Singularity grid of 16 columns with split gutters.
 *
 * Default layout details:
 *  - mobile:  One sigle column, sidebar drops bellow main content, gutters 15px (15 / 60 = 0.25 = 1/4).
 *  - tablet:  Main content is 8 columns wide, right sidebar is 4, gutters unchanged.
 *  - desktop: Main content is 6 columns wide, left sidebar is 3, right sidebar is 3.
 *
 * For more info go to: https://github.com/at-import/Singularity/wiki/Creating-Grids
 *
 */
/* -- Blues -- */
/* -- Teal -- */
/* -- Grey -- */
/* -- Lime -- */
/* -- Green -- */
/* -- Oranges -- */
/* -- Yellow -- */
/* -- Red -- */
/* -- Beige -- */
/* -- Sematic -- */
/**
 * Remove the unit of a length
 * @param {Number} $number - Number to remove unit from
 * @return {Number} - Unitless number
 */
/**
 * Convert pixels to rem
 */
/* -- Apply colours to a link -- */
/**
 * Create a pseudo element (::before or ::after) that will act as an horizontal divider
 *
 * @param string $icon: value for 'content' proprety
 * @param string $location: 'before' for '::before'(default) or 'after' for '::after'
 */
/* -- Hero text -- */
/* Vertical aligment from:
   http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/
*/
/* End of: Vertical aligment */
/**
 * Style an element as a button
 *
 * @param string $style: 'primary'(default),'secondary', tertiary, or orange
 * @param boolean $add-basic-style: Flag used to avoid css code duplication, default to true;
 */
/**
 * Style a block ribbon
 *
 * @param string $style: 'primary'(default) or 'secondary'
 */
/**
 * Style a menu to match the primary tab
 *
 * @param string $active-item-color: 'white'(default) or 'the given color'
 */
/**
 * Style a block with a ribbon title
 *
 * @param string $style: 'primary'(default) or 'secondary' or 'orange'
 */
/**
 * Style a views block same as a ribbon block
 *
 * @param string $style: 'primary'(default) or 'secondary'
 */
/**
 * Style a block with a ribbon title
 *
 * @param string $style: 'primary'(default) or 'secondary' or 'orange'
 * @param string $isPage: true (default) or false

 */
hr {
  margin: 50px 0px; }

.polaroid-image-caption {
  z-index: 0;
  width: 31%;
  position: relative;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }
  .polaroid-image-caption::after {
    content: '';
    display: block;
    position: absolute;
    right: 23%;
    z-index: -1;
    height: 91%;
    bottom: 0;
    width: 97.4%;
    left: 7px;
    border-radius: 45%;
    box-shadow: 2px 1px 20px 0; }

.source-and-more {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px; }

.source-and-more-links {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px; }

.image-wrapper {
  padding: 10px;
  background: #ffffff; }
  .image-wrapper img {
    width: 100%;
    height: auto; }

.clear-both {
  clear: both; }

.messages .modal-session-message {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.messages--status {
  margin-bottom: 20px;
  max-width: 1188px;
  margin-left: auto;
  margin-right: auto; }

.page-resources h1 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

#cboxWrapper .message-badge-wrapper {
  text-align: center; }

#cboxWrapper form .form-item {
  margin-bottom: 10px !important; }

#cboxWrapper form > div {
  text-align: center; }

#cboxWrapper .hybridauth-widget-wrapper {
  text-align: center;
  margin: 30px 0; }
  #cboxWrapper .hybridauth-widget-wrapper .hybridauth-widget {
    margin-top: 10px; }
    #cboxWrapper .hybridauth-widget-wrapper .hybridauth-widget .hybridauth-icon-hybridauth-32 {
      opacity: 1 !important; }
      #cboxWrapper .hybridauth-widget-wrapper .hybridauth-widget .hybridauth-icon-hybridauth-32:hover {
        opacity: 0.71 !important; }

#cboxWrapper #become_booster_block {
  text-align: center; }

#cboxWrapper .form-type-textfield {
  text-align: center; }
  #cboxWrapper .form-type-textfield input[type='text'] {
    width: 90%; }

#cboxWrapper .ibi-base-modal-email-form--2 div {
  font-size: 1.125rem; }

#cboxWrapper .register-modal-text {
  color: #18254B;
  font-size: 1.125rem;
  line-height: 1.2em; }

#cboxWrapper .become_booster_block_separator {
  text-align: center; }

#cboxWrapper #become_booster_social .connector-button-wrapper {
  margin-top: 10px; }
  #cboxWrapper #become_booster_social .connector-button-wrapper input[type='submit'] {
    font-size: 1rem;
    border-radius: 0;
    padding: 10px;
    background: #3350ae;
    border: none; }
  #cboxWrapper #become_booster_social .connector-button-wrapper.oauthconnector-twitter {
    margin-left: 10px; }
    #cboxWrapper #become_booster_social .connector-button-wrapper.oauthconnector-twitter input[type='submit'] {
      background: #01c4f1 !important; }

#cboxWrapper #edit-ibi-base-modal-email-form-submit--2 {
  margin-bottom: 10px; }

#popup-message-background {
  z-index: 100; }

.popup-message-title {
  font-size: 1.5rem !important;
  line-height: 1.1em !important;
  color: #18254B !important;
  padding-bottom: 10px; }

#popup-message-close {
  bottom: 7px;
  top: auto;
  color: #18254B !important;
  padding: 8px 9px;
  border: 1px solid #ddd9d1;
  border-radius: 30px; }
  #popup-message-close:hover {
    color: #00A09C !important; }

#popup-message-window {
  padding: 20px;
  color: #18254B !important;
  background: url("../images/manilla_bg.png") repeat;
  border: 2px solid #ddd9d1;
  border-radius: 4px; }
  #popup-message-window h1 {
    margin-top: 0; }
    #popup-message-window h1::before {
      content: '';
      width: 300px;
      height: 74px;
      background: url("../images/ibi_logo.png") no-repeat scroll top left;
      display: block;
      vertical-align: top;
      padding-bottom: 9px; }

.page-node-add .field-type-taxonomy-term-reference:after,
.page-node-edit .field-type-taxonomy-term-reference:after {
  content: "";
  display: table;
  clear: both; }

.page-node-add .field-type-taxonomy-term-reference .form-checkboxes,
.page-node-edit .field-type-taxonomy-term-reference .form-checkboxes {
  background: none;
  padding-top: 20px;
  border: none; }

.page-node-add .field-type-taxonomy-term-reference .description,
.page-node-edit .field-type-taxonomy-term-reference .description {
  clear: both; }

.page-node-add .field-type-taxonomy-term-reference .form-item,
.page-node-edit .field-type-taxonomy-term-reference .form-item {
  padding-right: 10px;
  float: left; }

section.comments .form-item {
  margin-bottom: 10px; }

section.comments .form-actions.form-wrapper {
  margin-top: 0; }

section.comments .field-name-comment-body {
  margin-bottom: 0; }

section.comments .comments__title h2 {
  font-size: 2.125rem;
  margin-top: 25px; }

section.comments h2.comments__title {
  text-align: center;
  border-top: 1px solid #000000;
  font-size: 1.25rem;
  padding-top: 15px; }

section.comments .comments__form-title {
  padding-top: 20px; }

section.comments .comment-form {
  padding: 0; }

section.comments #edit-comment-body-und-0-format {
  display: none; }

section.comments .comment__info {
  margin-top: 25px; }
  section.comments .comment__info .user-picture {
    float: left;
    margin-right: 20px;
    background: #ffffff;
    padding: 10px;
    padding-bottom: 4px; }
    section.comments .comment__info .user-picture a img {
      width: 100px; }

section.comments .links {
  font-size: 0.875rem; }

section.comments .comment__submitted {
  padding-top: 8px;
  margin-bottom: 0;
  font-size: 0.875rem; }
  section.comments .comment__submitted a {
    font-size: 0.875rem; }
  section.comments .comment__submitted span {
    font-size: 0.875rem; }

.page-taxonomy-term .feed-icon {
  display: none; }

.page-taxonomy-term .l-main .l-content > h1 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.hybridauth-widget-wrapper h3 {
  margin-bottom: 10px; }

.hybridauth-widget-wrapper .hybridauth-icon-hybridauth-32 {
  opacity: 1 !important; }
  .hybridauth-widget-wrapper .hybridauth-icon-hybridauth-32:hover {
    opacity: 0.7 !important; }

figure {
  background: #ffffff;
  box-shadow: 2px 2px 12px -4px black;
  padding: 10px;
  padding-bottom: 0;
  margin: 0 15px;
  margin-bottom: 20px;
  z-index: 1;
  position: relative; }
  figure::after {
    content: '';
    display: block;
    position: absolute;
    right: 23%;
    z-index: -14;
    height: 4px;
    bottom: 0;
    width: 77.4%;
    left: 37px;
    border-radius: 45%;
    box-shadow: 2px 1px 20px 0; }
  figure figcaption {
    background: #ffffff;
    font-size: 12px;
    padding-left: 10px;
    font-family: "Roboto Slab", serif;
    text-align: left;
    line-height: 17px;
    padding-bottom: 15px; }
  figure .media-element {
    display: inline-block; }
  figure.image-captioned, figure.image-captioned::after,
  figure.image-captioned img,
  figure.image-captioned img::after {
    box-shadow: none;
    margin: 0 15px 20px;
    padding: 0; }

div.logo-band {
  background: #ffffff;
  margin: 20px 0; }

.btn-orange,
.btn-primary {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #D64800;
  color: #ffffff; }
  .btn-orange:hover,
  .btn-primary:hover {
    background-color: #00A09C;
    border-color: #00A09C;
    color: #ffffff; }
  .btn-orange:focus,
  .btn-primary:focus {
    border-color: #01605E; }

.btn-lime,
.btn-secondary {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #BED328;
  color: #18254B; }
  .btn-lime:hover,
  .btn-secondary:hover {
    background-color: #00A09C;
    border-color: #00A09C;
    color: #18254B; }
  .btn-lime:focus,
  .btn-secondary:focus {
    border-color: #18254B; }

.btn-blue,
.btn-seconday {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #18254B;
  color: #ffffff; }
  .btn-blue:hover,
  .btn-seconday:hover {
    background-color: #F37E1E;
    border-color: #F37E1E;
    color: #ffffff; }
  .btn-blue:focus,
  .btn-seconday:focus {
    background-color: #F37E1E;
    border-color: #18254B;
    color: #ffffff; }

span.fieldset-legend {
  z-index: 1; }

.vertically-centered {
  display: flex;
  align-items: center;
  /* Align vertical */ }

.form-checkbox,
.form-radio {
  vertical-align: baseline; }

form[class^="quiz-take-question"] .fieldset-wrapper,
form[class*=" quiz-take-question"] .fieldset-wrapper {
  background: transparent;
  border: 0 none; }

form {
  background: #ffffff;
  padding: 20px; }
  form[class^="masquerade-block"], form[class*=" masquerade-block"] {
    padding: 20px 0px; }
  form[class^="views-exposed-form-teacher-centre-page"], form[class*=" views-exposed-form-teacher-centre-page"] {
    background: none; }
  @media (max-width: 768px) {
    form.views-exposed-form-teacher-centre-page {
      padding: 10px 5px; } }

.node--quiz.node--promoted.view-mode-full.node--full.node--quiz--full form {
  background: none !important; }

input[type="email"],
input[type="text"],
input[type="password"],
textarea,
.form-checkboxes {
  background: #F3F4F7;
  border: 1px solid #F3F4F7;
  color: #18254B;
  font-size: 1.125rem;
  padding: 0.5em;
  width: 40%; }
  .fieldset-wrapper input[type="email"], .fieldset-wrapper
  input[type="text"], .fieldset-wrapper
  input[type="password"], .fieldset-wrapper
  textarea, .fieldset-wrapper
  .form-checkboxes {
    background: #ffffff; }

textarea {
  background: #ffffff; }

input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #D64800;
  color: #ffffff;
  font-size: 0.875rem; }
  input[type="submit"]:hover,
  input[type="button"]:hover {
    background-color: #00A09C;
    border-color: #00A09C;
    color: #ffffff; }
  input[type="submit"]:focus,
  input[type="button"]:focus {
    border-color: #01605E; }

.fieldset-wrapper {
  background: #F3F4F7;
  border: 1px solid #F3F4F7;
  padding: 10px; }

#user-login .fieldset-wrapper {
  background: #F3F4F7;
  border: 1px solid #F3F4F7;
  padding-bottom: 50px; }

.form-wrapper,
.form-item {
  margin-bottom: 30px; }

#quiz-question-answering-form .multichoice-row:nth-child(1) p::before {
  content: "A. ";
  font-weight: bold;
  padding-right: 6px; }

#quiz-question-answering-form .multichoice-row:nth-child(2) p:before {
  content: "B. ";
  font-weight: bold;
  padding-right: 6px; }

#quiz-question-answering-form .multichoice-row:nth-child(3) p:before {
  content: "C. ";
  font-weight: bold;
  padding-right: 6px; }

#quiz-question-answering-form .multichoice-row:nth-child(4) p:before {
  content: "D. ";
  font-weight: bold;
  padding-right: 6px; }

#quiz-question-answering-form .multichoice-row:nth-child(5) p:before {
  content: "E. ";
  font-weight: bold;
  padding-right: 6px; }

#quiz-question-answering-form .multichoice-row:nth-child(6) p:before {
  content: "F. ";
  font-weight: bold;
  padding-right: 6px; }

.form-item .description,
.form-actions .description {
  color: #808080;
  font-size: 0.875rem;
  line-height: 1.2em;
  margin: 5px; }

label,
.form-item label,
.form-actions label,
legend {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.vertical-tabs {
  margin-bottom: 30px; }

.vertical-tabs-pane > .fieldset-wrapper {
  background: transparent;
  border: 0 none;
  padding: 10px 0; }

.form-actions {
  margin: 30px 0; }
  .form-actions input:not(:last-child) {
    margin-right: 10px; }

form.answering-form {
  background: transparent;
  padding: 0; }
  form.answering-form table tr {
    background: transparent;
    border: none; }
  form.answering-form table td {
    padding: 4px; }

form.node-story-form .field-name-field-story-intro p {
  margin-bottom: 4px;
  font-style: italic;
  color: #00A09C;
  font-size: 0.875rem; }

table#webform-components th {
  visibility: visible; }
  table#webform-components th:nth-child(5), table#webform-components th:nth-child(6), table#webform-components th:nth-child(7) {
    text-align: center; }

.search-form {
  background: none; }

.form-type-checkboxes
.select-or-other-select
.form-item
.option
.form-required {
  display: none; }

#edit-field-account-type-und-none,
label[for="edit-field-account-type-und-none"] {
  display: none; }

@media (min-width: 0) and (max-width: 767px) {
  .g-recaptcha {
    position: fixed;
    bottom: 0;
    z-index: 20; } }

@media (min-width: 0) and (max-width: 767px) {
  .user-register-form input[type="email"],
  .user-register-form input[type="text"],
  .user-register-form input[type="password"],
  .user-register-form .form-checkboxes,
  .user-register-form .form-select {
    width: 100% !important; } }

.auto-resizable-iframe {
  max-width: 360px;
  margin: 0px auto; }

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px; }

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

#student-password-reset-warning {
  padding-bottom: 25px; }

.feedbackCollect-form-container:not(:empty) {
  z-index: 100; }

.btn--feedback-collect {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #18254B;
  color: #ffffff; }
  .btn--feedback-collect:hover {
    background-color: #F37E1E;
    border-color: #F37E1E;
    color: #ffffff; }
  .btn--feedback-collect:focus {
    background-color: #F37E1E;
    border-color: #18254B;
    color: #ffffff; }

.feedbackCollect-form-container:not(:empty) {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  inset: 50% auto auto 50% !important;
  height: 80vh;
  width: 80vw;
  overflow: visible; }
  .feedbackCollect-form-container:not(:empty) form {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    background: #ffffff;
    margin-bottom: 0;
    padding-bottom: 100px; }
    .feedbackCollect-form-container:not(:empty) form > div {
      text-align: left; }
  .feedbackCollect-form-container:not(:empty) .fieldset-legend,
  .feedbackCollect-form-container:not(:empty) a,
  .feedbackCollect-form-container:not(:empty) span,
  .feedbackCollect-form-container:not(:empty) p,
  .feedbackCollect-form-container:not(:empty) div {
    font-size: 16px; }
  .feedbackCollect-form-container:not(:empty) .description,
  .feedbackCollect-form-container:not(:empty) .fieldset-description {
    color: #808080;
    font-size: 20px;
    line-height: 1.2em;
    margin: 8px 2px; }
  .feedbackCollect-form-container:not(:empty) .fieldset-wrapper {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1em; }
  .feedbackCollect-form-container:not(:empty) .group-feedback > .fieldset-wrapper {
    padding: 10px; }
    .feedbackCollect-form-container:not(:empty) .group-feedback > .fieldset-wrapper > .fieldset-description {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0; }
  .feedbackCollect-form-container:not(:empty) .form-item,
  .feedbackCollect-form-container:not(:empty) .form-wrapper {
    margin-bottom: 0; }
  .feedbackCollect-form-container:not(:empty) .fieldset-legend {
    font-size: 1.25rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .feedbackCollect-form-container:not(:empty) .form-file {
    width: 100%; }
  .feedbackCollect-form-container:not(:empty) input[type="submit"],
  .feedbackCollect-form-container:not(:empty) input[type="button"] {
    -webkit-appearance: none;
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    user-select: none;
    background: #D64800;
    color: #ffffff;
    margin: 5px 0;
    display: block; }
    .feedbackCollect-form-container:not(:empty) input[type="submit"]:hover,
    .feedbackCollect-form-container:not(:empty) input[type="button"]:hover {
      background-color: #00A09C;
      border-color: #00A09C;
      color: #ffffff; }
    .feedbackCollect-form-container:not(:empty) input[type="submit"]:focus,
    .feedbackCollect-form-container:not(:empty) input[type="button"]:focus {
      border-color: #01605E; }
  .feedbackCollect-form-container:not(:empty) .form-actions {
    display: flex;
    gap: 5px;
    justify-content: center; }
  .feedbackCollect-form-container:not(:empty) .grippie {
    height: 0; }
  .feedbackCollect-form-container:not(:empty) .field-name-field-feedback-attachment
.file-widget
> .form-item.form-type-textfield {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin: 1em 2.25em; }

table {
  width: 100%; }

tr {
  border-bottom: 1px solid #808080; }
  tr.even {
    background: #ffffff; }
  tr.odd {
    background: #ffffff; }

th {
  background: #ffffff;
  color: #01605E;
  font-size: 1rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.3;
  padding: 10px 5px;
  vertical-align: middle; }
  th.views-field.views-field-points.active {
    min-width: 90px; }
    th.views-field.views-field-points.active img {
      margin-left: 0.3em; }
  th a {
    color: #01605E;
    text-decoration: underline; }
    th a:focus {
      color: #d4d8e3; }
    th a:hover {
      color: #d4d8e3; }
    th a.active {
      color: #01605E; }

td {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.3em;
  padding: 10px 5px;
  vertical-align: middle; }
  td.active {
    background: #ffffff;
    color: #18254B; }
  td a.tabledrag-handle .handle {
    height: 35px;
    width: 35px; }

table#quiz-view-table {
  border: none; }
  table#quiz-view-table td {
    padding-bottom: 20px; }

table.userpoints-myuserpoints-total td {
  padding: 10px 20px; }

table.userpoints-myuserpoints-total {
  width: 100%; }

#block-views-leaderboards-top-schools-b-5 .views-field-field-team-image img,
#block-views-leaderboards-top-teams-block .views-field-field-team-image img,
#block-views-984b753a81ba2796da575683fd752f27 .views-field-field-team-image img,
#block-views-72297b2229ffc3fbfbedba86af7405dd .views-field-field-team-image img,
#block-views-d189ed8c1127db972a925f3329b8c4ba .views-field-field-team-image img,
.block--views-leaderboards-top-schools-block .views-field-field-team-image img,
.block--views-leaderboards-top-teams-block .views-field-field-team-image img,
.block--views-leaderboards-top-teams-block-1 .views-field-field-team-image img,
.block--views-leaderboards-top-teams-block-2 .views-field-field-team-image img,
.block--views-leaderboards-top-teams-block-3 .views-field-field-team-image img,
.block--views-leaderboards-top-teams-block-4 .views-field-field-team-image img {
  border-radius: 50%; }

#block-views-leaderboards-top-schools-b-5 .more-link::after,
#block-views-leaderboards-top-teams-block .more-link::after,
#block-views-984b753a81ba2796da575683fd752f27 .more-link::after,
#block-views-72297b2229ffc3fbfbedba86af7405dd .more-link::after,
#block-views-d189ed8c1127db972a925f3329b8c4ba .more-link::after,
.block--views-leaderboards-top-schools-block .more-link::after,
.block--views-leaderboards-top-teams-block .more-link::after,
.block--views-leaderboards-top-teams-block-1 .more-link::after,
.block--views-leaderboards-top-teams-block-2 .more-link::after,
.block--views-leaderboards-top-teams-block-3 .more-link::after,
.block--views-leaderboards-top-teams-block-4 .more-link::after {
  content: "";
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1;
  margin-right: .2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  color: currentColor; }

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  color: #18254B;
  font-family: "Lato", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6,
.h-one-text-style {
  color: #18254B;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0; }

h1,
.h-one-text-style {
  font-size: 2.125rem;
  line-height: 1.1;
  margin: 40px 0 30px 0; }

h1.page-title {
  font-size: 50px;
  text-align: center; }

h2,
.h-two-text-style {
  font-size: 1.5rem;
  line-height: 1.25; }

h3 {
  font-size: 1.125rem;
  line-height: 1.25; }

h4 {
  font-size: 1.125rem;
  line-height: 1.44; }

h5 {
  font-size: 1rem;
  line-height: 1.375; }

h6 {
  font-size: 1.25rem;
  letter-spacing: 0.165em;
  line-height: 1.3;
  text-transform: uppercase; }

.h-two-text-style {
  margin: 1em 0; }

.blue-text {
  color: #18254B; }

.with-white-bg {
  background: #ffffff;
  font-size: 1.125em;
  margin-right: 5px; }

.counter-highlight {
  font-size: 1.5rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1; }

.stat-num {
  font-size: 1.125em;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

em {
  font-style: italic; }
  em.placeholder {
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

label {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

strong {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p {
  margin: 0 0 1.5em; }
  p.small {
    font-size: 1rem; }
  p.super-small {
    font-size: 0.875rem; }

blockquote {
  border: 0 solid #ccc;
  border-left-width: 5px;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.6;
  margin: 0.9375rem 2.5rem;
  padding: 2px 8px 2px 20px; }
  blockquote p {
    font-size: inherit !important;
    font-style: inherit !important;
    line-height: inherit !important; }

a {
  color: #01605E; }
  a:hover, a:focus {
    text-decoration: none; }

.page-teacher-centre {
  letter-spacing: normal; }
  @media (min-width: 768px) {
    .page-teacher-centre h1.page-title {
      font-size: 3.125rem;
      line-height: 1.32; } }
  .page-teacher-centre ul.teacher-centre.tabs li {
    font-family: "Roboto Slab", serif;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: normal; }
    @media (min-width: 768px) {
      .page-teacher-centre ul.teacher-centre.tabs li {
        font-size: 1.25rem;
        line-height: 1.3; } }
    .page-teacher-centre ul.teacher-centre.tabs li a {
      text-transform: uppercase;
      color: #18254B; }
      .page-teacher-centre ul.teacher-centre.tabs li a:hover, .page-teacher-centre ul.teacher-centre.tabs li a:active {
        color: #F37E1E; }
    @media (max-width: 768px) {
      .page-teacher-centre ul.teacher-centre.tabs li a {
        word-spacing: 9999rem; }
      .page-teacher-centre ul.teacher-centre.tabs li a ~ a {
        word-spacing: unset;
        display: table-caption; } }
  .page-teacher-centre div.view-filters div.views-exposed-form div.views-exposed-widget label {
    font-size: 0.6875rem;
    line-height: 1.36;
    text-transform: uppercase; }
  .page-teacher-centre div.view-filters div.views-exposed-form div.views-exposed-widget .form-select {
    font-family: "Roboto Slab", serif;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.31; }
  .page-teacher-centre div.view-filters div.views-exposed-form div.views-exposed-widget input.form-submit {
    font-size: 1rem;
    line-height: 1.21;
    color: #ffffff;
    text-transform: uppercase; }
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.lesson-plans .title,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.professional-development .title,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.user-guide .title {
    text-decoration: underline;
    font-family: "Roboto Slab", serif;
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: normal; }
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.lesson-plans .grade,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.lesson-plans .subjects,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.lesson-plans .body,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.professional-development .grade,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.professional-development .subjects,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.professional-development .body,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.user-guide .grade,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.user-guide .subjects,
  .page-teacher-centre .view-content .views-row .views-field .field-content .item.user-guide .body {
    font-size: 0.875rem;
    line-height: 1.78; }
  .page-teacher-centre ul.pager li {
    line-height: 1.2; }
    .page-teacher-centre ul.pager li.pager__item--first a,
    .page-teacher-centre ul.pager li.pager__item--previous a,
    .page-teacher-centre ul.pager li.pager__item--next a,
    .page-teacher-centre ul.pager li.pager__item--last a {
      text-transform: capitalize; }
      .page-teacher-centre ul.pager li.pager__item--first a:hover,
      .page-teacher-centre ul.pager li.pager__item--previous a:hover,
      .page-teacher-centre ul.pager li.pager__item--next a:hover,
      .page-teacher-centre ul.pager li.pager__item--last a:hover {
        text-decoration: underline; }
    .page-teacher-centre ul.pager li.pager__item--current {
      text-decoration: underline; }
    .page-teacher-centre ul.pager li a {
      color: #18254B; }

.highlighted-text {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 1 1; }

.pad {
  padding-right: 5px; }

/**
 * This piece of code fixes a bug. Please read more at:
 *
 * - https://www.drupal.org/node/1328970
 * - https://www.drupal.org/node/1057912
 * - https://www.drupal.org/files/element_invisible_chrome_safari.patch
 */
body {
  margin: 0;
  overflow-wrap: break-word; }

.l-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  .l-content:after {
    content: "";
    display: table;
    clear: both; }

.element-invisible {
  width: 1px; }

.l-constrained {
  margin-left: auto;
  margin-right: auto;
  max-width: 1150px; }

.content-wrapper-outter {
  clear: both; }

.l-main {
  position: relative; }
  .l-main:after {
    content: "";
    display: table;
    clear: both; }

.l-post-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  .l-post-content::before {
    content: "";
    display: block;
    clear: both; }

select {
  max-width: 100%; }

.l-main {
  background: #F2EDE1;
  padding: 35px 0; }

.l-before-pre-content {
  background: #F3F4F7; }

.l-region--pre-content {
  position: relative; }

.l-region--post-content {
  position: relative; }

.l-pre-header {
  background: #00A09C;
  padding: 35px 0; }

/* -- suffix first -- */
.l-suffix-content-first {
  background: #F2EDE1;
  padding: 0;
  padding-top: 35px; }
  @media (min-width: 768px) {
    .l-suffix-content-first {
      padding: 35px 0; }
      .front .l-suffix-content-first {
        padding: 60px 0; } }

/* -- suffix After first -- */
.l-suffix-content-after-first {
  background: #F2EDE1;
  padding: 0;
  padding-top: 60px; }
  @media (min-width: 768px) {
    .l-suffix-content-after-first {
      padding: 0;
      padding: 35px 0; }
      .front .l-suffix-content-after-first {
        padding-top: 60px; } }

/* -- suffix second -- */
.l-suffix-content-second {
  background: #F3F4F7;
  padding: 60px 0 35px 0; }
  body.node-type-quiz .l-suffix-content-second {
    background: #F3F4F7;
    color: #18254B; }

.l-suffix-content-third {
  background: #ffffff;
  margin-top: 0;
  padding: 60px 0 35px 0; }
  @media (min-width: 992px) {
    .l-suffix-content-third {
      padding: 30px 0 0 0; } }

.l-footer-wrapper {
  padding: 15px 0; }

@media (min-width: 768px) {
  body:not([class~="node-type-quiz"]) .l-page.has-sidebar-first .l-content {
    width: 48.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0.83333%;
    clear: none; } }

@media (min-width: 992px) {
  body:not([class~="node-type-quiz"]) .l-page.has-sidebar-first .l-content {
    width: 65%;
    float: left;
    margin-right: -100%;
    margin-left: 0.83333%;
    clear: none; } }

@media (min-width: 768px) {
  body:not([class~="node-type-quiz"]) .l-page.has-sidebar-first .l-region--sidebar-first {
    width: 40%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; } }

@media (min-width: 992px) {
  body:not([class~="node-type-quiz"]) .l-page.has-sidebar-first .l-region--sidebar-first {
    width: 31.66667%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; } }

.media_embed iframe {
  position: relative; }

.field--name-field-answer-key .field__items {
  background: #F3F4F7;
  padding: 10px 10px 10px 50px;
  border: 1px solid #02807D; }
  .field--name-field-answer-key .field__items ul li ul {
    padding: 10px 10px 10px 50px; }

.made-by-teachers img {
  max-width: 90px; }

@media (min-width: 992px) {
  .made-by-teachers img {
    max-width: 80px; } }

.block.frontpage-video {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px;
  background: none;
  padding: 0 10px;
  position: relative; }
  .block.frontpage-video .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      .block.frontpage-video .block__title {
        min-width: 200px; } }
    .block.frontpage-video .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .block.frontpage-video .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  .block.frontpage-video .block__title {
    background: #D64800; }
    .block.frontpage-video .block__title::before {
      background-image: url("../../images/ribbon-orange-left.svg"); }
    .block.frontpage-video .block__title::after {
      background-image: url("../../images/ribbon-orange-right.svg"); }
  .block.frontpage-video > .block__title {
    font-size: 1.375rem;
    left: 10px;
    line-height: 1.136;
    margin: 0;
    max-width: 230px;
    padding-top: 10px;
    position: absolute;
    top: 55px;
    z-index: 2; }
  .block.frontpage-video > .block__content h3 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 25px; }
  .block.frontpage-video > .block__content ul {
    display: flex;
    gap: 8px;
    list-style: none outside none;
    padding: 0; }
  .block.frontpage-video > .block__content .btn-blue {
    min-height: 36px; }
  .block.frontpage-video .media-youtube-video {
    aspect-ratio: 1.85;
    margin-bottom: 25px;
    position: relative; }
    .block.frontpage-video .media-youtube-video iframe {
      height: 100%;
      margin: 0;
      position: absolute;
      width: 100%; }
  @media (min-width: 768px) {
    .block.frontpage-video {
      padding: 0; }
      .block.frontpage-video > .block__title {
        left: 0; } }
  .block.frontpage-video .video-block-buttons .wrap {
    display: flex;
    flex-wrap: wrap; }
  .block.frontpage-video .video-block-buttons li {
    list-style-type: none; }

.block--ibi-base-vaccine-count-anon a {
  color: white !important; }

.block--ibi-base-vaccine-count-anon .btn-blue {
  min-height: 36px; }

.block--ibi-base-vaccine-count-anon h2 {
  font-size: 1.125rem;
  line-height: 1.44; }

.block--ibi-schools-base-vaccine-info > .block__content h1 {
  font-size: 2.25rem;
  line-height: 1.17;
  margin: 0 12px 12px 12px;
  text-align: left; }

.block--ibi-schools-base-vaccine-info > .block__content h2 {
  font-size: 1.125rem;
  line-height: 1.44;
  margin: 0 12px 12px 12px;
  text-align: left; }

[class*="block--ibi-base-vaccine-safe"],
[class*="block--ibi-base-branding-owner-operator"] {
  min-width: 37%; }
  [class*="block--ibi-base-vaccine-safe"] .custom-title,
  [class*="block--ibi-base-vaccine-safe"] .vaccine-safe,
  [class*="block--ibi-base-vaccine-safe"] .block__content .public-health-wrapper,
  [class*="block--ibi-base-vaccine-safe"] .block__content .unicef-wrapper,
  [class*="block--ibi-base-vaccine-safe"] .block__content .world-vaccine-wrapper,
  [class*="block--ibi-base-branding-owner-operator"] .custom-title,
  [class*="block--ibi-base-branding-owner-operator"] .vaccine-safe,
  [class*="block--ibi-base-branding-owner-operator"] .block__content .public-health-wrapper,
  [class*="block--ibi-base-branding-owner-operator"] .block__content .unicef-wrapper,
  [class*="block--ibi-base-branding-owner-operator"] .block__content .world-vaccine-wrapper {
    display: inline-block;
    vertical-align: middle; }
  [class*="block--ibi-base-vaccine-safe"] .block__content .public-health-wrapper,
  [class*="block--ibi-base-branding-owner-operator"] .block__content .public-health-wrapper {
    border-right: 1px solid #F3F4F7;
    margin-right: 1%;
    padding: 0 4.2%;
    padding-left: 1%; }
  [class*="block--ibi-base-vaccine-safe"] .block__content .unicef-wrapper,
  [class*="block--ibi-base-branding-owner-operator"] .block__content .unicef-wrapper {
    padding-top: 5px;
    padding-left: 4.2%; }
  @media (max-width: 767px) {
    [class*="block--ibi-base-vaccine-safe"] .block__content .unicef-wrapper,
    [class*="block--ibi-base-branding-owner-operator"] .block__content .unicef-wrapper {
      width: 30%; } }
  [class*="block--ibi-base-vaccine-safe"] .custom-title,
  [class*="block--ibi-base-branding-owner-operator"] .custom-title {
    width: 26%; }
    [class*="block--ibi-base-vaccine-safe"] .custom-title h2,
    [class*="block--ibi-base-branding-owner-operator"] .custom-title h2 {
      color: #304A97;
      line-height: 1.2em;
      font-size: 1.125rem;
      text-align: left; }
      @media (max-width: 767px) {
        [class*="block--ibi-base-vaccine-safe"] .custom-title h2,
        [class*="block--ibi-base-branding-owner-operator"] .custom-title h2 {
          font-size: 0.75rem; } }

.block--ibi-base-branding-owner-operator .public-health-wrapper,
.block--ibi-base-branding-owner-operator-intl .public-health-wrapper {
  margin: 0 !important;
  padding: 0 20px 0 12px !important; }

.block--ibi-base-branding-owner-operator,
.block--ibi-base-branding-owner-operator-scotland,
.block--ibi-base-branding-owner-operator-intl {
  position: absolute;
  top: -45px;
  right: 0;
  text-align: right;
  width: 100%; }
  .block--ibi-base-branding-owner-operator .custom-title,
  .block--ibi-base-branding-owner-operator .unicef-wrapper,
  .block--ibi-base-branding-owner-operator-scotland .custom-title,
  .block--ibi-base-branding-owner-operator-scotland .unicef-wrapper,
  .block--ibi-base-branding-owner-operator-intl .custom-title,
  .block--ibi-base-branding-owner-operator-intl .unicef-wrapper {
    width: auto !important; }
  .block--ibi-base-branding-owner-operator .public-health-wrapper,
  .block--ibi-base-branding-owner-operator-scotland .public-health-wrapper,
  .block--ibi-base-branding-owner-operator-intl .public-health-wrapper {
    display: none !important; }
  .block--ibi-base-branding-owner-operator .unicef-wrapper,
  .block--ibi-base-branding-owner-operator-scotland .unicef-wrapper,
  .block--ibi-base-branding-owner-operator-intl .unicef-wrapper {
    margin: 0 !important;
    padding: 0 0 0 20px !important; }
    .block--ibi-base-branding-owner-operator .unicef-wrapper img,
    .block--ibi-base-branding-owner-operator-scotland .unicef-wrapper img,
    .block--ibi-base-branding-owner-operator-intl .unicef-wrapper img {
      max-width: 97px; }
  .block--ibi-base-branding-owner-operator .world-vaccine-wrapper,
  .block--ibi-base-branding-owner-operator-scotland .world-vaccine-wrapper,
  .block--ibi-base-branding-owner-operator-intl .world-vaccine-wrapper {
    margin-left: 40px; }
    .block--ibi-base-branding-owner-operator .world-vaccine-wrapper img,
    .block--ibi-base-branding-owner-operator-scotland .world-vaccine-wrapper img,
    .block--ibi-base-branding-owner-operator-intl .world-vaccine-wrapper img {
      max-width: 90px; }
  @media (min-width: 768px) {
    .block--ibi-base-branding-owner-operator,
    .block--ibi-base-branding-owner-operator-scotland,
    .block--ibi-base-branding-owner-operator-intl {
      right: 0;
      top: -75px;
      width: auto; } }
  @media (min-width: 992px) {
    .block--ibi-base-branding-owner-operator,
    .block--ibi-base-branding-owner-operator-scotland,
    .block--ibi-base-branding-owner-operator-intl {
      top: -95px; }
      .block--ibi-base-branding-owner-operator .unicef-wrapper img,
      .block--ibi-base-branding-owner-operator-scotland .unicef-wrapper img,
      .block--ibi-base-branding-owner-operator-intl .unicef-wrapper img {
        max-width: 97px; }
      .block--ibi-base-branding-owner-operator .world-vaccine-wrapper img,
      .block--ibi-base-branding-owner-operator-scotland .world-vaccine-wrapper img,
      .block--ibi-base-branding-owner-operator-intl .world-vaccine-wrapper img {
        max-width: 90px; } }

.block--ibi-base-branding-owner-operator-scotland .public-health img,
.block--ibi-base-branding-owner-operator-scotland--2 .public-health img {
  width: 108px; }

.block--ibi-base-branding-owner-operator-scotland .block__content .unicef-wrapper {
  display: none; }

.block--ibi-base-branding-owner-operator-scotland .block__content .public-health-wrapper {
  border-right: 0;
  padding: 0;
  margin: 0; }

.block--ibi-base-branding-owner-operator-scotland .public-health img {
  margin-top: -15px; }
  @media (min-width: 768px) {
    .block--ibi-base-branding-owner-operator-scotland .public-health img {
      width: 216px; } }
  @media only screen and (max-width: 768px) {
    .block--ibi-base-branding-owner-operator-scotland .public-health img {
      width: 150px;
      margin-top: -50px; } }

@media only screen and (max-width: 768px) {
  .block--ibi-base-branding-owner-operator-scotland--2 .public-health img {
    width: 175px;
    margin-top: -10px; } }

@media only screen and (max-width: 526px) {
  .block--ibi-base-branding-owner-operator,
  .block--ibi-base-branding-owner-operator-scotland,
  .block--ibi-base-branding-owner-operator-intl {
    display: none; } }

.block--ibi-base-branding-owner-operator-footer,
.block--ibi-base-branding-owner-operator-scotland--2,
.block--ibi-base-branding-owner-operator-intl--2 {
  width: 360px;
  padding-top: 10px; }
  .block--ibi-base-branding-owner-operator-footer .unicef-wrapper img,
  .block--ibi-base-branding-owner-operator-scotland--2 .unicef-wrapper img,
  .block--ibi-base-branding-owner-operator-intl--2 .unicef-wrapper img {
    max-width: 124px; }
  .block--ibi-base-branding-owner-operator-footer .world-vaccine-wrapper,
  .block--ibi-base-branding-owner-operator-scotland--2 .world-vaccine-wrapper,
  .block--ibi-base-branding-owner-operator-intl--2 .world-vaccine-wrapper {
    display: none !important; }

[class*="block--ibi-base-vaccine-safe"] a {
  display: inline-block; }

[class*="block--ibi-base-vaccine-safe"] .ccunesco {
  margin-right: 25px; }

.block--ibi-base-vaccine-safe-scotland .ccunesco {
  display: none; }

.block--ibi-base-copy-right-block {
  padding-top: 9px;
  font-size: 0.75rem;
  color: gray;
  text-align: center; }
  .block--ibi-base-copy-right-block a {
    text-decoration: none;
    color: gray; }
  @media (min-width: 992px) {
    .block--ibi-base-copy-right-block {
      text-align: left; } }

.block--ibi-base-vaccine-info {
  padding-bottom: 30px; }
  .block--ibi-base-vaccine-info h1 {
    color: #ffffff;
    margin-bottom: 10px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .block--ibi-base-vaccine-info h1 {
        text-align: center; } }
  .block--ibi-base-vaccine-info .quiz-info-graphic {
    margin: 0 auto; }
    .block--ibi-base-vaccine-info .quiz-info-graphic img {
      width: 100%; }
    @media (min-width: 768px) and (max-width: 991px) {
      .block--ibi-base-vaccine-info .quiz-info-graphic {
        width: 60%;
        margin: 0 auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .block--ibi-base-vaccine-info .block__content p {
      width: 70%;
      margin: 0 auto;
      text-align: center; } }

.block--ibi-base-facebook-twitter .custom-share {
  position: relative;
  display: inline-block;
  height: 35px;
  width: 35px; }

.block--ibi-base-facebook-twitter .facebook-fonto {
  background: #3350ae; }
  .block--ibi-base-facebook-twitter .facebook-fonto::before {
    content: "";
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1;
    margin-right: .2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    font-size: 1.25rem;
    position: absolute;
    top: 7px;
    left: 2px;
    color: #ffffff;
    cursor: pointer; }

.block--ibi-base-facebook-twitter .twitter-fonto {
  background: #01c4f1; }
  .block--ibi-base-facebook-twitter .twitter-fonto::before {
    content: "";
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1;
    margin-right: .2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    font-size: 1.25rem;
    position: absolute;
    top: 7px;
    left: 3px;
    color: #ffffff;
    cursor: pointer; }

.block--ibi-base-facebook-twitter .instagram-fonto {
  background: #e4405f; }
  .block--ibi-base-facebook-twitter .instagram-fonto::before {
    content: "";
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1;
    margin-right: .2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    font-size: 1.25rem;
    position: absolute;
    top: 7px;
    left: 3px;
    color: #ffffff;
    cursor: pointer; }

.block--views-schools-latest-updates-block,
.block--views-latest-updates-block {
  position: relative; }
  .block--views-schools-latest-updates-block .block__title,
  .block--views-latest-updates-block .block__title {
    border-right: 0;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 20px;
    margin-bottom: 30px;
    padding-right: 10px;
    float: left;
    letter-spacing: 0.02em;
    font-size: 1.5rem;
    line-height: 1em;
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (min-width: 768px) {
      .block--views-schools-latest-updates-block .block__title,
      .block--views-latest-updates-block .block__title {
        width: 40%;
        float: left;
        margin-right: -100%;
        margin-left: 0.83333%;
        clear: none;
        border-right: 1px solid #DFDFDF;
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        padding-right: 40px; } }
    @media (min-width: 992px) {
      .block--views-schools-latest-updates-block .block__title,
      .block--views-latest-updates-block .block__title {
        border-right: 1px solid #DFDFDF;
        border-bottom: 0;
        padding-bottom: 0;
        padding-right: 40px;
        width: 31.66667%;
        float: left;
        margin-right: -100%;
        margin-left: 0.83333%;
        clear: none; } }
    .block--views-schools-latest-updates-block .block__title::before,
    .block--views-latest-updates-block .block__title::before {
      content: "";
      width: 97px;
      height: 56px;
      background: url("../images/icon_babies_white.png") no-repeat scroll top left;
      display: block;
      float: left;
      vertical-align: top; }
  @media (min-width: 0) and (max-width: 767px) {
    .block--views-schools-latest-updates-block li.views-row,
    .block--views-latest-updates-block li.views-row {
      display: inline-block;
      width: 100%; } }
  .block--views-schools-latest-updates-block .views-row > div,
  .block--views-latest-updates-block .views-row > div {
    margin: 8px;
    position: relative; }
  .block--views-schools-latest-updates-block .view-header,
  .block--views-latest-updates-block .view-header {
    margin-bottom: 50px;
    padding-top: 20px;
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }
    @media (min-width: 768px) {
      .block--views-schools-latest-updates-block .view-header,
      .block--views-latest-updates-block .view-header {
        width: 56.66667%;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%;
        clear: none;
        padding-top: 0; } }
    @media (min-width: 992px) {
      .block--views-schools-latest-updates-block .view-header,
      .block--views-latest-updates-block .view-header {
        width: 48.33333%;
        float: left;
        margin-right: -100%;
        margin-left: 34.16667%;
        clear: none; } }
    .block--views-schools-latest-updates-block .view-header p,
    .block--views-latest-updates-block .view-header p {
      color: #304A97;
      font-size: 1.0625rem; }
  .block--views-schools-latest-updates-block .view-footer,
  .block--views-latest-updates-block .view-footer {
    position: absolute;
    bottom: -5px;
    right: 37px;
    width: auto; }
    .block--views-schools-latest-updates-block .view-footer .right-side-btn,
    .block--views-latest-updates-block .view-footer .right-side-btn {
      width: auto;
      background: #BED328;
      padding: 5px 15px;
      box-shadow: -5px 1px 17px -4px rgba(0, 0, 0, 0.8); }
      .block--views-schools-latest-updates-block .view-footer .right-side-btn a,
      .block--views-latest-updates-block .view-footer .right-side-btn a {
        text-decoration: none; }
        .block--views-schools-latest-updates-block .view-footer .right-side-btn a h2,
        .block--views-latest-updates-block .view-footer .right-side-btn a h2 {
          line-height: 2.2em;
          font-size: 0.875rem; }
      .block--views-schools-latest-updates-block .view-footer .right-side-btn::after,
      .block--views-latest-updates-block .view-footer .right-side-btn::after {
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #BED328;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -20px; }
    .block--views-schools-latest-updates-block .view-footer .right-side-btn.hover,
    .block--views-latest-updates-block .view-footer .right-side-btn.hover {
      background: #ffffff; }
      .block--views-schools-latest-updates-block .view-footer .right-side-btn.hover::after,
      .block--views-latest-updates-block .view-footer .right-side-btn.hover::after {
        border-left: 20px solid #ffffff; }
      .block--views-schools-latest-updates-block .view-footer .right-side-btn.hover a h2,
      .block--views-latest-updates-block .view-footer .right-side-btn.hover a h2 {
        color: #00A09C; }
  .block--views-schools-latest-updates-block .view-content,
  .block--views-latest-updates-block .view-content {
    clear: both !important;
    padding-top: 0;
    margin: 20px 0;
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }
  .block--views-schools-latest-updates-block .views-row,
  .block--views-latest-updates-block .views-row {
    margin-bottom: 40px;
    background: #ffffff; }

.block--views-latest-updates-block .views-row > div {
  margin-bottom: 60px; }

.block--views-latest-updates-related-articles .block__title {
  margin-left: 1.5%;
  margin-bottom: 10px; }

.block--views-latest-updates-related-articles .view-content {
  padding-top: 0; }

.block--views-user-points-block-1 {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .block--views-user-points-block-1 .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      .block--views-user-points-block-1 .block__title {
        min-width: 200px; } }
    .block--views-user-points-block-1 .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .block--views-user-points-block-1 .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  .block--views-user-points-block-1 .block__title {
    background: #BED328; }
    .block--views-user-points-block-1 .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    .block--views-user-points-block-1 .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }

.block--ibi-quiz-quiz-progress .block__title {
  margin-bottom: 20px;
  color: #ffffff; }

.block--ibi-quiz-quiz-progress .level-select-title {
  font-size: 1.125rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .block--ibi-quiz-quiz-progress .level-select-title a {
    color: #18254B; }
    .block--ibi-quiz-quiz-progress .level-select-title a:hover {
      color: #ffffff; }

.block--ibi-quiz-quiz-progress .meter {
  height: 16px;
  background: repeating-linear-gradient(-45deg, #02807D, #02807D 1px, #ffffff 1px, #ffffff 5px); }
  .block--ibi-quiz-quiz-progress .meter span {
    background: #BED328; }

.block--ibi-quiz-quiz-progress .vaccines-earned-text {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875rem;
  text-align: left;
  padding-top: 4px; }
  .block--ibi-quiz-quiz-progress .vaccines-earned-text::before {
    content: "";
    width: 25px;
    height: 34px;
    background: url("../images/icon_baby_white_sm.png") no-repeat scroll top left;
    display: inline-block;
    vertical-align: top; }
  .block--ibi-quiz-quiz-progress .vaccines-earned-text .points-earned {
    font-size: 1rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.block--ibi-quiz-quiz-progress .level-select-item {
  margin-bottom: 20px; }

.block--ibi-quiz-quiz-progress .go-dashboard {
  text-align: right;
  position: relative;
  font-size: 1.125rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .block--ibi-quiz-quiz-progress .go-dashboard a {
    color: #18254B;
    padding-right: 19px; }
  .block--ibi-quiz-quiz-progress .go-dashboard::after {
    content: "";
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1;
    margin-right: .2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    font-size: 1.5rem;
    color: #BED328;
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    right: -6px;
    top: 3px; }

.block--ibi-quiz-quiz-progress .go-dashboard.hover a {
  color: #ffffff; }

.block--ibi-quiz-quiz-progress .go-dashboard.hover::after {
  content: "";
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1;
  margin-right: .2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  font-size: 1.5rem;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  right: -6px;
  top: 3px; }

.block--ibi-useractivity,
.block--views-booster-leaderboard-block-1,
.block--views-quiz-leaderboard-block,
.block--views-teams-block-1 {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .block--ibi-useractivity:after,
  .block--views-booster-leaderboard-block-1:after,
  .block--views-quiz-leaderboard-block:after,
  .block--views-teams-block-1:after {
    content: "";
    display: table;
    clear: both; }
  .block--ibi-useractivity .block__title,
  .block--views-booster-leaderboard-block-1 .block__title,
  .block--views-quiz-leaderboard-block .block__title,
  .block--views-teams-block-1 .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      .block--ibi-useractivity .block__title,
      .block--views-booster-leaderboard-block-1 .block__title,
      .block--views-quiz-leaderboard-block .block__title,
      .block--views-teams-block-1 .block__title {
        min-width: 200px; } }
    .block--ibi-useractivity .block__title::before,
    .block--views-booster-leaderboard-block-1 .block__title::before,
    .block--views-quiz-leaderboard-block .block__title::before,
    .block--views-teams-block-1 .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .block--ibi-useractivity .block__title::after,
    .block--views-booster-leaderboard-block-1 .block__title::after,
    .block--views-quiz-leaderboard-block .block__title::after,
    .block--views-teams-block-1 .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  .block--ibi-useractivity .block__title,
  .block--views-booster-leaderboard-block-1 .block__title,
  .block--views-quiz-leaderboard-block .block__title,
  .block--views-teams-block-1 .block__title {
    background: #BED328; }
    .block--ibi-useractivity .block__title::before,
    .block--views-booster-leaderboard-block-1 .block__title::before,
    .block--views-quiz-leaderboard-block .block__title::before,
    .block--views-teams-block-1 .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    .block--ibi-useractivity .block__title::after,
    .block--views-booster-leaderboard-block-1 .block__title::after,
    .block--views-quiz-leaderboard-block .block__title::after,
    .block--views-teams-block-1 .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }
  .block--ibi-useractivity .block__content table th,
  .block--views-booster-leaderboard-block-1 .block__content table th,
  .block--views-quiz-leaderboard-block .block__content table th,
  .block--views-teams-block-1 .block__content table th {
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18254B; }
  .block--ibi-useractivity .block__content table td,
  .block--views-booster-leaderboard-block-1 .block__content table td,
  .block--views-quiz-leaderboard-block .block__content table td,
  .block--views-teams-block-1 .block__content table td {
    vertical-align: middle;
    font-size: 0.875rem; }
  .block--ibi-useractivity .block__content table td.useractivity_avatar,
  .block--ibi-useractivity .block__content table .views-field-picture,
  .block--views-booster-leaderboard-block-1 .block__content table td.useractivity_avatar,
  .block--views-booster-leaderboard-block-1 .block__content table .views-field-picture,
  .block--views-quiz-leaderboard-block .block__content table td.useractivity_avatar,
  .block--views-quiz-leaderboard-block .block__content table .views-field-picture,
  .block--views-teams-block-1 .block__content table td.useractivity_avatar,
  .block--views-teams-block-1 .block__content table .views-field-picture {
    padding: 5px; }
    .block--ibi-useractivity .block__content table td.useractivity_avatar img,
    .block--ibi-useractivity .block__content table .views-field-picture img,
    .block--views-booster-leaderboard-block-1 .block__content table td.useractivity_avatar img,
    .block--views-booster-leaderboard-block-1 .block__content table .views-field-picture img,
    .block--views-quiz-leaderboard-block .block__content table td.useractivity_avatar img,
    .block--views-quiz-leaderboard-block .block__content table .views-field-picture img,
    .block--views-teams-block-1 .block__content table td.useractivity_avatar img,
    .block--views-teams-block-1 .block__content table .views-field-picture img {
      width: 40px; }
  .block--ibi-useractivity .block__content table td.useractivity_points,
  .block--ibi-useractivity .block__content table .views-field-points,
  .block--views-booster-leaderboard-block-1 .block__content table td.useractivity_points,
  .block--views-booster-leaderboard-block-1 .block__content table .views-field-points,
  .block--views-quiz-leaderboard-block .block__content table td.useractivity_points,
  .block--views-quiz-leaderboard-block .block__content table .views-field-points,
  .block--views-teams-block-1 .block__content table td.useractivity_points,
  .block--views-teams-block-1 .block__content table .views-field-points {
    text-align: center; }
  .block--ibi-useractivity .leaders-view-all,
  .block--ibi-useractivity .more-link,
  .block--views-booster-leaderboard-block-1 .leaders-view-all,
  .block--views-booster-leaderboard-block-1 .more-link,
  .block--views-quiz-leaderboard-block .leaders-view-all,
  .block--views-quiz-leaderboard-block .more-link,
  .block--views-teams-block-1 .leaders-view-all,
  .block--views-teams-block-1 .more-link {
    margin-top: 20px;
    text-align: right;
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .block--ibi-useractivity .leaders-view-all a,
    .block--ibi-useractivity .more-link a,
    .block--views-booster-leaderboard-block-1 .leaders-view-all a,
    .block--views-booster-leaderboard-block-1 .more-link a,
    .block--views-quiz-leaderboard-block .leaders-view-all a,
    .block--views-quiz-leaderboard-block .more-link a,
    .block--views-teams-block-1 .leaders-view-all a,
    .block--views-teams-block-1 .more-link a {
      color: #18254B;
      padding-right: 19px; }
    .block--ibi-useractivity .leaders-view-all::after,
    .block--ibi-useractivity .more-link::after,
    .block--views-booster-leaderboard-block-1 .leaders-view-all::after,
    .block--views-booster-leaderboard-block-1 .more-link::after,
    .block--views-quiz-leaderboard-block .leaders-view-all::after,
    .block--views-quiz-leaderboard-block .more-link::after,
    .block--views-teams-block-1 .leaders-view-all::after,
    .block--views-teams-block-1 .more-link::after {
      content: "";
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1;
      margin-right: .2em;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      font-size: 1.5rem;
      color: #BED328;
      cursor: pointer;
      text-decoration: none;
      position: absolute;
      right: -6px;
      top: 3px; }

.block--views-quiz-leaderboard-block .block__title {
  font-size: 16px; }
  .block--views-quiz-leaderboard-block .block__title .subtitle {
    font-size: 12px; }

#block-views-user-points-block {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  #block-views-user-points-block .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      #block-views-user-points-block .block__title {
        min-width: 200px; } }
    #block-views-user-points-block .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    #block-views-user-points-block .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  #block-views-user-points-block .block__title {
    background: #BED328; }
    #block-views-user-points-block .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    #block-views-user-points-block .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }

.block--ibi-quiz-quiz-locked-quizzes .meter {
  height: 16px;
  background: repeating-linear-gradient(-45deg, #02807D, #02807D 1px, #ffffff 1px, #ffffff 5px); }
  .block--ibi-quiz-quiz-locked-quizzes .meter span {
    background: #BED328; }

.block--ibi-quiz-quiz-locked-quizzes .quiz-progress.meter {
  height: 14px; }

.block--ibi-quiz-quiz-locked-quizzes .level-sub-title {
  margin: 10px 0; }

.block--ibi-quiz-quiz-locked-quizzes {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .block--ibi-quiz-quiz-locked-quizzes:after {
    content: "";
    display: table;
    clear: both; }
  .block--ibi-quiz-quiz-locked-quizzes .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      .block--ibi-quiz-quiz-locked-quizzes .block__title {
        min-width: 200px; } }
    .block--ibi-quiz-quiz-locked-quizzes .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .block--ibi-quiz-quiz-locked-quizzes .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  .block--ibi-quiz-quiz-locked-quizzes .block__title {
    background: #BED328; }
    .block--ibi-quiz-quiz-locked-quizzes .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    .block--ibi-quiz-quiz-locked-quizzes .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }

#block-ibi-base-vaccine-count-auth:after,
.block--views-vaccines-earned-block-6:after,
.block--views-vaccines-earned-block-5:after,
.block--views-vaccines-earned-block-4:after,
.block--views-vaccines-earned-block-1:after,
.block--views-vaccines-earned-block-3:after,
.block--views-vaccines-earned-block:after {
  content: "";
  display: table;
  clear: both; }

#block-ibi-base-vaccine-count-auth .left-side,
.block--views-vaccines-earned-block-6 .left-side,
.block--views-vaccines-earned-block-5 .left-side,
.block--views-vaccines-earned-block-4 .left-side,
.block--views-vaccines-earned-block-1 .left-side,
.block--views-vaccines-earned-block-3 .left-side,
.block--views-vaccines-earned-block .left-side {
  z-index: 1;
  position: relative;
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  #block-ibi-base-vaccine-count-auth .left-side::after,
  .block--views-vaccines-earned-block-6 .left-side::after,
  .block--views-vaccines-earned-block-5 .left-side::after,
  .block--views-vaccines-earned-block-4 .left-side::after,
  .block--views-vaccines-earned-block-1 .left-side::after,
  .block--views-vaccines-earned-block-3 .left-side::after,
  .block--views-vaccines-earned-block .left-side::after {
    content: "";
    display: block;
    position: absolute;
    right: 23%;
    z-index: -1;
    height: 71%;
    bottom: 0;
    width: 98%;
    left: 7px;
    border-radius: 45%;
    box-shadow: 2px 1px 20px 0 rgba(0, 0, 0, 0.8); }
  #block-ibi-base-vaccine-count-auth .left-side .left-side-inner,
  .block--views-vaccines-earned-block-6 .left-side .left-side-inner,
  .block--views-vaccines-earned-block-5 .left-side .left-side-inner,
  .block--views-vaccines-earned-block-4 .left-side .left-side-inner,
  .block--views-vaccines-earned-block-1 .left-side .left-side-inner,
  .block--views-vaccines-earned-block-3 .left-side .left-side-inner,
  .block--views-vaccines-earned-block .left-side .left-side-inner {
    background: #ffffff;
    padding: 10px; }
    #block-ibi-base-vaccine-count-auth .left-side .left-side-inner img,
    .block--views-vaccines-earned-block-6 .left-side .left-side-inner img,
    .block--views-vaccines-earned-block-5 .left-side .left-side-inner img,
    .block--views-vaccines-earned-block-4 .left-side .left-side-inner img,
    .block--views-vaccines-earned-block-1 .left-side .left-side-inner img,
    .block--views-vaccines-earned-block-3 .left-side .left-side-inner img,
    .block--views-vaccines-earned-block .left-side .left-side-inner img {
      width: 100%; }
  @media (min-width: 768px) {
    #block-ibi-base-vaccine-count-auth .left-side,
    .block--views-vaccines-earned-block-6 .left-side,
    .block--views-vaccines-earned-block-5 .left-side,
    .block--views-vaccines-earned-block-4 .left-side,
    .block--views-vaccines-earned-block-1 .left-side,
    .block--views-vaccines-earned-block-3 .left-side,
    .block--views-vaccines-earned-block .left-side {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }
  @media (min-width: 992px) {
    #block-ibi-base-vaccine-count-auth .left-side,
    .block--views-vaccines-earned-block-6 .left-side,
    .block--views-vaccines-earned-block-5 .left-side,
    .block--views-vaccines-earned-block-4 .left-side,
    .block--views-vaccines-earned-block-1 .left-side,
    .block--views-vaccines-earned-block-3 .left-side,
    .block--views-vaccines-earned-block .left-side {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

#block-ibi-base-vaccine-count-auth .right-side,
.block--views-vaccines-earned-block-6 .right-side,
.block--views-vaccines-earned-block-5 .right-side,
.block--views-vaccines-earned-block-4 .right-side,
.block--views-vaccines-earned-block-1 .right-side,
.block--views-vaccines-earned-block-3 .right-side,
.block--views-vaccines-earned-block .right-side {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    #block-ibi-base-vaccine-count-auth .right-side,
    .block--views-vaccines-earned-block-6 .right-side,
    .block--views-vaccines-earned-block-5 .right-side,
    .block--views-vaccines-earned-block-4 .right-side,
    .block--views-vaccines-earned-block-1 .right-side,
    .block--views-vaccines-earned-block-3 .right-side,
    .block--views-vaccines-earned-block .right-side {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      margin-bottom: 0; } }
  @media (min-width: 992px) {
    #block-ibi-base-vaccine-count-auth .right-side,
    .block--views-vaccines-earned-block-6 .right-side,
    .block--views-vaccines-earned-block-5 .right-side,
    .block--views-vaccines-earned-block-4 .right-side,
    .block--views-vaccines-earned-block-1 .right-side,
    .block--views-vaccines-earned-block-3 .right-side,
    .block--views-vaccines-earned-block .right-side {
      width: 40%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      margin-bottom: 0; } }
  @media (min-width: 768px) {
    #block-ibi-base-vaccine-count-auth .right-side .right-side-head,
    .block--views-vaccines-earned-block-6 .right-side .right-side-head,
    .block--views-vaccines-earned-block-5 .right-side .right-side-head,
    .block--views-vaccines-earned-block-4 .right-side .right-side-head,
    .block--views-vaccines-earned-block-1 .right-side .right-side-head,
    .block--views-vaccines-earned-block-3 .right-side .right-side-head,
    .block--views-vaccines-earned-block .right-side .right-side-head {
      margin-top: 0; } }
  @media (min-width: 992px) {
    #block-ibi-base-vaccine-count-auth .right-side .right-side-head .points-counter,
    .block--views-vaccines-earned-block-6 .right-side .right-side-head .points-counter,
    .block--views-vaccines-earned-block-5 .right-side .right-side-head .points-counter,
    .block--views-vaccines-earned-block-4 .right-side .right-side-head .points-counter,
    .block--views-vaccines-earned-block-1 .right-side .right-side-head .points-counter,
    .block--views-vaccines-earned-block-3 .right-side .right-side-head .points-counter,
    .block--views-vaccines-earned-block .right-side .right-side-head .points-counter {
      padding-right: 0; } }
  #block-ibi-base-vaccine-count-auth .right-side .right-side-head .right-side-head-img,
  .block--views-vaccines-earned-block-6 .right-side .right-side-head .right-side-head-img,
  .block--views-vaccines-earned-block-5 .right-side .right-side-head .right-side-head-img,
  .block--views-vaccines-earned-block-4 .right-side .right-side-head .right-side-head-img,
  .block--views-vaccines-earned-block-1 .right-side .right-side-head .right-side-head-img,
  .block--views-vaccines-earned-block-3 .right-side .right-side-head .right-side-head-img,
  .block--views-vaccines-earned-block .right-side .right-side-head .right-side-head-img {
    float: left;
    padding: 0 5px 0 0; }
  #block-ibi-base-vaccine-count-auth .right-side .right-side-head .points-counter,
  .block--views-vaccines-earned-block-6 .right-side .right-side-head .points-counter,
  .block--views-vaccines-earned-block-5 .right-side .right-side-head .points-counter,
  .block--views-vaccines-earned-block-4 .right-side .right-side-head .points-counter,
  .block--views-vaccines-earned-block-1 .right-side .right-side-head .points-counter,
  .block--views-vaccines-earned-block-3 .right-side .right-side-head .points-counter,
  .block--views-vaccines-earned-block .right-side .right-side-head .points-counter {
    font-size: 1.125rem;
    line-height: 1.2em;
    border-bottom: 2px dotted #9cb532;
    margin-bottom: 15px; }
    #block-ibi-base-vaccine-count-auth .right-side .right-side-head .points-counter .with-white-bg,
    .block--views-vaccines-earned-block-6 .right-side .right-side-head .points-counter .with-white-bg,
    .block--views-vaccines-earned-block-5 .right-side .right-side-head .points-counter .with-white-bg,
    .block--views-vaccines-earned-block-4 .right-side .right-side-head .points-counter .with-white-bg,
    .block--views-vaccines-earned-block-1 .right-side .right-side-head .points-counter .with-white-bg,
    .block--views-vaccines-earned-block-3 .right-side .right-side-head .points-counter .with-white-bg,
    .block--views-vaccines-earned-block .right-side .right-side-head .points-counter .with-white-bg {
      font-size: 1.33em; }
  #block-ibi-base-vaccine-count-auth .right-side .line,
  .block--views-vaccines-earned-block-6 .right-side .line,
  .block--views-vaccines-earned-block-5 .right-side .line,
  .block--views-vaccines-earned-block-4 .right-side .line,
  .block--views-vaccines-earned-block-1 .right-side .line,
  .block--views-vaccines-earned-block-3 .right-side .line,
  .block--views-vaccines-earned-block .right-side .line {
    clear: both;
    margin: 14px 0 20px 0;
    border-top: 1px solid #DFDFDF; }
  #block-ibi-base-vaccine-count-auth .right-side .right-side-body p,
  .block--views-vaccines-earned-block-6 .right-side .right-side-body p,
  .block--views-vaccines-earned-block-5 .right-side .right-side-body p,
  .block--views-vaccines-earned-block-4 .right-side .right-side-body p,
  .block--views-vaccines-earned-block-1 .right-side .right-side-body p,
  .block--views-vaccines-earned-block-3 .right-side .right-side-body p,
  .block--views-vaccines-earned-block .right-side .right-side-body p {
    font-size: 0.9375rem; }

#block-ibi-base-vaccine-count-auth .left-side,
.block--views-vaccines-earned-block-6 .left-side,
.block--views-vaccines-earned-block-5 .left-side,
.block--views-vaccines-earned-block-4 .left-side,
.block--views-vaccines-earned-block-1 .left-side,
.block--views-vaccines-earned-block-3 .left-side,
.block--views-vaccines-earned-block .left-side {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    #block-ibi-base-vaccine-count-auth .left-side,
    .block--views-vaccines-earned-block-6 .left-side,
    .block--views-vaccines-earned-block-5 .left-side,
    .block--views-vaccines-earned-block-4 .left-side,
    .block--views-vaccines-earned-block-1 .left-side,
    .block--views-vaccines-earned-block-3 .left-side,
    .block--views-vaccines-earned-block .left-side {
      width: 19.16667%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none;
      clear: none;
      margin-bottom: 0; } }

#block-ibi-base-vaccine-count-auth .middle,
.block--views-vaccines-earned-block-6 .middle,
.block--views-vaccines-earned-block-5 .middle,
.block--views-vaccines-earned-block-4 .middle,
.block--views-vaccines-earned-block-1 .middle,
.block--views-vaccines-earned-block-3 .middle,
.block--views-vaccines-earned-block .middle {
  border-right: 0 !important;
  border-bottom: 1px solid #ddd9d1;
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    #block-ibi-base-vaccine-count-auth .middle,
    .block--views-vaccines-earned-block-6 .middle,
    .block--views-vaccines-earned-block-5 .middle,
    .block--views-vaccines-earned-block-4 .middle,
    .block--views-vaccines-earned-block-1 .middle,
    .block--views-vaccines-earned-block-3 .middle,
    .block--views-vaccines-earned-block .middle {
      width: 31.66667%;
      float: left;
      margin-right: -100%;
      margin-left: 21.66667%;
      clear: none;
      border-right: 1px solid #ddd9d1 !important;
      border-bottom: 0;
      padding-right: 20px;
      padding-bottom: 40px; } }
  #block-ibi-base-vaccine-count-auth .middle p,
  .block--views-vaccines-earned-block-6 .middle p,
  .block--views-vaccines-earned-block-5 .middle p,
  .block--views-vaccines-earned-block-4 .middle p,
  .block--views-vaccines-earned-block-1 .middle p,
  .block--views-vaccines-earned-block-3 .middle p,
  .block--views-vaccines-earned-block .middle p {
    margin-top: 10px; }
  #block-ibi-base-vaccine-count-auth .middle .h-two-text-style,
  .block--views-vaccines-earned-block-6 .middle .h-two-text-style,
  .block--views-vaccines-earned-block-5 .middle .h-two-text-style,
  .block--views-vaccines-earned-block-4 .middle .h-two-text-style,
  .block--views-vaccines-earned-block-1 .middle .h-two-text-style,
  .block--views-vaccines-earned-block-3 .middle .h-two-text-style,
  .block--views-vaccines-earned-block .middle .h-two-text-style {
    line-height: 1.2em; }

#block-ibi-base-vaccine-count-auth .right-side,
.block--views-vaccines-earned-block-6 .right-side,
.block--views-vaccines-earned-block-5 .right-side,
.block--views-vaccines-earned-block-4 .right-side,
.block--views-vaccines-earned-block-1 .right-side,
.block--views-vaccines-earned-block-3 .right-side,
.block--views-vaccines-earned-block .right-side {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    #block-ibi-base-vaccine-count-auth .right-side,
    .block--views-vaccines-earned-block-6 .right-side,
    .block--views-vaccines-earned-block-5 .right-side,
    .block--views-vaccines-earned-block-4 .right-side,
    .block--views-vaccines-earned-block-1 .right-side,
    .block--views-vaccines-earned-block-3 .right-side,
    .block--views-vaccines-earned-block .right-side {
      width: 40%;
      float: left;
      margin-right: -100%;
      margin-left: 55%;
      clear: none; } }

#block-ibi-base-vaccine-count-auth .left-side.has-middle::after,
.block--views-vaccines-earned-block-6 .left-side.has-middle::after,
.block--views-vaccines-earned-block-5 .left-side.has-middle::after,
.block--views-vaccines-earned-block-4 .left-side.has-middle::after,
.block--views-vaccines-earned-block-1 .left-side.has-middle::after,
.block--views-vaccines-earned-block-3 .left-side.has-middle::after,
.block--views-vaccines-earned-block .left-side.has-middle::after {
  width: 83%; }

#block-ibi-base-vaccine-count-auth .right-side.has-middle .small-text,
.block--views-vaccines-earned-block-6 .right-side.has-middle .small-text,
.block--views-vaccines-earned-block-5 .right-side.has-middle .small-text,
.block--views-vaccines-earned-block-4 .right-side.has-middle .small-text,
.block--views-vaccines-earned-block-1 .right-side.has-middle .small-text,
.block--views-vaccines-earned-block-3 .right-side.has-middle .small-text,
.block--views-vaccines-earned-block .right-side.has-middle .small-text {
  font-size: 0.875rem;
  padding-top: 18px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.block--ibi-badges .block__content {
  padding-top: 5px; }
  .block--ibi-badges .block__content .achievement-block-item-wrapper {
    clear: both; }
    .block--ibi-badges .block__content .achievement-block-item-wrapper .achievements-block-badge-wrapper {
      width: 18%;
      float: left;
      padding-right: 20px; }
      @media (min-width: 768px) {
        .block--ibi-badges .block__content .achievement-block-item-wrapper .achievements-block-badge-wrapper {
          width: 10%; } }
      @media (min-width: 992px) {
        .block--ibi-badges .block__content .achievement-block-item-wrapper .achievements-block-badge-wrapper {
          width: 22%; } }
      .block--ibi-badges .block__content .achievement-block-item-wrapper .achievements-block-badge-wrapper img {
        width: 100%;
        height: auto; }
    .block--ibi-badges .block__content .achievement-block-item-wrapper .achievements-block-text-wrapper {
      font-size: 0.875rem;
      line-height: 1.4em; }
      .block--ibi-badges .block__content .achievement-block-item-wrapper .achievements-block-text-wrapper p {
        line-height: 1.2em;
        padding-top: 5px; }

#block-ibi-base-vaccine-count-anon,
#block-ibi-base-vaccine-count-auth-dash,
.block--views-vaccines-earned-block-4,
.block--views-vaccines-earned-block-1,
.block--views-vaccines-earned-block-3 {
  background: none; }
  #block-ibi-base-vaccine-count-anon .views-row,
  #block-ibi-base-vaccine-count-auth-dash .views-row,
  .block--views-vaccines-earned-block-4 .views-row,
  .block--views-vaccines-earned-block-1 .views-row,
  .block--views-vaccines-earned-block-3 .views-row {
    background: none; }
  #block-ibi-base-vaccine-count-anon .block__content .top-sec .points-counter,
  #block-ibi-base-vaccine-count-auth-dash .block__content .top-sec .points-counter,
  .block--views-vaccines-earned-block-4 .block__content .top-sec .points-counter,
  .block--views-vaccines-earned-block-1 .block__content .top-sec .points-counter,
  .block--views-vaccines-earned-block-3 .block__content .top-sec .points-counter {
    padding-left: 9px;
    font-size: 1.125rem;
    line-height: 1em;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #block-ibi-base-vaccine-count-anon .block__content .top-sec p,
  #block-ibi-base-vaccine-count-auth-dash .block__content .top-sec p,
  .block--views-vaccines-earned-block-4 .block__content .top-sec p,
  .block--views-vaccines-earned-block-1 .block__content .top-sec p,
  .block--views-vaccines-earned-block-3 .block__content .top-sec p {
    margin-top: 10px; }
  #block-ibi-base-vaccine-count-anon .block__content .middle-sec,
  #block-ibi-base-vaccine-count-auth-dash .block__content .middle-sec,
  .block--views-vaccines-earned-block-4 .block__content .middle-sec,
  .block--views-vaccines-earned-block-1 .block__content .middle-sec,
  .block--views-vaccines-earned-block-3 .block__content .middle-sec {
    background: #ffffff; }
    #block-ibi-base-vaccine-count-anon .block__content .middle-sec img,
    #block-ibi-base-vaccine-count-auth-dash .block__content .middle-sec img,
    .block--views-vaccines-earned-block-4 .block__content .middle-sec img,
    .block--views-vaccines-earned-block-1 .block__content .middle-sec img,
    .block--views-vaccines-earned-block-3 .block__content .middle-sec img {
      width: 100%;
      padding: 10px;
      padding-bottom: 3px; }
  #block-ibi-base-vaccine-count-anon .block__content .bottom-sec .h-two-text-style,
  #block-ibi-base-vaccine-count-auth-dash .block__content .bottom-sec .h-two-text-style,
  .block--views-vaccines-earned-block-4 .block__content .bottom-sec .h-two-text-style,
  .block--views-vaccines-earned-block-1 .block__content .bottom-sec .h-two-text-style,
  .block--views-vaccines-earned-block-3 .block__content .bottom-sec .h-two-text-style {
    margin-top: 10px;
    line-height: 1.1em; }

/* -- After First -- */
.l-region--suffix-content-after-first .block {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .l-region--suffix-content-after-first .block .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      .l-region--suffix-content-after-first .block .block__title {
        min-width: 200px; } }
    .l-region--suffix-content-after-first .block .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .l-region--suffix-content-after-first .block .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  .l-region--suffix-content-after-first .block .block__title {
    background: #BED328; }
    .l-region--suffix-content-after-first .block .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    .l-region--suffix-content-after-first .block .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }

/* -- Side Bar First -- */
.l-region--sidebar-first #block-views-vaccines-earned-block-4,
.l-region--sidebar-first #block-views-vaccines-earned-block-3,
.l-region--sidebar-first #block-views-vaccines-earned-block-1 {
  margin-bottom: 40px; }
  .l-region--sidebar-first #block-views-vaccines-earned-block-4 .baby-white,
  .l-region--sidebar-first #block-views-vaccines-earned-block-3 .baby-white,
  .l-region--sidebar-first #block-views-vaccines-earned-block-1 .baby-white {
    display: none;
    margin-right: 5px; }

/* -- Side Content Second -- */
.l-suffix-content-second #block-views-vaccines-earned-block-1 .block__content .baby-white {
  display: none; }

/* -- Side content First -- */
.l-region--suffix-content-first #block-views-vaccines-earned-block-1 .block__content .baby-white {
  display: none; }

/* -- Ways to earn more vaccines -- */
#block-ibi-badges-ibi-badges-encouragement-block {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  #block-ibi-badges-ibi-badges-encouragement-block .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      #block-ibi-badges-ibi-badges-encouragement-block .block__title {
        min-width: 200px; } }
    #block-ibi-badges-ibi-badges-encouragement-block .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    #block-ibi-badges-ibi-badges-encouragement-block .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  #block-ibi-badges-ibi-badges-encouragement-block .block__title {
    background: #BED328; }
    #block-ibi-badges-ibi-badges-encouragement-block .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    #block-ibi-badges-ibi-badges-encouragement-block .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }

/* -- T-shirt block-- */
#block-ibi-base-t-shirt-band .right-side {
  margin-top: 20px; }

#block-ibi-base-t-shirt-band .left-side .add-image {
  box-shadow: 4px 4px 6px -3px #333333;
  z-index: 1;
  position: relative; }
  #block-ibi-base-t-shirt-band .left-side .add-image .frame {
    background: #ffffff;
    padding: 10px;
    padding-bottom: 5px; }
    #block-ibi-base-t-shirt-band .left-side .add-image .frame img {
      width: 100%; }

#block-ibi-base-t-shirt-band .left-side .inner {
  width: 70%;
  float: left;
  margin-top: 15px; }
  #block-ibi-base-t-shirt-band .left-side .inner .right-side-btn {
    margin-top: 0;
    cursor: pointer;
    background: #BED328;
    position: absolute;
    padding: 5px 15px;
    box-shadow: -5px 1px 17px -4px rgba(0, 0, 0, 0.8); }
    @media (min-width: 992px) {
      #block-ibi-base-t-shirt-band .left-side .inner .right-side-btn {
        margin-top: 20px; } }
    #block-ibi-base-t-shirt-band .left-side .inner .right-side-btn a {
      text-decoration: none; }
    #block-ibi-base-t-shirt-band .left-side .inner .right-side-btn::after {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent;
      border-left: 25px solid #BED328;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: -25px; }
  #block-ibi-base-t-shirt-band .left-side .inner .right-side-btn.hover {
    background: #F3F4F7; }
    #block-ibi-base-t-shirt-band .left-side .inner .right-side-btn.hover::after {
      border-left: 25px solid #F3F4F7; }
    #block-ibi-base-t-shirt-band .left-side .inner .right-side-btn.hover h2 {
      color: #ffffff; }

#block-ibi-base-t-shirt-band .left-side .add-image {
  float: right;
  width: 25%;
  margin-right: 4%;
  border: 1px solid #DFDFDF; }

/* -- Quiz Dashboard top information block-- */
#block-ibi-base-grade-switcher-form,
#block-ibi-base-t-shirt-band,
#block-ibi-base-resource-info,
#block-ibi-schools-quiz-quiz-in-class-dashboard-info,
#block-ibi-schools-quiz-quiz-at-home-dashboard-info,
#block-ibi-base-quiz-dashboard-info {
  margin-bottom: 50px; }
  #block-ibi-base-grade-switcher-form:after,
  #block-ibi-base-t-shirt-band:after,
  #block-ibi-base-resource-info:after,
  #block-ibi-schools-quiz-quiz-in-class-dashboard-info:after,
  #block-ibi-schools-quiz-quiz-at-home-dashboard-info:after,
  #block-ibi-base-quiz-dashboard-info:after {
    content: "";
    display: table;
    clear: both; }
  #block-ibi-base-grade-switcher-form .right-side,
  #block-ibi-base-t-shirt-band .right-side,
  #block-ibi-base-resource-info .right-side,
  #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side,
  #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side,
  #block-ibi-base-quiz-dashboard-info .right-side {
    min-height: 45px;
    border-right: 0;
    padding-right: 40%;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 20px;
    margin-bottom: 30px;
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }
    #block-ibi-base-grade-switcher-form .right-side img,
    #block-ibi-base-t-shirt-band .right-side img,
    #block-ibi-base-resource-info .right-side img,
    #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side img,
    #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side img,
    #block-ibi-base-quiz-dashboard-info .right-side img {
      float: left;
      margin-right: 5px; }
    #block-ibi-base-grade-switcher-form .right-side .h-one-text-style,
    #block-ibi-base-t-shirt-band .right-side .h-one-text-style,
    #block-ibi-base-resource-info .right-side .h-one-text-style,
    #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side .h-one-text-style,
    #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side .h-one-text-style,
    #block-ibi-base-quiz-dashboard-info .right-side .h-one-text-style {
      font-size: 1.5rem; }
      #block-ibi-base-grade-switcher-form .right-side .h-one-text-style.blue,
      #block-ibi-base-t-shirt-band .right-side .h-one-text-style.blue,
      #block-ibi-base-resource-info .right-side .h-one-text-style.blue,
      #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side .h-one-text-style.blue,
      #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side .h-one-text-style.blue,
      #block-ibi-base-quiz-dashboard-info .right-side .h-one-text-style.blue {
        color: #18254B; }
    @media (min-width: 768px) {
      #block-ibi-base-grade-switcher-form .right-side,
      #block-ibi-base-t-shirt-band .right-side,
      #block-ibi-base-resource-info .right-side,
      #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side,
      #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side,
      #block-ibi-base-quiz-dashboard-info .right-side {
        width: 31.66667%;
        float: left;
        margin-right: -100%;
        margin-left: 0.83333%;
        clear: none;
        border-right: 1px solid #DFDFDF;
        border-bottom: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-right: 0;
        margin-bottom: 0; } }
    @media (min-width: 992px) {
      #block-ibi-base-grade-switcher-form .right-side,
      #block-ibi-base-t-shirt-band .right-side,
      #block-ibi-base-resource-info .right-side,
      #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side,
      #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side,
      #block-ibi-base-quiz-dashboard-info .right-side {
        border-right: 1px solid #DFDFDF;
        border-bottom: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-right: 40px;
        width: 31.66667%;
        float: left;
        margin-right: -100%;
        margin-left: 0.83333%;
        clear: none; } }
  #block-ibi-base-grade-switcher-form .left-side,
  #block-ibi-base-t-shirt-band .left-side,
  #block-ibi-base-resource-info .left-side,
  #block-ibi-schools-quiz-quiz-in-class-dashboard-info .left-side,
  #block-ibi-schools-quiz-quiz-at-home-dashboard-info .left-side,
  #block-ibi-base-quiz-dashboard-info .left-side {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }
    @media (min-width: 768px) {
      #block-ibi-base-grade-switcher-form .left-side,
      #block-ibi-base-t-shirt-band .left-side,
      #block-ibi-base-resource-info .left-side,
      #block-ibi-schools-quiz-quiz-in-class-dashboard-info .left-side,
      #block-ibi-schools-quiz-quiz-at-home-dashboard-info .left-side,
      #block-ibi-base-quiz-dashboard-info .left-side {
        width: 65%;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%;
        clear: none; } }
    #block-ibi-base-grade-switcher-form .left-side p,
    #block-ibi-base-t-shirt-band .left-side p,
    #block-ibi-base-resource-info .left-side p,
    #block-ibi-schools-quiz-quiz-in-class-dashboard-info .left-side p,
    #block-ibi-schools-quiz-quiz-at-home-dashboard-info .left-side p,
    #block-ibi-base-quiz-dashboard-info .left-side p {
      color: #304A97;
      font-weight: 400; }
  #block-ibi-base-grade-switcher-form .inline-block-custom,
  #block-ibi-base-t-shirt-band .inline-block-custom,
  #block-ibi-base-resource-info .inline-block-custom,
  #block-ibi-schools-quiz-quiz-in-class-dashboard-info .inline-block-custom,
  #block-ibi-schools-quiz-quiz-at-home-dashboard-info .inline-block-custom,
  #block-ibi-base-quiz-dashboard-info .inline-block-custom {
    display: inline-block;
    vertical-align: middle; }

#block-views-team-members-block-4 .view-display-id-block_4 .views-field-name,
#block-views-team-members-block-3 .view-display-id-block_4 .views-field-name,
#block-views-team-members-block-1 .view-display-id-block_4 .views-field-name,
#block-views-team-members-block .view-display-id-block_4 .views-field-name {
  line-height: 1.2em;
  font-size: 1.125rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #18254B; }

#block-views-team-members-block-4 .pager,
#block-views-team-members-block-3 .pager,
#block-views-team-members-block-1 .pager,
#block-views-team-members-block .pager {
  margin-top: 20px; }
  #block-views-team-members-block-4 .pager li,
  #block-views-team-members-block-3 .pager li,
  #block-views-team-members-block-1 .pager li,
  #block-views-team-members-block .pager li {
    display: inline-block;
    vertical-align: top; }
    #block-views-team-members-block-4 .pager li a,
    #block-views-team-members-block-3 .pager li a,
    #block-views-team-members-block-1 .pager li a,
    #block-views-team-members-block .pager li a {
      color: #333333; }

#block-ibi-survey-survey-push,
#block-kbi-announcement-block-announcement-block {
  background-color: #ffffff; }
  #block-ibi-survey-survey-push:after,
  #block-kbi-announcement-block-announcement-block:after {
    content: "";
    display: table;
    clear: both; }
  #block-ibi-survey-survey-push .block__title,
  #block-kbi-announcement-block-announcement-block .block__title {
    display: none; }
  #block-ibi-survey-survey-push .block__content,
  #block-kbi-announcement-block-announcement-block .block__content {
    font-size: 1.125rem;
    padding: 15px 20px;
    margin: 0 auto;
    position: relative;
    padding-right: 40px; }
    #block-ibi-survey-survey-push .block__content > :last-child,
    #block-kbi-announcement-block-announcement-block .block__content > :last-child {
      margin-bottom: 0; }
    #block-ibi-survey-survey-push .block__content .survey-icon::after,
    #block-kbi-announcement-block-announcement-block .block__content .survey-icon::after {
      content: "";
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1;
      margin-right: .2em;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      width: 30px;
      font-size: 1.3125rem; }
    #block-ibi-survey-survey-push .block__content a.close-survey,
    #block-kbi-announcement-block-announcement-block .block__content a.close-survey {
      color: #02807D;
      letter-spacing: 0.06em;
      font-size: 1.25rem;
      font-style: normal !important;
      line-height: 1em;
      text-decoration: none; }
      #block-ibi-survey-survey-push .block__content a.close-survey::after,
      #block-kbi-announcement-block-announcement-block .block__content a.close-survey::after {
        content: "";
        font-family: "fontello";
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1;
        margin-right: .2em;
        text-align: center;
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        width: 10px;
        position: absolute;
        top: 4px;
        right: 12px;
        margin: 6px; }
      #block-ibi-survey-survey-push .block__content a.close-survey:hover,
      #block-kbi-announcement-block-announcement-block .block__content a.close-survey:hover {
        color: #01605E; }

.block--quicktabs .quicktabs-tabs li {
  background: #F3F4F7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 5px;
  padding: 10px 10px 3px 10px; }
  .block--quicktabs .quicktabs-tabs li a {
    color: #02807D; }
  .block--quicktabs .quicktabs-tabs li.active {
    background: #ffffff; }
    .block--quicktabs .quicktabs-tabs li.active a {
      color: #00A09C;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

#block-search-form {
  position: absolute;
  right: 220px;
  top: 17px; }
  @media (max-width: 767px) {
    #block-search-form {
      display: none; } }
  @media (max-width: 766px) {
    #block-search-form {
      right: 46px;
      display: block; } }
  @media (max-width: 486px) {
    #block-search-form {
      display: none; } }
  #block-search-form .search-block-form {
    background: none;
    padding: 0; }
    #block-search-form .search-block-form .container-inline div {
      display: inline-block;
      vertical-align: top;
      height: 32px; }
    #block-search-form .search-block-form .form-item.form-type-textfield.form-item-search-block-form {
      display: none; }
      #block-search-form .search-block-form .form-item.form-type-textfield.form-item-search-block-form input.form-text {
        padding: 6px; }
    #block-search-form .search-block-form input.form-submit {
      background: none;
      border: none;
      border-radius: 0;
      /* Hide the text. */
      text-indent: -1000px;
      white-space: nowrap;
      width: 45px;
      padding: 0;
      overflow: hidden;
      outline: none; }
    #block-search-form .search-block-form .form-actions.form-wrapper {
      border-right: 1px solid #5f6789;
      border-left: 1px solid #5f6789; }
      #block-search-form .search-block-form .form-actions.form-wrapper::after {
        content: "";
        font-family: "fontello";
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1;
        margin-right: .2em;
        text-align: center;
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        font-size: 1.5rem;
        position: absolute;
        top: 6px;
        right: 9px;
        color: #ffffff;
        cursor: pointer; }
      #block-search-form .search-block-form .form-actions.form-wrapper.expanded {
        background: #9cb532;
        border: none; }

#block-views-team-members-block-3 {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  #block-views-team-members-block-3 .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      #block-views-team-members-block-3 .block__title {
        min-width: 200px; } }
    #block-views-team-members-block-3 .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    #block-views-team-members-block-3 .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  #block-views-team-members-block-3 .block__title {
    background: #BED328; }
    #block-views-team-members-block-3 .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    #block-views-team-members-block-3 .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }

#block-views-team-updates-block {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  #block-views-team-updates-block .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      #block-views-team-updates-block .block__title {
        min-width: 200px; } }
    #block-views-team-updates-block .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    #block-views-team-updates-block .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  #block-views-team-updates-block .block__title {
    background: #BED328; }
    #block-views-team-updates-block .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    #block-views-team-updates-block .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }

#block-masquerade-masquerade {
  clear: both;
  margin: 0 5px; }

#block-views-exp-clinic-sponsors-map-page {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  #block-views-exp-clinic-sponsors-map-page .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      #block-views-exp-clinic-sponsors-map-page .block__title {
        min-width: 200px; } }
    #block-views-exp-clinic-sponsors-map-page .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    #block-views-exp-clinic-sponsors-map-page .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  #block-views-exp-clinic-sponsors-map-page .block__title {
    background: #BED328; }
    #block-views-exp-clinic-sponsors-map-page .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    #block-views-exp-clinic-sponsors-map-page .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }
  #block-views-exp-clinic-sponsors-map-page .views-exposed-widget .form-item-field-clinic-type-value label[for="edit-field-clinic-type-value-london-drugs"] {
    background: url("/sites/all/modules/contrib/ip_geoloc/amarkers/blue.png") no-repeat right center;
    background-size: 15px auto;
    display: inline-block;
    padding-right: 30px; }
  #block-views-exp-clinic-sponsors-map-page .views-exposed-widget .form-item-field-clinic-type-value label[for="edit-field-clinic-type-value-pharmasave"] {
    background: url("/sites/all/modules/contrib/ip_geoloc/amarkers/red-brick.png") no-repeat right center;
    background-size: 15px auto;
    display: inline-block;
    padding-right: 30px; }

#block-ip-geoloc-geocode-address {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px;
  margin-top: 110px; }
  #block-ip-geoloc-geocode-address .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      #block-ip-geoloc-geocode-address .block__title {
        min-width: 200px; } }
    #block-ip-geoloc-geocode-address .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    #block-ip-geoloc-geocode-address .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  #block-ip-geoloc-geocode-address .block__title {
    background: #BED328; }
    #block-ip-geoloc-geocode-address .block__title::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    #block-ip-geoloc-geocode-address .block__title::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }
  #block-ip-geoloc-geocode-address #set-location-form {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-bottom: 0px;
    text-align: center; }
    #block-ip-geoloc-geocode-address #set-location-form input {
      width: 100%; }
    #block-ip-geoloc-geocode-address #set-location-form .form-item {
      margin-bottom: 10px; }
    #block-ip-geoloc-geocode-address #set-location-form input[type="submit"] {
      margin-bottom: 25px; }
    #block-ip-geoloc-geocode-address #set-location-form #edit-street-address {
      border: 1px solid #00A09C;
      border-radius: 1px; }

.sponsor-results-footer .divider {
  display: block;
  height: 15px; }

.sponsor-results-footer #sponsor-results-label {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px;
  margin-bottom: 0px; }
  .sponsor-results-footer #sponsor-results-label .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      .sponsor-results-footer #sponsor-results-label .block__title {
        min-width: 200px; } }
    .sponsor-results-footer #sponsor-results-label .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .sponsor-results-footer #sponsor-results-label .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  .sponsor-results-footer #sponsor-results-label .block__title {
    background: #D64800; }
    .sponsor-results-footer #sponsor-results-label .block__title::before {
      background-image: url("../../images/ribbon-orange-left.svg"); }
    .sponsor-results-footer #sponsor-results-label .block__title::after {
      background-image: url("../../images/ribbon-orange-right.svg"); }
  .sponsor-results-footer #sponsor-results-label .block__title {
    margin-bottom: 0px; }

#block-ibi-base-vaccine-count-auth-dash .points-counter,
#block-ibi-base-vaccine-count-anon .points-counter {
  border-bottom: 2px dotted #9cb532;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 15px; }

#block-ibi-base-vaccine-count-auth-dash .right-side-head-img.inline-block-custom,
#block-ibi-base-vaccine-count-anon .right-side-head-img.inline-block-custom {
  padding: 0 5px 0 0;
  float: left; }

#block-ibi-base-vaccine-count-anon .right-side-btn h2.blue-text {
  padding: 8px; }
  #block-ibi-base-vaccine-count-anon .right-side-btn h2.blue-text a {
    padding: 8px; }

#block-ibi-base-vaccine-count-auth {
  line-height: 1.6 !important; }
  .not-front.not-logged-in #block-ibi-base-vaccine-count-auth {
    padding-top: 50px; }
  #block-ibi-base-vaccine-count-auth .middle {
    font-size: 1.125rem; }
    #block-ibi-base-vaccine-count-auth .middle h2 {
      font-size: 1.375rem;
      margin-top: 0; }
  #block-ibi-base-vaccine-count-auth .points-counter {
    line-height: 1.6 !important; }

#block-ibi-base-vaccine-count-auth-dash h2 {
  font-size: 18px; }

#block-ibi-base-vaccine-count-auth-dash .points-counter {
  padding-left: 30px;
  position: relative; }
  #block-ibi-base-vaccine-count-auth-dash .points-counter .right-side-head-img.inline-block-custom {
    float: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0; }
  #block-ibi-base-vaccine-count-auth-dash .points-counter .with-white-bg {
    margin: 0; }

.right-side-btn {
  cursor: pointer;
  background: #D64800;
  position: absolute;
  padding: 5px 15px;
  box-shadow: -5px 1px 17px -4px rgba(0, 0, 0, 0.8); }
  .right-side-btn h2.blue-text a {
    color: #ffffff; }
  .right-side-btn a {
    text-decoration: none; }
  .right-side-btn::after {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #D64800;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -25px; }

.right-side-btn.hover {
  background: #02807D; }
  .right-side-btn.hover::after {
    border-left: 25px solid #02807D; }
  .right-side-btn.hover h2 {
    color: #ffffff; }

#block-ibi-base-grade-switcher-form {
  background: #ffffff;
  padding: 50px;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto; }
  #block-ibi-base-grade-switcher-form:after {
    content: "";
    display: table;
    clear: both; }
  #block-ibi-base-grade-switcher-form h2 {
    text-align: center;
    width: 100%;
    font-size: 2.125rem;
    line-height: 1.1;
    margin: 40px 0 30px 0; }
  #block-ibi-base-grade-switcher-form p {
    margin: 12px auto 0 auto;
    font-weight: 300;
    text-align: center; }
  #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form {
    text-align: center; }
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form > div {
      display: block; }
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .form-submit {
      max-width: 100%;
      width: 150px; }
  .no-grade-selected #block-ibi-base-grade-switcher-form {
    padding-top: 35px;
    margin-bottom: 20px !important; }
  #block-ibi-base-grade-switcher-form .grade-selected {
    color: #000000;
    font-weight: 800;
    font-size: 16px; }
  #block-ibi-base-grade-switcher-form .right-side {
    border: 0;
    display: none; }
    .no-grade-selected #block-ibi-base-grade-switcher-form .right-side {
      display: block; }
  #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form {
    top: 0;
    left: 0;
    padding: 0;
    margin: 37px 0 0 0; }
    .no-grade-selected #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; }
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .form-item {
      position: relative;
      padding: 0;
      margin: 0; }
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .description {
      width: 100%;
      left: 0;
      position: absolute;
      top: 38%;
      color: #000000;
      font-size: 16px;
      font-weight: 700;
      display: none; }
      .no-grade-selected #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .description {
        display: block; }
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .form-type-select label {
      font-size: 0.6875rem;
      line-height: 1.18;
      text-transform: uppercase;
      color: #000000;
      padding-top: 10px;
      margin-bottom: 14px; }
      .no-grade-selected #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .form-type-select label {
        display: block; }
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .form-select {
      padding: 19px;
      margin: 0px;
      position: static;
      background: #F3F4F7;
      line-height: 1;
      font-size: 1.25rem;
      width: 260px;
      height: 59px;
      border: none;
      box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.1);
      border-radius: 6px;
      appearance: none;
      background: url("../images/chevron.svg") no-repeat;
      background-position-x: 95%;
      background-position-y: 50%;
      border: 1px solid #DFDFDF;
      border-radius: 7px;
      box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.1);
      background-color: #F3F4F7; }
      .no-grade-selected #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .form-select {
        position: relative;
        margin-top: 60px;
        top: 0;
        width: 260px; }
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .form-submit {
      font-size: 0.875rem;
      line-height: 17px;
      background: #F25500;
      margin-top: 37px;
      max-width: 100%;
      width: 150px;
      height: 59px;
      text-transform: uppercase;
      border-radius: 6px;
      color: #ffffff; }
  @media (max-width: 800px) {
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form #edit-grade {
      width: 150px; } }
  @media (min-width: 486px) {
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form > div {
      display: flex;
      justify-content: center; }
    #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form #edit-grade {
      margin: 0 20px 0 0; } }
  @media screen and (min-width: 486px) {
    #block-ibi-base-grade-switcher-form h2 {
      font-size: 3.125rem;
      line-height: 1.32;
      margin: 0; }
    #block-ibi-base-grade-switcher-form p {
      font-size: 1.375rem; } }
  @media screen and (min-width: 486px) and (max-width: 600px) {
    #block-ibi-base-grade-switcher-form h2 {
      font-size: 2.125rem;
      line-height: 1.1;
      margin: 40px 0 30px 0; } }
  @media screen and (min-width: 486px) and (max-width: 992px) {
    #block-ibi-base-grade-switcher-form {
      padding: 75px;
      max-width: 680px;
      max-height: 100%; }
      #block-ibi-base-grade-switcher-form h2 {
        margin: 0; } }
  @media screen and (min-width: 768px) {
    #block-ibi-base-grade-switcher-form {
      padding: 100px;
      width: 775px;
      height: 477px; }
      #block-ibi-base-grade-switcher-form h2 {
        margin: 0; }
      #block-ibi-base-grade-switcher-form .ibi-base-grade-switcher-form .form-submit {
        width: 240px; } }

#block-ibi-user-ibi-admin-registration-lang-info {
  display: none; }
  #block-ibi-user-ibi-admin-registration-lang-info a {
    -webkit-appearance: none;
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    user-select: none; }
    #block-ibi-user-ibi-admin-registration-lang-info a.current {
      text-decoration: underline; }
  #block-ibi-user-ibi-admin-registration-lang-info .block-footer {
    font-style: italic;
    font-size: 1rem; }

.block--locale-language > .block__title,
.block--locale-language-content > .block__title {
  display: none; }

.block--locale-language > .block__content ul,
.block--locale-language-content > .block__content ul {
  display: flex;
  gap: 20px;
  list-style: none outside none;
  margin: 0;
  padding: 0; }
  .block--locale-language > .block__content ul a,
  .block--locale-language-content > .block__content ul a {
    color: #18254B;
    text-decoration: underline; }
    .block--locale-language > .block__content ul a:focus, .block--locale-language > .block__content ul a:hover,
    .block--locale-language-content > .block__content ul a:focus,
    .block--locale-language-content > .block__content ul a:hover {
      color: #00A09C; }

.block--taxonomy-menu-block {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #D64800;
  color: #ffffff;
  margin-bottom: 20px;
  text-align: left; }
  .block--taxonomy-menu-block:hover {
    background-color: #00A09C;
    border-color: #00A09C;
    color: #ffffff; }
  .block--taxonomy-menu-block:focus {
    border-color: #01605E; }
  .block--taxonomy-menu-block:after {
    content: "";
    display: table;
    clear: both; }
  .block--taxonomy-menu-block:hover {
    background: none; }
  @media (max-width: 767px) {
    .block--taxonomy-menu-block {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      display: inline-block;
      width: 100%; } }
  @media (min-width: 768px) {
    .block--taxonomy-menu-block {
      width: 48.75%;
      clear: right;
      float: left;
      margin-left: 0.625%;
      margin-right: 0.625%; }
      .block--taxonomy-menu-block.block--taxonomy-menu-block-2 {
        width: 48.75%;
        clear: right;
        float: right;
        margin-left: 0;
        margin-right: 0.625%; } }
  @media (min-width: 992px) {
    .block--taxonomy-menu-block {
      width: 31.66667%;
      clear: right;
      float: left;
      margin-left: 0.83333%;
      margin-right: 0.83333%; }
      .block--taxonomy-menu-block.block--taxonomy-menu-block-2, .block--taxonomy-menu-block.block--taxonomy-menu-block-1 {
        width: 31.66667%;
        clear: right;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
      .block--taxonomy-menu-block.block--taxonomy-menu-block-3 {
        width: 31.66667%;
        clear: right;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%; } }
  .block--taxonomy-menu-block .block__content {
    width: 100%; }
    .block--taxonomy-menu-block .block__content > ul {
      list-style: none;
      margin: 20px; }
      .block--taxonomy-menu-block .block__content > ul li a {
        padding-bottom: 7px; }
      .block--taxonomy-menu-block .block__content > ul li ul {
        list-style: disc;
        margin: 4px 0 15px 0px;
        color: #00A09C;
        padding-left: 20px; }
        .block--taxonomy-menu-block .block__content > ul li ul li {
          color: #00A09C; }
        .block--taxonomy-menu-block .block__content > ul li ul li a {
          padding-bottom: 10px;
          font-size: 1.125rem; }

.banner-teacher-center {
  background: url("../images/teacher_centre_banner.jpg") no-repeat center center;
  width: auto;
  height: 200px;
  background-size: cover; }
  @media (min-width: 768px) {
    .banner-teacher-center {
      width: auto;
      height: 189px;
      background-size: cover;
      margin-left: 10px;
      margin-right: 10px; } }
  @media (min-width: 992px) {
    .banner-teacher-center {
      width: auto;
      height: 154px;
      background-size: cover;
      margin-left: 0;
      margin-right: 0; } }

footer #block-ibi-teacher-grade-prompt-grade-prompt {
  display: none; }

#ibi-teacher-grade-prompt-form .form-checkboxes {
  text-align: left;
  width: 100%;
  margin: 1 0; }

.block--ibi-base-kbi-grade-display a {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  width: 160px;
  font-family: "Roboto Slab", serif;
  color: #F25500;
  font-weight: 900;
  padding-left: 15px;
  text-decoration: underline;
  background: url("../images/back-arrow.svg") no-repeat left center; }

#block-invite-invite-add-invite-by-email .field-name-field-invitation-email-address input {
  width: 100%; }
  @media (min-width: 768px) {
    #block-invite-invite-add-invite-by-email .field-name-field-invitation-email-address input {
      width: 40%; } }

.block--ibi-schools-base-refer-a-teacher {
  bottom: 100px;
  position: fixed;
  right: 47px;
  white-space: nowrap;
  z-index: 201; }
  @media (max-width: 767px) {
    .block--ibi-schools-base-refer-a-teacher {
      bottom: 10px;
      right: 50%;
      transform: translateX(-8px); }
      .block--ibi-schools-base-refer-a-teacher .btn-blue {
        padding-left: 20px;
        padding-right: 20px; }
      .block--ibi-schools-base-refer-a-teacher + .feedbackCollect-container {
        transform: translateX(8px); } }

.feedbackCollect-container {
  white-space: nowrap;
  z-index: 201; }
  @media (max-width: 767px) {
    .feedbackCollect-container {
      bottom: 10px !important;
      left: 50% !important;
      right: auto !important;
      transform: translateX(-50%); }
      .feedbackCollect-container .button {
        padding-left: 20px;
        padding-right: 20px; } }

.block--ibi-learning-module-lm-learn-how-it-works-teachers,
.block--ibi-learning-module-lm-learn-how-it-works-students {
  background-color: #ffffff;
  margin: 50px auto 50px auto;
  max-width: 573px;
  overflow: auto;
  padding: 15px; }
  .block--ibi-learning-module-lm-learn-how-it-works-teachers .block__title,
  .block--ibi-learning-module-lm-learn-how-it-works-students .block__title {
    display: none; }
  .block--ibi-learning-module-lm-learn-how-it-works-teachers img,
  .block--ibi-learning-module-lm-learn-how-it-works-students img {
    float: left;
    margin-right: 28px; }
  .block--ibi-learning-module-lm-learn-how-it-works-teachers h4,
  .block--ibi-learning-module-lm-learn-how-it-works-students h4 {
    font-family: "Roboto Slab", serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0;
    text-align: left;
    padding-top: 11px;
    padding-bottom: 13px; }

.l-header {
  height: 150px; }

.l-branding.site-branding {
  padding-top: 60px;
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  .l-branding.site-branding .l-region.l-region--branding {
    position: relative; }
  .l-branding.site-branding .site-branding__logo {
    padding-left: 10px; }
    .l-branding.site-branding .site-branding__logo img {
      max-width: 320px;
      width: 100%; }
    @media (min-width: 768px) {
      .l-branding.site-branding .site-branding__logo {
        padding-left: 0; }
        .l-branding.site-branding .site-branding__logo img {
          width: 33%; } }
  .l-branding.site-branding .made-by-teachers {
    display: none; }
    @media (min-width: 768px) {
      .l-branding.site-branding .made-by-teachers {
        display: block;
        left: 300px;
        position: absolute;
        top: -76px; } }
    @media (min-width: 992px) {
      .l-branding.site-branding .made-by-teachers {
        left: 440px;
        top: -96px; } }
  .l-branding.site-branding .block--locale-language,
  .l-branding.site-branding .block--locale-language-content {
    position: absolute;
    right: 10px;
    top: -130px; }
    @media (min-width: 768px) {
      .l-branding.site-branding .block--locale-language,
      .l-branding.site-branding .block--locale-language-content {
        right: 0;
        top: -115px; } }
    @media (min-width: 992px) {
      .l-branding.site-branding .block--locale-language,
      .l-branding.site-branding .block--locale-language-content {
        top: -135px; } }
  @media only screen and (max-width: 768px) {
    .l-branding.site-branding .block--ibi-base-branding-owner-operator .public-health-unicef-wrapper {
      margin-top: -32px; } }

.l-post-navigation {
  background: #e7b230; }
  .l-post-navigation .l-constrained {
    position: relative; }
    .l-post-navigation .l-constrained .l-region--post-navigation {
      background: #D64800;
      width: 382px;
      text-align: left;
      position: relative; }
      @media (max-width: 500px) {
        .l-post-navigation .l-constrained .l-region--post-navigation {
          width: 100%; } }

.no-grade-selected .grade-selected {
  display: none; }

.no-grade-selected .l-post-navigation .l-constrained {
  position: relative; }
  .no-grade-selected .l-post-navigation .l-constrained .l-region--post-navigation {
    background: #D64800;
    position: absolute;
    top: 0;
    left: auto;
    z-index: 44;
    width: 100%;
    text-align: center;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.75); }

.l-region.l-region--sidebar-first {
  clear: both; }

.block--views-schools-latest-updates-block .field--name-node-type,
.block--views-latest-updates-block .field--name-node-type {
  display: none; }

.block--views-schools-latest-updates-block:after,
.block--views-latest-updates-block:after {
  content: "";
  display: table;
  clear: both; }

.block--views-schools-latest-updates-block .views-row,
.block--views-latest-updates-block .views-row {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }

@media (min-width: 768px) {
  .block--views-schools-latest-updates-block .views-row-1,
  .block--views-latest-updates-block .views-row-1 {
    width: 48.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0.83333%;
    clear: none; } }

@media (min-width: 992px) {
  .block--views-schools-latest-updates-block .views-row-1,
  .block--views-latest-updates-block .views-row-1 {
    width: 31.66667%;
    float: left;
    margin-right: -100%;
    margin-left: 0.83333%;
    clear: none; } }

@media (min-width: 768px) {
  .block--views-schools-latest-updates-block .views-row-2,
  .block--views-latest-updates-block .views-row-2 {
    width: 48.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; } }

@media (min-width: 992px) {
  .block--views-schools-latest-updates-block .views-row-2,
  .block--views-latest-updates-block .views-row-2 {
    width: 31.66667%;
    float: left;
    margin-right: -100%;
    margin-left: 34.16667%;
    clear: none; } }

@media (min-width: 768px) {
  .block--views-schools-latest-updates-block .views-row-3,
  .block--views-latest-updates-block .views-row-3 {
    display: none; } }

@media (min-width: 992px) {
  .block--views-schools-latest-updates-block .views-row-3,
  .block--views-latest-updates-block .views-row-3 {
    width: 31.66667%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none;
    display: block; } }

.l-region.l-region--footer {
  padding-bottom: 100px;
  position: relative;
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (max-width: 767px) {
    .l-region.l-region--footer [class*="block--menu-menu-"] {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; }
      .l-region.l-region--footer [class*="block--menu-menu-"] ul.menu {
        text-align: center;
        width: 130px;
        margin: 0 auto;
        margin-bottom: 20px; }
    .l-region.l-region--footer #block-ibi-base-branding-owner-operator-scotland--2 div.public-health-unicef-wrapper,
    .l-region.l-region--footer #block-ibi-base-branding-owner-operator-scotland--2 .vaccine-safe,
    .l-region.l-region--footer .block--ibi-base-branding-owner-operator-footer div.public-health-unicef-wrapper,
    .l-region.l-region--footer .block--ibi-base-branding-owner-operator-footer .vaccine-safe,
    .l-region.l-region--footer [class*="block--ibi-base-vaccine-safe"] div.public-health-unicef-wrapper,
    .l-region.l-region--footer [class*="block--ibi-base-vaccine-safe"] .vaccine-safe {
      text-align: center;
      width: 100%; }
    .l-region.l-region--footer #block-ibi-base-branding-owner-operator-scotland--2,
    .l-region.l-region--footer .block--ibi-base-branding-owner-operator-footer {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; }
      .l-region.l-region--footer #block-ibi-base-branding-owner-operator-scotland--2 .block__content,
      .l-region.l-region--footer .block--ibi-base-branding-owner-operator-footer .block__content {
        margin: 0 auto;
        margin-bottom: 20px; }
    .l-region.l-region--footer #block-ibi-base-copy-right-block {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; }
    .l-region.l-region--footer [class*="block--ibi-base-vaccine-safe"] {
      margin: 20px auto; }
    .l-region.l-region--footer #block-ibi-base-facebook-twitter {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      position: relative; }
      .l-region.l-region--footer #block-ibi-base-facebook-twitter .block__content {
        margin: 0 auto;
        margin-bottom: 20px;
        text-align: center; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .l-region.l-region--footer {
      padding-bottom: 150px; }
      .l-region.l-region--footer [class*="block--menu-menu-"] {
        width: 621px;
        margin: 0 auto; }
        .l-region.l-region--footer [class*="block--menu-menu-"] ul.menu {
          text-align: center; }
      .l-region.l-region--footer #block-ibi-base-branding-owner-operator-scotland--2,
      .l-region.l-region--footer .block--ibi-base-branding-owner-operator-footer {
        width: 330px;
        margin: 0 auto; } }
    @media (min-width: 768px) and (max-width: 991px) and (max-width: 400px) {
      .l-region.l-region--footer #block-ibi-base-branding-owner-operator-scotland--2,
      .l-region.l-region--footer .block--ibi-base-branding-owner-operator-footer {
        width: 290px; } }
  @media (min-width: 768px) and (max-width: 991px) {
        .l-region.l-region--footer #block-ibi-base-branding-owner-operator-scotland--2 div.public-health-unicef-wrapper,
        .l-region.l-region--footer .block--ibi-base-branding-owner-operator-footer div.public-health-unicef-wrapper {
          text-align: center;
          width: 100%; }
      .l-region.l-region--footer [class*="block--ibi-base-vaccine-safe"] {
        width: 20%;
        text-align: center;
        margin: 20px auto; }
      .l-region.l-region--footer #block-ibi-base-facebook-twitter {
        margin: 20px auto 0 auto;
        text-align: center; }
      .l-region.l-region--footer #block-ibi-base-copy-right-block {
        margin: 0 auto;
        width: 509px; } }
  @media (min-width: 992px) {
    .l-region.l-region--footer [class*="block--ibi-base-vaccine-safe"] {
      width: 15%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      text-align: right;
      position: relative;
      min-width: 357px; }
      .l-region.l-region--footer [class*="block--ibi-base-vaccine-safe"] .main-content {
        position: absolute;
        top: -90px;
        right: 0; }
      .l-region.l-region--footer [class*="block--ibi-base-vaccine-safe"] .vaccine-safe {
        margin-top: 10px; }
    .l-region.l-region--footer #block-ibi-base-branding-owner-operator-scotland--2,
    .l-region.l-region--footer .block--ibi-base-branding-owner-operator-footer {
      width: 31.66667%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none;
      float: none; }
      .l-region.l-region--footer #block-ibi-base-branding-owner-operator-scotland--2:after,
      .l-region.l-region--footer .block--ibi-base-branding-owner-operator-footer:after {
        content: "";
        display: table;
        clear: both; }
    .l-region.l-region--footer [class*="block--menu-menu-"] {
      width: 73.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none;
      margin-top: 3px; }
      .l-region.l-region--footer [class*="block--menu-menu-"]:after {
        content: "";
        display: table;
        clear: both; }
    .l-region.l-region--footer #block-ibi-base-facebook-twitter {
      width: 15%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      text-align: right;
      margin-top: 3px; }
    .l-region.l-region--footer #block-ibi-base-copy-right-block {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      margin-bottom: 10px; } }

/* -- After First -- */
.l-region--suffix-content-after-first:after {
  content: "";
  display: table;
  clear: both; }

@media (min-width: 0) and (max-width: 767px) {
  .not-front .l-region--suffix-content-after-first .block {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  .not-front .l-region--suffix-content-after-first .block:nth-child(3n-2) {
    width: 48.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0.83333%;
    clear: none; }
  .not-front .l-region--suffix-content-after-first .block:nth-child(3n-1) {
    width: 48.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }
  .not-front .l-region--suffix-content-after-first .block:nth-child(3n) {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; } }

@media (min-width: 992px) {
  .not-front .l-region--suffix-content-after-first .block:nth-child(3n-2) {
    width: 31.66667%;
    clear: right;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%;
    clear: both; }
  .not-front .l-region--suffix-content-after-first .block:nth-child(3n-1) {
    width: 31.66667%;
    clear: right;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%; }
  .not-front .l-region--suffix-content-after-first .block:nth-child(3n) {
    width: 31.66667%;
    clear: right;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%; } }

/* -- Suffix Content First -- */
.logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth) {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):after {
    content: "";
    display: table;
    clear: both; }

@media (min-width: 768px) {
  .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):after {
    content: "";
    display: table;
    clear: both; }
  .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):nth-child(3n-2) {
    width: 48.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0.83333%;
    clear: none; }
    .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):nth-child(3n-2):after {
      content: "";
      display: table;
      clear: both; }
  .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):nth-child(3n-1) {
    width: 48.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }
    .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):nth-child(3n-1):after {
      content: "";
      display: table;
      clear: both; }
  .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):nth-child(3n) {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none;
    clear: both; } }

@media (min-width: 992px) {
  .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):nth-child(3n-2) {
    width: 31.66667%;
    clear: right;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%;
    clear: both; }
  .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):nth-child(3n-1) {
    width: 31.66667%;
    clear: right;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%; }
  .logged-in .l-region--suffix-content-first .block:not(#block-views-vaccines-earned-block-6):not(.block--views-vaccines-earned-block-5):not(#block-ibi-base-vaccine-count-auth):nth-child(3n) {
    width: 31.66667%;
    clear: right;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%; } }

.l-region--suffix-content-first:after {
  content: "";
  display: table;
  clear: both; }

/* -- Suffix Content Second -- */
.l-region--suffix-content-second:after {
  content: "";
  display: table;
  clear: both; }

@media (min-width: 0) and (max-width: 767px) {
  .l-region--suffix-content-second .block {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  .l-region--suffix-content-second .block:nth-child(3n-2) {
    width: 48.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0.83333%;
    clear: none; }
  .l-region--suffix-content-second .block:nth-child(3n-1) {
    width: 48.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }
  .l-region--suffix-content-second .block:nth-child(3n) {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none;
    clear: both; } }

@media (min-width: 992px) {
  .l-region--suffix-content-second .block:nth-child(3n-2) {
    width: 31.66667%;
    clear: right;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%;
    clear: both; }
  .l-region--suffix-content-second .block:nth-child(3n-1) {
    width: 31.66667%;
    clear: right;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%; }
  .l-region--suffix-content-second .block:nth-child(3n) {
    width: 31.66667%;
    clear: right;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%; } }

.l-region--suffix-content-third:after {
  content: "";
  display: table;
  clear: both; }

.l-region--suffix-content-third .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }

@media (min-width: 0) and (max-width: 767px) {
  .password-confirm,
  .password-strength {
    width: auto !important;
    float: none !important; } }

.leaflet-container {
  z-index: 0; }

/* This is only to containt the buttons "Refer teacher" and "Add Feedback" */
@media (max-width: 767px) {
  .content-wrapper-inner::after {
    background: #ffffff;
    bottom: 0;
    display: block;
    content: '';
    height: 60px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 200; } }

.node-type-adventure-page,
.node-type-quiz {
  /* .l-main */ }
  .node-type-adventure-page .l-main,
  .node-type-quiz .l-main {
    padding: 35px 0 0 0;
    margin-bottom: 35px;
    /* .l-constrained */ }
    .node-type-adventure-page .l-main .l-constrained,
    .node-type-quiz .l-main .l-constrained {
      max-width: 100%;
      margin: 0;
      /* .l-content */ }
      .node-type-adventure-page .l-main .l-constrained .l-content,
      .node-type-quiz .l-main .l-constrained .l-content {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        /* header */
        /* .quiz-white-background-box */ }
        .node-type-adventure-page .l-main .l-constrained .l-content .quiz-title-container,
        .node-type-quiz .l-main .l-constrained .l-content .quiz-title-container {
          max-width: 775px;
          margin: 0 auto;
          padding: 0 20px 50px 20px; }
          @media only screen and (min-width: 768px) {
            .node-type-adventure-page .l-main .l-constrained .l-content .quiz-title-container,
            .node-type-quiz .l-main .l-constrained .l-content .quiz-title-container {
              width: 100%;
              padding: 0 15px 50px 15px; } }
        .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box,
        .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box {
          background: #ffffff;
          width: 100vw;
          padding: 40px 10px 0px 10px;
          /* .node.node--quiz */ }
          @media only screen and (min-width: 768px) {
            .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box,
            .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box {
              width: 100%;
              padding: 40px 15px 0px 15px; } }
          .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node-unpublished,
          .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node-unpublished {
            background: #ffffff; }
          .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .field.field--name-changed-date,
          .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .field.field--name-changed-date {
            padding: 10px; }
          @media only screen and (min-width: 768px) {
            .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .field.field--name-changed-date,
            .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page,
            .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz,
            .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .field.field--name-changed-date,
            .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page,
            .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz {
              max-width: 775px;
              margin: 0 auto;
              padding: 0 10px 30px 10px; } }
          .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page,
          .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz,
          .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page,
          .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz {
            padding: 0 10px;
            /* headings */ }
            .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page h1.page-title,
            .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page .h-one-text-style,
            .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz h1.page-title,
            .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz .h-one-text-style,
            .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page h1.page-title,
            .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page .h-one-text-style,
            .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz h1.page-title,
            .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz .h-one-text-style {
              display: block;
              margin-bottom: 50px;
              line-height: 1.1;
              font-family: "Roboto Slab", serif;
              letter-spacing: 0;
              letter-spacing: 0; }
              @media only screen and (min-width: 768px) {
                .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page h1.page-title,
                .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page .h-one-text-style,
                .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz h1.page-title,
                .node-type-adventure-page .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz .h-one-text-style,
                .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page h1.page-title,
                .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--adventure-page .h-one-text-style,
                .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz h1.page-title,
                .node-type-quiz .l-main .l-constrained .l-content .quiz-white-background-box .node.node--quiz .h-one-text-style {
                  font-size: 3.125rem;
                  line-height: 1.1; } }

/* .node-type-quiz, .node-type-adventure-page */
.node--adventure-page.view-mode-full .field--name-field-lesson-text h2,
.node--quiz.view-mode-full .field--name-field-lesson-text h2 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0.9375rem; }

body.page-node-quiz-results .l-content,
body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content {
  position: relative; }
  body.page-node-quiz-results .l-content h1,
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content h1 {
    display: none; }
  body.page-node-quiz-results .l-content .shaddow-bg::after,
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .shaddow-bg::after {
    content: "";
    display: block;
    position: absolute;
    right: 23%;
    z-index: -1;
    height: 71%;
    bottom: 0;
    width: 98%;
    left: 7px;
    border-radius: 45%;
    box-shadow: 2px 1px 20px 0 rgba(0, 0, 0, 0.8); }
  body.page-node-quiz-results .l-content .content-wrapper-outter,
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter {
    background: #ffffff;
    padding: 10px;
    position: relative; }
    body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner,
    body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner {
      min-height: 375px;
      padding: 70px 0; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner table td,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner table td {
        vertical-align: baseline;
        padding: 0; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner table td p,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner table td p {
          margin-bottom: 6px; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-report-form,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-report-form {
        background: transparent; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .form-radios,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .form-radios {
        padding: 0 70px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .form-radios p,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .form-radios p {
          font-size: 1.125rem;
          color: #304A97;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner #quiz_progress,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner #quiz_progress {
        font-style: normal !important;
        font-size: 0.875rem; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner #quiz_progress,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner #quiz_progress {
        text-align: center;
        margin-top: 20px; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-score-submit,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-score-submit {
        cursor: pointer;
        position: absolute;
        bottom: 80px;
        right: 0; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-score-submit::after,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-score-submit::after {
          width: 0;
          height: 0;
          border-top: 25px solid transparent;
          border-bottom: 25px solid transparent;
          border-left: 25px solid #BED328;
          content: "";
          display: block;
          position: absolute;
          top: 0;
          right: -25px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-score-submit .form-submit,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-score-submit .form-submit {
          background: #BED328;
          position: absolute;
          border: 0;
          padding: 15px 15px;
          box-shadow: -5px 1px 17px -4px rgba(0, 0, 0, 0.8);
          font-size: 1rem;
          right: 0;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level {
        position: absolute;
        left: 0;
        top: 26px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level .block__content,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level .block__content {
          background: #BED328; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level::before,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level::before {
          background: url("../images/ribbon-secondary-left.png") no-repeat scroll top left;
          width: 6px;
          height: 53px;
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: -6px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level::after,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level::after {
          background: url("../images/ribbon-secondary-right.png") no-repeat scroll top left;
          width: 22px;
          height: 64px;
          content: "";
          display: block;
          position: absolute;
          top: 0;
          right: -22px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level h3,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level h3 {
          padding: 13px 16px 14px 14px; }
          @media (min-width: 768px) {
            body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level h3,
            body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level h3 {
              padding: 13px 30px 14px 30px; } }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info {
        background: #ffffff;
        bottom: 0;
        position: absolute; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .quiz-footer-info,
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .qui-footer-info,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .quiz-footer-info,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .qui-footer-info {
          padding: 10px;
          padding-right: 20px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .footer-info-info,
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .footer-info-img,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .footer-info-info,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .footer-info-img {
          display: inline-block;
          vertical-align: top; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .footer-info-info,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .footer-info-info {
          text-align: left;
          padding-left: 10px;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #18254B;
          font-size: 0.875rem;
          padding-top: 3px; }
          @media (max-width: 767px) {
            body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .footer-info-info,
            body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-footer-info .footer-info-info {
              font-size: 0.75rem; } }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .field.field--name-body .field__item,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .field.field--name-body .field__item {
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: manual;
        padding: 0 60px;
        text-align: center;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.125rem; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .field.field--name-body .field__item img,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .field.field--name-body .field__item img {
          max-width: 100% !important;
          height: auto !important; }
        @media (max-width: 767px) {
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .field.field--name-body .field__item,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .field.field--name-body .field__item {
            padding: 0 20px; } }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-question-answering-form > div > .form-item > label,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-question-answering-form > div > .form-item > label {
        display: none; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-take-question-feedback-form .result-title,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-take-question-feedback-form .result-title {
        font-size: 1.375rem;
        padding: 0 60px;
        text-align: center;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-take-question-feedback-form .result-title,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-take-question-feedback-form .result-title {
            padding: 0 20px; } }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-take-question-feedback-form .result-feedback,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-take-question-feedback-form .result-feedback {
        width: 70%;
        margin: 0 auto;
        text-align: justify;
        font-size: 1.125rem; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-take-question-feedback-form .result-vaccines,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-take-question-feedback-form .result-vaccines {
        display: none; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .result-container .result-text,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .result-container .result-text {
        margin-top: 20px; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .result-container .result-tags,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .result-container .result-tags {
        width: 70%;
        margin: 0 auto;
        font-size: 0.875rem;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .result-container .result-tags a,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .result-container .result-tags a {
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.875rem; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit {
        cursor: pointer;
        position: absolute;
        bottom: 80px;
        right: 0; }
        @media (max-width: 767px) {
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit {
            bottom: 98px; } }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit::after,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit::after {
          width: 0;
          height: 0;
          border-top: 25px solid transparent;
          border-bottom: 25px solid transparent;
          border-left: 25px solid #BED328;
          content: "";
          display: block;
          position: absolute;
          top: 0;
          right: -25px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit .form-submit,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit .form-submit {
          background: #BED328;
          color: #18254B;
          cursor: pointer;
          position: absolute;
          border: 0;
          padding: 15px 15px;
          box-shadow: -5px 1px 17px -4px rgba(0, 0, 0, 0.8);
          font-size: 1rem;
          right: 0;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit.hover .form-submit,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit.hover .form-submit {
        background: #ffffff;
        color: #18254B; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit.hover::after,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-result-submit.hover::after {
        border-left: 25px solid #ffffff;
        font-size: 0.875rem; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-title,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-title {
        margin-top: 20px;
        font-size: 1.375rem;
        padding: 0 60px;
        text-align: center;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-title,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-title {
            padding: 0 20px; } }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body {
        font-size: 1.125rem;
        padding: 0 60px;
        text-align: center;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .form-item,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .form-item {
          margin-bottom: 15px !important; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .hybridauth-widget-wrapper,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .hybridauth-widget-wrapper {
          padding-top: 20px !important; }
        @media (max-width: 767px) {
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body {
            padding: 0 20px; } }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn a,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn a {
          cursor: pointer;
          background: #BED328;
          position: absolute;
          border: 0;
          padding: 15px 15px;
          box-shadow: -5px 1px 17px -4px rgba(0, 0, 0, 0.8);
          font-size: 1rem;
          color: #18254B;
          right: 0;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn a::after,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn a::after {
            width: 0;
            height: 0;
            border-top: 30px solid transparent;
            border-bottom: 25px solid transparent;
            border-left: 25px solid #BED328;
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: -25px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn.hover a,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn.hover a {
          background: #02807D;
          color: #BED328; }
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn.hover a:focus,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn.hover a:focus {
            background: #00A09C; }
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn.hover a::after,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn.hover a::after {
            border-left: 25px solid #02807D;
            font-size: 0.875rem; }
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn.hover a:focus::after,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .re-do-quiz-btn.hover a:focus::after {
            border-left: 25px solid #00A09C; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .quiz-finish-score-percent,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .quiz-finish-score-percent {
          margin: 20px 0; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"],
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"] {
          margin-bottom: 10px;
          cursor: pointer;
          border: none;
          padding: 8px 20px;
          line-height: 2.2em;
          font-size: 0.875rem;
          color: #18254B;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form > div > div,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form > div > div {
          padding-top: 50px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body div.form-item.form-type-textfield,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body div.form-item.form-type-textfield {
          padding-top: 0; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form {
          position: relative; }
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form label,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form label {
            margin-bottom: 20px; }
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="text"],
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="text"] {
            width: 75% !important; }
            body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="text"]:after,
            body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="text"]:after {
              content: "";
              display: table;
              clear: both; }
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="submit"],
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="submit"] {
            background: #BED328;
            padding: 4px 20px; }
            body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="submit"]:after,
            body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="submit"]:after {
              content: "";
              display: table;
              clear: both; }
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="submit"]:hover,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body .ibi-base-modal-email-form input[type="submit"]:hover {
            color: #ffffff;
            background: #F3F4F7; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"].connector-button,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"].connector-button {
          color: #ffffff;
          margin-right: 10px;
          background: #3350ae; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"].connector-button:hover,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"].connector-button:hover {
          color: #18254B;
          opacity: 0.8; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"].oauthconnector-twitter,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"].oauthconnector-twitter {
          color: #ffffff;
          background: #01c4f1; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"].oauthconnector-twitter:hover,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-body input[type="submit"].oauthconnector-twitter:hover {
          color: #18254B;
          opacity: 0.8; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-share,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-share {
        margin-top: 50px; }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-share .social-button,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner .quiz-finished-share .social-button {
          margin-top: 10px;
          text-align: center; }
      body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner #edit-tries .form-item,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner #edit-tries .form-item {
        padding: 0 130px; }
        @media (max-width: 767px) {
          body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner #edit-tries .form-item,
          body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner #edit-tries .form-item {
            padding: 0; } }
        body.page-node-quiz-results .l-content .content-wrapper-outter .content-wrapper-inner #edit-tries .form-item label,
        body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-content .content-wrapper-outter .content-wrapper-inner #edit-tries .form-item label {
          font-size: 1.125rem;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }

body.page-node-quiz-results .l-region.l-region--suffix-content-second .block,
body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .l-region.l-region--suffix-content-second .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }

body.page-node-quiz-results .no-post-content .l-content,
body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .no-post-content .l-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    body.page-node-quiz-results .no-post-content .l-content,
    body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .no-post-content .l-content {
      width: 65%;
      float: left;
      margin-right: -100%;
      margin-left: 17.5%;
      clear: none;
      clear: both; } }
  @media (min-width: 992px) {
    body.page-node-quiz-results .no-post-content .l-content,
    body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .no-post-content .l-content {
      padding-left: 25%;
      padding-right: 25%; } }

body.page-node-quiz-results .no-post-content .l-pre-content,
body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .no-post-content .l-pre-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  body.page-node-quiz-results .no-post-content .l-pre-content:after,
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .no-post-content .l-pre-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    body.page-node-quiz-results .no-post-content .l-pre-content,
    body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .no-post-content .l-pre-content {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }
  @media (min-width: 992px) {
    body.page-node-quiz-results .no-post-content .l-pre-content,
    body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .no-post-content .l-pre-content {
      width: 40%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

body.page-node-quiz-results .no-post-content .l-post-content,
body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .no-post-content .l-post-content {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  body.page-node-quiz-results .no-post-content .l-post-content:after,
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .no-post-content .l-post-content:after {
    content: "";
    display: table;
    clear: both; }

body.page-node-quiz-results .has-post-content .l-content,
body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  body.page-node-quiz-results .has-post-content .l-content:after,
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) and (max-width: 991px) {
    body.page-node-quiz-results .has-post-content .l-content,
    body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-content {
      width: 65%;
      float: left;
      margin-right: -100%;
      margin-left: 17.5%;
      clear: none; } }
  @media (min-width: 992px) {
    body.page-node-quiz-results .has-post-content .l-content,
    body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-content {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

body.page-node-quiz-results .has-post-content .l-pre-content,
body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-pre-content {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  body.page-node-quiz-results .has-post-content .l-pre-content:after,
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-pre-content:after {
    content: "";
    display: table;
    clear: both; }

body.page-node-quiz-results .has-post-content .l-post-content,
body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-post-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  body.page-node-quiz-results .has-post-content .l-post-content:after,
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-post-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    body.page-node-quiz-results .has-post-content .l-post-content,
    body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-post-content {
      clear: both;
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; }
      body.page-node-quiz-results .has-post-content .l-post-content .block,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-post-content .block {
        margin-top: 20px;
        width: 81.66667%;
        float: left;
        margin-right: -100%;
        margin-left: 9.16667%;
        clear: none; } }
  @media (min-width: 992px) {
    body.page-node-quiz-results .has-post-content .l-post-content,
    body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-post-content {
      clear: none;
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; }
      body.page-node-quiz-results .has-post-content .l-post-content .block,
      body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics):not(.page-front-page) .has-post-content .l-post-content .block {
        margin-top: 0;
        padding-left: 30px;
        width: 98.33333%;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%;
        clear: none; } }

#block-ibi-quiz-quiz-dashboard {
  /* added for the quiz results */ }
  #block-ibi-quiz-quiz-dashboard .collapsible-item:not(.collapsed-divs) {
    padding-bottom: 20px; }
  #block-ibi-quiz-quiz-dashboard .main-collapse {
    margin-left: 10px; }
  #block-ibi-quiz-quiz-dashboard .collapse-handle {
    cursor: pointer; }
    #block-ibi-quiz-quiz-dashboard .collapse-handle img {
      padding-top: 10px; }
  #block-ibi-quiz-quiz-dashboard .level-title {
    font-size: 1.125rem;
    margin-top: 25px;
    position: relative; }
    #block-ibi-quiz-quiz-dashboard .level-title::after {
      content: "";
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1;
      margin-right: .2em;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      font-size: 1.5rem;
      color: #ffffff;
      cursor: pointer;
      text-decoration: none;
      position: absolute;
      right: -6px;
      top: 3px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    #block-ibi-quiz-quiz-dashboard .level-title a {
      color: #18254B; }
      #block-ibi-quiz-quiz-dashboard .level-title a:hover {
        color: #ffffff; }
  #block-ibi-quiz-quiz-dashboard .collapsed-divs .level-title::after {
    color: #18254B;
    transform: rotate(0deg); }
  #block-ibi-quiz-quiz-dashboard .collapsed-divs-results .result-label::after,
  #block-ibi-quiz-quiz-dashboard .collapsed-divs-results .resource-label::after {
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important; }
  #block-ibi-quiz-quiz-dashboard .level-title:first-child {
    margin-top: 0; }
  #block-ibi-quiz-quiz-dashboard .level-sub-title {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18254B; }
    #block-ibi-quiz-quiz-dashboard .level-sub-title .points-earned {
      font-size: 1.125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper {
    margin-bottom: 30px; }
  #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper {
    margin-bottom: 10px; }
  #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper,
  #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper {
    max-width: 50%;
    font-family: "Roboto Slab", serif;
    line-height: 1.5;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 2px 8px;
    background: #ffffff;
    max-width: 50%; }
    #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .result-label,
    #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .resource-label,
    #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .result-label,
    #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .resource-label {
      position: relative;
      font-family: "Roboto Slab", serif;
      line-height: 1.5;
      font-size: 14px;
      cursor: pointer;
      color: #18254B; }
      #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .result-label::after,
      #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .resource-label::after,
      #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .result-label::after,
      #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .resource-label::after {
        content: "";
        font-family: "fontello";
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1;
        margin-right: .2em;
        text-align: center;
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        font-size: 1.5rem;
        color: #BED328;
        cursor: pointer;
        text-decoration: none;
        position: absolute;
        right: 0px;
        top: 0px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
      #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .result-label:hover,
      #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .resource-label:hover,
      #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .result-label:hover,
      #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .resource-label:hover {
        color: #BED328; }
    #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .quiz-results,
    #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .quiz-resource,
    #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .quiz-results,
    #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .quiz-resource {
      margin-top: 10px; }
      #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .quiz-results ul,
      #block-ibi-quiz-quiz-dashboard .quiz-results-wrapper .quiz-resource ul,
      #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .quiz-results ul,
      #block-ibi-quiz-quiz-dashboard .quiz-resource-wrapper .quiz-resource ul {
        list-style: none; }
  #block-ibi-quiz-quiz-dashboard .quiz-question-wrapper {
    position: relative;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #block-ibi-quiz-quiz-dashboard .quiz-question-wrapper .locked-quiz::after {
      display: inline-block;
      content: "(Locked)";
      color: #18254B;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding-left: 10px;
      padding-top: 4px; }
    #block-ibi-quiz-quiz-dashboard .quiz-question-wrapper .quiz-percent-score {
      position: absolute;
      right: 5px;
      top: 4px;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #block-ibi-quiz-quiz-dashboard .quiz-question-wrapper .quiz-title {
      width: 80%;
      line-height: 1.1em;
      padding: 4px 0 15px 2px; }
      #block-ibi-quiz-quiz-dashboard .quiz-question-wrapper .quiz-title a {
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 2px 8px;
        color: #18254B;
        background: #ffffff; }
        #block-ibi-quiz-quiz-dashboard .quiz-question-wrapper .quiz-title a:hover {
          color: #304A97; }
    #block-ibi-quiz-quiz-dashboard .quiz-question-wrapper .quiz-progress.meter {
      height: 4px; }
    #block-ibi-quiz-quiz-dashboard .quiz-question-wrapper .level-sub-title {
      margin: 10px 0; }
  #block-ibi-quiz-quiz-dashboard .meter {
    height: 16px;
    background: repeating-linear-gradient(-45deg, #02807D, #02807D 1px, #ffffff 1px, #ffffff 5px); }
    #block-ibi-quiz-quiz-dashboard .meter span {
      background: #BED328; }
  #block-ibi-quiz-quiz-dashboard .vaccines-earned-text {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.875rem;
    text-align: left;
    padding-top: 4px; }
    #block-ibi-quiz-quiz-dashboard .vaccines-earned-text::before {
      content: "";
      width: 25px;
      height: 34px;
      background: url("../images/icon_baby_white_sm.png") no-repeat scroll top left;
      display: inline-block;
      vertical-align: top; }
    #block-ibi-quiz-quiz-dashboard .vaccines-earned-text .points-earned {
      font-size: 1rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  #block-ibi-quiz-quiz-dashboard .level-select-item {
    margin-bottom: 20px; }

.page-quiz-at-home,
.page-quiz-in-class,
.page-quiz-dashboard {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #18254B; }
  .page-quiz-at-home .block--system-user-menu,
  .page-quiz-in-class .block--system-user-menu,
  .page-quiz-dashboard .block--system-user-menu {
    margin-bottom: 50px; }
    .page-quiz-at-home .block--system-user-menu a.active,
    .page-quiz-at-home .block--system-user-menu a:hover,
    .page-quiz-in-class .block--system-user-menu a.active,
    .page-quiz-in-class .block--system-user-menu a:hover,
    .page-quiz-dashboard .block--system-user-menu a.active,
    .page-quiz-dashboard .block--system-user-menu a:hover {
      color: #ffffff !important; }
  .page-quiz-at-home .l-content .secret-icon,
  .page-quiz-in-class .l-content .secret-icon,
  .page-quiz-dashboard .l-content .secret-icon {
    background-image: url(/sites/all/themes/custom/ibi_2016/images/take_the_quiz.png);
    background-size: 75px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 75px;
    margin: 0 0 -45px 2px;
    position: relative;
    width: 75px; }
  .page-quiz-at-home .l-content .content-wrapper-outter img,
  .page-quiz-in-class .l-content .content-wrapper-outter img,
  .page-quiz-dashboard .l-content .content-wrapper-outter img {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0; }
  .page-quiz-at-home .l-content .content-wrapper-outter .collapsible-item:not(.collapsed-divs),
  .page-quiz-in-class .l-content .content-wrapper-outter .collapsible-item:not(.collapsed-divs),
  .page-quiz-dashboard .l-content .content-wrapper-outter .collapsible-item:not(.collapsed-divs) {
    padding-bottom: 20px; }
  .page-quiz-at-home .l-content .content-wrapper-outter .collapse-handle,
  .page-quiz-in-class .l-content .content-wrapper-outter .collapse-handle,
  .page-quiz-dashboard .l-content .content-wrapper-outter .collapse-handle {
    cursor: pointer; }
  .page-quiz-at-home .l-content .content-wrapper-outter .level-title,
  .page-quiz-in-class .l-content .content-wrapper-outter .level-title,
  .page-quiz-dashboard .l-content .content-wrapper-outter .level-title {
    font-size: 1.125rem;
    margin-top: 25px;
    position: relative; }
    .page-quiz-at-home .l-content .content-wrapper-outter .level-title::after,
    .page-quiz-in-class .l-content .content-wrapper-outter .level-title::after,
    .page-quiz-dashboard .l-content .content-wrapper-outter .level-title::after {
      content: "";
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1;
      margin-right: .2em;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      font-size: 1.5rem;
      color: #BED328;
      cursor: pointer;
      text-decoration: none;
      position: absolute;
      right: -6px;
      top: 3px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    .page-quiz-at-home .l-content .content-wrapper-outter .level-title a,
    .page-quiz-in-class .l-content .content-wrapper-outter .level-title a,
    .page-quiz-dashboard .l-content .content-wrapper-outter .level-title a {
      color: #18254B; }
      .page-quiz-at-home .l-content .content-wrapper-outter .level-title a:hover,
      .page-quiz-in-class .l-content .content-wrapper-outter .level-title a:hover,
      .page-quiz-dashboard .l-content .content-wrapper-outter .level-title a:hover {
        color: #ffffff; }
  .page-quiz-at-home .l-content .content-wrapper-outter .collapsed-divs .level-title::after,
  .page-quiz-in-class .l-content .content-wrapper-outter .collapsed-divs .level-title::after,
  .page-quiz-dashboard .l-content .content-wrapper-outter .collapsed-divs .level-title::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .page-quiz-at-home .l-content .content-wrapper-outter .level-title:first-child,
  .page-quiz-in-class .l-content .content-wrapper-outter .level-title:first-child,
  .page-quiz-dashboard .l-content .content-wrapper-outter .level-title:first-child {
    margin-top: 0; }
  .page-quiz-at-home .l-content .content-wrapper-outter .level-sub-title,
  .page-quiz-in-class .l-content .content-wrapper-outter .level-sub-title,
  .page-quiz-dashboard .l-content .content-wrapper-outter .level-sub-title {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18254B; }
    .page-quiz-at-home .l-content .content-wrapper-outter .level-sub-title .points-earned,
    .page-quiz-in-class .l-content .content-wrapper-outter .level-sub-title .points-earned,
    .page-quiz-dashboard .l-content .content-wrapper-outter .level-sub-title .points-earned {
      font-size: 1.125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .page-quiz-at-home .l-content .content-wrapper-outter .quiz-question-wrapper,
  .page-quiz-in-class .l-content .content-wrapper-outter .quiz-question-wrapper,
  .page-quiz-dashboard .l-content .content-wrapper-outter .quiz-question-wrapper {
    position: relative;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .page-quiz-at-home .l-content .content-wrapper-outter .quiz-question-wrapper .locked-quiz::after,
    .page-quiz-in-class .l-content .content-wrapper-outter .quiz-question-wrapper .locked-quiz::after,
    .page-quiz-dashboard .l-content .content-wrapper-outter .quiz-question-wrapper .locked-quiz::after {
      display: inline-block;
      content: "(Locked)";
      color: #18254B;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding-left: 10px;
      padding-top: 4px; }
    .page-quiz-at-home .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-percent-score,
    .page-quiz-in-class .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-percent-score,
    .page-quiz-dashboard .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-percent-score {
      position: absolute;
      right: 5px;
      top: 7px;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .page-quiz-at-home .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-title,
    .page-quiz-in-class .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-title,
    .page-quiz-dashboard .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-title {
      width: 80%;
      line-height: 1.1em;
      padding: 4px 0 15px 2px; }
      .page-quiz-at-home .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-title a,
      .page-quiz-in-class .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-title a,
      .page-quiz-dashboard .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-title a {
        font-weight: 400;
        padding: 5px 20px 7px 0;
        color: #ffffff; }
        .page-quiz-at-home .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-title a:hover,
        .page-quiz-in-class .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-title a:hover,
        .page-quiz-dashboard .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-title a:hover {
          color: #18254B; }
    .page-quiz-at-home .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-progress.meter,
    .page-quiz-in-class .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-progress.meter,
    .page-quiz-dashboard .l-content .content-wrapper-outter .quiz-question-wrapper .quiz-progress.meter {
      height: 4px; }
    .page-quiz-at-home .l-content .content-wrapper-outter .quiz-question-wrapper .level-sub-title,
    .page-quiz-in-class .l-content .content-wrapper-outter .quiz-question-wrapper .level-sub-title,
    .page-quiz-dashboard .l-content .content-wrapper-outter .quiz-question-wrapper .level-sub-title {
      margin: 10px 0; }
  .page-quiz-at-home .l-content .content-wrapper-outter .meter,
  .page-quiz-in-class .l-content .content-wrapper-outter .meter,
  .page-quiz-dashboard .l-content .content-wrapper-outter .meter {
    height: 16px;
    background: repeating-linear-gradient(-45deg, #02807D, #02807D 1px, #ffffff 1px, #ffffff 5px); }
    .page-quiz-at-home .l-content .content-wrapper-outter .meter span,
    .page-quiz-in-class .l-content .content-wrapper-outter .meter span,
    .page-quiz-dashboard .l-content .content-wrapper-outter .meter span {
      background: #BED328; }
  .page-quiz-at-home .l-content .content-wrapper-outter .vaccines-earned-text,
  .page-quiz-in-class .l-content .content-wrapper-outter .vaccines-earned-text,
  .page-quiz-dashboard .l-content .content-wrapper-outter .vaccines-earned-text {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.875rem;
    text-align: left;
    padding-top: 4px; }
    .page-quiz-at-home .l-content .content-wrapper-outter .vaccines-earned-text::before,
    .page-quiz-in-class .l-content .content-wrapper-outter .vaccines-earned-text::before,
    .page-quiz-dashboard .l-content .content-wrapper-outter .vaccines-earned-text::before {
      content: "";
      width: 25px;
      height: 34px;
      background: url("../images/icon_baby_white_sm.png") no-repeat scroll top left;
      display: inline-block;
      vertical-align: top; }
    .page-quiz-at-home .l-content .content-wrapper-outter .vaccines-earned-text .points-earned,
    .page-quiz-in-class .l-content .content-wrapper-outter .vaccines-earned-text .points-earned,
    .page-quiz-dashboard .l-content .content-wrapper-outter .vaccines-earned-text .points-earned {
      font-size: 1rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .page-quiz-at-home .l-content .content-wrapper-outter .level-select-item,
  .page-quiz-in-class .l-content .content-wrapper-outter .level-select-item,
  .page-quiz-dashboard .l-content .content-wrapper-outter .level-select-item {
    margin-bottom: 20px; }

.page-quiz-results- table th {
  background: #BED328;
  padding: 5px; }

.page-quiz-results- table td {
  background: #ffffff; }

@media (min-width: 768px) and (max-width: 991px) {
  .l-post-content {
    clear: both !important; } }

.page-node-statistics .l-main {
  background: #ffffff; }
  .page-node-statistics .l-main .quiz-stats-chart-space {
    text-align: center; }
    .page-node-statistics .l-main .quiz-stats-chart-space img {
      padding: 20px; }

@media (max-width: 767px) {
  .block__content h3 {
    font-size: 1rem; } }

.node-type-adventure-page .next-page-link {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #D64800;
  color: #ffffff;
  margin: 15px auto;
  display: table;
  text-align: center;
  white-space: normal;
  padding: 0px 50px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.77px;
  line-height: 3.71;
  background: #F25500;
  border: 0;
  border-radius: 10px;
  text-transform: uppercase; }
  .node-type-adventure-page .next-page-link:hover {
    background-color: #00A09C;
    border-color: #00A09C;
    color: #ffffff; }
  .node-type-adventure-page .next-page-link:focus {
    border-color: #01605E; }
  .node-type-adventure-page .next-page-link:visited {
    color: #ffffff; }
  .node-type-adventure-page .next-page-link:hover {
    color: #ffffff;
    border: 0; }

.node-type-quiz .quiz-start-link {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #D64800;
  color: #ffffff;
  clear: both;
  display: block;
  margin: 20px auto;
  padding: 15px 50px;
  width: fit-content;
  text-align: center;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.77px;
  line-height: 1.5;
  text-transform: uppercase;
  background: #F25500;
  border: 0;
  border-radius: 10px; }
  .node-type-quiz .quiz-start-link:hover {
    background-color: #00A09C;
    border-color: #00A09C;
    color: #ffffff; }
  .node-type-quiz .quiz-start-link:focus {
    border-color: #01605E; }
  .node-type-quiz .quiz-start-link:visited {
    color: #ffffff; }
  .node-type-quiz .quiz-start-link:hover {
    color: #ffffff;
    border: 0; }

.quiz-take-question-feedback-form fieldset {
  border: 0 none;
  padding: 0; }

.quiz-take-question-feedback-form legend {
  display: none; }

.quiz-take-question-feedback-form #edit-actions input.form-submit {
  position: absolute;
  padding: 15px 15px;
  box-shadow: -5px 1px 17px -4px rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  right: 0; }

.quiz-take-question-feedback-form #edit-actions::after {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #D64800;
  content: "";
  display: block;
  position: absolute;
  right: -24px; }

.quiz-take-question-feedback-form #edit-actions.hover::after {
  border-left-color: #00A09C; }

.quiz-question-answering-form h2,
.quiz-question-answering-form .form-type-radios > label {
  display: none; }

.quiz-question-answering-form table {
  margin: 0 70px;
  width: auto; }
  .quiz-question-answering-form table tr:hover {
    cursor: pointer; }
  .quiz-question-answering-form table input:hover {
    cursor: pointer; }

.quiz-question-answering-form .rtecenter img {
  margin: 0; }

.table-instructions {
  text-align: center;
  width: 1200px;
  margin-top: 30px; }
  .table-instructions h3 {
    margin-bottom: 10px; }

#student-scores caption {
  margin: 30px 0 20px 0; }
  #student-scores caption .inf {
    background: transparent;
    border: 0 none;
    height: auto; }
  #student-scores caption .ldiv,
  #student-scores caption .mdiv {
    display: none; }
  #student-scores caption .rdiv {
    float: none;
    text-align: left;
    width: auto; }

#student-scores input.reset {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #D64800;
  color: #ffffff;
  width: auto; }
  #student-scores input.reset:hover {
    background-color: #00A09C;
    border-color: #00A09C;
    color: #ffffff; }
  #student-scores input.reset:focus {
    border-color: #01605E; }

#student-scores tr {
  background-color: #ffffff; }

#student-scores .fltrow {
  background-color: #e7b230; }

.scores-page .back-link a {
  color: #18254B; }
  .scores-page .back-link a:hover {
    text-decoration: underline; }

body.page-quiz-scores .l-main {
  background: #ffffff; }

ul.menu {
  margin: 0;
  padding: 0; }

.block--system-main-menu,
.l-region--navigation nav[class*="menu-menu-scotland"],
.l-region--navigation nav[class*="menu-menu-intl"] {
  font-family: "Roboto Slab", serif;
  font-size: 1.125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.44; }
  .block--system-main-menu a,
  .l-region--navigation nav[class*="menu-menu-scotland"] a,
  .l-region--navigation nav[class*="menu-menu-intl"] a {
    color: #ffffff;
    display: block;
    position: relative;
    text-decoration: none; }
    .block--system-main-menu a:focus,
    .l-region--navigation nav[class*="menu-menu-scotland"] a:focus,
    .l-region--navigation nav[class*="menu-menu-intl"] a:focus {
      color: #02807D; }
    .block--system-main-menu a:hover,
    .l-region--navigation nav[class*="menu-menu-scotland"] a:hover,
    .l-region--navigation nav[class*="menu-menu-intl"] a:hover {
      color: #F37E1E; }
    .block--system-main-menu a:active,
    .l-region--navigation nav[class*="menu-menu-scotland"] a:active,
    .l-region--navigation nav[class*="menu-menu-intl"] a:active {
      color: #02807D; }
  .block--system-main-menu > .menu .leaf, .block--system-main-menu > .menu .expanded,
  .l-region--navigation nav[class*="menu-menu-scotland"] > .menu .leaf,
  .l-region--navigation nav[class*="menu-menu-scotland"] > .menu .expanded,
  .l-region--navigation nav[class*="menu-menu-intl"] > .menu .leaf,
  .l-region--navigation nav[class*="menu-menu-intl"] > .menu .expanded {
    list-style: none outside none; }
  .block--system-main-menu > .menu a.active,
  .block--system-main-menu > .menu a.active-trail,
  .l-region--navigation nav[class*="menu-menu-scotland"] > .menu a.active,
  .l-region--navigation nav[class*="menu-menu-scotland"] > .menu a.active-trail,
  .l-region--navigation nav[class*="menu-menu-intl"] > .menu a.active,
  .l-region--navigation nav[class*="menu-menu-intl"] > .menu a.active-trail {
    color: #F37E1E; }
  .block--system-main-menu > .menu > li,
  .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li,
  .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li {
    float: left;
    position: relative; }
    .block--system-main-menu > .menu > li.expanded > a::after,
    .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li.expanded > a::after,
    .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li.expanded > a::after {
      content: "";
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1;
      margin-right: .2em;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
    .block--system-main-menu > .menu > li.expanded > a:hover::after, .block--system-main-menu > .menu > li.expanded > a.active::after, .block--system-main-menu > .menu > li.expanded > a.active-trail::after,
    .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li.expanded > a:hover::after,
    .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li.expanded > a.active::after,
    .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li.expanded > a.active-trail::after,
    .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li.expanded > a:hover::after,
    .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li.expanded > a.active::after,
    .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li.expanded > a.active-trail::after {
      transform: rotate(90deg); }
    .block--system-main-menu > .menu > li:hover > .menu,
    .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li:hover > .menu,
    .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li:hover > .menu {
      display: block; }
    .block--system-main-menu > .menu > li:first-child > a,
    .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li:first-child > a,
    .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li:first-child > a {
      padding-left: 0; }
    .block--system-main-menu > .menu > li > a,
    .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li > a,
    .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li > a {
      padding: 20px;
      height: 70px; }
    .block--system-main-menu > .menu > li > .menu,
    .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li > .menu,
    .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li > .menu {
      background: #18254B;
      display: none;
      left: 0;
      position: absolute;
      top: 100%;
      width: 200px;
      z-index: 100; }
      .block--system-main-menu > .menu > li > .menu > li,
      .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li > .menu > li,
      .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li > .menu > li {
        border-top: 1px solid rgba(255, 255, 255, 0.5); }
        .block--system-main-menu > .menu > li > .menu > li > a,
        .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li > .menu > li > a,
        .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li > .menu > li > a {
          font-size: 0.9em;
          font-weight: 400;
          line-height: 1.3;
          padding: 10px; }
  @media (min-width: 768px) and (max-width: 992px) {
    .block--system-main-menu > .menu,
    .l-region--navigation nav[class*="menu-menu-scotland"] > .menu,
    .l-region--navigation nav[class*="menu-menu-intl"] > .menu {
      font-size: 16px; }
      .block--system-main-menu > .menu > li > a,
      .l-region--navigation nav[class*="menu-menu-scotland"] > .menu > li > a,
      .l-region--navigation nav[class*="menu-menu-intl"] > .menu > li > a {
        padding-left: 8px;
        padding-right: 8px; } }

@media (max-width: 1030px) and (min-width: 768px) {
  .i18n-fr .block--system-main-menu > .menu > li > a {
    padding-left: 8px !important;
    padding-right: 8px !important; } }

.block--ibi-user-ibi-user-top-menu-links .left-side, .block--ibi-user-ibi-user-top-menu-links .right-side {
  display: inline-block;
  vertical-align: top; }

.block--ibi-user-ibi-user-top-menu-links .right-side {
  margin-top: 5px; }

.block--ibi-user-ibi-user-top-menu-links .left-side {
  padding-right: 10px; }
  .block--ibi-user-ibi-user-top-menu-links .left-side .row {
    text-align: right;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
    line-height: 1.4em; }
    .block--ibi-user-ibi-user-top-menu-links .left-side .row a {
      color: #BED328;
      text-decoration: none; }
      .block--ibi-user-ibi-user-top-menu-links .left-side .row a:hover {
        color: #ffffff; }

.not-logged-in .block--ibi-user-ibi-user-top-menu-links {
  position: relative; }

.logged-in .block--ibi-user-ibi-user-top-menu-links {
  position: absolute;
  right: 0;
  top: 5px; }
  .logged-in .block--ibi-user-ibi-user-top-menu-links .my-account {
    border-right: 1px solid #334271;
    padding-right: 5px; }

.l-region--footer [class*="block--menu-menu-"] {
  font-family: "Roboto Slab", serif;
  font-size: 1.125rem;
  font-weight: 900; }
  .l-region--footer [class*="block--menu-menu-"] h2.block__title {
    display: none; }
  .l-region--footer [class*="block--menu-menu-"] .menu {
    padding-top: 5px; }
    .l-region--footer [class*="block--menu-menu-"] .menu li {
      height: auto;
      border: 0;
      display: inline-block;
      padding: 0 1.7%;
      list-style-image: none; }
      .l-region--footer [class*="block--menu-menu-"] .menu li.first {
        padding-left: 0; }
      .l-region--footer [class*="block--menu-menu-"] .menu li.last {
        padding-right: 0; }
      .l-region--footer [class*="block--menu-menu-"] .menu li a {
        color: #D64800;
        line-height: 32px;
        text-decoration: none; }
        .l-region--footer [class*="block--menu-menu-"] .menu li a:focus {
          color: #9cb532; }
        .l-region--footer [class*="block--menu-menu-"] .menu li a:hover {
          color: #9cb532; }

.l-region--sidebar-first .block--menu .menu {
  padding-left: 35px;
  margin-bottom: 2em;
  padding-top: 5px;
  list-style: none; }
  .l-region--sidebar-first .block--menu .menu li {
    position: relative;
    color: #ffffff;
    list-style: none; }
    .l-region--sidebar-first .block--menu .menu li::before {
      content: "";
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1;
      margin-right: .2em;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      font-size: 1.5rem;
      color: #b6ca26;
      cursor: pointer;
      text-decoration: none;
      position: absolute;
      left: -28px;
      top: 7px; }
    .l-region--sidebar-first .block--menu .menu li.active-trail a, .l-region--sidebar-first .block--menu .menu li.hover a {
      color: #304A97; }
    .l-region--sidebar-first .block--menu .menu li.active-trail::before, .l-region--sidebar-first .block--menu .menu li.hover::before {
      content: "";
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1;
      margin-right: .2em;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      color: #304A97; }
    .l-region--sidebar-first .block--menu .menu li a {
      line-height: 32px;
      color: #00A09C;
      text-decoration: none; }
      .l-region--sidebar-first .block--menu .menu li a:hover {
        color: #9cb532; }

.l-region--navigation .responsive-menus.responsified {
  font-size: 16px;
  line-height: 1.3; }
  .l-region--navigation .responsive-menus.responsified .responsive-menus-simple {
    background: #18254B;
    border-radius: 0;
    top: 70px !important; }
    .l-region--navigation .responsive-menus.responsified .responsive-menus-simple a {
      border-bottom: 0 none;
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      padding: 15px;
      text-transform: none; }
      .l-region--navigation .responsive-menus.responsified .responsive-menus-simple a + ul a {
        border-top: 0 none;
        padding: 5px 15px 5px 30px; }

.block--menu-menu-login-register {
  padding-top: 13px;
  float: left;
  width: 190px; }
  .i18n-fr .block--menu-menu-login-register {
    width: 270px; }
  .block--menu-menu-login-register .block__title {
    display: none; }
  .block--menu-menu-login-register .menu {
    text-align: right;
    padding: 5px 0; }
    .block--menu-menu-login-register .menu li {
      display: inline-block;
      padding-right: 0;
      list-style-image: none; }
      .block--menu-menu-login-register .menu li:not(.last) {
        margin-right: 16px; }
        .block--menu-menu-login-register .menu li:not(.last) a {
          color: #BED328;
          font-size: 0.875rem;
          font-weight: 900;
          letter-spacing: 0.05em;
          text-decoration: none;
          text-transform: uppercase; }
          .block--menu-menu-login-register .menu li:not(.last) a:hover, .block--menu-menu-login-register .menu li:not(.last) a:focus {
            color: #00A09C; }
      .block--menu-menu-login-register .menu li.last a {
        -webkit-appearance: none;
        align-items: center;
        background: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        display: inline-flex;
        font-size: 0.875rem;
        font-weight: 900;
        justify-content: center;
        letter-spacing: 0.05em;
        line-height: 1.2;
        margin-bottom: 0;
        padding: 8px 32px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        touch-action: manipulation;
        user-select: none;
        background: #BED328;
        color: #18254B; }
        .block--menu-menu-login-register .menu li.last a:hover {
          background-color: #00A09C;
          border-color: #00A09C;
          color: #18254B; }
        .block--menu-menu-login-register .menu li.last a:focus {
          border-color: #18254B; }
  @media (min-width: 768px) {
    .block--menu-menu-login-register {
      float: right; } }
  @media (min-width: 992px) {
    .block--menu-menu-login-register {
      padding-top: 11px; } }

.block--menu-menu-resources {
  border: 0 none;
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .block--menu-menu-resources li {
    margin: 0;
    float: left;
    list-style: none !important; }
    .block--menu-menu-resources li:last-child {
      position: relative; }
      .block--menu-menu-resources li:last-child::after {
        background: #DFDFDF;
        bottom: 0;
        content: '';
        display: block;
        height: 1px;
        left: 100%;
        position: absolute;
        width: 1000px; }
  .block--menu-menu-resources a {
    display: block;
    text-decoration: none;
    padding: 0.3em 0.8em;
    background: transparent;
    border-bottom: 1px solid #DFDFDF;
    color: #18254B;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 1;
    padding-right: 1; }
    .block--menu-menu-resources a:focus {
      color: #00A09C; }
    .block--menu-menu-resources a:hover {
      color: #00A09C; }
    .block--menu-menu-resources a.active {
      background: transparent;
      border: 1px solid #DFDFDF;
      border-bottom: 0 none;
      color: #ffffff; }
      .block--menu-menu-resources a.active:focus {
        color: #ffffff; }
      .block--menu-menu-resources a.active:hover {
        color: #ffffff; }
    .block--menu-menu-resources a:hover, .block--menu-menu-resources a:focus {
      background: transparent; }
  .block--menu-menu-resources .block__title {
    display: none; }
  .block--menu-menu-resources a:hover {
    color: #ffffff !important; }

.block--system-user-menu {
  border: 0 none;
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .block--system-user-menu li {
    margin: 0;
    float: left;
    list-style: none !important; }
    .block--system-user-menu li:last-child {
      position: relative; }
      .block--system-user-menu li:last-child::after {
        background: #DFDFDF;
        bottom: 0;
        content: '';
        display: block;
        height: 1px;
        left: 100%;
        position: absolute;
        width: 1000px; }
  .block--system-user-menu a {
    display: block;
    text-decoration: none;
    padding: 0.3em 0.8em;
    background: transparent;
    border-bottom: 1px solid #DFDFDF;
    color: #18254B;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 1;
    padding-right: 1; }
    .block--system-user-menu a:focus {
      color: #00A09C; }
    .block--system-user-menu a:hover {
      color: #00A09C; }
    .block--system-user-menu a.active {
      background: transparent;
      border: 1px solid #DFDFDF;
      border-bottom: 0 none;
      color: #00A09C; }
      .block--system-user-menu a.active:focus {
        color: #00A09C; }
      .block--system-user-menu a.active:hover {
        color: #00A09C; }
    .block--system-user-menu a:hover, .block--system-user-menu a:focus {
      background: transparent; }

.social-button {
  text-align: left; }

.fb, .twitter, .facebook, .social_button_forward {
  position: relative;
  display: inline-block;
  height: 35px;
  width: 35px;
  text-decoration: none; }

.fb.social_button_facebook,
.facebook.social_button_facebook {
  background: #3350ae; }
  .fb.social_button_facebook::before,
  .facebook.social_button_facebook::before {
    content: "";
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1;
    margin-right: .2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    font-size: 1.5rem;
    position: absolute;
    top: 7px;
    left: 4px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none; }
  .fb.social_button_facebook.used,
  .facebook.social_button_facebook.used {
    opacity: 0.5; }

.twitter.social_button_twitter {
  background: #01c4f1; }
  .twitter.social_button_twitter::before {
    content: "";
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1;
    margin-right: .2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    font-size: 1.5rem;
    position: absolute;
    top: 7px;
    left: 4px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none; }
  .twitter.social_button_twitter.used {
    opacity: 0.2; }

.social_button_forward {
  background: #9cb532; }
  .social_button_forward::before {
    content: "";
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1;
    margin-right: .2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    font-size: 1.5rem;
    position: absolute;
    top: 7px;
    left: 4px;
    color: #ffffff;
    cursor: pointer; }
  .social_button_forward.used {
    opacity: 0.2; }

/* -- Primary -- */
.tabs--primary {
  border: 0 none;
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .tabs--primary li {
    margin: 0;
    float: left;
    list-style: none !important; }
    .tabs--primary li:last-child {
      position: relative; }
      .tabs--primary li:last-child::after {
        background: #DFDFDF;
        bottom: 0;
        content: '';
        display: block;
        height: 1px;
        left: 100%;
        position: absolute;
        width: 1000px; }
  .tabs--primary a {
    display: block;
    text-decoration: none;
    padding: 0.3em 0.8em;
    background: transparent;
    border-bottom: 1px solid #DFDFDF;
    color: #18254B;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 1;
    padding-right: 1; }
    .tabs--primary a:focus {
      color: #00A09C; }
    .tabs--primary a:hover {
      color: #00A09C; }
    .tabs--primary a.active {
      background: transparent;
      border: 1px solid #DFDFDF;
      border-bottom: 0 none;
      color: #00A09C; }
      .tabs--primary a.active:focus {
        color: #00A09C; }
      .tabs--primary a.active:hover {
        color: #00A09C; }
    .tabs--primary a:hover, .tabs--primary a:focus {
      background: transparent; }

.pager li {
  list-style: none; }
  .pager li.pager__item--current {
    font-size: 1.125rem !important; }
  .pager li a {
    color: #ffffff;
    letter-spacing: 0.06em;
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none; }
    .pager li a:hover {
      color: #18254B; }

.pager .pager__item.pager__item--ellipsis {
  color: #ffffff; }

.pager .pager__item.pager__item--current {
  color: #18254B; }

.l-navigation {
  background: #18254B;
  min-height: 70px;
  position: relative; }

.l-region.l-region--navigation {
  position: relative;
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  .l-region.l-region--navigation .responsive-menus.responsified span.toggler {
    border: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 1;
    display: block;
    background: transparent;
    padding: 5px 9px 6px;
    color: #ffffff;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.35em;
    text-align: center;
    position: absolute;
    right: 0;
    top: 16px;
    cursor: pointer;
    outline: none; }
  @media (max-width: 768px) {
    .l-region.l-region--navigation .l-header {
      display: none; } }
  @media (max-width: 767px) {
    .l-region.l-region--navigation #block-ibi-user-ibi-user-top-menu-links {
      display: none; } }
  @media (max-width: 766px) {
    .l-region.l-region--navigation #block-ibi-user-ibi-user-top-menu-links {
      margin-right: 55px;
      display: block;
      position: relative;
      left: 0; }
      .l-region.l-region--navigation #block-ibi-user-ibi-user-top-menu-links img {
        width: 50px;
        height: auto; } }

ul.action-links {
  list-style: none; }

.block--menu-menu-in-this-section {
  border-bottom: 2px solid #18254B;
  padding-bottom: 0;
  margin-bottom: 40px; }
  .block--menu-menu-in-this-section ul.menu {
    list-style: none; }

@media (min-width: 768px) and (max-width: 768px) {
  #block-search-form {
    right: 12px; }
    #block-search-form .search-block-form {
      display: block; }
  .block--system-main-menu li.last.expanded,
  #block-system-main-menu li.last.expanded,
  .l-region--navigation nav[class*="menu-menu-scotland"] li.last.expanded {
    margin-right: 80px; }
  .logged-in .block--ibi-user-ibi-user-top-menu-links,
  .not-logged-in .block--ibi-user-ibi-user-top-menu-links {
    float: right;
    position: relative;
    top: 0; }
    .logged-in .block--ibi-user-ibi-user-top-menu-links .block--menu-menu-login-register,
    .not-logged-in .block--ibi-user-ibi-user-top-menu-links .block--menu-menu-login-register {
      padding-top: 0;
      padding-bottom: 10px; } }

@media (min-width: 769px) and (max-width: 830px) {
  #search-block-form {
    display: none; } }

.block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.menu,
.block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.action-links,
.view-schools-resources ul.menu,
.view-schools-resources ul.action-links,
.teacher-centre-links ul.menu,
.teacher-centre-links ul.action-links {
  text-align: left;
  margin: 0; }
  .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.menu li,
  .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.action-links li,
  .view-schools-resources ul.menu li,
  .view-schools-resources ul.action-links li,
  .teacher-centre-links ul.menu li,
  .teacher-centre-links ul.action-links li {
    display: inline-block;
    margin: 0 10px 10px 0; }
    .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.menu li:not(.provential-selector-parent) a,
    .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.action-links li:not(.provential-selector-parent) a,
    .view-schools-resources ul.menu li:not(.provential-selector-parent) a,
    .view-schools-resources ul.action-links li:not(.provential-selector-parent) a,
    .teacher-centre-links ul.menu li:not(.provential-selector-parent) a,
    .teacher-centre-links ul.action-links li:not(.provential-selector-parent) a {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff; }
      .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.menu li:not(.provential-selector-parent) a:hover,
      .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.action-links li:not(.provential-selector-parent) a:hover,
      .view-schools-resources ul.menu li:not(.provential-selector-parent) a:hover,
      .view-schools-resources ul.action-links li:not(.provential-selector-parent) a:hover,
      .teacher-centre-links ul.menu li:not(.provential-selector-parent) a:hover,
      .teacher-centre-links ul.action-links li:not(.provential-selector-parent) a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.menu li:not(.provential-selector-parent) a:focus,
      .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.action-links li:not(.provential-selector-parent) a:focus,
      .view-schools-resources ul.menu li:not(.provential-selector-parent) a:focus,
      .view-schools-resources ul.action-links li:not(.provential-selector-parent) a:focus,
      .teacher-centre-links ul.menu li:not(.provential-selector-parent) a:focus,
      .teacher-centre-links ul.action-links li:not(.provential-selector-parent) a:focus {
        border-color: #01605E; }
      .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.menu li:not(.provential-selector-parent) a.active,
      .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.action-links li:not(.provential-selector-parent) a.active,
      .view-schools-resources ul.menu li:not(.provential-selector-parent) a.active,
      .view-schools-resources ul.action-links li:not(.provential-selector-parent) a.active,
      .teacher-centre-links ul.menu li:not(.provential-selector-parent) a.active,
      .teacher-centre-links ul.action-links li:not(.provential-selector-parent) a.active {
        -webkit-appearance: none;
        align-items: center;
        background: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        display: inline-flex;
        font-size: 0.875rem;
        font-weight: 900;
        justify-content: center;
        letter-spacing: 0.05em;
        line-height: 1.2;
        margin-bottom: 0;
        padding: 8px 32px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        touch-action: manipulation;
        user-select: none;
        background: #BED328;
        color: #18254B; }
        .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.menu li:not(.provential-selector-parent) a.active:hover,
        .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.action-links li:not(.provential-selector-parent) a.active:hover,
        .view-schools-resources ul.menu li:not(.provential-selector-parent) a.active:hover,
        .view-schools-resources ul.action-links li:not(.provential-selector-parent) a.active:hover,
        .teacher-centre-links ul.menu li:not(.provential-selector-parent) a.active:hover,
        .teacher-centre-links ul.action-links li:not(.provential-selector-parent) a.active:hover {
          background-color: #00A09C;
          border-color: #00A09C;
          color: #18254B; }
        .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.menu li:not(.provential-selector-parent) a.active:focus,
        .block--ibi-schools-leaderboards-ibi-schools-leaderboard-subnav ul.action-links li:not(.provential-selector-parent) a.active:focus,
        .view-schools-resources ul.menu li:not(.provential-selector-parent) a.active:focus,
        .view-schools-resources ul.action-links li:not(.provential-selector-parent) a.active:focus,
        .teacher-centre-links ul.menu li:not(.provential-selector-parent) a.active:focus,
        .teacher-centre-links ul.action-links li:not(.provential-selector-parent) a.active:focus {
          border-color: #18254B; }

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.86em; }

.view-stories form {
  background: transparent;
  color: #ffffff;
  padding: 0; }

.view-stories .views-exposed-form {
  position: relative; }
  .view-stories .views-exposed-form .views-widget-sort-by {
    position: absolute;
    right: 0; }
    .view-stories .views-exposed-form .views-widget-sort-by label {
      display: inline-block;
      padding-right: 10px;
      font-size: 0.8125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

.view-stories:after {
  content: "";
  display: table;
  clear: both; }

.view-stories .views-row {
  background: #ffffff;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .view-stories .views-row {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      display: inline-block;
      width: 100%; } }
  @media (min-width: 768px) {
    .view-stories .views-row {
      width: 48.75%;
      clear: right;
      float: left;
      margin-left: 0.625%;
      margin-right: 0.625%; }
      .view-stories .views-row:nth-child(2n) {
        width: 48.75%;
        clear: right;
        float: right;
        margin-left: 0;
        margin-right: 0.625%; } }
  @media (min-width: 992px) {
    .view-stories .views-row {
      width: 31.66667%;
      clear: right;
      float: left;
      margin-left: 0.83333%;
      margin-right: 0.83333%; }
      .view-stories .views-row:not(:nth-child(3n)) {
        width: 31.66667%;
        clear: right;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
      .view-stories .views-row:nth-child(3n) {
        width: 31.66667%;
        clear: right;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%; } }

.view-stories .views-row > div {
  margin: 8px;
  margin-bottom: 60px;
  position: relative; }

.view-stories .view-content {
  clear: both;
  padding-top: 30px;
  margin-top: 20px; }

.view-teams {
  /* -- Block -- */
  /* -- Page 1 -- */
  /* -- Page 2 -- */ }
  .view-teams.view-display-id-block_1 .view-header a {
    -webkit-appearance: none;
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    user-select: none;
    background: #D64800;
    color: #ffffff;
    margin-bottom: 10px; }
    .view-teams.view-display-id-block_1 .view-header a:hover {
      background-color: #00A09C;
      border-color: #00A09C;
      color: #ffffff; }
    .view-teams.view-display-id-block_1 .view-header a:focus {
      border-color: #01605E; }
  .view-teams.view-display-id-block_1 .views-field-field-team-image {
    line-height: 1px;
    max-width: 50px; }
    .view-teams.view-display-id-block_1 .views-field-field-team-image img {
      margin-left: 0px; }
  .view-teams.view-display-id-block_1 .view-content table th {
    background: none;
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18254B; }
    .view-teams.view-display-id-block_1 .view-content table th.views-field-title {
      position: relative; }
    .view-teams.view-display-id-block_1 .view-content table th.views-field.views-field-points {
      visibility: visible;
      position: relative;
      text-align: right; }
  .view-teams.view-display-id-block_1 .view-content table td {
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1em; }
    .view-teams.view-display-id-block_1 .view-content table td.views-field-title {
      vertical-align: middle;
      font-weight: 400; }
    .view-teams.view-display-id-block_1 .view-content table td.views-field-points {
      text-align: right;
      vertical-align: middle;
      width: 100px;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .view-teams.view-display-id-block_1 .view-content table td.useractivity_avatar img {
      width: 40px; }
  .view-teams.view-display-id-block_1 .view-footer {
    margin-top: 30px;
    text-align: center;
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .view-teams.view-display-id-block_1 .view-footer a {
      color: #18254B;
      padding-right: 19px; }
    .view-teams.view-display-id-block_1 .view-footer .logged-in a {
      color: #b6ca26;
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #BED328;
      color: #18254B; }
      .view-teams.view-display-id-block_1 .view-footer .logged-in a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #18254B; }
      .view-teams.view-display-id-block_1 .view-footer .logged-in a:focus {
        border-color: #18254B; }
    .view-teams.view-display-id-block_1 .view-footer .not-logged-in a {
      color: #b6ca26;
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #BED328;
      color: #18254B;
      padding: 0.675rem 1.45rem !important;
      font-size: 0.75rem !important; }
      .view-teams.view-display-id-block_1 .view-footer .not-logged-in a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #18254B; }
      .view-teams.view-display-id-block_1 .view-footer .not-logged-in a:focus {
        border-color: #18254B; }
  .view-teams.view-display-id-page_1 .view-content {
    margin-bottom: 40px; }
  .view-teams.view-display-id-page_1 .view-header {
    background: none;
    text-align: center;
    margin-bottom: 40px;
    padding: 0; }
    .view-teams.view-display-id-page_1 .view-header a {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff; }
      .view-teams.view-display-id-page_1 .view-header a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .view-teams.view-display-id-page_1 .view-header a:focus {
        border-color: #01605E; }
  .view-teams.view-display-id-page {
    background: #ffffff;
    position: relative; }
    .not-logged-in .view-teams.view-display-id-page .view-header div {
      padding: 20px;
      position: relative;
      top: auto;
      right: auto; }
    .logged-in .view-teams.view-display-id-page .view-header div {
      position: absolute;
      top: -45px;
      right: 0; }
    .view-teams.view-display-id-page .view-header .green-header h2 {
      position: absolute;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0; }
    .view-teams.view-display-id-page .view-header a {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff;
      margin-bottom: 10px; }
      .view-teams.view-display-id-page .view-header a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .view-teams.view-display-id-page .view-header a:focus {
        border-color: #01605E; }
    .view-teams.view-display-id-page .views-field-field-team-image {
      line-height: 1px;
      max-width: 50px; }
      .view-teams.view-display-id-page .views-field-field-team-image img {
        height: auto;
        max-width: 100%; }
    .view-teams.view-display-id-page .view-content {
      padding: 20px; }
      .view-teams.view-display-id-page .view-content table th {
        text-align: left;
        width: 450px;
        font-size: 1.125rem;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #18254B; }
        .view-teams.view-display-id-page .view-content table th.views-field-title {
          position: relative; }
          .view-teams.view-display-id-page .view-content table th.views-field-title::before {
            content: '';
            width: 50px;
            height: 34px;
            background: url("../images/team-icon.png") no-repeat scroll top left;
            display: block;
            position: absolute;
            left: -25px;
            top: 3px; }
        .view-teams.view-display-id-page .view-content table th.views-field.views-field-points {
          visibility: visible;
          position: relative;
          text-align: right; }
          .view-teams.view-display-id-page .view-content table th.views-field.views-field-points::before {
            content: '';
            width: 50px;
            height: 34px;
            background: url("../images/icon_baby_green.png") no-repeat scroll top left;
            background-size: 13px 18px;
            display: block;
            position: absolute;
            right: 100px;
            top: 2px; }
      .view-teams.view-display-id-page .view-content table td {
        vertical-align: middle;
        font-size: 0.875rem;
        line-height: 1em; }
        .view-teams.view-display-id-page .view-content table td.views-field-title {
          vertical-align: middle;
          font-weight: 400; }
        .view-teams.view-display-id-page .view-content table td.views-field-points {
          text-align: right;
          vertical-align: middle;
          width: 100px;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .view-teams.view-display-id-page .view-content table td.useractivity_avatar img {
          width: 40px; }
    .view-teams.view-display-id-page .view-footer {
      margin-top: 50px;
      text-align: right;
      position: relative;
      font-size: 1.125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .view-teams.view-display-id-page .view-footer a {
        color: #18254B;
        padding-right: 19px; }
      .view-teams.view-display-id-page .view-footer::after {
        content: "";
        font-family: "fontello";
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1;
        margin-right: .2em;
        text-align: center;
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        font-size: 1.5rem;
        color: #BED328;
        cursor: pointer;
        text-decoration: none;
        position: absolute;
        right: -6px;
        top: 3px; }
      .view-teams.view-display-id-page .view-footer .logged-in {
        position: absolute;
        left: 0;
        top: -5px; }
        .view-teams.view-display-id-page .view-footer .logged-in a {
          color: #b6ca26;
          -webkit-appearance: none;
          align-items: center;
          background: none;
          border: 1px solid transparent;
          border-radius: 4px;
          cursor: pointer;
          display: inline-flex;
          font-size: 0.875rem;
          font-weight: 900;
          justify-content: center;
          letter-spacing: 0.05em;
          line-height: 1.2;
          margin-bottom: 0;
          padding: 8px 32px;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          touch-action: manipulation;
          user-select: none;
          background: #BED328;
          color: #18254B; }
          .view-teams.view-display-id-page .view-footer .logged-in a:hover {
            background-color: #00A09C;
            border-color: #00A09C;
            color: #18254B; }
          .view-teams.view-display-id-page .view-footer .logged-in a:focus {
            border-color: #18254B; }
      .view-teams.view-display-id-page .view-footer .not-logged-in {
        text-align: left;
        position: absolute;
        left: 0;
        top: -40px; }
        .view-teams.view-display-id-page .view-footer .not-logged-in a {
          color: #b6ca26;
          -webkit-appearance: none;
          align-items: center;
          background: none;
          border: 1px solid transparent;
          border-radius: 4px;
          cursor: pointer;
          display: inline-flex;
          font-size: 0.875rem;
          font-weight: 900;
          justify-content: center;
          letter-spacing: 0.05em;
          line-height: 1.2;
          margin-bottom: 0;
          padding: 8px 32px;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          touch-action: manipulation;
          user-select: none;
          background: #BED328;
          color: #18254B;
          padding: 0.675rem 1.45rem !important;
          font-size: 0.75rem !important; }
          .view-teams.view-display-id-page .view-footer .not-logged-in a:hover {
            background-color: #00A09C;
            border-color: #00A09C;
            color: #18254B; }
          .view-teams.view-display-id-page .view-footer .not-logged-in a:focus {
            border-color: #18254B; }
    .view-teams.view-display-id-page .pager {
      background: #00A09C; }

.view-team-members {
  /* -- Block -- */ }
  .view-team-members.view-display-id-block_1 table th {
    padding-left: 10px;
    line-height: 1.2em;
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18254B; }
    .view-team-members.view-display-id-block_1 table th.views-field.views-field-points {
      visibility: visible;
      position: relative;
      text-align: right; }
      .view-team-members.view-display-id-block_1 table th.views-field.views-field-points::before {
        content: '';
        width: 50px;
        height: 34px;
        background: url("../images/icon_baby_green.png") no-repeat scroll top left;
        background-size: 13px 18px;
        display: block;
        position: absolute;
        right: 34px;
        top: -2px; }
  .view-team-members.view-display-id-block_1 table td {
    padding: 10px;
    line-height: 1.2em;
    font-size: 0.875rem; }
    .view-team-members.view-display-id-block_1 table td.views-field-points {
      text-align: right;
      color: #18254B;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .view-team-members.view-display-id-block:after {
    content: "";
    display: table;
    clear: both; }
  .view-team-members.view-display-id-block .views-row {
    float: left;
    margin-bottom: 10px;
    width: 30%; }
    .view-team-members.view-display-id-block .views-row:nth-child(3n-1) {
      margin-left: 5%;
      margin-right: 5%; }
    .view-team-members.view-display-id-block .views-row:nth-child(3n+1) {
      clear: left; }
  .view-team-members.view-display-id-block .views-field-picture {
    text-align: center; }
    .view-team-members.view-display-id-block .views-field-picture img {
      border-radius: 50%; }
  .view-team-members.view-display-id-block .views-field-name,
  .view-team-members.view-display-id-block .views-field-php {
    font-size: 1.125rem;
    text-align: center; }
    .view-team-members.view-display-id-block .views-field-name a,
    .view-team-members.view-display-id-block .views-field-php a {
      color: #18254B; }
      .view-team-members.view-display-id-block .views-field-name a:focus,
      .view-team-members.view-display-id-block .views-field-php a:focus {
        color: #18254B; }
      .view-team-members.view-display-id-block .views-field-name a:hover,
      .view-team-members.view-display-id-block .views-field-php a:hover {
        color: #18254B; }
  .view-team-members.view-display-id-block_2 {
    font-size: 1.125rem; }
    .view-team-members.view-display-id-block_2 .img {
      float: left;
      margin-right: 10px; }
  .view-team-members.view-display-id-block_4 {
    text-align: center; }
    .view-team-members.view-display-id-block_4 a {
      color: #333333; }
  .view-team-members .pager li a {
    color: #00A09C; }

.view-team-updates .views-row {
  border-bottom: 1px solid #808080;
  padding: 20px; }
  .view-team-updates .views-row.views-row-last {
    border-bottom: none; }

.view-user-points.view-display-id-activity_feed table th, .view-user-points.view-display-id-activity_feed_anon table th, .view-user-points.view-display-id-block table th {
  background: none;
  visibility: hidden;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #18254B; }
  .view-user-points.view-display-id-activity_feed table th.views-field.views-field-points, .view-user-points.view-display-id-activity_feed_anon table th.views-field.views-field-points, .view-user-points.view-display-id-block table th.views-field.views-field-points {
    visibility: visible;
    position: relative; }
    .view-user-points.view-display-id-activity_feed table th.views-field.views-field-points::before, .view-user-points.view-display-id-activity_feed_anon table th.views-field.views-field-points::before, .view-user-points.view-display-id-block table th.views-field.views-field-points::before {
      content: '';
      width: 50px;
      height: 34px;
      background: url("../images/icon_baby_green.png") no-repeat scroll top left;
      background-size: 13px 18px;
      display: block;
      position: absolute;
      right: 34px;
      top: 2px; }

.view-user-points.view-display-id-activity_feed table td, .view-user-points.view-display-id-activity_feed_anon table td, .view-user-points.view-display-id-block table td {
  font-size: 0.875rem;
  vertical-align: middle;
  line-height: 1.3em; }
  .view-user-points.view-display-id-activity_feed table td a, .view-user-points.view-display-id-activity_feed_anon table td a, .view-user-points.view-display-id-block table td a {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .view-user-points.view-display-id-activity_feed table td .useractivity_timeago, .view-user-points.view-display-id-activity_feed_anon table td .useractivity_timeago, .view-user-points.view-display-id-block table td .useractivity_timeago {
    color: #01605E;
    font-size: 0.75rem; }
    .view-user-points.view-display-id-activity_feed table td .useractivity_timeago .placeholder, .view-user-points.view-display-id-activity_feed_anon table td .useractivity_timeago .placeholder, .view-user-points.view-display-id-block table td .useractivity_timeago .placeholder {
      color: currentColor; }

.view-user-points.view-display-id-activity_feed table td.views-field-points, .view-user-points.view-display-id-activity_feed_anon table td.views-field-points, .view-user-points.view-display-id-block table td.views-field-points {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 39;
  position: relative;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  display: block; }
  .view-user-points.view-display-id-activity_feed table td.views-field-points .points-bg-wraper, .view-user-points.view-display-id-activity_feed_anon table td.views-field-points .points-bg-wraper, .view-user-points.view-display-id-block table td.views-field-points .points-bg-wraper {
    width: 40px;
    text-align: center;
    display: inline-block; }
    .view-user-points.view-display-id-activity_feed table td.views-field-points .points-bg-wraper::before, .view-user-points.view-display-id-activity_feed_anon table td.views-field-points .points-bg-wraper::before, .view-user-points.view-display-id-block table td.views-field-points .points-bg-wraper::before {
      content: "";
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1;
      margin-right: .2em;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      font-size: 2.5rem;
      left: 0;
      top: 0.7%;
      color: #D64800;
      position: absolute;
      z-index: -1; }

.view-user-points.view-display-id-activity_feed table td.views-field-points .points-bg-wraper::before, .view-user-points.view-display-id-activity_feed_anon table td.views-field-points .points-bg-wraper::before, .view-user-points.view-display-id-block table td.views-field-points .points-bg-wraper::before {
  top: 30%;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  vertical-align: middle; }

.view-user-points.view-display-id-activity_feed table .points-accumulated, .view-user-points.view-display-id-activity_feed_anon table .points-accumulated, .view-user-points.view-display-id-block table .points-accumulated {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-top: 10px; }

.view-user-points.view-display-id-activity_feed table td.useractivity_avatar img, .view-user-points.view-display-id-activity_feed_anon table td.useractivity_avatar img, .view-user-points.view-display-id-block table td.useractivity_avatar img {
  width: 40px; }

.view-user-points.view-display-id-activity_feed table th.views-field.views-field-points::before, .view-user-points.view-display-id-activity_feed_anon table th.views-field.views-field-points::before {
  left: -20px;
  top: 13px;
  right: auto; }

.view-user-points.view-display-id-activity_feed table td .points-bg-wraper, .view-user-points.view-display-id-activity_feed_anon table td .points-bg-wraper {
  margin-top: 7px; }

.view-user-points.view-display-id-activity_feed table td.views-field-field-team-image img, .view-user-points.view-display-id-activity_feed_anon table td.views-field-field-team-image img {
  border-radius: 50%; }

.view-user-points.view-display-id-block_1 .view-content .views-row {
  font-size: 1.125rem;
  line-height: 1.2em;
  margin-bottom: 17px; }
  .view-user-points.view-display-id-block_1 .view-content .views-row a {
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18254B;
    line-height: 1.2em; }

.view-most-shared {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .view-most-shared .view-header h2 {
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    line-height: 1;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 300px;
    left: -20px;
    padding: 13px 16px;
    position: relative; }
    @media (max-width: 767px) {
      .view-most-shared .view-header h2 {
        padding: 9px 16px; } }
    .view-most-shared .view-header h2::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .view-most-shared .view-header h2::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .view-most-shared .view-header h2 {
        font-size: 1rem; } }
    @media (max-width: 767px) {
      .view-most-shared .view-header h2 {
        font-size: 0.875rem; } }
  .view-most-shared .view-header h2 {
    background: #BED328; }
    .view-most-shared .view-header h2::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    .view-most-shared .view-header h2::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }
  .view-most-shared .form-type-select select {
    border: none; }
    .view-most-shared .form-type-select select option {
      font-size: 0.875rem; }
  .view-most-shared table {
    font-size: 0.875rem; }
    .view-most-shared table th {
      line-height: 1.2em; }
      .view-most-shared table th.views-field-count, .view-most-shared table th.views-field-count-1, .view-most-shared table th.views-field-php {
        text-align: center; }
    .view-most-shared table td {
      padding: 5px;
      line-height: 1.2em; }
      .view-most-shared table td.views-field-count, .view-most-shared table td.views-field-count-1, .view-most-shared table td.views-field-php {
        text-align: center; }
  .view-most-shared .more-link {
    padding-top: 10px; }
    .view-most-shared .more-link a {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff; }
      .view-most-shared .more-link a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .view-most-shared .more-link a:focus {
        border-color: #01605E; }

.view-id-teams.view-display-id-block_2 {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .view-id-teams.view-display-id-block_2 .view-header h2 {
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    line-height: 1;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 300px;
    left: -20px;
    padding: 13px 16px;
    position: relative; }
    @media (max-width: 767px) {
      .view-id-teams.view-display-id-block_2 .view-header h2 {
        padding: 9px 16px; } }
    .view-id-teams.view-display-id-block_2 .view-header h2::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .view-id-teams.view-display-id-block_2 .view-header h2::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .view-id-teams.view-display-id-block_2 .view-header h2 {
        font-size: 1rem; } }
    @media (max-width: 767px) {
      .view-id-teams.view-display-id-block_2 .view-header h2 {
        font-size: 0.875rem; } }
  .view-id-teams.view-display-id-block_2 .view-header h2 {
    background: #BED328; }
    .view-id-teams.view-display-id-block_2 .view-header h2::before {
      background-image: url("../../images/ribbon-secondary-left.png"); }
    .view-id-teams.view-display-id-block_2 .view-header h2::after {
      background-image: url("../../images/ribbon-secondary-right.png"); }
  .view-id-teams.view-display-id-block_2 table {
    font-size: 0.875rem; }
    .view-id-teams.view-display-id-block_2 table th {
      background: none;
      line-height: 1.2em; }
      .view-id-teams.view-display-id-block_2 table th.views-field-points {
        text-align: center; }
    .view-id-teams.view-display-id-block_2 table td {
      line-height: 1.2em;
      padding: 5px; }
      .view-id-teams.view-display-id-block_2 table td.views-field-points {
        text-align: center; }
    .view-id-teams.view-display-id-block_2 table .views-field-field-team-image img {
      width: 30px;
      height: auto; }
  .view-id-teams.view-display-id-block_2 .more-link {
    padding-top: 10px; }
    .view-id-teams.view-display-id-block_2 .more-link a {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff; }
      .view-id-teams.view-display-id-block_2 .more-link a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .view-id-teams.view-display-id-block_2 .more-link a:focus {
        border-color: #01605E; }

.view-id-taxonomy_term:after {
  content: "";
  display: table;
  clear: both; }

.view-id-taxonomy_term .view-header h2 {
  font-size: 2.125rem;
  line-height: 1.1em;
  margin: 40px 0 30px 0;
  color: #ffffff; }

.view-id-taxonomy_term .views-row {
  background: #ffffff;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .view-id-taxonomy_term .views-row {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      display: inline-block;
      width: 100%; } }
  @media (min-width: 768px) {
    .view-id-taxonomy_term .views-row {
      width: 48.75%;
      clear: right;
      float: left;
      margin-left: 0.625%;
      margin-right: 0.625%; }
      .view-id-taxonomy_term .views-row:nth-child(2n) {
        width: 48.75%;
        clear: right;
        float: right;
        margin-left: 0;
        margin-right: 0.625%; } }
  @media (min-width: 992px) {
    .view-id-taxonomy_term .views-row {
      width: 31.66667%;
      clear: right;
      float: left;
      margin-left: 0.83333%;
      margin-right: 0.83333%; }
      .view-id-taxonomy_term .views-row:not(:nth-child(3n)) {
        width: 31.66667%;
        clear: right;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
      .view-id-taxonomy_term .views-row:nth-child(3n) {
        width: 31.66667%;
        clear: right;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%; } }

.view-id-taxonomy_term .views-row > div {
  margin: 8px;
  margin-bottom: 60px;
  position: relative; }

.view-id-taxonomy_term .node--schools-teaser {
  margin-bottom: 8px !important; }

.view-id-taxonomy_term .view-content {
  clear: both;
  padding-top: 30px;
  margin-top: 20px; }

.view-school-sponsors-map.view-display-id-page .attachment .view-content {
  background: #ffffff;
  padding: 20px; }

.view-school-sponsors-map.view-display-id-page .attachment .view-footer {
  margin-bottom: 0; }

.view-school-sponsors-map.view-display-id-page > .view-content {
  background: #ffffff;
  padding: 0 20px 20px 20px; }
  .view-school-sponsors-map.view-display-id-page > .view-content .views-field-title {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .view-school-sponsors-map.view-display-id-page > .view-content .views-field-field-school-address {
    font-size: 1.125rem; }

.view-school-sponsors-map.view-display-id-list .views-row {
  margin-bottom: 10px; }

.view-school-sponsors-map.view-display-id-list .field--name-title {
  display: block !important; }
  .view-school-sponsors-map.view-display-id-list .field--name-title h3 {
    font-family: "Lato", sans-serif;
    font-size: 1.125rem; }

.view-school-sponsors-map.view-display-id-list .field--name-field-school-address {
  color: #01605E; }

.view-teams table img,
.view-booster-leaderboard table img,
.view-quiz-leaderboard table img {
  border-radius: 50%;
  margin-left: 10px; }

.view-teams .pager,
.view-booster-leaderboard .pager,
.view-quiz-leaderboard .pager {
  background: #00A09C; }

.view-teams .view-header,
.view-booster-leaderboard .view-header,
.view-quiz-leaderboard .view-header {
  background: #ffffff;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  text-align: center;
  padding-top: 10px; }

.view-leaderboards-top-schools.view-display-id-b_5 th:nth-child(2) {
  width: 100px; }

.view-clinic-sponsors-map {
  background: #ffffff; }
  .view-clinic-sponsors-map .views-row {
    padding: 10px; }
  .view-clinic-sponsors-map .pager {
    background: #00A09C; }

.view-footer .more-link {
  letter-spacing: 0.06em;
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 20px;
  text-transform: uppercase; }

#views-form-team-member-management-page #edit-operation {
  display: none; }

#views-form-team-member-management-page .views-field-views-bulk-operations {
  width: 100px; }

#views-form-team-member-management-page h3 {
  display: none; }

.view-schools-resources .view-header {
  margin-left: 0.83333%;
  margin-right: 0.83333%;
  padding-top: 20px; }
  .view-schools-resources .view-header::before {
    content: "";
    display: table;
    clear: both; }

.page-learning-modules h1 {
  font-size: 3.125rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.32;
  text-align: center; }

.page-learning-modules .block--ibi-learning-module-lm-active-team-select {
  margin: 0 auto 2rem;
  max-width: 1188px;
  padding: 0 5px; }

.view-learning-modules .views-exposed-widgets {
  background: #F2EDE1; }

.view-learning-modules .view-header {
  font-size: 1.375rem;
  max-width: 782px;
  margin: 0 auto; }
  .view-learning-modules .view-header a {
    color: #18254B; }

.view-learning-modules .pager {
  display: flex;
  margin: 20px 0; }
  .view-learning-modules .pager li a {
    color: #18254B; }
  .view-learning-modules .pager .pager-previous {
    flex-grow: 1;
    text-align: right;
    padding-right: 15px; }
  .view-learning-modules .pager .pager-next {
    flex-grow: 1;
    text-align: left;
    padding-left: 15px; }

.view-learning-modules .view-filters {
  background-color: #F2EDE1;
  padding: 1px 0 50px 0; }
  .view-learning-modules .view-filters h3 {
    margin-top: 100px;
    margin-bottom: 20px;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: 1.65px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase; }
  .view-learning-modules .view-filters h3:before {
    content: "";
    position: absolute;
    left: calc(50% - 42px);
    display: block;
    width: 84px;
    border-top: 5px solid #F25500;
    margin-top: -30px; }
  .view-learning-modules .view-filters #views-exposed-form-learning-modules-page,
  .view-learning-modules .view-filters #views-exposed-form-learning-modules-page-1 {
    width: max-content;
    margin: 0 auto;
    padding: 0; }
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page .views-exposed-widget,
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page-1 .views-exposed-widget {
      float: none; }
      @media (min-width: 768px) {
        .view-learning-modules .view-filters #views-exposed-form-learning-modules-page .views-exposed-widget,
        .view-learning-modules .view-filters #views-exposed-form-learning-modules-page-1 .views-exposed-widget {
          float: left; } }
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page .views-widget,
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page-1 .views-widget {
      margin-top: 4px; }
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page label,
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page-1 label {
      font-size: 0.6875rem;
      font-weight: 900;
      letter-spacing: 0.8px;
      line-height: 1.2;
      text-transform: uppercase; }
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page select,
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page-1 select {
      width: 250px;
      padding: 20px 15px;
      appearance: none;
      background: url("../images/chevron.svg") no-repeat;
      background-position-x: 95%;
      background-position-y: 50%;
      border: 1px solid #DFDFDF;
      border-radius: 7px;
      box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.1);
      background-color: #ffffff;
      font-family: "Roboto Slab", serif;
      font-weight: 800;
      font-size: 1rem;
      line-height: 1.3; }
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page input,
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page-1 input {
      width: 240px;
      height: 56px;
      border-radius: 7px;
      background-color: #F25500;
      color: #ffffff;
      font-size: 1rem;
      font-weight: 900;
      letter-spacing: 0.77px;
      line-height: 1.2;
      text-align: center;
      text-transform: uppercase;
      border: none;
      margin-top: 33px; }
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page input:hover,
    .view-learning-modules .view-filters #views-exposed-form-learning-modules-page-1 input:hover {
      color: #F25500;
      background-color: #ffffff;
      border: 1px solid #F25500; }

.view-learning-modules .view-content {
  padding: 0 5px;
  background-color: #F2EDE1; }

.view-learning-modules .view-grid {
  display: grid;
  column-gap: 24px;
  row-gap: 30px;
  justify-items: center;
  max-width: 1178px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .view-learning-modules .view-grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 992px) {
    .view-learning-modules .view-grid {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (min-width: 1170px) {
    .view-learning-modules .view-grid {
      grid-template-columns: repeat(4, 1fr); } }

.view-learning-modules .views-row {
  width: 257px;
  height: 410px; }
  .view-learning-modules .views-row a {
    color: #18254B; }
  .view-learning-modules .views-row img {
    max-width: 257px;
    max-height: 179px;
    object-fit: cover;
    object-position: center;
    /* Center the image within the element */
    border-bottom: 5px solid #F25500; }

.view-learning-modules .lm-card {
  aspect-ratio: 257/410;
  background-color: #ffffff;
  position: relative;
  overflow: auto;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow-y: hidden;
  overflow-x: hidden; }
  .view-learning-modules .lm-card .lm-img {
    height: 179px;
    background-color: #F25500; }
  .view-learning-modules .lm-card .lm-term {
    position: relative;
    min-height: 60px;
    font-size: 1rem;
    line-height: 1.2;
    padding: 24px 24px 0 24px; }
  .view-learning-modules .lm-card .lm-text {
    padding: 10px 24px 0 24px; }
    .view-learning-modules .lm-card .lm-text .lm-title {
      min-height: 96px;
      font-family: "Roboto Slab", serif;
      font-size: 1.1875rem;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 1.21;
      text-align: left; }
      .view-learning-modules .lm-card .lm-text .lm-title a {
        color: inherit;
        text-decoration: inherit; }
    .view-learning-modules .lm-card .lm-text .lm-lessons-vaccines {
      font-size: 1rem;
      letter-spacing: 0;
      line-height: 1.78; }
      .view-learning-modules .lm-card .lm-text .lm-lessons-vaccines .lm-lessons .field-content {
        display: inline; }

.view-learning-modules .featured {
  position: relative; }
  .view-learning-modules .featured .lm-img:after {
    content: '';
    background: url("../images/featured-star-shadow.svg") no-repeat;
    position: absolute;
    height: 30px;
    width: 30px;
    top: 10px;
    left: 10px; }

.view-learning-modules .view-footer {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #F2EDE1;
  text-align: center; }
  .view-learning-modules .view-footer .lm-feedback {
    margin: 0 auto;
    width: 100%; }
    .view-learning-modules .view-footer .lm-feedback a.lm-feedback-btn {
      display: inline-block;
      border-radius: 7px;
      background-color: #F25500;
      color: #ffffff;
      font-size: 1rem;
      font-weight: 900;
      letter-spacing: 0.77px;
      text-align: center;
      text-transform: uppercase;
      border: 1px solid #F25500;
      margin: 33px 10% auto 10%;
      padding: 14px 28px; }
      .view-learning-modules .view-footer .lm-feedback a.lm-feedback-btn:hover {
        color: #F25500;
        background-color: #ffffff; }

.view-teacher-centre .view-header {
  font-size: 1.125rem; }

.view-teacher-centre .views-row a {
  color: #18254B; }
  .view-teacher-centre .views-row a:hover, .view-teacher-centre .views-row a:active {
    color: #F37E1E; }

@media (max-width: 499px) {
  .view-leaderboards-top-teams.view-display-id-block_1 th:first-child,
  .view-leaderboards-top-teams.view-display-id-block_1 td:first-child {
    display: none; } }

.page-user .l-region--suffix-content-after-first .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    .page-user .l-region--suffix-content-after-first .block:nth-child(2n-1) {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; }
    .page-user .l-region--suffix-content-after-first .block:nth-child(2n) {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }
  @media (min-width: 992px) {
    .page-user .l-region--suffix-content-after-first .block:nth-child(2n-1) {
      width: 56.66667%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; }
    .page-user .l-region--suffix-content-after-first .block:nth-child(2n) {
      width: 31.66667%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }

.page-user ul {
  list-style: none; }

.page-user .user-profile {
  /* -- Default -- */ }
  .page-user .user-profile.view-mode-full {
    position: relative; }
    .page-user .user-profile.view-mode-full .group-left {
      float: left;
      width: auto; }
    .page-user .user-profile.view-mode-full .group-right {
      float: none;
      margin-left: 155px;
      width: auto; }
    .page-user .user-profile.view-mode-full .group-footer h3 {
      font-size: 1.25rem;
      margin: 40px 0 20px 0; }
    .page-user .user-profile.view-mode-full .group-footer .item-list {
      background: #ffffff; }
      .page-user .user-profile.view-mode-full .group-footer .item-list:after {
        content: "";
        display: table;
        clear: both; }
      .page-user .user-profile.view-mode-full .group-footer .item-list ul {
        list-style: none; }
      .page-user .user-profile.view-mode-full .group-footer .item-list li {
        float: left;
        padding: 50px; }
    .page-user .user-profile.view-mode-full a {
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .page-user .user-profile.view-mode-full .user-profile-category > header {
      font-size: 1.25rem; }
    .page-user .user-profile.view-mode-full .field--name-ds-user-picture {
      background: #ffffff;
      width: 126px;
      padding: 7px 8px; }
      .page-user .user-profile.view-mode-full .field--name-ds-user-picture img {
        height: auto;
        width: 100%; }
    .page-user .user-profile.view-mode-full .addressfield-container-inline::after {
      display: none; }
    .page-user .user-profile.view-mode-full .group-first-last {
      padding-bottom: 10px; }
      .page-user .user-profile.view-mode-full .group-first-last div {
        display: inline-block;
        vertical-align: top; }
    .page-user .user-profile.view-mode-full ul.userpoints-points {
      list-style: none; }
    .page-user .user-profile.view-mode-full .field--name-field-firstname {
      padding-right: 6px; }
    .page-user .user-profile.view-mode-full .user-profile-category-history {
      padding-bottom: 20px;
      margin-bottom: 10px; }
    .page-user .user-profile.view-mode-full .user-profile-item {
      font-size: 1.125rem;
      margin-bottom: 12px; }
    .page-user .user-profile.view-mode-full .field--name-refer-a-teacher a {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #18254B;
      color: #ffffff; }
      .page-user .user-profile.view-mode-full .field--name-refer-a-teacher a:hover {
        background-color: #F37E1E;
        border-color: #F37E1E;
        color: #ffffff; }
      .page-user .user-profile.view-mode-full .field--name-refer-a-teacher a:focus {
        background-color: #F37E1E;
        border-color: #18254B;
        color: #ffffff; }

.page-user #edit-field-teacher-grades-und .form-required {
  display: none; }

.page-useractivity table th, .page-booster-leaderboard table th {
  font-size: 1.125rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #18254B; }

.page-useractivity table td, .page-booster-leaderboard table td {
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1; }

.page-useractivity table td.useractivity_avatar img, .page-booster-leaderboard table td.useractivity_avatar img {
  width: 40px; }

.page-admin-dashboard h1 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.page-admin-dashboard .dash-level:after {
  content: "";
  display: table;
  clear: both; }

.page-admin-dashboard .dash-level .row {
  background: #ffffff;
  float: left;
  padding: 50px;
  margin: 10px; }
  .page-admin-dashboard .dash-level .row h3 {
    line-height: 1.6em;
    margin-bottom: 10px;
    border-bottom: 1px solid #18254B;
    width: 97%; }
  .page-admin-dashboard .dash-level .row .item {
    font-size: 1.125rem; }
    .page-admin-dashboard .dash-level .row .item a {
      font-size: 1.125rem; }
  .page-admin-dashboard .dash-level .row:nth-child(n) {
    width: 98.33333%;
    clear: right;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: both; }

@media (min-width: 992px) {
  .page-admin-dashboard .dash-level .row:nth-child(2n-1) {
    width: 48.33333%;
    clear: right;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%;
    clear: both; }
  .page-admin-dashboard .dash-level .row:nth-child(2n) {
    width: 48.33333%;
    clear: right;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%; }
  .page-admin-dashboard .dash-level .row:nth-child(5n) {
    width: 98.33333%;
    clear: right;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%; } }

.page-admin-dashboard .third-level-dash .view {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }

.page-useractivity-leaders .content-wrapper-inner, .page-booster-leaderboard .content-wrapper-inner {
  background: #ffffff;
  padding: 20px; }

.page-useractivity-leaders.logged-in #useractivity_table tbody tr:first-child, .page-booster-leaderboard.logged-in #useractivity_table tbody tr:first-child {
  background: #00A09C;
  color: #ffffff; }
  .page-useractivity-leaders.logged-in #useractivity_table tbody tr:first-child a, .page-booster-leaderboard.logged-in #useractivity_table tbody tr:first-child a {
    color: #ffffff; }

.privatemsg-author-avatar .user-picture img {
  width: 100% !important;
  height: auto; }

.node {
  /* -- Display Suite -- */ }
  .node .field--name-body ul,
  .node .field--name-body ol {
    margin-left: 15px; }
  @media (max-width: 767px) {
    .node .group-left {
      float: none;
      width: 100%; }
    .node .group-right {
      float: none;
      width: 100%; } }
  .node .collapsible.collapse-processed {
    margin: 20px 0; }
    .node .collapsible.collapse-processed a {
      text-decoration: none;
      color: #F3F4F7;
      font-size: 1.125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .node #field-content-guidelines-add-more-wrapper {
    margin: 30px; }
  .node .page-node-add-story.not-logged-in #body-add-more-wrapper .filter-wrapper.form-wrapper {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .node section.comments form {
    background: none; }
  .node section.comments .form-type-textarea label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .node section.comments .form-type-textarea .form-textarea {
    border: 1px solid #00A09C;
    width: 70%; }
  .node section.comments .form-type-textarea .grippie {
    width: 70%; }
  .node section.comments #edit-author--2 label,
  .node section.comments .form-item-notify label {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.875rem;
    line-height: 2em; }
  .node section.comments .form-actions .form-submit {
    -webkit-appearance: none;
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    user-select: none;
    background: #BED328;
    color: #18254B; }
    .node section.comments .form-actions .form-submit:hover {
      background-color: #00A09C;
      border-color: #00A09C;
      color: #18254B; }
    .node section.comments .form-actions .form-submit:focus {
      border-color: #18254B; }

body.node-type-story h1 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

body.node-type-story .l-region--suffix-content-first .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }

.node--story {
  /* -- Teaser -- */
  /* -- Default -- */
  /* -- Team Dashboard Teaser -- */ }
  .node--story.view-mode-schools_teaser .field--name-node-type, .node--story.view-mode-teaser .field--name-node-type {
    position: absolute;
    background: #ffffff;
    top: -5px;
    right: 0;
    padding: 5px 20px;
    color: #F3F4F7;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.125rem;
    text-transform: capitalize;
    z-index: 1; }
    @media (max-width: 767px) {
      .node--story.view-mode-schools_teaser .field--name-node-type, .node--story.view-mode-teaser .field--name-node-type {
        right: -1px; } }
  .node--story.view-mode-schools_teaser .field--name-title .field__items, .node--story.view-mode-teaser .field--name-title .field__items {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/fourty_percent.png") repeat; }
    .node--story.view-mode-schools_teaser .field--name-title .field__items .field__item, .node--story.view-mode-teaser .field--name-title .field__items .field__item {
      height: 100%; }
      .node--story.view-mode-schools_teaser .field--name-title .field__items .field__item h2, .node--story.view-mode-teaser .field--name-title .field__items .field__item h2 {
        text-align: center;
        margin: 0 70px;
        line-height: 1.1em;
        height: 100%;
        display: table; }
        .node--story.view-mode-schools_teaser .field--name-title .field__items .field__item h2 a, .node--story.view-mode-teaser .field--name-title .field__items .field__item h2 a {
          color: #ffffff;
          text-decoration: none;
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          height: 100%; }
          .node--story.view-mode-schools_teaser .field--name-title .field__items .field__item h2 a:hover, .node--story.view-mode-teaser .field--name-title .field__items .field__item h2 a:hover {
            color: #BED328; }
  .node--story.view-mode-schools_teaser .field--type-image a, .node--story.view-mode-teaser .field--type-image a {
    display: block; }
    .node--story.view-mode-schools_teaser .field--type-image a img, .node--story.view-mode-teaser .field--type-image a img {
      width: 100%;
      height: auto;
      display: block; }
  .node--story.view-mode-schools_teaser .field--name-share-to-earn-place-holder, .node--story.view-mode-teaser .field--name-share-to-earn-place-holder {
    position: absolute;
    bottom: -50px; }
    .node--story.view-mode-schools_teaser .field--name-share-to-earn-place-holder::before, .node--story.view-mode-teaser .field--name-share-to-earn-place-holder::before {
      content: "";
      width: 50px;
      height: 34px;
      background: url("../images/icon_babies_green.png") no-repeat scroll top left;
      display: inline-block;
      vertical-align: top; }
    .node--story.view-mode-schools_teaser .field--name-share-to-earn-place-holder .field__items, .node--story.view-mode-teaser .field--name-share-to-earn-place-holder .field__items {
      display: inline-block;
      vertical-align: top;
      padding-left: 10px;
      margin-top: 4px;
      width: 140px;
      height: 0; }
      .node--story.view-mode-schools_teaser .field--name-share-to-earn-place-holder .field__items p, .node--story.view-mode-teaser .field--name-share-to-earn-place-holder .field__items p {
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.125rem;
        line-height: 1; }
  .node--story.view-mode-schools_teaser .field--name-social-media-share, .node--story.view-mode-teaser .field--name-social-media-share {
    position: absolute;
    bottom: -89px;
    margin: 30px 0;
    width: 117px;
    height: auto;
    right: 0; }
    .node--story.view-mode-schools_teaser .field--name-social-media-share .social-button, .node--story.view-mode-teaser .field--name-social-media-share .social-button {
      text-align: right !important; }
    .node--story.view-mode-schools_teaser .field--name-social-media-share .message, .node--story.view-mode-teaser .field--name-social-media-share .message {
      display: none; }
    @media (max-width: 767px) {
      .node--story.view-mode-schools_teaser .field--name-social-media-share, .node--story.view-mode-teaser .field--name-social-media-share {
        right: -1px; } }
  .node--story.view-mode-full .field--name-title {
    font-family: "Roboto Slab", serif;
    font-size: 2.125rem;
    line-height: 1.1;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.1em;
    margin: 40px 0 30px 0; }
  .node--story.view-mode-full .field--type-image {
    z-index: 0; }
    @media (max-width: 767px) {
      .node--story.view-mode-full .field--type-image img {
        width: 100%;
        height: auto; } }
    @media (min-width: 992px) {
      .node--story.view-mode-full .field--type-image {
        width: 54%;
        float: right;
        margin: 0 0 30px 30px; }
        .node--story.view-mode-full .field--type-image .field__items {
          z-index: 0;
          position: relative; }
          .node--story.view-mode-full .field--type-image .field__items::after {
            content: "";
            display: block;
            position: absolute;
            right: 23%;
            z-index: -1;
            height: 91%;
            bottom: 0;
            width: 97.4%;
            left: 7px;
            border-radius: 45%;
            box-shadow: 2px 1px 20px 0; }
          .node--story.view-mode-full .field--type-image .field__items .field__item {
            background: #ffffff;
            padding: 10px;
            padding-bottom: 4px; }
            .node--story.view-mode-full .field--type-image .field__items .field__item img {
              width: 100%;
              height: auto; } }
  .node--story.view-mode-full .field--name-social-media-share,
  .node--story.view-mode-full .field--name-social-media-share-top {
    z-index: 0; }
    .node--story.view-mode-full .field--name-social-media-share .field__item::after,
    .node--story.view-mode-full .field--name-social-media-share-top .field__item::after {
      content: "";
      display: block;
      position: absolute;
      right: 23%;
      z-index: -1;
      height: 22%;
      bottom: 0;
      width: 28%;
      left: 15px;
      border-radius: 45%;
      box-shadow: 2px 1px 20px 0; }
    .node--story.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper,
    .node--story.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper {
      width: 365px;
      padding: 15.5px 16px;
      background: #ffffff;
      position: relative; }
      .node--story.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper::after,
      .node--story.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper::after {
        background: url("../images/share_this_label_right_white.png") no-repeat scroll top left;
        width: 31px;
        height: 69px;
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        right: -31px; }
      .node--story.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button,
      .node--story.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button {
        width: 100%; }
        .node--story.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message,
        .node--story.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message {
          display: inline-block;
          vertical-align: middle;
          width: 225px;
          height: 35px;
          padding-left: 10px;
          letter-spacing: 0.06em;
          font-size: 0.875rem;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .node--story.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message::before,
          .node--story.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message::before {
            content: "";
            width: 50px;
            height: 35px;
            padding-left: 10px;
            background: url("../images/icon_babies_green.png") no-repeat scroll top left;
            display: inline-block;
            vertical-align: middle; }
          .node--story.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message span,
          .node--story.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message span {
            line-height: 1;
            width: 151px;
            vertical-align: middle;
            display: inline-block; }
        .node--story.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button a,
        .node--story.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button a {
          display: inline-block;
          vertical-align: middle; }
    @media (min-width: 992px) {
      .node--story.view-mode-full .field--name-social-media-share,
      .node--story.view-mode-full .field--name-social-media-share-top {
        position: relative;
        margin-bottom: 30px; } }
  .node--story.view-mode-full .field--name-field-topics::before {
    content: ",";
    display: inline-block;
    width: 7px;
    height: 10px; }
  .node--story.view-mode-full .field--name-body img {
    max-width: 100% !important;
    height: auto !important; }
  .node--story.view-mode-full .field--name-body table img {
    width: 100% !important;
    height: auto !important; }
  .node--story.view-mode-full .field--name-body table td {
    background: #ffffff;
    padding: 10px; }
  .node--story.view-mode-full .field--name-body ol {
    list-style: decimal;
    margin-left: 2em; }
  .node--story.view-mode-full .field--name-body ul {
    list-style: disc;
    margin-left: 2em; }
  .node--story.view-mode-full section.comments form > div > div > label,
  .node--story.view-mode-full section.comments form > div > div > a {
    display: none; }
  .node--story.view-mode-full section.comments .form-item-notify {
    font-size: 0.75rem; }
  .node--story.view-mode-full section.comments label.option {
    display: inline-block;
    vertical-align: middle; }
  .node--story.view-mode-full section.comments .form-actions.form-wrapper {
    margin-top: 0; }
    .node--story.view-mode-full section.comments .form-actions.form-wrapper input[type="submit"] {
      padding: 5px 20px;
      background: #DFDFDF;
      border: 0 none;
      cursor: pointer;
      border-radius: 3px;
      color: #ffffff;
      background: #BED328;
      font-size: 0.875rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .node--story.view-mode-full .field-name-field-my-name {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #18254B !important; }
  .node--story.view-mode-full .field--name-changed-date {
    margin: 0 0 30px 0; }
    .node--story.view-mode-full .field--name-changed-date .field__label {
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-transform: uppercase; }
    .node--story.view-mode-full .field--name-changed-date .field__item {
      color: #01605E; }
  .node--story.view-mode-full .group-related-content {
    padding-bottom: 30px;
    text-align: left; }
    .node--story.view-mode-full .group-related-content h3 {
      text-transform: uppercase;
      vertical-align: middle; }
    .node--story.view-mode-full .group-related-content h3,
    .node--story.view-mode-full .group-related-content div {
      display: inline-block;
      vertical-align: middle; }
      .node--story.view-mode-full .group-related-content h3 a,
      .node--story.view-mode-full .group-related-content div a {
        color: #00A09C; }
        .node--story.view-mode-full .group-related-content h3 a:focus,
        .node--story.view-mode-full .group-related-content div a:focus {
          color: #18254B; }
        .node--story.view-mode-full .group-related-content h3 a:hover,
        .node--story.view-mode-full .group-related-content div a:hover {
          color: #18254B; }
    .node--story.view-mode-full .group-related-content h3 {
      padding-right: 6px; }
  .node--story.view-mode-full .comment_forbidden {
    padding: 30px 0; }
    .node--story.view-mode-full .comment_forbidden a {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff; }
      .node--story.view-mode-full .comment_forbidden a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .node--story.view-mode-full .comment_forbidden a:focus {
        border-color: #01605E; }
  .node--story.node--team-dashboard-teaser {
    margin-bottom: 10px; }
    .node--story.node--team-dashboard-teaser:after {
      content: "";
      display: table;
      clear: both; }
    .node--story.node--team-dashboard-teaser .field--name-field-story-image {
      text-align: center;
      display: inline-block;
      width: 22%;
      vertical-align: top; }
      .node--story.node--team-dashboard-teaser .field--name-field-story-image img {
        width: 100%;
        height: auto; }
    .node--story.node--team-dashboard-teaser .field-group-format-wrapper {
      width: 78%;
      vertical-align: top;
      display: inline-block;
      padding-left: 5%; }
      .node--story.node--team-dashboard-teaser .field-group-format-wrapper .field--name-title {
        color: #00A09C;
        line-height: 1.2em;
        font-size: 1.125rem;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-bottom: 0 !important; }
      .node--story.node--team-dashboard-teaser .field-group-format-wrapper .field--name-body p {
        color: #333333 !important;
        font-size: 0.875rem; }
        .node--story.node--team-dashboard-teaser .field-group-format-wrapper .field--name-body p span {
          color: #333333 !important;
          font-size: 0.875rem !important; }

body.node-type-blog h1 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

body.node-type-blog .l-region--suffix-content-first .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }

.node--blog {
  /* -- Teaser -- */
  /* -- Default -- */ }
  .node--blog.view-mode-teaser .field--name-node-type {
    position: absolute;
    background: #ffffff;
    top: -5px;
    right: 0;
    padding: 5px 20px;
    color: #F3F4F7;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.125rem;
    text-transform: capitalize;
    z-index: 1; }
    @media (max-width: 767px) {
      .node--blog.view-mode-teaser .field--name-node-type {
        right: -1px; } }
  .node--blog.view-mode-teaser .field--name-title .field__items {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/fourty_percent.png") repeat; }
    .node--blog.view-mode-teaser .field--name-title .field__items .field__item {
      height: 100%; }
      .node--blog.view-mode-teaser .field--name-title .field__items .field__item h2 {
        text-align: center;
        margin: 0 70px;
        line-height: 1.1em;
        height: 100%;
        display: table; }
        .node--blog.view-mode-teaser .field--name-title .field__items .field__item h2 a {
          color: #ffffff;
          text-decoration: none;
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          height: 100%; }
          .node--blog.view-mode-teaser .field--name-title .field__items .field__item h2 a:hover {
            color: #BED328; }
  .node--blog.view-mode-teaser .field--type-image a {
    display: block; }
    .node--blog.view-mode-teaser .field--type-image a img {
      width: 100%;
      height: auto;
      display: block; }
  .node--blog.view-mode-teaser .field--name-share-to-earn-place-holder {
    position: absolute;
    bottom: -50px; }
    .node--blog.view-mode-teaser .field--name-share-to-earn-place-holder::before {
      content: "";
      width: 50px;
      height: 34px;
      background: url("../images/icon_babies_green.png") no-repeat scroll top left;
      display: inline-block;
      vertical-align: top; }
    .node--blog.view-mode-teaser .field--name-share-to-earn-place-holder .field__items {
      display: inline-block;
      vertical-align: top;
      padding-left: 10px;
      margin-top: 4px;
      width: 140px;
      height: 0; }
      .node--blog.view-mode-teaser .field--name-share-to-earn-place-holder .field__items p {
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.125rem;
        line-height: 1; }
  .node--blog.view-mode-teaser .field--name-social-media-share {
    position: absolute;
    bottom: -89px;
    margin: 30px 0;
    width: 117px;
    height: auto;
    right: 0; }
    .node--blog.view-mode-teaser .field--name-social-media-share .social-button {
      text-align: right !important; }
    .node--blog.view-mode-teaser .field--name-social-media-share .message {
      display: none; }
    @media (max-width: 767px) {
      .node--blog.view-mode-teaser .field--name-social-media-share {
        right: -1px; } }
  .node--blog.view-mode-full .field--name-title {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.125rem;
    line-height: 1.1em;
    margin: 40px 0 30px 0; }
  .node--blog.view-mode-full .field--type-image {
    z-index: 0; }
    @media (max-width: 767px) {
      .node--blog.view-mode-full .field--type-image img {
        width: 100%;
        height: auto; } }
    @media (min-width: 992px) {
      .node--blog.view-mode-full .field--type-image {
        width: 54%;
        float: right;
        margin: 0 0 30px 30px; }
        .node--blog.view-mode-full .field--type-image .field__items {
          z-index: 0;
          position: relative; }
          .node--blog.view-mode-full .field--type-image .field__items::after {
            content: "";
            display: block;
            position: absolute;
            right: 23%;
            z-index: -1;
            height: 91%;
            bottom: 0;
            width: 97.4%;
            left: 7px;
            border-radius: 45%;
            box-shadow: 2px 1px 20px 0; }
          .node--blog.view-mode-full .field--type-image .field__items .field__item {
            background: #ffffff;
            padding: 10px;
            padding-bottom: 4px; }
            .node--blog.view-mode-full .field--type-image .field__items .field__item img {
              width: 100%;
              height: auto; } }
  .node--blog.view-mode-full .field--name-social-media-share,
  .node--blog.view-mode-full .field--name-social-media-share-top {
    z-index: 0; }
    .node--blog.view-mode-full .field--name-social-media-share .field__item::after,
    .node--blog.view-mode-full .field--name-social-media-share-top .field__item::after {
      content: "";
      display: block;
      position: absolute;
      right: 23%;
      z-index: -1;
      height: 22%;
      bottom: 0;
      width: 28%;
      left: 15px;
      border-radius: 45%;
      box-shadow: 2px 1px 20px 0; }
    .node--blog.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper,
    .node--blog.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper {
      width: 365px;
      padding: 15.5px 16px;
      background: #ffffff;
      position: relative; }
      .node--blog.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper::after,
      .node--blog.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper::after {
        background: url("../images/share_this_label_right_white.png") no-repeat scroll top left;
        width: 31px;
        height: 69px;
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        right: -31px; }
      .node--blog.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button,
      .node--blog.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button {
        width: 100%; }
        .node--blog.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message,
        .node--blog.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message {
          display: inline-block;
          vertical-align: middle;
          width: 225px;
          height: 35px;
          padding-left: 10px;
          letter-spacing: 0.06em;
          font-size: 0.875rem;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .node--blog.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message::before,
          .node--blog.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message::before {
            content: "";
            width: 50px;
            height: 35px;
            padding-left: 10px;
            background: url("../images/icon_babies_green.png") no-repeat scroll top left;
            display: inline-block;
            vertical-align: middle; }
          .node--blog.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message span,
          .node--blog.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message span {
            line-height: 1;
            width: 151px;
            vertical-align: middle;
            display: inline-block; }
        .node--blog.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button a,
        .node--blog.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button a {
          display: inline-block;
          vertical-align: middle; }
    @media (min-width: 992px) {
      .node--blog.view-mode-full .field--name-social-media-share,
      .node--blog.view-mode-full .field--name-social-media-share-top {
        position: relative;
        margin-bottom: 30px; } }
  .node--blog.view-mode-full .field--name-blog-topics::before {
    content: ",";
    display: inline-block;
    width: 7px;
    height: 10px; }
  .node--blog.view-mode-full .field--name-body img {
    max-width: 100% !important;
    height: auto !important; }
  .node--blog.view-mode-full .field--name-body table img {
    width: 100% !important;
    height: auto !important; }
  .node--blog.view-mode-full .field--name-body table td {
    background: #ffffff;
    padding: 10px; }
  .node--blog.view-mode-full .field--name-body ol {
    list-style: decimal;
    margin-left: 2em; }
  .node--blog.view-mode-full .field--name-body ul {
    list-style: disc;
    margin-left: 2em; }
  .node--blog.view-mode-full section.comments form > div > div > label,
  .node--blog.view-mode-full section.comments form > div > div > a {
    display: none; }
  .node--blog.view-mode-full section.comments .form-item-notify {
    font-size: 0.75rem; }
  .node--blog.view-mode-full section.comments label.option {
    display: inline-block;
    vertical-align: middle; }
  .node--blog.view-mode-full section.comments .form-actions.form-wrapper input[type="submit"] {
    padding: 5px 20px;
    background: #DFDFDF;
    border: 0 none;
    cursor: pointer;
    border-radius: 3px;
    color: #ffffff;
    background: #BED328;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .node--blog.view-mode-full .field--name-changed-date {
    margin: 0 0 30px 0; }
    .node--blog.view-mode-full .field--name-changed-date .field__label {
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-transform: uppercase; }
    .node--blog.view-mode-full .field--name-changed-date .field__item {
      color: #01605E; }
  .node--blog.view-mode-full .group-related-content {
    padding-bottom: 30px; }
    .node--blog.view-mode-full .group-related-content h3 {
      text-transform: uppercase;
      vertical-align: middle; }
    .node--blog.view-mode-full .group-related-content h3,
    .node--blog.view-mode-full .group-related-content div {
      display: inline-block;
      vertical-align: middle; }
      .node--blog.view-mode-full .group-related-content h3 a,
      .node--blog.view-mode-full .group-related-content div a {
        color: #00A09C; }
        .node--blog.view-mode-full .group-related-content h3 a:focus,
        .node--blog.view-mode-full .group-related-content div a:focus {
          color: #18254B; }
        .node--blog.view-mode-full .group-related-content h3 a:hover,
        .node--blog.view-mode-full .group-related-content div a:hover {
          color: #18254B; }
    .node--blog.view-mode-full .group-related-content h3 {
      padding-right: 6px; }

body.node-type-article {
  /* -- region overrides -- */ }
  body.node-type-article h1 {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  body.node-type-article .l-region--suffix-content-first .block {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }

.node--yearly-plan,
.node--article {
  /* -- Teaser -- */
  /* -- Default -- */
  /* -- Team Dashboard Teaser -- */ }
  .node--yearly-plan.view-mode-schools_teaser .field--name-node-type, .node--yearly-plan.view-mode-teaser .field--name-node-type,
  .node--article.view-mode-schools_teaser .field--name-node-type,
  .node--article.view-mode-teaser .field--name-node-type {
    position: absolute;
    background: #ffffff;
    top: -5px;
    right: 0;
    padding: 5px 20px;
    color: #F3F4F7;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.125rem;
    text-transform: capitalize;
    z-index: 1; }
    @media (max-width: 767px) {
      .node--yearly-plan.view-mode-schools_teaser .field--name-node-type, .node--yearly-plan.view-mode-teaser .field--name-node-type,
      .node--article.view-mode-schools_teaser .field--name-node-type,
      .node--article.view-mode-teaser .field--name-node-type {
        right: -1px; } }
  .node--yearly-plan.view-mode-schools_teaser .field--name-title .field__items, .node--yearly-plan.view-mode-teaser .field--name-title .field__items,
  .node--article.view-mode-schools_teaser .field--name-title .field__items,
  .node--article.view-mode-teaser .field--name-title .field__items {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/fourty_percent.png") repeat; }
    .node--yearly-plan.view-mode-schools_teaser .field--name-title .field__items .field__item, .node--yearly-plan.view-mode-teaser .field--name-title .field__items .field__item,
    .node--article.view-mode-schools_teaser .field--name-title .field__items .field__item,
    .node--article.view-mode-teaser .field--name-title .field__items .field__item {
      height: 100%; }
      .node--yearly-plan.view-mode-schools_teaser .field--name-title .field__items .field__item h2, .node--yearly-plan.view-mode-teaser .field--name-title .field__items .field__item h2,
      .node--article.view-mode-schools_teaser .field--name-title .field__items .field__item h2,
      .node--article.view-mode-teaser .field--name-title .field__items .field__item h2 {
        text-align: center;
        margin: 0 70px;
        line-height: 1.1em;
        height: 100%;
        display: table; }
        .node--yearly-plan.view-mode-schools_teaser .field--name-title .field__items .field__item h2 a, .node--yearly-plan.view-mode-teaser .field--name-title .field__items .field__item h2 a,
        .node--article.view-mode-schools_teaser .field--name-title .field__items .field__item h2 a,
        .node--article.view-mode-teaser .field--name-title .field__items .field__item h2 a {
          color: #ffffff;
          text-decoration: none;
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          height: 100%; }
          .node--yearly-plan.view-mode-schools_teaser .field--name-title .field__items .field__item h2 a:hover, .node--yearly-plan.view-mode-teaser .field--name-title .field__items .field__item h2 a:hover,
          .node--article.view-mode-schools_teaser .field--name-title .field__items .field__item h2 a:hover,
          .node--article.view-mode-teaser .field--name-title .field__items .field__item h2 a:hover {
            color: #BED328; }
  .node--yearly-plan.view-mode-schools_teaser .field--type-image a, .node--yearly-plan.view-mode-teaser .field--type-image a,
  .node--article.view-mode-schools_teaser .field--type-image a,
  .node--article.view-mode-teaser .field--type-image a {
    display: block; }
    .node--yearly-plan.view-mode-schools_teaser .field--type-image a img, .node--yearly-plan.view-mode-teaser .field--type-image a img,
    .node--article.view-mode-schools_teaser .field--type-image a img,
    .node--article.view-mode-teaser .field--type-image a img {
      width: 100%;
      height: auto;
      display: block; }
  .node--yearly-plan.view-mode-schools_teaser .field--name-share-to-earn-place-holder, .node--yearly-plan.view-mode-teaser .field--name-share-to-earn-place-holder,
  .node--article.view-mode-schools_teaser .field--name-share-to-earn-place-holder,
  .node--article.view-mode-teaser .field--name-share-to-earn-place-holder {
    position: absolute;
    bottom: -50px; }
    .node--yearly-plan.view-mode-schools_teaser .field--name-share-to-earn-place-holder::before, .node--yearly-plan.view-mode-teaser .field--name-share-to-earn-place-holder::before,
    .node--article.view-mode-schools_teaser .field--name-share-to-earn-place-holder::before,
    .node--article.view-mode-teaser .field--name-share-to-earn-place-holder::before {
      content: "";
      width: 50px;
      height: 34px;
      background: url("../images/icon_babies_green.png") no-repeat scroll top left;
      display: inline-block;
      vertical-align: top; }
    .node--yearly-plan.view-mode-schools_teaser .field--name-share-to-earn-place-holder .field__items, .node--yearly-plan.view-mode-teaser .field--name-share-to-earn-place-holder .field__items,
    .node--article.view-mode-schools_teaser .field--name-share-to-earn-place-holder .field__items,
    .node--article.view-mode-teaser .field--name-share-to-earn-place-holder .field__items {
      display: inline-block;
      vertical-align: top;
      padding-left: 10px;
      margin-top: 4px;
      width: 140px;
      height: 0; }
      .node--yearly-plan.view-mode-schools_teaser .field--name-share-to-earn-place-holder .field__items p, .node--yearly-plan.view-mode-teaser .field--name-share-to-earn-place-holder .field__items p,
      .node--article.view-mode-schools_teaser .field--name-share-to-earn-place-holder .field__items p,
      .node--article.view-mode-teaser .field--name-share-to-earn-place-holder .field__items p {
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.125rem;
        line-height: 1; }
  .node--yearly-plan.view-mode-schools_teaser .field--name-social-media-share, .node--yearly-plan.view-mode-teaser .field--name-social-media-share,
  .node--article.view-mode-schools_teaser .field--name-social-media-share,
  .node--article.view-mode-teaser .field--name-social-media-share {
    position: absolute;
    bottom: -89px;
    margin: 30px 0;
    width: 117px;
    height: auto;
    right: 0; }
    .node--yearly-plan.view-mode-schools_teaser .field--name-social-media-share .social-button, .node--yearly-plan.view-mode-teaser .field--name-social-media-share .social-button,
    .node--article.view-mode-schools_teaser .field--name-social-media-share .social-button,
    .node--article.view-mode-teaser .field--name-social-media-share .social-button {
      text-align: right !important; }
    .node--yearly-plan.view-mode-schools_teaser .field--name-social-media-share .message, .node--yearly-plan.view-mode-teaser .field--name-social-media-share .message,
    .node--article.view-mode-schools_teaser .field--name-social-media-share .message,
    .node--article.view-mode-teaser .field--name-social-media-share .message {
      display: none; }
    @media (max-width: 767px) {
      .node--yearly-plan.view-mode-schools_teaser .field--name-social-media-share, .node--yearly-plan.view-mode-teaser .field--name-social-media-share,
      .node--article.view-mode-schools_teaser .field--name-social-media-share,
      .node--article.view-mode-teaser .field--name-social-media-share {
        right: -1px; } }
  .node--yearly-plan.view-mode-full .field--name-title,
  .node--article.view-mode-full .field--name-title {
    font-family: "Roboto Slab", serif;
    font-size: 2.125rem;
    line-height: 1.1;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.1em;
    margin: 40px 0 30px 0; }
  .node--yearly-plan.view-mode-full .field--type-image,
  .node--article.view-mode-full .field--type-image {
    z-index: 0; }
    @media (max-width: 767px) {
      .node--yearly-plan.view-mode-full .field--type-image img,
      .node--article.view-mode-full .field--type-image img {
        width: 100%;
        height: auto; } }
    @media (min-width: 992px) {
      .node--yearly-plan.view-mode-full .field--type-image,
      .node--article.view-mode-full .field--type-image {
        width: 54%;
        float: right;
        margin: 0 0 30px 30px; }
        .node--yearly-plan.view-mode-full .field--type-image .field__items,
        .node--article.view-mode-full .field--type-image .field__items {
          z-index: 0;
          position: relative; }
          .node--yearly-plan.view-mode-full .field--type-image .field__items::after,
          .node--article.view-mode-full .field--type-image .field__items::after {
            content: "";
            display: block;
            position: absolute;
            right: 23%;
            z-index: -1;
            height: 91%;
            bottom: 0;
            width: 97.4%;
            left: 7px;
            border-radius: 45%;
            box-shadow: 2px 1px 20px 0; }
          .node--yearly-plan.view-mode-full .field--type-image .field__items .field__item,
          .node--article.view-mode-full .field--type-image .field__items .field__item {
            background: #ffffff;
            padding: 10px;
            padding-bottom: 4px; }
            .node--yearly-plan.view-mode-full .field--type-image .field__items .field__item img,
            .node--article.view-mode-full .field--type-image .field__items .field__item img {
              width: 100%;
              height: auto; } }
  .node--yearly-plan.view-mode-full .field--name-social-media-share,
  .node--yearly-plan.view-mode-full .field--name-social-media-share-top,
  .node--article.view-mode-full .field--name-social-media-share,
  .node--article.view-mode-full .field--name-social-media-share-top {
    z-index: 0; }
    .node--yearly-plan.view-mode-full .field--name-social-media-share .field__item::after,
    .node--yearly-plan.view-mode-full .field--name-social-media-share-top .field__item::after,
    .node--article.view-mode-full .field--name-social-media-share .field__item::after,
    .node--article.view-mode-full .field--name-social-media-share-top .field__item::after {
      content: "";
      display: block;
      position: absolute;
      right: 23%;
      z-index: -1;
      height: 22%;
      bottom: 0;
      width: 28%;
      left: 15px;
      border-radius: 45%;
      box-shadow: 2px 1px 20px 0; }
    .node--yearly-plan.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper,
    .node--yearly-plan.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper,
    .node--article.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper,
    .node--article.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper {
      width: 365px;
      padding: 15.5px 16px;
      background: #ffffff;
      position: relative; }
      .node--yearly-plan.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper::after,
      .node--yearly-plan.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper::after,
      .node--article.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper::after,
      .node--article.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper::after {
        background: url("../images/share_this_label_right_white.png") no-repeat scroll top left;
        width: 31px;
        height: 69px;
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        right: -31px; }
      .node--yearly-plan.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button,
      .node--yearly-plan.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button,
      .node--article.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button,
      .node--article.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button {
        width: 100%; }
        .node--yearly-plan.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message,
        .node--yearly-plan.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message,
        .node--article.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message,
        .node--article.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message {
          display: inline-block;
          vertical-align: middle;
          width: 225px;
          height: 35px;
          padding-left: 10px;
          letter-spacing: 0.06em;
          font-size: 0.875rem;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .node--yearly-plan.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message::before,
          .node--yearly-plan.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message::before,
          .node--article.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message::before,
          .node--article.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message::before {
            content: "";
            width: 50px;
            height: 35px;
            padding-left: 10px;
            background: url("../images/icon_babies_green.png") no-repeat scroll top left;
            display: inline-block;
            vertical-align: middle; }
          .node--yearly-plan.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message span,
          .node--yearly-plan.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message span,
          .node--article.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message span,
          .node--article.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message span {
            line-height: 1;
            width: 151px;
            vertical-align: middle;
            display: inline-block; }
        .node--yearly-plan.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button a,
        .node--yearly-plan.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button a,
        .node--article.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button a,
        .node--article.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button a {
          display: inline-block;
          vertical-align: middle; }
    @media (min-width: 992px) {
      .node--yearly-plan.view-mode-full .field--name-social-media-share,
      .node--yearly-plan.view-mode-full .field--name-social-media-share-top,
      .node--article.view-mode-full .field--name-social-media-share,
      .node--article.view-mode-full .field--name-social-media-share-top {
        position: relative;
        margin-bottom: 30px; } }
  .node--yearly-plan.view-mode-full .field--name-body img,
  .node--article.view-mode-full .field--name-body img {
    max-width: 100% !important;
    height: auto !important; }
  .node--yearly-plan.view-mode-full .field--name-body table img,
  .node--article.view-mode-full .field--name-body table img {
    width: 100% !important;
    height: auto !important; }
  .node--yearly-plan.view-mode-full .field--name-body table td,
  .node--article.view-mode-full .field--name-body table td {
    background: #ffffff;
    padding: 10px; }
  .node--yearly-plan.view-mode-full .field--name-body ol,
  .node--article.view-mode-full .field--name-body ol {
    list-style: decimal;
    margin-left: 2em; }
  .node--yearly-plan.view-mode-full .field--name-body ul,
  .node--article.view-mode-full .field--name-body ul {
    list-style: disc;
    margin-left: 2em; }
  .node--yearly-plan.view-mode-full .block--commentsblock form > div > div > label,
  .node--yearly-plan.view-mode-full .block--commentsblock form > div > div > a,
  .node--article.view-mode-full .block--commentsblock form > div > div > label,
  .node--article.view-mode-full .block--commentsblock form > div > div > a {
    display: none; }
  .node--yearly-plan.view-mode-full .block--commentsblock .form-item-notify,
  .node--article.view-mode-full .block--commentsblock .form-item-notify {
    font-size: 0.75rem; }
  .node--yearly-plan.view-mode-full .block--commentsblock label.option,
  .node--article.view-mode-full .block--commentsblock label.option {
    display: inline-block;
    vertical-align: middle; }
  .node--yearly-plan.view-mode-full .block--commentsblock .form-actions.form-wrapper input[type="submit"],
  .node--article.view-mode-full .block--commentsblock .form-actions.form-wrapper input[type="submit"] {
    padding: 5px 20px;
    background: #DFDFDF;
    border: 0 none;
    cursor: pointer;
    border-radius: 3px;
    color: #ffffff;
    background: #BED328;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .node--yearly-plan.view-mode-full .field--name-changed-date,
  .node--article.view-mode-full .field--name-changed-date {
    margin: 0 0 30px 0; }
    .node--yearly-plan.view-mode-full .field--name-changed-date .field__label,
    .node--article.view-mode-full .field--name-changed-date .field__label {
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-transform: uppercase; }
    .node--yearly-plan.view-mode-full .field--name-changed-date .field__item,
    .node--article.view-mode-full .field--name-changed-date .field__item {
      color: #01605E; }
  .node--yearly-plan.view-mode-full .group-related-content,
  .node--article.view-mode-full .group-related-content {
    padding-bottom: 30px; }
    .node--yearly-plan.view-mode-full .group-related-content h3,
    .node--article.view-mode-full .group-related-content h3 {
      text-transform: uppercase;
      vertical-align: middle; }
    .node--yearly-plan.view-mode-full .group-related-content h3,
    .node--yearly-plan.view-mode-full .group-related-content div,
    .node--article.view-mode-full .group-related-content h3,
    .node--article.view-mode-full .group-related-content div {
      display: inline-block;
      vertical-align: middle; }
      .node--yearly-plan.view-mode-full .group-related-content h3 a,
      .node--yearly-plan.view-mode-full .group-related-content div a,
      .node--article.view-mode-full .group-related-content h3 a,
      .node--article.view-mode-full .group-related-content div a {
        color: #00A09C; }
        .node--yearly-plan.view-mode-full .group-related-content h3 a:focus,
        .node--yearly-plan.view-mode-full .group-related-content div a:focus,
        .node--article.view-mode-full .group-related-content h3 a:focus,
        .node--article.view-mode-full .group-related-content div a:focus {
          color: #18254B; }
        .node--yearly-plan.view-mode-full .group-related-content h3 a:hover,
        .node--yearly-plan.view-mode-full .group-related-content div a:hover,
        .node--article.view-mode-full .group-related-content h3 a:hover,
        .node--article.view-mode-full .group-related-content div a:hover {
          color: #18254B; }
    .node--yearly-plan.view-mode-full .group-related-content h3,
    .node--article.view-mode-full .group-related-content h3 {
      padding-right: 6px; }
    .node--yearly-plan.view-mode-full .group-related-content > .field:not(:last-child)::after,
    .node--article.view-mode-full .group-related-content > .field:not(:last-child)::after {
      content: ",";
      display: inline-block;
      width: 7px;
      height: 10px; }
  .node--yearly-plan.view-mode-full .comment_forbidden,
  .node--article.view-mode-full .comment_forbidden {
    padding: 30px 0; }
    .node--yearly-plan.view-mode-full .comment_forbidden a,
    .node--article.view-mode-full .comment_forbidden a {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff; }
      .node--yearly-plan.view-mode-full .comment_forbidden a:hover,
      .node--article.view-mode-full .comment_forbidden a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .node--yearly-plan.view-mode-full .comment_forbidden a:focus,
      .node--article.view-mode-full .comment_forbidden a:focus {
        border-color: #01605E; }
  .node--yearly-plan.view-mode-full .field--type-taxonomy-term-reference,
  .node--article.view-mode-full .field--type-taxonomy-term-reference {
    display: inline-block; }
    .node--yearly-plan.view-mode-full .field--type-taxonomy-term-reference .field__items a,
    .node--article.view-mode-full .field--type-taxonomy-term-reference .field__items a {
      display: inline-block;
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff;
      margin-right: 10px;
      vertical-align: middle;
      color: #ffffff;
      margin-bottom: 10px; }
      .node--yearly-plan.view-mode-full .field--type-taxonomy-term-reference .field__items a:hover,
      .node--article.view-mode-full .field--type-taxonomy-term-reference .field__items a:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .node--yearly-plan.view-mode-full .field--type-taxonomy-term-reference .field__items a:focus,
      .node--article.view-mode-full .field--type-taxonomy-term-reference .field__items a:focus {
        border-color: #01605E; }
      .node--yearly-plan.view-mode-full .field--type-taxonomy-term-reference .field__items a.active,
      .node--article.view-mode-full .field--type-taxonomy-term-reference .field__items a.active {
        color: #333333 !important; }
      .node--yearly-plan.view-mode-full .field--type-taxonomy-term-reference .field__items a:hover,
      .node--article.view-mode-full .field--type-taxonomy-term-reference .field__items a:hover {
        color: #304A97; }
  .node--yearly-plan.node--team-dashboard-teaser:after,
  .node--article.node--team-dashboard-teaser:after {
    content: "";
    display: table;
    clear: both; }
  .node--yearly-plan.node--team-dashboard-teaser .field--name-field-link-image,
  .node--article.node--team-dashboard-teaser .field--name-field-link-image {
    float: left;
    padding-right: 20px; }
  .node--yearly-plan.node--team-dashboard-teaser .field-group-format-wrapper,
  .node--article.node--team-dashboard-teaser .field-group-format-wrapper {
    display: block;
    float: right;
    width: 80%; }
    .node--yearly-plan.node--team-dashboard-teaser .field-group-format-wrapper .field--name-title,
    .node--article.node--team-dashboard-teaser .field-group-format-wrapper .field--name-title {
      color: #00A09C;
      line-height: 1.2em;
      font-size: 1.125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-bottom: 0 !important; }
    .node--yearly-plan.node--team-dashboard-teaser .field-group-format-wrapper .field--name-body p,
    .node--article.node--team-dashboard-teaser .field-group-format-wrapper .field--name-body p {
      color: #333333 !important;
      font-size: 0.875rem; }
      .node--yearly-plan.node--team-dashboard-teaser .field-group-format-wrapper .field--name-body p span,
      .node--article.node--team-dashboard-teaser .field-group-format-wrapper .field--name-body p span {
        color: #333333 !important;
        font-size: 0.875rem !important; }

body.node-type-page {
  /* -- region overrides -- */ }
  body.node-type-page h1 {
    font-size: 2.125rem;
    line-height: 1.1;
    background: #ffffff;
    padding: 48px 0 24px;
    margin: 0; }
  body.node-type-page .l-content {
    background: #ffffff;
    padding: 25px; }
  body.node-type-page .l-region--suffix-content-first .block {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }

.node--page {
  /* -- Teaser -- */
  /* -- Default -- */
  /* -- Team Dashboard Teaser -- */ }
  .node--page.view-mode-teaser .field--name-node-type {
    position: absolute;
    background: #ffffff;
    top: -5px;
    right: 0;
    padding: 5px 20px;
    color: #F3F4F7;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.125rem;
    text-transform: capitalize;
    z-index: 1; }
    @media (max-width: 767px) {
      .node--page.view-mode-teaser .field--name-node-type {
        right: -1px; } }
  .node--page.view-mode-teaser .field--name-title .field__items {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/fourty_percent.png") repeat; }
    .node--page.view-mode-teaser .field--name-title .field__items .field__item {
      height: 100%; }
      .node--page.view-mode-teaser .field--name-title .field__items .field__item h2 {
        text-align: center;
        margin: 0 70px;
        line-height: 1.1em;
        height: 100%;
        display: table; }
        .node--page.view-mode-teaser .field--name-title .field__items .field__item h2 a {
          color: #ffffff;
          text-decoration: none;
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          height: 100%; }
          .node--page.view-mode-teaser .field--name-title .field__items .field__item h2 a:hover {
            color: #BED328; }
  .node--page.view-mode-teaser .field--type-image a {
    display: block; }
    .node--page.view-mode-teaser .field--type-image a img {
      width: 100%;
      height: auto;
      display: block; }
  .node--page.view-mode-teaser .field--name-share-to-earn-place-holder {
    position: absolute;
    bottom: -50px; }
    .node--page.view-mode-teaser .field--name-share-to-earn-place-holder::before {
      content: "";
      width: 50px;
      height: 34px;
      background: url("../images/icon_babies_green.png") no-repeat scroll top left;
      display: inline-block;
      vertical-align: top; }
    .node--page.view-mode-teaser .field--name-share-to-earn-place-holder .field__items {
      display: inline-block;
      vertical-align: top;
      padding-left: 10px;
      margin-top: 4px;
      width: 140px;
      height: 0; }
      .node--page.view-mode-teaser .field--name-share-to-earn-place-holder .field__items p {
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.125rem;
        line-height: 1; }
  .node--page.view-mode-teaser .field--name-social-media-share {
    position: absolute;
    bottom: -89px;
    margin: 30px 0;
    width: 117px;
    height: auto;
    right: 0; }
    .node--page.view-mode-teaser .field--name-social-media-share .social-button {
      text-align: right !important; }
    .node--page.view-mode-teaser .field--name-social-media-share .message {
      display: none; }
    @media (max-width: 767px) {
      .node--page.view-mode-teaser .field--name-social-media-share {
        right: -1px; } }
  .node--page.view-mode-full {
    font-size: 1.125rem; }
    .node--page.view-mode-full .field--name-title {
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2.125rem;
      line-height: 1.1em;
      margin: 40px 0 30px 0; }
    .node--page.view-mode-full .field--type-image {
      z-index: 0; }
      @media (max-width: 767px) {
        .node--page.view-mode-full .field--type-image img {
          width: 100%;
          height: auto; } }
      @media (min-width: 992px) {
        .node--page.view-mode-full .field--type-image {
          width: 54%;
          float: right;
          margin: 0 0 30px 30px; }
          .node--page.view-mode-full .field--type-image .field__items {
            z-index: 0;
            position: relative; }
            .node--page.view-mode-full .field--type-image .field__items::after {
              content: "";
              display: block;
              position: absolute;
              right: 23%;
              z-index: -1;
              height: 91%;
              bottom: 0;
              width: 97.4%;
              left: 7px;
              border-radius: 45%;
              box-shadow: 2px 1px 20px 0; }
            .node--page.view-mode-full .field--type-image .field__items .field__item {
              background: #ffffff;
              padding: 10px;
              padding-bottom: 4px; }
              .node--page.view-mode-full .field--type-image .field__items .field__item img {
                width: 100%;
                height: auto; } }
    .node--page.view-mode-full .field--name-social-media-share,
    .node--page.view-mode-full .field--name-social-media-share-top {
      z-index: 0; }
      .node--page.view-mode-full .field--name-social-media-share .field__item::after,
      .node--page.view-mode-full .field--name-social-media-share-top .field__item::after {
        content: "";
        display: block;
        position: absolute;
        right: 23%;
        z-index: -1;
        height: 22%;
        bottom: 0;
        width: 28%;
        left: 15px;
        border-radius: 45%;
        box-shadow: 2px 1px 20px 0; }
      .node--page.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper,
      .node--page.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper {
        width: 365px;
        padding: 15.5px 16px;
        background: #ffffff;
        position: relative; }
        .node--page.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper::after,
        .node--page.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper::after {
          background: url("../images/share_this_label_right_white.png") no-repeat scroll top left;
          width: 31px;
          height: 69px;
          content: "";
          display: block;
          position: absolute;
          top: -1px;
          right: -31px; }
        .node--page.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button,
        .node--page.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button {
          width: 100%; }
          .node--page.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message,
          .node--page.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message {
            display: inline-block;
            vertical-align: middle;
            width: 225px;
            height: 35px;
            padding-left: 10px;
            letter-spacing: 0.06em;
            font-size: 0.875rem;
            font-weight: 600;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            .node--page.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message::before,
            .node--page.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message::before {
              content: "";
              width: 50px;
              height: 35px;
              padding-left: 10px;
              background: url("../images/icon_babies_green.png") no-repeat scroll top left;
              display: inline-block;
              vertical-align: middle; }
            .node--page.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button .message span,
            .node--page.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button .message span {
              line-height: 1;
              width: 151px;
              vertical-align: middle;
              display: inline-block; }
          .node--page.view-mode-full .field--name-social-media-share .field__item .social-button-wrapper .social-button a,
          .node--page.view-mode-full .field--name-social-media-share-top .field__item .social-button-wrapper .social-button a {
            display: inline-block;
            vertical-align: middle; }
      @media (min-width: 992px) {
        .node--page.view-mode-full .field--name-social-media-share,
        .node--page.view-mode-full .field--name-social-media-share-top {
          position: relative;
          margin-bottom: 30px; } }
    .node--page.view-mode-full .field--name-field-article-topics::before {
      content: ",";
      display: inline-block;
      width: 7px;
      height: 10px; }
    .node--page.view-mode-full .field--name-body img {
      max-width: 100% !important;
      height: auto !important; }
      .node--page.view-mode-full .field--name-body img.logo-cluster {
        max-height: 145px;
        max-width: 250px !important;
        padding: 20px 25px; }
    .node--page.view-mode-full .field--name-body table img {
      width: 100% !important;
      height: auto !important; }
    .node--page.view-mode-full .field--name-body table td {
      background: #ffffff;
      padding: 10px; }
    .node--page.view-mode-full .field--name-body ol {
      list-style: decimal;
      margin-left: 2em; }
    .node--page.view-mode-full .field--name-body ul {
      list-style: disc;
      margin-left: 2em; }
    .node--page.view-mode-full .block--commentsblock form > div > div > label,
    .node--page.view-mode-full .block--commentsblock form > div > div > a {
      display: none; }
    .node--page.view-mode-full .block--commentsblock .form-item-notify {
      font-size: 0.75rem; }
    .node--page.view-mode-full .block--commentsblock label.option {
      display: inline-block;
      vertical-align: middle; }
    .node--page.view-mode-full .block--commentsblock .form-actions.form-wrapper input[type="submit"] {
      padding: 5px 20px;
      background: #DFDFDF;
      border: 0 none;
      cursor: pointer;
      border-radius: 3px;
      color: #ffffff;
      background: #BED328;
      font-size: 0.875rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .node--page.view-mode-full .field--name-changed-date {
      margin: 0 0 30px 0; }
      .node--page.view-mode-full .field--name-changed-date .field__label {
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-transform: uppercase; }
      .node--page.view-mode-full .field--name-changed-date .field__item {
        color: #01605E; }
    .node--page.view-mode-full .group-related-content {
      padding-bottom: 30px; }
      .node--page.view-mode-full .group-related-content h3 {
        text-transform: uppercase;
        vertical-align: middle; }
      .node--page.view-mode-full .group-related-content h3,
      .node--page.view-mode-full .group-related-content div {
        display: inline-block;
        vertical-align: middle; }
        .node--page.view-mode-full .group-related-content h3 a,
        .node--page.view-mode-full .group-related-content div a {
          color: #00A09C; }
          .node--page.view-mode-full .group-related-content h3 a:focus,
          .node--page.view-mode-full .group-related-content div a:focus {
            color: #18254B; }
          .node--page.view-mode-full .group-related-content h3 a:hover,
          .node--page.view-mode-full .group-related-content div a:hover {
            color: #18254B; }
      .node--page.view-mode-full .group-related-content h3 {
        padding-right: 6px; }
    .node--page.view-mode-full .comment_forbidden {
      padding: 30px 0; }
      .node--page.view-mode-full .comment_forbidden a {
        -webkit-appearance: none;
        align-items: center;
        background: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        display: inline-flex;
        font-size: 0.875rem;
        font-weight: 900;
        justify-content: center;
        letter-spacing: 0.05em;
        line-height: 1.2;
        margin-bottom: 0;
        padding: 8px 32px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        touch-action: manipulation;
        user-select: none;
        background: #D64800;
        color: #ffffff; }
        .node--page.view-mode-full .comment_forbidden a:hover {
          background-color: #00A09C;
          border-color: #00A09C;
          color: #ffffff; }
        .node--page.view-mode-full .comment_forbidden a:focus {
          border-color: #01605E; }
  .node--page.node--team-dashboard-teaser:after {
    content: "";
    display: table;
    clear: both; }
  .node--page.node--team-dashboard-teaser .field--name-field-link-image {
    float: left;
    padding-right: 20px; }
  .node--page.node--team-dashboard-teaser .field-group-format-wrapper {
    display: block;
    float: right;
    width: 80%; }
    .node--page.node--team-dashboard-teaser .field-group-format-wrapper .field--name-title {
      color: #00A09C;
      line-height: 1.2em;
      font-size: 1.125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-bottom: 0 !important; }
    .node--page.node--team-dashboard-teaser .field-group-format-wrapper .field--name-body p {
      color: #333333 !important;
      font-size: 0.875rem; }
      .node--page.node--team-dashboard-teaser .field-group-format-wrapper .field--name-body p span {
        color: #333333 !important;
        font-size: 0.875rem !important; }

.node--resource-guide {
  /* -- Default -- */ }
  .node--resource-guide.view-mode-full {
    font-size: 1.125rem; }

.node--team-update.node--team-dashboard-teaser .group-left {
  width: 23%;
  display: inline-block;
  float: none;
  vertical-align: top; }

.node--team-update.node--team-dashboard-teaser .group-right {
  width: 76%;
  display: inline-block;
  float: none;
  vertical-align: top; }
  .node--team-update.node--team-dashboard-teaser .group-right .field--name-post-date {
    line-height: 1.2em;
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18254B; }
  .node--team-update.node--team-dashboard-teaser .group-right .field--name-title {
    margin-bottom: 10px !important; }
    .node--team-update.node--team-dashboard-teaser .group-right .field--name-title a {
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.5rem;
      color: #18254B; }
  .node--team-update.node--team-dashboard-teaser .group-right .field--name-body p {
    color: #18254B !important;
    font-size: 16px !important; }

body.node-type-team h1 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

body.node-type-team .l-main {
  overflow: hidden; }

.node--team {
  /* View mode: block */
  /* View mode: full */ }
  .node--team.view-mode-block {
    background: #ffffff;
    border-top: 5px solid #D64800;
    box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.11);
    margin-bottom: 25px;
    padding: 12px 32px 12px 16px;
    text-align: center; }
    .node--team.view-mode-block .team__header {
      margin-bottom: 10px; }
    .node--team.view-mode-block .team__actions {
      align-items: center;
      display: flex;
      gap: 10px;
      justify-content: center;
      margin-top: 20px; }
    .node--team.view-mode-block .field-label {
      display: inline-block;
      font-size: 0.875rem;
      font-weight: 800;
      text-transform: uppercase; }
    .node--team.view-mode-block .field-value {
      display: inline-block;
      font-size: 0.875rem;
      font-weight: 800; }
    .node--team.view-mode-block .field-team-image {
      border-radius: 50%;
      display: inline-block;
      height: 96px;
      overflow: hidden;
      width: 96px; }
      .node--team.view-mode-block .field-team-image img {
        display: block;
        height: auto;
        width: 100%; }
    .node--team.view-mode-block .field-title {
      font-size: 24px;
      margin-bottom: 10px; }
    .node--team.view-mode-block .field-class-size::before {
      background: url("../../images/team-outline--orange.svg") no-repeat left center;
      content: '';
      display: inline-block;
      height: 24px;
      position: relative;
      top: 6px;
      width: 24px; }
    .node--team.view-mode-block .field-userpoints-points::before {
      background: url("../../images/medalstar--orange.svg") no-repeat left center;
      content: '';
      display: inline-block;
      height: 24px;
      position: relative;
      top: 6px;
      width: 24px; }
    .node--team.view-mode-block .field-grade {
      height: 24px; }
    .node--team.view-mode-block .field-active-team {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      align-items: center;
      background: #F25500;
      border-radius: 100px;
      color: #ffffff;
      display: inline-flex;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      font-weight: 800;
      justify-content: center;
      height: 32px;
      letter-spacing: 0.05em;
      padding: 0.6rem 1rem;
      text-transform: uppercase;
      white-space: nowrap; }
    .node--team.view-mode-block .view-my-team-link, .node--team.view-mode-block .activate-team-link {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff; }
      .node--team.view-mode-block .view-my-team-link:hover, .node--team.view-mode-block .activate-team-link:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .node--team.view-mode-block .view-my-team-link:focus, .node--team.view-mode-block .activate-team-link:focus {
        border-color: #01605E; }
    .node--team.view-mode-block .ibi-team-team-switching-form {
      background: transparent; }
      .node--team.view-mode-block .ibi-team-team-switching-form label {
        font-family: 600;
        font-size: 12px;
        letter-spacing: 0.05em; }
      .node--team.view-mode-block .ibi-team-team-switching-form .form-select {
        appearance: none;
        background: #F3F4F7 url("../images/chevron.svg") no-repeat right 14px center;
        border: 0 none;
        border-radius: 8px;
        color: #18254B;
        cursor: pointer;
        font-family: "Lato", sans-serif;
        font-size: 1rem;
        font-weight: 700;
        padding: 10px 44px 10px 16px;
        width: 100%; }
        .node--team.view-mode-block .ibi-team-team-switching-form .form-select::-ms-expand {
          display: none; }
      .node--team.view-mode-block .ibi-team-team-switching-form .form-submit {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0; }
    @media (min-width: 768px) {
      .node--team.view-mode-block {
        align-items: center;
        display: grid;
        column-gap: 24px;
        grid-template-columns: 96px 1fr;
        grid-template-areas: 'left right' 'bottom bottom';
        row-gap: 10px;
        text-align: left; }
        .node--team.view-mode-block .team__media {
          grid-area: left; }
        .node--team.view-mode-block .team__content {
          grid-area: right; }
        .node--team.view-mode-block .team__header {
          align-items: center;
          display: flex;
          gap: 10px;
          margin-bottom: 0; }
          .node--team.view-mode-block .team__header .field-title {
            margin-bottom: 0; }
        .node--team.view-mode-block .team__body {
          align-items: center;
          display: flex;
          gap: 10px; }
        .node--team.view-mode-block .team__actions {
          grid-area: bottom;
          justify-content: start;
          margin-top: 0; }
        .node--team.view-mode-block .view-my-team-link, .node--team.view-mode-block .activate-team-link {
          padding-left: 32px;
          padding-right: 32px; }
        .node--team.view-mode-block .activate-team-link {
          background: #003B4A; } }
    @media (min-width: 992px) {
      .node--team.view-mode-block {
        grid-template-columns: 96px 1fr auto;
        grid-template-areas: 'left center right'; }
        .node--team.view-mode-block .team__media {
          grid-area: left; }
        .node--team.view-mode-block .team__content {
          grid-area: center; }
        .node--team.view-mode-block .team__actions {
          grid-area: right;
          justify-content: end; } }
  .node--team.view-mode-full:after {
    content: "";
    display: table;
    clear: both; }
  .node--team.view-mode-full .group-header {
    margin-bottom: 60px;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative; }
  .node--team.view-mode-full .group-header-wrap:after {
    content: "";
    display: table;
    clear: both; }
  .node--team.view-mode-full .group-header-inner {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none; }
    @media (min-width: 768px) {
      .node--team.view-mode-full .group-header-inner {
        width: 56.66667%;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%;
        clear: none; } }
  @media (max-width: 767px) {
    .node--team.view-mode-full > .group-left {
      float: none;
      width: 100%; } }
  @media (min-width: 768px) {
    .node--team.view-mode-full > .group-left {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }
  @media (min-width: 992px) {
    .node--team.view-mode-full > .group-left {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }
  @media (max-width: 767px) {
    .node--team.view-mode-full > .group-right {
      float: none;
      width: 100%; } }
  @media (min-width: 768px) {
    .node--team.view-mode-full > .group-right {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }
  @media (min-width: 992px) {
    .node--team.view-mode-full > .group-right {
      width: 40%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }
  .node--team.view-mode-full > .group-left .field--name-team-standings-in-school-,
  .node--team.view-mode-full > .group-left .block--views-team-updates-block,
  .node--team.view-mode-full > .group-right .field--name-team-standings-in-school-,
  .node--team.view-mode-full > .group-right .block--views-team-updates-block {
    padding: 0 !important; }
  .node--team.view-mode-full > .group-left > .field,
  .node--team.view-mode-full > .group-right > .field {
    background: #ffffff;
    margin-bottom: 40px;
    padding: 20px; }
    .node--team.view-mode-full > .group-left > .field > .label-above,
    .node--team.view-mode-full > .group-right > .field > .label-above {
      background: #D64800;
      color: #ffffff;
      font-family: "Roboto Slab", serif;
      font-size: 1.25rem;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      height: 46px;
      line-height: 1.25;
      min-width: 290px;
      margin-bottom: 20px;
      max-width: 80%;
      left: -20px;
      padding: 10px 16px 5px 16px;
      position: relative; }
      @media (max-width: 400px) {
        .node--team.view-mode-full > .group-left > .field > .label-above,
        .node--team.view-mode-full > .group-right > .field > .label-above {
          min-width: 200px; } }
      .node--team.view-mode-full > .group-left > .field > .label-above::before,
      .node--team.view-mode-full > .group-right > .field > .label-above::before {
        background-image: url("../../images/ribbon-orange-left.svg");
        background-repeat: no-repeat;
        background-position: top left;
        content: '';
        display: block;
        height: 52px;
        left: -6px;
        position: absolute;
        top: 0;
        width: 6px; }
      .node--team.view-mode-full > .group-left > .field > .label-above::after,
      .node--team.view-mode-full > .group-right > .field > .label-above::after {
        background-image: url("../../images/ribbon-orange-right.svg");
        background-repeat: no-repeat;
        background-position: top left;
        content: '';
        display: block;
        height: 46px;
        position: absolute;
        right: -22px;
        top: 0;
        width: 22px; }
  .node--team.view-mode-full > .group-left table,
  .node--team.view-mode-full > .group-right table {
    width: 100%; }
  .node--team.view-mode-full .field--name-field-team-image {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none;
    margin-bottom: 25px;
    text-align: center; }
    @media (min-width: 768px) {
      .node--team.view-mode-full .field--name-field-team-image {
        width: 31.66667%;
        float: left;
        margin-right: -100%;
        margin-left: 0.83333%;
        clear: none;
        margin-bottom: 0; } }
    .node--team.view-mode-full .field--name-field-team-image .field__items {
      background: #DFDFDF;
      border: 10px solid #ffffff;
      display: table;
      height: 100%;
      width: 100%; }
    .node--team.view-mode-full .field--name-field-team-image .field__item {
      display: table-cell;
      height: 100%;
      line-height: 1;
      vertical-align: middle;
      width: 100%; }
    .node--team.view-mode-full .field--name-field-team-image img {
      height: auto;
      width: 100%; }
  .node--team.view-mode-full .field--name-title {
    margin-bottom: 30px; }
    .node--team.view-mode-full .field--name-title h2 {
      font-size: 44px;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      line-height: 1; }
  .node--team.view-mode-full .field--name-field-registration-code {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 2rem; }
    .node--team.view-mode-full .field--name-field-registration-code .field__label {
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0.05em;
      line-height: 2.3rem;
      margin-right: 0.5rem;
      text-transform: uppercase; }
    .node--team.view-mode-full .field--name-field-registration-code .field__item {
      background: url("../images/copy-green.svg") no-repeat right center;
      cursor: pointer;
      padding-right: 25px;
      position: relative; }
      .node--team.view-mode-full .field--name-field-registration-code .field__item:hover {
        background-image: url("../images/copy-orange.svg"); }
    .node--team.view-mode-full .field--name-field-registration-code .code-tooltip {
      background: url("../images/bubble-orange.svg") no-repeat center center;
      color: #ffffff;
      display: none;
      font-size: 16px;
      height: 60px;
      padding-top: 12px;
      position: absolute;
      right: -60px;
      text-align: center;
      top: -60px;
      width: 160px; }
      .node--team.view-mode-full .field--name-field-registration-code .code-tooltip.clicked {
        background-image: url("../images/bubble-blue.svg"); }
  .node--team.view-mode-full .field--name-body {
    font-size: 1.125rem; }
  .node--team.view-mode-full .field--name-team-updates {
    background: none;
    padding: 0; }
  .node--team.view-mode-full .field--name-team-leaderboards-for-all-teams .block__title {
    display: none; }
  .node--team.view-mode-full .team-dashboard-link {
    -webkit-appearance: none;
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    user-select: none;
    background: #D64800;
    color: #ffffff;
    display: block;
    margin-bottom: 10px; }
    .node--team.view-mode-full .team-dashboard-link:hover {
      background-color: #00A09C;
      border-color: #00A09C;
      color: #ffffff; }
    .node--team.view-mode-full .team-dashboard-link:focus {
      border-color: #01605E; }
  .node--team.view-mode-full .field--name-team-members .field__label,
  .node--team.view-mode-full .field--name-team-latest-content .field__label {
    color: #ffffff;
    background: #BED328;
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    line-height: 1;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 13px 16px;
    position: relative; }
    .node--team.view-mode-full .field--name-team-members .field__label::before,
    .node--team.view-mode-full .field--name-team-latest-content .field__label::before {
      background-image: url("../images/ribbon-secondary-left.png");
      background-repeat: no-repeat;
      background-position: top left;
      content: "";
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .node--team.view-mode-full .field--name-team-members .field__label::after,
    .node--team.view-mode-full .field--name-team-latest-content .field__label::after {
      background-image: url("../images/ribbon-secondary-right.png");
      background-repeat: no-repeat;
      background-position: top left;
      content: "";
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }

.l-content .views-row .field--name-social-media-share {
  bottom: -81px !important;
  padding-top: 0; }

.deactivate-team-link {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #D64800;
  color: #ffffff;
  background: #003B4A;
  float: right; }
  .deactivate-team-link:hover {
    background-color: #00A09C;
    border-color: #00A09C;
    color: #ffffff; }
  .deactivate-team-link:focus {
    border-color: #01605E; }

.l-content .field--name-social-media-share {
  padding-top: 10px; }
  .l-content .field--name-social-media-share .social-button-wrapper {
    padding: 0 !important;
    padding: 15.5px 16px;
    background: #ffffff;
    position: relative; }
    @media (max-width: 767px) {
      .l-content .field--name-social-media-share .social-button-wrapper {
        width: 100% !important; } }
    .l-content .field--name-social-media-share .social-button-wrapper::after {
      display: none !important; }
    .l-content .field--name-social-media-share .social-button-wrapper .social-button a {
      vertical-align: top; }

.l-content input[type="email"],
.l-content input[type="text"]:not(.postal-code):not(.locality):not(#edit-field-team-school-und-0-target-id):not(#edit-name),
.l-content input[type="password"] {
  width: 40%; }

.l-content input[type="text"]#edit-field-team-school-und-0-target-id {
  width: 80%; }

@media (max-width: 767px) {
  .l-content .field--name-social-media-share-top {
    margin-bottom: 20px; }
    .l-content .field--name-social-media-share-top .field__item .social-button-wrapper::after {
      display: none !important; }
  .l-content .field--name-body img {
    padding: 20px 25px; }
  .l-content input[type="email"],
  .l-content input[type="text"],
  .l-content input[type="password"] {
    width: 80%; }
  .l-content input[type="text"]#edit-field-team-school-und-0-target-id {
    width: 100%; } }

.node--search-result.view-mode-search_result .field--name-title a {
  color: #18254B; }
  .node--search-result.view-mode-search_result .field--name-title a:hover {
    color: #F37E1E; }

.page-search .l-content .search-form {
  padding: 0; }
  .page-search .l-content .search-form .form-submit:hover {
    border-color: #F37E1E;
    background: #F37E1E; }

.node--school.view-mode-full .field--name-field-school-lat-long {
  padding: 20px;
  margin-bottom: 20px;
  background: #ffffff; }

.node--school.view-mode-full .group-left .field--name-field-school-address {
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .node--school.view-mode-full .group-right .field--name-field-school-lat-long {
    margin: 0 0 0 15px; }
  .node--school.view-mode-full .group-left .block--views-team-standings-block-2 {
    margin: 0 15px 0 0; } }

.node--school.view-mode-teaser .field--name-title h3 {
  margin: 0; }

.node--school.view-mode-teaser .field--name-title,
.node--school.view-mode-teaser .field--name-field-school-address {
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
  font-size: 1rem; }

.node--school.view-mode-teaser .country {
  display: none; }

body.node-type-team-update {
  /* Team display in the Team Update header */ }
  body.node-type-team-update .l-content > h1 {
    display: none; }
  body.node-type-team-update .field--name-og-group-ref {
    background: #F3F4F7;
    color: #DFDFDF;
    margin-right: calc(-50vw + 50%);
    margin-bottom: 60px;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative; }
    body.node-type-team-update .field--name-og-group-ref::before, body.node-type-team-update .field--name-og-group-ref::after {
      background: #F3F4F7;
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      right: 100%;
      top: 0;
      width: 100%; }
    body.node-type-team-update .field--name-og-group-ref:after {
      content: "";
      display: table;
      clear: both; }
    body.node-type-team-update .field--name-og-group-ref .field--name-field-team-image {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      margin-bottom: 25px;
      text-align: center; }
      @media (min-width: 768px) {
        body.node-type-team-update .field--name-og-group-ref .field--name-field-team-image {
          width: 31.66667%;
          float: left;
          margin-right: -100%;
          margin-left: 0.83333%;
          clear: none;
          margin-bottom: 0; } }
      body.node-type-team-update .field--name-og-group-ref .field--name-field-team-image .field__items {
        background: #DFDFDF;
        border: 10px solid #ffffff;
        display: table;
        height: 100%;
        width: 100%; }
      body.node-type-team-update .field--name-og-group-ref .field--name-field-team-image .field__item {
        display: table-cell;
        height: 100%;
        line-height: 1;
        padding: 10px;
        vertical-align: middle;
        width: 100%; }
      body.node-type-team-update .field--name-og-group-ref .field--name-field-team-image img {
        height: auto;
        max-width: 50%; }
    body.node-type-team-update .field--name-og-group-ref .group-header-inner {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      margin-bottom: 25px; }
      @media (min-width: 768px) {
        body.node-type-team-update .field--name-og-group-ref .group-header-inner {
          width: 56.66667%;
          float: right;
          margin-left: 0;
          margin-right: 0.83333%;
          clear: none;
          margin-bottom: 0; } }
    body.node-type-team-update .field--name-og-group-ref .field--name-title {
      margin-bottom: 30px; }
      body.node-type-team-update .field--name-og-group-ref .field--name-title h2 {
        font-size: 44px;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1; }
        body.node-type-team-update .field--name-og-group-ref .field--name-title h2 a {
          color: #18254B; }
          body.node-type-team-update .field--name-og-group-ref .field--name-title h2 a:hover {
            opacity: 0.7 !important; }
  body.node-type-team-update .field--name-author,
  body.node-type-team-update .field--name-post-date {
    font-size: 0.875rem;
    color: #DFDFDF;
    display: inline; }

.node-clinic-form input[type="email"],
.node-clinic-form input[type="text"],
.node-clinic-form input[type="password"] {
  width: auto; }

.page-search .l-main,
.page-search-content .l-main {
  background: #F2EDE1 !important; }
  .page-search .l-main .pager li a,
  .page-search-content .l-main .pager li a {
    color: #00A09C; }
  .page-search .l-main .pager__item.pager__item--ellipsis,
  .page-search-content .l-main .pager__item.pager__item--ellipsis {
    color: #00A09C; }

.node--adventure-page .field--name-field-lesson-text .node-type-adventure-page p:not([class]) img,
.node--adventure-page .field--name-field-lesson-text .node-type-adventure-page div:not([class]) img,
.node--adventure-page .field--name-field-lesson-text .node-type-quiz p:not([class]) img,
.node--adventure-page .field--name-field-lesson-text .node-type-quiz div:not([class]) img,
.node--adventure-page--full .field--name-field-lesson-text .node-type-adventure-page p:not([class]) img,
.node--adventure-page--full .field--name-field-lesson-text .node-type-adventure-page div:not([class]) img,
.node--adventure-page--full .field--name-field-lesson-text .node-type-quiz p:not([class]) img,
.node--adventure-page--full .field--name-field-lesson-text .node-type-quiz div:not([class]) img,
.node--quiz--full .field--name-field-lesson-text .node-type-adventure-page p:not([class]) img,
.node--quiz--full .field--name-field-lesson-text .node-type-adventure-page div:not([class]) img,
.node--quiz--full .field--name-field-lesson-text .node-type-quiz p:not([class]) img,
.node--quiz--full .field--name-field-lesson-text .node-type-quiz div:not([class]) img {
  max-width: 100% !important;
  height: auto !important; }
  .node--adventure-page .field--name-field-lesson-text .node-type-adventure-page p:not([class]) img.logo-cluster,
  .node--adventure-page .field--name-field-lesson-text .node-type-adventure-page div:not([class]) img.logo-cluster,
  .node--adventure-page .field--name-field-lesson-text .node-type-quiz p:not([class]) img.logo-cluster,
  .node--adventure-page .field--name-field-lesson-text .node-type-quiz div:not([class]) img.logo-cluster,
  .node--adventure-page--full .field--name-field-lesson-text .node-type-adventure-page p:not([class]) img.logo-cluster,
  .node--adventure-page--full .field--name-field-lesson-text .node-type-adventure-page div:not([class]) img.logo-cluster,
  .node--adventure-page--full .field--name-field-lesson-text .node-type-quiz p:not([class]) img.logo-cluster,
  .node--adventure-page--full .field--name-field-lesson-text .node-type-quiz div:not([class]) img.logo-cluster,
  .node--quiz--full .field--name-field-lesson-text .node-type-adventure-page p:not([class]) img.logo-cluster,
  .node--quiz--full .field--name-field-lesson-text .node-type-adventure-page div:not([class]) img.logo-cluster,
  .node--quiz--full .field--name-field-lesson-text .node-type-quiz p:not([class]) img.logo-cluster,
  .node--quiz--full .field--name-field-lesson-text .node-type-quiz div:not([class]) img.logo-cluster {
    max-height: 145px;
    max-width: 250px !important;
    padding: 20px 25px; }

.node--adventure-page .field--name-field-lesson-text table img,
.node--adventure-page--full .field--name-field-lesson-text table img,
.node--quiz--full .field--name-field-lesson-text table img {
  width: 100% !important;
  height: auto !important; }

.node--adventure-page .field--name-field-lesson-text table td,
.node--adventure-page--full .field--name-field-lesson-text table td,
.node--quiz--full .field--name-field-lesson-text table td {
  background: #ffffff;
  padding: 10px; }

.node--adventure-page .field--name-field-lesson-text ol,
.node--adventure-page--full .field--name-field-lesson-text ol,
.node--quiz--full .field--name-field-lesson-text ol {
  list-style: decimal;
  margin-left: 2em; }

.node--adventure-page .field--name-field-lesson-text ul,
.node--adventure-page--full .field--name-field-lesson-text ul,
.node--quiz--full .field--name-field-lesson-text ul {
  list-style: disc;
  margin-left: 2em; }

.node--adventure-page.view-mode-full .field--name-field-body h2 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px; }

.node--adventure-page.view-mode-full .field--name-field-adventure-link .field__items {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 100%; }
  @media (min-width: 600px) {
    .node--adventure-page.view-mode-full .field--name-field-adventure-link .field__items {
      max-width: 90%; } }
  @media (min-width: 767px) {
    .node--adventure-page.view-mode-full .field--name-field-adventure-link .field__items {
      max-width: 58%; } }
  @media (min-width: 1000px) {
    .node--adventure-page.view-mode-full .field--name-field-adventure-link .field__items {
      max-width: 500px; } }
  .node--adventure-page.view-mode-full .field--name-field-adventure-link .field__items div {
    flex: 1 1 80%; }
    .node--adventure-page.view-mode-full .field--name-field-adventure-link .field__items div a.next-page-link {
      -webkit-appearance: none;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      font-size: 0.875rem;
      font-weight: 900;
      justify-content: center;
      letter-spacing: 0.05em;
      line-height: 1.2;
      margin-bottom: 0;
      padding: 8px 32px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      touch-action: manipulation;
      user-select: none;
      background: #D64800;
      color: #ffffff;
      margin: 1.5em auto;
      display: block !important; }
      .node--adventure-page.view-mode-full .field--name-field-adventure-link .field__items div a.next-page-link:hover {
        background-color: #00A09C;
        border-color: #00A09C;
        color: #ffffff; }
      .node--adventure-page.view-mode-full .field--name-field-adventure-link .field__items div a.next-page-link:focus {
        border-color: #01605E; }

#team-node-form .reg-code-wrapper {
  border: 1px solid #DFDFDF;
  padding: 15px;
  margin-bottom: 30px; }
  #team-node-form .reg-code-wrapper label {
    display: none; }
  #team-node-form .reg-code-wrapper .row {
    display: flex; }
    #team-node-form .reg-code-wrapper .row .prefix,
    #team-node-form .reg-code-wrapper .row #edit-field-registration-code {
      font-size: 1rem;
      line-height: 1.2;
      width: 50%; }
    #team-node-form .reg-code-wrapper .row .prefix {
      text-align: right; }
    #team-node-form .reg-code-wrapper .row #edit-field-registration-code {
      text-align: left; }
  #team-node-form .reg-code-wrapper .small-text,
  #team-node-form .reg-code-wrapper .small-text p {
    font-size: 1rem;
    line-height: 1.2; }
  #team-node-form .reg-code-wrapper .emphasis {
    font-weight: 700; }
  #team-node-form .reg-code-wrapper .reg-code-description {
    margin-bottom: 25px; }
  #team-node-form .reg-code-wrapper .form-wrapper {
    margin-bottom: 0; }
    #team-node-form .reg-code-wrapper .form-wrapper .description {
      display: none; }
  #team-node-form .reg-code-wrapper #reg-code-confirmation {
    width: 100%;
    color: red;
    margin-top: 10px;
    font-size: 1.875rem;
    text-transform: uppercase; }
    #team-node-form .reg-code-wrapper #reg-code-confirmation.hidden {
      display: none; }
    #team-node-form .reg-code-wrapper #reg-code-confirmation .heading {
      text-align: center; }
    #team-node-form .reg-code-wrapper #reg-code-confirmation #reg-code {
      background: #DFDFDF;
      padding: 5px 10px;
      text-transform: none; }
    #team-node-form .reg-code-wrapper #reg-code-confirmation .bottom {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 10px; }

.field--name-field-lesson-text .node-type-adventure-page p:not([class]) img,
.field--name-field-lesson-text .node-type-adventure-page div:not([class]) img,
.field--name-field-lesson-text .node-type-quiz p:not([class]) img,
.field--name-field-lesson-text .node-type-quiz div:not([class]) img,
.field--name-field-body .node-type-adventure-page p:not([class]) img,
.field--name-field-body .node-type-adventure-page div:not([class]) img,
.field--name-field-body .node-type-quiz p:not([class]) img,
.field--name-field-body .node-type-quiz div:not([class]) img,
.field--name-body .node-type-adventure-page p:not([class]) img,
.field--name-body .node-type-adventure-page div:not([class]) img,
.field--name-body .node-type-quiz p:not([class]) img,
.field--name-body .node-type-quiz div:not([class]) img {
  max-width: 100% !important;
  height: auto !important; }

.field--name-field-lesson-text table img,
.field--name-field-body table img,
.field--name-body table img {
  width: 100% !important;
  height: auto !important; }

.field--name-field-lesson-text table td,
.field--name-field-body table td,
.field--name-body table td {
  background: #ffffff;
  padding: 10px; }

.field--name-field-lesson-text ol,
.field--name-field-body ol,
.field--name-body ol {
  list-style: decimal;
  margin-left: 2em; }

.field--name-field-lesson-text ul,
.field--name-field-body ul,
.field--name-body ul {
  list-style: disc;
  margin-left: 2em; }

.field--name-field-lesson-text .rteindent1,
.field--name-field-body .rteindent1,
.field--name-body .rteindent1 {
  margin-left: 2em; }

.field--name-body ol,
.field--name-body ul,
.field--name-field-lesson-text ol,
.field--name-field-lesson-text ul,
.field--name-field-body ol,
.field--name-field-body ul {
  margin-bottom: 1.5em; }

.comment-add {
  display: none; }

.node--team-update #comments {
  display: none; }

.node-type-learning-module .l-main {
  background-color: #ffffff; }

.node-type-learning-module h1.page-title {
  display: none; }

.node-type-learning-module .lm-top-link {
  display: block;
  margin: 0 auto 30px auto;
  width: max-content;
  color: #D64800;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  text-decoration: underline; }

.node-type-learning-module .lm-top-link:before {
  content: "";
  position: absolute;
  margin-left: -28px;
  width: 20px;
  height: 20px;
  background-image: url("../../images/back-arrow.svg");
  background-repeat: no-repeat; }

.node-type-learning-module .lm-title {
  margin: 0 auto 30px auto;
  max-width: 775px;
  text-align: center;
  font-family: "Roboto Slab", serif;
  font-size: 3.125rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.32; }

.node-type-learning-module .lm-tax-terms {
  margin: 0 auto 30px auto;
  width: max-content; }
  .node-type-learning-module .lm-tax-terms a {
    color: #333333;
    text-decoration: underline; }
    .node-type-learning-module .lm-tax-terms a:hover {
      color: #F25500; }

.node-type-learning-module .lm-body {
  margin: 0 auto 50px auto;
  font-size: 1.375rem;
  letter-spacing: 0;
  text-align: center;
  max-width: 782px; }

.node-type-learning-module .lm-lessons {
  background-color: #F2EDE1;
  margin: 0 -25px 0 -25px;
  padding: 50px 0 50px 0; }
  .node-type-learning-module .lm-lessons .lm-lessons-title {
    margin: 0 auto 50px auto;
    width: max-content;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: 1.65px;
    line-height: 1.09;
    text-align: center; }
  .node-type-learning-module .lm-lessons .lm-lessons-title:before {
    display: block;
    position: relative;
    margin: 30px auto 0 auto;
    width: 60%;
    content: "";
    height: 6px;
    background-color: #D64800;
    top: -20px; }

.node-type-learning-module .lm-lesson-box {
  width: 300px;
  margin: 0 auto 30px auto;
  padding: 30px 20px;
  background-color: #ffffff;
  border-top: 6px solid #D64800;
  overflow: auto;
  position: relative;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
  .node-type-learning-module .lm-lesson-box .lm-lb-img {
    text-align: center; }
    .node-type-learning-module .lm-lesson-box .lm-lb-img img {
      width: 257px;
      height: 172px;
      object-fit: cover; }
  .node-type-learning-module .lm-lesson-box .lm-lb-vaccines-available {
    background: rgba(242, 85, 0, 0.12) url("../images/globe.svg") no-repeat right 10px center;
    color: #F25500;
    font-size: 14px;
    font-weight: 700;
    padding: 0.5rem 2rem 0.5rem 1rem;
    position: absolute;
    right: 0;
    top: 0; }
  .node-type-learning-module .lm-lesson-box .lm-lb-text {
    display: inline-block;
    margin-top: 15px;
    text-align: left; }
    .node-type-learning-module .lm-lesson-box .lm-lb-text a:hover {
      color: #F25500; }
    .node-type-learning-module .lm-lesson-box .lm-lb-text .lm-lb-a-styles {
      display: inline-block;
      margin-bottom: 23px;
      color: #18254B;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.2px;
      line-height: 1.36;
      text-decoration: underline;
      cursor: pointer; }
  .node-type-learning-module .lm-lesson-box .lm-lb-t-title {
    text-align: center;
    margin-bottom: 20px;
    font-family: "Roboto Slab", serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25; }
    .node-type-learning-module .lm-lesson-box .lm-lb-t-title a {
      color: #18254B;
      text-decoration: underline; }
  .node-type-learning-module .lm-lesson-box .lm-lb-t-description {
    margin-bottom: 30px;
    letter-spacing: 0; }
  .node-type-learning-module .lm-lesson-box .lm-lb-t-time {
    display: inline-block;
    margin: 0 50px 20px 35px; }
    @media (min-width: 768px) {
      .node-type-learning-module .lm-lesson-box .lm-lb-t-time {
        float: left; } }
    .node-type-learning-module .lm-lesson-box .lm-lb-t-time .minutes {
      font-weight: 700; }
  .node-type-learning-module .lm-lesson-box .lm-lb-t-time:before {
    content: "";
    position: absolute;
    margin-left: -35px;
    width: 25px;
    height: 25px;
    background-image: url("../../images/Clock.svg");
    background-repeat: no-repeat; }
  .node-type-learning-module .lm-lesson-box .lm-lb-t-score {
    margin: 0 50px 20px 35px; }
    .node-type-learning-module .lm-lesson-box .lm-lb-t-score.no-time {
      margin-left: 35px; }
  .node-type-learning-module .lm-lesson-box .lm-lb-t-score:before {
    content: "";
    position: absolute;
    margin-left: -34px;
    width: 25px;
    height: 25px;
    background-image: url("../../images/Scores.svg");
    background-repeat: no-repeat; }
  .node-type-learning-module .lm-lesson-box .lesson-plan-opener {
    margin-left: 30px; }
  .node-type-learning-module .lm-lesson-box .lesson-plan-opener:before {
    content: "";
    position: absolute;
    margin-left: -30px;
    width: 15px;
    height: 15px;
    background-image: url("../../images/accordion-closed.svg");
    background-repeat: no-repeat;
    transform: rotate(0deg); }
  .node-type-learning-module .lm-lesson-box .lesson-plan-opener.open:before {
    transform: rotate(90deg);
    margin-top: 5px; }
  .node-type-learning-module .lm-lesson-box .lesson-plan-container {
    display: none; }
  .node-type-learning-module .lm-lesson-box .lesson-plan-container.show {
    display: block !important; }
  @media (min-width: 768px) {
    .node-type-learning-module .lm-lesson-box {
      width: 100%;
      max-width: 776px; }
      .node-type-learning-module .lm-lesson-box .lm-lb-img {
        float: left;
        margin-right: 25px; }
      .node-type-learning-module .lm-lesson-box .lm-lb-text {
        width: 453px; }
      .node-type-learning-module .lm-lesson-box .lm-lb-t-title {
        text-align: left; } }

@media only screen and (max-width: 767px) {
  .logged-in .node-type-learning-module .lm-lessons,
  .logged-in .node--learning-module .lm-lessons {
    margin: 0; } }

.logged-in .node-type-learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson,
.logged-in .node--learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson {
  border-top: 6px solid #18254B; }
  .logged-in .node-type-learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson .lm-lb-img,
  .logged-in .node--learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson .lm-lb-img {
    position: relative; }
    .logged-in .node-type-learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson .lm-lb-img .locked-lesson-lock-icon,
    .logged-in .node--learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson .lm-lb-img .locked-lesson-lock-icon {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 45px;
      height: 55px;
      background-image: url("../../images/Lock.svg");
      background-repeat: no-repeat;
      filter: brightness(0) invert(1);
      z-index: 11; }
      .logged-in .node-type-learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson .lm-lb-img .locked-lesson-lock-icon .lock-icon-description,
      .logged-in .node--learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson .lm-lb-img .locked-lesson-lock-icon .lock-icon-description {
        display: none; }
  .logged-in .node-type-learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson .lm-lb-img-filter,
  .logged-in .node--learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson .lm-lb-img-filter {
    width: 100%;
    height: 96%;
    position: absolute;
    top: 0;
    left: 0;
    background: #18254B;
    opacity: 0.6; }
  .logged-in .node-type-learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson img,
  .logged-in .node--learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lesson-box.locked-lesson img {
    z-index: 10; }

.logged-in .node-type-learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lb-text .lm-lb-t-title:hover, .logged-in .node-type-learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lb-text .lm-lb-t-title:active,
.logged-in .node--learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lb-text .lm-lb-t-title:hover,
.logged-in .node--learning-module .lm-lessons .lm-lesson-box-wrapper .lm-lb-text .lm-lb-t-title:active {
  cursor: not-allowed; }

.not-logged-in .lm-lesson-box {
  border-top: 6px solid #E4405F; }
  .not-logged-in .lm-lesson-box [class^='lm-lb-']:not([class^='lm-lb-anonymous']),
  .not-logged-in .lm-lesson-box [class*='lm-lb-']:not([class^='lm-lb-anonymous']) {
    display: none; }
  .not-logged-in .lm-lesson-box .lm-lb-anonymous-user-notice-wrapper {
    text-align: center;
    margin-top: 2em; }
    .not-logged-in .lm-lesson-box .lm-lb-anonymous-user-notice-wrapper .lm-lb-anonymous-user-notice {
      font-style: italic; }
      .not-logged-in .lm-lesson-box .lm-lb-anonymous-user-notice-wrapper .lm-lb-anonymous-user-notice::before {
        content: "";
        display: block;
        width: 24px;
        height: 25px;
        background-color: #E4405F;
        -webkit-mask-image: url("../../images/warning.svg");
        mask-image: url("../../images/warning.svg");
        margin: 0 auto 2 auto; }

.locked-lesson-notice {
  font-style: italic; }

.maintenance-page .l-main {
  width: 100%;
  display: flex;
  justify-content: center; }

.maintenance-page .l-content {
  width: 500px;
  padding: 0 20px;
  text-align: center; }

.maintenance-page .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  padding-bottom: 25px; }

.maintenance-page .l-branding {
  display: none; }

.badges-outter-container {
  margin-bottom: 50px; }
  .badges-outter-container .inner-container {
    background: #ffffff; }
    .badges-outter-container .inner-container .badge-item {
      position: relative;
      border-bottom: 1px solid #DFDFDF;
      margin: 20px;
      padding: 20px;
      clear: both; }
      .badges-outter-container .inner-container .badge-item .left, .badges-outter-container .inner-container .badge-item .right {
        display: inline-block;
        vertical-align: top; }
      .badges-outter-container .inner-container .badge-item .left {
        width: auto;
        min-width: 8%; }
        .badges-outter-container .inner-container .badge-item .left img {
          width: 60%;
          max-width: 80px; }
      .badges-outter-container .inner-container .badge-item .right {
        width: 64%;
        margin-left: 20px; }
    .badges-outter-container .inner-container .badge-item:last-child {
      border-bottom: 0; }
    .badges-outter-container .inner-container .info, .badges-outter-container .inner-container .completed {
      font-size: 1.125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-transform: capitalize; }
      .badges-outter-container .inner-container .info .name, .badges-outter-container .inner-container .completed .name {
        font-size: 1.125rem;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #F3F4F7; }
    .badges-outter-container .inner-container .meter {
      height: 5px;
      position: relative;
      background: #808080;
      text-align: center;
      color: #ffffff; }
    .badges-outter-container .inner-container .meter > span {
      display: block;
      height: 100%;
      position: absolute;
      overflow: hidden; }
    .badges-outter-container .inner-container .meter.half-less > span {
      background-color: #E4405F; }
    .badges-outter-container .inner-container .meter.half-more > span {
      background-color: #FEC10E; }
    .badges-outter-container .inner-container .meter.complete > span {
      background-color: #3C763D; }
    .badges-outter-container .inner-container .vaccines-remaining {
      text-align: center;
      font-size: smaller; }
    .badges-outter-container .inner-container .level-select-item {
      margin-bottom: 10px; }
    .badges-outter-container .inner-container .next-level-link {
      clear: left;
      float: right; }
    .badges-outter-container .inner-container #cboxLoadedContent .social-button {
      float: left; }
    .badges-outter-container .inner-container .vaccines-earned-text {
      text-align: center; }
    .badges-outter-container .inner-container .meter {
      height: 16px;
      background: repeating-linear-gradient(-45deg, #02807D, #02807D 1px, #ffffff 1px, #ffffff 5px); }
      .badges-outter-container .inner-container .meter span {
        background: #BED328; }
    .badges-outter-container .inner-container .vaccines-earned-text {
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.875rem;
      text-align: left;
      padding-top: 4px; }
      .badges-outter-container .inner-container .vaccines-earned-text::before {
        content: '';
        width: 25px;
        height: 34px;
        background: url("../images/icon_baby_white_sm.png") no-repeat scroll top left;
        display: inline-block;
        vertical-align: top; }
      .badges-outter-container .inner-container .vaccines-earned-text .points-earned {
        font-size: 1rem;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .badges-outter-container .inner-container .level-select-item {
      margin-bottom: 20px; }
    .badges-outter-container .inner-container .go-dashboard {
      text-align: right;
      position: relative;
      font-size: 1.125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .badges-outter-container .inner-container .go-dashboard a {
        color: #18254B;
        padding-right: 19px; }
      .badges-outter-container .inner-container .go-dashboard::after {
        content: "";
        font-family: "fontello";
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1;
        margin-right: .2em;
        text-align: center;
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        font-size: 1.5rem;
        color: #BED328;
        cursor: pointer;
        text-decoration: none;
        position: absolute;
        right: -6px;
        top: 3px; }
    .badges-outter-container .inner-container .go-dashboard.hover a {
      color: #ffffff; }
    .badges-outter-container .inner-container .go-dashboard.hover::after {
      content: "";
      font-family: "fontello";
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1;
      margin-right: .2em;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      font-size: 1.5rem;
      color: #ffffff;
      cursor: pointer;
      text-decoration: none;
      position: absolute;
      right: -6px;
      top: 3px; }

.full-width-image {
  text-align: center;
  margin-bottom: -45px;
  position: relative;
  top: -75px; }
  .full-width-image img {
    max-width: 975px;
    width: 100%;
    height: auto;
    margin: 0 auto; }
  .full-width-image .node.node--adventure-page img:not([class]),
  .full-width-image .node.node--quiz img:not([class]) {
    max-width: 975px;
    padding: 0;
    margin: 0; }
  @media only screen and (min-width: 992px) {
    .full-width-image {
      margin-left: -15%; }
      .full-width-image img {
        width: 100vw; } }

.new-ux-h2 {
  font-family: "Roboto Slab", serif;
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.19;
  margin-bottom: 20px; }

.new-ux-h3 {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.33;
  margin-bottom: 10px; }

.new-ux-h4 {
  font-size: 1.5rem;
  line-height: 1.33; }

.new-ux-image-left {
  padding: 10px;
  width: 100%;
  display: inline-block;
  text-align: center; }
  .new-ux-image-left img {
    float: none; }
    @media screen and (max-width: 767px) {
      .new-ux-image-left img {
        height: auto;
        max-width: 100%; } }
  @media (min-width: 992px) {
    .new-ux-image-left {
      padding: 5px 40px;
      margin-left: -100px;
      width: max-content;
      float: left;
      clear: left; } }

.new-ux-image-right {
  padding: 10px;
  width: 100%;
  display: inline-block;
  text-align: center; }
  .new-ux-image-right img {
    float: none; }
    @media screen and (max-width: 767px) {
      .new-ux-image-right img {
        height: auto;
        max-width: 100%; } }
  @media (min-width: 992px) {
    .new-ux-image-right {
      padding: 5px 40px;
      margin-right: -100px;
      width: max-content;
      float: right;
      clear: right; } }

.new-ux-callout,
p.new-ux-callout,
div.new-ux-callout {
  margin: 100px auto 75px auto;
  max-width: 614px;
  padding: 0 30px;
  font-family: "Roboto Slab", serif;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center; }

.new-ux-callout:before,
p.new-ux-callout:before,
div.new-ux-callout:before {
  content: "";
  position: absolute;
  left: calc(50% - 65px);
  display: block;
  width: 130px;
  border-top: 5px solid #FEC10E;
  margin-top: -30px; }

.new-ux-orange-button {
  display: inline-block;
  width: fit-content;
  text-align: center;
  background-color: #F25500;
  border-radius: 10px;
  text-transform: uppercase; }
  .new-ux-orange-button a {
    padding: 50px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.77px;
    line-height: 58px;
    text-align: center; }
  .new-ux-orange-button a:visited {
    color: #ffffff; }

.new-ux-orange-button:hover {
  background-color: #00A09C; }

.field--name-field-lesson-text .image-center img,
.field--name-body .image-center img {
  background: #ffffff;
  box-shadow: 2px 2px 12px -4px black;
  float: none;
  margin: 0 15px 20px;
  padding: 10px;
  position: relative;
  z-index: 1; }

.image-center img, .rtecenter img, .rteright img, .rteleft img, .rtejustify img {
  max-width: 100%;
  height: auto; }

.image-center {
  text-align: center; }

.rtecenter {
  text-align: center; }
  .rtecenter img {
    display: inline-block;
    margin-top: 1.5em;
    margin-bottom: 1.5em; }

p.rtecenter img:last-child {
  margin-bottom: 0; }

.rteright {
  text-align: right; }
  .rteright img {
    display: inline-block;
    margin-bottom: 40px; }

.rteleft {
  text-align: left; }
  .rteleft img {
    display: inline-block;
    margin-bottom: 40px; }

.rtejustify {
  text-align: justify; }

.field--name-field-body img.image-left,
.field--name-field-lesson-text img.image-left,
.field--name-body img.image-left {
  float: left;
  background: #ffffff;
  box-shadow: 2px 2px 12px -4px black;
  padding: 10px;
  margin: 0 15px;
  margin-left: 0;
  margin-bottom: 20px;
  z-index: 1;
  position: relative; }

.field--name-field-body img.image-right,
.field--name-field-lesson-text img.image-right,
.field--name-body img.image-right {
  float: right;
  margin-left: 15px;
  background: #ffffff;
  box-shadow: 2px 2px 12px -4px black;
  padding: 10px;
  margin: 0 15px;
  margin-bottom: 20px;
  z-index: 1;
  position: relative;
  margin-right: 0; }

.field--name-field-body figure,
.field--name-field-lesson-text figure,
.field--name-body figure {
  text-align: center; }
  .field--name-field-body figure.image-left,
  .field--name-field-lesson-text figure.image-left,
  .field--name-body figure.image-left {
    float: left;
    margin-left: 0; }
  .field--name-field-body figure.image-right,
  .field--name-field-lesson-text figure.image-right,
  .field--name-body figure.image-right {
    float: right;
    margin-right: 0; }

.field--name-field-body figcaption,
.field--name-field-lesson-text figcaption,
.field--name-body figcaption {
  text-align: center;
  line-height: 1; }

.field--name-field-body .ckeditor-accordion-container,
.field--name-field-lesson-text .ckeditor-accordion-container,
.field--name-body .ckeditor-accordion-container {
  margin-bottom: 20px; }
  .field--name-field-body .ckeditor-accordion-container dl,
  .field--name-field-lesson-text .ckeditor-accordion-container dl,
  .field--name-body .ckeditor-accordion-container dl {
    border: 0; }
    .field--name-field-body .ckeditor-accordion-container dl .ckeditor-accordion-toggle,
    .field--name-field-lesson-text .ckeditor-accordion-container dl .ckeditor-accordion-toggle,
    .field--name-body .ckeditor-accordion-container dl .ckeditor-accordion-toggle {
      left: 0; }
      .field--name-field-body .ckeditor-accordion-container dl .ckeditor-accordion-toggle::after, .field--name-field-body .ckeditor-accordion-container dl .ckeditor-accordion-toggle::before,
      .field--name-field-lesson-text .ckeditor-accordion-container dl .ckeditor-accordion-toggle::after,
      .field--name-field-lesson-text .ckeditor-accordion-container dl .ckeditor-accordion-toggle::before,
      .field--name-body .ckeditor-accordion-container dl .ckeditor-accordion-toggle::after,
      .field--name-body .ckeditor-accordion-container dl .ckeditor-accordion-toggle::before {
        background: #01605E; }
    .field--name-field-body .ckeditor-accordion-container dl dt a,
    .field--name-field-lesson-text .ckeditor-accordion-container dl dt a,
    .field--name-body .ckeditor-accordion-container dl dt a {
      border: 0;
      color: #01605E;
      background: none;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding-left: 35px; }

.field--name-field-body .div-center,
.field--name-field-lesson-text .div-center,
.field--name-body .div-center {
  text-align: center; }
  .field--name-field-body .div-center .media_embed,
  .field--name-field-lesson-text .div-center .media_embed,
  .field--name-body .div-center .media_embed {
    display: flex;
    justify-content: center; }

.field--name-field-body .div-right,
.field--name-field-lesson-text .div-right,
.field--name-body .div-right {
  text-align: right;
  margin-right: 20px; }
  .field--name-field-body .div-right .media_embed,
  .field--name-field-lesson-text .div-right .media_embed,
  .field--name-body .div-right .media_embed {
    display: flex;
    flex-direction: row-reverse; }

.field--name-field-body .div-left,
.field--name-field-lesson-text .div-left,
.field--name-body .div-left {
  text-align: left;
  margin-left: 20px; }
  .field--name-field-body .div-left .media_embed,
  .field--name-field-lesson-text .div-left .media_embed,
  .field--name-body .div-left .media_embed {
    display: flex; }

.field--name-field-body .vocab-highlight,
.field--name-field-lesson-text .vocab-highlight,
.field--name-body .vocab-highlight {
  background-color: #F2EDE1; }

iframe {
  margin: 20px 20px 20px 0px;
  width: 100%; }
  @media (max-width: 767px) {
    iframe {
      margin: 0;
      top: 0;
      left: 0;
      width: 100%; } }

.h5p-iframe {
  margin: 0; }

@media (max-width: 767px) {
  .media_embed {
    width: 100% !important;
    position: relative;
    min-height: 315px; }
    .media_embed::after {
      clear: both;
      content: "";
      display: block; } }

iframe.iframe-left {
  margin-left: 0; }

iframe.iframe-right {
  margin-right: 0; }

a[id^="switch_edit-comment-body"] {
  display: none !important; }

.section-about .l-region.l-region--sidebar-first {
  background: #ffffff;
  padding: 25px; }

@media (max-width: 767px) {
  .section-about .l-main {
    padding: 35px 20px 65px 20px; } }

.section-quiz .l-main,
.page-quiz .l-main,
.page-sample-lessons .l-main,
.section-sample-lessons .l-main,
.front .l-main {
  background: #F2EDE1; }
  .section-quiz .l-main .block--ibi-schools-base .blue-text a:hover,
  .page-quiz .l-main .block--ibi-schools-base .blue-text a:hover,
  .page-sample-lessons .l-main .block--ibi-schools-base .blue-text a:hover,
  .section-sample-lessons .l-main .block--ibi-schools-base .blue-text a:hover,
  .front .l-main .block--ibi-schools-base .blue-text a:hover {
    color: #ffffff !important; }

body.page-front-page.logged-in .l-suffix-content-first .l-region.l-region--suffix-content-first .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .l-suffix-content-first .l-region.l-region--suffix-content-first .block {
      margin-bottom: 0; } }

@media (min-width: 768px) {
  body.page-front-page.logged-in .l-suffix-content-after-first {
    padding-top: 0 !important; } }

body.page-front-page.logged-in .l-suffix-content-after-first #block-views-user-points-activity-feed,
body.page-front-page.logged-in .l-suffix-content-after-first #block-views-user-points-activity-feed-anon {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .l-suffix-content-after-first #block-views-user-points-activity-feed,
    body.page-front-page.logged-in .l-suffix-content-after-first #block-views-user-points-activity-feed-anon {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .l-suffix-content-after-first #block-views-leaderboards-top-teams-block-1 {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .l-suffix-content-after-first #block-views-leaderboards-top-teams-block-1 {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .l-region.l-region--suffix-content-second .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }

body.page-front-page.logged-in .l-main .form-submit {
  background-color: #18254B;
  border: none;
  color: #ffffff;
  font-weight: 700;
  padding: 10px 30px;
  line-height: 1.2em; }
  body.page-front-page.logged-in .l-main .form-submit:hover {
    background: #02807D;
    border: none;
    color: white; }

body.page-front-page.logged-in .l-main .feedbackCollect-form-container input[type="submit"],
body.page-front-page.logged-in .l-main .feedbackCollect-form-container input[type="button"] {
  -webkit-appearance: none;
  align-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  background: #D64800;
  color: #ffffff;
  font-size: 1.125rem;
  margin: 5px 0;
  display: block; }
  body.page-front-page.logged-in .l-main .feedbackCollect-form-container input[type="submit"]:hover,
  body.page-front-page.logged-in .l-main .feedbackCollect-form-container input[type="button"]:hover {
    background-color: #00A09C;
    border-color: #00A09C;
    color: #ffffff; }
  body.page-front-page.logged-in .l-main .feedbackCollect-form-container input[type="submit"]:focus,
  body.page-front-page.logged-in .l-main .feedbackCollect-form-container input[type="button"]:focus {
    border-color: #01605E; }

body.page-front-page.logged-in .l-main .feedbackCollect-form-container .form-actions {
  display: flex;
  gap: 5px; }

body.page-front-page.logged-in .no-post-content .l-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    body.page-front-page.logged-in .no-post-content .l-content {
      width: 65%;
      float: left;
      margin-right: -100%;
      margin-left: 17.5%;
      clear: none;
      clear: both; } }
  @media (min-width: 992px) {
    body.page-front-page.logged-in .no-post-content .l-content {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .no-post-content .l-pre-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  body.page-front-page.logged-in .no-post-content .l-pre-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .no-post-content .l-pre-content {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }
  @media (min-width: 992px) {
    body.page-front-page.logged-in .no-post-content .l-pre-content {
      width: 40%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .no-post-content .l-post-content {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  body.page-front-page.logged-in .no-post-content .l-post-content:after {
    content: "";
    display: table;
    clear: both; }

body.page-front-page.logged-in .has-post-content .l-content {
  padding: 20px;
  text-align: center;
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  body.page-front-page.logged-in .has-post-content .l-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) and (max-width: 991px) {
    body.page-front-page.logged-in .has-post-content .l-content {
      width: 65%;
      float: left;
      margin-right: -100%;
      margin-left: 17.5%;
      clear: none; } }
  @media (min-width: 992px) {
    body.page-front-page.logged-in .has-post-content .l-content {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .has-post-content .l-pre-content {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  body.page-front-page.logged-in .has-post-content .l-pre-content:after {
    content: "";
    display: table;
    clear: both; }

body.page-front-page.logged-in .has-post-content .l-post-content {
  text-align: center;
  padding: 20px;
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  body.page-front-page.logged-in .has-post-content .l-post-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .has-post-content .l-post-content {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      clear: both; }
      body.page-front-page.logged-in .has-post-content .l-post-content .block {
        margin-top: 20px;
        width: 81.66667%;
        float: left;
        margin-right: -100%;
        margin-left: 9.16667%;
        clear: none; } }
  @media (min-width: 992px) {
    body.page-front-page.logged-in .has-post-content .l-post-content {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      clear: none; }
      body.page-front-page.logged-in .has-post-content .l-post-content .block {
        margin-top: 0;
        width: 98.33333%;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%;
        clear: none; } }

#block-ibi-schools-quiz-quiz-in-class-front img,
#block-ibi-schools-quiz-quiz-at-home-front img {
  max-width: 100%; }

.not-logged-in.page-front-page .l-suffix-content-first {
  padding-bottom: 15px; }
  .not-logged-in.page-front-page .l-suffix-content-first .block {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none;
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    .not-logged-in.page-front-page .l-suffix-content-first #block-views-leaderboards-top-schools-b-5, .not-logged-in.page-front-page .l-suffix-content-first #block-views-d189ed8c1127db972a925f3329b8c4ba {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none;
      margin-bottom: 0; } }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon:after,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      margin-bottom: 0; } }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .middle-sec img,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .middle-sec img {
    max-width: 100%; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head {
    margin-top: 25px;
    padding: 10px; }
    @media (min-width: 768px) {
      .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head,
      .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head {
        margin-top: 0; } }
    @media (min-width: 992px) {
      .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head .points-counter,
      .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head .points-counter {
        padding-right: 0; } }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head .right-side-head-img,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head .right-side-head-img {
      float: left;
      padding-right: 10px; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head .points-counter,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head .points-counter {
      font-size: 0.875rem;
      line-height: 1;
      padding-top: 6px;
      padding-left: 10px; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .line,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .line {
    clear: both;
    margin: 14px 0 20px 0;
    border-top: 1px solid #DFDFDF; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-body p,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-body p {
    font-size: 0.9375rem; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn {
    cursor: pointer;
    background: #D64800;
    position: absolute;
    padding: 5px 15px;
    box-shadow: -5px 1px 17px -4px rgba(0, 0, 0, 0.8); }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn a,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn a {
      text-decoration: none; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn::after,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn::after {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent;
      border-left: 25px solid #D64800;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: -25px; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn.hover,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn.hover {
    background: #02807D; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn.hover::after,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn.hover::after {
      border-left: 25px solid #02807D; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn.hover h2,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn.hover h2 {
      color: #ffffff; }

@media (min-width: 768px) {
  .not-logged-in.page-front-page .l-suffix-content-after-first {
    padding-top: 60px !important; } }

.not-logged-in.page-front-page .l-suffix-content-after-first #block-views-user-points-activity-feed,
.not-logged-in.page-front-page .l-suffix-content-after-first #block-views-user-points-activity-feed-anon {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    .not-logged-in.page-front-page .l-suffix-content-after-first #block-views-user-points-activity-feed,
    .not-logged-in.page-front-page .l-suffix-content-after-first #block-views-user-points-activity-feed-anon {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

.not-logged-in.page-front-page .l-suffix-content-after-first #block-views-school-sponsors-map-list {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    .not-logged-in.page-front-page .l-suffix-content-after-first #block-views-school-sponsors-map-list {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .l-suffix-content-first .l-region.l-region--suffix-content-first .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .l-suffix-content-first .l-region.l-region--suffix-content-first .block {
      margin-bottom: 0; } }

@media (min-width: 768px) {
  body.page-front-page.logged-in .l-suffix-content-after-first {
    padding-top: 0 !important; } }

body.page-front-page.logged-in .l-suffix-content-after-first #block-views-user-points-activity-feed,
body.page-front-page.logged-in .l-suffix-content-after-first #block-views-user-points-activity-feed-anon {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .l-suffix-content-after-first #block-views-user-points-activity-feed,
    body.page-front-page.logged-in .l-suffix-content-after-first #block-views-user-points-activity-feed-anon {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .l-suffix-content-after-first #block-views-leaderboards-top-teams-block-1 {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .l-suffix-content-after-first #block-views-leaderboards-top-teams-block-1 {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .l-region.l-region--suffix-content-second .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }

body.page-front-page.logged-in .no-post-content .l-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    body.page-front-page.logged-in .no-post-content .l-content {
      width: 65%;
      float: left;
      margin-right: -100%;
      margin-left: 17.5%;
      clear: none;
      clear: both; } }
  @media (min-width: 992px) {
    body.page-front-page.logged-in .no-post-content .l-content {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .no-post-content .l-pre-content {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  body.page-front-page.logged-in .no-post-content .l-pre-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .no-post-content .l-pre-content {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }
  @media (min-width: 992px) {
    body.page-front-page.logged-in .no-post-content .l-pre-content {
      width: 40%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .no-post-content .l-post-content {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  body.page-front-page.logged-in .no-post-content .l-post-content:after {
    content: "";
    display: table;
    clear: both; }

body.page-front-page.logged-in .has-post-content .l-content {
  padding: 20px;
  text-align: center;
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  body.page-front-page.logged-in .has-post-content .l-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) and (max-width: 991px) {
    body.page-front-page.logged-in .has-post-content .l-content {
      width: 65%;
      float: left;
      margin-right: -100%;
      margin-left: 17.5%;
      clear: none; } }
  @media (min-width: 992px) {
    body.page-front-page.logged-in .has-post-content .l-content {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

body.page-front-page.logged-in .has-post-content .l-pre-content {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  body.page-front-page.logged-in .has-post-content .l-pre-content:after {
    content: "";
    display: table;
    clear: both; }

body.page-front-page.logged-in .has-post-content .l-post-content {
  text-align: center;
  padding: 20px;
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  body.page-front-page.logged-in .has-post-content .l-post-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    body.page-front-page.logged-in .has-post-content .l-post-content {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      clear: both; }
      body.page-front-page.logged-in .has-post-content .l-post-content .block {
        margin-top: 20px;
        width: 81.66667%;
        float: left;
        margin-right: -100%;
        margin-left: 9.16667%;
        clear: none; } }
  @media (min-width: 992px) {
    body.page-front-page.logged-in .has-post-content .l-post-content {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      clear: none; }
      body.page-front-page.logged-in .has-post-content .l-post-content .block {
        margin-top: 0;
        width: 98.33333%;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%;
        clear: none; } }

#block-ibi-schools-quiz-quiz-in-class-front img,
#block-ibi-schools-quiz-quiz-at-home-front img {
  max-width: 100%; }

#block-ibi-schools-quiz-quiz-in-class-front .block__content div,
#block-ibi-schools-quiz-quiz-at-home-front .block__content div {
  height: 54px; }

#block-ibi-schools-quiz-quiz-in-class-front #in-class-button,
#block-ibi-schools-quiz-quiz-in-class-front #at-home-button,
#block-ibi-schools-quiz-quiz-at-home-front #in-class-button,
#block-ibi-schools-quiz-quiz-at-home-front #at-home-button {
  margin-top: 80px !important; }

.not-logged-in.page-front-page .l-suffix-content-first {
  padding-bottom: 15px; }
  .not-logged-in.page-front-page .l-suffix-content-first .block {
    width: 98.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0.83333%;
    clear: none;
    margin-bottom: 30px; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon:after,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      margin-bottom: 0; } }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .middle-sec,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .middle-sec {
    max-width: 280px;
    margin: 0 auto;
    background: none;
    z-index: 0;
    z-index: 0;
    position: relative; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .middle-sec img,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .middle-sec img {
      max-width: 100%;
      background: #ffffff;
      padding-bottom: 11px;
      z-index: 3; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .middle-sec::before,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .middle-sec::before {
      content: "";
      display: block;
      position: absolute;
      right: 23%;
      z-index: -1;
      height: 87%;
      bottom: 8px;
      width: 97%;
      left: 5px;
      border-radius: 45%;
      box-shadow: 2px 1px 20px 0 rgba(0, 0, 0, 0.8); }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head {
    margin-top: 25px;
    padding: 10px; }
    @media (min-width: 768px) {
      .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head,
      .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head {
        margin-top: 0; } }
    @media (min-width: 992px) {
      .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head .points-counter,
      .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head .points-counter {
        padding-right: 0; } }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head .right-side-head-img,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head .right-side-head-img {
      float: left;
      padding-right: 10px; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-head .points-counter,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-head .points-counter {
      font-size: 1rem;
      line-height: 1.625;
      padding-top: 6px;
      padding-left: 10px; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .line,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .line {
    clear: both;
    margin: 14px 0 20px 0;
    border-top: 1px solid #DFDFDF; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-body p,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-body p {
    font-size: 0.9375rem; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn {
    cursor: pointer;
    background: #D64800;
    position: absolute;
    padding: 5px 15px;
    box-shadow: -5px 1px 17px -4px rgba(0, 0, 0, 0.8); }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn a,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn a {
      text-decoration: none; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn::after,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn::after {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent;
      border-left: 25px solid #D64800;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: -25px; }
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn.hover,
  .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn.hover {
    background: #02807D; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn.hover::after,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn.hover::after {
      border-left: 25px solid #02807D; }
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vaccine-count-anon .right-side .right-side-btn.hover h2,
    .not-logged-in.page-front-page .l-suffix-content-first #block-ibi-base-vv-iframe .right-side .right-side-btn.hover h2 {
      color: #ffffff; }

@media (min-width: 768px) {
  .not-logged-in.page-front-page .l-suffix-content-after-first {
    padding-top: 60px !important; } }

.not-logged-in.page-front-page .l-suffix-content-after-first #block-views-user-points-activity-feed,
.not-logged-in.page-front-page .l-suffix-content-after-first #block-views-user-points-activity-feed-anon {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    .not-logged-in.page-front-page .l-suffix-content-after-first #block-views-user-points-activity-feed,
    .not-logged-in.page-front-page .l-suffix-content-after-first #block-views-user-points-activity-feed-anon {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none; } }

.not-logged-in.page-front-page .l-suffix-content-after-first #block-views-school-sponsors-map-list {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  @media (min-width: 768px) {
    .not-logged-in.page-front-page .l-suffix-content-after-first #block-views-school-sponsors-map-list {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none; } }

.block--ibi-user-ibi-user-top-menu-links .left-side .row a {
  color: #F37E1E; }

.block--ibi-base-vaccine-count-anon .right-side .right-side-btn,
[class|="block--views-vaccines-earned-block"] .right-side .right-side-btn {
  background: #F37E1E; }
  .block--ibi-base-vaccine-count-anon .right-side .right-side-btn h2 a,
  [class|="block--views-vaccines-earned-block"] .right-side .right-side-btn h2 a {
    color: #ffffff; }
  .block--ibi-base-vaccine-count-anon .right-side .right-side-btn:after,
  [class|="block--views-vaccines-earned-block"] .right-side .right-side-btn:after {
    border-left: 25px solid #F37E1E; }
  .block--ibi-base-vaccine-count-anon .right-side .right-side-btn.hover,
  [class|="block--views-vaccines-earned-block"] .right-side .right-side-btn.hover {
    background: #e7b230; }
    .block--ibi-base-vaccine-count-anon .right-side .right-side-btn.hover:after,
    [class|="block--views-vaccines-earned-block"] .right-side .right-side-btn.hover:after {
      border-left: 25px solid #e7b230; }
    .block--ibi-base-vaccine-count-anon .right-side .right-side-btn.hover .blue-text a,
    [class|="block--views-vaccines-earned-block"] .right-side .right-side-btn.hover .blue-text a {
      color: #ffffff; }

body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics) .ibi-schools .l-content .content-wrapper-outter {
  background: #ffffff;
  padding: 10px;
  position: relative; }
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics) .ibi-schools .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level .block__content {
    background: #F37E1E; }
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics) .ibi-schools .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level::before {
    background: url("../../images/ribbon-orange-left.svg") no-repeat scroll top left !important; }
  body.page-node-take:not(.page-node-edit):not(.page-node-questions):not(.page-node-results):not(.page-node-statistics) .ibi-schools .l-content .content-wrapper-outter .content-wrapper-inner .block--ibi-quiz-quiz-current-level::after {
    background: url("../../images/ribbon-orange-right-short-short.png") no-repeat scroll top left !important; }

.logged-in.page-front-page .l-suffix-content-first .l-region.l-region--suffix-content-first .block {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none;
  margin-bottom: 60px; }
  @media (min-width: 768px) {
    .logged-in.page-front-page .l-suffix-content-first .l-region.l-region--suffix-content-first .block {
      margin-bottom: 0; } }

.node--search-result.view-mode-search_result .field--name-title h2 a {
  color: #00A09C; }

.node--search-result.view-mode-search_result .field--name-title a:hover {
  color: #F37E1E; }

.view-schools-resources form {
  background: transparent;
  color: #ffffff;
  padding: 0; }

.view-schools-resources .views-exposed-form {
  position: relative; }
  .view-schools-resources .views-exposed-form .views-widget-sort-by {
    position: absolute;
    right: 0; }
    .view-schools-resources .views-exposed-form .views-widget-sort-by label {
      display: inline-block;
      padding-right: 10px;
      font-size: 0.8125rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

.view-schools-resources:after {
  content: "";
  display: table;
  clear: both; }

.view-schools-resources .views-row {
  background: #ffffff;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .view-schools-resources .views-row {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      display: inline-block;
      width: 100%; } }
  @media (min-width: 768px) {
    .view-schools-resources .views-row {
      width: 48.75%;
      clear: right;
      float: left;
      margin-left: 0.625%;
      margin-right: 0.625%; }
      .view-schools-resources .views-row:nth-child(2n) {
        width: 48.75%;
        clear: right;
        float: right;
        margin-left: 0;
        margin-right: 0.625%; } }
  @media (min-width: 992px) {
    .view-schools-resources .views-row {
      width: 31.66667%;
      clear: right;
      float: left;
      margin-left: 0.83333%;
      margin-right: 0.83333%; }
      .view-schools-resources .views-row:not(:nth-child(3n)) {
        width: 31.66667%;
        clear: right;
        float: left;
        margin-left: 0.83333%;
        margin-right: 0.83333%; }
      .view-schools-resources .views-row:nth-child(3n) {
        width: 31.66667%;
        clear: right;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%; } }

.view-schools-resources .views-row > div {
  margin: 8px;
  position: relative; }

.view-schools-resources .view-content {
  clear: both;
  padding-top: 30px;
  margin-top: 20px; }

.front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"],
.front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none;
  margin-bottom: 20px; }
  .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"]:after,
  .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"]:after {
    content: "";
    display: table;
    clear: both; }
  .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"] .block__content,
  .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] .block__content {
    padding-right: 15px;
    text-align: center; }
    .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"] .block__content img,
    .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] .block__content img {
      max-width: 100%;
      text-align: center; }
    .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"] .block__content ul.vaccine-info,
    .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] .block__content ul.vaccine-info {
      margin-left: 30px;
      margin-bottom: 30px;
      display: inline-block; }
      @media (min-width: 992px) {
        .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"] .block__content ul.vaccine-info,
        .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] .block__content ul.vaccine-info {
          display: block; } }
      .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"] .block__content ul.vaccine-info li,
      .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] .block__content ul.vaccine-info li {
        padding-bottom: 1px;
        text-align: left; }
  @media (min-width: 992px) {
    .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"],
    .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] {
      width: 48.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0.83333%;
      clear: none;
      margin-top: 30px; }
      .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"] .block__content,
      .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] .block__content {
        padding-right: 15px;
        text-align: left; }
        .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"] .block__content img,
        .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] .block__content img {
          max-width: 100%;
          text-align: center; }
        .front.not-logged-in .l-region--post-content [id*="block-ibi-schools-base-vaccine-info"] .block__content .quiz-info-graphic,
        .front.not-logged-in .l-region--post-content [id*="block-ibi-base-vaccine-info"] .block__content .quiz-info-graphic {
          padding-top: 20px; } }

.front.not-logged-in .l-region--post-content .block.frontpage-video,
.front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map,
.front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1,
.front.not-logged-in .l-region--post-content #block-views-teams-block-4 {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  .front.not-logged-in .l-region--post-content .block.frontpage-video:after,
  .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map:after,
  .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1:after,
  .front.not-logged-in .l-region--post-content #block-views-teams-block-4:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .front.not-logged-in .l-region--post-content .block.frontpage-video,
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map,
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1,
    .front.not-logged-in .l-region--post-content #block-views-teams-block-4 {
      width: 98.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      clear: both; } }
  @media (min-width: 992px) {
    .front.not-logged-in .l-region--post-content .block.frontpage-video,
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map,
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1,
    .front.not-logged-in .l-region--post-content #block-views-teams-block-4 {
      width: 48.33333%;
      float: right;
      margin-left: 0;
      margin-right: 0.83333%;
      clear: none;
      clear: none;
      margin-top: 30px; } }

.front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map,
.front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1 {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map .block__title,
  .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1 .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map .block__title,
      .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1 .block__title {
        min-width: 200px; } }
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map .block__title::before,
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1 .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map .block__title::after,
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1 .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map .block__title,
  .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1 .block__title {
    background: #D64800; }
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map .block__title::before,
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1 .block__title::before {
      background-image: url("../../images/ribbon-orange-left.svg"); }
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map .block__title::after,
    .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1 .block__title::after {
      background-image: url("../../images/ribbon-orange-right.svg"); }
  .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-schools-map .block__title,
  .front.not-logged-in .l-region--post-content #block-views-school-sponsors-map-block-1 .block__title {
    max-width: 300px !important; }

.quiz-start-link {
  text-align: center;
  font-size: 1.75rem; }

#block-ibi-quiz-quiz-dashboard .meter {
  background: repeating-linear-gradient(-45deg, #e7b230, #e7b230 1px, #ffffff 1px, #ffffff 5px); }

.page-quiz-in-class .l-content .content-wrapper-outter .level-title::after,
.page-quiz-at-home .l-content .content-wrapper-outter .level-title::after {
  color: #ffffff; }

.page-quiz-in-class .l-content .content-wrapper-outter .meter,
.page-quiz-at-home .l-content .content-wrapper-outter .meter {
  background: repeating-linear-gradient(-45deg, #e7b230, #e7b230 1px, #ffffff 1px, #ffffff 5px); }

#block-ibi-schools-quiz-intro-quiz-link {
  background-color: #D64800;
  color: #ffffff;
  font-size: 1.125rem;
  padding: 10px; }
  #block-ibi-schools-quiz-intro-quiz-link:after {
    content: "";
    display: table;
    clear: both; }
  #block-ibi-schools-quiz-intro-quiz-link .block__title {
    display: none; }
  #block-ibi-schools-quiz-intro-quiz-link .block__content {
    padding: 15px 20px;
    margin: 0 auto;
    position: relative;
    padding-right: 40px; }
    #block-ibi-schools-quiz-intro-quiz-link .block__content a {
      color: #ffffff; }

#block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side,
#block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side {
  border-right: 0;
  border-bottom: 1px solid #18254B; }
  #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side .h-one-text-style,
  #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side .h-one-text-style {
    color: #ffffff; }
    #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side .h-one-text-style.blue,
    #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side .h-one-text-style.blue {
      color: #18254B; }
  @media (min-width: 768px) {
    #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side,
    #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side {
      border-right: 1px solid #18254B;
      border-bottom: 0; } }
  @media (min-width: 992px) {
    #block-ibi-schools-quiz-quiz-in-class-dashboard-info .right-side,
    #block-ibi-schools-quiz-quiz-at-home-dashboard-info .right-side {
      border-right: 1px solid #18254B;
      border-bottom: 0; } }

/* -- Side Content Second -- */
.l-region--sidebar-first #block-views-vaccines-earned-block-1 .block__content .baby-green,
.l-suffix-content-second #block-views-vaccines-earned-block-1 .block__content .baby-green {
  display: none !important; }

.l-region--sidebar-first #block-views-vaccines-earned-block-1 .block__content .baby-white,
.l-suffix-content-second #block-views-vaccines-earned-block-1 .block__content .baby-white {
  display: inline-block !important; }

/* -- Side content First -- */
.l-region--suffix-content-first #block-views-vaccines-earned-block-1 .block__content .baby-green {
  display: none !important; }

.l-region--suffix-content-first #block-views-vaccines-earned-block-1 .block__content .baby-white {
  display: inline-block !important; }

.section-quiz #block-views-vaccines-earned-block-4 .block__content .baby-green {
  display: none !important; }

.section-quiz #block-views-vaccines-earned-block-4 .block__content .baby-white {
  display: inline-block !important; }

.l-region--suffix-content-after-first #block-views-user-points-activity-feed,
.l-region--suffix-content-after-first #block-views-user-points-activity-feed-anon,
.l-region--suffix-content-after-first #block-views-teams-block-1 {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none; }
  .l-region--suffix-content-after-first #block-views-user-points-activity-feed .block__title,
  .l-region--suffix-content-after-first #block-views-user-points-activity-feed-anon .block__title,
  .l-region--suffix-content-after-first #block-views-teams-block-1 .block__title {
    max-width: 230px; }

.not-logged-in #block-search-form {
  display: none; }

#block-views-72297b2229ffc3fbfbedba86af7405dd .go-dashboard::after,
#block-views-72297b2229ffc3fbfbedba86af7405dd .leaders-view-all::after,
#block-views-72297b2229ffc3fbfbedba86af7405dd .more-link::after,
#block-views-d189ed8c1127db972a925f3329b8c4ba .go-dashboard::after,
#block-views-d189ed8c1127db972a925f3329b8c4ba .leaders-view-all::after,
#block-views-d189ed8c1127db972a925f3329b8c4ba .more-link::after,
#block-views-984b753a81ba2796da575683fd752f27 .go-dashboard::after,
#block-views-984b753a81ba2796da575683fd752f27 .leaders-view-all::after,
#block-views-984b753a81ba2796da575683fd752f27 .more-link::after,
.block--views-leaderboards-top-teams-block-1 .go-dashboard::after,
.block--views-leaderboards-top-teams-block-1 .leaders-view-all::after,
.block--views-leaderboards-top-teams-block-1 .more-link::after,
.block--views-leaderboards-top-teams-block-2 .go-dashboard::after,
.block--views-leaderboards-top-teams-block-2 .leaders-view-all::after,
.block--views-leaderboards-top-teams-block-2 .more-link::after,
.block--views-leaderboards-top-teams-block-3 .go-dashboard::after,
.block--views-leaderboards-top-teams-block-3 .leaders-view-all::after,
.block--views-leaderboards-top-teams-block-3 .more-link::after,
.block--views-leaderboards-top-teams-block-4 .go-dashboard::after,
.block--views-leaderboards-top-teams-block-4 .leaders-view-all::after,
.block--views-leaderboards-top-teams-block-4 .more-link::after,
.block-views-leaderboards-top-teams-block .go-dashboard::after,
.block-views-leaderboards-top-teams-block .leaders-view-all::after,
.block-views-leaderboards-top-teams-block .more-link::after,
.block--ibi-useractivity .go-dashboard::after,
.block--ibi-useractivity .leaders-view-all::after,
.block--ibi-useractivity .more-link::after,
.block--ibi-quiz-quiz-progress .go-dashboard::after,
.block--ibi-quiz-quiz-progress .leaders-view-all::after,
.block--ibi-quiz-quiz-progress .more-link::after,
.block--views-booster-leaderboard-block-1 .go-dashboard::after,
.block--views-booster-leaderboard-block-1 .leaders-view-all::after,
.block--views-booster-leaderboard-block-1 .more-link::after,
.block--views-quiz-leaderboard-block .go-dashboard::after,
.block--views-quiz-leaderboard-block .leaders-view-all::after,
.block--views-quiz-leaderboard-block .more-link::after,
#block-views-team-standings-block-1 .go-dashboard::after,
#block-views-team-standings-block-1 .leaders-view-all::after,
#block-views-team-standings-block-1 .more-link::after,
.block--views-teams-block-1 .go-dashboard::after,
.block--views-teams-block-1 .leaders-view-all::after,
.block--views-teams-block-1 .more-link::after,
.block--views-teams-block-4 .go-dashboard::after,
.block--views-teams-block-4 .leaders-view-all::after,
.block--views-teams-block-4 .more-link::after,
.block--views-teams-block-3 .go-dashboard::after,
.block--views-teams-block-3 .leaders-view-all::after,
.block--views-teams-block-3 .more-link::after,
.block--views-teams-block-5 .go-dashboard::after,
.block--views-teams-block-5 .leaders-view-all::after,
.block--views-teams-block-5 .more-link::after,
.block--views-teams-block-6 .go-dashboard::after,
.block--views-teams-block-6 .leaders-view-all::after,
.block--views-teams-block-6 .more-link::after,
[class^="block--views-top-school"] .go-dashboard::after,
[class^="block--views-top-school"] .leaders-view-all::after,
[class^="block--views-top-school"] .more-link::after {
  content: "";
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1;
  margin-right: .2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  color: inherit;
  text-decoration: none; }

.view-id-teams.view-display-id-block_2,
.view-most-shared {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .view-id-teams.view-display-id-block_2 .view-header h2,
  .view-most-shared .view-header h2 {
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    line-height: 1;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 300px;
    left: -20px;
    padding: 13px 16px;
    position: relative; }
    @media (max-width: 767px) {
      .view-id-teams.view-display-id-block_2 .view-header h2,
      .view-most-shared .view-header h2 {
        padding: 9px 16px; } }
    .view-id-teams.view-display-id-block_2 .view-header h2::before,
    .view-most-shared .view-header h2::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .view-id-teams.view-display-id-block_2 .view-header h2::after,
    .view-most-shared .view-header h2::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .view-id-teams.view-display-id-block_2 .view-header h2,
      .view-most-shared .view-header h2 {
        font-size: 1rem; } }
    @media (max-width: 767px) {
      .view-id-teams.view-display-id-block_2 .view-header h2,
      .view-most-shared .view-header h2 {
        font-size: 0.875rem; } }
  .view-id-teams.view-display-id-block_2 .view-header h2,
  .view-most-shared .view-header h2 {
    background: #D64800; }
    .view-id-teams.view-display-id-block_2 .view-header h2::before,
    .view-most-shared .view-header h2::before {
      background-image: url("../../images/ribbon-orange-left.svg"); }
    .view-id-teams.view-display-id-block_2 .view-header h2::after,
    .view-most-shared .view-header h2::after {
      background-image: url("../../images/ribbon-orange-right.svg"); }

.block--views-teams-block-1,
.block--views-teams-block-4,
.block-views-teams-block-4,
.block--views-teams-block-3,
.block--views-teams-block-5,
.block--views-teams-block-6,
.block--views-leaderboards-top-teams-block-1,
.block--views-leaderboards-top-teams-block-2,
.block--views-leaderboards-top-teams-block-3,
.block--views-leaderboards-top-teams-block-4,
#block-views-leaderboards-top-teams-block-4,
#block-views-leaderboards-top-teams-block-5,
#block-views-leaderboards-top-teams-block-6,
#block-views-leaderboards-top-teams-block-7,
#block-views-leaderboards-top-teams-blk-6,
#block-views-72297b2229ffc3fbfbedba86af7405dd,
#block-views-d189ed8c1127db972a925f3329b8c4ba,
#block-views-984b753a81ba2796da575683fd752f27,
.block--views-leaderboards-top-teams-block,
.block--views-leaderboards-top-schools-block,
.block--views-top-schools-leaderboards-blk-2,
#block-views-leaderboards-top-schools-blk-3,
#block-views-leaderboards-top-schools-blk-4,
#block-views-leaderboards-top-schools-b-5,
#block-views-leaderboards-top-schools-blk-5,
#block-views-leaderboards-top-schools-blk-6,
.block--views-top-schools-leaderboards-block,
.block--views-top-school-leaderboard-block,
.block--views-top-school-leaderboard-block-1,
.block--views-leaderboards-top-teams-block-2,
.block--views-team-standings-block-2,
.block--views-quiz-leaderboard-block,
.block--views-booster-leaderboard-block-1,
#block-views-team-updates-block,
#block-views-user-points-block,
#block-views-team-standings-block-1,
#block-ibi-base-previous-teams {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .block--views-teams-block-1 .block__title,
  .block--views-teams-block-4 .block__title,
  .block-views-teams-block-4 .block__title,
  .block--views-teams-block-3 .block__title,
  .block--views-teams-block-5 .block__title,
  .block--views-teams-block-6 .block__title,
  .block--views-leaderboards-top-teams-block-1 .block__title,
  .block--views-leaderboards-top-teams-block-2 .block__title,
  .block--views-leaderboards-top-teams-block-3 .block__title,
  .block--views-leaderboards-top-teams-block-4 .block__title,
  #block-views-leaderboards-top-teams-block-4 .block__title,
  #block-views-leaderboards-top-teams-block-5 .block__title,
  #block-views-leaderboards-top-teams-block-6 .block__title,
  #block-views-leaderboards-top-teams-block-7 .block__title,
  #block-views-leaderboards-top-teams-blk-6 .block__title,
  #block-views-72297b2229ffc3fbfbedba86af7405dd .block__title,
  #block-views-d189ed8c1127db972a925f3329b8c4ba .block__title,
  #block-views-984b753a81ba2796da575683fd752f27 .block__title,
  .block--views-leaderboards-top-teams-block .block__title,
  .block--views-leaderboards-top-schools-block .block__title,
  .block--views-top-schools-leaderboards-blk-2 .block__title,
  #block-views-leaderboards-top-schools-blk-3 .block__title,
  #block-views-leaderboards-top-schools-blk-4 .block__title,
  #block-views-leaderboards-top-schools-b-5 .block__title,
  #block-views-leaderboards-top-schools-blk-5 .block__title,
  #block-views-leaderboards-top-schools-blk-6 .block__title,
  .block--views-top-schools-leaderboards-block .block__title,
  .block--views-top-school-leaderboard-block .block__title,
  .block--views-top-school-leaderboard-block-1 .block__title,
  .block--views-leaderboards-top-teams-block-2 .block__title,
  .block--views-team-standings-block-2 .block__title,
  .block--views-quiz-leaderboard-block .block__title,
  .block--views-booster-leaderboard-block-1 .block__title,
  #block-views-team-updates-block .block__title,
  #block-views-user-points-block .block__title,
  #block-views-team-standings-block-1 .block__title,
  #block-ibi-base-previous-teams .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      .block--views-teams-block-1 .block__title,
      .block--views-teams-block-4 .block__title,
      .block-views-teams-block-4 .block__title,
      .block--views-teams-block-3 .block__title,
      .block--views-teams-block-5 .block__title,
      .block--views-teams-block-6 .block__title,
      .block--views-leaderboards-top-teams-block-1 .block__title,
      .block--views-leaderboards-top-teams-block-2 .block__title,
      .block--views-leaderboards-top-teams-block-3 .block__title,
      .block--views-leaderboards-top-teams-block-4 .block__title,
      #block-views-leaderboards-top-teams-block-4 .block__title,
      #block-views-leaderboards-top-teams-block-5 .block__title,
      #block-views-leaderboards-top-teams-block-6 .block__title,
      #block-views-leaderboards-top-teams-block-7 .block__title,
      #block-views-leaderboards-top-teams-blk-6 .block__title,
      #block-views-72297b2229ffc3fbfbedba86af7405dd .block__title,
      #block-views-d189ed8c1127db972a925f3329b8c4ba .block__title,
      #block-views-984b753a81ba2796da575683fd752f27 .block__title,
      .block--views-leaderboards-top-teams-block .block__title,
      .block--views-leaderboards-top-schools-block .block__title,
      .block--views-top-schools-leaderboards-blk-2 .block__title,
      #block-views-leaderboards-top-schools-blk-3 .block__title,
      #block-views-leaderboards-top-schools-blk-4 .block__title,
      #block-views-leaderboards-top-schools-b-5 .block__title,
      #block-views-leaderboards-top-schools-blk-5 .block__title,
      #block-views-leaderboards-top-schools-blk-6 .block__title,
      .block--views-top-schools-leaderboards-block .block__title,
      .block--views-top-school-leaderboard-block .block__title,
      .block--views-top-school-leaderboard-block-1 .block__title,
      .block--views-leaderboards-top-teams-block-2 .block__title,
      .block--views-team-standings-block-2 .block__title,
      .block--views-quiz-leaderboard-block .block__title,
      .block--views-booster-leaderboard-block-1 .block__title,
      #block-views-team-updates-block .block__title,
      #block-views-user-points-block .block__title,
      #block-views-team-standings-block-1 .block__title,
      #block-ibi-base-previous-teams .block__title {
        min-width: 200px; } }
    .block--views-teams-block-1 .block__title::before,
    .block--views-teams-block-4 .block__title::before,
    .block-views-teams-block-4 .block__title::before,
    .block--views-teams-block-3 .block__title::before,
    .block--views-teams-block-5 .block__title::before,
    .block--views-teams-block-6 .block__title::before,
    .block--views-leaderboards-top-teams-block-1 .block__title::before,
    .block--views-leaderboards-top-teams-block-2 .block__title::before,
    .block--views-leaderboards-top-teams-block-3 .block__title::before,
    .block--views-leaderboards-top-teams-block-4 .block__title::before,
    #block-views-leaderboards-top-teams-block-4 .block__title::before,
    #block-views-leaderboards-top-teams-block-5 .block__title::before,
    #block-views-leaderboards-top-teams-block-6 .block__title::before,
    #block-views-leaderboards-top-teams-block-7 .block__title::before,
    #block-views-leaderboards-top-teams-blk-6 .block__title::before,
    #block-views-72297b2229ffc3fbfbedba86af7405dd .block__title::before,
    #block-views-d189ed8c1127db972a925f3329b8c4ba .block__title::before,
    #block-views-984b753a81ba2796da575683fd752f27 .block__title::before,
    .block--views-leaderboards-top-teams-block .block__title::before,
    .block--views-leaderboards-top-schools-block .block__title::before,
    .block--views-top-schools-leaderboards-blk-2 .block__title::before,
    #block-views-leaderboards-top-schools-blk-3 .block__title::before,
    #block-views-leaderboards-top-schools-blk-4 .block__title::before,
    #block-views-leaderboards-top-schools-b-5 .block__title::before,
    #block-views-leaderboards-top-schools-blk-5 .block__title::before,
    #block-views-leaderboards-top-schools-blk-6 .block__title::before,
    .block--views-top-schools-leaderboards-block .block__title::before,
    .block--views-top-school-leaderboard-block .block__title::before,
    .block--views-top-school-leaderboard-block-1 .block__title::before,
    .block--views-leaderboards-top-teams-block-2 .block__title::before,
    .block--views-team-standings-block-2 .block__title::before,
    .block--views-quiz-leaderboard-block .block__title::before,
    .block--views-booster-leaderboard-block-1 .block__title::before,
    #block-views-team-updates-block .block__title::before,
    #block-views-user-points-block .block__title::before,
    #block-views-team-standings-block-1 .block__title::before,
    #block-ibi-base-previous-teams .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .block--views-teams-block-1 .block__title::after,
    .block--views-teams-block-4 .block__title::after,
    .block-views-teams-block-4 .block__title::after,
    .block--views-teams-block-3 .block__title::after,
    .block--views-teams-block-5 .block__title::after,
    .block--views-teams-block-6 .block__title::after,
    .block--views-leaderboards-top-teams-block-1 .block__title::after,
    .block--views-leaderboards-top-teams-block-2 .block__title::after,
    .block--views-leaderboards-top-teams-block-3 .block__title::after,
    .block--views-leaderboards-top-teams-block-4 .block__title::after,
    #block-views-leaderboards-top-teams-block-4 .block__title::after,
    #block-views-leaderboards-top-teams-block-5 .block__title::after,
    #block-views-leaderboards-top-teams-block-6 .block__title::after,
    #block-views-leaderboards-top-teams-block-7 .block__title::after,
    #block-views-leaderboards-top-teams-blk-6 .block__title::after,
    #block-views-72297b2229ffc3fbfbedba86af7405dd .block__title::after,
    #block-views-d189ed8c1127db972a925f3329b8c4ba .block__title::after,
    #block-views-984b753a81ba2796da575683fd752f27 .block__title::after,
    .block--views-leaderboards-top-teams-block .block__title::after,
    .block--views-leaderboards-top-schools-block .block__title::after,
    .block--views-top-schools-leaderboards-blk-2 .block__title::after,
    #block-views-leaderboards-top-schools-blk-3 .block__title::after,
    #block-views-leaderboards-top-schools-blk-4 .block__title::after,
    #block-views-leaderboards-top-schools-b-5 .block__title::after,
    #block-views-leaderboards-top-schools-blk-5 .block__title::after,
    #block-views-leaderboards-top-schools-blk-6 .block__title::after,
    .block--views-top-schools-leaderboards-block .block__title::after,
    .block--views-top-school-leaderboard-block .block__title::after,
    .block--views-top-school-leaderboard-block-1 .block__title::after,
    .block--views-leaderboards-top-teams-block-2 .block__title::after,
    .block--views-team-standings-block-2 .block__title::after,
    .block--views-quiz-leaderboard-block .block__title::after,
    .block--views-booster-leaderboard-block-1 .block__title::after,
    #block-views-team-updates-block .block__title::after,
    #block-views-user-points-block .block__title::after,
    #block-views-team-standings-block-1 .block__title::after,
    #block-ibi-base-previous-teams .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  .block--views-teams-block-1 .block__title,
  .block--views-teams-block-4 .block__title,
  .block-views-teams-block-4 .block__title,
  .block--views-teams-block-3 .block__title,
  .block--views-teams-block-5 .block__title,
  .block--views-teams-block-6 .block__title,
  .block--views-leaderboards-top-teams-block-1 .block__title,
  .block--views-leaderboards-top-teams-block-2 .block__title,
  .block--views-leaderboards-top-teams-block-3 .block__title,
  .block--views-leaderboards-top-teams-block-4 .block__title,
  #block-views-leaderboards-top-teams-block-4 .block__title,
  #block-views-leaderboards-top-teams-block-5 .block__title,
  #block-views-leaderboards-top-teams-block-6 .block__title,
  #block-views-leaderboards-top-teams-block-7 .block__title,
  #block-views-leaderboards-top-teams-blk-6 .block__title,
  #block-views-72297b2229ffc3fbfbedba86af7405dd .block__title,
  #block-views-d189ed8c1127db972a925f3329b8c4ba .block__title,
  #block-views-984b753a81ba2796da575683fd752f27 .block__title,
  .block--views-leaderboards-top-teams-block .block__title,
  .block--views-leaderboards-top-schools-block .block__title,
  .block--views-top-schools-leaderboards-blk-2 .block__title,
  #block-views-leaderboards-top-schools-blk-3 .block__title,
  #block-views-leaderboards-top-schools-blk-4 .block__title,
  #block-views-leaderboards-top-schools-b-5 .block__title,
  #block-views-leaderboards-top-schools-blk-5 .block__title,
  #block-views-leaderboards-top-schools-blk-6 .block__title,
  .block--views-top-schools-leaderboards-block .block__title,
  .block--views-top-school-leaderboard-block .block__title,
  .block--views-top-school-leaderboard-block-1 .block__title,
  .block--views-leaderboards-top-teams-block-2 .block__title,
  .block--views-team-standings-block-2 .block__title,
  .block--views-quiz-leaderboard-block .block__title,
  .block--views-booster-leaderboard-block-1 .block__title,
  #block-views-team-updates-block .block__title,
  #block-views-user-points-block .block__title,
  #block-views-team-standings-block-1 .block__title,
  #block-ibi-base-previous-teams .block__title {
    background: #D64800; }
    .block--views-teams-block-1 .block__title::before,
    .block--views-teams-block-4 .block__title::before,
    .block-views-teams-block-4 .block__title::before,
    .block--views-teams-block-3 .block__title::before,
    .block--views-teams-block-5 .block__title::before,
    .block--views-teams-block-6 .block__title::before,
    .block--views-leaderboards-top-teams-block-1 .block__title::before,
    .block--views-leaderboards-top-teams-block-2 .block__title::before,
    .block--views-leaderboards-top-teams-block-3 .block__title::before,
    .block--views-leaderboards-top-teams-block-4 .block__title::before,
    #block-views-leaderboards-top-teams-block-4 .block__title::before,
    #block-views-leaderboards-top-teams-block-5 .block__title::before,
    #block-views-leaderboards-top-teams-block-6 .block__title::before,
    #block-views-leaderboards-top-teams-block-7 .block__title::before,
    #block-views-leaderboards-top-teams-blk-6 .block__title::before,
    #block-views-72297b2229ffc3fbfbedba86af7405dd .block__title::before,
    #block-views-d189ed8c1127db972a925f3329b8c4ba .block__title::before,
    #block-views-984b753a81ba2796da575683fd752f27 .block__title::before,
    .block--views-leaderboards-top-teams-block .block__title::before,
    .block--views-leaderboards-top-schools-block .block__title::before,
    .block--views-top-schools-leaderboards-blk-2 .block__title::before,
    #block-views-leaderboards-top-schools-blk-3 .block__title::before,
    #block-views-leaderboards-top-schools-blk-4 .block__title::before,
    #block-views-leaderboards-top-schools-b-5 .block__title::before,
    #block-views-leaderboards-top-schools-blk-5 .block__title::before,
    #block-views-leaderboards-top-schools-blk-6 .block__title::before,
    .block--views-top-schools-leaderboards-block .block__title::before,
    .block--views-top-school-leaderboard-block .block__title::before,
    .block--views-top-school-leaderboard-block-1 .block__title::before,
    .block--views-leaderboards-top-teams-block-2 .block__title::before,
    .block--views-team-standings-block-2 .block__title::before,
    .block--views-quiz-leaderboard-block .block__title::before,
    .block--views-booster-leaderboard-block-1 .block__title::before,
    #block-views-team-updates-block .block__title::before,
    #block-views-user-points-block .block__title::before,
    #block-views-team-standings-block-1 .block__title::before,
    #block-ibi-base-previous-teams .block__title::before {
      background-image: url("../../images/ribbon-orange-left.svg"); }
    .block--views-teams-block-1 .block__title::after,
    .block--views-teams-block-4 .block__title::after,
    .block-views-teams-block-4 .block__title::after,
    .block--views-teams-block-3 .block__title::after,
    .block--views-teams-block-5 .block__title::after,
    .block--views-teams-block-6 .block__title::after,
    .block--views-leaderboards-top-teams-block-1 .block__title::after,
    .block--views-leaderboards-top-teams-block-2 .block__title::after,
    .block--views-leaderboards-top-teams-block-3 .block__title::after,
    .block--views-leaderboards-top-teams-block-4 .block__title::after,
    #block-views-leaderboards-top-teams-block-4 .block__title::after,
    #block-views-leaderboards-top-teams-block-5 .block__title::after,
    #block-views-leaderboards-top-teams-block-6 .block__title::after,
    #block-views-leaderboards-top-teams-block-7 .block__title::after,
    #block-views-leaderboards-top-teams-blk-6 .block__title::after,
    #block-views-72297b2229ffc3fbfbedba86af7405dd .block__title::after,
    #block-views-d189ed8c1127db972a925f3329b8c4ba .block__title::after,
    #block-views-984b753a81ba2796da575683fd752f27 .block__title::after,
    .block--views-leaderboards-top-teams-block .block__title::after,
    .block--views-leaderboards-top-schools-block .block__title::after,
    .block--views-top-schools-leaderboards-blk-2 .block__title::after,
    #block-views-leaderboards-top-schools-blk-3 .block__title::after,
    #block-views-leaderboards-top-schools-blk-4 .block__title::after,
    #block-views-leaderboards-top-schools-b-5 .block__title::after,
    #block-views-leaderboards-top-schools-blk-5 .block__title::after,
    #block-views-leaderboards-top-schools-blk-6 .block__title::after,
    .block--views-top-schools-leaderboards-block .block__title::after,
    .block--views-top-school-leaderboard-block .block__title::after,
    .block--views-top-school-leaderboard-block-1 .block__title::after,
    .block--views-leaderboards-top-teams-block-2 .block__title::after,
    .block--views-team-standings-block-2 .block__title::after,
    .block--views-quiz-leaderboard-block .block__title::after,
    .block--views-booster-leaderboard-block-1 .block__title::after,
    #block-views-team-updates-block .block__title::after,
    #block-views-user-points-block .block__title::after,
    #block-views-team-standings-block-1 .block__title::after,
    #block-ibi-base-previous-teams .block__title::after {
      background-image: url("../../images/ribbon-orange-right.svg"); }

.l-region--suffix-content-after-first .block {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 24px 20px; }
  .l-region--suffix-content-after-first .block .block__title {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 46px;
    min-width: 290px;
    margin-bottom: 20px;
    max-width: 80%;
    left: -20px;
    padding: 10px 16px 5px 16px;
    position: relative; }
    @media (max-width: 400px) {
      .l-region--suffix-content-after-first .block .block__title {
        min-width: 200px; } }
    .l-region--suffix-content-after-first .block .block__title::before {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 52px;
      left: -6px;
      position: absolute;
      top: 0;
      width: 6px; }
    .l-region--suffix-content-after-first .block .block__title::after {
      background-repeat: no-repeat;
      background-position: top left;
      content: '';
      display: block;
      height: 46px;
      position: absolute;
      right: -22px;
      top: 0;
      width: 22px; }
  .l-region--suffix-content-after-first .block .block__title {
    background: #D64800; }
    .l-region--suffix-content-after-first .block .block__title::before {
      background-image: url("../../images/ribbon-orange-left.svg"); }
    .l-region--suffix-content-after-first .block .block__title::after {
      background-image: url("../../images/ribbon-orange-right.svg"); }

@media (min-width: 992px) {
  #block-ibi-base-previous-teams .block__title,
  #block-views-top-school-leaderboards-block .block__title,
  #block-views-teams-block-3 .block__title {
    max-width: 30%; } }

.page-schools h1.page-title,
.page-leaders h1.page-title {
  font-size: 2.125rem;
  line-height: 1.1; }

.page-leaders-province .l-content .block--views,
.page-leaderboard .l-content .block--views,
.page-leaders .l-content .block--views,
.section-leaders .l-content .block--views {
  width: 98.33333%;
  float: right;
  margin-left: 0;
  margin-right: 0.83333%;
  clear: none;
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .page-leaders-province .l-content .block--views,
    .page-leaderboard .l-content .block--views,
    .page-leaders .l-content .block--views,
    .section-leaders .l-content .block--views {
      margin-bottom: 0; }
      .page-leaders-province .l-content .block--views:nth-child(2n-1),
      .page-leaderboard .l-content .block--views:nth-child(2n-1),
      .page-leaders .l-content .block--views:nth-child(2n-1),
      .section-leaders .l-content .block--views:nth-child(2n-1) {
        width: 48.33333%;
        float: left;
        margin-right: -100%;
        margin-left: 0.83333%;
        clear: none; }
      .page-leaders-province .l-content .block--views:nth-child(2n),
      .page-leaderboard .l-content .block--views:nth-child(2n),
      .page-leaders .l-content .block--views:nth-child(2n),
      .section-leaders .l-content .block--views:nth-child(2n) {
        width: 48.33333%;
        float: right;
        margin-left: 0;
        margin-right: 0.83333%;
        clear: none; } }

.page-leaders-province .field--name-changed-date,
.page-leaderboard .field--name-changed-date,
.page-leaders .field--name-changed-date,
.section-leaders .field--name-changed-date {
  display: none; }

.block .pager {
  background: none;
  margin-top: 20px; }
  .block .pager li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px; }
    .block .pager li a {
      color: #01605E;
      font: inherit;
      letter-spacing: normal;
      text-decoration: underline; }
      .block .pager li a:hover, .block .pager li a:focus {
        text-decoration: none; }

@media (max-width: 768px) {
  .page-teacher-centre {
    width: 101vw; } }

.page-teacher-centre .l-main {
  background: #ffffff;
  padding-bottom: 0; }
  .page-teacher-centre .l-main .l-constrained {
    max-width: 100%;
    padding: 0; }
    @media (max-width: 768px) {
      .page-teacher-centre .l-main .l-constrained {
        margin-left: 0;
        margin-right: 0; } }
  .page-teacher-centre .l-main .l-content {
    width: 100%;
    margin-right: 0; }
  .page-teacher-centre .l-main .pager {
    margin-bottom: 0; }

.page-teacher-centre .quiz-title-container {
  text-align: center;
  max-width: 775px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .page-teacher-centre .quiz-title-container h1.page-title {
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .page-teacher-centre .quiz-title-container h1.page-title {
        margin-top: 40px;
        margin-bottom: 20px; } }

.page-teacher-centre div.view-filters,
.page-teacher-centre div.view-content,
.page-teacher-centre ul.pager {
  background: #F2EDE1; }

.page-teacher-centre div.view-filters {
  padding-top: 5%;
  position: relative;
  z-index: 2; }
  @media (min-width: 578px) {
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget,
  .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget,
  .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget,
  .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget {
    padding: 0 7.5px;
    flex: 1;
    width: 100%;
    justify-content: center; }
    @media (min-width: 768px) {
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget {
        float: none;
        padding: 0 10px;
        flex: 0 1 auto;
        width: initial; } }
    @media (min-width: 992px) {
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget {
        padding: 0 15px; } }
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select, .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit {
      min-width: 160px;
      width: 100%;
      height: 59px;
      border-radius: 7px;
      border: none;
      padding: 15px;
      margin-top: 5px;
      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25); }
      @media (width: 1024px) {
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select, .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit {
          width: 210px; } }
      @media (min-width: 1025px) {
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select, .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit {
          width: 220px; } }
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select {
      padding: 15px 30px 15px 15px;
      background: #ffffff;
      -webkit-appearance: none;
      -moz-appearance: none; }
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select {
        background-image: linear-gradient(45deg, #ffffff 50%, #F25500 50%), linear-gradient(135deg, #F25500 50%, #ffffff 50%);
        background-position: calc(100% - 20px) calc(1.5em + 2px), calc(100% - 15px) calc(1.5em + 2px), calc(100% - 2.5em) 0.5em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat; }
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select:focus,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select:focus,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select:focus,
        .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget select.form-select:focus {
          background-image: linear-gradient(45deg, #F25500 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #F25500 50%);
          background-position: calc(100% - 15px) calc(1.5em + 2px), calc(100% - 20px) calc(1.5em + 2px), calc(100% - 2.5em) 0.5em;
          background-size: 5px 5px, 5px 5px, 1px 1.5em;
          background-repeat: no-repeat;
          border-color: #F25500;
          outline: 0; }
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited,
    .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link {
      background: #F25500;
      margin-top: 32px; }
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:hover, .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-1 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-2 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:visited:active,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link:hover,
      .page-teacher-centre div.view-filters form.views-exposed-form-teacher-centre-page-3 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input.form-submit:link:active {
        background: #BED328; }

.page-teacher-centre div.view-header {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0 15px; }
  .page-teacher-centre div.view-header ul.teacher-centre.tabs {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0 4px -1px 4px;
    padding-top: 30px; }
    .page-teacher-centre div.view-header ul.teacher-centre.tabs li {
      background: #ffffff;
      border-top: 1px solid #18254B;
      border-left: 1px solid #18254B;
      border-right: 1px solid #18254B;
      padding: 10px 15px 0 10px;
      margin: 0 2px;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
      text-align: center;
      box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.1); }
      .page-teacher-centre div.view-header ul.teacher-centre.tabs li.active {
        background: #F2EDE1;
        border: none;
        margin-bottom: 0; }
        .page-teacher-centre div.view-header ul.teacher-centre.tabs li.active a:after {
          content: "";
          display: block;
          margin: 0 auto;
          width: 25%;
          padding-top: 5px;
          padding-bottom: 5px;
          margin-bottom: -2px;
          border-bottom: 5px solid #F25500;
          position: relative;
          z-index: 3; }
          @media (min-width: 768px) {
            .page-teacher-centre div.view-header ul.teacher-centre.tabs li.active a:after {
              padding-top: 15px; } }
      .page-teacher-centre div.view-header ul.teacher-centre.tabs li a {
        background-color: transparent; }
      @media (min-width: 768px) {
        .page-teacher-centre div.view-header ul.teacher-centre.tabs li {
          padding: 15px 30px 0 30px;
          margin: 0px 7.5px; }
          .page-teacher-centre div.view-header ul.teacher-centre.tabs li.active {
            padding: 15px 30px 0px 30px; } }

.page-teacher-centre .view-display-id-page_2 .view-content {
  padding-top: 15%; }
  @media (min-width: 768px) {
    .page-teacher-centre .view-display-id-page_2 .view-content {
      padding-top: 10%; } }
  @media (min-width: 992px) {
    .page-teacher-centre .view-display-id-page_2 .view-content {
      padding-top: 5%; } }

.page-teacher-centre .view-content {
  position: relative;
  z-index: 1; }
  .page-teacher-centre .view-content .views-row {
    padding: 8px 12px; }
    @media (min-width: 768px) {
      .page-teacher-centre .view-content .views-row {
        margin: -1px 55px 0px 55px; } }
    .page-teacher-centre .view-content .views-row .views-field {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      border-top: 5px solid #F25500;
      box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
      background: #ffffff; }
      @media (min-width: 871px) {
        .page-teacher-centre .view-content .views-row .views-field {
          width: 865px; } }
      @media (min-width: 871px) {
        .page-teacher-centre .view-content .views-row .views-field .field-content .item.lesson-plans .subjects:before {
          content: ' | '; } }
      .page-teacher-centre .view-content .views-row .views-field .field-content .item.professional-development .grades, .page-teacher-centre .view-content .views-row .views-field .field-content .item.professional-development .body,
      .page-teacher-centre .view-content .views-row .views-field .field-content .item-user-guides .grades,
      .page-teacher-centre .view-content .views-row .views-field .field-content .item-user-guides .body {
        width: 100%; }
      .page-teacher-centre .view-content .views-row .views-field .field-content .item {
        width: 100%;
        display: grid;
        grid-template-columns: auto;
        grid-template-areas: 'image' 'title' 'grade' 'subjects'; }
        @media (min-width: 871px) {
          .page-teacher-centre .view-content .views-row .views-field .field-content .item {
            padding: 0px; } }
        .page-teacher-centre .view-content .views-row .views-field .field-content .item .title {
          grid-area: title;
          margin: 0 0 5px 0;
          padding: 15px 15px 5px 15px; }
          @media (min-width: 871px) {
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .title {
              margin: 15px 32px 5px 32px;
              padding: 0; } }
        .page-teacher-centre .view-content .views-row .views-field .field-content .item .grade,
        .page-teacher-centre .view-content .views-row .views-field .field-content .item .body {
          grid-area: grade;
          padding: 0 0.25em 0 15px; }
          @media (min-width: 871px) {
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .grade,
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .body {
              margin: 0 0.25em 15px 32px;
              padding: 0; } }
          @media (max-width: 767px) {
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .grade,
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .body {
              margin: 0 15px;
              padding: 0; } }
        .page-teacher-centre .view-content .views-row .views-field .field-content .item .body:empty {
          margin-bottom: 10px; }
          @media (min-width: 768px) {
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .body:empty {
              margin-bottom: 35px; } }
        @media (min-width: 768px) {
          .page-teacher-centre .view-content .views-row .views-field .field-content .item .subjects:empty {
            margin: 0 0 40px 0; } }
        .page-teacher-centre .view-content .views-row .views-field .field-content .item .subjects {
          grid-area: subjects; }
          @media (min-width: 768px) {
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .subjects {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              margin: 0 5px 15px 0;
              padding: 0; } }
          @media (min-width: 769px) {
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .subjects {
              margin: 0 32px 15px 0; } }
          @media (max-width: 767px) {
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .subjects {
              margin: 0px 15px 15px 15px;
              padding: 0; } }
        .page-teacher-centre .view-content .views-row .views-field .field-content .item .image {
          grid-area: image;
          padding: 0;
          text-align: center; }
          .page-teacher-centre .view-content .views-row .views-field .field-content .item .image img {
            width: 125px;
            height: 85px;
            object-fit: cover;
            object-position: 50% 30%; }
          .page-teacher-centre .view-content .views-row .views-field .field-content .item .image img[src=''] {
            display: none; }
        @media (min-width: 767px) {
          .page-teacher-centre .view-content .views-row .views-field .field-content .item {
            grid-template-columns: auto 1fr auto;
            grid-template-areas: 'title title image' 'grade subjects image'; }
            .page-teacher-centre .view-content .views-row .views-field .field-content .item .image img {
              width: 135px;
              height: 90px;
              object-fit: cover; } }

.page-teacher-centre ul.pager {
  padding: 20px 0 100px 0;
  margin-top: -1px; }

.lm-teacher-quiz-notice {
  text-align: center;
  font-style: italic;
  margin-bottom: 2em; }

@media only screen and (max-width: 768px) {
  .line-break {
    display: block; } }

/*# sourceMappingURL=maps/ibi-2016.styles.css.map */