/*--------------------------------------------------------------
# Theme
--------------------------------------------------------------*/

:root {

--white-color:#FAFAFA; /* White #ffffff unless a close colour exists on the palette  */
/*--white-color:#E8F0F5; /* White #ffffff unless a close colour exists on the palette  */
--grey-color:#7f7f7f; /* Grey #7f7f7f unless a close colour exists on the palette  */
--black-color:#47505A; /* Black #000000 unless a close colour exists on the palette */

--primary-color:#083050;
--secondary-color:#82CFCD;
--tertiary-color:#0587B8;

--fourth-color:#00ADEF;
--fifth-color:#D3ECEB;
--sixth-color:#06638E;
--seventh-color:#85DDFF;

--eigth-color: #E8F0F5; 
--ninth-color: #8CF4EF; 
--tenth-color: #00E59E; 
--eleventh-color: #3874F3;

--error-color:#c22327;

}



/*--------------------------------------------------------------
# Swatches (Backgrounds, Fonts, and Links
--------------------------------------------------------------*/

.white-swatch{
background-color:var(--white-color);
color:var(--primary-color);
}

.white-swatch a{
color:var(--primary-color);
}

.white-swatch a:hover{
color:var(--grey-color);
}

.white-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.white-swatch a.button:hover{
background-color:var(--secondary-color);
color:var(--primary-color);
}



.grey-swatch{
background-color:var(--grey-color);
color:var(--white-color);
}

.grey-swatch a{
color:var(--white-color);
}

.grey-swatch a:hover{
color:var(--white-color);
}

.grey-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.grey-swatch a.button:hover{
background-color:var(--tertiary-color);
color:var(--white-color);
}



.black-swatch{
background-color:var(--black-color);
color:var(--white-color);
}

.black-swatch a{
color:var(--white-color);
}

.black-swatch a:hover{
color:var(--white-color);
}

.black-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.black-swatch a.button:hover{
background-color:var(--tertiary-color);
color:var(--white-color);
}



.default-swatch{
background-color:var(--white-color);
color:var(--primary-color);
}

.default-swatch a{
color:var(--primary-color);
}

.default-swatch a:hover{
color:var(--primary-color);
}

.default-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.default-swatch a.button:hover{
background-color:var(--secondary-color);
color:var(--primary-color);
}



.primary-swatch{
background-color:var(--primary-color);
color:var(--white-color);
}

.primary-swatch a{
color:var(--secondary-color);
}

.primary-swatch a:hover{
color:var(--secondary-color);
}

.primary-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.primary-swatch a.button:hover{
background-color:var(--secondary-color);
color:var(--primary-color);
}



