/* Pagination */
.pagination {
	margin: 0 !important;
	column-gap: 1rem;
	& p {
	margin: 0;
	    }
		& ul {
		padding-left: 0;
		margin: 0;
		}
}

	.pagination a {
		text-decoration: underline;
	}

	.pagination li.active a {
		text-decoration: none;
		pointer-events: none;
	}

/* Meta paragraphs */
.meta {
	padding: 0.2em 0;
	border-left: 0;
	border-right: 0;
	flex-basis: max-content;
	& a

{
	text-decoration: none !important;
	font-size: 0.85rem;
}

& p {
	margin-bottom: 0 !important;
}

}

/* Shared search-result-item */
#maincontent .article-body li.search-result-item {

	border-bottom: 2px solid var(--ncc-green-dark);
	margin-bottom: 0;
	&[data-type='document']
{
	@media (max-width: 576px) {
		border-bottom: none;
		margin-bottom: 1rem;
	}
}
}

ul.search-result-list {
	padding-left: 0;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	margin-top: 1.8rem!important;
}

li.search-result-item > p {
	margin: 1em 0;
}

/*li.search-result-item > div > * {
	margin: 0 !important;
	flex-grow: 1;
	flex-basis: auto;
}*/

#maincontent div.result-content {
	flex: 70% 0 0;
	flex-grow: 1;

	& p
{
	font-size: inherit;

	@media (max-width: 576px) {
		font-size: 1rem;
	}
}
}

img.search-image {
	flex: 200px 1 1;
}

/* Shared article body */
article.article-body {
	margin-top: 0;
	padding: 1.6rem 0;
}

/* Shared images */
img.search-image {
	object-fit: contain;
	height: 120px !important;
	max-width: 160px;
	flex: 160px 0 1;
}

/* Shared headings */
#maincontent h2, h3 {
	margin: 0 !important;
	word-break: break-word;
	font-size: 1.8rem;
	line-height: 1.5;

	@media screen and (max-width: 576px) {
		font-size: 1.65rem;
	}
}

#maincontent h3 {
	font-size: 1.5rem;
	@media (max-width: 576px) {
	font-size: 1.1rem;
	}
}

#maincontent 

/* Shared item-type badge */
div.item-info {
	border: 1px solid var(--ncc-green-dark);
	color: var(--ncc-offblack);
	background-color: white;
	box-shadow: 0px 3px 6px -5px;
	flex: 160px!important;
	flex-grow: 0!important;
	flex-shrink: 0;
	& > *

{
	padding: 0.35rem 0.65rem;
}


& > div {
	/*	font-style: italic;*/
	text-align: center;
	margin: 0 !important;
/*	text-wrap-mode: nowrap;*/
}

& .item-scope {
	background-color: var(--ncc-green);
	color: white;
	position: relative;
/*	&.intranet-scope {
		background-color: var(--ncc-grey-dark);
	                 }
&.intranet-news-scope {
	background-color: var(--ncc-blue);
}
&.schools-scope {
	background-color: var(--ncc-green-light);
}
&.dnr-scope {
	background-color: #4e7b7b;
}*/

}
& .item-type span.meta-size {
	font-size: 0.85rem;
	font-style: italic;
}
}

.intranet-scope {
	background-color: var(--ncc-grey-dark)!important;
}

.intranet-news-scope {
	background-color: var(--ncc-blue)!important;
}

.schools-scope {
	background-color: var(--ncc-green-light)!important;
}

.dnr-scope {
	background-color: #4e7b7b!important;
}

.public-scope {
	background-color: var(--ncc-green)!important;
}

/*External links*/

#maincontent #sidebar ul.external-links {
	li

{
	height: 72px;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 0 !important;
	transition: all ease 280ms;
	&:has(a:hover)

{
	background: #f6f6f6;
}

img {
	width: 60px;
	height: 60px;
	background: white;
	border-radius: 6px;
	box-shadow: 0 3px 6px -6px var(--ncc-offblack);
	border: none !important;
}

i {
	font-size: 2.15em;
}

div {
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	a h3, a span

{
	font-size: 1.18rem;
	font-weight:700;
	margin: 0 !important;
}



p {
	font-size: 0.95em;
	line-height: normal;
	margin-bottom: 0;
}

}
}
}

div.interaction-bar {
	padding: 0 !important;
}

