@charset "UTF-8";
/*!
Theme Name: GNL Web ECC
Theme URI:   
Author: OCIO Web Services
Author URI: http://www.ocio.gov.nl.ca/
Description:  
Version: 1.2.0 
Template: gnl-web-framework   
License:  
License URI:  
Text Domain: gnl-web-framework
Tags:  
*/
/**
* GNL UI ICONS
*
* https://icomoon.io/app/
*/
@font-face {
  font-family: "gnl-ui-icons";
  src: url("../gnl-web-framework/assets/gnl-ui-icons.ttf?40hoac") format("truetype"), url("../gnl-web-framework/assets/gnl-ui-icons.woff?40hoac") format("woff"), url("../gnl-web-framework/assets/gnl-ui-icons.svg?40hoac#gnl-ui-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "gnl-ui-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e970";
}

.icon-ext:before {
  content: "\e971";
}

.icon-pdf:before {
  content: "\e972";
}

.icon-picture:before {
  content: "\e982";
}

.icon-video:before {
  content: "\e980";
}

.icon-audio:before {
  content: "\e981";
}

.icon-print:before {
  content: "\e908";
}

.icon-search:before {
  content: "\e960";
}

.icon-telephone:before {
  content: "\e990";
}

.icon-link:before {
  content: "\e906";
}

.icon-up-down:before {
  content: "\e900";
}

.icon-up:before {
  content: "\e961";
}

.icon-down:before {
  content: "\e964";
}

.icon-left:before {
  content: "\e963";
}

.icon-right:before {
  content: "\e962";
}

.icon-home-2:before {
  content: "\e904";
}

.icon-checkmark:before {
  content: "\e901";
}

.icon-profile:before {
  content: "\e905";
}

.icon-computer:before {
  content: "\e902";
}

.icon-envelope:before {
  content: "\e903";
}

.icon-info:before {
  content: "\e907";
}

.icon-facebook:before {
  content: "\e909";
}

.icon-twitter:before {
  content: "\e910";
}

.icon-instagram:before {
  content: "\e984";
}

.icon-you-tube:before {
  content: "\e912";
}

.icon-pinterest:before {
  content: "\e913";
}

.icon-facebook-2:before {
  content: "\e983";
}

.icon-twitter-2:before {
  content: "\e985";
}

.icon-you-tube-2:before {
  content: "\e986";
}

.layout-banner {
  flex-flow: column;
  padding-top: 1.625rem;
  padding-bottom: 1.375rem;
}

@media print, screen and (min-width: 40em) {
  .layout-banner {
    flex-flow: row wrap;
  }
}
.layout-government-brand,
.layout-custom-logo {
  display: block;
}

.layout-site-title {
  text-align: center;
}

@media print, screen and (min-width: 40em) {
  .layout-site-title {
    text-align: left;
  }
}
.layout-menu-button {
  position: absolute;
  right: 0;
}

@media print, screen and (min-width: 40em) {
  .layout-menu-button {
    position: inherit;
  }
}
.layout-top-navigation {
  justify-content: flex-start;
  max-width: 100%;
  background-color: #004B87;
  color: #fff;
}
@media screen and (min-width: 120.0625em) {
  .layout-top-navigation {
    max-width: 88rem;
    margin: 0 auto;
    padding: 0 1rem;
  }
}
.layout-top-navigation .layout-top-menu {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row wrap;
  padding-left: 19.5625rem;
}

@media print, screen and (max-width: 1023px) {
  .layout-top-navigation {
    display: none;
  }
}
.home .layout-body {
  overflow: hidden;
}

footer {
  border: 0;
  background-color: #75787b;
  color: #fff;
  font-size: 0.9375rem;
  line-height: inherit;
}
footer a, footer .widgettitle, footer a:hover {
  color: #fff !important;
}

.layout-footer-widget-group {
  border-bottom: 0;
  padding: 0;
}
.layout-footer-widget-group .widget-section {
  width: calc(18.55% - 2rem);
}
.layout-footer-widget-group .widget-section:first-child {
  width: calc(25% - 2rem);
}
.layout-footer-widget-group .widget-section:nth-child(2) {
  width: calc(19% - 2rem);
  margin: initial;
  margin-left: 1rem;
  margin-right: 1rem;
}
.layout-footer-widget-group .widget-section:nth-child(2) .widget {
  width: calc(100% - 2rem);
  margin: 0;
}
.layout-footer-widget-group .widget-section:last-child {
  margin-right: -2rem;
}

@media print, screen and (max-width: 1023px) {
  .layout-footer-widget-group {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .layout-footer-widget-group .widget-section {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 1023px) {
  .layout-footer-widget-group .widget-section:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
  }
}
footer .government-brand a {
  width: 8.375rem;
  margin-bottom: 1rem;
}
footer .government-brand a img {
  width: 8.375rem;
  height: 5rem;
}
footer .icon {
  color: #fff;
  font-family: "gnl-ui-icons" !important;
  font-size: 1.5rem;
  margin-right: 0.375rem;
}
footer .icon:after {
  content: none !important;
}
footer .icon:hover {
  color: #fff;
  text-decoration: none;
}
footer .icon-twitter {
  margin-right: 1rem;
}
footer .icon-twitter:before {
  content: "\e985";
}
footer .icon-you_tube {
  margin-right: 0.375rem;
}
footer .icon-you_tube:before {
  content: "\e986";
}
footer .icon-facebook {
  margin-right: 0.375rem;
}
footer .icon-facebook:before {
  content: "\e983";
}
footer .icon-instagram {
  margin-right: 0.375rem;
}
footer .icon-instagram:before {
  content: "\e984";
}

.entry-title, .page-title, .widget-title, .feature-title {
  color: #3c3c3c !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #3c3c3c !important;
}

h1.entry-title {
  font-size: 1.3125rem;
  line-height: 1.15;
  letter-spacing: -0.03125rem;
  padding: 0;
  margin: -0.125rem 0 1.625rem;
  border: none !important;
}

.entry-title a:not([class^=a2a]):not(.button)[target=_blank]::after {
  display: none;
}

.entry-title, .widget-title {
  border-color: #75787B !important;
}

.lead {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.recent-posts {
  height: 24.875rem;
  overflow: scroll;
  overflow-x: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.recent-posts ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.recent-posts .post-date {
  color: #004B87;
  font-weight: bold;
}
.recent-posts .post-date a {
  color: #004B87;
  font-weight: bold;
}
.recent-posts > li {
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}

.accordion[role=tablist] {
  margin-left: 0;
  background: transparent;
  list-style-type: none;
  list-style-type: decimal;
  padding-left: 2rem;
}
.accordion[role=tablist][disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 2rem 1.25rem 3rem;
  border: 1px solid #D9D9D6;
  border-bottom: 0;
  font-size: inherit;
  line-height: 1;
  color: inherit;
  border-left: 0;
  border-right: 0;
  margin-left: -2rem;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #D9D9D6;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: transparent;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}
.accordion-title h2 {
  margin: 0;
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #D9D9D6;
  border-bottom: 0;
  background-color: #fff;
  color: inherit;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px;
  padding-top: 0;
  padding-left: 3rem;
  margin-left: -2rem;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #D9D9D6;
}

footer .government-brand a {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
}

.government-brand a img {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .government-brand a img {
    margin-bottom: 0;
  }
}

.left-navigation ul.menu > li, .left-navigation ul.sub-menu > li {
  border-top: 1px solid #D9D9D6;
}
.left-navigation ul.menu > li.menu-separator {
  border-top: 2px solid #004B87;
}
.left-navigation ul.menu > li > a:hover, .left-navigation ul.menu > li > a.hover, .left-navigation ul.menu > li > a.open {
  background-color: #F2F2F2;
}
.left-navigation ul.sub-menu > li > a {
  padding-left: 2rem;
}
.left-navigation ul.sub-menu > li > a:hover, .left-navigation ul.sub-menu > li > a.hover, .left-navigation ul.sub-menu > li > a.open {
  background-color: #F2F2F2;
}
.left-navigation ul.sub-menu > li ul.sub-menu > li > a {
  padding-left: 3rem;
}
.left-navigation ul.sub-menu > li ul.sub-menu > li ul.sub-menu > li > a {
  padding-left: 4rem;
}
.left-navigation ul.sub-menu > li ul.sub-menu > li ul.sub-menu > li ul.sub-menu > li > a {
  padding-left: 5rem;
}
.left-navigation ul a {
  color: #3c3c3c;
}

#top_menu_mobile a {
  color: #3c3c3c;
}

.site-title {
  color: #75787B !important;
  font-size: 0.9375rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 40em) {
  .site-title {
    font-size: 1.3125rem;
    line-height: 1.15;
  }
}

.top-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.top-navigation ul {
  display: block;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.top-navigation ul.menu > li > a {
  display: block;
  color: #fff;
  line-height: 1.6;
  padding: 0.4375rem 0.9375rem 0.5rem;
}
.top-navigation ul.menu > li > a:hover {
  text-decoration: none;
}
.top-navigation ul.menu > li > a:not([class^=a2a]):not(.button):not([href$=".pdf"])[target=_blank]::after {
  color: #fff;
}
.top-navigation ul li.menu-item-has-children > a {
  padding-right: 1.875rem;
}
.top-navigation ul.menu > li:first-child > a {
  padding-left: 0.9375rem;
}
.top-navigation ul li.menu-item-has-children > a:after {
  font-family: "gnl-ui-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e964";
  position: absolute;
  top: 50%;
  right: 0.75rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.top-navigation ul ul {
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  border: 1px solid #D9D9D6;
  border-bottom: none;
}
.top-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.top-navigation ul ul li {
  background-color: #fff;
  width: 17.5rem;
  border-bottom: 1px solid #D9D9D6;
}
.top-navigation ul ul li:hover > ul, .top-navigation ul ul li.focus > ul {
  left: 100%;
}
.top-navigation ul ul a {
  color: #3c3c3c;
  width: 280px;
}
.top-navigation ul ul a:hover {
  background-color: #f2f2f2;
}
.top-navigation ul li:hover > ul, .top-navigation ul li.focus > ul {
  left: auto;
}
.top-navigation li {
  float: left;
  position: relative;
}
.top-navigation a {
  display: block;
  text-decoration: none;
}
.top-navigation .accessible-megamenu .accessible-megamenu-panel {
  left: 0;
  visibility: hidden;
}
.top-navigation .accessible-megamenu .accessible-megamenu-panel.open {
  visibility: visible;
  top: 40px;
  max-height: 600px;
}

@media print, screen and (min-width: 1921px) {
  .top-navigation ul.menu > li:last-child > a {
    padding-right: 2rem;
  }
}
#top_menu_mobile > li.menu-item-has-children > a {
  position: relative;
}
#top_menu_mobile > li.menu-item-has-children > a::after {
  font-family: "gnl-ui-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e962";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -2px;
  margin-right: calc(1rem - 5px);
}
#top_menu_mobile > li.menu-item-has-children[aria-expanded=true] > a::after {
  content: "\e964";
}

.page-template-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 1.5rem;
}
.page-template-accordion .accordion-title {
  padding: 1.0625rem 4rem 1.4375rem 0;
  margin-left: 0;
  text-decoration-color: #3c3c3c;
}
.page-template-accordion .accordion-title:before {
  color: #3c3c3c;
  font-size: 2rem;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "gnl-ui-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e964";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  margin: 0;
}
.page-template-accordion .accordion-title[aria-expanded=true]:before {
  content: "\e961";
}
.page-template-accordion .accordion-content {
  padding: 0;
  margin-left: 0;
}

.page-template-cards .entry-header .entry-title.medium {
  font-size: 1.6875rem;
  line-height: 1.2;
  letter-spacing: -0.03125rem;
  padding: 0;
  margin-bottom: 1.5rem;
}
.page-template-cards .entry-header .entry-title.large {
  font-size: 2.625rem;
  line-height: 3rem;
  letter-spacing: -0.03125rem;
  margin-bottom: 1.375rem;
}
.page-template-cards .entry-header .entry-title.center {
  text-align: center;
}
.page-template-cards .entry-header .entry-title.right {
  text-align: right;
}
.page-template-cards .entry-content .top-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.page-template-cards .entry-content .top-content.large {
  font-size: 1.3125rem;
  line-height: 1.5;
  margin-top: -0.125rem;
  margin-bottom: 1.625rem;
}
.page-template-cards .entry-content .top-content.center {
  text-align: center;
}
.page-template-cards .entry-content .top-content.right {
  text-align: right;
}
@media print, screen and (min-width: 64em) {
  .page-template-cards .entry-content .top-content.one-quarter {
    width: 25%;
  }
  .page-template-cards .entry-content .top-content.one-half {
    width: 50%;
  }
  .page-template-cards .entry-content .top-content.three-quarters {
    width: 75%;
  }
}
.page-template-cards .entry-content .cards {
  display: flex;
  flex-flow: row wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.page-template-cards .entry-content .cards .card {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: calc(100% - 2rem);
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: center;
  text-decoration: none;
  border: 1px solid #D9D9D6;
  border-radius: 0.5rem;
  padding: 2rem 1.5rem 2.125rem;
  margin-bottom: 2rem;
  transition: background-color 0.25s ease-out;
}
.page-template-cards .entry-content .cards .card .card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  margin-bottom: 1.5rem;
}
.page-template-cards .entry-content .cards .card .card-icon i {
  font-size: 4rem;
  color: #727579;
}
.page-template-cards .entry-content .cards .card .card-icon img {
  max-height: 4rem;
  margin: 0;
}
.page-template-cards .entry-content .cards .card .card-content {
  display: flex;
  flex-flow: column;
}
.page-template-cards .entry-content .cards .card .card-content h2.card-title:hover {
  text-decoration: underline;
}
.page-template-cards .entry-content .cards .card .card-content .card-description {
  color: #3c3c3c;
}
.page-template-cards .entry-content .cards .card .card-content .card-description > *:last-child {
  margin-bottom: 0;
}
.page-template-cards .entry-content .cards .card:hover {
  text-decoration: none;
  background-color: #f2f2f2;
}
.page-template-cards .entry-content .cards .card:after {
  content: none !important;
}
.page-template-cards .entry-content .cards.small .card {
  display: flex;
  padding: 1.4375rem 1.625rem 1.625rem;
}
.page-template-cards .entry-content .cards.small .card .card-icon {
  align-items: flex-start;
  min-width: 2rem;
  height: auto;
  margin-right: 1.5rem;
  margin-bottom: 0;
}
.page-template-cards .entry-content .cards.small .card .card-icon i {
  font-size: 2rem;
  margin-top: -0.1875rem;
  margin-bottom: -0.375rem;
}
.page-template-cards .entry-content .cards.small .card .card-icon img {
  width: 2rem;
  height: 2rem;
  margin-top: -0.1875rem;
  margin-bottom: -0.375rem;
}
.page-template-cards .entry-content .cards.small .card h2.card-title {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin-bottom: 0;
}
.page-template-cards .entry-content .cards.large .card h2.card-title {
  font-size: 1.6875rem;
  line-height: 1.2;
  letter-spacing: -0.03125rem;
  padding: 0;
  margin-bottom: 1.5rem;
}
.page-template-cards .entry-content .cards.large .card .card-description {
  font-size: 1.3125rem;
  line-height: 1.5;
  margin: -0.125rem 0 1.625rem;
}
.page-template-cards .entry-content .cards.left .card {
  text-align: left;
}
.page-template-cards .entry-content .cards.center .card {
  text-align: center;
}
.page-template-cards .entry-content .cards.right .card {
  text-align: right;
}
@media print, screen and (min-width: 40em) {
  .page-template-cards .entry-content .cards.two-columns .card {
    flex: 0 0 auto;
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .page-template-cards .entry-content .cards.three-columns .card {
    flex: 0 0 auto;
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .page-template-cards .entry-content .cards.three-columns .card {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .page-template-cards .entry-content .cards.four-columns .card {
    flex: 0 0 auto;
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .page-template-cards .entry-content .cards.four-columns .card {
    flex: 0 0 auto;
    width: calc(25% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.page-template-cards .entry-content .bottom-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.page-template-cards .entry-content .bottom-content.large {
  font-size: 1.3125rem;
  line-height: 1.5;
  margin-top: -0.125rem;
  margin-bottom: 1.625rem;
}
.page-template-cards .entry-content .bottom-content.center {
  text-align: center;
}
.page-template-cards .entry-content .bottom-content.right {
  text-align: right;
}
@media print, screen and (min-width: 64em) {
  .page-template-cards .entry-content .bottom-content.one-quarter {
    width: 25%;
  }
  .page-template-cards .entry-content .bottom-content.one-half {
    width: 50%;
  }
  .page-template-cards .entry-content .bottom-content.three-quarters {
    width: 75%;
  }
}

[data-whatintent=mouse] .page-template-cards .cards .card h2.card-title:hover {
  text-decoration: underline;
}

[data-whatintent=mouse] .page-template-cards .cards .card .card-link:hover {
  text-decoration: underline;
}

[data-whatintent=mouse] .page-template-cards .cards .card .card-link:hover:after {
  text-decoration: none;
}

[data-whatintent=mouse] .page-template-cards .cards .card .card-link:after:hover {
  text-decoration: none;
}

[data-whatintent=mouse] .page-template-cards .cards .card:hover {
  text-decoration: none;
}

.features-archive .content-group {
  display: flex;
  flex-flow: row wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.features-archive .content-group > .feature {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: calc(100% - 2rem);
  margin-left: 1rem;
  margin-right: 1rem;
  margin-right: 1rem;
  margin-left: 1rem;
  background: #fff;
  text-align: center;
  border: 1px solid #D9D9D6;
  min-height: 20.8125rem;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  .features-archive .content-group > .feature {
    flex: 0 0 auto;
    width: calc(25% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.features-archive .content-group > .feature img {
  width: 100%;
  height: auto;
  margin: 0 auto 1.4375rem;
}
.features-archive .content-group > .feature .feature-placeholder {
  position: relative;
  width: 100%;
  background-color: #f7f7f7;
}
.features-archive .content-group > .feature .feature-placeholder:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "gnl-ui-icons" !important;
  content: "\e906";
  color: #D9D9D6;
  font-size: 4rem;
}
.features-archive .content-group > .feature .feature-placeholder:hover:before {
  color: #757777;
}
.features-archive .content-group > .feature .feature-placeholder:after {
  content: "";
  display: block;
  padding-bottom: 100%;
  margin: 0 auto 1.4375rem;
}
.features-archive .content-group > .feature .feature-title {
  padding-left: 1rem;
  padding-right: 1rem;
}
.features-archive .content-group > .feature a:after {
  content: none;
}

.main-two-columns .content-group > .content-section:first-child:nth-last-child(2) ~ .content-section {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .main-two-columns .content-group > .content-section:first-child:nth-last-child(2) ~ .content-section {
    width: calc(50% - 2rem);
  }
}
.main-two-columns .content-group > .content-section {
  margin-right: 1rem;
  margin-left: 1rem;
}


/* Styles for GIS Disclaimer pop-up on GIS Data Page */

.blur-bg {
	inset: 0;
	z-index: 60;
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	position: fixed;
	pointer-events: none;
	transition: 200ms ease-in-out;
	}
.blur-bg.active {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);	
	pointer-events: all;
	}	
.modal {
	max-height: 85%;
	overflow: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	transform: translate(-50%, calc(-50% - 100px));
	opacity: 0;
	z-index: 100;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
	width: min(450px , 90%);
	transition: 200ms ease-in-out;
	pointer-events: none;
	padding-top: 5px;
	}
.modal.active {
	transform: translate(-50%, -50%);
	opacity: 1;
	pointer-events: all;	
	}
.modal-header {
	padding: 5px 15px 0px 15px;
	margin: 0px 0px -12px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.modal-title {
	font-size: 1.2rem;
	}
.modal .close {
	cursor: pointer;
	}
button.close-button {
	cursor: pointer;
	border: none;
	outline: none;
	background: none;
	font-size: 1.5rem;
	color: #9e9e9e;
	padding: 0;
	transition: all 0.5s ease;
	margin-right: -5px;
	/* display: none; */
	}
button.close-button:hover {
	color: black;
	}
.modal-body {
	padding: 40px 40px;
	}
.modal.hiden {
	display: none;
	}
.agree-button {
	border: none;
	border-radius: 10px;
	background-color: #b0ab9e;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	}

.agree-button:hover {
	background-color: white;
	color: black;
	border: 2px solid #b0ab9e;
	}
/* End of Styles for GIS Disclaimer pop-up on GIS Data Page */