.secondary-swatch{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.secondary-swatch a{
color:var(--primary-color);
}

.secondary-swatch a:hover{
color:var(--primary-color);
}

.secondary-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.secondary-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.tertiary-swatch{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.tertiary-swatch a{
color:var(--white-color);
}

.tertiary-swatch a:hover{
color:var(--white-color);
}

.tertiary-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.tertiary-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.fourth-swatch{
background-color:var(--fourth-color);
color:var(--primary-color);
}

.fourth-swatch a{
color:var(--primary-color);
}

.fourth-swatch a:hover{
color:var(--primary-color);
}

.fourth-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.fourth-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.fifth-swatch{
background-color:var(--fifth-color);
color:var(--primary-color);
}

.fifth-swatch a{
color:var(--primary-color);
}

.fifth-swatch a:hover{
color:var(--primary-color);
}

.fifth-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.fifth-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.sixth-swatch{
background-color:var(--sixth-color);
color:var(--white-color);
}

.sixth-swatch a{
color:var(--white-color);
}

.sixth-swatch a:hover{
color:var(--white-color);
}

.sixth-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.sixth-swatch a.button:hover{
background-color:var(--eigth-color);
color:var(--primary-color);
}



.seventh-swatch{
background-color:var(--seventh-color);
color:var(--primary-color);
}

.seventh-swatch a{
color:var(--primary-color);
}

.seventh-swatch a:hover{
color:var(--primary-color);
}

.seventh-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.seventh-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.eigth-swatch{
background-color:var(--eigth-color);
color:var(--primary-color);
}

.eigth-swatch a{
color:var(--primary-color);
}

.eigth-swatch a:hover{
color:var(--primary-color);
}

.eigth-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.eigth-swatch a.button:hover{
background-color:var(--tertiary-color);
color:var(--white-color);
}



.ninth-swatch{
background-color:var(--ninth-color);
color:var(--primary-color);
}

.ninth-swatch a{
color:var(--primary-color);
}

.ninth-swatch a:hover{
color:var(--primary-color);
}

.ninth-swatch a.button{
background-color:var(--eigth-color);
color:var(--primary-color);
}

.ninth-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.tenth-swatch{
background-color:var(--tenth-color);
color:var(--primary-color);
}

.tenth-swatch a{
color:var(--primary-color);
}

.tenth-swatch a:hover{
color:var(--primary-color);
}

.tenth-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.tenth-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.eleventh-swatch{
background-color:var(--eleventh-color);
color:var(--white-color);
}

.eleventh-swatch a{
color:var(--white-color);
}

.eleventh-swatch a:hover{
color:var(--white-color);
}

.eleventh-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.eleventh-swatch a.button:hover{
background-color:var(--ninth-color);
color:var(--primary-color);
}



/*--------------------------------------------------------------
# Colour styles
--------------------------------------------------------------*/

.text-white-color{
color:var(--white-color);
}

.text-grey-color{
color:var(--grey-color);
}

.text-black-color{
color:var(--black-color);
}
  
.text-primary-color{
color:var(--primary-color);
}

.text-secondary-color{
color:var(--secondary-color);
}

.text-tertiary-color{
color:var(--tertiary-color);
}
  
.text-fourth-color{
color:var(--fourth-color);
}

.text-fifth-color{
color:var(--fifth-color);
}

.text-sixth-color{
color:var(--sixth-color);
}

.text-seventh-color{
color:var(--seventh-color);
}

.text-eigth-color{
color:var(--eigth-color);
}

.text-ninth-color{
color:var(--ninth-color);
}

.text-tenth-color{
color:var(--tenth-color);
}

.text-eleventh-color{
color:var(--eleventh-color);
}


/*--------------------------------------------------------------
# Backgrounds
--------------------------------------------------------------*/

.banner-index {
background-image:url("/structure/images/index/banner.png");
}

.banner-about {
background-image:url("/structure/images/about/banner.png");
}

.banner-careers {
background-image:url("/structure/images/careers/banner.png");
}

.banner-case-studies {
background-image:url("/structure/images/case_studies/banner.png");
}

.banner-insights {
background-image:url("/structure/images/insights/banner.png");
}

.banner-news {
background-image:url("/structure/images/news/banner.png");
}

.banner-privacy-policy {
background-image:url("/structure/images/privacy_policy/banner.png");
}

.banner-support-portal {
background-image:url("/structure/images/support_portal/banner.png");
}

.banner-vacancies {
background-image:url("/structure/images/vacancies/banner.png");
}

.banner-vacancies {
background-image:url("/structure/images/vacancies/banner.png");
}

.banner-system-services {
background-image:url("/structure/images/system_services/banner.png");
}

.banner-system-optimisation {
background-image:url("/structure/images/system_optimisation/banner.png");
}

.banner-transform-operations {
background-image:url("/structure/images/transform_operations/banner.png");
}

.banner-data-analytics-and-ai {
background-image:url("/structure/images/data_analytics_and_ai/banner.png");
}

.banner-infrastructure-and-cloud {
background-image:url("/structure/images/infrastructure_and_cloud/banner.png");
}

.banner-vacancies {
background-image:url("/structure/images/vacancies/banner.png");
}

.banner-work-and-insights {
background-image:url("/structure/images/work_and_insights/banner.png");
}

.banner-contact-us {
background-image:url("/structure/images/contact_us/banner.png");
}

.banner-bds-solutions {
background-image:url("/structure/images/bds-solutions/banner.png");
}

.banner-directory-manager {
background-image:url("/structure/images/directory-manager/banner.png");
}

.banner-nhs-mail-migration {
background-image:url("/structure/images/nhsmail-migration/banner.png");
}