/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 17 March 2023 14:58:38
*/


/********************/
/* OST Core Styling */
/********************/
  
/***********************************/
/* Begin Dynamic Results Container */
/***********************************/
  .row.dynamicResultsContainer {
      margin: 1em 0 2em 0;
  }
  
  .dynamicResultsContainer .sectionResults,
  .dynamicResultsContainer .sectionMap {
      position: relative;
  }
  
  .dynamicResultsContainer .sectionMap {
      min-height: 30em;
  }
  
  .dynamicResultsContainer .defaultLoader {
      display: flex;
      width: 100%;
      height: 30em;
      justify-content: center;
      align-items: center;
      background: hsla(0, 0%, 0%, 0.10);
      z-index: 2;
  }
  
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card {
      width: 25%;
      margin: 1em;
      height: 25em;
      border: 2px solid hsla(0, 0%, 50%, 0.5);
      box-shadow: 0 0 1em hsla(0, 0%, 0%, 0.05);
      background: white;
      padding: 1em;
  }
  
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .top,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom {
      height: 50%;
  }
  
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .top {
      background: hsla(0, 0%, 0%, 0.1);
      border-radius: 1em;
  }
  
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line1,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line2,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line3,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line4,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line5 {
      height: 10%;
      margin: 0.5em 0;
      background: hsla(0, 0%, 0%, 0.2);
  }
  
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line1 {
      height: 15%;
      margin: 2em 0;
  }
  
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .top,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line1,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line2,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line3,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line4,
  .dynamicResultsContainer .defaultLoader.forDynamicResults .card .bottom .line5 {
      background: linear-gradient(90deg, hsla(0, 0%, 95%, 1.0) 10%, hsla(0, 0%, 98%, 1.0) 20%, hsla(0, 0%, 95%, 1.0) 35%);
      background-size: 200% 100%;
      animation: 1.5s lightRay linear infinite;
  }

  @-webkit-keyframes lightRay {
       to {
           background-position-x: -200%;
       }
  }

  @keyframes lightRay {
       to {
           background-position-x: -200%;
       }
  }
  
  .dynamicResultsContainer .defaultLoader.forDynamicMap {
      position: absolute;
      left: 0;
      right: 0;
      min-height: 100%;
      background-image: url('./?a=2178290');
      background-size: cover;
      background-repeat: no-repeat;
  }
  
  .dynamicResultsContainer .defaultLoader.forDynamicMap .overlay {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      opacity: 0.25;
      background: linear-gradient(90deg, hsla(0, 0%, 30%, 1.0) 10%, hsla(0, 0%, 40%, 1.0) 20%, hsla(0, 0%, 30%, 1.0) 35%);
      background-size: 200% 100%;
      animation: 1.5s lightRay linear infinite;
  }
  
  .dynamicResultsContainer .dynamicLoader {
      position: relative;
      backdrop-filter: blur(5px);
  }
  
  .dynamicResultsContainer .dynamicLoader::after {
      content: '';    
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      background: linear-gradient(90deg, hsla(0, 0%, 30%, 0.25) 10%, hsla(0, 0%, 40%, 0.25) 20%, hsla(0, 0%, 30%, 0.25) 35%);
      background-size: 200% 100%;
      animation: 1.5s lightRay linear infinite;
  }
  
  .dynamicResultsContainer .dynamicLoader div {
      filter: blur(3px);
  }
  
  .dynamicResultsContainer .defaultLoader.hidden,
  .dynamicResultsContainer .dynamicLoader.hidden {
      display: none;
  }
  
  .dynamicResultsContainer .dynamicResultsSummaryContainer {
      font-weight: bold;
      text-align: center;
      padding: 0.75em 0 0.5em 0;
      background: black;
      color: white;
      margin-bottom: 0.1em;
  }
  
  .dynamicResultsContainer .dynamicResultsSummaryContainer .resultCount {
      margin: 0 0 0 0;
  }
  
  .dynamicResultsContainer .dynamicResultsSummaryContainer .resultCount.noResults {
      background: maroon;
      margin: -1em 0;
      padding: 1em;
      color: white;
  }
  
  .dynamicResultsContainer .showResultsContainer {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      flex-basis: 100%;
  }
  
  .dynamicResultsContainer .showResultsContainer [class^="col-"] {
      margin: 0.75em 0;
  }
  
  .dynamicResultsContainer .pagingContainer {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2em 0;
  }
  
  .dynamicResultsContainer .pagingContainer.hidden {
      display: none;
  }
  
  .dynamicResultsContainer .pagingContainer .pages {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  
  .dynamicResultsContainer .pagingContainer .pages label,
  .dynamicResultsContainer .pagingContainer .pages a {
      padding: 0.5em 1em;
      margin: 0.5em;
      border: 1px solid hsla(0, 0%, 0%, 0.1);
  }
  
  .dynamicResultsContainer .pagingContainer .pages a {
      cursor: pointer;
      font-weight: bold;
      text-decoration: none;
      background: hsla(0, 0%, 0%, 0.25);
  }
  
  .dynamicResultsContainer .pagingContainer .pages a:hover {
      background: hsla(0, 0%, 0%, 0.10);
  }
  
  .dynamicResultsContainer .pagingContainer .btn {
      position: relative;
      background: black;
      color: white;
      cursor: pointer;
      font-weight: bold;
      margin: 0;
  }
  
  .dynamicResultsContainer .pagingContainer .btn:active,
  .dynamicResultsContainer .pagingContainer .btn:focus,
  .dynamicResultsContainer .pagingContainer .btn:hover {
      background: hsla(0, 0%, 0%, 0.85);
  }
  
  .dynamicResultsContainer .pagingContainer .btn.btn-previous {
      padding: 1em 1em 1em 2.5em;
  }
  
  .dynamicResultsContainer .pagingContainer .btn.btn-next {
      padding: 1em 2.5em 1em 1em;
  }
  
  .dynamicResultsContainer .pagingContainer .btn.btn-previous::after {
      content: '\f060';
      font-family: 'Font Awesome 5 Free';
      position: absolute;
      left: 1em;
  }
  
  .dynamicResultsContainer .pagingContainer .btn.btn-next::after {
      content: '\f061';
      font-family: 'Font Awesome 5 Free';
      position: absolute;
      right: 1em;
  }
  
  .dynamicResultsContainer .dynamicMapSummaryContainer .heading {
      font-weight: bold;
      margin-bottom: 0.25em;
  }
/***********************************/
/* End Dynamic Results Container */
/***********************************/
  
  
/***********************/
/* Begin Map Container */
/***********************/
.dynamicMapContainer {
    position: relative;
    width: 100%;
    height: auto;
    margin: 1em auto;
    padding-bottom: 2em;
}

.dynamicMapContainer.solo {
    margin-bottom: 2em !important;
}

.dynamicMapContainer .mapHeading,
.dynamicMapContainer .mapInstructions {
    display: block;
    background-color: var(--palette-buff-secondary);
    padding: 0.5em 0.5em 0 0.75em;
}

.dynamicMapContainer .mapHeading.invisible,
.dynamicMapContainer .mapInstructions.invisible {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

.dynamicMapContainer .mapHeading h2 {
    font-weight: bold;
    margin: 0.5em 0;
}

.dynamicMapContainer .mapInstructions {
    padding: 0.5em 0.5em 0.5em 0.75em;
}

.dynamicMapContainer .mapInstructions .heading,
.dynamicMapContainer .mapInstructions .description {
    color: black;
    margin-bottom: 0;
}

.dynamicMapContainer .mapInstructions .heading {
    font-weight: bold;
    font-size: 1.25em;
    text-decoration: underline;
    margin: 0.5em 0;
    background: transparent;
}

.dynamicMapContainer .mapInstructions ul {
    list-style: disc;
}

.dynamicMapContainer .map {
    width: 100%;
    height: 40em;
    padding: 0;
    margin: 0;
}

.dynamicMapContainer .map .mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
    cursor: pointer;
}

.dynamicMapContainer .mapMenu {
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    min-width: 45%;
    padding: 0 0 0.5em 0;
    background: white;
    font-weight: bold;
    text-align: center;
    border: 1px solid lightgrey;
}

.dynamicMapContainer .mapMenu label {
    margin-top: 0.75em;
}

.dynamicMapContainer .mapMenu input {
    margin-right: 0.5em;
    margin-bottom: -0.75em;
}

.dynamicMapContainer .marker {
    z-index: 1;
    width: 3em;
    height: 4.5em;
    background-size: cover;
    background-repeat: no-repeat;
}

.dynamicMapContainer .mapboxgl-canvas-container {
    width: 100% !important;
}

.dynamicMapContainer .mapboxgl-scroll-zoom-blocker {
    z-index: 5;
}

.dynamicMapContainer .mapboxgl-popup,
.dynamicMapContainer .mapboxgl-popup-content,
.dynamicMapContainer .mapboxgl-popup-tip {
    z-index: 3 !important;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content {
    background-color: black;
    width: 30em;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-tip {
    border-bottom-color: white !important;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content {
    position: relative;
    padding: 0.5em 2em 1em 1em;
    box-shadow: 0.5em 0.5em 0.5em hsla(0, 0%, 50%, 1.0);   
    border-radius: 0.5em;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content,
.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .heading,
.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .description,
.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .moreInfoPageURL {
    color: white !important;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .heading {
    font-size: 1.5em;
    font-weight: bold;
    padding: 0;   
    margin: 0.25em 0.5em 1em 0;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .description {
    margin-bottom: 1em;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .description p:last-of-type {
    margin-bottom: 0;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .moreInfoPageURL {
    display: inline-block;
    margin-top: 1em;
    padding: 0;
    font-size: 1.1em;
    background: transparent;
    position: relative;
    border-bottom: 2px solid white;
    text-decoration: none;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .moreInfoPageURL::after {
    position: absolute;
    top: 0;
    right: -1.5em;
    content: "\2192";
    font-weight: bold;
    font-size: 1.5em;
    color: white;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .moreInfoPageURL:hover,
.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .moreInfoPageURL:focus {
    cursor: pointer;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
    content: 'X';
    padding: 0.25em;
    font-weight: bold;
    font-size: 2em;
    color: white;
    background: black;
    border: none !important;
}

.dynamicMapContainer .srOnlyContents {
    position:absolute;
    left: -500em;
    top: auto;
    width: 0.1em;
    height: 0.1em;
    overflow: hidden;
}
/*********************/
/* End Map Container */
/*********************/


/****************************/
/* Begin Expandable Content */
/****************************/
.expandableContentButton {
    position: relative;
    background: black;
    padding: 1em 3em 1em 1em;
    font-weight: bold;
    color: white;
    cursor: pointer;
    width: auto;
    outline: none;
    text-align: left;
    margin: 1em 0;
}

.expandableContentButton:active,
.expandableContentButton:hover,
.expandableContentButton:focus {
    box-shadow: inset 0 0 1px black;
}

.expandableContentButton::after,
.expandableContentButton.active::after {
    content: "\f107";
    position: absolute;
    right: 1em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.expandableContentButton.active {
    margin-bottom: 0;
}

.expandableContentButton.active + .expandableContent {
    margin-bottom: 1em;
}

.expandableContentButton.active::after {
    content: "\f106";
}

.expandableContent {
    display: none;
    padding: 0.5em;
    width: 100%;
    border: 1px solid black;
}
/**************************/
/* End Expandable Content */
/**************************/


/***********************/
/* Begin Media Queries */
/***********************/
@media screen and (max-width: 991px) {
    .dynamicResultsContainer .pagingContainer {
        font-size: 0.85em;
    }
    
    .dynamicResultsContainer .pagingContainer .btn.btn-previous,
    .dynamicResultsContainer .pagingContainer .btn.btn-next {
        padding: 0;
        color: black;
        background: none;
    }
    
    .dynamicResultsContainer .pagingContainer .btn.btn-previous::after,
    .dynamicResultsContainer .pagingContainer .btn.btn-next::after {
        content: '';
    }
}

/*********************/
/* End Media Queries */
/*********************/
/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 17 March 2023 14:58:38
*/


  /**********************************/
  /* Begin OST Super Select Styling */
  /**********************************/
  .customSelect {
    position: relative;
    margin: 0.25em 0 1em 0;
  }
  
  input.viewState {
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute;
  }
  
  .customSelect.open {
    z-index: 2;
  }
  
  .customSelect.open .customSelect-screen {
    z-index: 1;
    display: block;
  }
  
  .customSelect.open .customSelect-options.open {
    z-index: 2;
    max-height: 100vh;
    display: block;
  }

  .customSelect.open .customSelect-options {
    display: none;
  }
  
  .customSelect.open .customSelect-display {
    z-index: 2;
    border-color: var(--line-color);
  }

  .customSelect select {
    display: none;
  }
  
  .customSelect-display:active,
  .customSelect-display:focus,
  .customSelect-display:hover {
    border: 2px dotted black;    
  }
  
  .customSelect .customSelect-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    top: 0px;
    left: 0px;
    opacity: 0;
    display: none;
    z-index: 1;
  }
  
  .customSelect .link {
    text-align: center;
    margin: 1.5em 0;
    color: black;
  }
  
  .customSelect .customSelect-display {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0.25em 1.5em 0.25em 0.25em;
    border: 1px solid var(--line-color);
    width: 100%;
    background: white;
    z-index: 1;
    margin: 0px;
    min-height: 2.5em;
  }
  
  .customSelect .customSelect-display:hover:after {
    opacity: 0.75;
  }
  
  .customSelect .customSelect-display:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f0d7";
    position: absolute;
    right: 0.5em;
    top: calc(50% - 0.65em);
    font-weight: 900;
    color: black;
  }
  
  .customSelect.open .customSelect-display:after {
      content: "\f0d8";
  }
  
  .customSelect .customSelect-display .item {
    position: relative;
    background-color: black;
    color: white;
    display: inline-block;
    margin: 0.15em;
    padding: 0.25em 2.0em 0.25em 0.5em;
    font-size: 0.8em;
  }
  
  .customSelect .customSelect-display .item:focus,
  .customSelect .customSelect-display .item:active {
     background: darkred;
  }

  .customSelect .customSelect-display .item .btnclose {
    color: white;
    position: absolute;
    right: -0.5em;
    top: calc(50% - 0.5em);
    cursor: pointer;
    font-style: normal;
  }
  
  .customSelect .customSelect-display .item .btnclose:hover {
    opacity: 0.75;
  }
  
  .customSelect .customSelect-display .item.remove {
    -webkit-animation: removeSelected 0.2s, hide 1s infinite;
            animation: removeSelected 0.2s, hide 1s infinite;
    -webkit-animation-delay: 0s, 0.2s;
            animation-delay: 0s, 0.2s;
    display: none;
  }
  
  .customSelect .customSelect-display .item.add {
    -webkit-animation: addSelected 0.2s;
            animation: addSelected 0.2s;
  }
  
  .customSelect .customSelect-display .item.hide {
    display: none;
  }
  
  .customSelect .customSelect-options {
    background: white;
    box-shadow: 0px 2px 4px hsla(0, 0%, 0%, 0.25);
    position: absolute;
    width: 100%;
    max-height: 0px;
    overflow-y: auto;
    transition: all 0.1s linear;
    z-index: 1;
  }
  
  .customSelect .customSelect-options.empty {
      box-shadow: none;
  }
  
  .customSelect .customSelect-options a {
    display: block;
    line-height: 1.5em;
    padding: 0.25em 1.5em;
    color: black;
    position: relative;
    transition: all 0.1s;
    text-decoration: none;
  }
  
  .customSelect .customSelect-options a:hover,
  .customSelect .customSelect-options a:focus {
    background: black;
    color: white;
    cursor: pointer;
  }
  
  .customSelect .customSelect-options a.remove {
    -webkit-animation: removeOption 0.1s;
            animation: removeOption 0.1s;
    max-height: 0px;
    display: none;
  }
  
  .customSelect .customSelect-options a.add {
    -webkit-animation: addOption 0.1s;
            animation: addOption 0.1s;
  }
  
  .customSelect .customSelect-options a.hide {
    display: none;
  }
  
  @-webkit-keyframes pop {
    from {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    to {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @keyframes pop {
    from {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    to {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes removeOption {
    from {
      max-height: 1em;
    }
    to {
      max-height: 0px;
    }
  }
  @keyframes removeOption {
    from {
      max-height: 1em;
    }
    to {
      max-height: 0px;
    }
  }
  @-webkit-keyframes addOption {
    from {
      max-height: 0px;
    }
    to {
      max-height: 1em;
    }
  }
  @keyframes addOption {
    from {
      max-height: 0px;
    }
    to {
      max-height: 1em;
    }
  }
  @-webkit-keyframes removeSelected {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    to {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
  }
  @keyframes removeSelected {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    to {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
  }
  @-webkit-keyframes addSelected {
    from {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    to {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes addSelected {
    from {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    to {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes hide {
    from, to {
      max-height: 0px;
      max-width: 0px;
      padding: 0px;
      margin: 0px;
      border-width: 0px;
    }
  }
  @keyframes hide {
    from, to {
      max-height: 0px;
      max-width: 0px;
      padding: 0px;
      margin: 0px;
      border-width: 0px;
    }
  }
/********************************/
/* End OST Super Select Styling */
/********************************/
