/* DEV-THEME: Shared palette */
/* DEV-THEME: Shared palette */
:root {
	/* base coloours */
	--c-black: #000;
	--c-white: #fff;
	--c-almost-black: #121212;
	--c-almost-white: #F2F0EF;
	--c-light-grey: #d7d7d7;
	--c-dark-grey: #404040;
	
	/* client colours */
	--c-blue: #1c70b8;
	--c-dark-blue: #015294;
	--c-green: #2b8227;
	--c-dark-green: #1d6519;
	--c-magenta: #e6007e;
	--c-purple: #662583;
	--c-orange: #f09100;
	--c-lime: #d8e437;
	--c-grey: #e8e8e8;
	--c-pink: #E6007E;
	
	--heading-font-family: "Quicksand", "Open Sans", arial, helvetica, sans-serif;
}

/* DEV-THEME-MODE: LIGHT */
:root,
[data-theme="light"],
[data-theme="dark"]
 {	
	/* DEV-STYLE: ST-001; PREFIX: body, content, link */
	--body-bg-color: var(--c-grey);
	--body-color: #000;
	
	--content-bg-color: #fff;
	
	--link-color: #000;
	--link-hover-color: #000;
	
	/* DEV-STYLE: ST-004; PREFIX: submit */
	--submit-border-radius: 0;
	--submit-bg: buttonface;
	--submit-txt: buttontext;
	--submit-border-color: #000;
	--submit-border-style: solid;
	--submit-border-width: 1px;
	
	/* DEV-STYLE: ST-030; PREFIX: txt-resize */
	--txt-resize-txt: #000;
	--txt-resize-focus-bg: #000;	
	--txt-resize-focus-txt: #fff;	
	
	/* DEV-STYLE: ST-029; PREFIX: soc */
	--soc-icon-bg-color: inherit;
	--soc-icon-txt-color: inherit;
	
	/* DEV-STYLE: ST-045; PREFIX: search */
	--search-label-txt: #000;
	/* DEV-STYLE: ST-048; PREFIX: search-filter */
	--search-filter-label-txt: #000;
	
	--pag-txt-color: var(--c-dark-green);
	--pag-bg-color: inherit;
	--pag-active-border: 2px solid var(--c-dark-green);
	--pag-disabled-txt-color: var(--c-light-grey);
	--pag-disabled-bg-color: inherit;

	
	/* DEV-STYLE: ST-049; PREFIX: sr */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-black);
	--sr-border: 1px solid var(--c-green);
	--sr-pubdate-color: inherit;
	
	/* DEV-STYLE: ST-003; PREFIX: skip-links */
	--skip-links-bg: #000;
	--skip-links-txt: #fff;
	
	/* DEV-STYLE: ST-025; PREFIX: bnr */
	--bnr-logo-bg-color: var(--c-dark-green);
    --bnr-title-color: var(--c-green);
	--bnr-title-size: calc(2rem + 1vw);
	--bnr-title-weight: bold;
    --bnr-strapline-color: var(--c-almost-black);
	--bnr-strapline-size: calc(1rem + 1vw);
	--bnr-strapline-weight: 300;
	--bnr-logo-grid-columns: repeat(3, 1fr);

	/* Content list grid */	
	--cl-grid-columns: 3;
	--cl-grid-border-top: 1px solid var(--c-light-grey);
	--cl-grid-item-bg-color: var(--c-green);
	--cl-grid-item-border-radius: 0;
	--cl-grid-item-selected-txt-color: var(--c-white);
	--cl-grid-item-selected-bg-color: var(--c-dark-green);
	--cl-grid-item-txt-color: var(--c-black);
	--cl-grid-item-hover-bg-color: var(--c-lighter-green);
	--cl-grid-item-hover-txt-color: var(--c-black);
	--cl-grid-item-summary-txt-color: var(--c-white);


	
	/* card styles */
	--card-bg-color: var(--c-black);
	--card-txt-color: var(--c-white);
	--card-border: none;
	--card-link-txt-color: var(--c-light-green);
	--card-link-txt-color-hover: inherit;
	--card-title-font-size: 1.4rem;
	--card-title-txt-color: var(--c-white);
	--card-summary-bg-color: inherit;
	--card-summary-txt-color:var(--c-white);
	--card-button-bg-color: var(--c-light-green);
	--card-button-txt-color: var(--c-black);
	--card-img-height: auto;
	
	/* news list card style overrides */
	.news-list {
		--card-bg-color: var(--c-white);
		--card-txt-color: var(--c-black);
		--card-border: none;
		--card-link-txt-color: var(--c-orange);
		--card-link-txt-color-hover: inherit;
		--card-title-txt-color: var(--c-blue);
		--card-summary-bg-color: inherit;
		--card-summary-txt-color:var(--c-black);
		--card-button-bg-color: var(--c-orange);
		--card-button-txt-color: var(--c-white);
		--card-img-height: 220px;
	}
	
	/* content list card style overrides */
	.content-list {
		--card-bg-color: var(--c-green);
		--card-txt-color: var(--c-white);
		--card-border: none;
		--card-link-txt-color: var(--c-light-green);
		--card-link-txt-color-hover: inherit;
		--card-title-txt-color: var(--c-dark-green);
		--card-summary-bg-color: inherit;
		--card-summary-txt-color:var(--c-white);
		--card-button-bg-color: var(--c-black);
		--card-button-txt-color: var(--c-white);
		--card-img-height: 220px;
	}

	/* content list card style overrides */
	.section-summary .card {
		--card-bg-color: var(--c-green);
		--card-txt-color: var(--c-white);
		--card-border: none;
		--card-link-txt-color: var(--c-light-green);
		--card-link-txt-color-hover: inherit;
		--card-title-txt-color: var(--c-dark-green);
		--card-summary-bg-color: inherit;
		--card-summary-txt-color:var(--c-white);
		--card-button-bg-color: var(--c-black);
		--card-button-txt-color: var(--c-white);
		--card-img-height: 220px;
	}
	
	/* DEV-STYLE: ST-076; PREFIX: crsl */
	--crsl-btn-color: var(--c-blue);
	--crsl-btn-hover-color: var(--c-dark-blue);
	--crsl-btn-size: 40px;
	/* DEV-STYLE: ST-037; PREFIX: crsl */
	--crsl-title-color: var(--c-blue);
	
	/* DEV-STYLE: ST-009; PREFIX: icon-btn */
	--icon-btn-size: 50px;
    --icon-btn-circle-size: 50px;
    --icon-btn-circle-bg-color: var(--c-white);
	--icon-btn-txt-color: #fff;
    --icon-btn-circle-hover-bg-color: var(--c-dark-blue);
	--icon-btn-hover-txt-color: #fff;


	/* DEV-STYLE: ST-043; PREFIX: backissue */
	--backissue-label-txt: #000;
	
	/* DEV-STYLE: ST-032; PREFIX: panic */
	--panic-bg: var(--c-orange);
	--panic-txt: #000;
	
	/* DEV-STYLE: ST-044; PREFIX: bc */
	--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);
	
	/* DEV-STYLE: ST-050; ALSO: ST-051; PREFIX: fb */
	--fb-border-radius: none;
	--fb-bg-color: inherit;
	--fb-title-color: var(--c-black);
	--fb-title-bg-color: var(--c-lime);
	--fb-color: inherit;
	--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);
	

	/* DEV-STYLE: ST-005; PREFIX: button */
	--button-bg-color: var(--c-blue);
	--button-txt-color:#fff;
	--button-bg-color-hover:var(--c-dark-blue);
	--button-txt-color-hover: #fff;
	--button-border-width: 0;
	--button-border-style: solid;
	--button-border-color: #000;
	--button-border-radius: 6px;
	--button-icon-image: var(--button-icon-light);
	--button-icon-image-hover: var(--button-icon-dark);	
	
	/* DEV-STYLE: ST-033; PREFIX: main-nav */
	--main-nav-bg: var(--c-blue);
	--main-nav-link-txt: #fff;
	--main-nav-link-bg: inherit;
	--main-nav-active-bg: var(--c-dark-blue);
	--main-nav-active-txt: #fff;
	--main-nav-hamburger: #fff;
	--main-nav-selected-txt: #fff;
	--main-nav-selected-bg: var(--c-dark-blue);	
	--main-nav-drop-bg:  var(--c-dark-blue); 
	--main-nav-drop-link-bg: var(--c-blue);
	--main-nav-drop-link-txt: #fff;
	--main-nav-drop-active-bg: var(--c-blue);
	--main-nav-drop-active-txt: #fff;
	--main-nav-grid-col-width: 25%;
	
	/* controlled overflow variant */
	--main-nav-more-bg-color: var(--c-dark-blue);
	--main-nav-more-txt-color: #fff;
	--main-nav-more-hover-bg-color: var(--c-blue);
	--main-nav-more-hover-txt-color: #fff;
	--main-nav-overflow-border: 1px solid rgba(255, 255, 255, 0.16);
	
	/* DEV-STYLE: ST-058; PREFIX: np */
	--np-link-bg-color: var(--c-green);
	--np-link-txt-color: var(--c-white);
	--np-link-bg-color-hover: var(--c-lighter-green);
	--np-link-txt-color-hover: var(--c-black);
	--np-section-txt-color: inherit;
	--np-title-txt-color: inherit;
	--np-title-txt-color-hover: inherit;
	--np-border: none;
	--np-border-color-hover: none;
	--np-border-radius: 0;
	--np-focus-color: inherit;		
	--np-separator-color: var(--c-white);
	
	/* DEV-STYLE: ST-038; ALSO: ST-063, ST-064; PREFIX: ss */
	--ss-height: 400px;
	--ss-caption-bg-color: rgba(255, 255, 255, 0.8);
	--ss-caption-txt-color: var(--c-black);
	--ss-button-bg-color:  var(--c-green); /*rgba(0,0,0,0.8);*/
	--ss-button-txt-color: var(--c-white);
	--ss-button-hover-bg-color: rgba(0,0,0,0.8);
	--ss-button-hover-txt-color: var(--c-white);
	--ss-dots-color: var(--c-dark-grey);
	--ss-dots-active-color: var(--c-dark-grey);
	--ss-dots-outline-color: var(--c-light-grey);
	--ss-dots-control-bg-color: var(--c-white);
	--ss-control-hover-bg-color: var(--c-light-grey);
	--ss-control-color: var(--c-dark-grey);
	
	--hero-height: 32rem;
	--hero-caption-bg-color: rgba(255, 255, 255, 0.8);;
	--hero-caption-txt-color: var(--c-black);
	--hero-button-bg-color: var(--c-green);
	--hero-button-txt-color: var(--white);
	--hero-caption-overlay-bg-color: rgba(255, 255, 255, 0.88);
	
	/* DEV-STYLE: ST-052; ALSO: ST-075; PREFIX: relcon */
	--relcon-border-radius: 10px; 
	--relcon-bg-color: var(--c-green);
	--relcon-heading-bg-color: var(--c-green);
	--relcon-heading-txt-color: var(--c-white); 
	--relcon-heading-font-weight: 500; 
	--relcon-link-bg-color: inherit;
	--relcon-link-txt-color: #fff;
	--relcon-hover-bg-color: var(--c-dark-green);
	--relcon-hover-txt-color: var(--c-white);	
	--relcon-selected-bg-color: var(--c-dark-green);
	--relcon-selected-txt-color: #fff;
	--relcon-selected-font-weight: normal;
	--relcon-separator-border: none;
	
	/* DEV-STYLE: ST-024; PREFIX: tc */
	--tc-txt-color: #fff;
	--tc-bg-color: var(--c-green);
	--tc-hover-bg-color: var(--c-green);
	--tc-hover-txt-color: #fff;

	/* DEV-STYLE: ST-035; PREFIX: bu */
	--bkup-bg-color: var(--c-blue);
	--bkup-txt-color: #fff;
	
	/* DEV-STYLE: ST-020; PREFIX: cnt */
	--cnt-issue-title-txt-color: var(--c-almost-white);
	--cnt-issue-title-bg-color: var(--c-green);
	--cnt-pub-date-txt-color: var(--c-almost-black);
	
	/* DEV-STYLE: ST-081; PREFIX: lr */
	--lr-bg-color: var(--light-grey);
	
	
	/* DEV-STYLE: ST-055; ALSO: ST-056; PREFIX: ic */
	--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);
	
	/* DEV-STYLE: ST-066; PREFIX: tagaz */
	--tagaz-title-txt-color: inherit;
	--tagaz-title-bg-color: inherit;
	--tagaz-border: 1px solid #007060;
	--tagaz-border-radius: 4px;
	--tagaz-link-txt-color: var(--c-white);
	--tagaz-link-bg-color: var(--c-dark-green);
	--tagaz-link-hover-bg-color: var(--c-green);
	--tagaz-link-hover-txt-color: #fff;
	--tagaz-link-focus-bg-color: var(--c-dark-green);
	--tagaz-link-focus-txt-color: #fff;
	--tagaz-empty-txt-color: #aaa;
    --tagaz-empty-bg-color: #f5f5f5 ;
    --tagaz-empty-border: 1px solid #e5e5e5;
	
	--tagaz-all-border: var(--tagaz-border);
    --tagaz-all-bg-color: var(--c-lighter-green);
    --tagaz-all-txt-color: var(--c-black);
	--tagaz-all-hover-bg-color: var(--c-dark-green);
	--tagaz-all-hover-txt-color: var(--c-white);
	--tagaz-all-hover-border: var(--tagaz-border);

	/* DEV-STYLE: ST-???; PREFIX: tagdir */
	--tagdir-link-border: 1px solid #007060;
	--tagdir-border-radius: 4px;
	--tagdir-group-title-txt-color: var(--c-black);
	--tagdir-group-border: 1px solid var(--c-light-grey);
	--tagdir-group-title-txt-color: inherit;
	--tagdir-link-bg-color: var(--c-lighter-green);
	--tagdir-link-txt-color: var(--c-black);
	--tagdir-link-hover-bg-color: var(--c-dark-green);
	--tagdir-link-hover-txt-color: var(--c-white);
	--tagdir-link-current-bg-color: inherit;
	--tagdir-link-current-txt-color: inherit;

	/* DEV-STYLE: ST-072; PREFIX: tagres */
	--tagres-entry-border: 1px solid #d7d7d7;
	--tagres-entry-bg-color: #fff;
	--tagres-tags-divider:  1px solid #e7e7e7;
	--tagres-link-bg-color: inherit;
	--tagres-link-txt-color: var(--c-dark-green);
	--tagres-link-hover-bg-color: inherit;
	--tagres-link-hover-txt-color: var(--c-dark-green);
	
	/* Content tag list */
	--ctags-link-border: 1px solid var(--c-light-grey);
	--ctags-link-border-radius: 5px;
	--ctags-link-bg-color: var(--c-lighter-green);
	--ctags-link-txt-color:var(--c-black);
	--ctags-link-hover-bg-color:var(--c-dark-green);
	--ctags-link-hover-txt-color: var(--c-white);	
	
	/* DEV-STYLE: ST-002; PREFIX: row surfaces */
	--top-row-bg-color: inherit;
	--top-layoutrow-bg-color: var(--c-white);
	--banner-row-bg-color: inherit;
	--banner-layoutrow-bg-color:var(--c-white);
	--search-row-bg-color: inherit;
	--search-layoutrow-bg-color:var(--c-white);
	--nav-row-bg-color:inherit;
	--nav-layoutrow-bg-color:inherit;
	--content-row-bg-color: inherit;
	--content-layoutrow-bg-color:inherit;
	
	/* DEV-STYLE: ST-034; PREFIX: footer */
	--footer-row-bg-color:inherit;
	--footer-layout-wrap-bg-color: var(--c-white);
	--footer-txt-color: var(--c-black);
	--footer-link-color: var(--c-blue);
	--footer-link-hover-color: var(--c-blue);
	--footer-link-decoration: none;
	--footer-link-hover-decoration: none;
	
	
	/* DEV-STYLE: ST-040; PREFIX: latest-news-row */
	--latest-news-row-bg-color: var(--c-dark-green);
	--latest-news-row-txt-color: #fff;

	/* DEV-STYLE: ST-062; PREFIX: cookie */
	--cookie-bg-color: transparent;
	--cookie-txt-color: var(--c-almost-white);
	--cookie-link-color: var(--c-almost-white);
	--cookie-border: none;
	
	/* DEV-STYLE: ST-059; PREFIX: poll */
	--poll-bg-color: var(--c-white);
	--poll-txt-color: #000;
	--poll-title-txt-color: #000;
	--poll-title-bg-color: var(--c-orange);
	--poll-graph-bg-color: var(--c-orange);
	--poll-graph-no-votes-color: #000;
	--poll-graph-txt-color: #000;
	--poll-border: 0;
	--poll-border-radius: 10px;	
	
	/* DEV-STYLE: ST-057; PREFIX: nl */
	--nl-bg-color: #fff;
	--nl-heading-txt-color: var(--c-green);


	/* DEV-STYLE: ST-054; PREFIX: is */
	--is-section-bg-color: var(--c-light-grey);
	--is-sec-title-color: #fff;
	--is-sec-title-bg-color: var(--c-green);
	--is-content-title-color: inherit;
	
	/* DEV-STYLE: ST-065; PREFIX: ticker */
	--ticker-bg-color: var(--c-lime);
	--ticker-title-bg-color: rgba(0, 0, 0, 0.08);
	--ticker-txt-color: var(--c-black);

	/* DEV-STYLE: ST-031; PREFIX: ms */
	--ms-txt-color: #000;
}

