/* Ajax Loader
######################################################################*/

/* Absolute Center CSS Spinner */

#loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */

#loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */

#loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

#loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow:
		rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
		rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
		rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0,
		rgba(0, 0, 0, 0.5) -1.5em 0 0 0,
		rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
		rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow:
		rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
		rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
		rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0,
		rgba(0, 0, 0, 0.75) -1.5em 0 0 0,
		rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
		rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Home page
######################################################################*/

.main-home .share.share-small {
	margin-bottom: 40px;
}

/* Body amends
######################################################################*/

@media screen and (min-width: 992px) {
	html,
	body {
		line-height: 1.5;
	}
	.block.aside.news,
	.media-body p,
	.form-group {
		line-height: 1.35;
	}
	#notice-accordion .pull-left {
		margin-top: 4px;
	}
}

p {
	margin: 0 0 15px;
}

.prose ul li {
	margin-bottom: 15px;
}

/* .main > .container {
	padding-top: 25px;
} */

.modal-content main.main-practitioner {
	display: none;
}

/* Heading amends
######################################################################*/

[class*='col-'] > .lead {
	margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
	h1,
	.h1 {
		font-size: 36px;
	}
	h2,
	.h2 {
		font-size: 30px;
	}
	[class*='col-'] > .lead {
		margin-bottom: 20px;
	}
}

/* episerver forms custom classes
######################################################################*/

.Form__MainBody {
	border: 1px solid #d1d3d4;
	padding: 15px;
}

form.EPiServerForms {
	margin-bottom: 30px;
}

form.EPiServerForms .form_footer_section {
	border-top: 1px solid #d1d3d4;
	margin-top: 30px;
	margin-left: -16px;
	margin-right: -16px;
	padding: 5px 16px 25px;
	min-height: 50px;
}

form.EPiServerForms .form_footer_section .FormSubmitButton {
	margin-top: 17px;
}

.EPiServerForms .form_footer_section.inEditor {
	margin: 0;
	padding: 0;
	height: 50px;
}

form.EPiServerForms .form_footer_section p {
	padding-top: 7px;
}

.required_field_notice {
	padding-bottom: 20px;
	margin-top: -15px;
}

.lt-ie10 .form_ie8_message {
	display: block;
}

.lt-ie10 .EPiServerForms.form {
	display: none;
}

.Form__Status.form_ie8_message {
	padding-bottom: 20px;
}

/* errors */

.Form__MainBody .ValidationFail input:not(.notRequired),
.Form__MainBody .ValidationFail textarea:not(.notRequired),
.Form__MainBody .ValidationFail select:not(.notRequired) {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	background-color: #fffbcc;
	border-color: #b44113;
	border-width: 2px;
}

.EPiServerForms .Form__Element .Form__Element__ValidationError {
	margin-top: 5px;
	color: #d00000 !important;
	font-size: 16px;
}

/* success message */

.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message {
	background-color: #ecf3e7;
	padding-left: 85px;
	padding-bottom: 20px;
	padding-top: 20px;
	min-height: 100px;
}

.EPiServerForms .Form__Status .success_message_tick .success_message_tick_image {
	margin-top: 25px;
	margin-left: 25px;
}

.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message h2,
.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message h3,
.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message p.lead {
	font-size: 24px;
	font-weight: 300;
	color: #438516;
}

/* multi step navigation */

.Form__NavigationBar,
bottom-navigation-bar {
	width: 100%;
}

.EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar {
	display: none;
}

.form-step-navigation.bottom-navigation {
	border-left: 1px solid #d1d3d4;
	border-bottom: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	padding: 15px 16px;
}

.form-step-navigation.top-navigation {
	border-left: 1px solid #d1d3d4;
	border-top: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	padding: 15px 16px;
}

.EPiServerForms .Form__NavigationBar .form-step-navigation .Form__NavigationBar__ProgressBar {
	width: 100%;
}

