header {
 .navbar {
   background-color: #1E1A34 !important;
 }
}

/* custom css*/
body {
  background: #f5f5f5;
}

.block-page-title-block h1 {
  padding: 1rem 0;
  font-size: 1.5rem;
  text-align: center;
  text-transform: capitalize;
}
/*
Theme Name: Bootstrap 4 Sass
Description: Bootstrap 4 with Sass
*/

/* GENERAL STYLES
-------------------------------------------------*/



#skip-link-main {
  padding: 0.5em;
  display: block;
  text-align: center;
  text-decoration: underline;
}

// Cancel Button
a#edit-cancel::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-x-lg" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>');
}
a#edit-cancel:hover::before,
a#edit-cancel:focus::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-x-lg" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>');
}


/**
* Sticky Drupal Admin menu
*/
#toolbar-administration #toolbar-bar {
  z-index: 1022;
}


/* COLORS
--------------------------------------------------*/

a {
  color: #1e1a34;
  text-decoration: none;
}

.bg-inverse {
    background: #1e1a34 !important;
}

.site-footer {
    background: rgb(224 224 240);
    padding: 3rem 1rem;
    font-size: 0.9rem;
}
@media (min-width: 768px) {
  .site-footer {
    padding: 3rem;
  }
}

.site-name-slogan a {
    text-decoration: none;
}

.card-group img {
    margin: 0;
    width: 100%;
    height: auto;
}

.card-group .field--type-image {
    margin: 0
}

.slick {
    width: 100%;
}

.slick>div {
    margin: 0 15px;
}


/**
* Main Region
*
**/
#main {
  min-height: 70vh;
}
main.main-content {
  position: relative;
}
main.main-content,
.sidebar_second {
  margin-bottom: 3rem;
}

// Ontario Commons License
.ontario-commons-license-blocker {
  width: calc(100% - 15px);
  position: absolute;
  height: 100%;
  background: white;
  z-index: 1;
  padding: 2rem;
  text-align: center;
  margin-top: 0rem;
  align-content: space-evenly;
}


/**
* Site Footer
*
**/
.site-footer {
  #footer-main-content {
    flex-flow: column;
  }
  .footer-main-left {
    img {
      max-width: 300px;
    }
  }
  .footer-main-right {
    margin-top: 1rem;
    text-align: left;
    .cc-icon {
      img {
        max-width: 100px;
      }
    }
  }
}

@media (min-width: 768px) {
  .site-footer {
    #footer-main-content {
      flex-flow: row;
      gap: 4rem;
    }
    .footer-main-left {
      max-width: 50%;
    }
    .footer-main-right {
      max-width: 50%;
      margin-top: 0;
    }
  }
}

@media (min-width: 1366px) {
  .site-footer {
    .footer-main-left {
      max-width: 25%;
      img {
        max-width: 350px;
      }
    }
    .footer-main-right {
      max-width: 25%;
      text-align: right;
    }
  }

}

/**
* Main Navbar
**/

#header {
  a[title="Home"] {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  #header {
    a[title="Home"] {
      font-size: 1.2rem;
    }
  }
}


.navbar-toggler {
  margin-right: 1rem;
}
.navbar-toggler-left {
  display: none;
}
#CollapsingNavbar {
  position: absolute;
  top: 70px;
  right: 0px;
  width: 20rem;
  background: #1e1a34;
  z-index: 1021;
  padding: 1rem;
  gap: 1rem;

  flex-basis: auto;

  #block-ecostudio-main-menu {
    margin-right: auto;
  }
  // #block-ecostudio-account-menu {
  //   order: 2;
  // }
  .form-inline.navbar-form {
    order: 1;
    margin-right: 1rem;
  }
}

@media (min-width: 992px) {
  #CollapsingNavbar {
    position: static;
    width: unset;
    background: unset;
    padding: unset;

    padding-right: 1rem;
  }
}

#navbar-main {

  ul {
    gap: 0.5rem;
  }

  a.nav-link {
    color: white;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    border-radius: 5px;
    font-weight: bold;

    &.active {
      background-color: #f1b434;
      color: #1e1a34;

      &:hover {
        background-color: #F6D07F;
      }
    }
  }

  a.nav-link:focus,
  a.nav-link:focus-visible {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 50%);
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 50%);
  }
  a.nav-link:hover {
    background-color: #ACAAB4;
  }

  .menu--account {
    // padding-right: 1rem;
  }

  .dropdown-item.active, .dropdown-item:active {
    background-color: #e9ecef;
  }
}



/**
* Page Title
**/
#block-ecostudio-page-title {
  &.has-results {
    .content {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}
@media (max-width: 600px) {
  #block-ecostudio-page-title {
    &.has-results {
      .content {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }
      h1 {
        flex-grow: 2;
      }
      #table-results {
        display: none;
      }
    }
  }
}