/* DEV-THEME-MODE: DARK */
[data-theme="dark"] {
	/* DEV-STYLE: ST-001; PREFIX: body, content, link */
	--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);
	
	/* DEV-STYLE: ST-004; PREFIX: submit */
	--submit-border-radius: 0;
	--submit-bg: buttonface;
	--submit-txt: buttontext;
	--submit-border-color: #000;
	--submit-border-style: solid;
	--submit-border-width: 1px;
	
	/* DEV-STYLE: ST-030; PREFIX: txt-resize */
	--txt-resize-txt: #fff;
	--txt-resize-focus-bg: #fff;	
	--txt-resize-focus-txt: #000;	
	
	/* DEV-STYLE: ST-029; PREFIX: soc */
	--soc-icon-bg-color: inherit;
	--soc-icon-txt-color: inherit;
	
	/* DEV-STYLE: ST-045; PREFIX: search */
	--search-label-txt: #fff;
	/* DEV-STYLE: ST-048; PREFIX: search-filter */
	--search-filter-label-txt: #fff;
	
	/* DEV-STYLE: ST-049; PREFIX: sr */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-black);
	--sr-border: 1px solid var(--c-green);
	--sr-pubdate-color: inherit;
	
	/* DEV-STYLE: ST-003; PREFIX: skip-links */
	--skip-links-bg: #000;
	--skip-links-txt: #fff;
	
	/* DEV-STYLE: ST-025; PREFIX: bnr */
	--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;
	
	/* DEV-STYLE: ST-076; PREFIX: crsl */
	--crsl-btn-color: var(--c-green);
	--crsl-btn-hover-color: var(--c-dark-green);
	--crsl-btn-size: 40px;
	/* DEV-STYLE: ST-037; PREFIX: crsl */
	--crsl-title-color: var(--c-green);
	
	
	/* DEV-STYLE: ST-009; PREFIX: icon-btn */
	--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-dark-green);
	--icon-btn-hover-txt-color: #var(--c-green);

	/* DEV-STYLE: ST-043; PREFIX: backissue */
	--backissue-label-txt: #000;
	
	/* DEV-STYLE: ST-032; PREFIX: panic */
	--panic-bg: #ecad3c;
	--panic-txt: #000;
	
	/* DEV-STYLE: ST-044; PREFIX: bc */
	--bc-txt-color: #fff;
	--bc-txt-hover-color: var(--c-green);
	--bc-txt-active-color: var(--c-green);
	--bc-separator-color: #fff;
	
	/* DEV-STYLE: ST-050; ALSO: ST-051; PREFIX: fb */
	--fb-border-radius: none;
	--fb-bg-color: #fff;
	--fb-title-color: var(--c-green);
	--fb-title-bg-color: inherit;
	--fb-color: #000;
	--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);
	
	/* DEV-STYLE: ST-005; PREFIX: button */
	--button-bg-color: var(--c-green);
	--button-txt-color:#fff;
	--button-bg-color-hover:var(--c-dark-green);
	--button-txt-color-hover: #fff;
	--button-border: none;
	--button-border-radius: inherit;
	
	--button-icon-image: var(--button-icon-light);
	--button-icon-image-hover: var(--button-icon-dark);
	
	
	/* DEV-STYLE: ST-033; PREFIX: main-nav */
	--main-nav-bg: var(--c-blue);
	--main-nav-link-txt: #fff;
	--main-nav-link-bg: inherit;
	--main-nav-active-bg: var(--c-dark-blue);
	--main-nav-active-txt: #fff;
	--main-nav-hamburger: #fff;
	--main-nav-selected-txt: #000;
	--main-nav-selected-bg: var(--c-dark-blue);	
	--main-nav-drop-bg:  var(--c-blue); 
	--main-nav-drop-link-bg: transparent;
	--main-nav-drop-link-txt: #fff;
	--main-nav-drop-active-bg: var(--c-dark-blue);
	--main-nav-drop-active-txt: #fff;
	--main-nav-grid-col-width: 25%;
	
		/* controlled overflow variant */
	--main-nav-more-bg-color: var(--c-darker-dark-green);
	--main-nav-more-txt-color: #fff;
	--main-nav-more-hover-bg-color: var(--c-green);
	--main-nav-more-hover-txt-color: #fff;
	--main-nav-overflow-border: 1px solid rgba(255, 255, 255, 0.16);
	
	
	/* DEV-STYLE: ST-058; PREFIX: np */
	--np-link-bg-color: var(--c-green);
	--np-link-txt-color: var(--c-white);
	--np-link-bg-color-hover: var(--c-lighter-green);
	--np-link-txt-color-hover: var(--c-black);
	--np-section-txt-color: inherit;
	--np-title-txt-color: inherit;
	--np-title-txt-color-hover: inherit;
	--np-border: none;
	--np-border-color-hover: none;
	--np-border-radius: 0;
	--np-focus-color: inherit;	
	
	
	/* DEV-STYLE: ST-038; ALSO: ST-063, ST-064; PREFIX: ss */
	--ss-height: 200px;
	--ss-caption-bg-color: rgba(255, 255, 255, 0.8);
	--ss-caption-txt-color: #000;
	--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;
	
	/* DEV-STYLE: ST-052; ALSO: ST-075; PREFIX: rc */
	--relcon-border-radius: 0; 
	--relcon-bg-color: #fff;
	--relcon-heading-bg-color: inherit;
	--relcon-heading-txt-color: var(--c-green); 
	--relcon-heading-font-weight: 500; 
	--relcon-link-bg-color: inherit;
	--relcon-link-txt-color: #000;
	--relcon-hover-bg-color: var(--c-green);
	--relcon-hover-txt-color: #fff;	
	--relcon-selected-bg-color: var(--c-dark-green);
	--relcon-selected-txt-color: #fff;
	--relcon-selected-font-weight: 500;
	--relcon-separator-border: none;
	
	/* DEV-STYLE: ST-024; PREFIX: tc */
	--tc-txt-color: #fff;
	--tc-bg-color: var(--green);
	--tc-hover-bg-color: var(--c-green);
	--tc-hover-txt-color: #fff;

	/* DEV-STYLE: ST-035; PREFIX: bu */
	--bu-bg-color: inherit;
	--bu-txt-color: #fff;
	
	/* DEV-STYLE: ST-020; PREFIX: cnt */
	--cnt-issue-title-txt-color: #fff;
	--cnt-issue-title-bg-color: var(--c-green);
	--cnt-pub-date-txt-color: var(--c-almost-black);
	
	
	/* DEV-STYLE: ST-081; PREFIX: lr */
	--lr-bg-color: var(--light-grey);
