@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

.swal2-progress-steps > .swal2-progress-step:only-child{
	display: none;
}

/* Print view */
@media print{
	html{
		font-size: 14px;
	}
	body{
		min-height: 0 !important;
		--bs-bg-opacity: 0 !important;
		display: block !important;
		overflow: visible !important;
	}
	img{
		break-inside: avoid;
	}
	.no-print{
		display: none !important;
	}
	.sticky-top.nav-pills{
		top: 0 !important;
	}
	#nav-page, .navbar-toggler{
		display: none !important;
	}
	.sticky-top{
		position: relative !important;
	}
	.col-lg-3.sticky-top{
		display: none !important;
	}
	.col-lg-3.sticky-top + .col-lg-9{
		width: 100% !important;
	}
	.col-lg-3.sticky-top + .col-lg-9 .accordion-item{
		border: 0 !important;
	}
	.col-lg-3.sticky-top + .col-lg-9 .add-challenges{
		display: none !important;
	}
	.col-lg-3.sticky-top + .col-lg-9 .accordion-collapse{
		display: block !important;
		break-after: page;
	}
	.navbar-brand .img-fluid{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.nav-group{
		display: none;
	}
	.form-popover{
		display: none !important;
	}
	.custom-popover{
		display: none !important;
	}
	#hubspot-messages-iframe-container{
		display: none;
	}
	#forms > .tab-content > .tab-pane{
		display: block;
		box-sizing: content-box;
		opacity: 1;
		/*border-bottom: 0.25rem dashed grey;*/
		border-top: 0.1rem dotted grey;
		/*break-after: always;*/
		break-inside: avoid-page;
	}
	#forms > .tab-content > .tab-pane[data-form-section="list"],
	#forms > .tab-content > .tab-pane[data-form-section="overview"],
	#forms > .tab-content > .tab-pane[data-form-section="presubmit"],
	#forms > .tab-content > .tab-pane[data-form-section="submitted"]{
		display: none;
	}
	#forms > .tab-content > .tab-pane::before{
		content: "Section " attr(data-form-section) "." attr(data-form-subsection);
		font-size: 1.5rem;
		font-weight: 500;
		padding-left: 1rem;
	}
	#forms > .tab-content > .tab-pane > h1::before,
	#forms > .tab-content > .tab-pane > h2::before{
		padding: 0 0.25em;
		content: " - ";
	}
	#forms > .tab-content > .tab-pane > h1,
	#forms > .tab-content > .tab-pane > h2{
		font-size: 1.5rem;
		display: inline !important;
		color: black;
		background-color: transparent;
	}
	#forms > .tab-content > .tab-pane > .list-group-item-info{
		display: none !important;
	}
	#forms > .tab-content > .tab-pane button:not(.btn-success){
		display: none !important;
	}

	#forms > .tab-content > .tab-pane .col-md-3{
		display: none;
	}
	#forms > .tab-content > .tab-pane .col-md-9{
		width: 100%;
	}

	#forms > .tab-content > .tab-pane .col-md-3 .nav,
	#forms > .tab-content > .tab-pane .col-md-3 .tab-content,
	#forms > .tab-content > .tab-pane .sticky-bottom{
		display: none;
	}
	#forms .content-container{
		break-inside: avoid;
	}
	#forms form{
		margin: 1em auto !important;
	}
	#forms form input[type="radio"]:not(:checked) + label{
		display: none !important;
	}
	#forms form input[type="checkbox"]:not(:checked) + label{
		display: none !important;
	}
	#forms form input[type="range"]{
		display: none !important;
	}
	#forms form output{
		padding: 0 !important;
	}

	.textarea-container > textarea{
		display: none !important;
	}
	.textarea-container::after {
		visibility: visible !important;
		text-align: start;
		padding-left: 0.75em;
	}
	#toast-container{
		display: none;
	}
	.footer{
		display: none;
	}
 }

