:root {
    --gvh-colour-primary: #3c5573;
    --gvh-colour-secondary: #a83a3b;
    --gvh-colour-tertiary: #f5ede0;
    --gvh-colour-green: #859c5a;
    --gvh-colour-darkgreen: #6b8637;
    --gvh-colour-grey: #708090;

/* The following colours from an Adobe tool for a 'muted' palette from the original Grampound with Creed Crest
   painting by Mary Oliver. Held in the Heritage Centre. */
    --gvh-colour-darkblue: #3868A6;
    --gvh-colour-lightblue: #A9CBD9;
    --gvh-colour-yellow: #D9CE96;
    --gvh-colour-leafgreen: #518C66;
    --gvh-colour-red: #BF7E6F;
        
}

.bg-body-tertiary, .dropdown-menu {
    background-color: var(--gvh-colour-darkblue) !important;
}


.navbar-dark, .navbar[data-bs-theme="dark"] {
	--bs-navbar-color: #e8e8e8;
	--bs-navbar-hover-color: #fff;
	--bs-navbar-disabled-color: rgba(255, 255, 255, 0.55);
	--bs-navbar-active-color: #fff;
	--bs-navbar-brand-color: #fff;
	--bs-navbar-brand-hover-color: #fff;
}

.active {
        font-weight: bold;
}

/* a green button */
.btn-success {
    --bs-btn-bg: var(--gvh-colour-green);
    --bs-btn-border-color: var(--gvh-colour-green);
    --bs-btn-hover-bg: var(--gvh-colour-darkgreen);
    --bs-btn-hover-border-color: var(--gvh-colour-darkgreen);
    --bs-btn-active-bg: var(--gvh-colour-darkgreen);
    --bs-btn-active-border-color: var(--gvh-colour-darkgreen);
}

/* a blur / grey button */
.btn-primary {
    --bs-btn-bg: var(--gvh-colour-primary);
    --bs-btn-border-color: var(--gvh-colour-primary);
    --bs-btn-hover-bg: var(--gvh-colour-grey);
    --bs-btn-hover-border-color: var(--gvh-colour-grey);
    --bs-btn-active-bg: var(--gvh-colour-grey);
    --bs-btn-active-border-color: var(--gvh-colour-grey);
}

.text-bg-primary {
    background-color: var(--gvh-colour-darkblue) !important;
}

#footer, #footer a {
    color: white;
}

.text-bg-primary a {
    color: white;
}

.blurb {
    padding-left: 1rem;
    border: 1px solid var(--gvh-colour-grey);
    margin: 1rem;
    overflow: hidden;
}

.blurb p, .adm p {
    margin: 0px;
}

.blurbdetail {
    color: inherit;
    text-decoration: none;
}

.blurb:hover {
    background-color: var(--gvh-colour-tertiary);
}

.infopanel {
    background-color: var(--gvh-colour-tertiary);
    border: 2px solid var(--gvh-colour-grey);
}

.corner-ribbon {
  width: 200px;
  background: var(--gvh-colour-red);
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 25px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  overflow: hidden;
/*  visibility: hidden; */
}

.corner-ribbon.top-right {
  /* top: 18px; */
    top:30px;
  right: -70px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(46deg);
  overflow: hidden;
}

.filterButtons .btn-primary, .btn-light{
    transition-duration: 1s;
}

#aboutstuff H2 {
	border-bottom: solid #000 1px;
	width: max-content;
	padding-top: 2rem;
}