@layer theme-overrides {

    /* font families:
    Logo, page titles, headings (1-6): roca, sans-serif; ironwood-font-accent
    Body: adobe-caslon-pro, serif; ironwood-font-secondary
    Menu items, buttons, subheads: adelphi-pe-variable, sans-serif; ironwood-font-primary
    */

    :root {
        --ironwood-black: #000;
        --ironwood-light-gray: #F4F5F7;
        --ironwood-medium-gray: #E3E7EC;
        --ironwood-dark-gray: #B2BDC9;

		--spark-primary-green: #2F6652;
		--spark-secondary-blue: #7BA8B8;
		--spark-accent-yellow: #F4B400;
		--spark-accent-orange: #D85C38;
		--spark-light-bg: #F7F7F7;
		--spark-gray-border: #D9D9D9;
		--spark-soft-blue-badge: #E2ECEF; /* softened badge blue */
		--spark-soft-blue-border: #A6C2CA; /* darker blue for badge border */
		--spark-text-gray: #4A4A4A;
		--spark-text-dark: #333333;

    }

	.title-area {
		display: flex;
		gap: 12px;
		justify-content: flex-start;
		align-items: center;
		transition: all ease-in-out .25s;
	}

	#sitelogo {
		max-width: 70px;
		transition: all ease-in-out .25s;
	}

	.site-title a {
		font-weight: 400;
		font-size: var(--ironwood-font-size-l-6);
		transition: all ease-in-out .25s;
		color: var(--ironwood-primary-color);
	}

	.site-footer {
		background: var(--ironwood-primary-color);
	}

	h1, h2, h3, h4, .entry-title {
		font-weight: 400;
	}

	.title-area {
		padding: 0;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	#sitelogo img {
		transition: transform 1s ease;
	  }
	  
	  .title-area:hover img {
		transform: rotate(45deg);
	  }


	/* FacetWP stuff-------- */

	  /* Main listing container */
	  .single-data-tool-listing {
		background-color: var(--spark-light-bg);
		border-radius: var(--ironwood-border-radius);
		padding: 1.5rem;
		margin-bottom: 1.5rem;
		border-left: 4px solid var(--spark-gray-border);
		transition: border-color 0.3s ease, background-color 0.3s ease;
	  }
	  
	  /* Hover effect */
	  .single-data-tool-listing:hover {
		background-color: var(--spark-light-bg); /* stays flat */
		background-color: #f2f2f2; /* stays flat */
		border-left: 4px solid var(--spark-accent-yellow);
	  }
	  
	  /* Flex container for title and purpose */
	.clb-title-row {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 1rem;
		margin-bottom: 1rem;
		flex-wrap: wrap; /* allow stacking on smaller screens */
		position: relative;
	}
	
	/* Main title */
	.clb-title-area h3 {
		font-size: 1.25rem;
		font-weight: 700;
		color: var(--spark-primary-green);
		margin: 0;
	}
	
	/* Purpose area */
	.clb-purpose-area {
		position: absolute;
		top: -24px;
		right: -24px;
		
		font-size: 0.85rem;
		color: var(--ironwood-black);
		flex-shrink: 0; /* prevent shrinking */
		white-space: nowrap;
		font-weight: 500;
	  
		background-color: #FFEBB3; /* Soft yellow */
		padding: 0.3rem 0.75rem;
		
		border-top-right-radius: var(--ironwood-border-radius);
		border-top-left-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		
		/* border: 1px solid var(--spark-accent-yellow); */
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
	  }
	  
	
	/* On small screens, stack vertically */
	@media (max-width: 768px) {
		.clb-title-row {
		flex-direction: column;
		align-items: flex-start;
		}
		.clb-purpose-area {
		margin-top: 0.5rem;
		}
	}
  

	  .tool-purpose {
		font-style: italic;
	  }
	  
	  /* Meta info (purpose, date) */
	  .clb-data-tool-meta-area {
		font-size: 0.95rem;
		color: var(--spark-text-gray);
		margin-bottom: 1rem;
	  }
	  
	  /* Hide date specifically */
	  .resource-date-area {
		display: none;
	  }
	  
	  /* Description text */
	  .clb-data-tool-description {
		font-size: 0.95rem;
		color: var(--spark-text-gray);
		margin-bottom: 1rem;
		line-height: 1.5;
		font-style: italic;
	  }
	  
	  /* Extra metadata (items, languages, admin modes, etc.) */
	  .clb-data-tool-extras {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
		font-size: 0.85rem;
	  }
	  
	  /* Individual metadata badges */
	  .clb-data-tool-extras div {
		background-color: var(--spark-soft-blue-badge);
		color: var(--spark-primary-green);
		padding: 0.3rem 0.75rem;
		border-radius: var(--ironwood-border-radius);
		border: 1px solid var(--spark-soft-blue-border);
		font-weight: 500;
	  }
	  
	  /* Link behavior */
	  .single-data-tool-listing a {
		text-decoration: none;
		display: block;
	  }
	  
	  /* Responsive tweaks */
	  @media (max-width: 768px) {
		.clb-data-tool-extras {
		  flex-direction: column;
		}
	  }
	  
	  /* Panel wrapper */
	.clb-facet-panel {
		display: flex;
		flex-wrap: wrap;
		gap: 1.5rem;
		background-color: var(--spark-light-bg);
		background: var(--spark-soft-blue-badge);
		padding: 1.5rem;
		border-radius: var(--ironwood-border-radius);
		margin-bottom: 2rem;
		justify-content: space-between;
	}
	
	/* Group rows */
	.facet-group {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		flex: 1 1 100%;
		justify-content: flex-start;
	}
	
	/* Individual facets */
	.facet-item {
		flex: 1 1 200px;
		min-width: 180px;
	}
	
	/* Special treatment for search */
	.search-item {
		flex: 2 1 400px;
	}
	
	/* FacetWP dropdown styling overrides */
	.facetwp-facet select {
		width: 100%;
		padding: 0.5rem;
		border: 1px solid var(--spark-gray-border);
		border-radius: var(--ironwood-border-radius);
		background-color: #fff;
		color: var(--spark-text-gray);
		font-size: 0.95rem;
	}
	
	/* Search box styling */
	.facetwp-facet.facetwp-search {
		width: 100%;
	}
	
	.facetwp-facet.facetwp-search input[type="text"] {
		width: 100%;
		padding: 0.5rem;
		border: 1px solid var(--spark-gray-border);
		border-radius: var(--ironwood-border-radius);
		font-size: 0.95rem;
		color: var(--spark-text-gray);
	}
	
	/* Responsive tweaks */
	@media (max-width: 768px) {
		.clb-facet-panel {
		flex-direction: column;
		gap: 1rem;
		}
		.facet-group {
		flex-direction: column;
		}
		.facet-item {
		flex: 1 1 auto;
		min-width: 100%;
		}
	}
	
	/* FacetWP Search Box */