/**
* Sidebar
**/


#sidebar_first {
  background: white;
  align-items: stretch;
  display: flex;
  border-right: 1px solid #adb5bd;
  height: unset;
  padding: 0;

  display: none;

  &.open {
    display: block;
    position: fixed;
    top: 0;
    overflow: scroll;
    width: 20rem;
    height: 100vh;
    box-shadow: 0 8rem 10rem 10rem rgba(0, 0, 0, 0.4);
    padding-bottom: 4rem;
    z-index: 3;
  }

  #close-filters {
    display: inline-block;
  }
}


@media (min-width: 1366px) {
  #sidebar_first {
    display: block;
    width: 16.66666667%;
    position: inherit;
    box-shadow: unset;

    &.open {
      display: block;
      position: static;
      overflow: unset;
      width: 16.66666667%;
      height: unset;
      box-shadow: unset;
      padding-bottom: unset;
    }
  }
  #close-filters {
    display: none;
  }
}



.sidebar {

  .block {
    border: unset;
  }
}

.sidebar_second .block {
  padding: 0;

  h2 {
    margin-bottom: 1rem;
    text-shadow: none;
    padding: unset;
    border-bottom: unset;
  }
}

/**
* Views exposed filters
**/
.views-exposed-form {
  .js-form-item {
    width: 100%;
    margin-bottom: 1em;
    border-bottom: 1px solid lightgray;
    padding-bottom: 1em;
    label {
      font-weight: bold;
      font-size: 0.8em;
      padding-bottom: 0.5rem;
    }
    .form-control,
    .form-select {
      font-size: 0.8rem;
      border-radius: 0;
      border: 2px solid #1e1a34;
    }
  }
}

.js input.form-autocomplete {
  background-image: none;

}
.js input.form-autocomplete.ui-autocomplete-loading {
  background-image: url(../images/loading.gif);
  background-position: 98% center;
  background-size: 25px;
}

// Views field autocomplete
.ui-menu.ui-autocomplete a.ui-menu-item-wrapper {
  width: 100%;
  display: block;
  padding: 0.3rem;
  position: unset;
}


#block-ecostudio-exposedformcataloguepage-1--2 {
  #edit-submit-catalogue--3 {
    background-color: #1e1a34;
    &::before {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg>');
    }
    &:hover {
      background-color: #ACAAB4;
    }
  }
  #edit-reset--3 {
    background-color: #343A40;
    &::before {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z"/><path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466"/></svg>');
    }
    &:hover {
      background-color: #1e1a34;
    }
  }
}


// Tables

@media (max-width: 600px) {
  .table-responsive table {
    thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    tr {
      border-bottom: 3px solid #adb5bd;
      display: block;
      margin-bottom: .625em;
    }
    tbody td {
      border-bottom: 1px solid #adb5bd;
      display: block;
      font-size: .8em;
      padding-left: 1rem;
    }
    tbody td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
      margin-right: 1rem;
    }

    tbody td:last-child {
      border-bottom: 0;
    }
  }
}


table th a {
  text-decoration: underline dotted #1e1a34;
}
table th.is-active {
  text-decoration: underline;
  font-weight: bolder;
  background-color: #adb5bd;
}
.tablesort--asc {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-alpha-down-alt" viewBox="0 0 16 16"><path d="M12.96 7H9.028v-.691l2.579-3.72v-.054H9.098v-.867h3.785v.691l-2.567 3.72v.054h2.645z"/><path fill-rule="evenodd" d="M10.082 12.629 9.664 14H8.598l1.789-5.332h1.234L13.402 14h-1.12l-.419-1.371zm1.57-.785L11 9.688h-.047l-.652 2.156z"/><path d="M4.5 2.5a.5.5 0 0 0-1 0v9.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L4.5 12.293z"/></svg>');
}
.tablesort--desc {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-alpha-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.082 5.629 9.664 7H8.598l1.789-5.332h1.234L13.402 7h-1.12l-.419-1.371zm1.57-.785L11 2.687h-.047l-.652 2.157z"/><path d="M12.96 14H9.028v-.691l2.579-3.72v-.054H9.098v-.867h3.785v.691l-2.567 3.72v.054h2.645zM4.5 2.5a.5.5 0 0 0-1 0v9.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L4.5 12.293z"/></svg>');
}
table th.is-active.views-field-changed {
  .tablesort--asc {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-down-alt" viewBox="0 0 16 16"><path d="M3.5 3.5a.5.5 0 0 0-1 0v8.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L3.5 12.293zm4 .5a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1zm0 3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0 3a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1zM7 12.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5"/></svg>');
  }
  .tablesort--desc {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-up" viewBox="0 0 16 16">  <path d="M3.5 12.5a.5.5 0 0 1-1 0V3.707L1.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.5.5 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L3.5 3.707zm3.5-9a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5M7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1z"/></svg>');
  }
}


