@import url("https://use.typekit.net/kjz0qts.css");

html {
	background-color: #FFF;
}

body {
	background: #FFF;
	color: #1A1A1A;
	font-family: "articulat-cf", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	line-height: 1.1;
	font-feature-settings: "ss02" 1,"ss04" 1,"ss05" 1,"tnum" 1 !important;
}

a, b, strong {
	font-weight: 600;
}

.position-relative {
	position: relative;
}

p {
	line-height: 1.3;
}

img.logo {
	height: 50px;
}

.top-bar, .top-bar ul {
	background-color: transparent;
	padding: 0;
}

.grid-container {
	max-width: 93rem;
}

a {
	color: #1A1A1A;
	text-decoration: underline;
	text-underline-offset: 2px;
	word-wrap: break-word;
	cursor: pointer;
}

a:hover {
	color: #1a1a1a;
	text-decoration: underline 2px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "articulat-cf", sans-serif;
	font-weight: 600;
	line-height: 1.1;
}

h1 {
	font-size: 3em;
	margin-bottom: 2rem;
}

.h1-subtitle, .h2-subtitle {
	font-size: 1.5em;
	font-weight: 600;
	color: #707070;
}

h2, h3 {
	margin-bottom: 1.5rem;
}

.title-section h1.reduced {
	font-size: 2.5em;
}

.accordion {
	position: relative;
	z-index: 10;
	background-color: transparent;
}

.accordion .accordion-title {
	padding-left: 3rem;
	padding-right: 0.5rem;
	text-align: left;
	background-color: #1A1A1A;
	color: #FFF;
	font-size: 1em;
	border: none;
}

.accordion .accordion-item.is-active .accordion-title {
	background-color: #407182;
}

.accordion .accordion-title::before {
	left: 0.5rem;
	right: auto;
	transform: none;
	font-size: 1.25em;
	font-family: "Font Awesome 6 Free";
	content: "\f055";
	font-weight: 900;
	margin-top: -.75rem;
}

.accordion .accordion-item.is-active .accordion-title::before {
	content: "\f056";
}

.accordion .accordion-item {
	margin-bottom: 1rem;
	border: none;
	border-radius: 6px;
	overflow: hidden;
	border: solid 2px #1A1A1A;
}

.accordion .accordion-item.is-active {
	border: solid 2px #407182;
}

.accordion-item:last-child > :last-child {
	border-radius: inherit;
}

:last-child:not(.is-active) > .accordion-title {
	border-bottom: none;
}

.card {
	border-radius: 0;
	border: none;
}

.card .card-section {
	padding: 2rem;
}

#top {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #FFF;
}

#top.scrolled {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#main-menu a {
	font-weight: 400;
}

.button, .menu .button, .button.primary {
	font-family: "articulat-cf", sans-serif;
	border-radius: 7px;
	padding: 1rem 2rem;
	background: #F8BB25;
	color: #1A1A1A;
	border: solid 1px #1A1A1A;
	font-size: 1em;
	transition: background-color 0.3s ease;
}

.button, .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
	background-color: #F8BB25;
	color: #1A1A1A;
}

.menu .button {
	margin-left: 1rem;
}

.button:hover, .button.primary:hover {
	background-color: #fcdd92;
	border: 1px solid #0b0c0c;
	color: #0b0c0c;
}

a.button {
	text-decoration: none;
	font-weight: 400;
}


.button.secondary {
	font-family: "articulat-cf", sans-serif;
	border-radius: 7px;
	padding: 1rem 2rem;
	background: transparent;
	color: #1A1A1A;
	border: solid 1px #1A1A1A;
	font-size: 1em;
	transition: background-color 0.3s ease;
}

.button.secondary:hover {
	background: #F8BB25;
	color: #1A1A1A;
}

.button.loading:after {
	font-family: "Font Awesome 6 Free";
	content: "\f110";
	font-weight: 900;
	animation: fa-spin 1s infinite linear;
	display: inline-block; /* Required for transform to apply */
	margin-left: 8px;
}


.full-width-image {
	width: 100%
}



.rounded {
	border-radius: 20px;
}

hr {
	max-width: 100%;
}