/* DEV-STYLE: ST-010; PREFIX: icon-button; ACTIVE: no */
/*	
	--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;
*/	
	/* DEV-STYLE: ST-055; ALSO: ST-056; PREFIX: ic */
	--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);
	
	/* DEV-STYLE: ST-066; PREFIX: tg */
	--tg-border: 1px solid #007060;
	--tg-link-txt-color: var(--c-white);
	--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;
	
	/* DEV-STYLE: ST-072; PREFIX: tgle */
	--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);	

	/* DEV-STYLE: ST-002; PREFIX: row surfaces */
	--top-row-bg-color: inherit;
	--top-layoutrow-bg-color: inherit;
	--banner-row-bg-color: inherit;
	--banner-layoutrow-bg-color:var(--c-white);
	--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;
	
	/* DEV-STYLE: ST-034; PREFIX: footer */
	--footer-row-bg-color:inherit;
	--footer-layoutrow-bg-color: inherit;
	--footer-txt-color: #fff;
	--footer-link-color: #fff;
	--footer-link-hover-color: var(--c-green);
	--footer-link-decoration: none;
	--footer-link-hover-decoration: none;
	
	
	/* DEV-STYLE: ST-040; PREFIX: latest-news-row */
	--latest-news-row-bg-color: var(--c-dark-green);
	--latest-news-row-txt-color: #fff;

	/* DEV-STYLE: ST-062; PREFIX: cookie */
	--cookie-bg-color: transparent;
	--cookie-txt-color: var(--c-almost-white);
	--cookie-link-color: var(--c-almost-white);
	--cookie-border: none;
	
	/* DEV-STYLE: ST-059; PREFIX: p */
	--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-no-votes-color: #000;
	--p-graph-txt-color: #000;
	--p-border: 0;
	--p-border-radius: 0;	
	
	/* DEV-STYLE: ST-057; PREFIX: nl */
	--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);

	/* DEV-STYLE: ST-039; PREFIX: fl */
	--fl-bg-color: var(--c-almost-black);
	--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;

	/* DEV-STYLE: ST-054; PREFIX: is */
	--is-section-bg-color: var(--c-light-grey);
	--is-sec-title-color: #fff;
	--is-sec-title-bg-color: var(--c-green);
	--is-content-title-color: #000;

	/* DEV-STYLE-CONTINUATION: ST-049; PREFIX: sr */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-white);
	--sr-border: 1px solid var(--c-green);
	--sr-pubdate-color: inherit;
	
	/* DEV-STYLE: ST-031; PREFIX: ms */
	--ms-txt-color: #fff;
}

