:root {
	--c-black: #000;
	--c-white: #fff;
	--c-almost-black: #121212;
	--c-almost-white: #F2F0EF;
	--c-light-grey: #f3f3f5;
	--c-dark-grey: #404040;
	
	/* client colours */
	
    --c-black: #000;
    --c-white: #fff;
	--c-dark-green: #29464a;
	--c-green: #4eba97;
	--c-almost-black: #272c33;
	
	--c-dark-blue: #0e0d52;
	--c-light-green: #77bda5;
	--c-light-blue: #4174a2;
	
}

:root,
[data-theme="light"],
[data-theme="dark"]
 {	
	/* general elements */
	--body-bg-color: #fff;
	--body-color: #000;
	
	--content-bg-color: #fff;
	
	--link-color: #000;
	--link-hover-color: #000;
	
	/* Submit button */
	--submit-border-radius: 0;
	--submit-bg: buttonface;
	--submit-txt: buttontext;
	--submit-border-color: #000;
	--submit-border-style: solid;
	--submit-border-width: 1px;
	
	/* Text resize */
	--txt-resize-txt: #000;
	--txt-resize-focus-bg: #000;	
	--txt-resize-focus-txt: #fff;	
	
	/* social media icons */
	--soc-icon-bg-color: inherit;
	--soc-icon-txt-color: inherit;
	
	/* search  */
	--search-label-txt: #000;
	--search-filter-label-txt: #000;

	/* search results */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-black);
	--sr-border: 1px solid var(--c-light-green);
	--sr-pubdate-color: inherit;
	
	/* skip link */
	--skip-links-bg: #000;
	--skip-links-txt: #fff;
	
	--bnr-logo-bg-color: var(--c-dark-green);
    --bnr-title-color: var(--c-green);
	--bnr-title-size: calc(1rem + 1vw);
	--bnr-title-weight: bold;
    --bnr-subtitle-color: var(--c-almost-black);
	--bnr-subtitle-size: calc(1rem + 1vw);
	--bnr-subtitle-weight: 300;
	
	--crsl-btn-color: var(--c-green);
	--crsl-btn-hover-color: var(--c-dark-green);
	--crsl-btn-size: 40px;
	--crsl-title-color: var(--c-green);
	/* icon buttons */
	--icon-btn-size: 50px;
    --icon-btn-circle-size: 50px;
    --icon-btn-circle-bg-color: var(--c-black);
	--icon-btn-txt-color: #000;
    --icon-btn-circle-hover-bg-color: var(--c-light-blue);
	--icon-btn-hover-txt-color: #000;

	
	/* back issue select */
	--backissue-label-txt: #000;
	
	/* panic button */
	--panic-bg: #ecad3c;
	--panic-txt: #000;
	
	/* breadrumb elements */
	--bc-txt-color: var(--c-almost-black);
	--bc-txt-hover-color: var(--c-almost-black);
	--bc-txt-active-color: var(--c-almost-black);
	--bc-separator-color: var(--c-almost-black);
	
	/* feature box elements */
	--fb-border-radius: none;
	--fb-bg-color: var(--c-almost-black);
	--fb-title-color: var(--c-almost-white);
	--fb-title-bg-color: inherit;
	--fb-color: var(--c-almost-white);
	--fb-link-color: inherit;
	--fb-link-hover-color: inherit;
	--fb-button-txt-color: #fff;
	--fb-button-bg-color: var(--c-green);
	--fb-button-hover-txt-color: #fff;
	--fb-button-hover-bg-color: var(--c-dark-green);
	
	/* alternate feature box */
	--fbox-alt-bg-color: var(--c-almost-black);
	--fbox-alt-title-color: var(--c-amost-white);
	--fbox-alt-title-bg-color: inherit;
	--fbox-alt-color: var(--c-almost-white);
	--fbox-alt-link-color: inherit;
	--fbox-alt-link-hover-color: inherit;
	
	/* primary button styling */
	--button-bg-color: var(--c-light-green);
	--button-txt-color:#fff;
	--button-bg-color-hover:var(--c-light-blue);
	--button-txt-color-hover: #fff;
	--button-border-width: 0;
	--button-border-style: solid;
	--button-border-color: #000;
	--button-border-radius: inherit;
	/* alternative button styles */
	--button-sec-bg-color: var(--c-light-blue);
	--button-sec-txt-color: #000;
	--button-sec-bg-color-hover: var(--c-light-green);
	--button-sec-txt-color-hover: #fff;
	/* alternative button styles */
	--button-ter-bg-color: #d9010c;
	--button-ter-txt-color: #fff;
	--button-ter-bg-color-hover: #9c040b;
	--button-ter-txt-color-hover: #fff;
	
	
	/* main navigation styles */
	--main-nav-bg: var(--c-dark-blue);
	--main-nav-link-txt: #fff;
	--main-nav-link-bg: inherit;
	--main-nav-active-bg: var(--c-light-green);
	--main-nav-active-txt: #000;
	--main-nav-hamburger: #fff;
	--main-nav-selected-txt: #000;
	--main-nav-selected-bg: var(--c-light-green);	
	--main-nav-drop-bg:  var(--c-light-green); 
	--main-nav-drop-link-bg: transparent;
	--main-nav-drop-link-txt: #000;
	--main-nav-drop-active-bg: var(--c-dark-blue);
	--main-nav-drop-active-txt: #fff;
	--main-nav-grid-col-width: 25%;
	
	/* next/prevous button style */
	--np-title-bg-color: var(--c-orange);
	--np-link-title-color: #fff;
	--np-link-title-border-radius: 6px;
	
	/* slideshow */
	--ss-caption-bg-color: var(--c-dark-blue);
	--ss-caption-txt-color: #fff;
	--ss-button-bg-color:  var(--c-light-green); /*rgba(0,0,0,0.8);*/
	--ss-button-txt-color: #fff;
	--ss-button-hover-bg-color: rgba(0,0,0,0.8);
	--ss-button-hover-txt-color: #fff;
	
	/* related content list style */
	--rc-border-radius: 0; 
	--rc-bg-color: var(--c-light-grey);
	--rc-heading-bg-color: var(--c-light-blue);
	--rc-heading-txt-color: #fff; 
	--rc-heading-font-weight: 500; 
	--rc-link-bg-color: inherit;
	--rc-link-txt-color: #000;
	--rc-hover-bg-color: inherit;
	--rc-hover-txt-color: var(--c-light-blue);	
	--rc-selected-bg-color: inherit;
	--rc-selected-txt-color: var(--c-dark-blue);
	--rc-selected-font-weight: 500;
	--rc-separator-border: none;
	
	/* accordion */
	--tc-txt-color: var(--c-dark-blue);
	--tc-bg-color: inherit;
	--tc-hover-bg-color: inherit;
	--tc-hover-txt-color: var(--c-light-green);

	/* back up button style */
	--bu-bg-color: var(--c-light-green);
	--bu-txt-color: #000;
	
	--cnt-issue-title-txt-color: var(--c-almost-black);
	--cnt-pub-date-txt-color: var(--c-almost-black);
	
	--lr-bg-color: var(--light-grey);
	
	--icon-button-bg-color: var(--c-orange);
	--icon-button-border-radius: 2rem;
	--icon-button-border: none;
	--icon-button-img-width: 35px;
	--icon-button-img-height: 35px;
	
	--ic-bg-color: var(--c-almost-black);
	--ic-border-radius: inherit;
	--ic-caption-color: var(--c-all-white);
	--ic-link-color: var(--c-all-white);
	--ic-link-hover-color: var(--c-almost-white);
	--ic-alt-bg-color: var(--c-all-white);
	--ic-alt-link-color: var(--c-almost-black);
	--ic-alt-link-hover-color: var(--c-almost-black);
	--ic-alt-caption-color: var(--c-almost-black);
	--ic-tag-bg-color: var(--c-almost-black);
	--ic-tag-color: var(--c-all-white);
	--ic-tag-hover-color: var(--c-almost-black);
	--ic-tag-hover-bg-color: var(--c-all-white);
	
	/* content and layout row background colours */
	--top-row-bg-color: inherit;
	--top-layoutrow-bg-color: inherit;
	--banner-row-bg-color: inherit;
	--banner-layoutrow-bg-color:inherit;
	--search-row-bg-color:#fff;
	--search-layoutrow-bg-color:inherit;
	--nav-row-bg-color:inherit;
	--nav-layoutrow-bg-color:inherit;
	--content-row-bg-color: inherit;
	--content-layoutrow-bg-color:inherit;
	
	/* footer styles */
	--footer-row-bg-color:var(--c-dark-blue);
	--footer-layoutrow-bg-color: inherit;
	--footer-txt-color: #fff;
	--footer-link-color: #fff;
	--footer-link-hover-color: var(--c-light-green);
	--footer-link-decoration: none;
	--footer-link-hover-decoration: none;
	
	
	--latest-news-row-bg-color: inherit;
	--latest-news-row-txt-color: #000;

	/* cookie element styles */
	--cookie-bg-color: transparent;
	--cookie-txt-color: var(--c-almost-white);
	--cookie-link-color: var(--c-almost-white);
	--cookie-border: none;
	
	/* poll styling */
	--p-bg-color: var(--c-light-grey);
	--p-txt-color: #000;
	--p-title-txt-color: #fff;
	--p-title-bg-color: var(--c-light-blue);
	--p-graph-bg-color: #000;
	--p-graph-no-votes-color: #fff;
	--p-graph-txt-color: #fff;
	--p-border: 0;
	--p-border-radius: 0;	
	
	/* news list styles */
	--nl-bg-color: var(--c-light-grey);
	--nl-txt-color: #000;
	--nl-summary-bg-color: inherit;
	--nl-summary-txt-color: #000;
	--nl-link-txt-color: #000;
	--nl-link-txt-color-hover: #000;
	--nl-title-txt-color: #000;
	--nl-button-bg-color: inherit;
	--nl-button-txt-color: #000;	
	--nl-border: 1px solid black;
	--nl-all-button-bg-color: var(--c-dark-blue);
	--nl-all-button-txt-color: #fff;
	--nl-heading-txt-color: var(--c-dark-blue);