.off-canvas {
	background-color: #407182 !important;
	color: #FFF;
}

.off-canvas .menu {
	list-style: none;
	margin: 3rem 0;
	padding: 1rem;
}

.off-canvas .menu li {
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}

.off-canvas .menu a {
	color: #FFF;
}

.off-canvas .close-button {
	color: #FFF;
}

body.logged-in .top-bar {
	float: right;
}

body.logged-in .top-bar .my-account-menu {
	display: none;
}

body.logged-in .top-bar .my-account-menu.js-dropdown-active {
	display: inherit;
}


body.logged-in #main-menu a {
	display: inline-block;
	margin: 0 1rem;
}

body.logged-in #main-menu i.fa-circle-user {
	font-size: 3em;
	vertical-align: middle;
	margin: 0 1rem;
}

body.logged-in #main-menu i.fa-bars, #mobile-nav-opener i.fa-bars {
	font-size: 1.75em;
	vertical-align: middle;
	margin: 0 1rem;
}

body #main-menu i {
	font-size: 1.35em
}

body #main-menu i,  #mobile-nav-opener i.fa-bars {
	color: #407182;
}

body.logged-in #main-menu a:hover i, body.logged-in #main-menu button:hover i {
	color: #1A1A1A;
}



#main-menu .submenu {
	border: solid 1px #CCC;
	background-color: #FFF;
	text-align: left;
	top: 5rem;
	padding: 1rem 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

#main-menu .submenu a {
	margin: 0!important;
}

#main-menu .submenu a:hover {
	color: #271E48;
}

#main-menu .dropdown.menu > li.is-active > a {
	color: #4655A2;
}

.profile-photo-container {
	width: 75px;
	height: 75px;
	overflow: hidden;
	border-radius: 50%;
	display: inline-block;
	background-color: #FFF;
	border: solid 3px #FFF;
	vertical-align: middle;
	margin: 0 1rem;
}

body.logged-in #main-menu .profile-photo-container {
	width: 65px;
	height: 65px;
	border: solid 3px #FFF;
}

body.logged-in .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	display: none;
}

body.logged-in #main-menu .profile-photo-container a {
	margin: 0;
	padding: 0;
}


.image-container {
	display: flex;
	align-items: center;
	flex-shrink: 1; /* Allow flex items to shrink if necessary */
	max-width: 100%; /* Ensure the image container doesn't exceed the parent width */
	height: 100%;
	width: 100%;
}

.full-height-image {
	width: 100%; /* Make the image fit the width of the container */
	height: 100%; /* Make the image fill the height of the container */
	object-fit: cover; /* Ensures the image maintains aspect ratio and fills the height */
}

.big-line-breaks h2, .big-line-breaks p, .big-line-breaks h3 {
	margin-bottom: 1.5rem;
}

.big-line-breaks .h2-subtitle {
	margin-bottom: 2rem;
}

.full-height-image.cropped-angle-left {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 24% 100%);
}

.full-height-image.cropped-angle-right {
	clip-path: polygon(0 0, 100% 0, 76% 100%, 0 100%);
}

#upcoming-notifications {
	font-size: 0.8em;
}

#upcoming-notifications .cell {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#upcoming-notifications p {
	display: inline-block;
	margin-left: .25rem;
	margin-bottom: 0;
}

#main-website-header {
	position: relative;
	z-index: 11;
	padding: .5rem 0;
	border-bottom: solid 1px #CCC;
}

#main-website-footer {
	padding-top: 2rem;
	padding-bottom: 2rem;
	font-size: .8em;
	background-color: #333333;
	color: #FFF;
	margin-top: 4rem;
}

.footer-menu .menu-title {
	font-size: 1.2em;
}

.footer-menu ul.menu {
	margin-left: 1.25rem;
	list-style-type: square;
}

#main-website-footer .menu li a {
	padding: 0 0 0.5rem;
	text-decoration: none;
}

#main-website-footer .menu li a:hover {
	text-decoration: underline;
}



#main-website-footer .footer-logo img {
	height: 55px;
	width: auto;
}

#subfooter {
	font-size: .8em;
	background-color: #1A1A1A;
	color: #FFF;
}

#subfooter img, #subfooter p {
	margin-bottom: 0
}