/**
* Nodes
**/

@media (max-width: 1200px) {
  .main-content,
  .sidebar_second {
    width: 100%;
  }
}

h1.node-header {
  padding: 1em 0;
  border-bottom: 1px solid #343a40;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.node--type-interactive-content {
  .node-fields {
    > div {
      margin: 1.5em 0;
    }
  }

}

.resource-metadata {
  .metadata-field {
    margin-bottom: 1rem;

    h3 {
      font-size: 1rem;
      margin-bottom: 0;
      letter-spacing: normal;
      text-transform: none;
    }
    .resource-author-picture img {
      max-width: 50px;
    }
    .field--name-field-user-name a {
      padding: 0.375rem 0;
      display: block;
    }
  }
}

@media (min-width: 768px) {
  .resource-metadata {
    column-count: 2;
    column-gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .resource-metadata {
    column-count: 3;
  }
}

@media (min-width: 1200px) {
  .resource-metadata {
    column-count: unset;
    column-gap: unset;
  }
}


/**
* Flags
**/
.flag {
  margin: 1.5rem 0;
}
.flag a {
  display: inline-flex;
  color: white;
  padding: 0.7rem 1rem;
  border-radius: 10px;
  background-color: #ACAAB4;
  align-items: center;
  gap: 0.5em;

  &:hover {
    background-color: #1e1a34;
  }
}
.flag a::before{
  margin-right:0.3rem;
  // background-image: url('/themes/custom/h5pstudio-theme/assets/empty-heart.png');
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-heart" viewBox="0 0 16 16"><path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15"/></svg>');
  background-size: 15px 15px;
  display: inline-block;
  width: 15px;
  height: 15px;
  content:"";
}
.flag .active::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-heart-fill" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314"/></svg>');
}


.flag .hide-this:before {
  display:none !important;
}

.js-flag-message{
display:none;
}
.flag-bookmark{
margin-bottom:1em;
}



/**
* Shepherd Tour
**/
.shepherd-button {
  background-color: #1e1a34;
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  color: white;
}
.shepherd-button:not(:disabled):hover,
.shepherd-button:not(:disabled):focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(30, 26, 52, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(30, 26, 52, 0.25);
  background-color: #1e1a34;
  color: white;
}
.shepherd-enabled.shepherd-element {
  margin: 1rem;
}
h3.shepherd-title {
  text-transform: none;
  flex: unset;
}


/**
* Node Forms
**/

form.node-form {
  fieldset {
    background-color: white;
    margin-top: 1rem;

    legend {
      background-color: #1e1a34;
      color: white;
      padding: 0.75rem;
      font-size: 1rem;
      font-weight: bold;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    &#edit-field-h5p-content-0-h5p-content .fieldset-wrapper {
      padding: 0 1rem;
    }
    .js-form-wrapper {
      width: 100%;
      margin-bottom: 1em;
      border-bottom: 1px solid lightgray;
      padding: 1em;
    }
  }

  .js-form-item {

    label {
      font-weight: bold;
      font-size: 0.8em;
      padding-bottom: 0.5rem;
    }

    &.js-form-type-checkbox {
      label {
        display: block;
      }
    }

    .form-control,
    .form-select {
      font-size: 0.8rem;
      border-radius: 0;
      border: 1px solid #0a78d1; // use h5p editor styling here.
    }

    .choices__list--multiple .choices__item {
      background-color: #1e1a34;
    }


    .choices:focus {
      color: var(--bs-body-color);
      background-color: var(--bs-body-bg);
      border-color: rgb(142.5, 140.5, 153.5);
      outline: 0;
      -webkit-box-shadow: 0 0 0 0.25rem rgba(30, 26, 52, 0.25);
      box-shadow: 0 0 0 0.25rem rgba(30, 26, 52, 0.25);
    }

    .choices__inner {
      display: block;
      background-color: unset;
      padding: unset;
      font-size: unset;
      border: unset;
      min-height: unset;
      border-radius: unset;
      overflow: visible;

      input {
        font-size: 0.8rem;
        border-radius: 0;
        border: 1px solid #0a78d1; // use h5p editor styling here.
        background-color: white;
        padding: 0.375rem 0.75rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        width: 100% !important;
        margin-bottom: 0;

        &:focus {
          border-color: rgb(142.5, 140.5, 153.5);
          box-shadow: 0 0 0 0.25rem rgba(30, 26, 52, 0.25);
        }
      }
    }
  }

  .form-actions {
    z-index: 10;
    display: flex;
    align-self: flex-end;
    justify-content: flex-end !important;

    button,
    a {
      margin-right: 3px;
      border-width: 3px;
      font-weight: bold;
    }

    a#edit-delete::before {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red" class="bi bi-trash3" viewBox="0 0 16 16"><path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5M11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47M8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5"/></svg>');
    }
    a#edit-delete:hover::before,
    a#edit-delete:focus::before {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-trash3" viewBox="0 0 16 16"><path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5M11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47M8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5"/></svg>');
    }

  }

  /* delete node button */
  // .form-actions > a.button {
  //   display: inline-block;
  //   padding: 6px 12px;
  //   margin: 0 10px 0 0;
  //   border: 3px solid;
  //   border-radius: 4px;
  //   font-size: 14px;
  //   line-height: 1.42857143;
  //   background-color: var(--primary-medium);
  //   color: var(--white);
  //   border-color: var(--primary-medium);
  // }

