:root {
	--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-dark-grey: #2f2d3b;
	--c-light-blue: #6bb5e6;
	--c-orange: #d28537;
	--c-light-orange: #e0b22b;
	
	--c-light-green: #8ebf3f;
	
}

[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-grey);
	--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(1.6rem + 1vw);
	--bnr-title-weight: bold;
    --bnr-subtitle-color: var(--c-almost-black);
	--bnr-subtitle-size: calc(1rem + 1vw);
	--bnr-subtitle-weight: 300;
	
	/* carousel styles */
	--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-green);
	--icon-btn-txt-color: #000;
    --icon-btn-circle-hover-bg-color: var(--c-dark-green);
	--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: inherit;
	--fb-title-color: #000;
	--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);
	
	/* 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-blue);
	--button-txt-color:#fff;
	--button-bg-color-hover:var(--c-light-blue);
	--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: inherit;
	--button-sec-txt-color: #000;
	--button-sec-bg-color-hover: inherit;
	--button-sec-txt-color-hover: #000;
	/* alternative button styles */
	--button-ter-bg-color: var(--c-dark-grey);
	--button-ter-txt-color: #fff;
	--button-ter-bg-color-hover: var(--c-black);
	--button-ter-txt-color-hover: #fff;
	
	
	/* main navigation styles */
	--main-nav-bg: var(--c-light-blue);
	--main-nav-link-txt: #000;
	--main-nav-link-bg: inherit;
	--main-nav-active-bg: var(--c-dark-grey);
	--main-nav-active-txt: #fff;
	--main-nav-hamburger: #fff;
	--main-nav-selected-txt: #fff;
	--main-nav-selected-bg: var(--c-dark-grey);	
	--main-nav-drop-bg:  var(--c-dark-grey); 
	--main-nav-drop-link-bg: transparent;
	--main-nav-drop-link-txt: #fff;
	--main-nav-drop-active-bg: var(--c-light-blue);
	--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-height: 400px;
	--ss-caption-bg-color: var(--c-light-blue);
	--ss-caption-txt-color: #000;
	--ss-button-bg-color:  var(--c-dark-grey); /*rgba(0,0,0,0.8);*/
	--ss-button-txt-color: #fff;
	--ss-button-hover-bg-color: var(--c-dark-grey);
	--ss-button-hover-txt-color: #fff;
	
	/* related content list style */
	--rc-border-radius: 0; 
	--rc-bg-color: var(--c-almost-black);
	--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: var(--c-dark-green);
	--rc-selected-txt-color: #fff;
	--rc-selected-font-weight: 500;
	--rc-separator-border: none;
	
	/* accordion */
	--tc-txt-color: #000;
	--tc-bg-color: var(--c-light-green);
	--tc-hover-bg-color: var(--c-orange);
	--tc-hover-txt-color: #000;

	/* back up button style */
	--bu-bg-color: var(--c-blue);
	--bu-txt-color: #000;
	
	--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);
	
	--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-light-blue);
	--tg-link-bg-color: var(--c-light-blue);
	--tg-link-txt-color: #fff;
	--tg-link-hover-bg-color: var(--c-light-blue);
	--tg-link-hover-txt-color: #000;
	--tg-link-focus-bg-color: var(--c-light-blue);
	--tg-link-focus-txt-color: #000;
	--tg-empty-txt-color: #aaa;
    --tg-empty-bg-color: #f5f5f5 ;
    --tg-empty-border-color: #e5e5e5;
	--tg-border-radius: 4px;
	
	--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);	
	
	/* 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:inherit;
	--footer-layoutrow-bg-color: inherit;
	--footer-txt-color: #000;
	--footer-link-color: inherit;
	--footer-link-hover-color: var(--c-dark-grey);
	--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: #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-light-blue);
	--nl-txt-color: #000;
	--nl-border-radius: 0 0 10px 10px;
	--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: var(--c-light-grey);
	--nl-button-txt-color: #fff;	
	--nl-border: 1px solid black;
	--nl-all-button-bg-color: var(--c-light-grey);
	--nl-all-button-txt-color: #fff;
	--nl-heading-txt-color: #000;
	--nl-heading-bg-color: var(--c-light-blue);

	/* featured links */
	--fl-border-radius: 0 0 10px 10px;
	--fl-bg-color: var(--c-orange);
	--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;

	--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;
	
	--ticker-bg-color: var(--c-light-grey);
	--ticker-title-bg-color: rgba(0, 0, 0, 0.08);
	--ticker-txt-color: var(--c-dark-grey);

	/* 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;
	
	/* search results */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-black);
	--sr-border: 1px solid var(--c-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-green);
	--icon-btn-txt-color: #fff;
    --icon-btn-circle-hover-bg-color: var(--c-dark-green);
	--icon-btn-hover-txt-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;
	
	/* feature box elements */
	--fb-border-radius: none;
	--fb-bg-color: inherit;
	--fb-title-color: var(--c-green);
	--fb-title-bg-color: inherit;
	--fb-color: #fff;
	--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-blue);
	--button-txt-color:#fff;
	--button-bg-color-hover:var(--c-light-blue);
	--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: inherit;
	--button-sec-txt-color: #000;
	--button-sec-bg-color-hover: inherit;
	--button-sec-txt-color-hover: #000;
	/* alternative button styles */
	--button-ter-bg-color: var(--c-dark-grey);
	--button-ter-txt-color: #fff;
	--button-ter-bg-color-hover: var(--c-black);
	--button-ter-txt-color-hover: #fff;
	
	
	/* next/prevous button style */
	--np-title-bg-color: var(--c-orange);
	--np-link-title-color: #fff;
	--np-link-title-border-radius: 6px;
	
	/* slideshow */
	--ss-height: 400px;
	--ss-caption-bg-color: var(--c-light-blue);
	--ss-caption-txt-color: #000;
	--ss-button-bg-color:  var(--c-dark-grey); /*rgba(0,0,0,0.8);*/
	--ss-button-txt-color: #fff;
	--ss-button-hover-bg-color: var(--c-dark-grey);
	--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: var(--c-green); 
	--rc-heading-font-weight: 500; 
	--rc-link-bg-color: inherit;
	--rc-link-txt-color: #000;
	--rc-hover-bg-color: var(--c-green);
	--rc-hover-txt-color: #fff;	
	--rc-selected-bg-color: var(--c-dark-green);
	--rc-selected-txt-color: #fff;
	--rc-selected-font-weight: 500;
	--rc-separator-border: none;
	
	/* accordion */
	--tc-txt-color: #fff;
	--tc-bg-color: var(--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: #fff;
	--cnt-issue-title-bg-color: var(--c-green);
	--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 #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;
	--tg-empty-txt-color: var(--c-light-grey);
    --tg-empty-bg-color: inherit ;
    --tg-empty-border-color: var(--c-dark-grey);
	--tg-border-radius: 4px;	
	
	--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);	

	/* 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:inherit;
	--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-dark-green);
	--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-no-votes-color: #000;
	--p-graph-txt-color: #000;
	--p-border: 0;
	--p-border-radius: 0;	
	
	/* news list styles */
	--nl-bg-color: var(--c-light-blue);
	--nl-txt-color: #000;
	--nl-border-radius: 0 0 10px 10px;
	--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: var(--c-light-grey);
	--nl-button-txt-color: #fff;	
	--nl-border: 1px solid black;
	--nl-all-button-bg-color: var(--c-light-grey);
	--nl-all-button-txt-color: #fff;
	--nl-heading-txt-color: #000;
	--nl-heading-bg-color: var(--c-light-blue);

	/* featured links */
	--fl-border-radius: 0 0 10px 10px;
	--fl-bg-color: var(--c-orange);
	--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;

	/* issue summary */
	--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;

	/* search results */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-white);
	--sr-border: 1px solid var(--c-green);
	--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;
	
	/* search results */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-black);
	--sr-border: 1px solid var(--c-green);
	--sr-pubdate-color: inherit;
	
	/* 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: 50% 50%;
	
	--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-white);
	--button-sec-txt-color-hover: #00;
	/* alternative button styles */
	--button-ter-bg-color: var(--c-white);
	--button-ter-txt-color: #000;
	--button-ter-bg-color-hover: var(--c-white));
	--button-ter-txt-color-hover: #000;
	
	
	/* 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-issue-title-bg-color: #fff;
	--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-almost-black);
	--tg-link-bg-color: var(--c-white);
	--tg-link-txt-color: var(--c-black);
	--tg-link-hover-bg-color: var(--c-black);
	--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-almost-black);
	--tg-selected-focus-txt-color: #fff;
	--tg-selected-txt-color: #fff;
	--tg-empty-txt-color: var(--c-light-grey);
    --tg-empty-bg-color: inherit ;
    --tg-empty-border-color: var(--c-dark-grey);
	--tg-border-radius: 4px;	
	
	--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);	
	
	/* 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;
	
	--is-section-bg-color: inherit;
	--is-sec-title-color: #000;
	--is-sec-title-bg-color: #fff;
	--is-content-title-color: #000;
	
	/* 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;
	
	/* search results */
	--sr-bg-color: inherit;
	--sr-txt-color: var(--c-black);
	--sr-border: 1px solid var(--c-green);
	--sr-pubdate-color: inherit;
	
	/* 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-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-white);
	--button-sec-txt-color-hover: #000;
	/* alternative button styles */
	--button-ter-bg-color: var(--c-black);
	--button-ter-txt-color: #fff;
	--button-ter-bg-color-hover: var(--c-black);
	--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-white);
	--cnt-issue-title-bg-color: #000;
	--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-almost-white);
	--tg-link-bg-color: var(--c-black);
	--tg-link-txt-color: var(--c-white);
	--tg-link-hover-bg-color: var(--c-white);
	--tg-link-hover-txt-color: #000;
	--tg-link-focus-bg-color: var(--c-dark-green);
	--tg-link-focus-txt-color: #fff;
	
	--tg-selected-bg-color: var(--c-almost-black);
	--tg-selected-focus-txt-color: #fff;
	--tg-selected-txt-color: #fff;
	--tg-empty-txt-color: var(--c-light-grey);
    --tg-empty-bg-color: inherit ;
    --tg-empty-border-color: var(--c-dark-grey);
	--tg-border-radius: 4px;	
	
	
	--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);	
	
	/* 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;
	
	--is-section-bg-color: inherit;
	--is-sec-title-color: #fff;
	--is-sec-title-bg-color: #000;
	--is-content-title-color: #fff;
	
	/* 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-light-orange);
--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)}
.feature-buttons .button:hover { 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%;
}

.content h1 { color: var(--c-green); margin-bottom: 2rem }
[data-theme="hclight"] {
	.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: 1px;
	--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="dark"] {
.footer-row {
	--button-bg-color: #000;
	--button-txt-color:#fff;
	--button-bg-color-hover: var(--c-almost-black);
	--button-txt-color-hover: #fff;
	--button-border-width: 0;
	--button-border-style: solid;
	--button-border-color: #fff;
	--button-border-radius: 0;	
}
}

[data-theme="hcdark"] {
.footer-row {
	--button-bg-color: #000;
	--button-txt-color:#fff;
	--button-bg-color-hover: var(--c-almost-black);
	--button-txt-color-hover: #fff;
	--button-border-width: 0;
	--button-border-style: solid;
	--button-border-color: #fff;
	--button-border-radius: 0;	
}
}

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

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

.carousel-row { margin: 4rem 0}
.carousel-row .title {
	 margin: 0 0 1.75rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
}

.carousel-row .title:after {
	   content: "";
    display: block;
    width: 3rem;
    height: 3px;
    margin: 0.7rem auto 0;
    background: var(--c-light-blue);
}


.tag-az-row .layout-wrap { padding:2rem 0 1rem; border-top: 1px solid var(--c-light-grey); }
.footer-row .social-row .layout-wrap { padding-top: 3rem; border-top: 3px solid var(--c-light-blue); border-bottom: 0}




.see-also-wrap {
  padding: 0 !important;
  margin: 1rem 0 40px 0
  
}
.see-also-wrap h2 {
  color: #383838;
}

.see-also-list { 
display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	width: 100%;
	margin: 0 auto 30px auto;
	box-sizing: border-box;
	margin-top: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid #ddd;	
	
}
.see-also-title { 
margin: 0 0 1rem;
    font-size: 1.2rem;
    font-weight: 600;}
ul.see-also-list li { padding: 20px; margin:0; background-color: #40a4a4;/*border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;*/ }
ul.see-also-wrap .see-also-list li.selected a {
  color: #931c80;
}
.prevent a,
.prevent a:link,
.see-also-wrap .see-also-list a,
.see-also-wrap .see-also-list a:link {
  color: #fff;
  margin: 0;
  text-decoration: none;
  font-weight: 500;
}
.prevent a:visited,
.see-also-wrap .see-also-list a:visited {
  color: #fff;
}
.prevent a:hover,
.prevent a:active,
.prevent a:focus,
.see-also-wrap .see-also-list a:hover,
.see-also-wrap .see-also-list a:active,
.see-also-wrap .see-also-list a:focus {
  color: #fff;
  text-decoration: underline;
}
.see-also-wrap .see-also-list .summary {
  color: #383838;
}
.prevent a {
  margin-left: 20px;
}




