/* site-specific styles */
 :root {
	 --vpi-red: #B43327;
	 --vpi-red-alpha: rgba(180, 51, 39, 0.8);
	 --vpi-light-red: #E3CBC9;
	 --vpi-light-red-alpha: rgba(227,203,201, 0.8);
	 --vpi-purple: #5b0e20;
	 --vpi-purple-alpha: rgba(91, 14, 32, 0.8);
	 --vpi-brown: #584C3E;
	 --vpi-brown-alpha: rgba(88, 76, 62, 0.8);
	 --vpi-light-brown: #765938;
	 --vpi-light-brown-alpha: rgba(118,89,56,0.8);
	 --vpi-green: #7d958b;
	 --vpi-green-alpha: rgba(125, 149, 139, 0.8);
	 --vpi-dark-green: #666734;
	 --vpi-dark-green-alpha: rgba(102,103,52,0.8);
	 --vpi-light-green: #E4E6DB;
	 --vpi-light-green-alpha: rgba(228,230,219, 0.8);
	 --vpi-grey: #939597;
	 --vpi-grey-alpha: rgba(147,149,151,0.8);
	 --vpi-dark-grey: #231f20;
	 --vpi-dark-grey-alpha: rgba(35,31,32,0.8);
	 --vpi-tan: #F2F0EC;
	 --vpi-tan-alpha: rgba(242,240,236,0.8);
	 --vpi-dark-tan: #9b8f58;
	 --vpi-dark-tan-alpha: rgba(155,143,88,0.8);
	 --vpi-med-tan: #DAAD78;
	 --vpi-med-tan-alpha: rgba(218,173,120,0.8);
	 --vpi-silver: #D8DDE5;
	 --vpi-silver-alpha: rgba(216,221,229,0.8);
}
/** OVERRIDE hannonhill HERO comp **/
 .hero .hero--divider.bg--vpi-red svg {
	 color: var(--vpi-red);
}
 .hero .hero--divider.bg--vpi-light-red svg {
	 color: var(--vpi-light-red);
}
 .hero .hero--divider.bg--vpi-purple svg {
	 color: var(--vpi-purple);
}
 .hero .hero--divider.bg--vpi-brown svg {
	 color: var(--vpi-brown);
}
 .hero .hero--divider.bg--vpi-light-brown svg {
	 color: var(--vpi-light-brown);
}
 .hero .hero--divider.bg--vpi-green svg {
	 color: var(--vpi-green);
}
 .hero .hero--divider.bg--vpi-grey svg {
	 color: var(--vpi-grey);
}
 .hero .hero--divider.bg--vpi-dark-grey svg {
	 color: var(--vpi-dark-grey);
}
 .hero .hero--divider.bg--vpi-tan svg {
	 color: var(--vpi-tan);
}
 .hero .hero--divider.bg--vpi-dark-tan svg {
	 color: var(--vpi-dark-tan);
}
 .hero .hero--divider.bg--vpi-silver svg {
	 color: var(--vpi-silver);
}
 .hero .hero--divider.bg--vpi-light-green svg {
	 color: var(--vpi-light-green);
}
/** * VPI BG section colours */
 @media (max-width: 575.98px) {
	 .uv-sect.bg--vpi-purple::before, .uv-sect.bg--vpi-red::before, .uv-sect.bg--vpi-light-red::before, .uv-sect.bg--vpi-brown::before, .uv-sect.bg--vpi-green::before, .uv-sect.bg--vpi-dark-green::before, .uv-sect.bg--vpi-light-green::before, .uv-sect.bg--vpi-light-brown::before, .uv-sect.bg--vpi-grey::before, .uv-sect.bg--vpi-dark-grey::before, .uv-sect.bg--vpi-tan::before, .uv-sect.bg--vpi-med-tan::before, .uv-sect.bg--vpi-dark-tan::before, .uv-sect.bg--vpi-silver::before {
		 width: 100vw !important;
		 margin-left: -50vw !important;
	}
}
 .uv-sect.bg--vpi-purple::before, .uv-sect.bg--vpi-red::before, .uv-sect.bg--vpi-light-red::before, .uv-sect.bg--vpi-brown::before, .uv-sect.bg--vpi-green::before, .uv-sect.bg--vpi-dark-green::before, .uv-sect.bg--vpi-light-green::before, .uv-sect.bg--vpi-light-brown::before, .uv-sect.bg--vpi-grey::before, .uv-sect.bg--vpi-dark-grey::before, .uv-sect.bg--vpi-tan::before, .uv-sect.bg--vpi-med-tan::before, .uv-sect.bg--vpi-dark-tan::before, .uv-sect.bg--vpi-silver::before {
	 content: "";
	 display: block;
	 width: 100vw;
	 height: 100%;
	 position: absolute;
	 left: 50%;
	 top: 0;
	 z-index: 0;
	 margin-left: -50vw;
}
 .bg--vpi-purple {
	 background-color: var(--vpi-purple);
}
 .uv-sect.bg--vpi-purple::before {
	 background-color: var(--vpi-purple);
}
 .uv-sect--overlay.bg--vpi-purple::after {
	 background-color: var(--vpi-purple-alpha);
}
 .card--overlay.bg--vpi-purple .card--overlay__cover::before {
	 background-color: var(--vpi-purple-alpha);
}
 .bg--vpi-red {
	 background-color: var(--vpi-red);
}
 .uv-sect.bg--vpi-red::before {
	 background-color: var(--vpi-red);
}
 .uv-sect--overlay.bg--vpi-red::after {
	 background-color: var(--vpi-red-alpha);
}
 .card--overlay.bg--vpi-red .card--overlay__cover::before {
	 background-color: var(--vpi-red-alpha);
}
 .bg--vpi-brown {
	 background-color: var(--vpi-brown);
}
 .uv-sect.bg--vpi-brown::before {
	 background-color: var(--vpi-brown);
}
 .uv-sect--overlay.bg--vpi-brown::after {
	 background-color: var(--vpi-brown-alpha);
}
 .card--overlay.bg--vpi-brown .card--overlay__cover::before {
	 background-color: var(--vpi-brown-alpha);
}
 .bg--vpi-green {
	 background-color: var(--vpi-green);
}
 .uv-sect.bg--vpi-green::before {
	 background-color: var(--vpi-green);
}
 .uv-sect--overlay.bg--vpi-green::after {
	 background-color: var(--vpi-green-alpha);
}
 .card--overlay.bg--vpi-green .card--overlay__cover::before {
	 background-color: var(--vpi-green-alpha);
}
 .bg--vpi-dark-green {
	 background-color: var(--vpi-dark-green);
}
 .uv-sect.bg--vpi-dark-green::before {
	 background-color: var(--vpi-dark-green);
}
 .uv-sect--overlay.bg--vpi-dark-green::after {
	 background-color: var(--vpi-dark-green-alpha);
}
 .card--overlay.bg--vpi-dark-green .card--overlay__cover::before {
	 background-color: var(--vpi-dark-green-alpha);
}
 .bg--vpi-light-brown {
	 background-color: var(--vpi-light-brown);
}
 .uv-sect.bg--vpi-light-brown::before {
	 background-color: var(--vpi-light-brown);
}
 .uv-sect--overlay.bg--vpi-light-brown::after {
	 background-color: var(--vpi-light-brown-alpha);
}
 .card--overlay.bg--vpi-light-brown .card--overlay__cover::before {
	 background-color: var(--vpi-light-brown-alpha);
}
 .bg--vpi-grey {
	 background-color: var(--vpi-grey);
}
 .uv-sect.bg--vpi-grey::before {
	 background-color: var(--vpi-grey);
}
 .uv-sect--overlay.bg--vpi-grey::after {
	 background-color: var(--vpi-grey-alpha);
}
 .card--overlay.bg--vpi-grey .card--overlay__cover::before {
	 background-color: var(--vpi-grey-alpha);
}
 .bg--vpi-dark-grey {
	 background-color: var(--vpi-dark-grey);
}
 .uv-sect.bg--vpi-dark-grey::before {
	 background-color: var(--vpi-dark-grey);
}
 .uv-sect--overlay.bg--vpi-dark-grey::after {
	 background-color: var(--vpi-dark-grey-alpha);
}
 .card--overlay.bg--vpi-dark-grey .card--overlay__cover::before {
	 background-color: var(--vpi-dark-grey-alpha);
}
 .bg--vpi-light-red {
	 background-color: var(--vpi-light-red) 
}
 .uv-sect.bg--vpi-light-red::before {
	 background-color: var(--vpi-light-red) 
}
 .uv-sect--overlay.bg--vpi-light-red::after {
	 background-color: var(--vpi-light-red-alpha);
}
 .card--overlay.bg--vpi-light-red .card--overlay__cover::before {
	 background-color: var(--vpi-light-red-alpha);
}
 .bg--vpi-tan {
	 background-color: var(--vpi-tan);
}
 .uv-sect.bg--vpi-tan::before {
	 background-color: var(--vpi-tan);
}
 .uv-sect--overlay.bg--vpi-tan::after {
	 background-color: var(--vpi-tan-alpha);
}
 .card--overlay.bg--vpi-tan .card--overlay__cover::before {
	 background-color: var(--vpi-tan-alpha);
}
 .bg--vpi-med-tan {
	 background-color: var(--vpi-med-tan);
}
 .uv-sect.bg--vpi-med-tan::before {
	 background-color: var(--vpi-med-tan);
}
 .uv-sect--overlay.bg--vpi-med-tan::after {
	 background-color: var(--vpi-med-tan-alpha);
}
 .card--overlay.bg--vpi-med-tan .card--overlay__cover::before {
	 background-color: var(--vpi-med-tan-alpha);
}
 .bg--vpi-dark-tan {
	 background-color: var(--vpi-dark-tan);
}
 .uv-sect.bg--vpi-dark-tan::before {
	 background-color: var(--vpi-dark-tan);
}
 .uv-sect--overlay.bg--vpi-dark-tan::after {
	 background-color: var(--vpi-dark-tan-alpha);
}
 .card--overlay.bg--vpi-dark-tan .card--overlay__cover::before {
	 background-color: var(--vpi-dark-tan-alpha);
}
 .bg--vpi-silver {
	 background-color: var(--vpi-silver);
}
 .uv-sect.bg--vpi-silver::before {
	 background-color: var(--vpi-silver);
}
 .uv-sect--overlay.bg--vpi-silver::after {
	 background-color: var(--vpi-silver-alpha);
}
 .card--overlay.bg--vpi-silver .card--overlay__cover::before {
	 background-color: var(--vpi-silver-alpha);
}
 .bg--vpi-light-green {
	 background-color: var(--vpi-light-green);
}
 .uv-sect.bg--vpi-light-green::before {
	 background-color: var(--vpi-light-green);
}
 .uv-sect--overlay.bg--vpi-light-green::after {
	 background-color: var(--vpi-light-green-alpha);
}
 .card--overlay.bg--vpi-light-green .card--overlay__cover::before {
	 background-color: var(--vpi-light-green-alpha);
}
/** * OVERRIDE Template 4 styles */
 a {
	 color: #002C5F;
}
 main a:hover {
	 color: #7B0A00;
}
 main a:not(.btn):focus{
	 color: #fff;
	 text-decoration-line: none;
	 background-color: var(--vpi-red);
}
 main a#search-btn{
	 color: var(--bs-link-color);
}
 main a#search-btn:focus {
	 background-color: var(--bs-link-color);
	 color: #fff;
}
 h2 {
	 color: var(--vpi-purple);
}
/* Left Nav override*/
 @media (min-width: 992px) {
	 .uv-inpage .list-group-item:first-child {
		 color: #fff;
	}
	 .uv-inpage .list-group-item:first-child:hover {
		 background-color: var(--vpi-purple);
		 color: #fff;
	}
	 .uv-inpage .list-group-item {
		 color: #002754;
	}
	 .uv-inpage .list-group-item:hover {
		 background-color: var(--vpi-light-red);
		 color: #002754;
	}
	 .uv-inpage__first.list-group-item {
		 background-color: #002754;
	}
	 .uv-inpage .list-group-item.active, .uv-inpage .list-group-item.active:hover {
		 color: #002754;
		 background-color: var(--vpi-light-red);
		 border-color: #e9ecef;
	}
}
 .btn-primary {
	 background-color: #002754 !important;
}
 .btn-primary:hover {
	 background-color: var(--vpi-red) !important;
	 border: 1px solid #73251E !important;
}
/** NAV **/
 .uv-hdr {
	 background-image: none;
}
 @media (max-width: 992px) {
	 .uv-hdr {
		 background-color: #002C5F;
	}
}
 .uv-nav--topic {
	 background-image: none;
	 background-color: #002C5F;
}
/*.uv-nav__tgl[aria-expanded=true] {
	 */
	/* background-color: var(--vpi-red);
	 */
	/* 
}
 */
 .uv-nav__item::after {
	 color: #FFF;
}
 .uv-nav__item:hover {
	 background-color: #5B0E20;
}
 .uv-nav__item:focus {
	 background-color: #983026 !important;
}
 .uv-nav__item.active {
	 background-color: #5B0E20;
}
 .uv-nav__item[aria-expanded=true] {
	 background-color: #5B0E20;
}
 @media (min-width: 992px) {
	 .uv-hdr {
		 display: none;
	}
	 .uv-nav__dropdown {
		 background-color: #002754;
	}
	 .uv-nav__item::before {
		 border: 0.5rem solid #983026;
		 border-bottom: none;
		 border-right-color: transparent;
		 border-left-color: transparent;
	}
}
 .uv-nav__dropdown a.dropdown-item:hover, .uv-nav__dropdown a.dropdown-item.active {
	 color: #005493;
	 background-color: #CCD3DD;
}
 .uv-nav__dropdown a.dropdown-item:focus {
	 text-decoration: none;
	 background-color: #CCDDE9;
}
 @media (min-width: 992px) {
	 .uv-nav__dropdown a.dropdown-item {
		 border-top-color: #6698BE;
	}
	 .uv-nav__dropdown a.dropdown-item:hover, .uv-nav__dropdown a.dropdown-item.active {
		 color: #fff;
		 background-color: #5B0E20;
	}
	 .uv-nav__dropdown a.dropdown-item:focus {
		 color: #fff;
		 background-color: #5B0E20;
	}
}
 .uv-nav--audience {
	 background-color: #3376A8;
}
 @media (min-width: 992px) {
	 .uv-nav--audience {
		 background-color: #CCDDE9;
	}
}
 .uv-nav--audience__dropdown .info-for-label,
 .uv-nav--audience__dropdown a.dropdown-item {
	 color: #005493;
}
 .uv-nav--audience__dropdown a.dropdown-item:hover, .uv-nav--audience__dropdown a.dropdown-item.active {
	 color: #005493;
	 background-color: #B2CBDE;
}
 .uv-nav--audience__dropdown a.dropdown-item:focus {
	 background-color: #B2CBDE;
}
 @media (min-width: 992px) {
	 .uv-nav--audience--overlay {
		 background-color: rgba(123, 10, 0, 0.8);
	}
	 .uv-nav--audience--overlay .uv-nav__dropdown a.dropdown-item:hover {
		 background-color: #5B0E20;
	}
	 .uv-nav--audience--overlay .uv-nav__dropdown a.dropdown-item:focus {
		 text-decoration: none;
		 background-color: #5B0E20;
	}
}
 .text--white .card a:not(.btn), .text--white .table a:not(.btn), .text--black .card a:not(.btn), .text--black .table a:not(.btn){
	 color: var(--vpi-red);
}
 .icon-bar > .col > a:focus {
	 background-color: initial;
}