.ca-body .card-body-container {
  max-width: 100% !important;
}

*.map-sidebar-panel-header .page-title i.fa {
  color: rgb(0 0 0 / 40%);
}

#sidebarLvl1Index .map-sidebar-panel-header .page-title,
#sidebarLvl2WHTPDLPTunnel1 .map-sidebar-panel-header .page-title,
#sidebarLvl2LandscapingBerrysBay .map-sidebar-panel-header .page-title {
  color: #01481e;
}
#sidebarLvl1Index .bg-nsw-green03,
#sidebarLvl2WHTPDLPTunnel1 .bg-nsw-green03,
#sidebarLvl2LandscapingBerrysBay .bg-nsw-green03 {
  background-color: #a8edb3 !important;
}

#sidebarLvl2WHTPDLPArt .map-sidebar-panel-header .page-title {
  color: #495054;
}
#sidebarLvl2WHTPDLPArt .bg-nsw-grey03 {
  background-color: #cdd3d6 !important;
}

#sidebarLvl2WHTPDLPCam .map-sidebar-panel-header .page-title,
#sidebarLvl2WoodleysShed .map-sidebar-panel-header .page-title,
a#categorySelectorWHTPDLPCam:hover,
a#categorySelectorWoodleysShed:hover
 {
  color: #941b00;
}
#sidebarLvl2WHTPDLPCam .bg-nsw-orange03,
#sidebarLvl2WoodleysShed .bg-nsw-orange03 {
  background-color: #ffce99 !important;
}

#sidebarLvl2WHTPDLPTunnel2 .map-sidebar-panel-header .page-title,
a#categorySelectorWHTPDLPTunnel2:hover,
#sidebarLvl2FeaturesAndForeshorePathway .map-sidebar-panel-header .page-title,
a#categorySelectorFeaturesAndForeshorePathway:hover {
  color: #002664;
}
#sidebarLvl2WHTPDLPTunnel2 .bg-nsw-blue04,
#sidebarLvl2FeaturesAndForeshorePathway .bg-nsw-blue04 {
  background-color: #cbedfd !important;
}

#sidebarLvl2WHTPDLPLand .map-sidebar-panel-header .page-title,
a#categorySelectorWHTPDLPLand:hover,
#sidebarLvl2PlayFacilities .map-sidebar-panel-header .page-title,
a#categorySelectorPlayFacilities:hover {
  color: #694800;
}
#sidebarLvl2WHTPDLPLand .bg-nsw-yellow03,
#sidebarLvl2PlayFacilities .bg-nsw-yellow03 {
  background-color: #fde79a !important;
}

.cat-list-icon {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 55px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 0 4px 4px 0;
}

.cat-list-icon#iconWHTPDLPArt {
  border: 1px solid rgb(73 80 84 / 25%);
  background-color: #cdd3d6;
  border-left: 0px;
}

.cat-list-icon#iconWHTPDLPCam,
.cat-list-icon#iconWoodleysShed {
  border: 1px solid rgb(148 27 0 / 25%);
  background-color: #ffce99;
  border-left: 0px;
}

.map-sidebar-panel-body h3 {
  font-size: 1.5rem;
}

#sidebarLvl1Index .sidebar-category-list h5 {
  margin-bottom: 0;
  font-size: 1.1em;
}


/* This area is in need of cleanup an consolitdation */

:root {
  --greenCategory: #a8edb3;
  --greenContrast: #00481e;
  --greyCategory: #cdd3d6;
  --greyContrast: #495054;
  --orangeCategory: #ffce99;
  --orangeContrast: #941b00;
  --blueCategory: #cbedfd;
  --blueContrast: #002664;
  --yellowCategory: #fde79a;
  --yellowContrast: #694800;
}


/* Greys */
.sidebar-category-list a#categorySelectorWHTPDLPArt:hover {
  background-color: #cdd3d6 !important;
  border: 1px solid rgba(73, 80, 84, 0.251);
  transition: 0.4s all;
}

