/*****
Department of Biodiversity, Conservation and Attractions
additions to meet the Digital Services Policy Framework - Website Visual Design and Functional Standard, and Bootstrap 5
URL: http://gcio.wa.gov.au/wp-content/uploads/2016/05/FINAL-Website-Visual-Design-and-Functional-Standard-April-2018-1.pdf
Validated 17/03/2022: https://jigsaw.w3.org/css-validator/validator

0)  BOOTSTRAP / DRUPAL CORE
1)  STANDARDS
2)  FONTS / TEXT
3)  LINKS / TITLES / TABS
4)  FEATURES / BLOCKS / DIVIDERS
5)  HEADER / MAIN / FOOTER
6)  CONTENT TYPES
7)  NAVIGATION
8)  FOOTER
9)  BUTTONS / ICONS
10) SEARCH / FORMS
11) IMAGES / VIDEO
12) EXTRAS / MODULES
13) RESPONSIVE / CONDITIONAL
*****/

/***** 0 - BOOTSTRAP / DRUPAL CORE *****/

:root {
  --bs-blue-rgb: 38, 96, 147;
  --bs-indigo-rgb: 87, 17, 209;
  --bs-purple-rgb: 111, 45, 189;
  --bs-pink-rgb: 214, 51, 132;
  --bs-red-rgb: 209, 66, 16;
  --bs-orange-rgb: 244, 140, 6;
  --bs-yellow-rgb: 253, 200, 47;
  --bs-green-rgb: 43, 147, 72;
  --bs-teal-rgb: 2, 195, 154;
  --bs-cyan-rgb: 0, 180, 216;
  --bs-white-rgb: 255, 255, 255;
  --bs-gray-rgb: 77, 77, 77;
  --bs-gray-dark-rgb: 45, 45, 45;
  --bs-primary-rgb: 0, 0, 0;
  --bs-secondary-rgb: 209, 66, 16;
  --bs-success-rgb: 43, 147, 72;
  --bs-info-rgb: 0, 180, 216;
  --bs-warning-rgb: 255, 183, 3;
  --bs-danger-rgb: 209, 66, 16;
  --bs-light-rgb: 245, 245, 245;
  --bs-dark-rgb: 45, 47, 50;
  --bs-font-sans-serif: Heebo, Arial, Helvetica, sans-serif;
  --bs-body-font-size: 1.125rem;
  --bs-body-font-weight: 300;
  --bs-body-line-height: 1.5;

  --dbca-primary-color: #d14210;

	--dbca-pws-primary-color: #00818f;
  --dbca-pws-secondary-color: #003e52;
	--dbca-pws-light-color: #ede5d9;

	--dbca-bgpa-primary-color: #1a5553;
  --dbca-bgpa-secondary-color: #e33e11;
	--dbca-bgpa-light-color: #f5f5f5;

	--dbca-ria-primary-color: #009ca3;
  --dbca-ria-secondary-color: #3da0cd;
	--dbca-ria-light-color: #f5f5f5;

	--dbca-zpa-primary-color: #dd5928;
  --dbca-zpa-secondary-color: #592f1c;
	--dbca-zpa-light-color: #f5f5f5;

}

/* Admin overrides */
body.toolbar-horizontal #toolbar-administration nav {
    z-index: 1001;
}
body.toolbar-horizontal .toast-container {
    z-index: 1002 !IMPORTANT;
}

.btn-primary {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--dbca-primary-color);
  border-color: var(--dbca-primary-color);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #454545;
  border-color: #454546;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .media-library-view--widget .view-header a.btn-primary.is-active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--dbca-primary-color);
  border-color: var(--dbca-primary-color);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: var(--dbca-primary-color);
  border-color: var(--dbca-primary-color);
  box-shadow: none;
  outline: dotted 2px #d54614;
}
.btn-link, button.link {
    font-weight: 400;
    color: #000000;
    text-decoration: underline;
}
.btn-link:hover, button.link:hover {
    color: var(--dbca-primary-color);
}