/* tags */
	--tg-border: 1px solid #007060;
	--tg-link-txt-color: var(--c-dark-green);
	--tg-link-hover-bg-color: var(--c-dark-green);
	--tg-link-hover-txt-color: #fff;
	--tg-link-focus-bg-color: var(--c-dark-green);
	--tg-link-focus-txt-color: #fff;
	
	--tg-selected-bg-color: var(--c-dark-green);
	--tg-selected-focus-txt-color: #fff;
	--tg-selected-txt-color: #fff;
	
	--tgle-border: none; /*1px solid var(--c-green);*/
	--tgle-bg-color: var(--c-dark-green);
	--tgle-txt-color: #fff;
	--tgle-link-decoration: none;
	--tgle-button-bg-color: var(--c-white);
	--tgle-button-txt-color: var(--c-green);			

	/* featured links */
	--fl-bg-color: var(--c-light-green);
	--fl-txt-color: #000;
	--fl-summary-bg-color: inherit;
	--fl-summary-txt-color: #000;
	--fl-link-txt-color: inherit;
	--fl-link-txt-color-hover: inherit;
	--fl-title-txt-color: #000;
	--fl-button-bg-color: var(--c-dark-blue);
	--fl-button-txt-color: #fff;	
	--fl-border:none;
	
	/* pagination */
	--pgn-link-bg-color: inherit;
	--pgn-link-txt-color: var(--c-black);
	--pgn-link-hover-bg-color: inherit;
	--pgn-link-hover-txt-color: var(--c-light-green);
	--pgn-link-text-decoration: none;
	--pgn-link-active-txt-color: var(--c-light-green);
	--pgn-link-active-txt-decoration: underline;	

	
	/* mode switch */
	--ms-txt-color: #000;
}