/* DEV-THEME-MODE: HCLIGHT */
[data-theme="hclight"] {
	/* DEV-STYLE: ST-001; PREFIX: body, content, link */
	--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);
	
	/* DEV-STYLE: ST-004; PREFIX: submit */
	--submit-border-radius: 0;
	--submit-bg: buttonface;
	--submit-txt: buttontext;
	--submit-border-color: #000;
	--submit-border-style: solid;
	--submit-border-width: 1px;
	
	/* DEV-STYLE: ST-030; PREFIX: txt-resize */
	--txt-resize-txt: #000;
	--txt-resize-focus-bg: #000;	
	--txt-resize-focus-txt: #fff;	
	
	/* DEV-STYLE: ST-029; PREFIX: soc */
	--soc-icon-bg-color: inherit;
	--soc-icon-txt-color: inherit;
	
	/* DEV-STYLE: ST-045; PREFIX: search */
	--search-label-txt: #000;
	/* DEV-STYLE: ST-048; PREFIX: search-filter */
	--search-filter-label-txt: #000;
	
	/* DEV-STYLE: ST-049; PREFIX: sr */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-black);
	--sr-border: 1px solid var(--c-green);
	--sr-pubdate-color: inherit;
	
	/* DEV-STYLE: ST-003; PREFIX: skip-links */
	--skip-links-bg: #000;
	--skip-links-txt: #fff;
	
	/* DEV-STYLE: ST-025; PREFIX: bnr */
	--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%;
	
	/* DEV-STYLE: ST-076; PREFIX: crsl */
	--crsl-btn-color: var(--c-almost-black);
	--crsl-btn-hover-color: #000;
	--crsl-btn-size: 40px;
	/* DEV-STYLE: ST-037; PREFIX: crsl */
	--crsl-title-color: var(--c-almost-black);
	
	
	/* DEV-STYLE: ST-009; PREFIX: icon-btn */
	--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;

	/* DEV-STYLE: ST-043; PREFIX: backissue */
	--backissue-label-txt: #000;
	
	/* DEV-STYLE: ST-032; PREFIX: panic */
	--panic-bg: #ecad3c;
	--panic-txt: #000;
	
	/* DEV-STYLE: ST-044; PREFIX: bc */
	--bc-txt-color: var(--c-almost-black);
	--bc-txt-hover-color: #000;
	--bc-txt-active-color: #000;
	--bc-separator-color: var(--c-almost-black);
	
	/* DEV-STYLE: ST-050; ALSO: ST-051; PREFIX: fb */
	--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;
	
	/* DEV-UNUSED: Unconsumed alternate feature-box variables; no ST assigned. */
	--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;
	
	/* DEV-STYLE: ST-005; PREFIX: button */
	--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;
	/* DEV-STYLE: ST-006; PREFIX: button-sec */
	--button-sec-bg-color: #fff;
	--button-sec-txt-color: #000;
	--button-sec-bg-color-hover: var(--c-stone);
	--button-sec-txt-color-hover: #00;
	/* DEV-STYLE: ST-007; PREFIX: button-ter */
	--button-ter-bg-color: #d9010c;
	--button-ter-txt-color: #fff;
	--button-ter-bg-color-hover: #d9010c;
	--button-ter-txt-color-hover: #fff;
	
	
	/* DEV-STYLE: ST-033; PREFIX: main-nav */
	--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%;
	
		/* controlled overflow variant */
	--main-nav-more-bg-color: var(--c-off-white);
	--main-nav-more-txt-color: #000;
	--main-nav-more-hover-bg-color: var(--c-black);
	--main-nav-more-hover-txt-color: #fff;
	--main-nav-overflow-border: 1px solid rgba(255, 255, 255, 0.16);
	
	
	/* DEV-STYLE: ST-058; PREFIX: np */
	--np-title-bg-color: var(--c-orange);
	--np-link-title-color: #fff;
	--np-link-title-border-radius: 6px;
	
	/* DEV-STYLE: ST-038; ALSO: ST-063, ST-064; PREFIX: ss */
	--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;
	
	/* DEV-STYLE: ST-052; ALSO: ST-075; PREFIX: rc */
	--relcon-border-radius: 0; 
	--relcon-bg-color: #fff;
	--relcon-heading-bg-color: inherit;
	--relcon-heading-txt-color: #000; 
	--relcon-heading-font-weight: 500; 
	--relcon-link-bg-color: inherit;
	--relcon-link-txt-color: #000;
	--relcon-hover-bg-color: #C9C8C7;
	--relcon-hover-txt-color: #fff;	
	--relcon-selected-bg-color: #000;
	--relcon-selected-txt-color: #fff;
	--relcon-selected-font-weight: 500;
	--relcon-separator-border: none;
	
	/* DEV-STYLE: ST-024; PREFIX: tc */
	--tc-txt-color: #fff;
	--tc-bg-color: #C9C8C7;
	--tc-hover-bg-color: #C9C8C7;
	--tc-hover-txt-color: #fff;

	/* DEV-STYLE: ST-035; PREFIX: bu */
	--bu-bg-color: inherit;
	--bu-txt-color: #000;
	
	/* DEV-STYLE: ST-020; PREFIX: cnt */
	--cnt-issue-title-txt-color: var(--c-almost-black);
	--cnt-issue-title-bg-color: #fff;
	--cnt-pub-date-txt-color: var(--c-almost-black);
	
	/* DEV-STYLE: ST-081; PREFIX: lr */
	--lr-bg-color: var(--light-grey);