/* General overrides */
	.container-xxl{
		/*--bs-gutter-x: 0;
		--bs-gutter-y: 0;*/
	}

	body{
		overflow-y: scroll;
		overscroll-behavior: contain;
		overscroll-behavior-y: contain;
		min-height: 100vh;
	}

	h1, h2, h3, h4, h5, h6{
		color: #222A41;
		font-weight: 700;
	}
	p{
		font-size: 1.2rem;
	}

	span.input-group-text{
		white-space: normal;
	}

	button:disabled {
		cursor: not-allowed;
		pointer-events: all !important;
	}

	#forms .content-container .btn-outline-success{
		--bs-btn-bg: white;
	}

	.popover{
		--bs-popover-zindex: 1059 !important;	/*Behind Swal popup*/
	}

	.toast{
		--bs-toast-box-shadow: -1rem 1rem 0.5rem 0rem rgba(127, 127, 127, 0.8) !important;
	}

	.list-group-item.btn-success{
		background-color: green !important;
		color: white !important;
	}
	.list-group-item.btn-success:hover{
		background-color: darkgreen !important;
		color: white !important;
	}

	#forms fieldset.input-group:invalid > *{
		border-color: #dc3545;
	}
	#forms fieldset.input-group:invalid > span.input-group-text,
	#forms fieldset.form-floating:invalid > input{
		border-color: #dc3545 !important;
		padding-right: calc(1.5em + .75rem);
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>");
		background-image: none;	/*Disable the error image*/
		background-repeat: no-repeat;
		background-position: right calc(.375em + .1875rem) center;
		background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	}

	#forms fieldset.input-group:valid > *{
		border-color: #198754 !important;
	}
	#forms fieldset.input-group:valid > span.input-group-text,
	#forms fieldset.form-floating:required:valid > input{
		border-color: #198754 !important;
		padding-right: calc(1.5em + .75rem);
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
		background-repeat: no-repeat;
		background-position: right calc(.375em + .1875rem) center;
		background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	}

	#forms button.form-navigation > h2,
	#forms button.form-navigation > span{
		border-bottom: 3px solid transparent;
	}
	#forms button.form-navigation.active > h2,
	#forms button.form-navigation.active > span{
		border-color: black;
	}
	#forms button.form-navigation > pie{
		background-color: var(--bridgit-grey);
	}
	#forms button.form-navigation:hover > pie{
		background-color: var(--bridgit-darkgrey);
	}

	#forms button.form-navigation.valid > pie{
		background-color: var(--bridgit-pink) !important;
	}
	#forms button.form-navigation.valid:hover > pie{
		background-color:var(--bridgit-pink-dark) !important;
	}
	#forms button.form-navigation.valid > pie > i{
		display: inline-block !important;
	}

	#forms form ~ * .btn-group button.form-navigation.active{
		/*--bs-btn-active-bg: white;*/
		/*--bs-btn-active-color: black;*/
		/*padding-left: 1em;*/
		/*padding-right: 1em;*/
	}

	#forms form:invalid ~ * .btn-group button.form-navigation.active{
		/*opacity: 0.7;*/
		/*--bs-btn-active-bg: #dc3545;*/
		/*pointer-events: none;*/
	}

	#forms form ~ * .btn-group button.form-navigation.valid[data-form-subsection]:not(.active):not(:first-child):not(:last-child),
	#forms form:valid ~ * .btn-group button.form-navigation.active{
		/*border-bottom: 0.5rem solid var(--bridgit-purple);*/
		/*padding-bottom: 0;*/
	}

	#forms [data-tab="service"] hr{
		--bs-secondary-rgb: white;
	}

	pie{
		width: 2.5em;
		height: 2.5em;
		display: block;
		border-radius: 50%;
		background-color: var(--bridgit-purple);
		border: 2px solid white;
		margin: 0.1em;
	}

	.was-validated .btn-check:invalid{
		border-color: #dc3545;
	}

/* Autoscaling textarea */
	.textarea-container{
		display: grid;
	}
	.textarea-container::after {
		content: attr(data-replicated-value) " ";
		white-space: pre-wrap;
		visibility: hidden;
	}
	.textarea-container > textarea {
		resize: none;
		overflow: hidden;
		height: auto !important;
	}
	.textarea-container > textarea,
	.textarea-container::after {
		min-height: 6em;
		border: 1px solid black;
		padding-top: 1.625rem;
		/*padding-bottom: 0.625rem;*/
		font: inherit;
		grid-area: 1 / 1 / 2 / 2;
	}

/* Colour variables */
	:root{
		/*--bridgit-pink: #EF48C2;*/
		--bridgit-pink: #CE129C;
		--bridgit-pink-dark: #A60D7D;
		--bridgit-purple: #6D3DB6;
		--bridgit-purple-dark: #3D0099;
		--bridgit-blue: #459EFF;
		--bridgit-darkblue: #005EB8;
		--bridgit-white: white;
		--bridgit-lightgrey: #F7F7F7;
		--bridgit-grey: #E5E5E5;
		--bridgit-darkgrey: grey;

		--bs-font-sans-serif: "Quicksand" !important;
	}

