/* Variables for spacing units
   Use with margins & padding
   Base unit: 16px */
/* Mixins for typescale in minor second
   Use with headings and text only
   Base unit: 16px */
/* Variables for colour palette */
html {
  scroll-behavior: smooth;
  font-size: 18px; }
  @media (max-width: 768px) {
    html {
      font-size: 18px; } 

  /* Targeted element that is hidden on mobile, currently hides specific buttons */
  .hide-on-mobile {
    display: none;
  }
  /* Hide facet container on mobile, this hides the Filters section */
  div[class$="facet-container"] {
    display: none;
  }

}

body {
  font-family: "Codec Pro Regular";
  background-color: #F5F5F5; }

img {
  vertical-align: sub; }

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

h2, h3, h4, h5, h6 {
  line-height: 1.05;
  font-weight: 700; }

h1 {
  font-weight: 700;
  line-height: 1.05;
  margin-bottom: 1.5rem;
  font-size: 1.25em; }

h2 {
  font-weight: 700;
  line-height: 1.05;
  font-size: 1.125em;
  margin: 1.5rem 0 !important;
  font-family: "Codec Pro Bold";
  text-decoration: none;
  color: #072531; 
}
  h2 img {
    margin-bottom: 0.375rem; }

h3 {
  font-size: 1em; }

h4 {
  font-size: .875em; }

h5 {
  font-size: .75em; }

nav {
  margin-bottom: 1rem; }

.edges-bs5-pager_container .edges-bs5-pager_nav {
  width: 100%;
  text-align: center; }
.edges-bs5-pager_container a {
  text-decoration: none;
  color: #609690; }
  .edges-bs5-pager_container a.edges-bs5-pager_first {
    float: left; }
  .edges-bs5-pager_container a.edges-bs5-pager_prev {
    float: left; }
  .edges-bs5-pager_container a.edges-bs5-pager_next {
    float: right; }
.edges-bs5-pager_container span {
  display: inline-block; }
.edges-bs5-pager_container .material-symbols-outlined {
  vertical-align: top; }

div[class$="facet-container"],
div[class$="controls-container"] {
  background-color: #FFF;
  border-radius: 10px;
  padding: 1.5rem;
  overflow-y: scroll;
  -ms-overflow-y: scroll;
  scrollbar-color: hotpink; }
  div[class$="facet-container"] div[class$="facetview_facet"]:not(:first-of-type):not(:last-of-type),
  div[class$="controls-container"] div[class$="facetview_facet"]:not(:first-of-type):not(:last-of-type) {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #F5F5F5; }
  div[class$="facet-container"] h1,
  div[class$="controls-container"] h1 {
    font-family: "Codec Pro Bold";
    color: #609690; }

div[class^="edges-bs5-facetview_facet"] div[class$="_favourites-filter_filter"] a,
div[class^="edges-bs5-facetview_facet"] div[class$="_result"] a {
  font-family: "Codec Pro Regular";
  font-size: .875em;
  font-weight: 700;
  color: #072531;
  text-decoration: none;
  cursor: pointer !important; }
  div[class^="edges-bs5-facetview_facet"] div[class$="_favourites-filter_filter"] a.active,
  div[class^="edges-bs5-facetview_facet"] div[class$="_result"] a.active {
    font-family: "Codec Pro Bold";
    text-decoration: none;
    color: #072531;
    cursor: pointer; }
div[class^="edges-bs5-facetview_facet"] div[class$="_header"] a {
  font-family: "Codec Pro Bold";
  text-decoration: none;
  color: #072531;
  cursor: pointer; }
div[class^="edges-bs5-facetview_facet"] div[class$="_body--existing"],
div[class^="edges-bs5-facetview_facet"] div[class$="_body--new"] {
  border-radius: 10px;
  border: 1px solid #F5F5F5;
  padding: 5px;
  margin-bottom: 0.375rem; }
  div[class^="edges-bs5-facetview_facet"] div[class$="_body--existing"] input, div[class^="edges-bs5-facetview_facet"] div[class$="_body--existing"] select,
  div[class^="edges-bs5-facetview_facet"] div[class$="_body--new"] input,
  div[class^="edges-bs5-facetview_facet"] div[class$="_body--new"] select {
    border-radius: 10px !important;
    background-color: #FFF;
    border: none;
    max-width: 100%;
    min-width: 100%;
    font-family: "Codec Pro Regular";
    font-size: .875em;
    font-weight: 700;
    color: #072531;
    text-decoration: none;
    cursor: pointer; }
    div[class^="edges-bs5-facetview_facet"] div[class$="_body--existing"] input ::placeholder, div[class^="edges-bs5-facetview_facet"] div[class$="_body--existing"] select ::placeholder,
    div[class^="edges-bs5-facetview_facet"] div[class$="_body--new"] input ::placeholder,
    div[class^="edges-bs5-facetview_facet"] div[class$="_body--new"] select ::placeholder {
      font-size: .875em;
      line-height: 150%;
      color: #F5F5F5;
      font-weight: 300; }
  div[class^="edges-bs5-facetview_facet"] div[class$="_body--existing"] select,
  div[class^="edges-bs5-facetview_facet"] div[class$="_body--new"] select {
    margin-bottom: 0.375rem; }

.mdc-featured-results_record {
  position: relative;
  margin-bottom: 1.5rem;
  transition: .3s;
  min-width: 250px;
  max-width: 300px; }
  .mdc-featured-results_record .js-result-box_image {
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    .mdc-featured-results_record .js-result-box_image .image-fluid {
      width: 100%; }
  .mdc-featured-results_record .js-result-box_select {
    position: absolute;
    bottom: 0;
    background-color: #B2D7D3;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0.1875rem 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    min-width: 100%;
    width: 100%; }
    .mdc-featured-results_record .js-result-box_select > a {
      font-size: .75em;
      line-height: 1;
      text-align: center;
      color: #072531;
      text-decoration: none; }
      .mdc-featured-results_record .js-result-box_select > a > span[class$="author"],
      .mdc-featured-results_record .js-result-box_select > a > span[class$="created"] {
        display: none; }
    .mdc-featured-results_record .js-result-box_select span[class$="attrs"] {
      display: none; }
  .mdc-featured-results_record:hover .js-result-box_select {
    position: absolute;
    top: 5rem;
    background: linear-gradient(180deg, rgba(178, 215, 211, 0) 0%, rgba(96, 150, 144, 0.75) 100%);
    overflow: unset;
    text-overflow: unset;
    white-space: pre-line;
    overflow-wrap: break-word;
    max-width: 100%;
    min-width: 100%;
    width: 100%; }
    .mdc-featured-results_record:hover .js-result-box_select > a {
      position: absolute;
      height: calc(100% + 4.5rem);
      width: calc(100% - 50px);
      top: -4.5rem;
      font-size: .75em;
      text-align: left;
      color: #072531;
      text-decoration: none; }
      .mdc-featured-results_record:hover .js-result-box_select > a > span[class$="author"],
      .mdc-featured-results_record:hover .js-result-box_select > a > span[class$="created"] {
        display: block; }
      .mdc-featured-results_record:hover .js-result-box_select > a > span[class$="name"] {
        font-family: "Codec Pro Bold"; }
    .mdc-featured-results_record:hover .js-result-box_select span[class$="attrs"] {
      display: inline-block; }

.mdc-main-results_record {
  position: relative;
  margin-bottom: 0.375rem 0;
  font-size: .75em; }
  .mdc-main-results_record div[class$="results_box"] {
    padding: 0.375rem 0;
    margin: 0.375rem 0;
    background-color: #F5F5F5;
    border-radius: 10px; }
    .mdc-main-results_record div[class$="results_box"] div, .mdc-main-results_record div[class$="results_box"] a, .mdc-main-results_record div[class$="results_box"] span {
      line-height: 1.75;
      color: #072531;
      text-decoration: none; }
      .mdc-main-results_record div[class$="results_box"] div > span[class$="author"],
      .mdc-main-results_record div[class$="results_box"] div > span[class$="created"], .mdc-main-results_record div[class$="results_box"] a > span[class$="author"],
      .mdc-main-results_record div[class$="results_box"] a > span[class$="created"], .mdc-main-results_record div[class$="results_box"] span > span[class$="author"],
      .mdc-main-results_record div[class$="results_box"] span > span[class$="created"] {
        display: block; }
      .mdc-main-results_record div[class$="results_box"] div > span[class$="attrs"], .mdc-main-results_record div[class$="results_box"] a > span[class$="attrs"], .mdc-main-results_record div[class$="results_box"] span > span[class$="attrs"] {
        position: unset;
        display: inline-block; }
      .mdc-main-results_record div[class$="results_box"] div > span[class$="name"], .mdc-main-results_record div[class$="results_box"] a > span[class$="name"], .mdc-main-results_record div[class$="results_box"] span > span[class$="name"] {
        font-family: "Codec Pro Bold"; }

@media (max-width: 1199.98px) {
  .js-mdc-featured-results_record-container:nth-child(n+5) {
    display: none; } }
@media (max-width: 1399.98px) {
  .js-mdc-featured-results_record-container:nth-child(n+7) {
    display: none; } }
div[class$="selected-filters_selected-filters_container"] {
  display: flex;
  flex-wrap: wrap; }
  div[class$="selected-filters_selected-filters_container"] span {
    display: flex;
    flex-direction: row;
    width: max-content;
    align-items: center;
    font-size: .875em;
    margin: 0.375rem;
    border-radius: 10px;
    padding: 0.1875rem 0.75rem; }
    div[class$="selected-filters_selected-filters_container"] span > * {
      margin: 0;
      padding: 0; }
    div[class$="selected-filters_selected-filters_container"] span[class$="selected-filters_field"] {
      font-family: "Codec Pro Bold";
      background-color: #609690;
      color: #FFF; }
      div[class$="selected-filters_selected-filters_container"] span[class$="selected-filters_field"] > a {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .875em;
        margin-left: 1rem;
        padding: 0;
        color: #FFF;
        text-decoration: none; }
    div[class$="selected-filters_selected-filters_container"] span[class$="selected-filters_clear-all"] {
      font-family: "Codec Pro Bold";
      background-color: #D66F67; }
      div[class$="selected-filters_selected-filters_container"] span[class$="selected-filters_clear-all"] a {
        font-size: .875em;
        color: #FFF;
        text-decoration: none; }

div[class$="facetview_results"],
div[class$="facetview_searching"],
div[class$="facetview_selected-filters"],
#selected-materials {
  background-color: #FFF;
  border-radius: 0;
  padding: 0.375rem 1.5rem 1.5rem 1.5rem;
  overflow-y: scroll;
  -ms-overflow-y: scroll;
  scrollbar-color: hotpink; }

div[class$="facetview_results"] {
  border-bottom: 1px solid #F5F5F5; }

#selected-materials {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 1.5rem;
  float: right; }
  #selected-materials .mdc-selected-materials_container {
    width: max-content;
    margin-left: auto; }

#results {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.round {
  text-align: center;
  border-radius: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  min-width: unset !important;
  padding: unset !important;
  z-index: 100; }

button.btn.btn-primary {
  height: 100%;
  border-radius: 10px;
  border: none;
  padding: 0.375rem 1.5rem;
  background-color: #072531CC;
  color: #FFF;
  font-weight: 500; }
  button.btn.btn-primary:hover {
    background-color: #072531;
    color: #FFF;
    transition: all 0.1s; }
  button.btn.btn-primary:disabled {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
    color: #666666; }
  button.btn.btn-primary[class$="_search-button"] {
    border-radius: 10px !important;
    margin-left: -50px;
    height: 90%; }
    button.btn.btn-primary[class$="_search-button"]:hover:after {
      font-family: 'Material Icons';
      content: "arrow_forward";
      vertical-align: bottom;
      -webkit-font-feature-settings: 'liga' 1;
      -moz-font-feature-settings: 'liga' 1;
      font-feature-settings: 'liga' 1; }
  button.btn.btn-primary.mdc-controls_backlink {
    border-radius: 10px !important; }
    button.btn.btn-primary.mdc-controls_backlink a {
      color: #FFF;
      text-decoration: none; }
    button.btn.btn-primary.mdc-controls_backlink:hover:before {
      font-family: 'Material Icons';
      content: "arrow_back";
      vertical-align: bottom;
      -webkit-font-feature-settings: 'liga' 1;
      -moz-font-feature-settings: 'liga' 1;
      font-feature-settings: 'liga' 1; }
button.btn.btn-secondary {
  border-radius: 10px;
  border-color: #B2D7D3;
  padding: 0.375rem 1.5rem;
  background-color: #FFF;
  color: #072531;
  font-weight: 500; }
  button.btn.btn-secondary:hover {
    background-color: #B2D7D3;
    border-color: #B2D7D3;
    color: #072531; }
button.btn.btn-clear {
  border-radius: 10px;
  background-color: #609690;
  border-color: #609690;
  color: #FFF; }
  button.btn.btn-clear:hover {
    background-color: #4F807A;
    border-color: #4F807A; }
button.js-edges-bs5-multifieldrangeselectorfacet_properties_remove {
  width: 100%;
  font-size: .875em; }

.js-result-selector_select {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
  padding: 0 5px; }
  .js-result-selector_select .material-symbols-outlined {
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .js-result-selector_select:hover {
    background-color: #072531 !important;
    border: none; }
  .js-result-selector_select[data-state="unselected"] {
    background-color: #FFF;
    border-color: #F5F5F5;
    border-radius: 100% !important; }
    .js-result-selector_select[data-state="unselected"] .material-symbols-outlined {
      color: #F5F5F5; }
  .js-result-selector_select[data-state="selected"] {
    background-color: #072531 !important;
    border: none;
    border-radius: 100% !important; }
    .js-result-selector_select[data-state="selected"] .material-symbols-outlined {
      color: #FFF; }

.mdc-selected-materials_unselect {
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0 5px;
  background-color: #072531 !important;
  border: none;
  margin-right: .5rem;
  border-radius: 100% !important; }
  .mdc-selected-materials_unselect .material-symbols-outlined {
    font-size: 22px;
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.btn-close {
  width: unset;
  height: unset;
  margin: unset;
  padding: unset; }

.form-input {
  margin: 0.75rem 0; }

.js-edges-bs5-search-box_search {
  position: relative; }
  .js-edges-bs5-search-box_search button {
    position: absolute;
    top: 5%;
    right: .25rem; }

input[type="text"] {
  max-width: 100%;
  background-color: #FFF;
  border-radius: 10px;
  border-color: #FFF;
  margin-bottom: 0.75rem;
  padding: 0.375rem 1.5rem; }
  input[type="text"] ::placeholder {
    font-size: .875em;
    line-height: 150%;
    color: #F5F5F5;
    font-weight: 300; }
  input[type="text"][class$="_search-controller_text"] {
    border-radius: 10px !important;
    width: 100%;
    padding-right: 50px;
    background: url(/static/img/icons/search.svg) no-repeat;
    background-color: #FFF;
    padding-left: 3rem; }

div[class$="multifieldrangeselectorfacet_properties_selector"] {
  flex-direction: column; }

select {
  background-color: #FFF;
  border-color: #F5F5F5;
  border-radius: 10px;
  padding: 0.75rem;
  max-width: 100%;
  min-width: 100%;
  font-family: "Codec Pro Regular";
  font-size: .875em;
  font-weight: 700;
  color: #072531;
  text-decoration: none;
  cursor: pointer; }
  select ::placeholder {
    font-size: .875em;
    line-height: 150%;
    color: #F5F5F5;
    font-weight: 300; }

select {
  margin-bottom: 0.375rem; }

input[type="checkbox"], label {
  cursor: pointer; }

.icon-left {
  margin-right: 1rem; }
.icon-right {
  margin-left: 1rem; }

#favourite--icon {
  height: 1.25rem; }

span[class$="attrs"] {
  position: absolute;
  bottom: 1rem; }
  span[class$="attrs"] img {
    height: 1rem;
    width: 1rem; }

.js-result-box_tooltip-blue,
.js-result-selector_tooltip-blue {
  --bs-tooltip-bg: #63B6DB;
  --bs-tooltip-color: #282624; }

.js-result-box_tooltip-red,
.js-result-selector_tooltip-red {
  --bs-tooltip-bg: #D66F67;
  --bs-tooltip-color: #282624; }

.js-result-selector_tooltip-green,
.js-result-box_tooltip-green {
  --bs-tooltip-bg: #B2D7D3;
  --bs-tooltip-color: #282624; }

.js-result-selector_tooltip-gold,
.js-result-box_tooltip-gold {
  --bs-tooltip-bg: #D19C1D;
  --bs-tooltip-color: #282624; }

.js-result-selector_tooltip-grey,
.js-result-box_tooltip-grey {
  --bs-tooltip-bg: #666666;
  --bs-tooltip-color: #282624; }

div[class^="edges-bs5"] {
  /*sets the background color of switch to $teal when it is checked*/
  /*sets the background color of switch to $teal when it is active*/ }
  div[class^="edges-bs5"] .form-check-input:focus ~
  .form-check-input::before {
    /* when the button is toggled off it is still in focus and a $teal border will appear */
    border-color: #609690 !important;
    /* box shadow is blue by default but we do not want any shadow hence we have set all the values as 0 */
    box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important; }
  div[class^="edges-bs5"] .form-check-input:checked {
    border-color: #609690 !important;
    background-color: #609690 !important; }
  div[class^="edges-bs5"] .form-check-input:active ~
  .form-check-input::before {
    background-color: #609690 !important;
    border-color: #609690 !important; }

.progress-bar {
  background-color: #609690; }

.modal {
  background-color: rgba(0, 0, 0, 0.2); }
  .modal .modal-dialog {
    margin-top: 25vh;
    border-radius: 10px; }
    .modal .modal-dialog .modal-content {
      background-color: #FFF; }
      .modal .modal-dialog .modal-content .modal-header {
        font-family: "Codec Pro Bold";
        color: #609690;
        font-size: 1.25em;
        font-style: normal;
        font-weight: 700;
        line-height: 1.5; }
      .modal .modal-dialog .modal-content .modal-body small {
        line-height: 2rem; }
      .modal .modal-dialog .modal-content .modal-body .mdc-selected-materials_list div {
        margin-bottom: .75rem; }

a.primary {
  color: #609690;
  margin-bottom: 12rem; }
  a.primary:hover {
    font-weight: 700; }

#chart {
  height: 100vh; }

.legendtoggle {
  display: none; }

.form-check {
  display: inline-block;
  clear: left;
  float: left; }

/********************************************************
 *  Pager
 */
.edges-bs5-pager_container {
  padding: 5px;
  background: #eeeeee;
  margin-top: 10px;
  margin-bottom: 10px; }

.edges-bs5-pager_total {
  font-weight: bold; }

@media (min-width: 992px) {
  .edges-bs5-pager_size {
    margin-left: 10px; } }
.edges-bs5-pager_nav {
  float: right; }

.edges-bs5-pager_first {
  margin-right: 5px;
  font-weight: bold; }

.edges-bs5-pager_first.disabled {
  margin-right: 5px;
  font-weight: bold;
  color: #cccccc; }

.edges-bs5-pager_prev {
  margin-right: 5px;
  font-weight: bold; }

.edges-bs5-pager_prev.disabled {
  margin-right: 5px;
  font-weight: bold;
  color: #cccccc; }

.edges-bs5-pager_page {
  margin-right: 5px;
  font-weight: bold; }

.edges-bs5-pager_next {
  margin-right: 5px;
  font-weight: bold; }

.edges-bs5-pager_next.disabled {
  margin-right: 5px;
  font-weight: bold;
  color: #cccccc; }

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