/* ECE Common CSS file */

/*BEGIN - Update default fonts to Inter */
* {
	font-family: 'Inter', sans-serif !important;
}
/*END - Update default fonts to Inter */

/*BEGIN - back button overrides */
.govuk-main-wrapper {
	display: block;
	padding-top: 5px;
	padding-bottom: 20px;
}

@media (min-width: 40.0625em) {
	.govuk-main-wrapper {
		padding-top: 5px;
		padding-bottom: 40px;
	}
}

.govuk-main-wrapper--auto-spacing:first-child,
.govuk-main-wrapper--l {
	padding-top: 5px;
}

@media (min-width: 40.0625em) {
	.govuk-main-wrapper--auto-spacing:first-child,
	.govuk-main-wrapper--l {
		padding-top: 5px;
	}
}

.govuk-back-link {
	margin-top: 0px;
	margin-bottom: 30px;
}

.govuk-no-back-link {
	margin-top: 0px;
	margin-bottom: 30px;
	display: inline-block;
}

/*END - back button overrides */

/*BEGIN - Header account links */
#content-header .dfe-header__action-links a,
#content-header .dfe-header__action-links a:visited,
#content-header .dfe-header__action-links a:active {
	color: white;
	text-decoration: none;
}

	#content-header .dfe-header__action-links a:hover {
		text-decoration: underline;
	}

	#content-header .dfe-header__action-links a:focus {
		color: #0b0c0c;
	}

.govuk-pagination {
	justify-content: center;
}
/*END - Header account links */

/*BEGIN - Accessible dashboard card links */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
/*END - Accessible dashboard card links */

body.js-enabled .noJsShow,
body:not(.js-enabled) input.noJsRemove {
	display: none;
}

/*BEGIN - Class with associated JS function in cookieFunctions.js to show content when JS is enabled */
.js-only {
	display: none;
}

.show {
	display: block;
}
/*END - Class with associated JS function in cookieFunctions.js to show content when JS is enabled */

/*BEGIN - Hide success banner on Cookies page when page first loads */
#success-banner {
	display: none;
}
/*END - Hide success banner on Cookies page when page first loads */

/*BEGIN Header overrides for v6 brand refresh */
.govuk-header__link:focus .govuk-header__logotype {
	content: url(/assets/images/department-for-education_black.png);
	/*black image when active*/
	height: 30px;
}

.govuk-link:focus {
	color: #0b0c0c;
}

.govuk-header__container {
	/*Blue header sizing*/
	position: relative;
	margin-bottom: 0px;
	padding: 0;
	border-bottom: none;
	height: 60px;
}

.govuk-header__link .govuk-header__logotype {
	/*name logo image sizing*/
	height: 30px;
}

.govuk-width-container {
	margin: 0 16px;
	max-width: 1200px;
}

@media (min-width: 48.0625em) {
	/*641px*/
	.govuk-width-container {
		margin: 0 32px;
	}
}

@media (min-width: 1264px) {
	.govuk-width-container {
		margin: 0 auto;
	}
}

.govuk-service-navigation__container {
	display: flex;
	flex-direction: column;
	align-items: start;
	padding-bottom: 10px;
}

@media (min-width: 40.0625em) {
	.govuk-service-navigation__container {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

@media (min-width: 48.0625em) {
	.govuk-service-navigation__container {
		flex-direction: row;
		flex-wrap: wrap;
		min-width: 90%;
	}
}

.govuk-service-navigation {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8eb8dc;
	background-color: #f4f8fb;
}

.govuk-service-navigation__item,
.govuk-service-navigation__service-name {
	padding: 5px 0;
}

.dfe-card .govuk-link {
	text-decoration: none;
}

.dfe-header__content {
	/* sign out link position*/
	position: absolute;
	top: 4px;
	right: 0px;
}

@media (min-width: 40.0625em) {
	.dfe-header__content {
		position: absolute;
		top: 4px;
		right: 0px;
	}
}

/* custom sign out link position for very very thin screens to avoid overlap with DfE logo*/
@media (max-width: 375px) {
	.dfe-header__content {
		position: absolute;
		top: 25px;
		right: 0px;
	}
}
/*END Header overrides for v6 brand refresh */

/* BEGIN - Start page blue border over right hand one-quarter panel */
.startPageRightLinkPanel {
	border-top: 10px solid #1d70b8;
}

/* END - Start page blue border over right hand one-quarter panel */

/* BEGIN - User Guidance page left hand anchor menu one-quarter panel */
.userGuidanceNavSticky {
	position: sticky;
	top: 0;
}

.userGuidanceAnchorMenu {
	position: sticky;
	top: 10px;
	max-height: 100vh;
	overflow-y: auto;
	margin-bottom: 20px;
}

	.userGuidanceAnchorMenu a {
		display: inline-block;
	}

@media (max-width: 640px) {
	.userGuidanceNavSticky {
		position: relative;
	}
}

.contents-list-item {
	list-style-type: none;
}

.contents-list-item-number {
	min-width: 1.5em;
	display: table-cell;
}

.contents-list-item-text {
	padding-left: 0.3em;
	display: table-cell;
}

/* END - User Guidance page left hand anchor menu one-quarter panel */

/*BEGIN - override to alignment as a baseline alignment was causing buttons to be offset from one another */
.govuk-button-group {
	align-items: center;
}

/*END */

/* BEGIN - Wider tag width for Eligible outcome page 'expanded' tag option to prevent text wrap  */
.tag-wider {
	max-width: 175px;
}

/* END - Wider tag width for Eligible outcome page 'expanded' tag option to prevent text wrap  */

/* BEGIN - Hide content from printed version */
.print-only {
	display: none;
}

@media print {
	body {
		filter: grayscale(100%);
	}

	.backLinkJS {
		display: none !important;
	}

	.no-print {
		display: none !important;
	}

	.print-only {
		display: block !important;
	}

		.print-only.crown-logo {
			display: flex !important;
			flex-direction: column;
			align-items: flex-start;
			/* or center if you prefer */
			gap: 4px;
			text-align: center;
		}

	.crown-logo img {
		display: block;
		margin: 0 auto 4px;
	}
}

/* END - Hide content from printed version */

/*BEGIN - Custom styling for scrollable tables (used by code history report) */
.table-scroll {
	overflow-x: scroll;
}

.min-width-120 {
	min-width: 120px
}

.min-width-180 {
	min-width: 180px
}
/*END - Custom styling for scrollable tables (used by code history report) */