:root {
	--brandingColour1: #000000;
	--brandingColour2: #f5f5f5;
	--brandingColour3: #775475;
	--brandingColour4: #39777f;
	--brandingColour5: #7ab800;
	--brandingColour6: #ffffff;
	--globalBrandingColour1: #000000;
	--globalBrandingColour2: #f5f5f5;
	--globalBrandingColour3: #775475;
	--globalBrandingColour4: #39777f;
	--globalBrandingColour5: #7ab800;
	--globalBrandingColour6: #ffffff;
}


/*Custom CSS*/
/* fixing an accessibility issue on the single view page. */
h3.panelTitle { color: #bbbbbb; }

.navbar-nav .dropdown-menu {
    --bs-dropdown-bg: var(--brandingColour4);
}

.nav-link:focus, .nav-link:hover {
    --bs-nav-link-hover-color: var(--brandingColour2);
}

.logoLink {
    width: 56%;

}
.logo {
    max-height: 100px;
}

.col-xs-6 {
   padding-left: 0;
}

/* Homepage Stuff */

.homepage-hero {
  position: relative;
  height: 70vh;
  margin-top: -0.5rem;
}

.homepage-hero:before {
  content: '';
  position: absolute;
  display: block;;
  top: 0; left: -2rem;
  width: calc(100% + 4rem);
  height: 100%;
  background: var(--brandingColour4);
  background: #000;
  z-index: 1;
}

.homepage-hero--container {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 100%;
}

.homepage-hero--container iframe {
  width: 100%!important;
  max-height: 70vh;
  position: absolute;
  top: 0; 
  left: 0;
}

.homepage-hero--text {
  max-width: 40%;
  margin-left: auto;
  margin-right: 10%;
  position: relative;
  z-index: 10;
  padding: 2rem;
  background: rgba(0,0,0,0.55);
  color: #fff;
  border-radius: 4px;

}

.homepage-hero--text p:last {padding: 0;margin: 0;}

.homepage-hero + .container-xl {
  margin-top: -6vh;
  position: relative;
  z-index: 50;
}

.homepage-hero--scrollable-hidden-element {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
  pointer-events:none;
}

.homepage-hero--scrollable-hidden-element .container-xl {
  height: 100%;
  position: relative;
  pointer-events:none;
}

.homepage-hero--scrollable-hidden-element .container-xl:before, .homepage-hero--scrollable-hidden-element .container-xl:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; 
  pointer-events: all;
}

.homepage-hero--scrollable-hidden-element .container-xl:before {left: -100%;}

.homepage-hero--scrollable-hidden-element .container-xl:after {left: 100%;}

.dropdown-menu {z-index: 1000;}

@media (max-width: 767px) {
  #randomItem {display: none;}
  .homepage-hero:before {
    background: url('https://pedestal-client-une.s3-ap-southeast-2.amazonaws.com/thumbnails/0ptzbl89lwxrtxxvna7rqomp.jpg') no-repeat center center / cover;
  }
 .homepage-hero--text {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
 }
}

.homepage-hero--text {
    pointer-events: none;
}
.homepage-hero--text a {
    pointer-events: all;
}