.EPiServerForms .Form__NavigationBar div.Form__NavigationBar__ProgressBar {
	background-color: #eff0f0;
	height: 10px;
	margin-bottom: 15px;
	border: medium none;
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar div.Form__NavigationBar__ProgressBar--Progress {
	background-color: #00838f;
	height: 10px;
}

.Form__NavigationBar__ProgressBar--Text {
	font-weight: 700;
	margin-bottom: 5px;
}

.EPiServerForms .form-step-navigation .action-link-container .action-group {
	display: block;
}

.bottom-navigation-bar .form-step-navigation .next-step {
	float: right;
}

.bottom-navigation-bar .form-step-navigation .prev-step {
	float: left;
}

.bottom-navigation-bar .form-step-navigation .action-group-item {
	margin-right: 0px;
}

@media all and (max-width: 768px) {
	.main-content .EPiServerForms .bottom-navigation-bar .Form__NavigationBar__Action.btn {
		background-color: red;
		font-size: 14px;
	}
}

/*have to override a lot of styles from forms css / bootstrap */

.main-content .EPiServerForms .bottom-navigation-bar .Form__NavigationBar__Action {
	background-image: none;
	border: 1px solid #d1d3d4;
	border-radius: 0px;
	color: #00334c;
	display: inline-block;
	font-size: 18px;
	height: auto;
	max-width: none;
	padding: 10px 16px;
	text-align: inherit;
	vertical-align: inherit;
	width: auto;
}

/* info box */

.info-desk {
	padding: 24px 20px;
	font-size: 18px;
	line-height: 27px;
	float: none !important;
	position: initial;
	background-color: #eafbf6;
	border: none;
	border-left: 16px solid #74e0c1;
	clear: both;
	display: inline-block !important;
	margin-bottom: 25px;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.container-form .info-desk {
		padding: 20px 0 !important;
	}
	.container-form .info-desk p {
		padding: 0 !important;
	}
	.container-form .info-desk ul {
		padding-left: 20px !important;
	}
}

.info-desk ul {
	padding-left: 20px;
}

.info-desk ul li {
	margin-bottom: 20px;
}

.info-desk svg,
.info-desk img {
	max-width: 44px !important;
	max-height: 44px !important;
	display: inline-block;
}

/* Ftp page classes
######################################################################*/

@-ms-viewport {
	width: device-width;
}

.container-general {
	/*font-family: FoundryMonoline;*/
	color: #000011;
}

.container-general .action-group .col-lg-10,
.container-general .action-group .col-md-10,
.container-general .action-group .col-sm-10 {
	width: 90%;
}

.container-general .links-general .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.container-general .links-general .row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.container-general .action-group-item-opening .frame {
	float: left;
	height: 100%;
	/* equals max image height */
	width: 100%;
	white-space: nowrap;
}

.container-general .action-group-item .ico-opening {
	display: inline;
	vertical-align: middle !important;
}

.container-general .action-group .action-group-item-opening a h2 {
	width: 100%;
	position: relative;
	display: block;
	padding: 15px 15px;
	font-weight: bold !important;
	color: #fff;
	-webkit-transition: background-color 150ms ease;
	transition: background-color 150ms ease;
	border-radius: 0;
	white-space: normal;
}

.container-general .action-group .action-group-item-opening a::after {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	right: 10px;
	width: 30px;
	height: 90%;
	background: url(/static/img/arrow-right.svg) center center no-repeat;
	background-size: 25px auto;
}

.container-general ul {
	list-style: disc;
}

.container-general .action-group-item-opening .accordion-head {
	cursor: pointer;
}

.container-general .action-group-item-opening {
	display: table;
}

.container-general.action-group-item-opening .text {
	display: table-row;
}

.container-general .action-group-item-opening span {
	width: 100%;
}

.container-general .action-group-item-opening .text div {
	line-height: 99px;
	height: 100%;
	text-align: left;
	color: #00334c;
	white-space: normal;
}

.container-general .action-group-item-opening .accordion-body ul {
	padding-bottom: 15px;
}

.container-general .action-group-item-opening .text div h2 {
	vertical-align: middle;
	line-height: 34px;
	text-align: left;
	color: #00334c;
	display: inline-block;
	font-weight: bold !important;
	padding-right: 30px;
	padding: 10px 30px 10px 0;
}

.container-general .action-group-item-opening .text div .close-icon::after {
	background: url(/static/img/close_icon.svg) center center no-repeat !important;
}

.container-general .action-group-item-opening .text div h2::after {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	right: 10px;
	width: 30px;
	height: 100%;
	background: url(/static/img/plus_icon.svg) center center no-repeat;
	background-size: 25px auto;
}

.container-general .action-group-item {
	height: auto !important;
	margin-bottom: 25px;
	min-height: 140px;
	width: 100%;
}

@media screen and (min-width: 1200px) {
}

.container-general .action-group-item .col-md-2,
.container-general .action-group-item .col-sm-2 {
	width: 10% !important;
}

.container-general .action-group-item .col-md-10 .container-general .action-group-item .col-sm-10 {
	width: 90% !important;
}

@media screen and (max-width: 991px) {
	.container-general .action-group-item .col-sm-2 {
		width: 72px !important;
	}
	.container-general .action-group-item .col-sm-10 {
		width: calc(100% - 72px) !important;
	}
	.container-general .row > [class*='col-'] {
		margin: 0;
	}
}

.container-general .action-group {
	width: 100%;
	display: block !important;
}

.container-general .action-group-item .color img {
	display: inline;
	width: 30px;
	margin: 0;
}

.container-general .action-group-item .color {
	width: 100%;
	text-align: center;
	float: left;
	padding: 32px 17px;
	min-height: 140px;
}

.container-general .action-group-item .text {
	min-height: 140px;
	width: 100% !important;
	border-top: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	border-bottom: 1px solid #d1d3d4;
	padding-right: 20px;
}

.container-general .action-group-item .text span {
	vertical-align: middle;
	padding-left: 37px;
	font-size: 26px;
	text-align: left;
	line-height: 30px;
	color: #00334c;
	white-space: normal;
	min-height: 140px;
	margin-bottom: 150px;
}

.container-general .btn-block p {
	padding-left: 33px;
	text-align: left;
	line-height: 86px;
	font-size: 26px;
	color: #fff !important;
	white-space: normal;
}

.container-general .media-heading {
	font-weight: normal !important;
}

.container-general .action-group-item .text .title {
	display: block;
	padding-left: 40px;
	padding-top: 28px;
	font-size: 26px;
	text-align: left;
	margin: 0;
	min-height: 1px;
}

.container-general .action-group-item .text .title a {
	color: #331272 !important;
	white-space: normal;
}

.container-general .action-group-item .text .title a:hover {
	color: #331272 !important;
	text-decoration: underline;
}

.container-general .action-group-item .text .title::before {
	display: inline-block;
	vertical-align: top;
	content: '';
	width: 16px;
	height: 26px;
	background: url(/static/img/refresh/chevron.svg) 0 center no-repeat;
	background-size: auto 18px;
	margin-left: -15px;
	margin-right: 4px;
	margin-top: 3px;
}

.container-general .action-group-item .text .body-text {
	display: block;
	font-size: 18px;
	line-height: 27px;
	font-weight: normal;
	padding: 12px 12px 12px 30px;
	text-align: left;
	color: #000011;
	white-space: normal;
	margin: 0;
}

.container-general .action-group-item-opening .text span,
.container-general .action-group-item-opening .text,
.container-general .action-group-item-opening .color,
.container-general .action-group-item-opening {
	height: 100%;
	min-height: 1px;
}

.flexbox .action-link-container .action-group-item {
	padding: 0 15px;
}

.container-general .action-group-item .row {
	padding: 0;
}

.container-general .action-group-item .row > [class*='col-'] {
	padding: 0;
}

.container-general .action-group-item .btn-block {
	padding-left: 33px;
	text-align: left;
	line-height: 86px;
	font-size: 26px;
	color: #fff !important;
}

.container-general .action-group-item .btn-block:focus {
	background: #00334c !important;
}

.container-general .open-text {
	padding: 25px;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	white-space: normal;
	border-left: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	border-bottom: 1px solid #d1d3d4;
}

.container-general .open-text a {
	font-size: 18px;
	padding: 0;
	font-weight: bold;
	text-decoration: underline;
	color: #d10074 !important;
}

@media screen and (max-width: 767px) {
	.container-general .action-group-item {
		min-height: 0;
		margin-bottom: 0 !important;
	}
	.container-general .action-group-item .text {
		border-top: none;
		border-right: none;
		display: block;
		position: relative;
		float: none;
		min-height: 0;
	}
	.container-general .action-group-item .text .title {
		padding-top: 20px;
		padding-left: 28px;
	}
	.container-general .action-group-item .text .title::before {
		height: 26px;
	}
	.container-general .action-group .col-xs-12 {
		width: 100% !important;
	}
	.container-general .btn-block p {
		line-height: 26px;
		margin: 0px;
	}
	.container-general .action-group-item .btn-block {
		line-height: normal;
		padding-left: 0;
	}
	.container-general .call-to-action .action-group-item .btn-block {
		margin: 20px 0px;
	}
	.container-general .action-group-item .text p {
		display: block !important;
		padding: 15px !important;
		font-size: 14px;
	}
	.container-general .action-group .action-group-item-opening a {
		font-size: 18px;
	}
	.container-general .action-group-item-opening .text div h2,
	.container-general .action-group-item-opening .text div {
		line-height: normal;
	}
	.container-general .action-group-item-opening {
		min-height: 55px;
		height: 100%;
		overflow: hidden;
	}
	.container-general .action-group-item-opening .open-text {
		display: block;
		float: none;
		padding-top: 20px !important;
		border-left: none;
		border-right: none;
	}
	.container-general .action-group.call-to-action {
		border-top: none;
	}
	.container-general .action-group {
		border-top: 1px solid #d1d3d4;
	}
	.container-general .action-group .action-group-item-opening a h2 {
		font-size: 18px;
	}
}

.action-link-container .bg-Black {
	background-color: #111111;
}

.action-link-container .bg-Green {
	background-color: #331272;
}

.action-link-container .bg-Grey {
	background-color: #331272;
}

.action-link-container .bg-Blue {
	background-color: #331272;
}

.action-link-container .bg-Orange {
	background-color: #331272;
}

.action-link-container .bg-LightBlue {
	background-color: #331272;
}

.action-link-container .bg-Lavender {
	background-color: #331272;
}

.action-link-container .bg-DarkBlue {
	background-color: #331272;
}

.action-link-container .bg-Pink {
	background-color: #331272;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/* Statistics Page
######################################################################*/

.statistics-table .notice-toggle {
	float: right;
	cursor: pointer;
	display: block;
	height: 20px;
	width: 20px;
}

.statistics-table .notice-toggle svg {
	fill: #666d70;
	height: 20px;
	width: 20px;
}

.statistics-table .notice:after {
	content: '';
	display: block;
	height: 0;
	left: 100%;
	position: absolute;
	top: 15px;
	width: 0;
}

.results .statistics-table th:last-child {
	text-align: left;
}

.results .statistics-table td:last-child {
	text-align: left;
	font-weight: normal;
}

.programmes-form .form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M11.09 0.590118L6.5 5.17012L1.91 0.590118L0.5 2.00012L6.5 8.00012L12.5 2.00012L11.09 0.590118Z' fill='%2331006F'/%3E%3C/svg%3E");
  background-size: 12px 7px;
  background-position: right 8px center;
  direction: rtl;

	@apply py-4 text-base leading-[100%] font-heading pl-4 pr-8 focus:bg-[position:right_8px_center] focus:border-4 focus:border-black focus:outline-4 focus-visible:outline-tertiary focus-visible:outline-offset-0;
}

.statistics-form .programmes-form-submit {
	margin-top: 0px;
}

.statistics-form .statistics-year {
	width: 30%;
}

.statistics-form .statistics-type {
	width: 70%;
}

@media all and (max-width: 768px) {
	.statistics-form .statistics-year {
		width: 100%;
	}
	.statistics-form .statistics-type {
		width: 100%;
	}
}

.statistics-table .results-col-interval {
	width: 40%;
}

.statistics-table .results-col-stats {
	width: 15%;
}

.statistics-table .registration-message {
	float: right;
}

.statistics-table .popover .popover-content {
	font-size: 14px;
	font-weight: normal;
}

.statistics-table .prose.statistics-message p {
	font-size: 16px;
}

/* Banner font sizes
######################################################################*/

.banner-title {
	font-size: 30px;
	text-shadow: 1px 1px 3px black;
}

.banner-large .banner-title {
	font-size: 20px;
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	.banner-title {
		font-size: 34px;
		line-height: 1;
	}
	.banner-large .banner-title {
		font-size: 30px;
		max-width: 100%;
		line-height: 1.2;
	}
}

@media screen and (min-width: 992px) {
	.banner-title {
		font-size: 48px;
		line-height: 1.1;
		max-width: 60%;
	}
	.banner-large .banner-title {
		font-size: 34px;
		line-height: 45px;
		max-width: 65%;
	}
}

/* Signpost
######################################################################*/

.signpost h2 {
	margin-left: -15px;
}

@media screen and (min-width: 768px) {
	.signpost h2 {
		margin-left: -5px;
	}
}

@media screen and (min-width: 992px) {
	.signpost h2 {
		margin-left: 0px;
	}
}

.main-home .signpost h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ebfbf6;
	padding: 32px 15px;
	border-top: none;
}