[data-theme="dark"] {
	/* general elements */
	--body-bg-color: var(--c-almost-black);
	--body-color: var(--c-almost-white);

	--content-bg-color: #fff;
	
	--link-color: #fff;
	--link-hover-color: #var(--c-green);
	
	/* Submit button */
	--submit-border-radius: 0;
	--submit-bg: buttonface;
	--submit-txt: buttontext;
	--submit-border-color: #000;
	--submit-border-style: solid;
	--submit-border-width: 1px;
	
	/* Text resize */
	--txt-resize-txt: #fff;
	--txt-resize-focus-bg: #fff;	
	--txt-resize-focus-txt: #000;	
	
	/* social media icons */
	--soc-icon-bg-color: inherit;
	--soc-icon-txt-color: inherit;
	
	/* search  */
	--search-label-txt: #fff;
	--search-filter-label-txt: #fff;
	
	/* skip link */
	--skip-links-bg: #000;
	--skip-links-txt: #fff;
	
	--bnr-logo-bg-color: var(--c-dark-green);
    --bnr-title-color: var(--c-green);
	--bnr-title-size: calc(1rem + 1vw);
	--bnr-title-weight: bold;
    --bnr-subtitle-color: var(--c-almost-black);
	--bnr-subtitle-size: calc(1rem + 1vw);
	--bnr-subtitle-weight: 300;
	
	--crsl-btn-color: var(--c-green);
	--crsl-btn-hover-color: var(--c-dark-green);
	--crsl-btn-size: 40px;
	--crsl-title-color: var(--c-green);
	

	/* back issue select */
	--backissue-label-txt: #000;
	
	/* panic button */
	--panic-bg: #ecad3c;
	--panic-txt: #000;
	
	/* breadrumb elements */
	--bc-txt-color: #fff;
	--bc-txt-hover-color: var(--c-green);
	--bc-txt-active-color: var(--c-green);
	--bc-separator-color: #fff;
	
	/* next/prevous button style */
	--np-title-bg-color: var(--c-light-blue);
	--np-link-title-color: #fff;
	--np-link-title-border-radius: 6px;
	
	/* slideshow */
	--ss-caption-bg-color: rgba(255, 255, 255, 0.8);
	--ss-caption-txt-color: #000;
	--ss-button-bg-color:  var(--c-light-green); /*rgba(0,0,0,0.8);*/
	--ss-button-txt-color: #fff;
	--ss-button-hover-bg-color: rgba(0,0,0,0.8);
	--ss-button-hover-txt-color: #fff;

	
	/* accordion */
	--tc-txt-color: #fff;
	--tc-bg-color: var(--green);
	--tc-hover-bg-color: var(--c-green);
	--tc-hover-txt-color: #fff;

	
	--cnt-issue-title-txt-color: var(--c-almost-black);
	--cnt-pub-date-txt-color: var(--c-almost-black);
	
	--lr-bg-color: var(--light-grey);
/*	
	--icon-button-bg-color: var(--c-orange);
	--icon-button-border-radius: 2rem;
	--icon-button-border: none;
	--icon-button-img-width: 35px;
	--icon-button-img-height: 35px;
*/	
	--ic-bg-color: var(--c-almost-black);
	--ic-border-radius: inherit;
	--ic-caption-color: var(--c-all-white);
	--ic-link-color: var(--c-all-white);
	--ic-link-hover-color: var(--c-almost-white);
	--ic-alt-bg-color: var(--c-all-white);
	--ic-alt-link-color: var(--c-almost-black);
	--ic-alt-link-hover-color: var(--c-almost-black);
	--ic-alt-caption-color: var(--c-almost-black);
	--ic-tag-bg-color: var(--c-almost-black);
	--ic-tag-color: var(--c-all-white);
	--ic-tag-hover-color: var(--c-almost-black);
	--ic-tag-hover-bg-color: var(--c-all-white);
	
	/* content and layout row background colours */
	--top-row-bg-color: inherit;
	--top-layoutrow-bg-color: inherit;
	--banner-row-bg-color: inherit;
	--banner-layoutrow-bg-color:inherit;
	--search-row-bg-color:#inherit;
	--search-layoutrow-bg-color:inherit;
	--nav-row-bg-color:inherit;
	--nav-layoutrow-bg-color:inherit;
	--content-row-bg-color: inherit;
	--content-layoutrow-bg-color:inherit;
	

	/* cookie element styles */
	--cookie-bg-color: transparent;
	--cookie-txt-color: var(--c-almost-white);
	--cookie-link-color: var(--c-almost-white);
	--cookie-border: none;
	
	
	/* news list styles */
	--nl-bg-color: #fff;
	--nl-txt-color: var(--c-green);
	--nl-summary-bg-color: inherit;
	--nl-summary-txt-color: var(--c-dark-green);
	--nl-link-txt-color: var(--c-dark-green);
	--nl-link-txt-color-hover: var(--c-dark-green);
	--nl-title-txt-color: var(--c-green);
	--nl-button-bg-color: var(--c-light-grey);
	--nl-button-txt-color: #fff;	
	--nl-border: 1px solid black;
	--nl-all-button-bg-color: var(--c-green);
	--nl-all-button-txt-color: #fff;
	--nl-heading-txt-color: var(--c-green);

	
	/* mode switch */
	--ms-txt-color: #fff;
}

