/* HOMELAND SECURITY COLORS */
/* Define color variables in the root for each domain using this theme */
/* Other colors are changed at the theme level of WordPress */

:root {
	--color-white: #ffffff;
	--color-black: #000000;
	--color-red: #ff0000;
	--color-bg-sec: #f6f4ec;
	--color-sec: #f79c42;
	--color-pri: #1e7fa3;
	--color-border: #e9e9e9;
	--color-shadow: rgba(0, 0, 0, 0.1);
	--color-header: rgba(0, 0, 0, .35);
	--color-page-title: rgba(0, 0, 0, 0.005);
	--color-facebook: #0e72ec;
	--color-instagram: #e6006f;
	--color-twitter: #0b7bc1;
	--color-youtube: #e60000;
}

/* Icon colors */
.color-icons {
	color: var(--color-pri);
}

.home-icons {
	color: var(--color-white);
}

/* button color changes for accessibility */
.wp-block-button.is-style-fill a.wp-block-button__link:hover {
	color: var(--color-black);
}

.wp-block-button__link:hover {
	color: var(--color-black);
}

.wp-block-search.wp-block-search__icon-button .wp-block-search__button:hover {
	background-color: var(--color-sec) !important;
	color: var(--color-black);
}

.wp-block-tag-cloud a {
	color: var(--color-black) !important;
}

/* Social icon accessibility colors */
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
	background-color: var(--color-facebook);
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
	background-color: var(--color-instagram);
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
	background-color: var(--color-twitter);
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
	background-color:  var(--color-youtube);
}

/* Page title styling */
.has-text-align-center.alignwide.wp-block-post-title {
	background-color: var(--color-page-title);
}

/* New button icons for downloads */
.download-icon-button .wp-block-button__link::before {
	color: var(--color-red);
}

.download-icon-button .wp-block-button__link:hover::before {
	color: var(--color-white);
}

/* Initial state of the header */
header.transparent-header {
	background: var(--color-header);
	color: var(--color-white);
}

/* Sticky state of the header after JavaScript */
header.transparent-header.sticky {
	background-color: var(--color-white);
	box-shadow: 0 2px 5px var(--color-shadow);
	border-bottom: 1px solid var(--color-border);
	color: var(--color-black) !important;
}

/* Site title inside the header */
header.transparent-header .site-title a {
	color: var(--color-white) !important;
}

/* Site title color when header is sticky */
header.transparent-header.sticky .site-title a {
	color: var(--color-black) !important;
}

/* Custom colors for table headers and text alignment */
.dma-table-styles th {
	background-color: var(--color-bg-sec);
}

/* Custom Tabs Changes */
.tab-label {
	background-color: var(--color-bg-sec);
}

.tab-label:hover {
	background-color: var(--color-sec);
	color: var(--color-black);
}

.tabs input[type="radio"]:checked + .tab-label {
	background-color: var(--color-pri);
	color: var(--color-white);
}

.tabs input[type="radio"]:checked + .tab-label:hover {
	color: var(--color-white);
}

.tab-content {
	border: 20px solid var(--color-bg-sec);
	background-color: var(--color-bg-sec);
}

.tab-inner-content {
	background-color: var(--color-white);
}

/* Footer changes for some versions of this theme */
.footer-nav-custom li::before {
	color: var(--color-white);
}

/* Responsive Layout for Mobile Devices */
@media (max-width: 768px) {
	header.transparent-header {
		background-color: var(--color-black);
	}
	
	.tab-label {
		background-color: var(--color-pri);
		color: var(--color-white);
	}
}