.page-section {
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: #FFF;
}

.page-section.no-padding-top {
	padding-top: 0;
}

.page-section.no-padding-bottom {
	padding-bottom: 0;
}

.white-triangle-top {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.white-triangle-top:before {
	content: "";
	width: 125px;
	height: 50px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	z-index: 11;
}

.card.pale-yellow-triangle-bottom {
	overflow: visible;
}

.pale-yellow-triangle-bottom {
	position: relative;
}

.pale-yellow-triangle-bottom:after {
	content: "";
	width: 125px;
	height: 50px;
	background-color: #FDEEC9;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	z-index: 11;
}


.title-section {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.title-section .overview-title {
	color: #707070;
	font-size: 1.25em;
	font-weight: 600;
	margin-bottom: 0;
}

.title-section h1 {
	font-size: 3em;
}

.page-section.full-width-image-section .image-container {
	max-height: 40rem;
	overflow: hidden;
}

.flipping-card-section .flipping-card {
	position: relative;
}

.flipping-card-section .flipping-card .flipping-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.flipping-card-section .flipping-card:hover .flipping-image {
	display: none;
}

.flipping-card-section .flipping-card .flipping-card-section {
	padding: 4rem 3rem;
}

.flipping-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.flipping-card .flipping-card-section {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flipping-card .card-content {
	width: 100%;
}

.featured-webinar h3, .listed-webinar h3 {
	font-size: 1.2em;
}

.listed-webinar .card .card-section {
	padding: 1rem 1rem 1rem 0;
}

.featured-webinar img.webinar-featured-image {
	margin-bottom: 2rem;
}

.listed-webinar .card {
	margin-bottom: 0;
}

#useful-resources .card-image {
	height: 12.5rem;
	overflow: hidden;
}

#useful-resources .card-image .full-height-image {
	object-position: top;
}

#useful-resources h3 {
	font-size: 1.2em;
}

#useful-resources .useful-resource-meta {
	font-size: 0.8em;
	margin-top: 2rem;
}

.testimonial-image-container {
	border-radius: 50%;
	overflow: hidden;
}

.testimonial blockquote {
	border-left: none;
	padding-left: 0;
	font-size: 1.5em;
	color: #407182;
	font-weight: 500;
}

.testimonial blockquote p {
	color: #407182;
	line-height: 1.2;
}

.testimonial cite:before {
	content: "";
}

.testimonial cite {
	font-style: normal;
	font-weight: 600;
}

.testimonial cite p {
	color: #1A1A1A;
}

.card.testimonial {
	background-color: transparent;
}

#testimonial-slider-container .slick-prev i, #testimonial-slider-container .slick-next i {
	font-size: 3em;
}

.white-triangle-top .grid-container {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.white-triangle-top .grid-container {
	padding-top: 6rem;
}

#support .contact-detail {
	margin-right: 1rem
}

#support .card.bg-darkblue {
	margin-right: 2rem;
}

.page-section#support {
	margin-bottom: -4rem;
}

body.logged-in .create-account-button {
	display: none;
}

.inclusion-section {
	margin-bottom: 2rem
}

.inclusion-section .grid-x {
	flex-direction: row;
}

.inclusion-section:nth-child(even) .grid-x {
	flex-direction: row-reverse;
}

.inclusion-section .image-box {
	order: 1;
}

.inclusion-section:nth-child(even) .image-box {
	order: 2;
}

.inclusion-section .image-container {
	max-height: 20rem;
	overflow: hidden;
}

.inclusion-section .image-box img {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 24% 100%);
}

.inclusion-section:nth-child(even) .image-box img {
	clip-path: polygon(0 0, 100% 0, 76% 100%, 0 100%);
}

.slick-gallery {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.slick-gallery .slick-slide {
	/* ensure each slide is the same box */
	height: 250px;         /* your desired height */
	display: flex;
	align-items: center;   /* vertically centre if your img is smaller */
	justify-content: center;
	overflow: hidden;
}

.slick-gallery .slick-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;     /* crop & fill */
	display: block;
}

.showcase-details .showcase-detail, .webinar-details .webinar-detail {
	margin-left: 1.5rem;
}