[data-theme="hclight"] {
	/* general elements */
	--body-bg-color: var(--c-almost-white);
	--body-color: var(--c-almost-black);

	--content-bg-color: #fff;
	
	--link-color: #000;
	--link-hover-color: var(--c-almost-black);
	
	/* Submit button */
	--submit-border-radius: 0;
	--submit-bg: buttonface;
	--submit-txt: buttontext;
	--submit-border-color: #000;
	--submit-border-style: solid;
	--submit-border-width: 1px;
	
	/* Text resize */
	--txt-resize-txt: #000;
	--txt-resize-focus-bg: #000;	
	--txt-resize-focus-txt: #fff;	
	
	/* social media icons */
	--soc-icon-bg-color: inherit;
	--soc-icon-txt-color: inherit;
	
	/* search  */
	--search-label-txt: #000;
	--search-filter-label-txt: #000;
	
	/* skip link */
	--skip-links-bg: #000;
	--skip-links-txt: #fff;
	
	--bnr-logo-bg-color: var(--c-almost-white);
    --bnr-title-color: var(--c-almost-black);
	--bnr-title-size: calc(1rem + 1vw);
	--bnr-title-weight: bold;
    --bnr-subtitle-color: var(--c-almost-black);
	--bnr-subtitle-size: calc(1rem + 1vw);
	--bnr-subtitle-weight: 300;
	--bnr-grid-columns: 22% 78%;
	
	--crsl-btn-color: var(--c-almost-black);
	--crsl-btn-hover-color: #000;
	--crsl-btn-size: 40px;
	--crsl-title-color: var(--c-almost-black);
	
	
	/* icon buttons */
	--icon-btn-size: 50px;
    --icon-btn-circle-size: 50px;
    --icon-btn-circle-bg-color: var(--c-almost-black);
	--icon-btn-txt-color: var(--c-almost-black);
    --icon-btn-circle-hover-bg-color: black;
	--icon-btn-hover-txt-color: #000;

	/* back issue select */
	--backissue-label-txt: #000;
	
	/* panic button */
	--panic-bg: #ecad3c;
	--panic-txt: #000;
	
	/* breadrumb elements */
	--bc-txt-color: var(--c-almost-black);
	--bc-txt-hover-color: #000;
	--bc-txt-active-color: #000;
	--bc-separator-color: var(--c-almost-black);
	
	/* feature box elements */
	--fb-border-radius: none;
	--fb-bg-color: #fff;
	--fb-title-color: var(--c-almost-black);
	--fb-title-bg-color: inherit;
	--fb-color: #000;
	--fb-link-color: inherit;
	--fb-link-hover-color: inherit;
	--fb-button-txt-color: #000;
	--fb-button-bg-color: #fff;
	--fb-button-hover-txt-color: #fff;
	--fb-button-hover-bg-color: #C7BEBA;
	
	/* alternate feature box */
	--fbox-alt-bg-color: var(--c-almost-black);
	--fbox-alt-title-color: var(--c-amost-white);
	--fbox-alt-title-bg-color: inherit;
	--fbox-alt-color: var(--c-almost-white);
	--fbox-alt-link-color: inherit;
	--fbox-alt-link-hover-color: inherit;
	
	/* primary button styling */
	--button-bg-color: var(--c-white);
	--button-txt-color:#000;
	--button-bg-color-hover:var(--c-stone);
	--button-txt-color-hover: #000;
	--button-border-width: 0;
	--button-border-style: solid;
	--button-border-color: #000;
	--button-border-radius: inherit;
	/* alternative button styles */
	--button-sec-bg-color: #fff;
	--button-sec-txt-color: #000;
	--button-sec-bg-color-hover: var(--c-stone);
	--button-sec-txt-color-hover: #00;
	/* alternative button styles */
	--button-ter-bg-color: #d9010c;
	--button-ter-txt-color: #fff;
	--button-ter-bg-color-hover: #d9010c;
	--button-ter-txt-color-hover: #fff;
	
	
	/* main navigation styles */
	--main-nav-bg: #fff;
	--main-nav-link-txt: #000;
	--main-nav-link-bg: inherit;
	--main-nav-active-bg: #C9C8C7;
	--main-nav-active-txt: #fff;
	--main-nav-hamburger: #fff;
	--main-nav-selected-txt: #fff;
	--main-nav-selected-bg: #C9C8C7;	
	--main-nav-drop-bg: #C9C8C7; 
	--main-nav-drop-link-bg: transparent;
	--main-nav-drop-link-txt: #000;
	--main-nav-drop-active-bg: #C9C8C7;
	--main-nav-drop-active-txt: #fff;
	--main-nav-grid-col-width: 25%;
	
	/* next/prevous button style */
	--np-title-bg-color: var(--c-orange);
	--np-link-title-color: #fff;
	--np-link-title-border-radius: 6px;
	
	/* slideshow */
	--ss-caption-bg-color: rgba(255, 255, 255, 0.8);
	--ss-caption-txt-color: #000;
	--ss-button-bg-color:  #000; /*rgba(0,0,0,0.8);*/
	--ss-button-txt-color: #fff;
	--ss-button-hover-bg-color: rgba(0,0,0,0.8);
	--ss-button-hover-txt-color: #fff;
	
	/* related content list style */
	--rc-border-radius: 0; 
	--rc-bg-color: #fff;
	--rc-heading-bg-color: inherit;
	--rc-heading-txt-color: #000; 
	--rc-heading-font-weight: 500; 
	--rc-link-bg-color: inherit;
	--rc-link-txt-color: #000;
	--rc-hover-bg-color: #C9C8C7;
	--rc-hover-txt-color: #fff;	
	--rc-selected-bg-color: #000;
	--rc-selected-txt-color: #fff;
	--rc-selected-font-weight: 500;
	--rc-separator-border: none;
	
	/* accordion */
	--tc-txt-color: #fff;
	--tc-bg-color: #C9C8C7;
	--tc-hover-bg-color: #C9C8C7;
	--tc-hover-txt-color: #fff;

	/* back up button style */
	--bu-bg-color: inherit;
	--bu-txt-color: #000;
	
	--cnt-issue-title-txt-color: var(--c-almost-black);
	--cnt-pub-date-txt-color: var(--c-almost-black);
	
	--lr-bg-color: var(--light-grey);
/*	
	--icon-button-bg-color: var(--c-orange);
	--icon-button-border-radius: 2rem;
	--icon-button-border: none;
	--icon-button-img-width: 35px;
	--icon-button-img-height: 35px;
*/	
	--ic-bg-color: var(--c-almost-black);
	--ic-border-radius: inherit;
	--ic-caption-color: var(--c-all-white);
	--ic-link-color: var(--c-all-white);
	--ic-link-hover-color: var(--c-almost-white);
	--ic-alt-bg-color: var(--c-all-white);
	--ic-alt-link-color: var(--c-almost-black);
	--ic-alt-link-hover-color: var(--c-almost-black);
	--ic-alt-caption-color: var(--c-almost-black);
	--ic-tag-bg-color: var(--c-almost-black);
	--ic-tag-color: var(--c-all-white);
	--ic-tag-hover-color: var(--c-almost-black);
	--ic-tag-hover-bg-color: var(--c-all-white);
	
	/* content and layout row background colours */
	--top-row-bg-color: inherit;
	--top-layoutrow-bg-color: inherit;
	--banner-row-bg-color: inherit;
	--banner-layoutrow-bg-color:inherit;
	--search-row-bg-color:#inherit;
	--search-layoutrow-bg-color:inherit;
	--nav-row-bg-color:inherit;
	--nav-layoutrow-bg-color:inherit;
	--content-row-bg-color: inherit;
	--content-layoutrow-bg-color:inherit;
	
	/* footer styles */
	--footer-row-bg-color:var(--c-almost-white);
	--footer-layoutrow-bg-color: inherit;
	--footer-txt-color: #000;
	--footer-link-color: #000;
	--footer-link-hover-color: #000;
	--footer-link-decoration: none;
	--footer-link-hover-decoration: none;
	
	
	--latest-news-row-bg-color: inherit;
	--latest-news-row-txt-color: #000;

	/* cookie element styles */
	--cookie-bg-color: transparent;
	--cookie-txt-color: var(--c-almost-white);
	--cookie-link-color: var(--c-almost-white);
	--cookie-border: none;
	
	/* poll styling */
	--p-bg-color: #fff;
	--p-txt-color: #000;
	--p-title-txt-color: #000;
	--p-title-bg-color: #fff;
	--p-graph-bg-color: #000;
	--p-no-votes-color: #000;
	--p-graph-txt-color: #000;
	--p-border: 0;
	--p-border-radius: 0;	
	
	/* news list styles */
	--nl-bg-color: #fff;
	--nl-txt-color: var(--c-almost-black);
	--nl-summary-bg-color: inherit;
	--nl-summary-txt-color: var(--c-dark-green);
	--nl-link-txt-color: var(--c-dark-green);
	--nl-link-txt-color-hover: var(--c-dark-green);
	--nl-title-txt-color: var(--c-almost-black);
	--nl-button-bg-color: var(--c-light-grey);
	--nl-button-txt-color: #fff;	
	--nl-border: 1px solid black;
	--nl-all-button-bg-color: #fff;
	--nl-all-button-txt-color: #000;
	--nl-heading-txt-color: var(--c-almost-black);

	/* featured links */
	--fl-bg-color: #fff;
	--fl-txt-color: #000;
	--fl-summary-bg-color: inherit;
	--fl-summary-txt-color: #000;
	--fl-link-txt-color: inherit;
	--fl-link-txt-color-hover: inherit;
	--fl-title-txt-color: #000;
	--fl-button-bg-color: #000;
	--fl-button-txt-color: #fff;	
	--fl-border:none;
	
	/* mode switch */
	--ms-txt-color: #000;
}