.facetwp-facet.facetwp-search {
	width: 100%;
	position: relative;
  }
  
  /* The input field */
  .facetwp-facet.facetwp-search input[type="text"] {
	width: 100%;
	padding: 0.6rem 1rem;
	padding-right: 3rem; /* leave space for icon */
	border: 1px solid var(--spark-gray-border);
	border-radius: var(--ironwood-border-radius);
	background-color: #ffffff;
	font-size: 1rem;
	color: var(--spark-text-gray);
	box-shadow: none;
	appearance: none;
	transition: border-color 0.3s ease;
  }
  
  /* On focus, slightly highlight the border */
  .facetwp-facet.facetwp-search input[type="text"]:focus {
	border-color: var(--spark-primary-green);
	outline: none;
  }
  
  /* The search icon (FacetWP adds it as a button) */
  .facetwp-facet.facetwp-search .facetwp-search-icon {
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	width: 1.25rem;
	height: 1.25rem;
	background: none;
	border: none;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 0.3s ease;
  }
  
  /* Icon hover effect */
  .facetwp-facet.facetwp-search .facetwp-search-icon:hover {
	opacity: 1;
  }
  
  /* Remove any ugly default button styling */
  .facetwp-facet.facetwp-search .facetwp-search-icon svg {
	fill: var(--spark-text-gray);
	width: 100%;
	height: 100%;
  }
  
  
	  

  .clb-dct-metabox-wrapper {
	background-color: var(--spark-light-bg);
	padding: 2rem;
	border-radius: var(--ironwood-border-radius);
	margin-bottom: 2rem;
	position: relative;
	margin-top: 3rem;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.06);
  }

  .clb-dct-metabox-inner-pill-wrapper-only-231 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
  }
  
  /* Each pill item */
  .clb-single-dct-infoline {
	background-color: var(--spark-soft-blue-badge); /* Soft blue background */
	color: var(--spark-primary-green);
	padding: 0.5rem 1rem;
	border-radius: var(--ironwood-border-radius);
	display: inline-flex;
	align-items: center;
	font-size: 0.95rem;
	font-weight: 500;
	border: 1px solid var(--spark-soft-blue-border); /* slightly darker blue border */
	white-space: nowrap;
	gap: 0.5rem;
  }

  .clb-dct-secondary-metabox-wrapper .clb-single-dct-infoline {
	font-size: 0.85rem;
	font-weight: 400;
	display: inline-block;
  }
  
  /* Icons inside pills */
  .clb-single-dct-infoline i {
	font-size: 1rem;
	color: var(--spark-primary-green);
  }
  
  /* Download button */
  .clb-dct-download-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background-color: var(--spark-primary-green);
	color: #ffffff;
	padding: 0.65rem 1.25rem;
	border-radius: var(--ironwood-border-radius);
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem;
	transition: background-color 0.3s ease;
  }
  
  .clb-dct-download-button:hover {
	background-color: var(--spark-accent-orange);
  }

  /* Tool action buttons wrapper */
  .clb-tool-action-buttons-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 2rem;
  }

  /* Entry content at bottom of DCT single */
  .clb-dct-entry-content-wrapper {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid #ddd;
	font-size: 1.15rem;
	line-height: 1.5;
  }

  /* Tool buttons inside wrapper stay full width */
  .clb-dct-entry-content-wrapper .clb-tool-action-buttons-wrapper {
	font-size: 1rem;
	margin-bottom: 1.5rem;
  }
  
  /* Back to list link */
  .clb-back-to-list {
	margin-top: 3rem;
  }
  
  .clb-back-to-list a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--spark-primary-green);
	font-weight: 600;
	text-decoration: none;
	font-size: 1rem;
  }
  
  .clb-back-to-list a:hover {
	text-decoration: underline;
  }

  .clb-download-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
  }

  .clb-download-wrapper a {
	display: flex;
	gap: 8px;
  }

  .clb-single-dct-reference-wrapper p {
	font-size: var(--ironwood-font-size-md);
  }

  .clb-dct-secondary-inner-wrapper {
	display: flex;
	flex-direction: column;
	gap: 12px;
  }

  .clb-single-dct-infoline.clb-purpose-area {
	border: none;
	color: var(--ironwood-black);
	background: #FFEBB3; /* Soft yellow */
	top: -40px;
	right: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
  }
    
    @media screen and (min-width: 960px) {

		.genesis-nav-menu a:hover,
		.genesis-nav-menu .current-menu-item a {
			text-decoration: underline;
		}

		.ironwood-scrolled #sitelogo {
			max-width: 60px;
		}

		.ironwood-scrolled .title-area {
			padding: 0;
			margin-top: 12px;
			margin-bottom: 12px;
		}

		.ironwood-scrolled .site-title a {
			font-weight: 400;
			font-size: var(--ironwood-font-size-l-5);

		}
        
    }


    @media screen and (max-width: 959px) {

        
    }

}