/* Header */
	#org-logo, #bridgit-logo{
		height: auto;
		/*max-width: 25vw;*/
		max-height: 2em;
	}

	#nav-page .nav-link.active{
		text-decoration: underline;
	}

/* Preloader */
	#preloader {
		position: fixed;
		background: #fff;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99999;
		height: 100vh;
		width: 100vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}

/* Sweetalert2 */
	.swal2-progress-steps .swal2-progress-step-line{
		width: 0.5em !important;
	}

	.min-vw-25{
		min-width: 25vw !important;
	}
	.min-vw-50{
		min-width: 50vw !important;
	}
	.min-vw-75{
		min-width: 75vw !important;
	}

/* Custom Bootstrap buttons */
	.btn-pink{
		color: #fff !important;
		background-color: var(--bridgit-pink) !important;
		border-color: var(--bridgit-pink) !important;
	}
	.btn-pink:hover{
		color: #fff !important;
		background-color: var(--bridgit-pink-dark) !important;
		border-color: var(--bridgit-pink-dark) !important;
	}
	.btn-outline-pink{
		--bs-btn-color: var(--bridgit-pink) !important;
		--bs-btn-border-color: var(--bridgit-pink) !important;
		--bs-btn-hover-color: #fff !important;
		--bs-btn-hover-bg: var(--bridgit-pink) !important;
		--bs-btn-hover-border-color: var(--bridgit-pink) !important;
		--bs-btn-focus-shadow-rgb: 13,110,253 !important;
		--bs-btn-active-color: #fff !important;
		--bs-btn-active-bg: var(--bridgit-pink) !important;
		--bs-btn-active-border-color: var(--bridgit-pink) !important;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
		--bs-btn-disabled-color: var(--bridgit-pink) !important;
		--bs-btn-disabled-bg: transparent !important;
		--bs-btn-disabled-border-color: var(--bridgit-pink) !important;
		--bs-gradient: none !important;
	}

	.btn-purple{
		color: #fff !important;
		background-color: var(--bridgit-purple) !important;
		border-color: var(--bridgit-purple) !important;
	}
	.btn-purple:hover{
		color: #fff !important;
		background-color: var(--bridgit-purple-dark)  !important;
		border-color: var(--bridgit-purple-dark)  !important;
	}

	.btn-red{
		color: #fff !important;
		background-color: crimson !important;
		border-color: crimson !important;
	}
	.btn-red:hover{
		color: #fff !important;
		background-color: firebrick !important;
		border-color: firebrick !important;
	}

/* Bootstrap popover */
	.custom-popover{
		/*--bs-popover-max-width: 200px !important;*/
		--bs-popover-border-color: var(--bs-primary) !important;

		--bs-popover-font-size: 1.25rem !important;
		--bs-popover-body-padding-x: 1rem !important;
		--bs-popover-body-padding-y: .5rem !important;

		--bs-popover-header-bg: var(--bs-primary) !important;
		--bs-popover-header-color: var(--bs-white) !important;

		--bs-popover-bg: var(--bs-primary) !important;
		--bs-popover-body-color: var(--bs-white) !important;

		--bs-popover-box-shadow: 1rem 1rem 0.5rem 0rem rgba(127, 127, 127, 0.8) !important;

		box-shadow: var(--bs-popover-box-shadow);
	}