[data-theme="hcdark"] {
		--c-almost-black: #121212;
	/* general elements */
	--body-bg-color: var(--c-almost-black);
	--body-color: var(--c-almost-white);

	--content-bg-color: #fff;
	
	--link-color: #fff;
	--link-hover-color: var(--c-stone);
	
	/* Submit button */
	--submit-border-radius: 0;
	--submit-bg: buttonface;
	--submit-txt: buttontext;
	--submit-border-color: #000;
	--submit-border-style: solid;
	--submit-border-width: 1px;
	
	/* Text resize */
	--txt-resize-txt: #fff;
	--txt-resize-focus-bg: #fff;	
	--txt-resize-focus-txt: #000;	
	
	/* social media icons */
	--soc-icon-bg-color: inherit;
	--soc-icon-txt-color: inherit;
	
	/* search  */
	--search-label-txt: #fff;
	--search-filter-label-txt: #fff;
	
	/* skip link */
	--skip-links-bg: #000;
	--skip-links-txt: #fff;
	
	--bnr-logo-bg-color: var(--c-almost-black);
    --bnr-title-color: var(--c-almost-white);
	--bnr-title-size: calc(1rem + 1vw);
	--bnr-title-weight: bold;
    --bnr-subtitle-color: var(--c-almost-white);
	--bnr-subtitle-size: calc(1rem + 1vw);
	--bnr-subtitle-weight: 300;
	--bnr-grid-columns: 22% 78%;
	
	--crsl-btn-color: #000;
	--crsl-btn-hover-color: var(--c-stone);
	--crsl-btn-size: 40px;
	--crsl-title-color: var(--c-almost-white);
	
	/* icon buttons */
	--icon-btn-size: 50px;
    --icon-btn-circle-size: 50px;
    --icon-btn-circle-bg-color: #000;
	--icon-btn-txt-color: var(--c-almost-white);
    --icon-btn-circle-hover-bg-color: var(--c-stone);
	--icon-btn-hover-txt-color: #fff;

	/* back issue select */
	--backissue-label-txt: #fff;
	
	/* panic button */
	--panic-bg: #ecad3c;
	--panic-txt: #000;
	
	/* breadrumb elements */
	--bc-txt-color: var(--c-almost-white);
	--bc-txt-hover-color: #fff;
	--bc-txt-active-color: #fff;
	--bc-separator-color: var(--c-almost-white);
	
	/* feature box elements */
	--fb-border-radius: none;
	--fb-bg-color: #fff;
	--fb-title-color: var(--c-almost-black);
	--fb-title-bg-color: inherit;
	--fb-color: #000;
	--fb-link-color: inherit;
	--fb-link-hover-color: inherit;
	--fb-button-txt-color: #000;
	--fb-button-bg-color: #fff;
	--fb-button-hover-txt-color: #fff;
	--fb-button-hover-bg-color: #C7BEBA;
	
	/* alternate feature box */
	--fbox-alt-bg-color: var(--c-almost-black);
	--fbox-alt-title-color: var(--c-amost-white);
	--fbox-alt-title-bg-color: inherit;
	--fbox-alt-color: var(--c-almost-white);
	--fbox-alt-link-color: inherit;
	--fbox-alt-link-hover-color: inherit;
	
	/* primary button styling */
	--button-bg-color: #000;
	--button-txt-color:#fff;
	--button-bg-color-hover:var(--c-off-black);
	--button-txt-color-hover: #fff;
	--button-border-width: 0;
	--button-border-style: solid;
	--button-border-color: #000;
	--button-border-radius: inherit;
	/* alternative button styles */
	--button-sec-bg-color: #000;
	--button-sec-txt-color: #fff;
	--button-sec-bg-color-hover: var(--c-off-black);
	--button-sec-txt-color-hover: #fff;
	/* alternative button styles */
	--button-ter-bg-color: #d9010c;
	--button-ter-txt-color: #fff;
	--button-ter-bg-color-hover: #d9010c;
	--button-ter-txt-color-hover: #fff;
	
	
	/* main navigation styles */
	--main-nav-bg: #000;
	--main-nav-link-txt: #fff;
	--main-nav-link-bg: inherit;
	--main-nav-active-bg: #C9C8C7;
	--main-nav-active-txt: #000;
	--main-nav-hamburger: #fff;
	--main-nav-selected-txt: #000;
	--main-nav-selected-bg: #C9C8C7;	
	--main-nav-drop-bg: #C9C8C7; 
	--main-nav-drop-link-bg: transparent;
	--main-nav-drop-link-txt: #000;
	--main-nav-drop-active-bg: #C9C8C7;
	--main-nav-drop-active-txt: #fff;
	--main-nav-grid-col-width: 25%;
	
	/* next/prevous button style */
	--np-title-bg-color: var(--c-orange);
	--np-link-title-color: #fff;
	--np-link-title-border-radius: 6px;
	
	/* slideshow */
	--ss-caption-bg-color: rgba(255, 255, 255, 0.8);
	--ss-caption-txt-color: #000;
	--ss-button-bg-color:  #000; /*rgba(0,0,0,0.8);*/
	--ss-button-txt-color: #fff;
	--ss-button-hover-bg-color: rgba(0,0,0,0.8);
	--ss-button-hover-txt-color: #fff;
	
	/* related content list style */
	--rc-border-radius: 0; 
	--rc-bg-color: #fff;
	--rc-heading-bg-color: inherit;
	--rc-heading-txt-color: #000; 
	--rc-heading-font-weight: 500; 
	--rc-link-bg-color: inherit;
	--rc-link-txt-color: #000;
	--rc-hover-bg-color: #C9C8C7;
	--rc-hover-txt-color: #fff;	
	--rc-selected-bg-color: #000;
	--rc-selected-txt-color: #fff;
	--rc-selected-font-weight: 500;
	--rc-separator-border: none;
	
	/* accordion */
	--tc-txt-color: #fff;
	--tc-bg-color: #C9C8C7;
	--tc-hover-bg-color: #C9C8C7;
	--tc-hover-txt-color: #fff;

	/* back up button style */
	--bu-bg-color: inherit;
	--bu-txt-color: #000;
	
	--cnt-issue-title-txt-color: var(--c-almost-black);
	--cnt-pub-date-txt-color: var(--c-almost-black);
	
	--lr-bg-color: var(--light-grey);
/*	
	--icon-button-bg-color: var(--c-orange);
	--icon-button-border-radius: 2rem;
	--icon-button-border: none;
	--icon-button-img-width: 35px;
	--icon-button-img-height: 35px;
*/	
	--ic-bg-color: var(--c-almost-black);
	--ic-border-radius: inherit;
	--ic-caption-color: var(--c-all-white);
	--ic-link-color: var(--c-all-white);
	--ic-link-hover-color: var(--c-almost-white);
	--ic-alt-bg-color: var(--c-all-white);
	--ic-alt-link-color: var(--c-almost-black);
	--ic-alt-link-hover-color: var(--c-almost-black);
	--ic-alt-caption-color: var(--c-almost-black);
	--ic-tag-bg-color: var(--c-almost-black);
	--ic-tag-color: var(--c-all-white);
	--ic-tag-hover-color: var(--c-almost-black);
	--ic-tag-hover-bg-color: var(--c-all-white);
	
	/* content and layout row background colours */
	--top-row-bg-color: inherit;
	--top-layoutrow-bg-color: inherit;
	--banner-row-bg-color: inherit;
	--banner-layoutrow-bg-color:inherit;
	--search-row-bg-color:#inherit;
	--search-layoutrow-bg-color:inherit;
	--nav-row-bg-color:inherit;
	--nav-layoutrow-bg-color:inherit;
	--content-row-bg-color: inherit;
	--content-layoutrow-bg-color:inherit;
	
	/* footer styles */
	--footer-row-bg-color:var(--c-almost-black);
	--footer-layoutrow-bg-color: inherit;
	--footer-txt-color: #fff;
	--footer-link-color: #fff;
	--footer-link-hover-color: var(--c-stone);
	--footer-link-decoration: none;
	--footer-link-hover-decoration: none;
	
	--latest-news-row-bg-color: inherit;
	--latest-news-row-txt-color: #000;

	/* cookie element styles */
	--cookie-bg-color: transparent;
	--cookie-txt-color: var(--c-almost-white);
	--cookie-link-color: var(--c-almost-white);
	--cookie-border: none;
	
	/* poll styling */
	--p-bg-color: #fff;
	--p-txt-color: #000;
	--p-title-txt-color: #000;
	--p-title-bg-color: #fff;
	--p-graph-bg-color: #000;
	--p-no-votes-color: #000;
	--p-graph-txt-color: #000;
	--p-border: 0;
	--p-border-radius: 0;	
	
	/* news list styles */
	--nl-bg-color: #000;
	--nl-txt-color: var(--c-almost-white);
	--nl-summary-bg-color: inherit;
	--nl-summary-txt-color: var(--c-almost-white);
	--nl-link-txt-color: var(--c-almost-white);
	--nl-link-txt-color-hover: var(--c-white);
	--nl-title-txt-color: var(--c-almost-white);
	--nl-button-bg-color: var(--c-light-grey);
	--nl-button-txt-color: #fff;	
	--nl-border: 1px solid black;
	--nl-all-button-bg-color: #000;
	--nl-all-button-txt-color: #fff;
	--nl-heading-txt-color: var(--c-almost-white);

	/* featured links */
	--fl-bg-color: #000;
	--fl-txt-color: #fff;
	--fl-summary-bg-color: inherit;
	--fl-summary-txt-color: #fff;
	--fl-link-txt-color: inherit;
	--fl-link-txt-color-hover: inherit;
	--fl-title-txt-color: #fff;
	--fl-button-bg-color: #fff;
	--fl-button-txt-color: #000;	
	--fl-border:none;
	
	/* mode switch */
	--ms-txt-color: #fff;
}