.showcase-details .showcase-detail i, .webinar-details .webinar-detail i {
	margin-right: 0.4rem;
	font-size: 1.4em;
	vertical-align: sub
}

.webinar-featured-image-container {
	margin-bottom: 2rem;
}

#webinar-how-to-access, .webinar-past .responsive-embed {
	margin-bottom: 2rem;
}

/* Upcoming webinars background colour rotation */
#upcoming-webinars .webinar-card:nth-child(3n+1) .webinar-item {
	background-color: #E5F2E4;
}

#upcoming-webinars .webinar-card:nth-child(3n+2) .webinar-item {
	background-color: #FDEEC9;
}

#upcoming-webinars .webinar-card:nth-child(3n+3) .webinar-item {
	background-color: #B8D5DF;
}

/* Past webinars background colour rotation */
#past-webinars .webinar-card:nth-child(3n+1) .webinar-item {
	background-color: #E5F2E4;
}

#past-webinars .webinar-card:nth-child(3n+2) .webinar-item {
	background-color: #FDEEC9;
}

#past-webinars .webinar-card:nth-child(3n+3) .webinar-item {
	background-color: #B8D5DF;
}


.card.webinar-meta {
	margin: 1rem 0;
	background-color: rgba(0,0,0,.05)
}

.card.webinar-meta .card-section {
	padding: 1rem;
}

.useful-resource-meta {
	font-size: 1.1em;
	font-weight: 600;
	margin-top: -1rem;
	margin-bottom: 2rem;
}

.useful-resource-meta .useful-resource-added {
	margin-right: 5rem;
}

#resource-count span {
	font-weight: 600;
}

#useful-resources #heritage-post-list {
	margin: 2rem 0;
}

.g-recaptcha {
	display: inline-block;
}

.callout.formmessage {
	display: none;
	margin: 2rem 0;
}

.hs-help-tip {
	color: #407182;
}

.hs-tooltip {
	display: none;
	position: absolute;
	background-color: #407182;
	padding: 10px;
	color: #fff;
	margin-right: 2rem;
	z-index: 10;
	max-width: 350px;
}

.callout.formmessage {
	font-weight: 600;
	border: none;
	text-align: center;
}

#heritage-schools-enhanced-profile-business-form .card-section {
	padding: 2rem 3rem
}

#heritage-schools-enhanced-profile-business-form .card-section-left .image-container {
	margin: 2rem -3rem -2rem;
	max-width: inherit;
	width: inherit;
}

.enhanced-profile-field label.property-label {
	margin-bottom: 1rem
}

.avatar-upload-button {
	margin-bottom: 0;
}

.gh-form-wrapper .gh-form-fields button.gh-submit {
	width: auto;
	margin: auto;
	display: block;
}

#assignments-pro-assignment-container, .assignments-pro-criteria-subcriteria {
	padding: 0;
	border: none;
	background-color: transparent;
}

.assignments-pro-criteria-subcriteria {
	padding: 2rem 0;
}

.card.assignments-pro-criteria-card {
	margin-bottom: 0;
}

.assignments-pro-criteria-subcriteria:nth-of-type(odd) .assignments-pro-criteria-card {
	background-color: #E5F2E4;
}

.assignments-pro-criteria-subcriteria:nth-of-type(even) .assignments-pro-criteria-card {
	background-color: #FDEEC9;
}

.assignments-pro-criteria-subcriteria:nth-of-type(odd) .assignments-pro-upload-card {
	background-color: #CBE1C8;
}

.assignments-pro-criteria-subcriteria:nth-of-type(even) .assignments-pro-upload-card {
	background-color: #F3DFAD;
}

.card.assignments-pro-upload-card {
	position: relative;
}

.card.assignments-pro-upload-card:before {
	content: "";
	width: 125px;
	height: 50px;
	background-color: #E5F2E4;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	z-index: 11;
}

.assignments-pro-criteria-subcriteria:nth-of-type(even) .assignments-pro-upload-card:before {
	background-color: #FDEEC9;
}

.assignments-pro-assignment-key-details, .assignments-pro-uploaded-files-container {
	padding: 0;
	background-color: transparent;
}

