/* Essential styles */
.material-icons {vertical-align:middle;}

/* Treeview category menu */
.bd-catmenu-header {position:relative;}
.bd-catmenu-header i.fas {position:absolute;top:4px;left:-40px;}
ul.bd-catmenu, ul.bd-catmenu li {list-style:none;}
ul.bd-catmenu {padding:0;margin:24px 0;font-family:'Kelson';font-weight:bold;font-size:18px;line-height:24px;text-transform:uppercase;letter-spacing:0.1em;}
ul.bd-catmenu li {line-height:35px;border-bottom:rgba(23,131,158,.2) solid 1px;margin:0;padding:6px 0;}
ul.bd-catmenu li:last-child {border-bottom:none;}
ul.bd-catmenu li ul {margin:0 0 16px 0;}
ul.bd-catmenu li li {border-bottom:none;text-transform:none;letter-spacing:0;padding:0;}
ul.bd-catmenu a {display:flex;flex-direction:row-reverse;justify-content:flex-end;outline:none;text-decoration:none;}
ul.bd-catmenu a:hover {color:#bca36e;}
ul.bd-catmenu li a {padding:0;color:#464646;}
ul.bd-catmenu li > a > span {margin-left:14px;flex-grow:1;text-align:right;} /* Caret */
ul.bd-catmenu li > a > span:before {font-family:'Font Awesome 5 Free';font-weight:900;font-size:16px;content:"\f078";color:#bca36e;}
ul.bd-catmenu li.open > a > span:before {content:"\f077";}
ul.bd-catmenu li.active > a {color: #bca36e;}

/* Filters */
.rocket-filtergroup {font-family:'Kelson';font-weight:bold;font-size:24px;line-height:30px;color:#464646;margin:20px 0 10px 0;}
.rocket-filtercheckwrapper {font-size:18px;line-height:24px;padding:3px 0;}
.rocket-filtercheckwrapper input[type=checkbox] {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}
.rocket-filtercheckwrapper label {display:flex;justify-content:space-between;cursor:pointer;}
.rocket-filtercheckwrapper label:hover {color:#464646;}
span.rocket-filtercheckbox-name {flex-grow:1;}
span.rocket-filtercheckbox-display {
    border-radius: 2px;
    display: flex;
    height: 18px;
    left: 0;
    top: 0;
    width: 18px;
    min-width: 18px;
}
span.rocket-filtercheckbox-display:after {content:"";display:none;position:relative;}
.rocket-filtercheckwrapper label:hover span.rocket-filtercheckbox-display {background-color:#464646;opacity:0.3;}
.rocket-filtercheckwrapper label:hover span.rocket-filtercheckbox-display:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: block;
    height: 12px;
    left: 5px;
    transform: rotate(45deg);
    width: 6px;
}
.rocket-filtercheckwrapper input[type=checkbox]:not(checked)~label span.rocket-filtercheckbox-display {border:1px solid #464646;opacity:0.3;}
.rocket-filtercheckwrapper input[type=checkbox]:checked~label span.rocket-filtercheckbox-display {background-color:#464646;border:1px solid #464646;opacity:1;}
.rocket-filtercheckwrapper input[type=checkbox]:checked~label span.rocket-filtercheckbox-display:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: block;
    height: 12px;
    left: 5px;
    transform: rotate(45deg);
    width: 6px;
}
.clearfilters {float:right;font-size:14px;line-height:18px;color:#464646;cursor:pointer;margin:10px 0 0 0;}
.rocket-filterbuttonclear {cursor:pointer;}

/* List */
.listheader {position:relative;}
.listtitle {padding-right:100px;}
.barticle {display:flex;margin:0 0 40px 0;}
.barticle-content {flex:1;background:white;padding:0 40px 40px 40px;}
.barticlelist h2 {margin:0 0 20px 0;}
/* MapList */
.listviews {text-align:right;margin:0 0 20px 0;}
.listviews a {font-weight:bold;font-size:16px;line-height:18px;text-transform:uppercase;}
.listviews a:link, .listviews a:visited {color:#464646;text-decoration:none;}
.listviews a:active, .listviews a:hover {color:#3d3d3d;text-decoration:none;}
.listviews a i.fas {margin:0 6px 0 0;}
.mapcontainer {height:700px;}
.mapcontainer #leafletmap {height:700px;}
.leaflet-control a {text-decoration:none !important;}
/* Detail */
.barticledetail {position:relative;padding:60px 0 0 0;}
.barticledetail-back {position:absolute;top:0;right:0;}
.barticledetailflex {display:flex;}
.barticledetail-left {width:64%;margin:0 4% 0 0;}
.barticledetail-right {flex:1;}
.barticledetail-section {margin:0 0 40px 0;}
.barticledetail-section i.fas, .barticledetail-section i.far {color:#464646;margin:0 10px 0 0;}
.barticledetail-section .block {margin:0 0 20px 0;}
.barticledetail .image img {max-width:100%;height:auto;}
.barticlegallery a {display:block;float:left;margin:0 12px 12px 0;}
.barticlegallery:after {content:"";display:table;clear:both;}
.barticlegallery a:first-child {display:none;}
.barticledetail #leafletmap {height:450px;margin:20px 0 0 0;}
.pdr-table {margin:20px 0;border:none;border-collapse:collapse;}
.pdr-table tr {background:#fafafa;border-bottom:2px solid transparent;background-clip:padding-box;}
.pdr-table th {padding:12px;text-align:right;font-weight:600;text-transform:capitalize;}
.pdr-table td {padding:12px;text-align:center;}
.sociallinks a {margin:0 6px 0 0;}
.docslinks .h3-headline {margin:0 0 20px 0;}
.docslinks .panel-block {display:block;}

/* Sort, selected search; selected filters */
.rocket-sort {position:absolute;top:0;right:0;}
.searchdata {display:flex;margin:0 0 20px 0;}
.searchbox {
  background: #f9f9f9;
  border-radius: 14px;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  margin: 0 6px 0 0;
  padding: 0 12px;
}
.searchbox:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f002";margin:0 6px 0 0;color:#999;}
.searchbox input {border:none;background:transparent;font-size:14px;line-height:28px;width:80px;color:#999;}
.searchbox .clearsearch {cursor:pointer;}
.searchbox .clearsearch:hover {color:#464646;}
.selectedfiltertags {
  background: #464646;
  color: white;
  border-radius: 14px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  margin: 0 6px 0 0;
  padding: 0 12px;
}
.selectedfiltertags:after {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f00d";margin:0 0 0 6px;}
.selectedfiltertags:hover {background:#363636;}

/* Loader */
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0.5;
    z-index: 9999;
    transition: opacity .3s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loader {
    height: 80px;
    width: 80px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
.barticle {display:block;}
.barticle-image img {width:100%;height:auto;}
.barticledetailflex {display:block;}
.barticledetail-left {width:auto;margin:0 0 40px 0;}
.barticledetail-right {flex:initial;}
}