/* Support */
	/* Group nav */
		.nav-group{
			/*height: 75vh;*/
		}
		.nav-group-toggle[aria-expanded="true"]>span::before, .nav-group-toggle[aria-expanded="true"]>span::after{
			content: "\2191";
		}

		.nav-group-toggle[aria-expanded="false"]>span::before, .nav-group-toggle[aria-expanded="false"]>span::after{
			content: "\2193";
		}

		.nav-group .introduction{
			color: var(--bridgit-blue);
		}
		.nav-group .introduction.active{
			color: var(--bridgit-blue);
			border-left: 4px solid var(--bridgit-blue);
			padding-left: 4px;
		}

		h3.position-relative,
		h3[role="button"].position-relative{
			font-size: 18px;
			color: var(--bridgit-purple);
			margin-bottom: 8px;
			border: 1px solid transparent;
			cursor: pointer;
		}
		h3.position-relative:hover, h3.position-relative:focus,
		h3[role="button"].position-relative:hover, h3[role="button"].position-relative:focus{
			border-color: var(--bridgit-purple) !important;
		}
		h3.position-relative:hover>span, h3.position-relative:focus>span,
		h3[role="button"].position-relative:hover>span, h3[role="button"].position-relative:focus>span{
			color: white !important;
			background-color: var(--bridgit-purple) !important;
		}
		h3.position-relative.active,
		h3[role="button"].position-relative.active{
			font-weight: 900;
			/*border-left: 4px solid var(--bridgit-purple);*/
			padding-left: 5px;
			color: black;
			text-decoration: none;
		}

		.nav-group button{
			border: 0;
			padding-left: 0;
			color: #666;
			line-height: 26px;
			text-decoration: underline;
			margin-left: 8px;
			margin-right: -8px;
			padding-left: 8px;
		}
		.nav-group button:hover, .nav-group button:focus{
			border-left: 2px solid var(--bridgit-purple);
			padding-left: 6px;
		}
		.nav-group button.active{
			font-weight: bold;
			border-left: 4px solid var(--bridgit-purple);
			padding-left: 4px;
			color: black;
			text-decoration: none;
		}

	/* Tab nav */
		#nav-tab::-webkit-scrollbar,
		.sticky-top.nav-pills::-webkit-scrollbar{
			display: none;
		}
		#nav-tab,
		.sticky-top.nav-pills{
			-ms-overflow-style: none;  /* IE and Edge */
			scrollbar-width: none;  /* Firefox */

			--bs-nav-tabs-link-hover-border-color: var(--bridgit-purple-dark);
			--bs-nav-tabs-link-active-color: white;
			--bs-nav-tabs-link-active-bg: var(--bridgit-purple);
			--bs-nav-tabs-link-active-border-color: var(--bridgit-purple-dark);
			--bs-nav-pills-border-radius: 1em;
			--bs-nav-pills-link-active-color: white;
			--bs-nav-pills-link-active-bg: var(--bridgit-purple);
		}
		#nav-tab .nav-link,
		.sticky-top.nav-pills .nav-link{
			border-radius: 1em;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
		#nav-tab .nav-link:not(.active),
		.sticky-top.nav-pills .nav-link:not(.active){
			background-color: #eaeaea;
			color: #666;
			border: 1px solid #666;
		}
		#nav-tab .nav-link:focus, #nav-tab .nav-link:hover,
		.sticky-top.nav-pills .nav-link:focus, .sticky-top.nav-pills .nav-link:hover{
			/*background-color: var(--bridgit-lightgrey);*/
		}

	/* Overview */
		.downloads .btn{
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}

	/* Advice */
		/* Tasks */
			.input-group>.btn-check.btn-task+label>i::before{
				content: "\f058";
				color: lightgrey;
			}
			.input-group>.btn-check.btn-task:not(:checked)+label>i::after{
				content: "\f111";
				color: black;
				position: absolute;
				left: 0.25rem;
			}
			.input-group>.btn-check.btn-task:checked+label>i::before{
				/*content: "\f058";*/
				color: inherit;
			}
			.input-group>.btn-check.btn-task+label{
				color: #212529;
			}
			.input-group>.btn-check.btn-task:checked+label{
				--bs-btn-active-color: #fff;
				--bs-btn-active-bg: #198754;
				--bs-btn-active-border-color: #198754;

				color: var(--bs-btn-active-color);
				background-color: var(--bs-btn-active-bg);
				border-color: var(--bs-btn-active-border-color);
			}

			.input-group>.btn-check.btn-task:checked+label+div.form-control{
				--bs-btn-active-color: #fff;
				--bs-btn-active-bg: #198754;
				--bs-btn-active-border-color: #198754;

				--bs-link-color: white;
				--bs-link-hover-color: white;

				color: var(--bs-btn-active-color);
				background-color: var(--bs-btn-active-bg) !important;
				border-color: var(--bs-btn-active-border-color);
			}
			.input-group>.btn-check.btn-hide:not(:checked)+label>i::before{
				content: "\f06e";
			}
			.input-group>.btn-check.btn-hide:checked+label>i::before{
				content: "\f070";
			}
			.task-blur>div{
				opacity: 0.65;
			}
			.task-blur>div>p{
				filter: blur(0.4em);
			}
			.task-blur a.multi_add,
			.task-blur a.group_add{
				pointer-events: none;
			}
			a.multi_add,
			a.group_add{
				cursor: pointer;
			}
		/* Empty advice goals */
			li.btn-success{
				border-color: black !important;
			}
		/* Advice content */
			.goal{
				padding: 0.5em;
				padding-top: 1em;
			}
			.goal .downloads {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-around;
			}
			.goal .downloads .btn {
				margin: 0.25em;
			}
			[data-tab="overview"] > .tips:empty{
				display: none;
			}
			[data-tab="overview"] > .tips::after{
				content: "";
				display: inline-block;
				height: calc(var(--bs-gutter-x) * .5);
				background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
				width: 100%;
				margin-top: 1em;
				opacity: 0.25;
			}
			.goal.card-body > p:first-of-type{
				padding: 0;
				margin: 0.5em 2em;
			}
			.goal.card-body > p:first-of-type::before{
				content: "\f3c5";
				font-family: "Font Awesome 5 Pro";
				position: absolute;
				left: 1em;
			}
			.goal img{
				max-width: 100%;
				max-height: 66vh;
				margin: auto;
				display: block;
			}
			.goal h1{
				font-size: 1.8rem;
				padding: 0 1rem;
			}
			.goal h2{
				font-size: 1.7rem;
				padding: 0 1rem;
			}
			.goal h3{
				font-size: 1.6rem;
				padding: 0 1rem;
			}
			.goal h4{
				font-size: 1.5rem;
				padding: 0 1rem;
			}
			.goal h5{
				font-size: 1.4rem;
				padding: 0 1rem;
			}
			.goal p{
				font-size: 1.2rem;
				padding: 0 1.2rem;
			}
			.goal ul{
				list-style: disc;
				/*list-style-position: inside;*/
			}
			.goal ul,
			.goal ol{
				line-height: 1.8em;
				font-size: 1.2rem;
				padding: 0 2.5em;
			}
	/* Services */
			.img-fluid.mb-1{
				max-height: 10em;
			}
	/* Events */
		.owl-stage {
			display: flex;
			flex-wrap: wrap;
		}

		.owl-item{
			display: flex;
			height: auto !important;
		}

		.owl-nav button{
			position: absolute;
			top: 50%;
			transform: translate(-50%,-50%);
			color: var(--bridgit-purple) !important;
			font-size: 20px !important;
		}

		.owl-nav button.disabled{
			opacity: 0.1 !important;
		}

		.owl-nav button.owl-prev{
			left: 0.3em;
		}

		.owl-nav button.owl-next{
			right: -0.6em;
		}

/* NHS content */
	/* Below is handled as a goal now */
	/*
	.nhs-section{
		margin-left: 1em;
	}
	.nhs-section h2{
		font-size: 1.5em;
	}
	.nhs-section h4{
		font-size: 1em;
	}
	.nhs-section p{
		font-size: 18px;
	}
	.nhs-section ul{
		font-size: 18px;
	}
	*/

	/*Indent section titles*/
		.nhs-section>h3{
			margin-left: 1em;
		}
	/*Un-indent incorrectly subsectioned titles*/
		.nhs-section .nhs-section>h3{
			margin-left: 0;
		}
	/*Negatively-indent subsection titles within markdown*/
		.nhs-markdown>h3{
			/*margin-left: -1em;*/
		}
		.nhs-section ul{
			list-style: disc;
			padding-left: 2em !important;
			margin-bottom: 1em;
		}

	/* Markdown */
		.nhs-section .nhs-markdown{
			/*margin-left: 1em;*/
		}

	/* Information */
		.nhs-section .nhs-information{
			color: #212b32;
			border-left: 0.5em solid #005eb8;
			margin-bottom: 1em;
			margin-left: 1em;
		}
		.nhs-section .nhs-information>*{
			padding-left: 1em;
			padding-right: 1em;
			padding-bottom: 0.5em;
		}
		.nhs-section .nhs-information>*:first-child{
			background-color: #005eb8;
			color: white;
			padding: 1em;
			margin: 0;
			margin-bottom: 0.5em;
		}

	/* Callout */
		.nhs-section .nhs-callout{
			background-color: #fff9c4;
			color: #212b32;
			border: 1px solid #ffeb3b;
			margin-bottom: 1em;
			margin-left: 1em;
		}
		.nhs-section .nhs-callout>*{
			padding-left: 1em;
			padding-right: 1em;
			padding-bottom: 0.5em;
		}
		.nhs-section .nhs-callout>*:first-child{
			background-color: #ffeb3b;
			color: black;
			padding: 1em;
			margin: 0;
			margin-bottom: 0.5em;
		}

	/* Non-urgent */
		.nhs-section .nhs-non-urgent{
			background-color: #ffffff;
			color: #212b32;
			border: 1px solid #d8dde0;
			margin-bottom: 1em;
			margin-left: 1em;
		}
		.nhs-section .nhs-non-urgent>*{
			padding-left: 1em;
			padding-right: 1em;
			padding-bottom: 0.5em;
		}
		.nhs-section .nhs-non-urgent>*:first-child{
			background-color: #005eb8;
			color: white;
			padding: 1em;
			margin: 0;
			margin-bottom: 0.5em;
		}

	/* Urgent */
		.nhs-section .nhs-urgent{
			background-color: black;
			color: white;
			border: 0;
			margin-bottom: 1em;
			margin-left: 1em;
		}
		.nhs-section .nhs-urgent>*{
			color: white;
			padding-left: 1em;
			padding-right: 1em;
			padding-bottom: 0.5em;
		}
		.nhs-section .nhs-urgent>*:first-child{
			background-color: crimson;
			color: white;
			padding: 1em;
			margin: 0;
			margin-bottom: 0.5em;
		}

	/* Immediate */
		.nhs-section .nhs-immediate{
			background-color: black;
			color: white;
			border: 0;
			margin-bottom: 1em;
			margin-left: 1em;
		}
		.nhs-section .nhs-immediate>*{
			color: white;
			padding-left: 1em;
			padding-right: 1em;
			padding-bottom: 0.5em;
		}
		.nhs-section .nhs-immediate>*:first-child{
			background-color: crimson;
			color: white;
			padding: 1em;
			margin: 0;
			margin-bottom: 0.5em;
		}

	/* Find a service */
		.nhs-section .nhs-find-a-service{
			/* To do */
		}
		.nhs-section .nhs-find-a-service p:before{
			content: "\2192\a0";
			font-size: 2.5em;
			vertical-align: bottom;
		}

	/* CHQ */
		.nhs-section .nhs-chq{
			/* To do */
		}
		.nhs-section .nhs-chq details>summary>h3{
			display: inline;
			color: royalblue;
		}
		.nhs-section .nhs-chq details>*:not(:first-child){
			margin-left: 2em;
		}
		.nhs-section details>.nhs-section{
			border: 1px solid black;
			padding: 0.5em 1em 0 1em;
		}

	/* Reveal */
		.nhs-section .nhs-reveal{
			/* To do */
		}
		.nhs-section .nhs-reveal details{
			border: 1px solid black;
		}
		.nhs-section .nhs-reveal details{
			display: inline;
			color: royalblue
		}

/* Scores */
	input[type="range"]:not(.form-range){
		-webkit-appearance: none;
		width: 50%;
		height: 15px;
		border-radius: 5px;
		background: #d3d3d3;
		outline: none;
		opacity: 0.7;
		-webkit-transition: .2s;
		transition: opacity .2s;
	}

	input[type="range"]:not(.form-range):hover{
		opacity: 1;
	}

	input[type="range"]:not(.form-range)::-moz-range-thumb{
		-webkit-appearance: none;
		appearance: none;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background: #04AA6D;
		cursor: pointer;
	}
	input[type="range"]:not(.form-range)::-webkit-slider-thumb{
		-webkit-appearance: none;
		appearance: none;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background: #04AA6D;
		cursor: pointer;
	}

/* Uncoloured */
	input[type="range"].uncoloured::-moz-range-thumb{
		background: var(--bridgit-purple-dark) !important;
	}
	input[type="range"].uncoloured::-webkit-slider-thumb{
		background: var(--bridgit-purple-dark) !important;
	}

/* 1 to 3 range */
	input[type="range"]:not(.form-range)[max="3"][value="1"]::-moz-range-thumb{
		background: #F00;
	}
	input[type="range"]:not(.form-range)[max="3"][value="2"]::-moz-range-thumb{
		background: #FC0;
	}
	input[type="range"]:not(.form-range)[max="3"][value="3"]::-moz-range-thumb{
		background: #0C0;
	}

	input[type="range"]:not(.form-range)[max="3"][value="1"]::-webkit-slider-thumb{
		background: #F00;
	}
	input[type="range"]:not(.form-range)[max="3"][value="2"]::-webkit-slider-thumb{
		background: #FC0;
	}
	input[type="range"]:not(.form-range)[max="3"][value="3"]::-webkit-slider-thumb{
		background: #0C0;
	}

/* 1 to 5 range */
	input[type="range"]:not(.form-range)[max="5"][value="1"]::-moz-range-thumb{
		background: #F00;
	}
	input[type="range"]:not(.form-range)[max="5"][value="2"]::-moz-range-thumb{
		background: #F80
	}
	input[type="range"]:not(.form-range)[max="5"][value="3"]::-moz-range-thumb{
		background: #FC0;
	}
	input[type="range"]:not(.form-range)[max="5"][value="4"]::-moz-range-thumb{
		background: #CF0;
	}
	input[type="range"]:not(.form-range)[max="5"][value="5"]::-moz-range-thumb{
		background: #0C0;
	}

	input[type="range"]:not(.form-range)[max="5"][value="1"]::-webkit-slider-thumb{
		background: #F00;
	}
	input[type="range"]:not(.form-range)[max="5"][value="2"]::-webkit-slider-thumb{
		background: #F80
	}
	input[type="range"]:not(.form-range)[max="5"][value="3"]::-webkit-slider-thumb{
		background: #FC0;
	}
	input[type="range"]:not(.form-range)[max="5"][value="4"]::-webkit-slider-thumb{
		background: #CF0;
	}
	input[type="range"]:not(.form-range)[max="5"][value="5"]::-webkit-slider-thumb{
		background: #0C0;
	}

/* 1 to 10 range */
	input[type="range"]:not(.form-range)[max="10"][value="1"]::-moz-range-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="2"]::-moz-range-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="3"]::-moz-range-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="4"]::-moz-range-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="5"]::-moz-range-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="6"]::-moz-range-thumb{
		background: #F00;
	}
	input[type="range"]:not(.form-range)[max="10"][value="7"]::-moz-range-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="8"]::-moz-range-thumb{
		background: #FC0;
	}
	input[type="range"]:not(.form-range)[max="10"][value="9"]::-moz-range-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="10"]::-moz-range-thumb{
		background: #0C0;
	}

	input[type="range"]:not(.form-range)[max="10"][value="1"]::-webkit-slider-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="2"]::-webkit-slider-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="3"]::-webkit-slider-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="4"]::-webkit-slider-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="5"]::-webkit-slider-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="6"]::-webkit-slider-thumb{
		background: #F00;
	}
	input[type="range"]:not(.form-range)[max="10"][value="7"]::-webkit-slider-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="8"]::-webkit-slider-thumb{
		background: #FC0;
	}
	input[type="range"]:not(.form-range)[max="10"][value="9"]::-webkit-slider-thumb,
	input[type="range"]:not(.form-range)[max="10"][value="10"]::-webkit-slider-thumb{
		background: #0C0;
	}