.btn-wrap { margin-bottom: 2rem }

:root {
--fbtn-bg-color: var(--c-stone);
--fbtn-txt-color: #000;
--hero-caption-bg-color: var(--c-dark-blue);
--hero-caption-txt-color: var(--c-white);
--hero-button-bg-color: var(--c-light-blue);
}
[data-theme="light"],
[data-theme="dark"] {

}
[data-theme="hcdark"] {
	--fbtn-bg-color: #000;
	--fbtn-txt-color: #fff;
	--hero-caption-bg-color: var(--c-black);
	--hero-caption-txt-color: var(--c-white);
	--hero-button-bg-color: var(--c-almost-black);	
}
[data-theme="hclight"] {
	--fbtn-bg-color: #fff;
	--fbtn-txt-color: #000;
	--hero-caption-bg-color: var(--c-white);
	--hero-caption-txt-color: var(--c-black);
	--hero-button-bg-color: var(--c-almost-white);	
}

.feature-buttons { margin: 2rem 0; }
.feature-buttons .button { background-color: var(--fbtn-bg-color); color: var(--fbtn-txt-color)}



.toggle-content,
.toggle-cross, .toggle-link { border: 1px solid var(--c-light-blue); }
.toggle-cross.open { border-bottom: 0; margin-bottom: 0}
.toggle-content { margin: 0; padding: 1rem; border-top: 0; }
.toggle-cross, .toggle-link {  padding: 1rem; font-size: 1.2rem; font-weight: bold;}