/* DEV-STYLE: ST-010; PREFIX: icon-button; ACTIVE: no */
/*	
	--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;
*/	
	/* DEV-STYLE: ST-055; ALSO: ST-056; PREFIX: ic */
	--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);
	
	/* DEV-STYLE: ST-066; PREFIX: tg */
	--tg-border: 1px solid var(--c-black);
	--tg-link-txt-color: var(--c-black);
	--tg-link-hover-bg-color: var(--c-white);
	--tg-link-hover-txt-color: #000;
	--tg-link-focus-bg-color: var(--c-white);
	--tg-link-focus-txt-color: #000;
	
	--tg-selected-bg-color: var(--c-white);
	--tg-selected-focus-txt-color: #000;
	--tg-selected-txt-color: #000;
	
	/* DEV-STYLE: ST-072; PREFIX: tgle */
	--tgle-border: none; /*1px solid var(--c-green);*/
	--tgle-bg-color: var(--c-white);
	--tgle-txt-color: #000;
	--tgle-link-decoration: none;
	--tgle-button-bg-color: var(--c-almost-white);
	--tgle-button-txt-color: var(--c-black);	
	
	/* DEV-STYLE: ST-002; PREFIX: row surfaces */
	--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;
	
	/* DEV-STYLE: ST-034; PREFIX: footer */
	--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;
	
	
	/* DEV-STYLE: ST-040; PREFIX: latest-news-row */
	--latest-news-row-bg-color: inherit;
	--latest-news-row-txt-color: #000;

	/* DEV-STYLE: ST-062; PREFIX: cookie */
	--cookie-bg-color: transparent;
	--cookie-txt-color: var(--c-almost-white);
	--cookie-link-color: var(--c-almost-white);
	--cookie-border: none;
	
	/* DEV-STYLE: ST-059; PREFIX: p */
	--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;	
	
	/* DEV-STYLE: ST-057; PREFIX: nl */
	--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);

	/* DEV-STYLE: ST-039; PREFIX: fl */
	--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;
	
	/* DEV-STYLE: ST-054; PREFIX: is */
	--is-section-bg-color: inherit;
	--is-sec-title-color: #000;
	--is-sec-title-bg-color: #fff;
	--is-content-title-color: #000;
	
	/* DEV-STYLE-CONTINUATION: ST-049; PREFIX: sr */
	--sr-bg-color: var(--c-white);
	--sr-txt-color: var(--c-black);
	--sr-border: none;
	--sr-pubdate-color: inherit;

	
	/* DEV-STYLE: ST-031; PREFIX: ms */
	--ms-txt-color: #000;
}