.signpost h2 {
	border: none;
	font-size: 24px;
	line-height: 22px;
	padding: 32px 15px 32px 0;
	margin-bottom: 0px;
	background: #fff;
}

/* Breadcrumb
######################################################################*/

.col-md-8 .breadcrumb {
	display: none;
}

.media-heading h2 {
	font-size: 28px;
}

/* List groups
######################################################################*/

.list-group-item,
.list-group-item-cookie {
	padding: 10px 15px 3px;
}

.list-group-item a strong,
.list-group-item-cookie a strong {
	font-size: 16px;
}

/* Subnav
######################################################################*/

.subnav a {
	font-size: 16px;
	font-weight: normal;
}

@media screen and (min-width: 992px) {
	.subnav {
		margin-top: 45px;
	}
	.main .banner + .container > .row:first-child .subnav:first-child {
		margin-top: -112px;
	}

	.main .banner + .container > .row:first-child .subnav:first-child h2 {
		background: none;
		padding: 32px 15px;
		border-top: none;
	}
}

/* Make site full width
######################################################################*/

.container,
.banner {
	max-width: 100%;
}

.banner {
	.custom-list {
		padding-left: 0 !important;
	}
}

/* Hub
######################################################################*/

.hub .media-heading {
	font-size: 26px;
	line-height: normal;
	padding-left: 20px;
	position: relative;
}