a:not([href]):not([class]){
	color: #0d6efd;
	text-decoration: underline;
	cursor: pointer;
	/*Prevent bootstrap setting no color and text-decoration*/
}
a:not([href]):not([class]):hover{
	color: #0851bf;
}

.text-truncatable{
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 50;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/*transition: all 0.5s linear;*/
}

.text-truncated{
	-webkit-line-clamp: 4;
}

/* Advice category list */
.advice-tabs .introduction{
	color: var(--bridgit-blue);
	margin-left: 14px;
}
.advice-tabs .introduction.active{
	color: var(--bridgit-blue);
	border-left: 4px solid var(--bridgit-blue);
	margin-left: 5px;
	padding-left: 5px;
}

.advice-tabs button{
	font-size: 15px;
	color: #6D7783;
	font-weight: 400;
	line-height: 26px;
	text-decoration: underline;
	margin-left: 10px;
}
.advice-tabs button:hover, .advice-tabs button:focus{
	background: var(--bridgit-lightgrey);
	border-left: 2px solid var(--bridgit-purple);
	margin-left: 4px;
	padding-left: 4px;
}
.advice-tabs button.active{
	font-weight: 900;
	border-left: 4px solid var(--bridgit-purple);
	background: var(--bridgit-lightgrey);
	padding-left: 5px;
	margin: 5px 0;
	color: #000;
	text-decoration: none;
}
.advice-tabs h3{
	font-size: 18px;
	color: var(--bridgit-purple);
	margin-top: 20px;
	margin-bottom: 8px;
	width: 100%;
}
#nav-tabs-support.advice-tabs h3:hover{
	text-decoration: underline;
}