/* DEV-THEME-MODE: HCDARK */
[data-theme="hcdark"] {
		--c-almost-black: #121212;
	/* DEV-STYLE: ST-001; PREFIX: body, content, link */
	--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);
	
	/* DEV-STYLE: ST-004; PREFIX: submit */
	--submit-border-radius: 0;
	--submit-bg: buttonface;
	--submit-txt: buttontext;
	--submit-border-color: #000;
	--submit-border-style: solid;
	--submit-border-width: 1px;
	
	/* DEV-STYLE: ST-030; PREFIX: txt-resize */
	--txt-resize-txt: #fff;
	--txt-resize-focus-bg: #fff;	
	--txt-resize-focus-txt: #000;	
	
	/* DEV-STYLE: ST-029; PREFIX: soc */
	--soc-icon-bg-color: inherit;
	--soc-icon-txt-color: inherit;
	
	/* DEV-STYLE: ST-045; PREFIX: search */
	--search-label-txt: #fff;
	/* DEV-STYLE: ST-048; PREFIX: search-filter */
	--search-filter-label-txt: #fff;
	
	/* DEV-STYLE: ST-049; PREFIX: sr */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-black);
	--sr-border: 1px solid var(--c-green);
	--sr-pubdate-color: inherit;
	
	/* DEV-STYLE: ST-003; PREFIX: skip-links */
	--skip-links-bg: #000;
	--skip-links-txt: #fff;
	
	/* DEV-STYLE: ST-025; PREFIX: bnr */
	--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%;
	
	/* DEV-STYLE: ST-076; PREFIX: crsl */
	--crsl-btn-color: #000;
	--crsl-btn-hover-color: var(--c-stone);
	--crsl-btn-size: 40px;
	/* DEV-STYLE: ST-037; PREFIX: crsl */
	--crsl-title-color: var(--c-almost-white);
	
	/* DEV-STYLE: ST-009; PREFIX: icon-btn */
	--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;

	/* DEV-STYLE: ST-043; PREFIX: backissue */
	--backissue-label-txt: #fff;
	
	/* DEV-STYLE: ST-032; PREFIX: panic */
	--panic-bg: #ecad3c;
	--panic-txt: #000;
	
	/* DEV-STYLE: ST-044; PREFIX: bc */
	--bc-txt-color: var(--c-almost-white);
	--bc-txt-hover-color: #fff;
	--bc-txt-active-color: #fff;
	--bc-separator-color: var(--c-almost-white);
	
	/* DEV-STYLE: ST-050; ALSO: ST-051; PREFIX: fb */
	--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;
	
	/* DEV-UNUSED: Unconsumed alternate feature-box variables; no ST assigned. */
	--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;
	
	/* DEV-STYLE: ST-005; PREFIX: button */
	--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;
	/* DEV-STYLE: ST-006; PREFIX: button-sec */
	--button-sec-bg-color: #000;
	--button-sec-txt-color: #fff;
	--button-sec-bg-color-hover: var(--c-stone);
	--button-sec-txt-color-hover: #000;
	/* DEV-STYLE: ST-007; PREFIX: button-ter */
	--button-ter-bg-color: #d9010c;
	--button-ter-txt-color: #fff;
	--button-ter-bg-color-hover: #d9010c;
	--button-ter-txt-color-hover: #fff;
	
	
	/* DEV-STYLE: ST-033; PREFIX: main-nav */
	--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%;
	
	--main-nav-more-bg-color: var(--c-off-black);
	--main-nav-more-txt-color: #fff;
	--main-nav-more-hover-bg-color: var(--c-white);
	--main-nav-more-hover-txt-color: #000;
	--main-nav-overflow-border: 1px solid rgba(255, 255, 255, 0.16);
	
	/* DEV-STYLE: ST-058; PREFIX: np */
	--np-title-bg-color: var(--c-orange);
	--np-link-title-color: #fff;
	--np-link-title-border-radius: 6px;
	
	/* DEV-STYLE: ST-038; ALSO: ST-063, ST-064; PREFIX: ss */
	--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;
	
	/* DEV-STYLE: ST-052; ALSO: ST-075; PREFIX: rc */
	--relcon-border-radius: 0; 
	--relcon-bg-color: #fff;
	--relcon-heading-bg-color: inherit;
	--relcon-heading-txt-color: #000; 
	--relcon-heading-font-weight: 500; 
	--relcon-link-bg-color: inherit;
	--relcon-link-txt-color: #000;
	--relcon-hover-bg-color: #C9C8C7;
	--relcon-hover-txt-color: #fff;	
	--relcon-selected-bg-color: #000;
	--relcon-selected-txt-color: #fff;
	--relcon-selected-font-weight: 500;
	--relcon-separator-border: none;
	
	/* DEV-STYLE: ST-024; PREFIX: tc */
	--tc-txt-color: #fff;
	--tc-bg-color: #C9C8C7;
	--tc-hover-bg-color: #C9C8C7;
	--tc-hover-txt-color: #fff;

	/* DEV-STYLE: ST-035; PREFIX: bu */
	--bu-bg-color: inherit;
	--bu-txt-color: #000;
	
	/* DEV-STYLE: ST-020; PREFIX: cnt */
	--cnt-issue-title-txt-color: var(--c-almost-white);
	--cnt-issue-title-bg-color: #000;
	--cnt-pub-date-txt-color: var(--c-almost-black);
	
	/* DEV-STYLE: ST-081; PREFIX: lr */
	--lr-bg-color: var(--light-grey);