.hub .media-heading::before {
	height: 20px;
	width: 15px;
	position: absolute;
	top: 6px;
	left: 0;
}

/* Carousel
######################################################################*/

.carousel-overlay {
	min-height: 150px;
}

.carousel-title {
	font-size: 24px;
}

.carousel-text p {
	font-size: 16px;
}

.carousel-link {
	color: #ffffff;
	font-weight: bold;
}

.carousel-link:focus {
	color: #ffffff;
}

@media screen and (min-width: 768px) {
	.carousel-title {
		font-size: 24px;
	}
	.carousel-text p {
		font-size: 16px;
	}
}

@media screen and (min-width: 992px) {
	.carousel-title {
		font-size: 32px;
	}
	.carousel-text p {
		font-size: 18px;
	}
}

/* News images on home page
########################################################*/

@media screen and (min-width: 768px) {
	.latest .media {
		border-bottom: 1px solid #d1d3d4;
		margin: 20px 0;
		padding-bottom: 20px;
	}
}

/* Visual feedback on linked images
########################################################*/

article img,
img.carousel-image {
	opacity: 1;
	transition: opacity 150ms ease 0s;
}

/* Improved spacing on floated images
########################################################*/

.prose img.pull-left {
	margin-right: 25px;
	margin-top: 8px;
	max-width: 40%;
}