/* Advice box */
.advice_wrap>hr{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	opacity: 1;
}
body>div.section:nth-child(odd) .advice_wrap>hr{
	background: var(--bridgit-grey);
}
body>div.section:nth-child(even) .advice_wrap>hr{
	background: var(--bridgit-white);
}

.advice_wrap::before{
	height: 100%;
	display: none!important;
}
.advice_role_title{
	background: var(--bridgit-lightgrey);
	display: flex;
}
.advice_role_title h4, .advice_role_title span{
	font-size: 18px;
	color: #843db6;
	font-weight: 500;
	padding: 10px;
	margin-bottom: 0;
}
.advice_role_title h4{
	margin-right: auto;
}
.advice_banner {
	/*padding-bottom: 1em;*/
}
.advice_wrap>.row.collapse+div>button.add-challenges:empty::before{
	/*content: "...";*/
}
.advice_wrap>.row.collapse:not(.show)+div>button.add-challenges::before{
	/*content: "Add challenges";*/
}
.advice_wrap>.row.collapse.show+div>button.add-challenges::before{
	/*content: "Suggest advice";*/
}

/* Search box */
	.advice_role_title>.action_url_btn{
		margin: 0;
	}

	.advice_role_title>.action_url_btn>button{
		height: auto;
		width: auto;
		min-width: 2em;
		margin: 0.2em;
		line-height: 2;
		padding: 0.2em 1em 0.2em 1em;
	}
	.advice_role_title>.action_url_btn>button:hover, .advice_role_title>.action_url_btn>button:hover{
		border: 0;
	}

	button.add{
		max-width: none;
	}

	input.search{
		width: 95%;
		font-size: 16px;
		padding: 12px 20px 12px 40px;
		border: 1px solid black;
		margin-bottom: 12px;
	}

	ul.challenge-list{
		list-style-type: none;
		padding: 0;
		margin: 0;
		border-top: 1px solid black;
		/*height: auto;*/
		max-height: 50vh;
		/*min-height: 20em;*/
		/*overflow-y: auto;*/
		overflow-x: hidden;
	}

	.swal-restrict-vh{
		/*max-height: 70vh;*/
	}

	ul.challenge-list>li{
		cursor: pointer;
		border: 1px solid black;
		margin-top: -1px; /* Prevent double borders */
		background-color: whitesmoke;
		padding: 12px;
		text-decoration: none;
		font-size: 18px;
		color: black;
		display: block;
		font-weight: 600;
	}

	ul.challenge-list>li.btn-success{
		color: white;
		background-color: #198754;
		border-color: #198754;
	}

	ul.challenge-list>li:hover:not(.header), ul.challenge-list>li:focus:not(.header){
		background-color: lightgrey;
	}
	ul.challenge-list>li.btn-success:hover:not(.header), ul.challenge-list>li.btn-success:focus:not(.header){
		color: white;
		background-color: #157347;
		border-color: #146c43;
	}