.assignments-pro-criteria-subcriteria-uploaded-files {
	padding: 0;
	background-color: transparent;
	margin-top: 0;
}

.card.assignments-pro-upload-card h3 {
	margin-bottom: 1.5rem;
}


.assignments-pro-uploaded-subcriteria-files li .assignments-pro-subcriteria-file-context {
	padding: 0 2rem;
	background-color: transparent;
	margin-bottom: 0;
}

.assignments-pro-criteria-subcriteria-guidance {
	padding: 0;
	border-left: none;
	margin: 0;
}

ul.assignments-pro-uploaded-subcriteria-files li.assignments-pro-uploaded-subcriteria-file {
	display: flex;
	align-items: flex-start;
	gap: 1rem; /* optional spacing between columns */
	background-color: #407182;
	color: #FFF;
}

.assignments-pro-subcriteria-file-link {
	flex: 1 1 33.33%;
}

.assignments-pro-subcriteria-file-context {
	flex: 2 1 66.66%;
}

.remove-assignments-pro-subcriteria-file img.emoji {
	display: none!important;
}

.remove-assignments-pro-subcriteria-file::before {
	content: "\f00d"; /* Font Awesome "times" icon */
	font-family: "Font Awesome 6 Free"; /* or 5 Free, depending on your version */
	font-weight: 900; /* required for solid style */
	color: white;
	margin-right: 0.3em;
	font-size: 2em;
}

.remove-assignments-pro-subcriteria-file:hover:before {
	color: #EEE;
}

.assignments-pro-uploaded-subcriteria-files li .remove-assignments-pro-subcriteria-file {
	top: 50%;
	transform: translateY(-50%);
	text-decoration: none;
}

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
	border: solid 2px #333;
}

hr.large-padding {
	margin: 6rem auto 2rem;
}

.card.assignments-pro-additional-comments-card {
	background-color: #B8D5DF;
}

h3 label {
	font-size: inherit;
	font-weight: inherit;
}

.button.assignments-pro-mark-complete-button, .button.assignments-pro-mark-complete-button:disabled, .button.assignments-pro-submit-adv-assignment-check, .button.assignments-pro-submit-adv-assignment-check:disabled {
	font-size: 1.2em;
	margin-top: 2rem;
	background-color: #407182;
	color: #FFF;
}


.button.assignments-pro-mark-complete-button:disabled:hover, .button.assignments-pro-submit-adv-assignment-check:disabled:hover {
	background-color: #407182;
	color: #FFF;
}

p.assignments-pro-completion-message, p.assignments-pro-submission-message {
	text-align: center;
	padding-top: 2rem;
	border-top: 1px solid #cacaca;
	margin-top: 4rem;
}

.assignments-pro-criteria-row {
	margin: 0;
	padding: 0;
	border: none;
}

.assignment-criteria-card:nth-of-type(odd)  {
	background-color: #E5F2E4;
}

.assignment-criteria-card:nth-of-type(even) {
	background-color: #FDEEC9;
}

.card.assignment-criteria-card {
	overflow: visible;
	margin-bottom: 5rem;
	position: relative;
}

.assignment-criteria-card:after {
	content: "";
	width: 125px;
	height: 50px;
	background-color: #FDEEC9;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	z-index: 11;
}

.assignment-criteria-card:nth-of-type(odd):after {
	background-color: #E5F2E4;
}

.assignments-pro-criteria-status-icon-container {
	border: none;
	background-color: #FFF;
}

.assignments-pro-status-label-container {
	background-color: #407182;
	color: #FFF;
}

.assignments-pro-assignment-status-message {
	border-top: none;
	border-bottom: none;
	background-color: #deefdc;
	text-align: center;
	padding: 1rem;
}

#assignments-pro-assignment-submission-feedback-container {
	margin: 2rem 0 3rem;
}

#assignments-pro-assignment-submission-feedback-container h3 {
	font-size: 1.25em
}

#assignments-pro-assignment-submission-feedback-container .assignments-pro-expander {
	border: none;
	background-color: #407182;
	color: #FFF;
}

#assignments-pro-assignment-submission-feedback-container h4 {
	font-size: 1em
}


#assignments-pro-assignment-submission-feedback-container .assignments-pro-accordion-toggle {
	margin-bottom: 2px
}