div.interaction-bar-content {
	@media (min-width: 577px) {
		position: sticky;
		top: 145px;
		margin-left: 2.2em;
	}
}



#maincontent .promo-boxes {
	list-style: none;
	margin: 0;
	padding: 0 !important;
	& a.more-button-cta

{
	align-items: start;
	padding: 1rem;
	text-align: left;
	font-size: 1rem;
	line-height: normal;
	height: 100%;
	& .card-title

{
	font-size: 1.35em;
	line-height: 1.5;
	margin-top: 0;

	@media (max-width: 576px) {
		font-size: 1.1rem;
	}
}

}
}

#maincontent .gridBox {
	padding: 15px 10px 0 5px;
	& a p.boosted-desc

{
	/*Hiding on mobile, but -webkit box on larger to enable line clamping*/
	display: none;

	@media (min-width: 576px) {

		display: -webkit-box;
		-webkit-line-clamp: 3;
		overflow: hidden;
		-webkit-box-orient: vertical;
		margin-top: 0.85rem;
	}
}

}

div.search-header > div {
	flex: 40% 0 1;
}

/* Form styles */
form.search-options {
	padding: 1rem;
	border: 2px solid var(--ncc-green);
	border-radius: 8px;
	box-shadow: 0 2px 9px -4px black;
	flex-basis: 55%;
	flex-shrink: 1;
	flex-grow: 1;
	max-width: 100%;
	@media (max-width: 576px) {
		border-left: none;
		border-right: none;
		border-radius: 0;
		box-shadow: none;
		padding: 1rem 0;
		font-size: 0.9rem;
	}
	legend

{
	width: auto;
	font-size: 1.15rem;
	margin: 0;
	font-weight: bold;

	@media (max-width: 576px) {
	font-size: inherit;
	}
}

div.grid-col-labels {
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}

label {
	text-transform: capitalize;
}

& select {
	max-width: 100%;
}

}

/* Filter bar behaviour */

button#searchfilters {
	display: none!important;
	&:is(.shy button#searchfilters)

{
	display: inline-block!important;
}

@media (max-width: 576px) {
	display: inline-block;
}

}

form.search-options > div {
	display: flex;
	&.hidden

{
	display: flex !important;

	@media (max-width: 576px) {
		display: none!important;
	}
}

&:is(.shy > div) {
	display: flex !important;
	&.hidden

{
	display: none !important;


	@media (max-width: 576px) {
		display: none!important;
	}
}

}
}



/*	*/

.inline-label {
/*background-color: var(--ncc-green-dark);
color: white;*/
color: lightgray;
}

/* Select elements */
select {
	padding: 0.3rem 0.75rem;
}

/* Regular breadcrumb */
.breadcrumb-container {
	text-transform: capitalize;
	flex-wrap: wrap;
	column-gap: 1rem;
	margin: 0.65rem 0 0.85rem;
}

/* Document breadcrumb */
.document-breadcrumb .breadcrumb-separator:last-child {
	display: none;
}

.document-breadcrumb > * {
	color: #404040 !important;
	text-decoration: none !important;
	pointer-events: none !important;
}

.document-breadcrumb > span {
	text-transform: none;
}

.search-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.3rem;
	padding: 0.35rem 0;
	margin-left: 0 !important;
	font-size: 0.9rem !important;
	p

{
	font-size: inherit;
	display: inline;
	margin: 0;
}

}

.search-breadcrumb.content-breadcrumb {
	background-color: rgb(239 255 239 / 50%);
	border: 1px dashed var(--ncc-green-light);
	padding: 0.45rem;
}

.sticky-top {
	z-index: 0;
}

@media (max-width: 576px) {
	.site-header .container {
		display: flex;
		align-items: center;
		justify-content: stretch;
		padding: 15px;
		flex-wrap: wrap;
	}

	.site-header .logo {
		height: auto;
		width: 47%;
	}

	.site-header .header-controls {
		margin: 15px 0 0;
	}

		.site-header .header-controls .search #header-search {
			flex: 100%;
		}

	form#search {
		display: flex;
	}

	.header-controls, .search {
		width: 100%;
	}

	.breadcrumb {
		margin-bottom: 0;
	}

	.search-breadcrumb p {
		margin: 0 !important;
	}

	#maincontent #sidebar {
		padding-left: 0 !important
	}

	.gridBox {
		padding: 0.15rem 0;
		margin-bottom: 0 !important;
	}
}