/* Oranges */
.sidebar-category-list a#categorySelectorWHTPDLPCam:hover,
.sidebar-category-list a#categorySelectorWoodleysShed:hover {
  background-color: var(--orangeCategory) !important;
  border: 1px solid var(--orangeContrast);
  transition: 0.4s all;
}
.hotspot.woodleysShed {
  background-color: var(--orangeCategory);
  border: 1px solid var(--orangeContrast);  
}
.hotspot.woodleysShed i:before {
  color: var(--orangeContrast);
}

/* Greens */
.sidebar-category-list a#categorySelectorWHTPDLPTunnel1:hover,
.sidebar-category-list a#categorySelectorLandscapingBerrysBay:hover{
  background-color: var(--greenCategory) !important;
  border: 1px solid var(--greenContrast);
  transition: 0.4s all;
}
.hotspot.landscapingBerrysBay {
  background-color: var(--greenCategory);
  border: 1px solid var(--greenContrast);  
}
.hotspot.landscapingBerrysBay i:before {
  color: var(--greenContrast);
}

/* Blues */
.sidebar-category-list a#categorySelectorWHTPDLPTunnel2:hover,
.sidebar-category-list a#categorySelectorFeaturesAndForeshorePathway:hover {
  background-color: var(--blueCategory) !important;
  border: 1px solid var(--blueContrast);
  transition: 0.4s all;
}
.hotspot.featuresAndForeshorePathway {
  background-color: var(--blueCategory);
  border: 1px solid var(--blueContrast);  
}
.hotspot.featuresAndForeshorePathway i:before {
  color: var(--blueContrast);
}

/* Yellows */
.sidebar-category-list a#categorySelectorWHTPDLPLand:hover,
.sidebar-category-list a#categorySelectorPlayFacilities:hover {
  background-color: var(--yellowCategory) !important;
  border: 1px solid var(--yellowContrast);
  transition: 0.4s all;
}
.hotspot.playFacilities {
  background-color: var(--yellowCategory);
  border: 1px solid var(--yellowContrast);  
}
.hotspot.playFacilities i:before {
  color: var(--yellowContrast);
}

.notif-card-project-label {
  background-color: var(--ca-primary-colour);
}

.host-project .notif-card-project-label {
  background-color: var(--ca-tertiary-colour);
}

.host-project .notif-card-project-label.western-harbour-tunnel-stage-2 {
  background-color: #00aa45;
}

.design-banner-disclaimer {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  bottom: 2%;
  right: 0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  transition: all 1s linear;
}

.design-banner-disclaimer a {
  cursor: pointer;
}

.design-banner-disclaimer a:hover {
  background-color: var(--ca-primary-colour);
}

.ca-map-top-left-controls {
  left: 0;
  margin-top: 0;
}

.ca-body .dropdown-menu .dropdown-item {
  border-radius: 0;
  font-size: 0.875rem;
  padding: 0.75rem 1rem !important;
}
.ca-body .dropdown-menu .dropdown-item.active {
  background-color: var(--ca-primary-colour);
  color: white !important;
}

/* restrict the height of the map minus the header */
@media (min-width: 1280px) {
  .ca-map {
    height: calc(100vh - 96px) !important;
  }
}

/* Zone callout */
.zone-callout {
    padding: 1.5rem;
    background-color: #CBEDFD;
    border-radius: 20px;
    font-size: 1.2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 25px;

}
.zone-callout p {
    margin: 0;
    color: var(--ca-brand-colour);
    font-size: 1.0rem;
    max-width: 300px;
}
.zone-callout p i {
    font-size: 3.0rem;
}


/* popup image modal fixes */
.ca-component.ca-media.ca-parent--modal {
  margin-top: 0 !important;
}
.ca-media-wrapper.ca-media-image-wrapper img {
  width : 100% !important;
  height: auto !important;
}

/* form fixes (only on map page for now)*/
.tab-content.ca-form-step-tab-content img.img-fluid {
  width: 100% !important;
  height: auto !important;
}