.prose img.media-object {
	margin-top: 0px;
}

/* Full width buttons on small screens
########################################################*/

.aside .btn-block {
	max-width: 100%;
}

/* Extra .ie fixes
########################################################*/

.lt-ie9 .header-links a {
	padding-right: 20px;
}

.lt-ie9 .banner {
	max-width: 1500px;
}

/* Modals
######################################################################*/

.main.is-modal {
	padding-top: 20px;
	padding-bottom: 20px;
}

main.is-modal .form-group {
	margin-bottom: 15px;
}

main.is-modal p {
	margin-bottom: 15px;
}

/* Validation
######################################################################*/

.field-validation-valid {
	display: none;
}

.validation-summary-valid {
	display: none;
}

.no-help-block .has-error p.help-block {
	display: none !important;
}

/* Ajax Forms
######################################################################*/

form button.return-link {
	padding: 0;
	border: 0;
	color: #00334c;
	transition: color 100ms ease 0s;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

form button.return-link:hover span {
	text-decoration: underline;
}

form button.return-link:hover,
form button.return-link:focus {
	color: #d10074;
}

/* Related documents
######################################################################*/

.related-documents a {
	font-size: 16px;
}

/* Blocks and sidebar content
######################################################################*/

.main-home .signpost {
	margin-bottom: 20px;
}

.block .alert.alert-error {
	overflow: auto;
}

/* Fix for spacing issue on Search Register page, bottom module*/

#ajaxForm {
	margin-bottom: 30px;
}

#validationSummary + .btn-more {
	border-top: none;
}

.main-employer-results .share {
	margin-top: 0;
	float: none;
}

#pagingButton.btn-more {
	border-top: none;
}

.main-news #pagingButton.btn-more {
	border-top: 1px solid #c6dab9;
}

/* Js-Expanded Notice
######################################################################*/

.js .notice .js-expanded {
	position: relative;
	z-index: 101;
}

.js .notice .js-expanded:after {
	position: absolute;
	display: block;
	content: '';
	right: 15px;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -9px;
	border: 5px solid transparent;
	border-bottom-color: #111111;
}

.js .notice .js-expanded.is-collapsed:after {
	margin-top: -3px;
	border-bottom-color: transparent;
	border-top-color: #111111;
}

/* ButtonBackgroundColour
######################################################################*/

.button-bg-blue {
	background-color: #6571b3 !important;
}

.button-bg-pink {
	background-color: #d10074 !important;
}

.button-bg-orange {
	background-color: #b44113 !important;
}

.button-bg-gray {
	background-color: #eff0f0 !important;
}

.button-bg-white {
	background-color: #ffffff !important;
}

.button-bg-gray span {
	color: #000000;
}

.button-bg-orange svg,
.button-bg-orange img,
.button-bg-pink svg,
.button-bg-pink img,
.button-bg-blue svg,
.button-bg-blue img {
	width: 25px;
}

/* Images
######################################################################*/

img.aside-thumb {
	width: 100%;
}

/* Template hint for blocks in preview mode*/

.alert-info-block {
	background-color: #b8c0c5;
	border-color: #b8c0c5;
	box-shadow: 3px 3px 5px #ccc;
	color: #f2f2f2;
	font-family: Verdana;
	font-size: 1em;
	font-style: italic;
	text-align: center;
	border-radius: 4px;
}

/* Search page
######################################################################*/

/* Non JS pagination on search page spacing*/

.module.paginated.search-spacing {
	margin-top: 20px;
}

#search-sort-by-update {
	padding: 7px 16px;
}

.searched-title a em {
	font-weight: bold;
}

p.searched-description em {
	font-weight: bold;
	font-style: normal;
}

.searched-link {
	text-overflow: clip;
}

.searched-item h3 {
	overflow-x: hidden;
}

.search-criteria:valid {
	background-color: #fff;
}

.searched .btn-more {
	margin-top: 0;
}

.notice.paging-notice {
	margin-top: 20px;
}

/* Tables
######################################################################*/

caption p {
	text-align: left;
	padding-bottom: 10px;
}

/* Social media icon spacing
######################################################################*/

.footer-social-media-item {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	margin-right: 20px;
}

/* Table fonts
######################################################################*/

.prose table,
.table {
	font-size: 16px;
}

.prose table {
	font-size: 14px;
}

/* Virtual tour
######################################################################*/

#vtour {
	display: block;
	height: auto;
	max-width: 100%;
}

/* Employer Confirmations
######################################################################*/

.employer-form button.btn-reset {
	float: left;
	background-color: #ffffff;
	color: #00334c;
	border: 1px solid #d1d3d4;
}

/* Search the register
######################################################################*/

.inline-form.register-form .form-body {
	display: block;
}

.search-register-recaptcha {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 5px;
}

.recaptcha-modal .modal-dialog {
	width: 400px;
}

.recaptcha-modal .g-recaptcha {
	padding-left: 8%;
	padding-top: 10px;
}

