:root {
    --font-sans-serif: "open sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	
	--c-black: #000;
	--c-white: #fff;
	--c-almost-black: #121212;
	--c-almost-white: #F2F0EF;
	--c-light-grey: #d7d7d7;
	--c-dark-grey: #404040;
    --c-stone: #C9C8C7;
	
	/* client colours */
	
	--c-light-grey: #f3f3f5;
	--c-light-blue: #009CDE;
	--c-green: #00a36c;
	--c-blue: #013a71;
	--c-purple: #7a3f9d;
}

: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;
	
	/* skip link */
	--skip-links-bg: #000;
	--skip-links-txt: #fff;
	
	--bnr-logo-bg-color: var(--c-white);
    --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;
	--bnr-grid-columns: 80%;
	
	--crsl-btn-color: var(--c-purple);
	--crsl-btn-hover-color: var(--c-green);
	--crsl-btn-size: 40px;
	--crsl-title-color: var(--c-green);
	--crsl-dot-color: #000;
	--crsl-dot-active-color: #000;
	
	/* icon buttons */
	--icon-btn-size: 50px;
    --icon-btn-circle-size: 50px;
    --icon-btn-circle-bg-color: var(--c-green);
	--icon-btn-txt-color: #000;
    --icon-btn-circle-hover-bg-color: var(--c-purple);
	--icon-btn-hover-txt-color: #000;

	
	/* back issue select */
	--backissue-label-txt: #000;
	
	/* panic button */
	--panic-bg: #efea1f;
	--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-light-blue);
	--fb-title-color: var(--c-white);
	--fb-title-bg-color: inherit;
	--fb-color: var(--c-white);
	--fb-link-color: inherit;
	--fb-link-hover-color: var(--c-blue);
	--fb-button-txt-color: #fff;
	--fb-button-bg-color: inherit;
	--fb-button-hover-txt-color: var(--c-blue);
	--fb-button-hover-bg-color: inherit;
	
	/* 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-green);
	--button-txt-color:#fff;
	--button-bg-color-hover:var(--c-green);
	--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: var(--c-light-blue);
	--button-sec-txt-color: #000;
	--button-sec-bg-color-hover: var(--c-light-blue);
	--button-sec-txt-color-hover: #000;
	/* 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: var(--c-blue);
	--main-nav-link-txt: #fff;
	--main-nav-link-bg: inherit;
	--main-nav-active-bg: var(--c-green);
	--main-nav-active-txt: #fff;
	--main-nav-hamburger: #fff;
	--main-nav-selected-txt: #fff;
	--main-nav-selected-bg: var(--c-green);	
	--main-nav-drop-bg:  var(--c-light-grey); 
	--main-nav-drop-link-bg: transparent;
	--main-nav-drop-link-txt: #000;
	--main-nav-drop-active-bg: var(--c-green);
	--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: var(--c-blue);
	--ss-button-bg-color:  var(--c-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: inherit;
	--rc-heading-bg-color: inherit;
	--rc-heading-txt-color: var(--c-green); 
	--rc-heading-font-weight: 500; 
	--rc-link-bg-color: inherit;
	--rc-link-txt-color: var(--c-green);
	--rc-hover-bg-color: inherit;
	--rc-hover-txt-color: var(--c-blue);	
	--rc-selected-bg-color: inherit;
	--rc-selected-txt-color: var(--c-blue);
	--rc-selected-font-weight: 500;
	--rc-separator-border: none;
	
	/* accordion */
	--tc-txt-color: #fff;
	--tc-bg-color: var(--c-green);
	--tc-hover-bg-color: var(--c-green);
	--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);
	
	/* tags */
	--tg-border: 1px solid var(--c-blue);
	--tg-link-txt-color: var(--c-black);
	--tg-link-hover-bg-color: var(--c-blue);
	--tg-link-hover-txt-color: #fff;
	--tg-link-focus-bg-color: var(--c-light-blue);
	--tg-link-focus-txt-color: #fff;
	
	--tg-selected-bg-color: var(--c-blue);
	--tg-selected-focus-txt-color: #fff;
	--tg-selected-txt-color: #fff;
	
	--tgle-border: none;
	--tgle-bg-color: var(--c-blue);
	--tgle-txt-color: #fff;
	--tgle-link-decoration: none;
	--tgle-button-bg-color: var(--c-blue);
	--tgle-button-txt-color: var(--c-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-blue);
	--footer-layoutrow-bg-color: inherit;
	--footer-txt-color: #fff;
	--footer-link-color: #fff;
	--footer-link-hover-color: var(--c-light-blue);
	--footer-link-decoration: none;
	--footer-link-hover-decoration: none;
	
	
	--latest-news-row-bg-color: var(--c-light-grey);
	--latest-news-row-txt-color: #fff;

	/* 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-blue);
	--p-graph-bg-color: var(--c-green);
	--p-graph-no-votes-color: #000;
	--p-graph-txt-color: #fff;
	--p-border: 0;
	--p-border-radius: 0;	
	
	/* news list styles */
	--nl-bg-color: var(--c-blue);
	--nl-txt-color: #fff;
	--nl-summary-bg-color: inherit;
	--nl-summary-txt-color: #fff;
	--nl-link-txt-color: #fff;
	--nl-link-txt-color-hover: #fff;
	--nl-title-txt-color: #fff;
	--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-blue);
	--nl-all-button-txt-color: #fff;
	--nl-heading-txt-color: var(--c-blue);

	/* featured links */
	--fl-bg-color: var(--c-green);
	--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: #000;
	--fl-button-txt-color: #fff;	
	--fl-border:none;
	
	/* search results */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-black);
	--sr-border: 1px solid var(--c-blue);
	--sr-pubdate-color: inherit;
	
	/* mode switch */
	--ms-txt-color: #000;
}