.banner-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
    align-items: center;
    gap: 3rem;
}

.banner-logo-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.logo-wrap {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.logo-wrap .logo {
    display: block;
    width: auto;
    height: 80px;
    flex: 0 1 auto;
}

.site-title {
    margin: 1.25rem 0 0;
    line-height: 1.15;
}


/* =========================================================
   Right column / buttons
   ========================================================= */

.banner-button-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.banner-button-wrap .button {
    box-sizing: border-box;
    width: 100%;
}


/* 1024px and below */
@media (max-width: 1024px) {

    .banner-inner {
        grid-template-columns: 1fr;
    }

    .banner-inner .col2 .banner-button-wrap {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
        width: 100%;
    }

    .banner-inner .col2 .banner-button-wrap .button {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

}


/* Stack buttons only below 555px */
@media (max-width: 555px) {

    .banner-inner .col2 .banner-button-wrap {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 680px) {

    .banner-inner .logo-wrap {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: center;
        align-items: center;
        gap: 1rem 1.5rem;
        max-width: 560px;
        margin-inline: auto;
    }

    .banner-inner .logo-wrap .logo {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 70px;
        object-fit: contain;
    }

    .banner-inner .logo-wrap .logo:nth-child(3) {
        grid-column: 1 / -1;
    }

    .site-title {
        margin-top: 1rem;
        text-align: center;
    }

}