.outline-btn {
	border: 1px solid #D32737 !important;
}

/* Banner background image */
.top-banner {
	background-image: url('../assets/images/header-bg-1.png');
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

/* Override Drupal breadcrumb styles */
.resources-breadcrumb ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.resources-breadcrumb ul li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.resources-breadcrumb ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

/* Use the nav separator span when Drupal does not supply its own */
.breadcrumb-separator {
	margin: 0 4px;
}

.resources-breadcrumb ul li::after {
	content: ">";
	margin-left: 8px;
	color: #FFFFFF;
}

.resources-breadcrumb ul li:last-child::after {
	display: none;
}

/* Background Graphics - Subtle Overlays */
.resources-banner-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	opacity: 0.15;
}

.graphic {
	position: absolute;
	opacity: 0.2;
}

/* Lightbulb Graphics */
.graphic-lightbulb-1 {
	top: 15%;
	right: 20%;
	width: 60px;
	height: 80px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Cpath d='M9 21h6M12 3a6 6 0 0 1 6 6c0 2.5-1.5 4.5-3 6H9c-1.5-1.5-3-3.5-3-6a6 6 0 0 1 6-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.graphic-lightbulb-2 {
	bottom: 20%;
	right: 10%;
	width: 50px;
	height: 70px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Cpath d='M9 21h6M12 3a6 6 0 0 1 6 6c0 2.5-1.5 4.5-3 6H9c-1.5-1.5-3-3.5-3-6a6 6 0 0 1 6-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* Envelope Graphic */
.graphic-envelope {
	top: 10%;
	right: 35%;
	width: 70px;
	height: 50px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* Speech Bubble Graphic */
.graphic-speech-bubble {
	top: 25%;
	right: 5%;
	width: 55px;
	height: 45px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* Gear/Abstract Shapes */
.graphic-gear-1 {
	top: 50%;
	left: 15%;
	width: 80px;
	height: 80px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.graphic-gear-2 {
	bottom: 15%;
	left: 25%;
	width: 65px;
	height: 65px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* Document Graphic */
.graphic-document {
	top: 35%;
	left: 8%;
	width: 45px;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* Abstract Nodes/Network Graphic */
.graphic-nodes {
	top: 60%;
	right: 45%;
	width: 90px;
	height: 90px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='6' cy='6' r='2'/%3E%3Ccircle cx='18' cy='6' r='2'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3Cline x1='12' y1='12' x2='6' y2='6'/%3E%3Cline x1='12' y1='12' x2='18' y2='6'/%3E%3Cline x1='12' y1='12' x2='6' y2='18'/%3E%3Cline x1='12' y1='12' x2='18' y2='18'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* Responsive Design */
@media (max-width: 768px) {
	.resources-banner {
		min-height: 250px;
		padding: 30px 0 60px;
	}
	
	.resources-breadcrumb {
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	.heading-line-1,
	.heading-line-2 {
		font-size: 32px;
	}
	
	.graphic {
		opacity: 0.1;
	}
	
	.graphic-lightbulb-1,
	.graphic-lightbulb-2 {
		width: 40px;
		height: 55px;
	}
	
	.graphic-envelope {
		width: 50px;
		height: 35px;
	}
	
	.graphic-gear-1,
	.graphic-gear-2 {
		width: 50px;
		height: 50px;
	}
}

@media (max-width: 480px) {
	.resources-banner {
		min-height: 200px;
		padding: 20px 0 50px;
	}
	
	.resources-breadcrumb {
		font-size: 13px;
		margin-bottom: 25px;
	}
	
	.heading-line-1,
	.heading-line-2 {
		font-size: 24px;
	}
	
	.resources-banner-graphics {
		opacity: 0.08;
	}
}

.pagination a, .pagination button a {
	color: #D32737 !important;
}
.pagination .current {
	background: #D32737 !important;
	color: #fefefe !important;
}
.pagination .current a {
	color: #fefefe !important;
}
.pagination .current a:hover {
	background: #D32737 !important;
}
@media(max-width:600px){
	 .pagination  {
		display: flex !important;
		flex-wrap: wrap;
	}
	.pagination li {
		display: block !important;
	}
}
#no-results-message{
    width: fit-content;
    padding: 10px 0;
	color: #D32737 !important;
	font-weight: 700 !important;
}