.toggle-cross:hover,
.toggle-cross:focus { background-color: #013a71; color: var(--tc-hover-txt-color);}

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

	--content-bg-color: #000;

	--link-color: #fff;
	--link-hover-color: #fff;
	
	/* Submit button */
	--submit-border-radius: 0;
	--submit-bg: buttonface;
	--submit-txt: buttontext;
	--submit-border-color: #000;
	--submit-border-style: solid;
	--submit-border-width: 1px;
	
	--txt-resize-txt: #fff;
	--txt-resize-focus-bg: #000;	
	--txt-resize-focus-txt: #fff;	
	
	/* social media icons */
	--soc-icon-bg-color: inherit;
	--soc-icon-txt-color: inherit;
	
	--bnr-logo-bg-color: var(--c-white);
    --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;
	--bnr-grid-columns: 80%;
	
	--crsl-btn-color: var(--c-purple);
	--crsl-btn-hover-color: var(--c-green);
	--crsl-btn-size: 40px;
	--crsl-title-color: var(--c-green);
	--crsl-dot-color: #fff;
	--crsl-dot-active-color: #fff;
	
	/* icon buttons */
	--icon-btn-size: 50px;
    --icon-btn-circle-size: 50px;
    --icon-btn-circle-bg-color: var(--c-green);
	--icon-btn-txt-color: #fff;
    --icon-btn-circle-hover-bg-color: var(--c-green);
	--icon-btn-hover-txt-color: #fff;

	
	/* back issue select */
	--backissue-label-txt: #000;
	
	/* panic button */
	--panic-bg: #efea1f;
	--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-light-blue);
	--fb-title-color: var(--c-white);
	--fb-title-bg-color: inherit;
	--fb-color: var(--c-white);
	--fb-link-color: inherit;
	--fb-link-hover-color: var(--c-blue);
	--fb-button-txt-color: #fff;
	--fb-button-bg-color: inherit;
	--fb-button-hover-txt-color: var(--c-blue);
	--fb-button-hover-bg-color: inherit;
	
	/* 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-green);
	--button-txt-color:#fff;
	--button-bg-color-hover:var(--c-green);
	--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: var(--c-light-blue);
	--button-sec-txt-color: #000;
	--button-sec-bg-color-hover: var(--c-light-blue);
	--button-sec-txt-color-hover: #000;
	/* 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: var(--c-blue);
	--main-nav-link-txt: #fff;
	--main-nav-link-bg: inherit;
	--main-nav-active-bg: var(--c-green);
	--main-nav-active-txt: #fff;
	--main-nav-hamburger: #fff;
	--main-nav-selected-txt: #fff;
	--main-nav-selected-bg: var(--c-green);	
	--main-nav-drop-bg:  var(--c-light-grey); 
	--main-nav-drop-link-bg: transparent;
	--main-nav-drop-link-txt: #000;
	--main-nav-drop-active-bg: var(--c-green);
	--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: var(--c-blue);
	--ss-button-bg-color:  var(--c-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: inherit;
	--rc-heading-bg-color: inherit;
	--rc-heading-txt-color: var(--c-green); 
	--rc-heading-font-weight: 500; 
	--rc-link-bg-color: inherit;
	--rc-link-txt-color: #fff;
	--rc-hover-bg-color: inherit;
	--rc-hover-txt-color: var(--c-green);	
	--rc-selected-bg-color: inherit;
	--rc-selected-txt-color: var(--c-green);
	--rc-selected-font-weight: 500;
	--rc-separator-border: none;
	
	/* accordion */
	--tc-txt-color: #fff;
	--tc-bg-color: var(--c-green);
	--tc-hover-bg-color: var(--c-green);
	--tc-hover-txt-color: #fff;

	/* back up button style */
	--bu-bg-color: inherit;
	--bu-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;
	
	/* footer styles */
	--footer-row-bg-color:var(--c-blue);
	--footer-layoutrow-bg-color: inherit;
	--footer-txt-color: #fff;
	--footer-link-color: #fff;
	--footer-link-hover-color: var(--c-light-blue);
	--footer-link-decoration: none;
	--footer-link-hover-decoration: none;
	
	
	--latest-news-row-bg-color: var(--c-almost-black);
	--latest-news-row-txt-color: #fff;

	/* 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: #000;
	--p-title-bg-color: var(--c-green);
	--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-blue);
	--nl-txt-color: #fff;
	--nl-summary-bg-color: inherit;
	--nl-summary-txt-color: #fff;
	--nl-link-txt-color: #fff;
	--nl-link-txt-color-hover: #fff;
	--nl-title-txt-color: #fff;
	--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-blue);
	--nl-all-button-txt-color: #fff;
	--nl-heading-txt-color: var(--c-white);

	/* featured links */
	--fl-bg-color: var(--c-green);
	--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: #000;
	--fl-button-txt-color: #fff;	
	--fl-border:none;
	
	/* search results */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-white);
	--sr-border: 1px solid var(--c-blue);
	--sr-pubdate-color: inherit;
	
	/* mode switch */
	--ms-txt-color: #fff;
}

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

	--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;
	
	--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: #efea1f;
	--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: #fff; 
	--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;
	
	/* search results */
	--sr-bg-color: var(--c-white);
	--sr-txt-color: var(--c-black);
	--sr-border: none;
	--sr-pubdate-color: inherit;
	
	/* 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;
	
	--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: #efea1f;
	--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-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: #000;
	--button-sec-txt-color: #fff;
	--button-sec-bg-color-hover: var(--c-stone);
	--button-sec-txt-color-hover: #000;
	/* 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: #000; 
	--main-nav-drop-link-bg: transparent;
	--main-nav-drop-link-txt: #fff;
	--main-nav-drop-active-bg: #C9C8C7;
	--main-nav-drop-active-txt: #000;
	--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;
	
	/* search results */
	--sr-bg-color: var(--c-black);
	--sr-txt-color: var(--c-white);
	--sr-border: none;
	--sr-pubdate-color: inherit;
	
	/* mode switch */
	--ms-txt-color: #fff;
}





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

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

}
[data-theme="hcdark"] {
	--fbtn-bg-color: #000;
	--fbtn-txt-color: #fff;
}
[data-theme="hclight"] {
	--fbtn-bg-color: #fff;
	--fbtn-txt-color: #000;
}

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







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

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

.banner {
	max-width: 100%;
}

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



@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: normal;
    font-size: 1.4em;
}
img, svg {
    vertical-align: middle;
    padding: 8px;
}

.panic a, .panic .panic a:link, .panic a:hover .panic a:active {
    background-color: var(--panic-bg);
    display: block;
	font-size: 18pt;
    padding: 0.975rem 0.925rem;
    font-weight: bold;
    color: var(--panic-txt) !important;
}