/* colours used:
#FFFFFF - white
#FAFAFA - offwhite
#1A1A1A - 'black'
#777777 - placeholder text in input fields
#E8EDEE - page number background when not selected
#0E0661 - dark blue
#005EB8 - blue
#5F2A7C - purple
#D92D5F - red
#FFC240 - orange
*/


body{
	background:#FAFAFA;
	color:#1A1A1A;
}
#nav{
	background:#1A1A1A;
	color:white;
	border-color:white;
}
.hp-header,
.page-header{
	border-color:white;
}
.page-header{
	background:#D92D5F;
	color:white;
}
.page-header .inner .heading:before{
	background-color:transparent;
	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);
}
.hp-header .hpheading{
	background:#D92D5F;
	color:white;
}
.hpheading h1{
	background-color:transparent;
	background-image:url(../img/shape-heading-bg.svg);
}

.page-header .headerdeco div{
	background-color:transparent;
}
.subnav{
	border-color:#777777;
}
.subnav li{
	border-color:#777777;
}

.searchfaqs{
	background:#E8EDEE;
	color:#1A1A1A;
	border-color:#E8EDEE;
}
.pagebox{
	background:#FFFFFF;
	color:#1A1A1A;
	border-color:#005EB8;
}
.boc{
	background:#E8EDEE;
	color:#1A1A1A;
	border-color:#E8EDEE;
}
.posttags{
	background:#FAFAFA;
	color:#1A1A1A;
	border-color:#FAFAFA;
}
ul.cats > li:before{
	background-color:transparent;
	background-image:url(../img/tag-1a1a1a.svg);
}
ul.cats ul.children:before{
	background-color:transparent;
	background-image:url(../img/personas-1a1a1a.svg);
}
.rolestop{
	background:#E8EDEE;
	border-color:#E8EDEE;
}
.topcats{
	border-color:#B2B2B2;
}
.hplatest{
	background:#E8EDEE;
	border-color:#E8EDEE;
}
.news-item .inside{
	background:#FFFFFF;
	border-color:#FAFAFA;
}
.hplatest .news-item .inside{
	border-color:#E8EDEE;
}
.news-item .inside h2{
	color:#005EB8;
}
.news-item .inside .item-footer{
	color:#4E4E4E;
}
.latestnews li.news-item{
	border-color:#005EB8;
}
.latestnews > h2{
	background:#0E0661;
	border-color:#0E0661;
	color:white;
}
.pulloutcb{
	background:#FFC240;
	color:#1A1A1A;
	border-color:#FFC240;
}
.quotebox .quote:before{
	background-image:url(../img/quote-mark-1a1a1a.svg);
	background-color:transparent;
}
.quotetext:before{
	background-image:url(../img/quote-mark-d92d5f.svg);
	background-color:transparent;
}
.pagefeatureinside .txtside .quotebox .quote::before{
	background-image:url(../img/quote-mark-ffffff.svg);
}
.pagefeatureinside .txtside .txtbox{
	color:white;
	background-color:#0E0661;
	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);
	background-color:transparent;
}
.iblock{
	color:#FFFFFF;
	border-color:#FAFAFA;
}
.iblock.block1{
	background:#D92D5F;
}
.iblock.block2{
	background:#5F2A7C;
}
.iblock.block3{
	background:#005EB8;
}
.iblock.block1 .imagedeco:after{
	background-image:url(../img/shape-img-overlay-d92d5f.svg);
}
.iblock.block2 .imagedeco:after{
	background-image:url(../img/shape-img-overlay-5f2a7c.svg);
}
.iblock.block3 .imagedeco:after{
	background-image:url(../img/shape-img-overlay-005eb8.svg);
}
.eblock.block1 .inside h2:before{
	background-image:url(../img/shape1-d92d5f.svg);
}
.eblock.block2 .inside h2:before{
	background-image:url(../img/shape2-d92d5f.svg);
}
.eblock.block3 .inside h2:before{
	background-image:url(../img/shape3-d92d5f.svg);
}
.eblock.block4 .inside h2:before{
	background-image:url(../img/shape4-d92d5f.svg);
}
.eblock{
	border-color:#B1B1B1;
}

.sectiontoptab{
	background:#FAFAFA;
	border-color:#FAFAFA;
}
.sectiontoptab:after{
	background-image:url(../img/oblique-arrow-1a1a1a.svg);
	background-color:transparent;
}

.rolesmain .tab{
	background:#FAFAFA;
	border-color:#FAFAFA;
}
.rolesmain .tab:before{
	background-image:url(../img/roles-filter.svg);
	background-color:transparent;
}
.rolesmain .tab:after{
	background-image:url(../img/expand-small-1a1a1a.svg);
	background-color:transparent;
}
.newsfeatureinside{
	border-color:#FAFAFA;
}
.newsfeatureinside .txtside .txtbox{
	color:#FFFFFF;
	background-color:#005EB8;
	background-image:url(../img/split-shape-top.png),url(../img/split-shape-bottom.png);
}
.newsfeatureinside .txtside .txtbox:after{
	background-image:url(../img/split-shape-center.png);
	background-color:transparent;
}
.newsfeatureinside ul.cats li:before{
	background-image:url(../img/tag-ffffff.svg);
}
.news-item .imgbox{
	background:grey;
}