.form-group.search-recaptcha {
	margin-bottom: 0px;
}

.recaptcha-popup-message {
	font-size: 16px;
	text-align: center;
	padding-bottom: 15px;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
}

.recaptcha-popup-message p {
	font-size: 16px;
}

.recaptcha-modal .modal-body {
	position: relative;
	padding: 15px;
	padding-bottom: 45px;
	padding-top: 25px;
}

.recaptcha-modal.modal {
	top: 28%;
}

@media all and (max-width: 768px) {
	.recaptcha-modal .g-recaptcha {
		padding-left: 8px;
	}
	.recaptcha-modal .modal-body {
		padding: 15px;
	}
	.recaptcha-modal .modal-dialog {
		width: 350px;
	}
}

/* Registrant
######################################################################*/

.practitioner-status a.show-conditions-link {
	font-size: 18px;
}

.practitioner .practitioner-status .media-object.show-conditions-link {
	margin-top: 25px;
}

/* Accordion
######################################################################*/

.accordion-item.panel {
	margin: 0 !important;
	border-radius: 0;
}

.accordion-item .panel-heading {
	padding: 0;
}

.accordion-item a {
	display: block;
	padding: 10px 15px;
}

.accordion-item a:focus {
	outline: none;
}

.accordion-item .panel-title .title {
	color: #00334c;
	word-wrap: break-word;
	padding-right: 15px;
}

.accordion-item .panel-title .view-more {
	font-size: 13px;
	position: absolute;
	right: 50px;
	padding-top: 3px;
}

.accordion-item .accordion-arrow-container {
	vertical-align: middle;
	float: right;
}

.accordion-item .accordion-arrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #666d70;
	border-top-width: 0;
	display: inline-block;
	vertical-align: middle;
}

.accordion-item .collapsed .accordion-arrow {
	border-top: 5px solid #666d70;
	border-bottom-width: 0;
}

.accordion-item .accordion-no-js {
	display: block;
}

/* specfic case for accordion in a modal */

.modal .accordion-item .collapse {
	display: none;
}

.modal .accordion-item .collapse.in {
	display: block;
}

.collapse {
  visibility: visible!important;
}

.accordion-item a.accordion-no-js {
	pointer-events: none;
	cursor: default;
}

/* Action links */

.action-link-container {
}

.action-link-container .action-group {
	margin: 0;
	padding: 0;
}

.action-link-container .action-group-item {
	line-height: 20px;
	white-space: nowrap;
}

.action-link-container .action-group-item:last-child {
}

.action-link-container a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.action-group-item {
	display: block;
	margin-right: 5px;
	position: relative;
}

.action-group-item .button-bg-gray {
	border: 1px solid #d1d3d4;
	color: #00334c;
}

.action-group-item .button-bg-blue {
	border: 1px solid #6571b3;
}

.action-group-item a {
	color: #ffffff;
	text-decoration: none;
}

.action-group-item.coloured-blocks a:focus .row {
	outline: 3px solid #d10074;
}

.action-group-item .button-bg-blue:hover {
	background-color: #00838f !important;
	border: 1px solid #d1d3d4;
	color: #ffffff;
	opacity: 1;
}

.action-group-item .button-bg-gray:hover {
	background-color: #00838f !important;
	color: #ffffff !important;
	opacity: 1;
}