#assignments-pro-assignment-submission-feedback-container .assignments-pro-feedback-overall-item {
	padding: 1rem 1rem 1px;
	background-color: #EEE;
	margin-bottom: 1rem;
}

.assignments-pro-accordion-toggle {
	padding: 1rem;
	cursor: pointer;
	border-radius: 4px;
	background-color: #C2E1BF;
}

.assignments-pro-accordion-toggle:nth-of-type(4n) {
	background-color: #E5F2E4;
}

.assignments-pro-feedback-subcriteria-item .assignments-pro-criteria-row {
	border-bottom: solid 1px #CACACA;
}

.assignments-pro-feedback-subcriteria-item .assignments-pro-criteria-status-icon-container {
	border: solid 1px #CACACA;
}

.assignments-pro-feedback-subcriteria-item:last-of-type .assignments-pro-criteria-row {
	border-bottom: none;
}

.feedback-icon-container {
	font-size: 2em;
	vertical-align: middle;
	margin-right: 1rem;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
	background-color: #FFF;
	opacity: 0.3;
}

.faq-section {
	margin-bottom: 4rem
}

.bg-pale-yellow tbody, .bg-pale-yellow tfoot, .bg-pale-yellow thead {
	background-color: rgba(255,255,255,.2);
	border: none;
}

.bg-pale-yellow tbody tr:nth-child(2n) {
	background-color: rgba(255,255,255,.3);
}

.terms-and-conditions-list li {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.terms-and-conditions-list li input[type="checkbox"] {
	flex-shrink: 0;
	margin-top: 0.2rem;
}

.terms-and-conditions-list label {
	line-height: 1.2;
	font-size: 1em;
}

.assignments-pro-word-counter {
	color: #1a1a1a;
}

.assignments-pro-criteria-and-guidance-container {
	margin-top: 2.5rem
}

.assignments-pro-criteria-and-guidance-container .card, .card.assignments-pro-criteria-subcriteria-uploads-card, .card.assignments-pro-criteria-subcriteria-text-input-card {
	background-color: rgba(255,255,255,.5);
}

.assignments-pro-uploaded-files-container {
	margin: 0;
}

.assignments-pro-criteria-subcriteria h3 {
	font-size: 1.2em;
}


.title-with-icon {
	display: flex;
	align-items: center;   /* Vertically aligns icon and text */
	gap: 8px;              /* Space between icon and text */
	flex-wrap: nowrap;     /* Prevents wrapping under the icon */
}

.title-with-icon .title-icon {
	flex-shrink: 0;        /* Stops the icon from shrinking */
	display: inline;
	width: 2rem;
	height: auto;
	margin-right: 0.5rem;
	vertical-align: bottom;
}

.assignment-pro-uploaded-evidence-description {
	padding-left: 2rem;
}

ul.radio-list label {
	display: inline-block;
	padding: .5rem 1rem 0;
	background-color: rgba(255,255,255,.5);
	margin-bottom: .5rem;
	border-radius: 2rem;
}

#useful-information .card-image .image-container {
	height: 18rem;
}

.page-section#webinars-and-recordings .webinar-details {
	font-size: 0.8em;
	margin-top: -.5rem;
	margin-bottom: 1rem;
}

.page-section#webinars-and-recordings .webinar-details .webinar-detail {
	margin-left: 0;
	margin-right: 1rem;
}

.expanded-showcase-item .image-container {
	height: 20rem;
}

#lead-source-other-wrap {
	margin-left: 1.5rem
}

input::placeholder,
textarea::placeholder {
	color: #777;
	opacity: 1;
}

.callout.assignments-pro-criteria-incompletion {
	padding-bottom: 0;
	border: none;
}

.callout.assignments-pro-criteria-incompletion .button.assignments-pro-mark-incomplete {
	padding: 0.5rem;
	vertical-align: baseline;
	margin-left: 1rem;
}

#cookie-notice, #cookie-notice .cn-button:not(.cn-button-custom) {
	font-family: "articulat-cf", sans-serif;
	font-size: 16px;
}

#main-menu .my-account-button {
	padding: 1rem 1.25rem;
}