.masthead { position: relative;}
.masthead .caption { padding: 2rem; position: absolute; z-index: 1; bottom:40px; right: 40px; background-color: var(--hero-caption-bg-color); color: var(--hero-caption-txt-color) }
.masthead .caption div:first-child { font-size: 2rem}
.masthead .caption .button { clear: both; margin-top: 1rem; background-color: var(--hero-button-bg-color) }


#google_translate_element {
    float: right;
    margin-left: 10px;
    margin-top: 4px;
}

.button-wrap-2 {margin: 50px 0;}

.banner {
	max-width: 100%;
}

.content h1 { color: var(--c-dark-blue); margin-bottom: 2rem }
[data-theme="dark"] {
.content h1 { color: var(--c-light-green); margin-bottom: 2rem }
}
[data-theme="hclight"] {
	.content h1 { color: var(--c-almost-black); }
}
[data-theme="hcdark"] {
	.content h1 { color: var(--c-almost-white); }
}



@media (min-width: 1200px) {
    h1 {
        font-size: 3rem;
    }
}

.pad-t {
    font-weight: normal;
}

.latest-news-wrap .all-news {
    font-size: 1.5em;
}

.footer-row address { margin-bottom: 2rem; }
.footer-row address p { margin-bottom: 0; } 
.footer-row p { margin-bottom: 2rem; }
.footer-row {
	--button-bg-color: #fff;
	--button-txt-color:#000;
	--button-bg-color-hover: var(--c-almost-black);
	--button-txt-color-hover: #fff;
	--button-border-width: 0;
	--button-border-style: solid;
	--button-border-color: #000;
	--button-border-radius: 0;	
	
    --icon-btn-circle-bg-color: var(--c-white);
	--icon-btn-txt-color: #000;
    --icon-btn-circle-hover-bg-color: #C9C8C7;
	--icon-btn-hover-txt-color: #fff;
} 
[data-theme="hcdark"] {
.footer-row {
	--button-bg-color: #000;
	--button-txt-color:#000;
	--button-bg-color-hover: var(--c-almost-black);
	--button-txt-color-hover: #fff;
	--button-border-width: 0;
	--button-border-style: solid;
	--button-border-color: #000;
	--button-border-radius: 0;	
}
}

ul.inline a {
	text-decoration: none;
}

.card .title {
    font-weight: 600;
    font-size: 1.4em;
}


.featured-links .card { border-top-right-radius: 20px;}
.featured-links .card .content p:first-child { margin: 0;}




.card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; align-items: start;}

[data-theme="light"],
[data-theme="dark"] {
--card-bg-color: var(--c-light-green);	
--card-title-txt-color: #fff;
--card-alt-bg-color: var(--c-dark-blue);	
--card-alt-title-txt-color: #fff;
--card-ter-bg-color: #4174a2;
--card-ter-txt-color: #fff;
}
[data-theme="hclight"] {
--card-bg-color: #fff;
--card-title-txt-color: #000;
--card-alt-bg-color: #fff;	
--card-alt-title-txt-color: #000;
--card-ter-bg-color: #fff;
--card-ter-txt-color: #000;
}
[data-theme="hcdark"] {
--card-bg-color: #000;
--card-title-txt-color: #fff;
--card-alt-bg-color: #000;	
--card-alt-title-txt-color: #fff;
--card-ter-bg-color: #000;
--card-ter-txt-color: #fff;
}