.carousel-inner .carousel-item {
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
/* change transition duration to control the speed of fade effect */
.carousel-item {
  transition: transform 2.5s ease, opacity 0.5s ease-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 2.6s;
}

.carousel-indicators [data-bs-target].active {
  background-color: var(--dbca-primary-color);
}

.carousel-caption {
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  text-align: left;
}

.carousel-caption a {
  text-decoration:none;
}
figure.border-start {
  border-left: .25rem solid var(--dbca-primary-color) !IMPORTANT;
}

.bg-shadow {
  background: rgb(0, 0, 0);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.75) 100%
  );
}
.sticky-lg-top {
  z-index:1000;
}
/* Full screen throbber */
.ajax-progress-fullscreen {
  width: 75px;
  height: 75px;
  padding: 15px;
  opacity: 1;
  border-radius: 75px;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: url(../../img/loading-circles-100.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.tags .field__item,
.field--name-field-tags {
  display:inline-block;
  margin-right: 0.5rem;
}

/* Fix for Drupal 9 non-responsive oembed remote video */
.field--name-field-media-oembed-video,  .field--name-field-media-oembed-video-1 {
  position:relative;
  overflow:hidden;
  width:100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.media-oembed-content {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
}

/***** 1 - STANDARDS *****/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: Heebo, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  /*color: #1a1a1a;*/
  line-height: 1.2;
}

a {
  color: #4d4d4d;
  font-weight: 500;
  transition: all 0.25s ease;
  text-decoration: underline;
}
a:hover,
a:focus {
  outline: 0;
  color: var(--dbca-primary-color);
}
:focus {
  outline: dotted 2px var(--dbca-primary-color);
}

/***** 2 - FONTS / TEXT *****/
.hero h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
  color: #fff;
}

.region-sidebar-second h2 {
  font-size: 1.25rem;
  font-weight: 500;
}
.footer h2 {
  font-size: 1.25rem;
  font-weight: 500;
}


/***** 3 - LINKS / TITLES / TABS *****/

a[rel~="external"]:after {
    font-family: "Font Awesome 6 Free";
    content: "\f35d";
    font-weight: 900;
    padding-left: 5px;
}

.section-title {
    position:relative;
}
.section-title:before {
    width:50px;
    z-index:1;
    background-color:var(--dbca-primary-color);
}
.section-title:after {
    right: 0;
    background-color: #efefef;
}
.section-title:before, .section-title:after {
    position: absolute;
    content: "";
    bottom: -12px;
    left: 0;
    height: 3px;
}

/***** 4 - FEATURES / BLOCKS / DIVIDERS *****/

section.filter-bar {
  background: #f5f5f5;
  border-bottom: 1px solid #dddddd;
}

.map {
    width: 100%;
    height: 500px;
}
.map-container {
    outline: 0;
}
.map-section {
  background-color:#aad3df;
}

.overflow {
  position: relative;
  overflow: hidden;
}
.zoom img {
  transition: all 0.5s ease;
}
.zoom:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Homepage animated boxes */
.box-1:hover .fa-newspaper::before {
    content: "\f27a";
}
.box-2:hover .fa-flask::before {
    content: "\f4d8";
}
.box-3:hover .fa-paw::before {
    content: "\f06c";
}
.box-4:hover .fa-hands-holding::before {
    content: "\f57e";
}

.box:hover i {
    -webkit-transform: rotate(360deg) scale(0.9);
    -moz-transform: rotate(360deg) scale(0.9);
    -o-transform: rotate(360deg) scale(0.9);
    -ms-transform: rotate(360deg) scale(0.9);
    transform: rotate(360deg) scale(0.9);
}
.box i {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.box:hover {
    background-color: #2d2f32 !IMPORTANT;
    color: #ffffff;
}

.cta-banner__link {
  background:  var(--dbca-primary-color);
  color: #fff;
  text-decoration: none;
}
.cta-banner__link a:hover .fa-stack-1x, .cta-banner__link a:focus .fa-stack-1x {
  color: #2d2f32 !IMPORTANT;
}
.cta-banner__link a:hover, .cta-banner__link a:focus {
  background: #2d2f32;
  color: #fff;
}
a.cta-banner__link a:hover .cta-banner__icon i, a.cta-banner__link a:focus .cta-banner__icon i {
  color: #2d2f32;
}


/* Standard */
section.cta {
  background-color: var(--bs-light);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
section.cta span {
  color: var(--dbca-primary-color);
}
section.cta .btn {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary);
  color: var(--bs-white);
}
/* Kings park */
section.cta.cta-bgpa {
  background-color: var(--dbca-bgpa-light-color);
}
section.cta.cta-bgpa span {
  color: var(--dbca-bgpa-primary-color);
}
section.cta.cta-bgpa .btn, section.cta.cta-bgpa .btn:hover  {
  background-color:var(--dbca-bgpa-primary-color);
  border-color:var(--dbca-bgpa-primary-color);
  color: var(--bs-white);
}
/* Explore Parks */
section.cta.cta-pws {
  background-color: var(--dbca-pws-light-color);
}
section.cta.cta-pws span {
  color: var(--dbca-pws-primary-color);
}
section.cta.cta-pws .btn, section.cta.cta-pws .btn:hover {
  background-color:var(--dbca-pws-primary-color);
  border-color:var(--dbca-pws-primary-color);
  color: var(--bs-white);
}
/* Rottnest */
section.cta.cta-ria {
  background-color: var(--dbca-ria-light-color);
}
section.cta.cta-ria span {
  color: var(--dbca-ria-primary-color);
}
section.cta.cta-ria .btn, section.cta.cta-ria .btn:hover  {
  background-color:var(--dbca-ria-primary-color);
  border-color:var(--dbca-ria-primary-color);
  color: var(--bs-white);
}
/* Zoo */
section.cta.cta-zpa {
  background-color: var(--dbca-zpa-light-color);
}
section.cta.cta-zpa span {
  color: var(--dbca-zpa-primary-color);
}
section.cta.cta-zpa .btn, section.cta.cta-zpa .btn:hover {
  background-color:var(--dbca-zpa-primary-color);
  border-color:var(--dbca-zpa-primary-color);
  color: var(--bs-white);
}

.related .border-light .card-footer {
    background-color: transparent;
    border-top: 1px solid rgba(236, 235, 241, 0.3);
}
.related .card.border-light:hover {
  background:#f9f9f9;
}
.related .card.border-light .btn-dark {
  border-radius: 0 !important;
}
.related .card.border-light .btn-dark:hover,
.related .card.border-light .btn-dark:focus {
  background-color: var(--dbca-primary-color);
  border-color: var(--dbca-primary-color);
}

.path-frontpage .mod_addtoany {
  display: none;
}
.row-article {
  border-bottom: 1px solid #f5f5f5;
}

/***** 5 - HEADER / MAIN / FOOTER *****/

main {

}

.content-below {
  background: #f5f5f5;
  margin: 0;
}

.footer {
  background: #2d2f32;
  color: #fff;
}

.footer-bottom {
  border-top: solid 1px #393c3f;
}
.footer .navbar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
.footer .navbar-nav .nav-item {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
}
.footer .nav-link {
  color: #fff;
  display: inline-block;
  text-decoration: underline;
}
.footer .nav-link:hover,
.footer .nav-link:focus {
  text-decoration: none;
  color: #fff;
}
.footer__copyright {
  font-size: 0.875rem;
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

/***** 6 - CONTENT TYPES *****/

/***** 7 - NAVIGATION *****/

.dropdown .dropdown-toggle::after {
  border: none;
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  content: "\f107";
  margin-left: 8px;
  font-weight: 900;
  font-size: 1rem;
  vertical-align: bottom;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.show.dropdown .dropdown-toggle::after{
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
}
@supports not (-ms-high-contrast: none) {
   /* Non-IE styles here */
   /*
   .navbar-expand-lg .navbar-nav .dropdown:hover>.dropdown-menu {
  display: block;
}
*/
}

/***** 9 - BUTTONS / ICONS *****/

.btn-map:before {
  font-family: "Font Awesome 6 Free";
  content: "\f3c5";
  font-weight: 900;
  display: inline-block;
  margin-right: 5px;
}
/* Standard map icon */
i.fa-solid.fa-location-dot {
    color: #d54614;
}
i.fa-solid.fa-location-dot:hover {
    color: #252525;
}

.social-icons a {
  text-decoration: none;
  color: #f0f3f5;
  display: inline-flex;
}
.social-icons a:hover .fa-stack .fa-stack-2x {
  color: #313131;
  transition: 0.3s;
  transform: rotateY(180deg);
}
.social-icons a:hover .fa-stack .fa-stack-1x {
  color: #fff;
}

.social-icons .fa-stack {
  font-size: 1.5em;
}
.social-icons .fa-stack-1x {
  color: #313131;
}

/* Scroll to top/scroll indicator */
.progress-ring {
  z-index: 10000;
   margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  width:48px;
  height:48px;
}

.progress-ring__circle {
  transition: 0.35s stroke-dashoffset;
  /* axis compensation */
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.scroll-to-top {
    position: fixed;
    bottom: 1em;
    right: 1em;
    width: 3em;
    height: 3em;
    opacity: 0.8;
    z-index: 10000;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
}
.scroll-to-top:hover, .scroll-to-top:focus {
    opacity: 1;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.pr-1 {
  fill:none;
  stroke-width:1;
  stroke-linecap:butt;
  stroke-linejoin:miter;
  stroke:rgb(200%,200%,200%);
  stroke-opacity:1;
  stroke-miterlimit:4;
}
.pr-2 {
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke:rgb(0%,0%,0%);
  stroke-opacity:1;
  stroke-miterlimit:4;
}
.progress-ring__circle {
  stroke:OrangeRed;
  stroke-width:4;
  fill:lightgrey;
}

.scroll-to-top.is-hidden {
    display: unset !important;
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
}
/***** 10 - SEARCH / FORMS *****/


header[role="banner"] .searchkeyword__whole-gov-link a {
  color: #fff;
  border-bottom: 1px dashed;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}

header .header_mobile .search_icon {
  display: inline-block;
  text-decoration: none;
  width: 24px;
  height: 24px;
  padding: 13px 13px;
  border: 0px;
  color: #fff;
  background: transparent;
  font-size: 0px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_mobile .search_icon:before {
  font-family: "Font Awesome 6 Free";
  content: "\f002";
  font-weight: 900;
  font-size: 1.75rem;
  line-height: 1.75rem;
  color: #fff;
  background: transparent;
  vertical-align: middle;
}

.leaflet-div-icon {
    color:  var(--dbca-primary-color);
    background-color: transparent;
    border: none;
}

.inline ul.js-facets-widget {
    display: inline-flex!important;
}
.inline li.facet-item {
    display: inline-block;
    margin-right: 1rem;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 0.5em;
}
.search-page .form-item input {
    padding: 1rem !important;
    font-size: 1.5rem;
    margin: 2rem auto;
}


.hero form.active .input-group,
main form.active .input-group {
    box-shadow: 1px 1px 5px 5px rgb(9 137 227 / 50%);
    -webkit-box-shadow: 1px 1px 5px 5px rgb(9 137 227 / 50%);
    -moz-box-shadow: 1px 1px 5px 5px rgb(9 137 227 / 50%);
}

.btn, button.link, a.button, .button {
    margin: 0 0.5rem;
    height: 2.8em;
    padding: .5em 1.2em;
}

.form-control:focus {
    box-shadow: none;
}
.form-check-input:checked, input[type="checkbox"]:checked {
    background-color: #2d2f32;
    border-color: #2d2f32;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
input[type="checkbox"], input[type="radio"], .form-check-input[type=checkbox] {
    width: 1.25em;
    height: 1.25em;
    margin-top: 0.1em;
    vertical-align: top;
    padding: 5px;
    margin-right: 0.5em;
}
input[type="checkbox"], form-check-input[type=checkbox] {
    border-radius: 0.15em;
}
.js-facets-widget {
    list-style-type: none;
    padding-left: 0;
}

/***** 11 - IMAGES / VIDEO *****/

/* Hide figure caption from related etc... */
figcaption:not(main *), .card figcaption {
  display:none;
}


/***** 12 - EXTRAS / MODULES *****/

/* Used for Google Charts */
.chart {
  width: 100%;
  min-height: 450px;
}

.shadow-1-soft {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.05)!important;
}
.shadow-1-strong {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.21)!important;
}
.shadow-2-soft {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05)!important;
}
.shadow-2-strong {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.21)!important;
}
.mod_addtoany {
  margin: 50px 0 0 0;
}

body.authority--ria .presentedBy img,
body.authority--zpa .presentedBy img,
body.authority--bgpa .presentedBy img,
body.authority--pws .presentedBy img,
body.authority--srt .presentedBy img,
body.authority--cpc .presentedBy img,
body.authority--bcs .presentedBy img,
body.authority--bio .presentedBy img {
  background-size: 100% !IMPORTANT;
  width: 100%;
  padding-top: 50%;
  height: 0;
  text-indent: -9999px;
}

/* Rottnest Island Authority */
body.authority--ria .brand-bar {
  background: #00a8b4;
}
body.authority--ria .presentedBy img {
  background: url(../../img/Logo-RIA.svg) no-repeat;
}
/* Perth Zoologial Authority */
body.authority--zpa .brand-bar {
  background: #fdc82f;
}
body.authority--zpa .presentedBy img {
  background: url(../../img/Logo-ZPA.svg) no-repeat;
}
/* Biodiversity Information Office */
body.authority--bio .brand-bar {

}
body.authority--bio .presentedBy img {
  background: url(../../img/Logo-BIO.svg) no-repeat;
}
/* Botanic Gardens Parks Authority */
body.authority--bgpa .brand-bar {
  background: #1c5553;
}
body.authority--bgpa .presentedBy img {
  background: url(../../img/Logo-BGPA.svg) no-repeat;
}
/* Parks and Wildlife Service */
body.authority--pws .brand-bar {
  background: #266093;
}
body.authority--pws .presentedBy img {
  background: url(../../img/Logo-PWS.svg) no-repeat;
}
/* Swan River Trust */
body.authority--srt .brand-bar {
  background: #005a9c;
}
body.authority--srt .presentedBy img {
  background: url(../../img/Logo-SRT.svg) no-repeat;
}
/* Conservation and Parks Commission */
body.authority--cpc .brand-bar {
  background: #00a78e;
}
body.authority--cpc .presentedBy img {
  background: url(../img/Logo-CSC.svg) no-repeat;
}
/* Science */
body.authority--bcs .presentedBy img {
  background: url(../../img/Logo-BCS.svg) no-repeat;
}


/***** 13 - RESPONSIVE / CONDITIONAL *****/
@media (min-width: 768px) {

/* Faceted Search Bar */
 .filter-bar .row .form-item {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

}
@media (min-width: 992px) {
  /*
  .header_desktop {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  */

   header .navbar ul li a, .navbar-expand-lg .navbar-nav .nav-link {
     border-top-width:7px;
     font-weight:300;
   }
   .navbar-light .navbar-nav .nav-link:focus,
   .navbar-light .navbar-nav .nav-link:hover {
     color: #000;
     border-top-color:  var(--dbca-primary-color);
  }
     header .navbar .dropdown{
        position:static!important;
    }
     header .navbar .dropdown-menu{
         left:0;
         right:0;
         width:100%;
         margin-top:0;
         min-width: 19.5rem;
         width: 100% !important;
         box-sizing: border-box;
         padding: 10px 6px 10px 30px;
         background: #fff;
         border-top: solid 1px #d1d1d1;
         -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
         -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 15%);
         box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 15%);
    }
     header .navbar-expand-lg .navbar-nav .dropdown-menu li {
         width: calc(25% - 24px);
         display: inline-block;
    }
     header .navbar-expand-lg .navbar-nav .dropdown-menu li a {
         padding: 20px 10px 20px 10px;
         border-top: 0px;
         font-size: 0.875rem;
         line-height: 1.125rem;
         font-weight: 500;
         color: #2d2f32;
         padding-right: 24px;
    }
     header .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover {
         color:  var(--dbca-primary-color);
         border-top: 0px;
    }

  .region-sidebar-second {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
  .footer .navbar-nav {
    flex-direction: row !IMPORTANT;
  }

  /* "Support" for IE */
  @supports not (-ms-high-contrast: none) {
    .navbar-expand-lg .navbar-nav {
      display:block;
    }
    header .navbar ul li {
      display:inline-block;
    }

    .authorities img.authority-logo {
      max-height: 110px;
    }
  }

  a.cta-banner__link {
    padding: 3rem;
  }
  .offcanvas {
    visibility: visible;
    position: relative;
    background: none;
    border: none;
    justify-content: end;
  }
  .offcanvas-body {
    padding: 0 !important;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
}
@media (max-width: 992px) {
  .offcanvas-header {
      width: 100%;
      background: #2d2f32;
  }
  .offcanvas-body {
      overflow: hidden;
      position: relative;
      overflow-y: scroll;
  }
   header .navbar ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    padding: 22px 15px;
    font-size: 1rem;
   }
  .navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .navbar-expand-lg .navbar-nav li {
    border-bottom: solid 1px #d1d1d1;
    vertical-align: top;
    margin: 0px 16px 0px 0px;
    padding: 0px;
    line-height: 0px;
  }

  .dropdown-menu {
    padding:0;
  }
  .dropdown-menu[data-bs-popper] {
    margin-top: 0;
  }
  .navbar-nav li {
    padding:0;
  }
  li.nav-item:last-child {
    border-bottom:none;
  }
}

/* All browsers except IE */
@supports not (-ms-high-contrast: none) {
  .ie_alert {display:none;}
}
/* IE Browser only */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ie_alert{
    position: fixed;
    bottom: 5px;
    left:2%;
    width: 96%;
  }
}