.off-canvas .menu a.button {
	color: #1A1A1A;
}

.off-canvas .menu a.secondary.button {
	color: #FFF;
	border-color: #FFF
}

.menu li.divider hr {
	margin: .5rem 1rem
}

/* Colours */

.bg-white {
	background-color: #FFF;
}

.bg-darkblue {
	background-color: #407182;
}

.bg-pale-green {
	background-color: #C2E1BF;
}

.bg-pale-blue {
	background-color: #E5F2E4;
}

.bg-pale-yellow {
	background-color: #FDEEC9;
}

.bg-darkgrey {
	background-color: #333;
}

.bg-midblue {
	background-color: #B8D5DF;
}

.bg-darkyellow {
	background-color: #F8BB25;
}

.bg-off-black {
	background-color: #1A1A1A;
}

.bg-light-grey {
	background-color: #F0F0F0;
}

.fg-white {
	color: #FFF;
}

.fg-darkblue {
	color: #407182;
}

.fg-pale-green {
	color: #C2E1BF;
}

.fg-pale-blue {
	color: #E5F5E4;
}

.fg-pale-yellow {
	color: #FDEEC9;
}

.fg-darkgrey {
	color: #333;
}

.fg-midblue {
	color: #B8D5DF;
}

.fg-darkyellow {
	color: #F8BB25;
}

.fg-off-black {
	color: #1A1A1A;
}

.fg-light-grey {
	color: #F0F0F0;
}

.fg-white a, .fg-white:hover {
	color: #FFF;
}

.fg-white .button.secondary {
	color: #FFF;
	border: solid 1px #FFF;
}

.fg-white .button.secondary:hover {
	color: #1A1A1A;
}


/* Small Screens */

@media screen and (max-width: 63.9375em) {

	body {
		font-size: 14px;
	}

	h1 {
		font-size: 2em;
	}

	#mobile-nav-opener img {
		height: 2rem
	}

	.white-triangle-top:before {
		width: 100px;
		height: 35px;
	}

	.full-height-image.cropped-angle-left, .full-height-image.cropped-angle-right {
		clip-path: none;
	}

	.flipping-card-section .flipping-card .flipping-image {
		position: relative;
		max-height: 15rem;
	}

	.flipping-card-section .flipping-card:hover .flipping-image {
		display: block;
	}

	.listed-webinar .image-container {
		max-height: 15rem;
	}

	.listed-webinar .card .card-section {
		padding-left: 1rem
	}

	.testimonial-image-container {
		width: 150px;
		height: 150px;
		margin: 0 auto 1rem;
	}

	.white-triangle-top .grid-container {
		padding-top: 4rem;
	}

	#subfooter .text-right {
		text-align: left;
	}

	#mobile-menu .profile-photo-container {
		width: 50px;
		height: 50px;
	}

	.inclusion-section .image-box img {
		clip-path: none;
	}

	.inclusion-section:nth-child(even) .image-box img {
		clip-path: none;
	}

	#support .card.bg-darkblue {
		margin-right: 0;
	}

	.assignments-pro-criteria-row {
		flex-direction: inherit;
	}

	#faqs .cell.small-12 {
		padding-bottom: 0;
		padding-top: 0;
	}

	.feedback-icon-container {
		display: none;
	}

}


@media screen and (min-width: 75em) { /* large breakpoint: 1200px */


}

@media screen and (min-width: 110em) {
	/* extra large breakpoint */
	.grid-container {
		max-width: 99rem;
	}

}


/* Slick Slider */
.slick-dots {
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
	list-style: none;
	padding: 0;
}

/* Each dot wrapper */
.slick-dots li {
	margin: 0 6px;
}

/* Remove number/text and style the dot visually */
.slick-dots li button {
	font-size: 0; /* Hides number */
	line-height: 0;
	color: transparent;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0;
	width: 10px;
	height: 10px;
	position: relative;
}

/* Create a dot using :before */
.slick-dots li button:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #C2E1BF;
	transition: background-color 0.3s ease;
}

/* Hover and focus states */
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	background-color: #407182;
}

/* Active dot */
.slick-dots li.slick-active button:before {
	background-color: #407182;
}


@keyframes fa-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}