@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_typography.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_general_content.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_form_content.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_form_layout.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_form_advanced.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_homepage.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_admin.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_modals.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_evidence.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_skills.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_updates.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_networking.css");
@import url("https://www.knowledgeshare.nhs.uk/index.php?Request=css&FileStore=project&Path=%2Fstyles%2Fresponsive_reporting.css");



/* This is the page file for 'Responsive' KnowledgeShare.
To accommodate WCAG 1.4.10 AA - Reflow the suggested implementation
is to make the site use responsive design using media queries.

This file will incorporate all the required CSS to correctly
display the content between the header and footer.

So that the CSS can be better identified the CSS has been broken
down into several key files, accessed via @import above.

In the longer term all remaining page specific CSS should be moved
into these files. */

/* Standard colours */

:root {
	--ks-green: #25763E;
}

:root {
	--ks-dark-green: #164725;
}

:root {
	--ks-darkest-green: #082912;
}

:root {
	--ks-green-background: #A7DDB8;
}


:root {
	--white: #FFFFFF;
}

:root {
	--black: #000000;
}

:root {
	--darkest-grey: #333333;
}

:root {
	--dark-grey: #666666;
}

:root {
	--medium-grey: #CCCCCC;
}

/* Backgrounds */

/* Search results container */
:root {
	--medium-light-grey: #F0F0F0;
}

/* E.g. ES header block */
:root {
	--light-grey: #E7E7E7;
}

/* Primary background */
:root {
	--lightest-grey: #EFEFEF;
}

:root {
	--barely-grey: #F7F7F7;
}

/* Borders */

/* WCAG border against white background */
:root {
	--dark-border: #8A8A8A;
}

/* WCAG Border against #EFEFEF background */
/* E.g. tab boders and tabbed content containers */


/* Search results container border */
:root {
	--light-border: #E7E7E7;
}

:root {
	--nav-border: #50725B;
}

/* Buttons */

/* White text on red */
:root {
	--red: #D93636;
}

:root {
	--dark-red: #A21601;
}


/* Notifications */

:root {
	--dark-blue: #205587;
}

:root {
	--light-blue: #A5CCF1;
}

:root {
	--light-orange: #FED557;
}

:root {
	--light-red: #FFB3B3;
}

:root {
	--light-green: #BDD6C5;
}

:root {
	--light-yellow: #FFFFE0;
}


/* Other */

/* Footer 'provided by' and 'built by' font colour */
:root {
	--footer-text: #CFD9D2;
}




/* Buttons from Ben */

/* Default WHITE TEXT #FFFFFF with GREEN #25763E background WCAG 5.61 to 1 with  */
/* Default hover WHITE TEXT #FFFFFF with DARK GREEN #164725 backround WCAG 10.7 to 1 */
/* Delete WHITE TEXT on RED #D93636 background WCAG 4.63 to 1 */
/* Delete hover WHITE TEXT on DARK RED #9B2929 background WCAG 7.65 to 1 */
/* Cancel DARK GREY TEXT #666666 on WHITE background white GREY #666666 border WCAG 5.74:1 */
/* Cancel hover as per defaulthover, WHITE TEXT on DARK GREEN */
/* Disabled DARK GREY #666666 text on GREY #E6E6E6 background WCAG 4.6:1 NO HOVER */
/* Edit WHITE #FFFFFF text on DARK GREY #666666 background WCAG 5.74:1 */
/* Edit hover WHITE TEXT #FFFFFF with DARK GREEN #164725 backround WCAG 10.7 to 1 */





/* background-color: var(--dime-blue); *



#333333 - Default body
#000000 - Black
#25763E - Green
#164725 = Dark green
#082912 = Darkest green
#8A8A8A - WCAG min 3:0 contrast colour for borders etc on white
#EFEFEF - Default background colour
#E9E9E9 - Slightly darker background grey for header
#8A8A8A = Border Contrast against #EFEFEF
#D93636 - Accessible red
#757575 - Accessible grey on white

/*Key sections

1. Core typography
The default values for paragraphs, headings, lists etc

2. Core form content layout
Standard positioning of labels and inputs to accommodate responsive design

3. Core form structural layout
Standard positioning of elements such as tabs

4. Custom form content, e.g. category selector

Page specific to:

5. Homepage

6. Evidence searches

7. Skills sessions

8. Updates

9. Networking

10. Members

11. Admin

12. Other

END */