/* colours used:
FFFFFF - white
000000 - black
*/

/* light on dark */
body,
#nav,
.page-header,
.hp-header .hpheading,
.searchfaqs,
.boc,
.posttags,
.latestnews > h2,
.pulloutcb,
.sectiontoptab,
.rolesmain .tab,
#colophon,
.personas li a,
.contactformsection,
.page-numbers{
	background:#042868;
	color:#F7EFD8;
}

.rolestop,
.hplatest,
.news-item .inside,
.iblock.block1,
.iblock.block2,
.iblock.block3,
.news-item .imgbox{
	background:#042868;
}

.news-item .inside h2,
.news-item .inside .item-footer,
.pagefeatureinside .txtside .txtbox,
.iblock,
.newsfeatureinside .txtside .txtbox,
#colophon h2,
.subnav li a,
#crumbs a,
p.arrowlink,
.newsfeatureinside p.arrowlink,
.pulloutcb p.arrowlink,
.iblock p.arrowlink,
.hhblock a,
.hhblock span.nolink,
.bx-wrapper .bx-caption span,
input[type="submit"]{
	color:#F7EFD8;
}

/* dark on light */

input,
textarea,
.personas .current a,
.personas li a:focus,
.personas li a:hover,
.personas li a:active,
.page-numbers.current{
	background:#F7EFD8;
	color:#042868;
}
.personas li a:focus,
.personas li a:hover,
.personas li a:active,
.page-numbers.current{
	background:#F7EFD8;
	color:#042868 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.newswrapper .bx-wrapper .bx-pager.bx-default-pager a:hover,
.newswrapper .bx-wrapper .bx-pager.bx-default-pager a.active,
.newswrapper .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background:#F7EFD8;
}
.bx-wrapper .bx-pager{
	color:#042868;
}

/* border colours */


#nav,
.hp-header,
.page-header,
.subnav,
.subnav li,
.searchfaqs,
.boc,
.posttags,
.topcats,
.hplatest,
.news-item .inside,
.latestnews li.news-item,
.latestnews > h2,
.pulloutcb,
.eblock,
.sectiontoptab,
.rolesmain .tab,
.newsfeatureinside,
#colophon,
.contactformsection,
input,
textarea,
input[type="submit"],
.personas li a,
.topcats .current a,
.topcats .currentparent a,
.topcats a:focus,
.topcats a:hover,
.topcats a:active,
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus ,
.newswrapper .bx-wrapper .bx-pager.bx-default-pager a:hover,
.newswrapper .bx-wrapper .bx-pager.bx-default-pager a.active,
.newswrapper .bx-wrapper .bx-pager.bx-default-pager a:focus{
	border-color:#F7EFD8;
}

/* transparent background colour */

.page-header .inner .heading:before,
.hpheading h1,
.page-header .headerdeco div,
ul.cats > li:before,
ul.cats ul.children:before,
.quotebox .quote:before,
.quotetext:before,
.pagefeatureinside .txtside .txtbox:after,
.sectiontoptab:after,
.rolesmain .tab:before,
.rolesmain .tab:after,
.newsfeatureinside .txtside .txtbox:after,
#colophon:after,
#colophon .inner:before,
#nav li.searchlink a:before,
p.arrowlink a:after,
.eblock p.arrowlink a:after,
.hhblock a .overlay:before,
.hhblock span.nolink .overlay:before,
.boc h3 button,
.page-first,
.page-prev,
.page-next,
.page-last,
.nav-links .prev,
.nav-links .next,
.bx-wrapper .bx-pager.bx-default-pager a,
.newswrapper .bx-wrapper .bx-pager.bx-default-pager a{
	background-color:transparent;
}

/* exceptions + images */

.page-header .inner .heading:before{
	background-image:url(../img/shape5-large-ffffff.svg);
}
.page-header .inner .heading.shape1:before{
	background-image:url(../img/shape1-large-ffffff.svg);
}
.page-header .inner .heading.shape2:before{
	background-image:url(../img/shape2-large-ffffff.svg);
}
.page-header .inner .heading.shape5:before{
	background-image:url(../img/shape5-large-ffffff.svg);
}
.page-header .inner .heading.shape6:before{
	background-image:url(../img/shape6-large-ffffff.svg);
}
.hpheading h1{
	background-image:url(../img/shape-heading-bg-opacity0.1.svg);
}
ul.cats > li:before{
	background-image:url(../img/tag-ffffff.svg);
}
ul.cats ul.children:before{
	background-image:url(../img/personas-ffffff.svg);
}
.quotebox .quote:before{
	background-image:url(../img/quote-mark-000000.svg);
}
.quotetext:before{
	background-image:url(../img/quote-mark-ffffff.svg);
}
.pagefeatureinside .txtside .quotebox .quote::before{
	background-image:url(../img/quote-mark-ffffff.svg);
}
.pagefeatureinside .txtside .txtbox{
	background-color:#042868;
	background-image:url(../img/split-shape-top.png),url(../img/split-shape-bottom.png);
}
.pagefeatureinside .txtside .txtbox:after{
	background-image:url(../img/split-shape-center.png);
}
.iblock .imagedeco{
	background-color:#042868;
}
.iblock.block1 .imagedeco:after,
.iblock.block2 .imagedeco:after,
.iblock.block3 .imagedeco:after{
	background-image:url(../img/shape-img-overlay-000000.svg);
}
.eblock.block1 .inside h2:before{
	background-image:url(../img/shape1-ffffff.svg);
}
.eblock.block2 .inside h2:before{
	background-image:url(../img/shape2-ffffff.svg);
}
.eblock.block3 .inside h2:before{
	background-image:url(../img/shape3-ffffff.svg);
}
.eblock.block4 .inside h2:before{
	background-image:url(../img/shape4-ffffff.svg);
}
.sectiontoptab:after{
	background-image:url(../img/oblique-arrow-ffffff.svg);
}
.rolesmain .tab:before{
	background-image:url(../img/roles-filter-ffffff.svg);
}
.rolesmain .tab:after{
	background-image:url(../img/expand-small-ffffff.svg);
}
.newsfeatureinside .txtside .txtbox{
	background-color:#042868;
	background-image:url(../img/split-shape-top.png),url(../img/split-shape-bottom.png);
}
.sectiontoptab:after{
	background-image:url(../img/oblique-arrow-ffffff.svg);
}
.rolesmain .tab:before{
	background-image:url(../img/roles-filter-ffffff.svg);
}
.rolesmain .tab:after{
	background-image:url(../img/expand-small-ffffff.svg);
}
.newsfeatureinside .txtside .txtbox:after{
	background-image:url(../img/split-shape-center.png);
}
.newsfeatureinside ul.cats li:before{
	background-image:url(../img/tag-ffffff.svg);
}