.card-grid .card { padding: 0; margin: 0; overflow: hidden; border-top-right-radius: 16px ; background: var(--card-bg-color); }
.card-grid .card > a { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.card-grid .card .caption { min-height: 90px; padding: 0; box-sizing: border-box; text-align: left; display: flex; align-items: flex-start; line-height: 1.8rem; }
.card-grid .card .caption p { margin: 0 0 1em;  }
.card-grid .card .caption p:last-child { margin-bottom: 0; }
.card-grid .card .content { flex: 1; min-height: 0; }
.card-grid .card .content img { display: block; width: 100%; height: 100%; object-fit: cover; }
.card-grid .card .title { padding: 1rem; margin: 0; color: var(--card-title-bg-color);}

/* Last card */

.featured-links-wrap-2 .card-grid .card:last-child { grid-column: span 3; background: var(--card-alt-bg-color); color: var(--card-alt-title-txt-color); border-top-right-radius: 16px; }
.featured-links-wrap-2 .card-grid .card:last-child > a { display: grid; grid-template-columns: 38% 62%; height: 100%; }
.featured-links-wrap-2 .card-grid .card:last-child .caption { padding: 0; text-align: left; align-self: center; min-height: 0; }
.featured-links-wrap-2 .card-grid .card:last-child .caption p { max-width: 620px; margin: 0 0 1.2em; }
.featured-links-wrap-2 .card-grid .card:last-child .caption p:last-child { margin-bottom: 0; }
.featured-links-wrap-2 .card-grid .card:last-child .content { aspect-ratio: auto; }
.featured-links-wrap-2 .card-grid .card:last-child .content { grid-row: 1; padding: 0; text-align: left; align-self: center; min-height: 100px}
.featured-links-wrap-2 .card-grid .card:last-child .content img { display: block; width: 100%; height: 100%; object-fit: cover; }
.card-grid .card figure { margin: 0 }

.featured-links-wrap-2 .card-grid .card:nth-last-child(2) { background-color: var(--card-ter-bg-color); color: var(--card-ter-txt-color) }

@media (max-width: 1100px) {
    .card-grid { grid-template-columns: repeat(2, 1fr); }
    .featured-links-wrap-2 .card-grid .card:last-child { grid-column: span 2; }
    .featured-links-wrap-2 .card-grid .card:last-child > a { grid-template-columns: 60% 40%; }
    .featured-links-wrap-2 .card-grid .card:last-child .caption { padding: 40px; }
}


/* Centre the 5th card on tablet */

@media (max-width: 1100px) and (min-width: 701px) {
    .card-grid .card:nth-child(5) { grid-column: span 2; max-width: calc((100% - 30px) / 2); width: 100%; justify-self: center; }
}

@media (max-width: 700px) {
    .card-grid { grid-template-columns: 1fr; gap: 24px; }
    .card-grid .card,
    .featured-links-wrap-2 .card-grid .card:last-child { grid-column: span 1; }
    .featured-links-wrap-2 .card-grid .card:last-child > a { display: flex; flex-direction: column; }
    .featured-links-wrap-2 .card-grid .card:last-child .caption { order: 1; padding: 32px 26px; text-align: left; }
    .featured-links-wrap-2 .card-grid .card:last-child .content { order: 2; min-height: 220px; }
    .featured-links-wrap-2 .card-grid .card:last-child .caption p { font-size: 1.05rem; line-height: 1.35; }
}

@media (max-width: 480px) {
    .card-grid { gap: 20px; }
    .card-grid .card .caption { padding: 24px 20px; }
    .card-grid .card .content { min-height: 190px; }
	.featured-links-wrap-2 .card-grid .card:last-child .caption { padding: 28px 22px; }
}






@media (max-width: 1100px) {
    .card-grid { grid-template-columns: repeat(2, 1fr); }
    .featured-links-wrap-2 .card-grid .card:last-child { grid-column: span 2; }
    .featured-links-wrap-2 .card-grid .card:last-child > a { grid-template-columns: 40% 60%; }
    .featured-links-wrap-2 .card-grid .card:last-child .content { /*padding: 2rem;*/ }
}

/* Centre the 5th card on tablet */

@media (max-width: 1100px) and (min-width: 701px) {
    .card-grid .card:nth-child(5) { grid-column: span 2; max-width: calc((100% - 30px) / 2); width: 100%; justify-self: center; }
}

@media (max-width: 700px) {
    .card-grid { grid-template-columns: 1fr; gap: 2rem; }

    .card-grid .card,
    .card-grid .card:last-child { grid-column: span 1; }
    .featured-links-wrap-2 .card-grid .card:last-child > a { display: flex; flex-direction: column; }
    .featured-links-wrap-2 .card-grid .card:last-child .content { order: 1; padding: 32px 26px; text-align: left; }
    .featured-links-wrap-2 .card-grid .card:last-child .image { order: 2; min-height: 220px; }
}

@media (max-width: 480px) {
    .card-grid { gap: 2rem; }
    .card-grid .card .content { padding: 24px 20px; }
    .card-grid .card .image { min-height: 190px; }
    .featured-links-wrap-2 .card-grid .card:last-child .content { padding: 28px 22px; }
}


.section .feature-box,
.section .feature-box .content { background-color: transparent; color: var(--body-color); padding: 0; margin: 0 0 2rem 0;}
.section .feature-box .content p { margin-left: 0;}


.featured-links-wrap-2 .card:last-child .caption { display: block;}
.featured-links-wrap-2 .card:last-child .summary { padding: 1rem 1rem 0 1rem ;}
.featured-links-wrap-2 .card:last-child .summary p:last-child { padding: 0.6rem; inherit; display: inline-block;}

hr {
	color: #ececec;
}


[data-theme="light"] {
.content-row { background-image: url(../img/background-hand.png); background-repeat: no-repeat; background-size: contain}
}