#colophon{
	background-color:#1A1A1A;
	color:#FFFFFF;
	border-color:#1A1A1A;
}
#colophon:after{
	background-color:transparent;
	background-image:url(../img/footer-shape-right-fafafa.svg);
}
#colophon .inner:before{
	background-color:transparent;
	background-image:url(../img/footer-shape-left-ffffff.svg);
}
#colophon h2{
	color:#FFC240;
}


/* 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 */

a{
	color:inherit;
}
input,
textarea{
	background:#FAFAFA;
	border-color:#707070;
}
input[type="submit"]{
	background-color:#005EB8;
	background-image:url(../img/arrow-device-ffffff.svg);
	color:white;
	border-color:#005EB8;
}
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active{
	background-color:#0E0661;
	border-color:#0E0661;
}
.personas li a{
	background:#005EB8;
	color:#FFFFFF;
	border-color:#005EB8;
}
.personas .current a,
.personas a:focus,
.personas a:hover,
.personas a:active{
	background:#0E0661;
	border-color:#0E0661;
}
.subnav li a{
	color:#005EB8;
}
.subnav li.current-menu-item a,
.subnav li.current-page-ancestor a{
	color:#1A1A1A;
}
#crumbs a{
	color:#005EB8;
}
#nav li.searchlink a:before{
	background-image:url(../img/search.svg);
	background-color:transparent;
}

#nav ul > li > a:after{
	background:#FFFFFF;
}

.topcats .current a,
.topcats .currentparent a,
.topcats a:focus,
.topcats a:hover,
.topcats a:active{
	border-color:#1A1A1A;
}
p.arrowlink{
	color:#005EB8;
}
p.arrowlink a:after,
.eblock p.arrowlink a:after{
	background-color:transparent;
	background-image:url(../img/arrow-device-005eb8.svg);
}
.newsfeatureinside p.arrowlink{
	color:white;
}
.newsfeatureinside p.arrowlink a:after{
	background-image:url(../img/arrow-device-ffffff.svg);
}

.pulloutcb p.arrowlink{
	color:#1A1A1A;
}
.pulloutcb p.arrowlink a:after{
	background-image:url(../img/arrow-device-1a1a1a.svg);
}
.iblock p.arrowlink{
	color:#FFFFFF;
}
.iblock p.arrowlink a:after{
	background-image:url(../img/arrow-device-ffffff.svg);
}
.hhblock a,
.hhblock span.nolink{
	color:white;
}
.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{
	color:#FFC240;
}
.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-ffc240.svg);
	background-color:transparent;
}
.boc h3 button{
	background-image:url(../img/expand-1a1a1a.svg);
	background-color:transparent;
}
.contactformsection{
	border-color:#E8EDEE;
}
.contactformsection,
.page-numbers{
	background:#E8EDEE;
	color:#1a1a1a;
}
.page-numbers.current{
	background:#FFC240;
	color:#1a1a1a;
}
.page-first,
.page-prev,
.page-next,
.page-last,
.nav-links .prev,
.nav-links .next{
	background-color:transparent;
}
.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:#005EB8;
	}
	.personas li.current a,
	.personas li a:focus,
	.personas li a:hover,
	.personas li a:active{
		background-color:transparent;
		color:#0E0661;
	}
	.subnavbox{
		border-color:#1A1A1A;
	}
	.subnavbox button{
		background-image:url(../img/expand-1a1a1a.svg);
		background-color:transparent;
	}
	.topcatsbox{
		border-color:#1A1A1A;
	}
	.topcatsbox button{
		background-image:url(../img/expand-1a1a1a.svg);
		background-color:transparent;
	}
}

@media(max-width:925px){
	#toggle a span.burger{
		background-image:url(../img/open-menu.svg);
		background-color:transparent;
		color:#1A1A1A;
	}
	#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:#D92D5F;
		color:#FFFFFF;
	}
}

/* bxslider colours */

.bx-wrapper .bx-controls{
	border-top-color:#707070;
}
.bx-wrapper .bx-pager {
	color:#1a1a1a;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background-color:transparent;
	border-color:#707070;
}
.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 {
	background:#D92D5F;
	border-color:#D92D5F;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	background-image:url('../img/scroll-left-bebebe.svg');
}
.bx-wrapper .bx-next {
	background-image:url('../img/scroll-right-bebebe.svg');
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	background:rgba(80, 80, 80, 0.75);
}
.bx-wrapper .bx-caption span {
	color:#fff;
}
.newswrapper .bx-wrapper .bx-pager.bx-default-pager a{
	background-color:transparent;
}
.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:#D92D5F;
	border-color:#D92D5F;
}