/* DEV-STYLE: ST-010; PREFIX: icon-button; ACTIVE: no */
/*	
	--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;
*/	
	/* DEV-STYLE: ST-055; ALSO: ST-056; PREFIX: ic */
	--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);
	
	/* DEV-STYLE: ST-066; PREFIX: tg */
	--tg-border: 1px solid var(--c-white);
	--tg-link-txt-color: var(--c-almost-white);
	--tg-link-hover-bg-color: var(--c-black);
	--tg-link-hover-txt-color: #fff;
	--tg-link-focus-bg-color: var(--c-black);
	--tg-link-focus-txt-color: #fff;
	
	--tg-selected-bg-color: var(--c-black);
	--tg-selected-focus-txt-color: #fff;
	--tg-selected-txt-color: #fff;
	
	/* DEV-STYLE: ST-072; PREFIX: tgle */
	--tgle-border: none; /*1px solid var(--c-green);*/
	--tgle-bg-color: var(--c-black);
	--tgle-txt-color: #fff;
	--tgle-link-decoration: none;
	--tgle-button-bg-color: var(--c-white);
	--tgle-button-txt-color: var(--c-almost-black);	
	
	/* DEV-STYLE: ST-002; PREFIX: row surfaces */
	--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;
	
	/* DEV-STYLE: ST-034; PREFIX: footer */
	--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;
	
	/* DEV-STYLE: ST-040; PREFIX: latest-news-row */
	--latest-news-row-bg-color: inherit;
	--latest-news-row-txt-color: #000;

	/* DEV-STYLE: ST-062; PREFIX: cookie */
	--cookie-bg-color: transparent;
	--cookie-txt-color: var(--c-almost-white);
	--cookie-link-color: var(--c-almost-white);
	--cookie-border: none;
	
	/* DEV-STYLE: ST-059; PREFIX: p */
	--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;	
	
	/* DEV-STYLE: ST-057; PREFIX: nl */
	--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);

	/* DEV-STYLE: ST-039; PREFIX: fl */
	--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;
	
	/* DEV-STYLE: ST-054; PREFIX: is */
	--is-section-bg-color: inherit;
	--is-sec-title-color: #fff;
	--is-sec-title-bg-color: #000;
	--is-content-title-color: #fff;
	
	/* DEV-STYLE-CONTINUATION: ST-049; PREFIX: sr */
	--sr-bg-color: var(--c-black);
	--sr-txt-color: var(--c-white);
	--sr-border: none;
	--sr-pubdate-color: inherit;

	
	/* DEV-STYLE: ST-031; PREFIX: ms */
	--ms-txt-color: #fff;
}





/* DEV-UNUSED: .btn-wrap not found in current PT/CB/EL markup. */
.btn-wrap { margin-bottom: 2rem }

/* DEV-STYLE: ST-041
   NAME: Homepage feature buttons
   FOR: TF-005
   PREFIX: fbtn
   ACTIVE: yes
*/
:root {
--fbtn-bg-color: var(--c-light-grey);
--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;
}




/* button treatments */
.latest-news-wrap .button {
	--button-bg-color: var(--c-green);
	--button-txt-color: var(--c-white);
	--button-bg-color-hover: var(--c-black);
	--button-txt-color-hover: var(--c-white);
	--button-icon-image: var(--button-icon-light);
	--button-icon-image-hover: var(--button-icon-dark);
}
.banner-actions .training {
	--button-bg-color: var(--c-black);
	--button-txt-color: var(--c-white);
	--button-bg-color-hover: inherit;
	--button-txt-color-hover: var(--c-white);
	--button-icon-image: var(--button-icon-light);
	--button-icon-image-hover: var(--button-icon-dark);
}