// a#edit-cancel:hover,
// a#edit-cancel:focus {
//     background-color: var(--black);
//     border-color: var(--black);
//     text-decoration: none;
//     color: var(--white);
// }
// a#edit-delete:hover,
// a#edit-delete:hover {
//     color: var(--white);
//     text-decoration: none;
//     background: red;
//     border-color: red;
// }

}


/**
* User Login, Register, Password Reset
**/
body.page-user-login,
body.page-user-register,
body.page-user-password {
  main.main-content {
    min-height: calc(100vh - 200px);

    form {
      .js-form-item {
        label {
          font-weight: bold;
          font-size: 0.8em;
          padding-bottom: 0.5rem;
          display: flex;
          align-items: end;
        }
        .form-control,
        .form-select {
          font-size: 0.8rem;
          border-radius: 0;
          border: 2px solid rgb(26.4, 22.88, 45.76);
        }
      }
      #edit-contact {
        .description {
          font-weight: 400;
        }
      }

    }

    .form-actions {
      align-items: unset;
      align-self: unset;
      button#edit-submit {
        width: 100%;
      }
      a#edit-cancel {
        width: 100%;
        margin-top: 1rem;
      }
    }
  }

  #block-ecostudio-userloginblockcontent,
  #block-ecostudio-userregisterblockcontent,
  #block-ecostudio-userpasswordresetblockcontent {
    text-align: center;
    font-weight: 600;
    font-size: 0.8em;
    line-height: 1rem;
  }
}


/**
* Secondary_menu
**/
.secondary_menu {
  background: white;
  border-bottom: 1px solid #adb5bd;

  ul.nav {
    li {
      a {
        padding: 1em;
        font-size: 0.9em;
        font-weight: bold;
        color: #1e1a34;
      }
      a:hover {
        background-color: #e9ecef;
      }
    }
    li.active {
      a.is-active {
        box-shadow: inset 0 -3px 0 0 #1e1a34;
        color: #1e1a34;
        &:focus-visible {
          box-shadow: 0 0 0 0.25rem rgba(30, 26, 52, 0.25);
        }
      }
    }
  }

}


/**
* User Dashboards
**/
.path-dashboard {
  main {
    margin: 1.5rem 0;
  }
  table {
    font-size: 0.9rem;
  }
}


/**
* H5P Result Page
* /content/[id]/results
**/
//view-h5p-results view-id-h5p_results view-display-id-page_1
// view-h5p-results view-id-h5p_results view-display-id-page_2
.view-h5p-results.view-display-id-page_2 {
  .view-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: end;
    border-bottom: 1px solid #adb5bd;
    padding-bottom: 0.5rem;
    margin: 1rem 0;
  }
}

/**
* My Favourites
*
**/
.view-flag-bookmark {
  .flag.flag-bookmark {
    margin: 0;
    a {
      padding: 0.5rem;
    }
  }
}

/**
* User Profile
*
**/
.view-author-user-profile-blocks.view-display-id-block_1 {
  .user-picture {
    img {
      max-width: 150px;
    }
  }
}


/**
* User Personal Contact Form
*
**/
.contact-message-personal-form {
  margin: 1.5rem 0;
  padding: 1.5rem;
  background-color: white;
  border-radius: 5px;


  #edit-actions {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #adb5bd;
  }

  #edit-preview {
    display: none;
  }

  }
  .h5puserview a {
     font-weight: normal;
  }
  .pagination .page-item.active .page-link {
     color: #fff;
     background-color: #1e1a34;
     border-color: #1e1a34;
  }
  a.page-link {
     color: #1e1a34;
  }
 footer {
     background-color: #E0E0F0;
 }