.action-group-item .button-bg-gray a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.action-link-container ul li {
	margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
	.action-link-container .action-group {
		display: table;
	}
	.action-link-container .action-group-item {
		vertical-align: top;
	}
	.action-link-container .action-group-item:not(:last-child) {
		border-right-width: 0 !important;
	}
	.action-link-container {
		width: 100%;
		text-align: right;
		border-left: 0;
	}
	.flexbox .action-link-container .action-group {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.flexbox .action-link-container .action-group.call-to-action .action-group-item {
		padding: 0;
	}
	.flexbox .action-link-container .action-group-item {
		display: block;
		line-height: 20px;
		height: 42px;
	}
	.flexbox .action-link-container {
		width: auto;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.btn .btn-primary .btn-lg .btn-block .button-bg-blue a:hover {
		color: #ffffff;
	}
	.btn .btn-primary .btn-lg .btn-block .button-bg-blue a:focus {
		color: #ffffff;
	}
}

.spacer20 {
	margin-bottom: 20px;
}

/* Employ confirmations results now has 4 columns */

.main-employer-results .practitioner table th,
.main-employer-results .practitioner table td {
	width: 25%;
}

.employer-spacing {
	margin-bottom: 15px;
}

/* Hide menu items */

@media screen and (min-width: 992px) {
	.utility-mobile {
		display: none;
		visibility: hidden;
	}
}

/* Additon of PPT icon*/
.ppt-link:before {
	display: inline-block;
	vertical-align: top;
	font-size: inherit;
	width: 23px;
	height: 24px;
	content: '';
	margin-right: 12px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.ppt-link:before {
	background-image: url('/static/build/assets/img/file-ppt.svg');
}

.no-svg .ppt-link:before {
	background-image: url('/static/img/files/ppt.png');
}

/* Search register info alert text */

.prose.alert.alert-info {
	color: #000000;
	border: 0;
	border-left: 16px solid #d72882;
	background: #fbe9f2;
	padding: 35px 30px;
}

.prose.alert.alert-info a {
	color: #111111 !important;
}

.prose.alert.alert-info p strong {
	font-family: 'Gotham medium', Arial, sans-serif;
	font-weight: 500 !important;
	letter-spacing: -0.5px;
}

.prose.alert.alert-info p:last-child {
	margin-bottom: 0px;
}

.prose.alert.alert-info a {
	color: #ce0271;
}

#ie10 {
	display: none;
}

.ltie10 {
	display: none;
}

.alert.alert-info p {
	font-size: 16px;
}

.dismiss-alert a {
	font-size: 20px;
	color: #000000;
	padding-top: 0px;
}

.main-practitioner .practitioner table th:last-child,
.main-practitioner .practitioner table td:last-child {
	width: 26%;
}

.practitioner-search table th:last-child,
.practitioner-search table td:last-child {
	width: 6.2%;
}

.practitioner .panel-group .table-responsive {
	margin-top: 0px;
}

.accordion-body .open-text a {
	white-space: initial;
}

.remove-icon {
	display: inline;
	padding-right: 5px;
	height: 15px;
	margin-bottom: 2px;
}

.clear-file-upload {
	margin-left: 20px;
	line-height: 45px;
}

@media screen and (max-width: 500px) {
	.clear-file-upload {
		margin-left: 10px;
	}
}

.main-content .upload-text {
	display: none;
	visibility: hidden;
}

.row.no-padding > [class*='col-'] {
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.hide-mobile {
		display: none !important;
		visibility: hidden !important;
	}
}

@media screen and (max-width: 991px) {
	.hide-tablet {
		display: none !important;
		visibility: hidden !important;
	}
}

@media screen and (min-width: 992px) {
	.hide-desktop {
		display: none !important;
		visibility: hidden !important;
	}
}

/*Index*/

.hub-index section.container {
	padding-top: 20px;
	padding-bottom: 20px;
}

.hub-index .banner-image {
	padding-bottom: 220px;
}

.hub-index h1.banner-title {
	max-width: 100%;
}

.hub-index .row.intro {
	margin-bottom: 30px;
}

.hub-index .row.no-padding:not(.tiles) > [class*='col-'] {
	padding: 0 15px;
}

/*tablet up styling*/

@media screen and (min-width: 768px) {
	.hub-index .banner-image {
		padding-bottom: 445px;
	}
	.hub-index section.container {
		padding-top: 25px;
		padding-bottom: 5px;
	}
	.hub-index .row.no-padding {
		margin: 0 -15px 30px -15px;
	}
	.hub-index .row.no-padding:not(.tiles) > [class*='col-'] {
		padding: 0 5px;
	}
}

/*Desktop styling*/

@media screen and (min-width: 992px) {
	.hub-index .row.no-padding {
		padding: 0;
	}
	.hub-index .banner-image {
		height: 200px;
		padding-bottom: 10%;
	}
	.hub-index section.container {
		padding-top: 40px;
	}
	.hub-index .row.intro {
		margin-bottom: 35px;
	}
	.hub-index .row.no-padding {
		margin: 0 auto 35px auto;
	}
}

/*this css is temporary*/

.banner-image {
	background-image: url('/static/tmp/banner.jpg');
}

@media screen and (max-width: 768px) {
	.banner-image {
		background-image: url('/static/tmp/banner--mobile.jpg');
	}
	.policy-listings {
		padding-top: 15px;
	}
	.prose a.tile {
		text-decoration: none;
	}
}

/*Tiles*/
.tiles .tile {
	background: #495ad4;
}

.tile {
	height: 110px;
	margin: 2px 0;
	padding: 25px 20px;
	display: flex;
	align-items: center;
}

.tile .info {
	display: flex;
	align-items: center;
	width: 100%;
	color: #fff;
}

.tile .tile-icon {
	height: 40px;
	margin-left: auto;
	width: 40px;
	background: url('/static/img/refresh/arrow-right-white.svg') no-repeat;
	background-size: contain;
	display: block;
	margin-top: auto;
}

.tile h4 {
	margin: 0;
	font-size: 22px;
	color: #fff;
	max-width: 220px;
}
.tile p {
	color: #fff;
	font-size: 22px;
	margin: 0;
}
/* 
.tile:hover {
	text-decoration: none;
	background: #7adfc3;
}
.tile:hover h4,
.tile:hover p {
	color: #111111;
}
.tile:hover .tile-icon {
	background: url('/static/img/refresh/arrow-right.svg') no-repeat;
} */

.tile .icon {
	display: inline-block;
}

.tile img {
	width: 50%;
}

.category-box-Black {
	background-color: #111111;
}

.category-box-Green {
	background-color: #438516;
}

.category-box-Grey {
	background-color: #666d70;
}

.category-box-Blue {
	background-color: #0096bf;
}

.category-box-Orange {
	background-color: #b44113;
}

.category-box-LightBlue {
	background-color: #00838f;
}

.category-box-Lavender {
	background-color: #6571b3;
}

.category-box-DarkBlue {
	background-color: #00334c;
}

.category-box-Pink {
	background-color: #d10074;
}

/*tablet up styling*/

@media screen and (min-width: 768px) {
	.tile {
		margin: 5px;
		height: 245px;
		padding: 30px 25px;
		display: block;
	}
	.tile .info {
		position: absolute;
		bottom: 30px;
		width: calc(100% - 55px);
	}
}

/*Tablet up*/

@media screen and (min-width: 768px) {
	.two-column-block {
		padding-top: 40px;
	}
}

.two-column-block h4 {
	margin-bottom: 30px;
}

.two-column-block .recent-document {
	position: relative;
	margin-bottom: 20px;
}

.two-column-block .recent-document:last-child {
	margin-bottom: 0;
}

.two-column-block .recent-document svg {
	position: absolute;
	width: 10px;
	height: 10px;
	fill: #d10074;
	top: 7px;
}

.two-column-block .recent-document a {
	font-size: 18px;
	color: #00334c;
	padding-left: 20px;
	display: block;
}

.two-column-block .recent-document span {
	font-size: 18px;
	color: #666d70;
	padding-left: 20px;
}

.two-column-block .btn {
	font-weight: 400;
	font-size: 14px;
	padding: 10px 20px;
	margin-top: 10px;
}

.table-row-gray {
	background-color: #eff0f0;
}

/*desktop*/

@media screen and (min-width: 992px) {
	.two-column-block {
		padding-bottom: 70px;
	}
	.main-content .row.no-padding.tiles {
		margin: 0 auto 35px auto;
	}
}

@media all and (max-width: 768px) {
	.summary {
		width: 310px;
	}
}

@media all and (min-width: 769px) {
	.summary {
		width: 100%;
	}
}

.largertypography .btn-ghost svg {
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.largertypography .accordion.result-page .single.warning {
	background: #fffbcc;
}

.largertypography .accordion.result-page .single.warning:hover,
.largertypography .accordion.result-page .single.warning.active {
	background: #fffbcc;
}

.largertypography .accordion.result-page .single.warning .ac-toggle:before {
	content: '';
	width: 25px;
	height: 25px;
	top: 16px;
	color: #b44113;
	background: url('/static/img/info-warning.svg') center center no-repeat;
	background-size: 25px 25px;
}

div.content-wrapper.largertypography div.highlight p.NoteCalloutNumbers {
	font-size: 48px;
	margin-top: -30px;
	margin-bottom: 10px;
	/*font-weight: bold;*/
	font-weight: normal;
}

.largertypography .accordion.result-page .single .ac-toggle.ac-toggle-disabled::after {
	background: none;
}

a.ac-toggle-disabled {
	pointer-events: none;
	cursor: default;
}

.main.largertypography h2.media-heading {
	color: #111111;
}

main.largertypography h2.media-heading a {
	/*color: black !important;*/
}

div.cta-bar a.btn.btn-lg img.no-bottom-margin {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.container-form .container .Form__Element--NonData {
	margin-bottom: 25px;
}

.container-form .container .Form__Element--NonData .external-link {
	text-decoration: underline;
	color: #d10074;
}

.largertypography .btn a {
	white-space: normal;
}

/* only hide the captcha badge for ""email a friend"" as it is misplaced on some pages */
#email-colleague-modal .grecaptcha-badge {
	visibility: hidden;
}

.full-width-landing-mainbody {
	margin-top: -10px;
	margin-bottom: 40px;
}

.prose table ul li,
table ol li,
.table td p {
	font-size: 14px;
	margin-bottom: 0px;
}

.footer-secondary a {
	text-decoration: underline;
}

.footer-secondary a:hover,
.footer-secondary a:focus {
	text-decoration: none;
}

/* Helpers
######################################################################*/

/**
 * Flag to determine if js only class
  */

.js-only {
	display: none;
	visibility: hidden;
}

.hide {
	display: none;
	visibility: hidden;
}

.show {
	visibility: visible;
}

body.white-bg {
	background-color: #ffffff;
}

/* Dont add anything below Helpers accept for accessability*/

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

/* *:focus {
	outline: 3px solid #d10074 !important;
	outline-offset: -1px !important;
} */

.grecaptcha-badge {
	visibility: hidden;
}

/* Skip navigation link */

.skip-to-content-link {
	background: #d10074;
	color: #fff !important;
	font-weight: 700;
	left: 10px;
	padding: 5px 10px;
	z-index: 102;
	position: absolute;
	top: -300px;
	z-index: 9990;
}

@media all and (min-width: 768px) {
	.skip-to-content-link:focus {
		top: 10px;
	}
}

/* Default select menu  */

select option:disabled {
	color: #000000 !important;
}

a:focus {
	color: inherit;
}

.innerContent-grid {
	> .col-md-12 {
		@apply col-span-12 float-none p-0;
	}
}