@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cloud.typography.com/6511056/7424192/css/fonts.css');

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
}

.details-main * { font-family: 'Montserrat', sans-serif !important;}

.details-main div[style*="9pt"] {font-size:.8rem !important}

.container-fluid > .row {flex-basis: 100%;}

h1 {font-family: "Gotham", "Montserrat", sans-serif;}

h2 {font-weight:600;color: #3b3b3b;}
h3 {font-weight:500;font-size:1.5rem}
h4 {font-weight:600;font-size:1.3rem;color:#008942}

ul.navbar-nav >li>a {
  color: #3b3b3b;
  font-weight:700;
  text-transform: uppercase;
  font-size:.9rem;
  transition:.3s;
}
ul.navbar-nav >li>a:hover {color:#008942;text-decoration: none;}


.home-search-hero {
    height:50vh;min-height:580px;
    background-color: #327D9D !important;
    background-repeat: no-repeat  !important;
    background-position: center  !important;
    background-size: cover !important;
    padding:0;
    position:relative;
    background-image:url(/home-mountain-lake-picture.jpg);
}
.home-search-hero:before, .details-hero:before, .search-hero:before {content:'';background-image:url("data:image/svg+xml,%3Csvg width='153' height='112' viewBox='0 0 153 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M153 0L153 112C153 99 123 60.2 99 41C76.5 23 27.5 -1.09716e-05 9.79135e-06 -1.33757e-05L153 0Z' fill='%23BADE40'/%3E%3C/svg%3E");position:absolute;top:0;right:0;height:112px;width:153px;background-size:contain;background-repeat: no-repeat;z-index: 1;}
.home-search-hero:after, .details-hero:after, .search-hero:after {content:'';background-image:url("data:image/svg+xml,%3Csvg width='153' height='112' viewBox='0 0 153 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 112V0C0 13 30 51.8 54 71C76.5 89 125.5 112 153 112H0Z' fill='%234EB1D6'/%3E%3C/svg%3E");position:absolute;bottom:0;left:0;height:112px;width:153px;background-size:contain;background-repeat: no-repeat;z-index: 1;}


.home-search-hero .card {z-index: 10;}
.home-search-hero .card .form-search > .filter-panel {position: absolute;
right:-16px;
left:-16px;
}
.home-search-hero .card .form-search .btn-advanced {z-index:10;position:absolute;right:0;color:#3b3b3b;background-color:white;padding:1rem 2rem;margin-top:.2rem;margin-right:-1px;font-size:1rem;font-weight:600;border-radius: 2rem;}
.home-search-hero .card .form-search .btn-advanced .fa {color:#888;transition:.5s;display: inline-block;}
.home-search-hero .card .form-search .btn-advanced .fa:hover, .search-filter .filter-panel .filter-heading .fa:active {color:black;text-decoration: none;}
.home-search-hero .card .form-search .btn-advanced[aria-expanded="true"] .fa {transform: rotate(180deg);}

#advancedSearch {
font-size:.9rem;
padding:3rem 2rem 1rem;
padding-top:5rem;
background-color:white;
z-index: 5;
clear:both;
border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem;
box-shadow: 0 7px 7px 0 rgb(0 0 0 / 20%);
margin-left: -16px;
margin-right: -16px;
}
#advancedSearch .advanced-filter-dropdown {display:block;width:100%;}

.home-search-hero .card .form-search #advancedSearch.collapse.in {display: flex!important;}
#advancedSearch .filter-heading {color:#3b3b3b;font-weight: 500;transition:.5s}
#advancedSearch .filter-heading:hover {color:black;font-weight: 600;text-decoration: none;}
#advancedSearch .filter-position {display:flex;width: 100%;position:relative}
#advancedSearch .advanced-filter-dropdown:before {content:'';height:1px;background-color:#ddd;width:calc(100%);display: block;position:absolute;top:3.8rem;left:0;}
#advancedSearch .filter-position .filter-panel {flex-basis:33%; }
#advancedSearch ul {padding:0}
#advancedSearch ul li {margin: .5rem 0;list-style: none;position:relative;font-size:.85rem;}
#advancedSearch li input[type="checkbox"] {height:1.2rem;width:1.2rem;vertical-align: bottom;}
#advancedSearch li input {border:2px solid #ddd;vertical-align: bottom;margin-bottom: 0.1rem;}
#advancedSearch li input:hover {border-color:#327D9D}
#advancedSearch li input[type="checkbox"] {position:absolute;left:0;}
#advancedSearch li input[type="checkbox"] + label {margin-bottom: 0;padding-left:1.5rem;display:flex;width:100%;align-items:center;}
#advancedSearch ul:last-child {border-bottom:0;}
#advancedSearch ul ul {margin-left:.5rem;padding-lefT:.5rem;border-left:1px solid #aaa}
#advancedSearch ul .heading {font-weight: 600;color:#3b3b3b;font-size:0.9rem;}
#advancedSearch ul li label .fa {color:#666;font-size:1.2rem}
#advancedSearch ul li label .fa:hover {color:#3b3b3b;text-decoration: none;}
#advancedSearch ul ul li {margin-bottom:.5rem;}
#advancedSearch .filter-button {padding:1rem 0;display:flex;width:100%;}

#advancedSearch .filter-heading .fa {color:#888;transition:.5s;display: inline-block;text-decoration: none;}
#advancedSearch .filter-heading:hover .fa, .search-filter .filter-panel .filter-heading:active .fa {color:black;text-decoration: none;}
#advancedSearch .filter-heading[aria-expanded="true"] .fa {transform: rotate(180deg)}

#advancedSearch .fa-plus-square-o {font-size:1rem;color:#666;padding:0.2rem 0.4rem;line-height: 1rem !important;}
#advancedSearch .fa-plus-square-o:hover {color:#000;text-decoration:none;}
#advancedSearch .fa-plus-square-o[aria-expanded='true']:before {content:"\f147"}

#advancedSearch .btn-clear {border-radius:5px;font-weight: 500;padding:.75rem 1.5rem;border:1px solid #666;transition:.5s;background-color:transparent;}
#advancedSearch .btn-clear:hover, #advancedSearch .btn-clear:active {background-color:#3b3b3b;color:white;}
#advancedSearch .btn-submit {border-radius:5px;font-weight: 500;padding:.75rem 1.5rem;border:1px solid #008942;background-color:#008942;color:white}


.home-search-hero h1 {
  color:#fff;
  font-size:2.2rem;
  font-weight: 400;
  display: inline-block;
    background-color: #327d9dbe;
    padding: 8px 20px;
    margin-bottom: 0 !important;
    
}
.home-search-hero .card {border-radius:0;box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);padding:2rem;}

.home-search-hero .card .form-control {
    margin-right:1.5rem;
    padding:10px 2rem;
    border-radius:5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    font-size: 1.3rem;
    height:auto;
}

.home-search-hero .card .input-group-btn .btn-primary {background-color: #008942;font-size:20px;font-weight: 600;color:#fff;text-transform: uppercase;padding: 10px 2rem;}
.home-search-hero .card .input-group-btn .btn-primary:hover {background-color: #BADE40;color:#04552b;font-weight:600;}


.details-hero {
    min-height:400px;
    background: #327D9D center no-repeat;
    background-size: cover;
    padding:0;
    position:relative;
    color:#fff;
}
.details-hero h1 {font-size:2.25rem; font-family: "Gotham", "Montserrat", sans-serif;}
.details-hero .details-overlay {background-color:rgba(0,0,0,.2);position:absolute;height:100%;width:100%;top:0;bottom:0;lefT:0;right:0;}
.details-hero .details-breadcrumb {background-color:transparent;border-radius:0; color:#fff;font-size:14px;text-transform: uppercase; margin-top:1.5rem;margin-bottom: 1.5rem;}
.details-hero .details-values {font-size:0.9rem;font-weight: 500;margin-top:1.5rem;margin-right:3rem;margin-bottom: 2rem;}
.details-hero .details-values .heading {display: block;}
.details-hero .details-values .col-md-4 {margin-top:.5rem;margin-bottom: .5rem;}
.details-hero .details-values.col-md-8, .details-hero .details-values.col-lg-9 {padding-right:2rem}
.details-hero .details-values .heading{font-size:13px;text-transform: uppercase;letter-spacing: 0.1rem;}

.details-hero .back-button , .details-hero .back-to-search {color:#fff;font-weight: 500;text-decoration: none;font-size:1rem;padding:1rem .25rem;}
.details-hero .details-area {position:relative;z-index: 2;}

.details-main.col-md-8, .details-main.col-lg-9 {padding-right:3rem}
.details-aside.col-md-4, .details-aside.col-lg-3 {margin-top:-16rem;}

.details-description {margin-top:4rem;margin-bottom: 3rem;}
.details-description h2 {font-size:1.6rem;font-weight:500;}
.details-description h3 {font-size:1.4rem;font-weight:500;}
.details-description-area {margin-bottom: 1.5rem;font-weight:500;}
.additional-information-area {border-lefT:8px solid #4EB1D6;background-color: #EDF6FB;padding:1.5rem;margin-top:1rem;margin-bottom: 1rem;}
.additional-information-area ul {padding-left:2.25rem}
.additional-information-area ul li {position:relative;display:block;margin-bottom: .75rem;font-weight:500;}
.additional-information-area ul li:before {content:'';left:-1.75rem;height:8px;width:8px;background-color:#008942;border-radius: 5px;top:9px;position:absolute;}

.details-aside .details-municipality, .details-aside .details-download {border-radius: 12px;padding:.5rem 1rem 1.5rem;margin-bottom:2rem;font-size:0.82rem;font-weight: 500;overflow: hidden;}
.details-aside .details-map > .col-12 {padding:0;}
.details-aside .details-map {border-radius: 12px;padding:0;margin-bottom:2rem;overflow: hidden;}
.details-aside .details-map iframe {max-width: 100% !important;border-radius:12px;overflow: hidden;border:0;}
.details-aside .details-municipality {background-color:#BADE40}
.details-aside .details-download {background-color:#327D9D;color:#fff;}
.details-aside .details-download a {text-decoration:underline;color:white;}

.details-aside .details-gallery {border-radius: 12px;padding:0;margin-bottom:2rem;overflow: hidden;}
.details-aside .details-gallery > .col-12 {padding:0;}
.details-aside .details-gallery > .col-12 img {width:100%;max-width: 100%; height: auto}

.details-aside h3 {font-size:1.2rem;font-weight:600;margin:1rem 0 .25rem;}

.section-map {background-color: #AEDCEE;}

.search-hero {
    min-height:8rem;
    background: #327D9D center no-repeat;
    background-size: cover;
    padding:2.5rem 0;
    position:relative;
    color:#fff;

}
.search-hero .form-search {position:relative;z-index: 2;}
.search-hero .form-search .btn-primary {background-color: #BADE40;font-size:19px;font-weight: 700;color:#04552b;text-transform: uppercase;padding: 10px 2rem;}
.search-hero .form-search .btn-primary:hover {background-color: #fff;color:#008942;font-weight:700;}

.search-hero .form-search input {margin-right: 1.5rem;
    padding: 10px 2rem;
    border-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    font-size: 20px;
    height: auto;}
.search-page {margin-top:2rem;margin-bottom: 2rem;}
.search-page .btn-filter-toggle {border-radius: 5px;color:#3b3b3b;font-weight: 600;font-size: 1.1rem;}
.search-page .btn-filter-toggle:hover {background-color:#eee}
.search-results {transition: .5s;}

.results-content h1 {color:#008942;font-size:1.6rem;font-weight: 700;}

.search-filter {padding:1rem 0 0 1rem;background-color:#FBFBFB;border-radius:12px;font-size: 14px;letter-spacing:-.05rem;box-shadow: 0 1px 7px 0px rgba(0,0,0,.1);position: sticky;top:1rem;align-self: flex-start;}
.search-filter .filter-position {padding-right:1rem;max-height:calc(100vh - 23rem);overflow-y: auto;min-height:100px}
.search-filter ul {margin-left:0;padding:0;font-weight:500;align-self: flex-start;}
.search-filter legend {height:0;visibility: hidden;display:none;}
.search-filter .filter-panel {padding:0;margin:1rem 0 1rem 0 ;border-bottom: 3px solid #BADE40;}
.search-filter .filter-panel:first-child {margin-top:0}
.search-filter .filter-panel:last-child {margin-bottom:0}
.search-filter .filter-panel .filter-heading {position:relative;color:#3b3b3b;font-size:1rem;font-weight:700;margin-bottom: .75rem;display:flex;}
.search-filter .filter-panel .filter-heading:hover {text-decoration:none;color:black}
.search-filter .filter-panel .filter-heading:hover .fa {color:#3b3b3b}
.search-filter .filter-panel .filter-heading .fa {color:#888;transition:.5s;display: block;}
.search-filter .filter-panel .filter-heading .fa:hover, .search-filter .filter-panel .filter-heading .fa:active {color:black;text-decoration: none;}
.search-filter .filter-panel .filter-heading[aria-expanded="true"] .fa {transform: rotate(180deg);}
.search-filter ul li {margin: .5rem 0;list-style: none;position:relative}
.search-filter li input {height:1.2rem;width:1.2rem;border:2px solid #ddd;vertical-align: bottom;margin-bottom: 0.1rem;}
.search-filter li input:hover {border-color:#327D9D}
.search-filter li input[type="checkbox"] {position:absolute;left:0;}
.search-filter li input[type="checkbox"] + label {margin-bottom: 0;padding-left:1.5rem;display: flex;width: 100%;}
.search-filter ul:last-child {border-bottom:0;}
.search-filter ul ul {margin-left:.5rem;padding-lefT:.5rem;border-left:1px solid #aaa}
.search-filter ul span.heading {font-weight: 600;color:#3b3b3b;font-size:0.9rem;}
.search-filter ul ul li {margin-bottom:.75rem;}
.search-filter .filter-button {padding:1rem 1rem 1rem 0;display:flex;width:100%;}

/*Floating labels for From - To Input boxes */
.input-to-from {padding-top:.1rem;}
.input-to-from li {display:flex;align-items: center;margin-top:1rem !important;}
.input-to-from li input {width:100%}
.input-to-from li input::placeholder {color:#ccc;opacity: 0;}
.input-to-from li input + label {position:absolute;top:.75rem;left:.75rem;opacity:.5;pointer-events: none;transition: .3s;font-size:.8rem;padding-left: 0;}

.input-to-from li input:not(:placeholder-shown)~label, .input-to-from li input:focus~label {top:-1.25rem;lefT:0;opacity: 1;color:#3b3b3b;font-size:.8rem;}
.input-to-from li input[type="text"] {
    padding: 0.5rem;
    font-size: 14px;
    border-radius: 0.5rem;
    margin-right: 0;
    vertical-align: middle;
    height: auto;}
.search-filter li input[type="text"] {padding:.5rem;font-size:14px;border-radius:.5rem;margin-right:0;vertical-align: middle;height:auto;}

.search-filter .filter-button input[type="submit"] {background-color: #008942;color:white;border-radius:5px;margin-left: auto;border:1px transparent;text-transform: uppercase;font-weight: 700;letter-spacing: 0.05rem;padding:0.5rem 1.5rem;}
.search-filter .filter-button input.btn-clear {background-color: white;color:#3b3b3b;border-radius:5px;border:1px solid #3b3b3b;text-transform: uppercase;font-weight: 700;letter-spacing: 0.05rem;padding:0.5rem 1.5rem;transition: .3s;}
.search-filter .filter-button input.btn-clear:hover, .search-filter .filter-button input.btn-clear:active {background-color:#3b3b3b;color:white}

.search-filter .fa-plus-square-o {font-size:1rem;color:#666;padding:0.2rem 0.4rem;line-height: 1rem !important;}
.search-filter .fa-plus-square-o:hover {color:#000;text-decoration:none;}
.search-filter .fa-plus-square-o[aria-expanded='true']:before {content:"\f147"}

.results-rows {margin:0 0 1rem;}
.results-row {
 border-bottom: 3px solid #C4C4C4;
 padding:1.5rem 0 2.5rem; 
 font-size:.9rem;
}
.results-row a.project-name {
  color:#3b3b3b;
  font-size:1.4rem;font-weight: 600;
  margin-bottom: 1rem;
  display: block;
  transition: .3s;
  text-decoration: underline;

}
.results-row a.project-name:hover {color:#327D9D}
.results-row .heading {font-size:.7rem;text-transform: uppercase;letter-spacing: 0.02rem;}
.results-row .value {font-size:.9rem;font-weight:500;}
.results-row .summary {color:#3b3b3b;font-weight: 500;margin-left: 0;margin-bottom:0;}
.collapse.in {display:block !important}
.pagination  {display: block !important;}
.pagination ul .page-link{width:2.5rem;height:2.5rem;border:0;display:flex;align-items: center;justify-content: center;margin:0;color:#333;transition:0.5s;font-weight:bold;border-radius: 5px;}
.pagination ul .active .page-link  { background-color:#008942 !important;color:white}
.pagination ul .page-link.disabled {opacity: .3;cursor:default;}
.pagination ul .page-link.disabled:hover {background-color:transparent}
.pagination ul li {display:inline-block}

footer {background-color: #fff;}
footer .footer-bottom {
    background-color: #F6F6F6;
}

footer .footer-heading {color:#008942;font-weight:700;font-size:1rem;}

footer .social-links {margin-top:2.5rem;margin-bottom: 1.5rem;}
footer .social-links ul {display:flex;padding:0;margin:0;}
footer .social-links ul li {list-style:none;}
footer .social-links ul li a {

    border: 1px solid #3b3b3b;
    border-radius: 100%;
    height: 2.5rem;
    line-height: .5rem;
    width: 2.5rem;
    display: flex;
    font-size: 1.2rem;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem;transition:.3s;}


footer .social-links ul li a:hover {background-color:#3b3b3b;color:White;}
footer h5 {color: #008942; font-weight:700;font-size: 14px;margin-bottom: 15px;}
footer ul li a, footer .footer-bottom a {color:#3b3b3b;font-weight: 600; padding: 8px 0;display:inline-block;margin:0;transition:.3s;}
footer ul li a:hover, footer .footer-bottom a:hover {color:#327D9D;text-decoration: none;}

/* Power Virtual Agent styles */
.pva-floating-style {
  position: fixed;
  bottom: 0px;
  right: 0px;
  margin-right: 16px;
  margin-bottom: 18px;
  z-index: 9999;
}

/*----------------------*/
/* MEDIA QUERIES 
/*----------------------*/
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  html {font-size: 88%;}
  .search-filter {position: sticky;align-self: flex-start;}
}

/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {

}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  html {font-size: 80.5%;}
  .navbar .xrm-editable-html img {height:auto! important;max-width: 100%;width:auto !important;}
  .navbar-nav .nav-item {font-size:.8rem;display: flex;align-items: center;}
  .results-row a.project-name {font-size: 1.2rem}
  .details-hero h1 {font-size: 1.8rem}
  .details-hero .details-values .heading {font-size:.75rem;}
  .details-hero .details-values {font-size:.85rem;}
  .details-aside.col-md-4, .details-aside.col-lg-3  {margin-top:-22rem;}
  .details-main {font-size:.85rem}
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  html {font-size: 74%;}
  .navbar img {max-width: 70%; height:auto !important; width:auto;}
  .navbar .xrm-editable-html {max-width:60vw;}
  .home-search-hero  {height: 40vh;min-height:initial;}
  .search-filter {position: relative !important;margin-bottom: 1.5rem;}
  .home-search-hero h1 {font-size: 2rem;font-weight: 500;}
  .details-aside.col-md-4, .details-aside.col-lg-3 {margin-top: 1rem;}
  .home-search-hero .form-search>.filter-panel {display:none;}
  .navbar >.container {display:flex;}
  .navbar .xrm-editable-html {max-width:60vw;}
  .navbar .navbar-collapse {border-top:1px solid  #ddd;margin-top:1rem}
  .navbar .navbar-collapse .nav-item {padding:1rem;margin:0 auto;}
  .navbar .navbar-collapse .nav-item a {font-size:1r.2em}
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  html {font-size: 78%;}
  .navbar img {max-width: 70%; height:auto !important; width:auto;}
  .home-search-hero  {height: 35vh;min-height:initial;}
  .home-search-hero .card {padding: 1rem}
  .home-search-hero .card .input-group-btn .btn-primary {font-size: .7rem;padding:1rem}
  .home-search-hero .container {position:relative;z-index: 1;}
  .navbar >.container {display:flex;}
  .navbar .xrm-editable-html {max-width:60vw;}
  .navbar .navbar-collapse {border-top:1px solid  #ddd;margin-top:1rem}
  .navbar .navbar-collapse .nav-item {padding:1rem;margin:0 auto;}
  .navbar .navbar-collapse .nav-item a {font-size:1r.2em}
  .details-description {margin-top:1rem;}

  .home-search-hero:after, .details-hero:after, .search-hero:after, .home-search-hero:before, .details-hero:before, .search-hero:before {width:85px;height:62px}
  h2 {font-size: 1.4rem}
  h3 {font-size: 1.2rem}
  .section-map {overflow:hidden;max-height:55vh}
  .section-map:focus, .section-map:active {pointer-events: all;}
  .search-page {margin-top:1rem;}
  footer .social-links {justify-content: center;display: flex;}
  footer .footer-bottom .container {flex-direction: column;justify-content: center;}
  .details-hero h1 {font-size: 1.3rem;}
  .details-hero .back-button, .details-hero .back-to-search {font-size: 1.1rem}
  .details-aside .details-map {pointer-events: none;}
  .details-hero .details-values.col-lg-9 {padding-right:15px;margin-right:0;font-size:1.1rem}
  .details-hero .details-values.col-lg-9 .heading {font-size:0.72rem;}
  .details-hero .details-area {padding-bottom: 2rem;padding-left:10px;padding-right:10px;}

  .results-row .value {font-size:1rem;}
}

html[lang*="fr"] .search-filter .filter-button input {
  padding-left:1rem;
  padding-right:1rem;
}

/* Bing map Info box */
.MicrosoftMap .Infobox .infobox-info {padding:0 5px !important;font-family: 'Montserrat', sans-serif;}
.MicrosoftMap .Infobox .infobox-info br {display:none;}
.MicrosoftMap .Infobox .infobox-info a {font-family: 'Montserrat', sans-serif;background-color:#ededed;color:#666;display:block;border:1px solid #ccc;transition:.3s;border-radius: 4px;padding:4px;margin-bottom:4px;font-size:12px;font-weight: 600;letter-spacing: -0.02rem;}
.MicrosoftMap .Infobox .infobox-info a:hover {background-color:#0089422f;border:1px solid #0089426b;color:#008942;}