.feature-buttons .button {
	--button-bg-color: var(--c-light-grey);
	--button-txt-color: var(--c-black);
	--button-bg-color-hover: var(--c-green);
	--button-txt-color-hover: var(--c-white);
	--button-icon-image: var(--button-icon-dark);
	--button-icon-image-hover: var(--button-icon-dark);
}

[data-theme="dark"] {
	.banner-actions .training {
		--button-bg-color: var(--c-white);
		--button-txt-color: var(--c-black);
		--button-bg-color-hover: inherit;
		--button-txt-color-hover: var(--c-white);
		--button-icon-image: var(--button-icon-light);
		--button-icon-image-hover: var(--button-icon-dark);
	}
	.feature-buttons {
		--button-icon-image: var(--button-icon-light);
		--button-icon-image-hover: var(--button-icon-dark);
	}
}
[data-theme="hclight"] {
	.banner-actions .concern,
	.banner-actions .training {
		--button-bg-color: #ffffff;
		--button-txt-color: #000000;
		--button-bg-color-hover: #000000;
		--button-txt-color-hover: #ffffff;

		--button-border: 1px solid #000000;

		--button-icon-image: var(--button-icon-dark);
		--button-icon-image-hover: var(--button-icon-light);
	}
	
	.feature-buttons .button {
		--button-bg-color: var(--c-white);
		--button-txt-color: var(--c-black);
		--button-bg-color-hover: var(--c-light-grey);
		--button-txt-color-hover: var(--c-black);
		--button-icon-image: var(--button-icon-dark);
		--button-icon-image-hover: var(--button-icon-dark);
	}
	
	.footer-row .button {
		--button-bg-color: var(--c-white);
		--button-txt-color: var(--c-black);
		--button-bg-color-hover: var(--c-black);
		--button-txt-color-hover: var(--c-white);
		--button-icon-image: var(--button-icon-dark);
		--button-icon-image-hover: var(--button-icon-light);
	}
	.latest-news-wrap .button {
		--button-bg-color: var(--c-white);
		--button-txt-color: var(--c-black);
		--button-bg-color-hover: var(--c-black);
		--button-txt-color-hover: var(--c-white);
	}
}
[data-theme="hcdark"] {
	.banner-actions .concern,
	.banner-actions .training {
		--button-bg-color: #000000;
		--button-txt-color: #ffffff;
		--button-bg-color-hover: #ffffff;
		--button-txt-color-hover: #000000;

		--button-border: 1px solid #ffffff;

		--button-icon-image: var(--button-icon-light);
		--button-icon-image-hover: var(--button-icon-dark);
	}
	
	.footer-row .button {
		--button-bg-color: var(--c-black);
		--button-txt-color: var(--c-white);
		--button-bg-color-hover: var(--c-light-grey);
		--button-txt-color-hover: var(--c-black);
		--button-icon-image: var(--button-icon-light);
		--button-icon-image-hover: var(--button-icon-dark);
	}
	.latest-news-wrap .button {
		--button-bg-color: var(--c-black);
		--button-txt-color: var(--c-white);
		--button-bg-color-hover: var(--c-white);
		--button-txt-color-hover: var(--c-black);
	}

}




.feature-buttons { margin: 2rem 0; }







/* DEV-STYLE: ST-042
   NAME: Google Translate widget
   FOR: SHARED
   ACTIVE: no
*/
#google_translate_element {
    float: right;
    margin-left: 10px;
    margin-top: 4px;
}


/* DEV-STYLE-CONTINUATION: ST-025 */
.banner {
	max-width: 100%;
}

/* DEV-STYLE: ST-078
   NAME: Content heading typography
   FOR: SHARED
   ACTIVE: yes
*/
.content h1,
.content h2:not(.toggle-cross),
.content h3,
.content h4   { color: var(--c-blue); margin-bottom: 2rem;  font-family: "Quicksand", "Open Sans", arial, helvetica, sans-serif;  }
[data-theme="hclight"] {
	.content h1 { color: var(--c-almost-black); }
}



/* DEV-STYLE-CONTINUATION: ST-078 */
@media (min-width: 1200px) {
    h1 {
        font-size: 3rem;
    }
}

/* DEV-UTILITY: Existing typography override on spacing utility */
.pad-t {
    font-weight: normal;
}



/* DEV-STYLE-CONTINUATION: ST-034 */
.footer-row address { margin-bottom: 2rem; }
.footer-row address p { margin-bottom: 0; } 
.footer-row p { margin-bottom: 2rem; }

/* DEV-UTILITY: Inline list links */
ul.inline a {
	text-decoration: none;
}


.home .section-list .grid { margin: 0; border: none;}
.home .section-list .fbox { margin-bottom: 0;}
.home .section-list .fbox .title { font-size: 1rem; font-weight: bold; background-color: var(--c-lime); padding: 20px; border-radius: 10px; }
.home .section-list .fbox .content { background-color: var(--c-white); padding : 10px; border-radius: 10px; }

.home .section-list .card { border-radius: 10px;}
.home .section-list .card-copy h2 { min-height: 3rem}
.home .section-list .card-copy h2 { font-size: 1.2rem; }

.home .section-list .card:nth-child(4n+1) { background-color: var(--c-green)}
.home .section-list .card:nth-child(4n+2) { background-color: var(--c-pink)}
.home .section-list .card:nth-child(4n+3) { background-color: var(--c-magenta)}
.home .section-list .card:nth-child(4n+3) { background-color: var(--c-blue)}
.home .section-list .card:nth-child(4n+4) { background-color: var(--c-purple)}


.home .news-list .card.flat a{ grid-template-columns: 1.5fr 2.5fr;}
.home .news-list .card { margin-bottom: 10px; border-radius: 10px; overflow: hidden}
.home .news-list .card:last-child { margin-bottom: 0}

.home .feature-box { margin-bottom: 1rem}
.home .feature-box .title { border-radius: 10px; text-align: center;}
.home .feature-box .content { background-color: var(--c-white); padding: 10px; border-radius: 10px; margin-top: 1rem }