/* PI popup */
.swal2-bottom{
	padding: 0 !important;
	width: 100% !important;
}
.swal2-bottom>.swal2-toast{
	padding: 0 !important;
	background: none !important;
	box-shadow: none !important;
	margin-bottom: 0.2em !important;
}
.swal2-bottom>.swal2-toast>.swal2-html-container{
	margin: 0 !important;
}

/* Event tag buttons */
body>div.section ul#eventTabs>li.nav-item{
	cursor: pointer;
	/*flex: 1 0 0;*/
	flex-grow: 1;
	padding: 0.2em 0.2em;
	min-width: 24%;
}
body>div.section:nth-child(odd) ul#eventTabs>li.nav-item>button{
	background-color: var(--bridgit-grey);
}
body>div.section:nth-child(even) ul#eventTabs>li.nav-item>button{
	background-color: var(--bridgit-white);
}
body>div.section ul#eventTabs>li.nav-item>button{
	border-radius: 0.5em;
	border: 1px solid;
	width: 100%;
}	
body>div.section ul#eventTabs>li.nav-item>button:hover{
	background-color: var(--bridgit-purple);
	border-radius: 0.5em;
	border: 1px solid var(--bridgit-purple);
}
body>div.section ul#eventTabs>li.nav-item>button.active{
	background-color: var(--bridgit-purple);
	border-radius: 0.5em;
	border: 1px solid var(--bridgit-purple);
	cursor: auto !important;
}

html.swal2-shown .advice_site_link_wp div nav{
	overflow-y: hidden;
}

/*Hubspot*/
#hubspot-messages-iframe-container.widget-align-right{
	right: 0!important;
	background: none;
}

/* Custom SWAL classes */
.colored-toast.swal2-icon-success {
	background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
	background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
	background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
	background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
	background-color: #87adbd !important;
}

.coloured-toast {
	background-color: var(--bridgit-darkblue) !important;
}
.coloured-toast .swal2-title, .coloured-toast .swal2-close, .coloured-toast .swal2-html-container {
	color: white;
}

.colored-toast .swal2-title {
	color: white;
}

.colored-toast .swal2-close {
	color: white;
}

.colored-toast .swal2-html-container {
	color: white;
}