#colophon:after{
	background-image:url(../img/footer-shape-right-fafafa.svg);
}
#colophon .inner:before{
	background-image:url(../img/footer-shape-left-ffffff.svg);
}


/* fix the stupid placeholder colour */
/* separate rules, because: "a group of selectors containing an invalid selector is invalid". */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:#777777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#777777;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#777777;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#777777;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color:#777777;
}

/* links and buttons */

#page a,
#page a *{
	color:inherit;
	text-decoration:underline;
	text-decoration-thickness: 2px !important;
	text-underline-offset:.25em;
}
#page a:focus,
#page a:hover,
#page a:active,
#page a:focus *,
#page a:hover *,
#page a:active *{
	text-decoration-style:dashed !important;
	text-decoration-skip-ink:none; /* otherwise the dashed look really weird */
}
#page ul.topcats li.current a,
#page ul.topcats a:focus,
#page ul.topcats a:hover,
#page ul.topcats a:active{
	text-decoration:none !important;
}
input[type="submit"]{
	background-color:#042868;
	background-image:url(../img/arrow-device-ffffff.svg);
}
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active{
	background-color:#F7EFD8;
	background-image:url(../img/arrow-device-000000.svg);
	color:#042868;
}
.subnav li.current-menu-item a,
.subnav li.current-page-ancestor a{
	text-decoration:underline;
	text-decoration-style:dashed !important;
	text-decoration-thickness:2px;
}
#nav li.searchlink a:before{
	background-image:url(../img/search.svg);
}

#nav ul > li > a:after{
	display:none; /* overriding regular style rather than colour */
}

p.arrowlink a:after,
.eblock p.arrowlink a:after{
	background-image:url(../img/arrow-device-ffffff.svg);
}

.newsfeatureinside p.arrowlink a:after{
	background-image:url(../img/arrow-device-ffffff.svg);
}

.pulloutcb p.arrowlink a:after{
	background-image:url(../img/arrow-device-ffffff.svg);
}
.iblock p.arrowlink a:after{
	background-image:url(../img/arrow-device-ffffff.svg);
}
.hhblock a:focus,
.hhblock a:hover,
.hhblock a:active{
	background:rgba(0,0,0,.5);
}
.hhblock a:focus h2,
.hhblock a:hover h2,
.hhblock a:active h2{
	/* stay #F7EFD8 */
}
.hhblock a .overlay,
.hhblock span.nolink .overlay{
	background:rgba(0,0,0,.75);
}

.hhblock a .overlay:before,
.hhblock span.nolink .overlay:before{
	background-image:url(../img/arrow-device-alt-ffffff.svg);
}
.boc h3 button{
	background-image:url(../img/expand-ffffff.svg);
}
.page-prev,
.nav-links .prev{
	background-image:url(../img/chevron-left.svg);
}
.page-next,
.nav-links .next{
	background-image:url(../img/chevron-right.svg);
}
.page-first{
	background-image:url(../img/chevron-left.svg),url(../img/chevron-left.svg);
}
.page-last{
	background-image:url(../img/chevron-right.svg),url(../img/chevron-right.svg);
}

@media(max-width:630px){
	.personas li a{
		background-color:transparent;
		color:#F7EFD8;
	}
	.personas li.current a,
	.personas li a:focus,
	.personas li a:hover,
	.personas li a:active{
		background-color:transparent;
		color:#F7EFD8;
		text-decoration:underline;
	}
	.subnavbox{
		border-color:#F7EFD8;
	}
	.subnavbox button{
		background-image:url(../img/expand-ffffff.svg);
		background-color:transparent;
	}
	.topcatsbox{
		border-color:#F7EFD8;
	}
	.topcatsbox button{
		background-image:url(../img/expand-ffffff.svg);
		background-color:transparent;
	}
}

@media(max-width:925px){
	#toggle a span.burger{
		background-image:url(../img/open-menu.svg);
		background-color:transparent;
		color:#042868;
	}
	#toggle a.navisopen span.burger{
		background-image:url(../img/close-menu.svg);
	}
	#navcontent ul li.menu-item-has-children > button{
		background-image:url(../img/expand-ffffff.svg);
		background-color:transparent;
	}
	#navcontent{
		background:#042868;
		color:#F7EFD8;
	}
}

/* bxslider colours */

.bx-wrapper .bx-controls{
	border-top-color:#F7EFD8;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	background-image:url('../img/scroll-left-ffffff.svg');
}
.bx-wrapper .bx-next {
	background-image:url('../img/scroll-right-ffffff.svg');
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	background:rgba(80, 80, 80, 0.75);
}