/*===============================================================
Transform Work (TW) css
TW_
Author: Sam.Porter@transformworkuk.org
===============================================================*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300italic,300);

:root {
	--circle-diameter--medium: 220px;
	--circle-diameter--large: 250px;
	--circle-diameter--small: 134px;
	--circle-radius--medium: calc(var(--circle-diameter--medium) / 2);
	--circle-radius--large: calc(var(--circle-diameter--large) / 2);
	--circle-radius--small: calc(var(--circle-diameter--small) / 2);
	--arrow-short-side: 12px;
	--arrow-long-side: 15px;
}
*,
:before,
:after {
	box-sizing: border-box;
}

.TW_hide {
	display: none !important;
}

.container {
    max-width: 1350px;
	margin: 0 auto;
}
	@media (min-width: 1200px) {
		.container {
			width: 1144px;
		}
	}

img {
    width: 100%;
}

.center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body,
output {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 1.4;
	color: var(--blue);
}
p {
	margin: 1rem 2rem;
}
	.TW--centre,
	.TW_p--centre {
		text-align: center;
	}
ol {
	margin: 1rem 2rem;
	padding-inline-start: 2rem;
}
ul {
	margin: 1rem 2rem;
	padding-inline-start: 2rem;
	padding-left: 1rem;
	list-style-type: none;
}
	ul li {
		padding-left: 2rem;
		background-image: url(/Images/content/718/1179352.png);
		background-position: top 8px left;
		background-size: 1.6rem 1.6rem;
		background-repeat: no-repeat;
	}
	nav ul,
	nav ul li {
		padding-left: 0;
		background-image: none;
	}
.registration-form .TopCaption,
.registration-form .SubCaption,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
	text-align: center;
	margin: 3rem 2rem 2rem;
	line-height: 1.4;
}
	.TW--left-align,
	.TW_h--left {
		text-align: left;
	}
h1 {
    font-size: 30px;
    margin-top: 0;
}
	.TW_h1--donate {
		color: var(--dark-green);
	}
h2 {
    font-size: 25px;
}
h3 {
    font-size: 23px;
    font-weight: 400;
}
.registration-form .TopCaption,
h4 {
    font-size: 20px;
	margin-top: 2rem;
}
h5 {
    font-size: 18px;
	margin-top: 2rem;
}
.registration-form .SubCaption,
h6 {
    font-size: 17px;
	margin-top: 2rem;
}
	.TW_h6--smaller {
		font-size: 1.6rem;
	}

.TW_banner,
.blogcomponent_articlediv > div > div:first-child {
	aspect-ratio: 4 / 1;
	margin-bottom: 2rem;
}
	.TW_banner img,
	.TW_banner embed,
	.blogcomponent_articlediv img,
	.blogcomponent_articlediv embed {
		padding: 0 !important;
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin-bottom: 2rem;
	}

.TW_event-title {
/*h2*/
    font-size: 25px;
    font-weight: 700;
	text-align: center;
	margin: 1rem 2rem 0rem;
	line-height: 1.4;
}
.TW_event-date,
.TW_event-location {
	/*h5*/
    font-size: 18px;
    font-weight: 700;
	text-align: center;
	margin: 1rem 2rem 0rem;
	line-height: 1.4;
}

q {
	background-color: var(--grey);
	margin: 0.1rem 0;
	padding: 0 0.5rem;
	border-radius: 0.5rem;
}
	q::before {
		font-family: serif;
		content: '\00201C';
	}
	q::after {
		font-family: serif;
		content: '\00201D';
	}
blockquote {
	background-color: var(--grey);
	padding: 2rem;
	margin: 0;
    font-size: 16px;
	border-radius: 0.5rem;
	font-style: italic;
	max-width: max-content;
}
	blockquote p {
		margin: 0 1rem 1rem;
	}
	blockquote::before {
		display: block;
	    font-size: 32px;
		font-family: serif;
		line-height: 0.5;
		content: '\00201C';
		text-indent: -1.5rem;
	}
	blockquote::after {
		display: block;
	    font-size: 32px;
		font-family: serif;
		line-height: 0.5;
		content: '\00000A \00201E';
		text-indent: 1.5rem;
		text-align: right;
	}
figcaption {
	padding: 0.5rem 0 0.5rem 2rem;
	font-size: 14px;
}
figure {
	margin: 0 0 1rem;
}

	@media (min-width: 768px) {
		h1 {
			font-size: 48px;
		}
		h2 {
			font-size: 42px;
		}
		h3 {
			font-size: 36px;
		}
		.registration-form .TopCaption,
		h4 {
			font-size: 24px;
		}
		h5 {
			font-size: 20px;
		}
		.registration-form .SubCaption,
		h6 {
			font-size: 18px;
		}
		p {
			margin-bottom: 1rem;
		}
	}
a {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
	color: var(--red);
	font-weight: 700;
	text-decoration: none;
}
	a:hover,
	a:focus,
	a:active {
		text-decoration: underline;

		color: var(--red);
	}
	a[href^='mailto:'] {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
		a[href^='mailto:']::after {
			content: ' \01F4E8 ';
		}
label {
	margin-bottom: 0;
	font-weight: unset;
	text-indent: unset;
}
	label > span {
		padding-top: 4px;
	}
input,
textarea {
	border: 1px solid var(--grey);
	border-radius: 2px;
	max-width: 90vw;
	min-height: 3rem;
}
textarea {
	width: 100% !important;
}
	input[type=checkbox],
	input[type=radio] {
		width: 2rem;
		height: 2rem;
		margin: unset;
	}
	input[type=number] {
		max-width: 8rem;
	}
	textarea,
	input:required {
		border: 3px solid var(--very-dark-green);
	}
	input:optional {
		border: 3px solid var(--blue);
	}
	input:focus:required,
	input:focus:optional,
	input:active:required,
	input:active:optional {
		border: 3px solid transparent;
	}
	textarea,
	input:valid {
		border: 2px solid var(--green);
	}
	input:invalid {
		border: 3px solid var(--orange);
	}
div[id$="_elFormContents"] textarea,
  div[id$="_elFormContents"] input {border-color:#bbbbbb; padding:0 10px;}
  body {margin:0; padding:0;}
  section.slice_affinity_content_page {padding:0 20px;}
button,
.sitebutton,
input[type="submit"],
input[type="button"] {
    display: inline-block;
    padding: 9px 15px;
    border-radius: 2px;
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: white;
    border: 1px solid var(--red);
	color: var(--red);
}
	button:hover,
	.sitebutton:hover,
	input[type="submit"]:hover,
	input[type="button"]:hover {
		color: white;
		background-color: var(--red);
	}
.TW_google-UI-button {
	display: inline-block;
	margin: 1rem 0.5rem;
	padding: 0.75rem 3rem;
	background: var(--Google_blue);
	color: white;
	border-radius: 0.25rem;
	font-family: "Google Sans",Roboto,Arial,sans-serif;
	font-weight: 500;
}
.TW_web-office-UI-button {
	display: inline-block;
	margin: 1rem 0.5rem;
	padding: 0.75rem 3rem;
	border-radius: 0.2rem;
	text-transform: uppercase;
	background: var(--HUBB_blue);
	color: var(--HUBB_white);
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.TW_web-office-UI-button--grey {
	background: var(--HUBB_grey);
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.TW_web-office-UI-button--green {
	background: var(--HUBB_green);
}
.TW_web-office-UI-button--red {
	background: var(--HUBB_red);
}
.TW_web-office-UI-button--white {
	background: var(--HUBB_white);
	color: var(--HUBB_dark-grey);
}
.TW_web-office-UI-selected-group {
	display: inline-block;
	margin: 1rem 0.25rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	background: var(--HUBB_blue);
	color: var(--HUBB_white);
}
.TW_web-office-UI-group--yellow {
	background: var(--HUBB_yellow);
}
.TW_web-office-UI-input {
	display: inline-block;
	color: var(--HUBB_dark-grey);
	background: var(--HUBB_white);
	border: 0.125rem solid var(--HUBB_light-grey);
	border-radius: 0.25rem;
	padding: 0.5rem 2rem 0.5rem 0.5rem;
}
.TW_web-office-UI-link {
	display: inline-block;
	margin: 1rem 0.25rem;
	padding: 0.1rem 0.5rem;
	color: var(--HUBB_blue);
}
.TW_web-office-UI-link--header {
	font-weight: bold;
}
.TW_web-office-UI-link--tab {
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 0.25rem solid var(--HUBB_blue);
	padding: 0.5rem 0;
}
.TW_web-office-UI-tooltip {
	display: inline-block;
	background-color: var(--HUBB_black);
	color: var(--HUBB_white);
    border-radius: 2px;
	padding: 8px;
}
.TW_web-office-UI-icon {
	color: var(--HUBB_blue);
	display: inline;
	width: 22px;
	height: 22px;
	font-size: 3rem;
}
.TW_web-office-UI--orange {
	color: var(--HUBB_orange);
}

form[action="./Registration.aspx"] {
	background: var(--grey);
}

.registration-form .TopCaption + div > div div[id$="registration_groups"],
.registration-form .TopCaption + div > div div[id*="ConsentFields"] {
	display: grid;
	grid-template-columns: 2rem 1fr 0;
	gap: 0.25rem;
}
/*		.registration-form .SubCaption {
			padding-right: 1rem;
		}
		.registration-form div[id*="Contents"] {

		}
*/
	.registration-form table,
	.registration-form tbody,
	.registration-form tr,
	.registration-form td,
	.registration-form span {
		display: contents;
		padding: unset !important;
		margin: unset !important;
		text-indent: unset !important;
	}
	.registration-form ul,
	.registration-form li {
		padding: unset !important;
		margin: unset !important;
		text-indent: unset !important;
		background-image: none;
	}
	/*
	.registration-form ul,
	.registration-form li {
		background-image: none;
		//text-indent: 0 !important;
	}*/

.registration-form .SubCaption > b {
	visibility: hidden;
}

.registration-form div[id="GroupNotesEnclosingDiv"] > div,
.TW_field-section {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 4rem;
}
	.TW_field-section--horizontal {
		flex-flow: row nowrap;
		gap: 0 2rem;
	}
		.TW_field-section--blue .TW_field-heading {
			color: var(--blue);
		}
		.TW_field-section--green .TW_field-heading {
			color: var(--very-dark-green);
		}
		.TW_field-section--red .TW_field-heading {
			color: var(--red);
		}
		.TW_field-section--blue .TW_field-container {
			background: var(--blue);
		}
		.TW_field-section--green .TW_field-container {
			background: var(--very-dark-green);
		}
		.TW_field-section--red .TW_field-container {
			background: var(--red);
		}
	.registration-form .TopCaption,
	.TW_field-heading {
		margin: 0 auto 1rem auto;
	}
		.registration-form .TopCaption input {
			margin-left: 1rem;
		}

.registration-form .TopCaption + div,
.TW_field-container {
	background: var(--blue);
	color: var(--grey);
	width: clamp(10vw, 700px, 95vw);
	max-width: max-content;
	margin: 0 1rem;
	padding: 1.5rem;
	border-radius: 1rem;
	box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.5);
	//line-height: 1.9;
}
	.registration-form .TopCaption + div {
		padding: 0 1.5rem;
	}
	.registration-form .TopCaption + div,
	.TW_field-container--flex {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-evenly;
		//padding: 2rem 0;
	}
		.registration-form .TopCaption + div[id="ctl00_ctl00_cphBody_cphContents_ctl12_div_ctls_address"] tr,
		.registration-form .TopCaption + div[id="ctl00_ctl00_cphBody_cphContents_ctl12_div_ctls_LDB"] tr {
			display: table-row;
			margin: 1.5rem;
			/*display: grid;
			grid-template-columns: repeat(2, auto);
			gap: 1rem;
			padding: 1.5rem;*/
		}
	.TW_field-container--flex--vertical {
		flex-flow: column wrap;
		padding: 0.25rem 0;
	}
	.TW_chexbox_list {
		display: grid;
		grid-template-columns: 3rem 1fr;
	}
	.registration-form ul[role="listbox"],
	.registration-form input,
	.registration-form select,
	.TW_field-container textarea,
	.TW_field-container input {
		color: var(--blue);
	}
	.registration-form select {
		min-height: 3rem;
	}
	.TW_field-container textarea {
		width: 100%;
	}
.registration-form .TopCaption + div > div,
.TW_field-wrapper {
	display: flex;
	flex-flow: column wrap;
	//align-items: center;
	margin: 1.5rem 0.5rem;
}
	.TW_field-wrapper--full-width {
		width: 100%;
	}
	.TW_field-wrapper--horizontal {
		flex-flow: row wrap;
		align-items: baseline;
		gap: 0.5rem;
	}
		.TW_field-wrapper--horizontal .TW_field__label {
			max-width: 80%;
		}
.TW_checkbox-label {
	padding-top: 4px
}
.registration-form .SubCaption,
.registration-form label,
.TW_field__label {
	padding-top: 4px;
	display: inline-block;
	margin: 0 1rem 0.5rem;
}
	.registration-form div[id$="extra_info"] .SubCaption {
		font-weight: 500;
	}
	.registration-form label > div,
	.TW_field__sub-label {
		font-weight: 300;
		font-size: smaller;
		padding-left: unset !important;
	}
.TW_field__tooltip {
	display: inline-block;
	font-style: italic;
	font-weight: 300;
}
	.TW_field__tooltip:before {
		content: '\a0 |\a0 ';
	}
	.TW_field__tooltip--smaller {
		font-size: smaller;
	}
.registration-form input,
.registration-form select,
.TW_field__value {
	//width: clamp(45%, 280px, 95%);
	padding: 0 0.5rem;
	border-radius: 0.5rem;
}
.registration-form .register-button-wrapper,
.TW_send-button {
    display: block !important;
	margin: 0 auto 4rem auto;
}

.TW--lighter {
	font-weight: lighter;
}
.TW--bolder {
	font-weight: bolder;
}
.TW--larger {
	font-size: larger;
}
.TW_centre {
	text-align: center;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 1200px;
}
.TW_nowrap {
	white-space: nowrap;
}
.TW_link--white {
	color: white;
}
	.TW_link--white:hover,
	.TW_link--white:focus,
	.TW_link--white:active {
		color: var(--grey);
	}

.TW_highlight {
	display: inline-block;
	background-color: var(--grey);
	margin: 0.1rem 0;
	padding: 0 0.5rem;
	border-radius: 0.5rem;
}
	.TW_highlight--blue {
		color: var(--grey);
		background-color: var(--blue);
	}
.TW_faint {
	color: var(--dark-grey);
	font-style: italic;
	font-weight: lighter;
}

.news_cards > div {
	width: 100%;
	min-height: 1px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
	.news_cards > div {width: 50%;}
}
@media (min-width: 992px) {
	.news_cards > div {width: 25%;}
}
	.news_cards .articleListImage {
		/* 3:2 image div*/
		aspect-ratio: 3 / 2;
	}
	.news_cards .articleListImage img {
		width: 100%;
		height: 100%;
		display: block;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-backface-visibility: hidden;
		object-fit: cover;
		object-position: center;
		overflow: hidden;
		border-radius: 1rem 1rem 0 0;
		box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.2);
	}
		.news_cards .articleListImage img:hover {
			opacity: 0.7;
			box-shadow: 0 0.125rem 2rem rgba(0, 0, 0, 0.2);
		}
	.news_cards .articleListTitle {
		background-color: white;
		padding: 20px 20px 6px !important;
		text-align: center;
	}
		.news_cards .articleListTitle a {
			font-family: Open Sans, sans-serif;
			text-decoration: none;
			font-weight: bold;
			color: var(--red);
			font-size: 18px;
			line-height: 1.4;
		}
	.news_cards .articleListSummary {
		font-size: 16px;
		font-family: Open Sans, sans-serif;
		background-color: white;
		padding: 5px 20px 20px !important;
	}
	.news_cards .articleListLink {
		border-top: 1px solid var(--grey);
	}
		.news_cards .articleListLink a {
			display: inline-block;
			-webkit-transition: all 500ms ease;
			transition: all 500ms ease;
			font-size: 15px;
			text-decoration: none;
			background-color: white;
			padding: 8px 20px 9px !important;
			text-align: center;
			width: 100%;
			border-radius: 0 0 1rem 1rem;
			box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.2);
		}
			.news_cards .articleListLink a:hover {
				box-shadow: 0 0.125rem 2rem rgba(0, 0, 0, 0.2);
			}
.news_cards_button {
    display: block;
    max-width: 150px;
    border-radius: 2px;
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    background-color: white;
	color: var(--red);
	margin: 2rem auto !important;
}
	.news_cards_button:hover {
		background-color: var(--red);
		color: white;
	}
		@media (min-width: 768px) {
			.news_cards_button {
				margin: 3px auto 40px;
			}
			.TW_section__title {
				font-size: 42px;
				margin-bottom: 45px;
				line-height: 1.4
			}
		}


.TW_layout {
	width: 100%;
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	-webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-backface-visibility: hidden;
}
	.TW_layout--12-13 {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;

		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-backface-visibility: hidden;
	}

.TW_page-layout {
    width: 100%;
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	-webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-backface-visibility: hidden;
}
	.TW_page-layout--800 {
		grid-template-columns: minmax(400px, 800px) auto;
	}

.TW_article-list {
	display: contents;
}
	.TW_article-list > div {
		margin: 1rem;
		background-color: white;
		border-radius: 1rem;
		box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.2);
		overflow: hidden;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-backface-visibility: hidden;
	}
		.TW_article-list--hover:hover {
			z-index: 2;
			transform: scale(1.05);
			box-shadow: 0 0.125rem 2rem rgba(0, 0, 0, 0.2);
		}
.TW_series-list__title {

}
.TW_series-list__summary {

}

.TW_columns {
	columns: clamp(32rem, 36rem, 40rem) auto;
}

.TW_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, auto);
	background-color: var(--grey);
	margin: 2rem auto 5rem;
	max-width: max-content;
	border-radius: 1rem 1rem 0.125rem 0.125rem;
	outline: 0.25rem solid var(--blue);
	place-content: center;
}
	.TW_grid--2-columns {
		grid-template-columns: repeat(2, auto);
	}
	.TW_grid--3-columns {
		grid-template-columns: repeat(3, auto);
	}
	.TW_grid--4-columns {
		grid-template-columns: repeat(4, auto);
	}
	.TW_grid--5-columns {
		grid-template-columns: repeat(5, auto);
	}
	.TW_grid--6-columns {
		grid-template-columns: repeat(6, auto);
	}
	.TW_grid--7-columns {
		grid-template-columns: repeat(7, auto);
	}
	.TW_grid--8-columns {
		grid-template-columns: repeat(8, auto);
	}
	.TW_grid--9-columns {
		grid-template-columns: repeat(9, auto);
	}
	.TW_grid--10-columns {
		grid-template-columns: repeat(10, auto);
	}
	.TW_grid a {
		display: contents;
	}
	.TW_grid__row {
		display: contents;
	}
		.TW_grid--column-1-collapse span:nth-child(1),
		.TW_grid--column-2-collapse span:nth-child(2),
		.TW_grid--column-3-collapse span:nth-child(3),
		.TW_grid--column-4-collapse span:nth-child(4),
		.TW_grid--column-5-collapse span:nth-child(5),
		.TW_grid--column-6-collapse span:nth-child(6),
		.TW_grid--column-7-collapse span:nth-child(7),
		.TW_grid--column-8-collapse span:nth-child(8),
		.TW_grid--column-9-collapse span:nth-child(9),
		.TW_grid--column-10-collapse span:nth-child(10) {
			min-width: 2.6rem;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	.TW_grid span:nth-child(n) {
		opacity: 0.85;
		padding: 1rem;
		font-weight: bold;
		-webkit-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}
		.TW_grid__row:nth-child(1) > span:nth-child(n) {
			font-size: 18px;
		}
		.TW_grid__row:nth-child(1) > span:nth-child(1) {
			border-radius: 1rem 0 0 0;
		}
		.TW_grid__row:nth-child(1) > span:nth-child(5) {
			border-radius: 0 1rem 0 0;
		}
		.TW_grid__row:nth-child(2n+2) > span:nth-child(n) {
			background-color: var(--blue);
			color: var(--grey);
		}
		.TW_grid__row:nth-child(2n+3) > span:nth-child(n) {
			background-color: var(--red);
			color: var(--grey);
		}
			.TW_grid__row:nth-child(n+2):hover > span:nth-child(n),
			.TW_grid__row:nth-child(n+2):focus > span:nth-child(n),
			.TW_grid__row:nth-child(n+2):active > span:nth-child(n) {
				opacity: 1;
				cursor: pointer;
				text-decoration: none;
			}

.TW_calendar {
	margin: 1rem;
}
	//.TW_calendar input[name*="MonthCalendar"],
	.TW_arrow-horizontal {
		font-size: 0;
		background: url(../images/TW_arrows_left-right.png) no-repeat;
		width: var(--arrow-short-side);
		height: var(--arrow-short-side);
		margin-top: var(--arrow-short-side);
		background-size: calc(2 * var(--arrow-short-side)) calc(2 * var(--arrow-long-side));
	}
		//.TW_calendar input[name$="MonthCalendar$ctl05"],
		.TW_arrow-horizontal--left {
			background-position-x: calc(-1 * var(--arrow-long-side));
		}
		//.TW_calendar input[name$="MonthCalendar$ctl06"],
		.TW_arrow-horizontal--right {
			background-position-x: 0;
		}
		.TW_arrow-horizontal--light {
			background-position-y: 0;
		}
		//.TW_calendar input[name*="MonthCalendar"],
		.TW_arrow-horizontal--dark {
			background-position-y: calc(-1 * var(--arrow-short-side));
		}
	.TW_arrow-vertical {
		font-size: 0;
		background: url(../images/TW_arrows_up-down.png) no-repeat;
		width: var(--arrow-short-side);
		height: var(--arrow-short-side);
		margin-top: var(--arrow-long-side);
		background-size: calc(2 * var(--arrow-long-side)) calc(2 * var(--arrow-short-side));
	}
		.TW_arrow-vertical--up {
			background-position-x: calc(-1 * var(--arrow-short-side));
		}
		.TW_arrow-vertical--down {
			background-position-x: 0;
		}
		.TW_arrow-vertical--light {
			background-position-y: 0;
		}
		.TW_arrow-vertical--dark {
			background-position-y: calc(-1 * var(--arrow-long-side));
		}

/*******************************
www.transformworkuk.org/find
*******************************/

.TW_directory-container {
    width: 100%;
    display: grid;
	grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "map				map"
        "MyNearestInput		MyNearestInput"
        "MyNearestDisplay	MyNearestDisplay"
        "SearchInput		SearchInput"
        "arptOrgs			OrgDetail";
	-webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-backface-visibility: hidden;
}
	@media (max-width: 750px) {
		.TW_directory-container {
			grid-template-columns: 1fr;
			grid-template-areas:
				"map"
				"MyNearestInput"
				"MyNearestDisplay"
				"OrgDetail"
				"SearchInput"
				"arptOrgs";
		}
	}
	@media (max-width: 450px) {
		.TW_directory-container div[id$="map"] {
			display: none !important;
		}
	}
	.TW_directory-container a[id$="lbPostBack"],
	.TW_directory-container div[id$="loadingDiv"],
	.TW_directory-container div[id$="MyNearestReturn"],
	.TW_directory-container div[id*="OrgBrowseReturn"],
	.TW_directory-container div[id$="SearchReturn"],
	.TW_directory-container div[id$="arptOrgs_alphaDiv"] td:first-child,
	.TW_directory-container div[id$="arptOrgs_gridDiv"] > div:nth-last-child(1) {
		display: none !important;
	}
	.TW_directory-container div[id$="map"] {
		grid-area: map;
		display: block !important;
	}
	.TW_directory-container div[id$="MyNearestInput"] {
		grid-area: MyNearestInput;
		display: block !important;
		margin: 1rem 2rem 0;
	}
	.TW_directory-container div[id$="MyNearestDisplay"] {
		grid-area: MyNearestDisplay;
		display: block !important;
		margin: 0 2rem 2rem;
	}
		.TW_directory-container div[id$="MyNearestDisplay"] table {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
			gap: 1rem;
			margin: 1rem 0;
		}
			.TW_directory-container div[id$="MyNearestDisplay"] tbody {
				display: contents;
			}
			.TW_directory-container div[id$="MyNearestDisplay"] tr {
				display: flex;
				justify-content: space-between;
				align-items: center;
				//background-clip: padding-box;
				padding: 1rem;
				background-color: white;
				border-radius: 0.5rem;
				box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.2);
				overflow: hidden;
				-webkit-transition: all 500ms ease;
				transition: all 500ms ease;
				-webkit-backface-visibility: hidden;
			}
			/*
			div[id$="MyNearestDisplay"] tr:hover {
				transform: scale(1.05);
				box-shadow: 0 0.125rem 1.2rem rgba(0, 0, 0, 0.2);
			}*/
				.TW_directory-container div[id$="MyNearestDisplay"] td {
					margin: 0.5rem;
				}
				.TW_directory-container div[id$="MyNearestDisplay"] td:nth-child(3n+1) {
					display: none;
				}
				.TW_directory-container div[id$="MyNearestDisplay"] td:nth-child(3n+3) {
					white-space: nowrap;
				}
	.TW_directory-container div[id$="OrgDetail"] {
		grid-area: OrgDetail;
		display: block !important;
		margin: 2rem;
		max-width: 1200px;
	}
		.TW_directory-container div[id$="OrgDetail"] h1 {
			font-size: 23px;
		}
			@media (min-width: 1000px) {
				.TW_directory-container div[id$="OrgDetail"] h1 {
					font-size: 36px;
				}
			}
		.TW_directory-container div[id$="OrgDetail"] p {
			margin: 0;
		}
		.TW_directory-container div[id$="OrgDetail"] table {
			max-width: max-content;
			border-color: transparent;
		}
		.TW_directory-container div[id$="OrgDetail"] td {
			padding-right: 1rem;
		}
	.TW_directory-container div[id$="SearchInput"] {
		grid-area: SearchInput;
		display: block !important;
		margin: 1rem 2rem 0;
	}
	.TW_directory-container > div[id*="arptOrgs"] {
		grid-area: arptOrgs;
		display: block !important;
	}
		.TW_directory-container div[id$="arptOrgs_alphaDiv"] {
			display: block !important;
		}
			.TW_directory-container div[id$="arptOrgs_alphaDiv"] table {
				display: flex !important;
				justify-content: space-between;
				width: 95%;
				max-width: 800px;
				text-align: center;
				margin: 0.5rem 0.5rem 0.5rem 0;
				padding: 0.5rem 1rem 0.5rem 2rem;
				border-radius: 0 2rem 2rem 0;
				border: 1px solid var(--red-translucent);
				border-left: transparent;
			}
			.TW_directory-container div[id$="arptOrgs_alphaDiv"] tbody,
			.TW_directory-container div[id$="arptOrgs_alphaDiv"] tr {
				display: contents;
			}
			.TW_directory-container div[id$="arptOrgs_alphaDiv"] td {
				color: var(--red);
				font-size: 1.2rem;
				font-weight: 700;
			}
			#AlphabetSelect,
			#AlphabetSelectLabel {
				display: none;
				justify-content: flex-start;
			}
			#AlphabetSelectLabel {
				padding: 0.5rem 1rem 0.5rem 2rem;
				text-transform: lowercase;
			}
				#AlphabetSelectLabel:first-letter {
					text-transform: uppercase;
				}
				@media (max-width: 1000px) {
					.TW_directory-container div[id$="arptOrgs_alphaDiv"] table {
						display: none !important;
					}
					#AlphabetSelect,
					#AlphabetSelectLabel {
						display: inline-block !important;
					}
				}
				@media (max-width: 750px) {
					.TW_directory-container div[id$="arptOrgs_alphaDiv"] table {
						display: flex !important;
					}
					#AlphabetSelect,
					#AlphabetSelectLabel {
						display: none !important;
					}
				}
				 @media (max-width: 500px) {
					.TW_directory-container div[id$="arptOrgs_alphaDiv"] table {
						display: none !important;
					}
					#AlphabetSelect,
					#AlphabetSelectLabel {
						display: inline-block !important;
					}
				}
		.TW_directory-container div[id$="arptOrgs_gridDiv"] {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
			justify-content: space-evenly;
			align-items: flex-start;
			gap: 1rem;
			margin: 1rem 2rem;
		}
			.TW_directory-container div[id$="arptOrgs_gridDiv"] > div {
				//height: max-content;
				height: 8.5rem;
				background-color: white;
				border-radius: 0.5rem;
				box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.2);
				overflow: hidden;
				-webkit-transition: all 500ms ease;
				transition: all 500ms ease;
				-webkit-backface-visibility: hidden;
			}
				.TW_directory-container div[id$="arptOrgs_gridDiv"] > div:hover {
					height: 11rem;
					min-height: 8.5rem;
					max-height: 15rem;
					overflow-y: scroll;
				}
				.TW_directory-card__image {
					display: none;
				}
				.TW_directory-card__title {
					overflow: hidden;
					text-overflow: ellipsis;
					padding: 1.5rem 1.5rem 0;
				}
				.TW_directory-card__category {
					display: none;
					width: max-content;
					background-color: var(--grey-translucent);
					border-radius: 5rem;
					font-size: 1.25rem;
					margin: 0.25rem 1.5rem;
					//color: var(--grey);
					padding: 0.125rem 0.625rem;
					text-transform: uppercase;
					//cursor: pointer;
					white-space: nowrap;
					color: white;
				}
					.TW_directory-card__category table,
					.TW_directory-card__category tbody,
					.TW_directory-card__category tr,
					.TW_directory-card__category td,
					.TW_directory-card__category span {
						display: contents;
					}
					.TW_directory-card__category[data-groupCategory='Christian Workplace Group'] {
						background-color: var(--red-translucent);
					}

					.TW_directory-card__category[data-groupCategory='Christian Professional Group'] {
						background-color: var(--blue-translucent);
					}

					.TW_directory-card__category[data-groupCategory='Christian Workplace Ministry'] {
						background-color: var(--green-translucent);
					}

					.TW_directory-card__category[data-groupCategory='']:empty {
						display: none;
					}
				.TW_directory-card__description {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					padding: 0 1.5rem 1.5rem;
				}
					.TW_directory-container div[id$="arptOrgs_gridDiv"] > div:hover > .TW_directory-card__description {
						white-space: normal;
					}
	.TW_directory-container div[id^="divAddOrCreateOrg"] div {
		display: block !important;
	}
	.boxout_contents_type_Directory_ascx .SiteButton,
	.boxout_contents_type_Directory_ascx .sitebutton,
	.boxout_contents_type_Directory_ascx .siteButton,
	.TW_directory-container .SiteButton,
	.TW_directory-container .Sitebutton,
	.TW_directory-container .siteButton,
	.TW_directory-container .sitebutton {
		width: max-content !important;
		padding: 8px 15px;
	}



.TW_site-header__mobile-nav {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.TW_site-header {
	display: flex;
	width: 100%;
	background: var(--grey);
	justify-content: center;
}
	.TW_site-header__container {
		display: flex;
		align-items: flex-end;
		align-content: center;
		justify-content: center;
		flex-flow: row wrap;
		margin: 0 1% 1.5rem 1%;
		width: clamp(120px, 264px, 50%);
	}
		.TW_site-logo {
			width: 132px;
		}
		.TW_site-logo--work {
			width: 100px;
		}
		.TW_site-header__nav {
			width: clamp(120px, 580px, 100%);
		}
		/*
		.TW_site-header__search {
			display: flex;
			flex-flow: row nowrap;
		}*/
			.TW_searchBox button,
			.TW_searchBox .button {
				z-index: 10;
				width: 38px;
				background: url(../images/TW_find-group-32px.png) center no-repeat, var(--grey);
				background-size: contain;
				cursor: pointer;
				border-color: transparent;
				border-radius: 50%;
				-webkit-transition: all 500ms ease;
				transition: all 500ms ease;
				-webkit-backface-visibility: hidden;
			}
			.TW_searchBox button:hover,
			.TW_searchBox .button:hover,
			.TW_searchBox .button:focus,
			.TW_searchBox .button:active {
				z-index: 20;
				box-shadow: 0 0.125rem 1.2rem rgba(0, 0, 0, 0.2);
				transform: scale(1.1);
				background: url(../images/TW_find-group-32px.png) center no-repeat, transparent;
				background-size: contain;
			}
.TW_breadcrumbs-container {
	background: linear-gradient(135deg, var(--grey) 50%, transparent);
	padding: 0 1rem;
	margin-right: auto;
	width: max-content;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
	.TW_breadcrumbs-container a:first-child {
		display: none;
	}
.TW_group-button a {
	background-color: white;
	display: block;
    font-size: 17px;
    width: max-content;
	margin: 1rem;
	padding: 0.8rem 1rem;
    border-radius: 0.5rem;
	box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.25);
	-webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-backface-visibility: hidden;
}
	.TW_group-button a:hover,
	.TW_group-button a:focus,
	.TW_group-button a:active {
		box-shadow: 0 0.125rem 1.2rem rgba(0, 0, 0, 0.2);
		transform: scale(1.1);
		text-decoration: none;
		color: var(--red);
	}
	.TW_group-button--find a {
		width: 155px;
		background: url(../images/TW_find-group-32px.png) 118px no-repeat;
		background-size: 32px;
	}
	.TW_group-button--add a {
		width: 155px;
		background: url(../images/TW_add-group-32px.png) 118px no-repeat;
		background-size: 32px;
	}
	.TW_group-button--start a {
		width: 155px;
		background: url(../images/TW_start-group-32px.png) 118px no-repeat;
		background-size: 32px;
	}

.TW_section__title {
    font-size: 28px;
    line-height: 1.4;
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-weight: 900;
}

.statusbar {
    width: 100px;
	display: flex;
	gap: 1.5rem;
}
	.statusbar a {
		display: inline-block;
		height: 45px;
		border: 1px solid #485052;
		border-radius: 2px;
		background-color: #2b3037;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		color: #d6d8df;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		min-width: 100px;
		font-size: 12px;
		padding: 1rem;
	}
	/*.statusbar a:last-child {
		display: none;
	}*/
		.statusbar a:hover {
			background-color: #485052;

			text-decoration: none;
			color: #d6d8df;
		}

.footer_icon_block {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 5px;
    padding: 6px 7px 10px 13px;
    border: 2px solid #363b3e;
    background-color: #24252a;
    border-radius: 2px;
}
	.footer_icon_block:hover {
		background-color: #3e4447;
		border-color: #3f4648;
	}
	.footer_icon_block.facebook {
		padding: 6px 3px 10px 17px;
	}

.TW_recticle {
	display: inline-block;
	background-color: var(--grey-translucent);
	border: solid 0.25rem var(--red);
	border-left: solid 0.25rem transparent;
	padding: 1rem;
	padding-right: 1.5rem;
	border-radius: 0 4rem 4rem 0;
	margin: 1rem 0;
}
	.TW_recticle:hover,
	.TW_recticle:focus,
	.TW_recticle:active {
		background-color: var(--grey);
		cursor: pointer;
		text-decoration: none;
	}
	.TW_recticle--button {
		border-left: solid 0.25rem var(--red);
		border-radius: 4rem;
		margin: 1rem 0.5rem;
	}

.TW_overlap-container {
	display: grid;
}
	.TW_overlap-item {
		grid-row-start: 1;
		grid-column-start: 1;
		place-self: center;
	}
		.TW_overlap-item:nth-child(2) {
			z-index: 2;
		}
		.TW_overlap-item:nth-child(3) {
			z-index: 3;
		}
		.TW_overlap-item:nth-child(4) {
			z-index: 4;
		}
		.TW_overlap-item:nth-child(5) {
			z-index: 5;
		}
		.TW_overlap-item--top-left {
			place-self: start;
		}
		.TW_overlap-item--top-right {
			place-self: start end;
		}
		.TW_overlap-item--bottom-left {
			place-self: end start;
		}
		.TW_overlap-item--bottom-right {
			place-self: end;
		}
		.TW_overlap-item--centre {
			place-self: center;
		}
		.TW_overlap-item--top {
			place-self: end center;
		}
		.TW_overlap-item--bottom {
			place-self: end center;
		}
		.TW_overlap-item--left {
			place-self: center start;
		}
		.TW_overlap-item--right {
			place-self: center end;
		}
.TW_text-background {
	background-color: var(--grey-translucent);
	color: var(--blue);
	width: 100%;
}
	.TW_text-background--blue {
		background-color: var(--blue-translucent);
		color: var(--grey);
	}
.TW_text-outline {
	text-shadow: 0 0 4px var(--grey);
}
	.TW_text-outline--blue {
		text-shadow: 0 0 4px var(--blue);
	}

.TW_section {
	display: flex;
	width: 100%;
	justify-content: center;
	align-content: center;
	align-items: flex-start;
	flex-flow: row wrap;
	margin: 0 auto;
}
	.TW_section--vertical {
		flex-flow: column wrap;
		justify-content: center;
		align-content: space-evenly;
	}
	.TW_section--left {
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
		text-align: left;
	}
	/*.TW_section aside {
		justify-content: flex-end;
	}*/
	.TW_section--2400 {
		max-width: 2400px !important;
	}
	.TW_section--2000 {
		max-width: 2000px !important;
	}
	.TW_section--1800 {
		max-width: 1800px !important;
	}
	.TW_section--1600 {
		max-width: 1600px !important;
	}
	.TW_section--1400 {
		max-width: 1400px !important;
	}
	.TW_section--1200 {
		max-width: 1200px !important;
	}
	.TW_section--1000 {
		max-width: 1000px !important;
	}
	.TW_section--800 {
		max-width: 800px !important;
	}
	.TW_section--600 {
		max-width: 600px !important;
	}
	.TW_section--400 {
		max-width: 400px !important;
	}
	.TW_section--200 {
		max-width: 200px !important;
	}
	.TW_section--90 {
		width: 90%;
	}
	.TW_section--grey {
		background: var(--grey);
	}
	.TW_section--small-gap {
		gap: 1rem !important;
	}
	.TW_section--medium-gap {
		gap: 3rem !important;
	}
	.TW_section--large-gap {
		gap: 5rem !important;
	}
	.TW_section--small-padding {
		padding: 1rem !important;
	}
	.TW_section--medium-padding {
		padding: 3rem !important;
	}
	.TW_section--large-padding {
		padding: 5rem !important;
	}
	/*.TW_section p {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}*/
	.TW_section--blue:nth-of-type(odd) {
		background: var(--blue);
		color: var(--grey);
	}
		.TW_section--blue:nth-of-type(odd) .TW_image-container {
			border-color: var(--grey);
		}
	.TW_section--blue:nth-of-type(even) {
		background: var(--grey);
		color: var(--blue);
	}
		.TW_section--blue:nth-of-type(even) .TW_image-container {
			border-color: var(--blue);
		}
	.TW_section--red:nth-of-type(even) {
		background: var(--red);
		color: var(--grey);
	}
		.TW_section--red:nth-of-type(odd) .TW_image-container {
			border-color: var(--red);
		}
	.TW_section--dark-green:nth-of-type(even) {
		background: var(--dark-green);
		color: var(--grey);
	}
	.TW_section--black:nth-of-type(even) {
		background: var(--black);
		color: var(--grey);
	}
	.TW_section--teal:nth-of-type(even) {
		background: var(--teal);
		color: var(--grey);
	}
	.TW_section--purple:nth-of-type(even) {
		background: var(--purple);
		color: var(--grey);
	}
	.TW_section--pink:nth-of-type(even) {
		background: var(--pink);
		color: var(--grey);
	}
	.TW_section--orange:nth-of-type(even) {
		background: var(--orange);
		color: var(--grey);
	}

.TW_circle-container {
	position: relative;
	border-radius: 50%;
	float: left;
	shape-outside: margin-box;
	background: transparent;
	clip-path: circle(50%);
	width: clamp(5vw, var(--circle-diameter--large), 90vw);
	height: clamp(5vw, var(--circle-diameter--large), 90vw);
	overflow: hidden;
	margin: 1rem;
	-webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-backface-visibility: hidden;
	border: 0.5rem solid transparent;
}
	.TW_circle-container:hover {
		transform: scale(1.1);
		z-index: 2;
		opacity: 1;
	}
	.TW_circle-container--small {
		width: clamp(5vw, var(--circle-diameter--small), 90vw);
		height: clamp(5vw, var(--circle-diameter--small), 90vw);
	}
	.TW_circle-container--medium {
		width: clamp(5vw, var(--circle-diameter--medium), 90vw);
		height: clamp(5vw, var(--circle-diameter--medium), 90vw);
	}

.TW_card-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 0 1rem;
	justify-content: space-evenly;
	padding: 0 2%;
	align-items: flex-start;
}
	.TW_card-container--1-column {
		grid-template-columns: repeat(1, minmax(300px, 1fr));
	}
	.TW_card-container--2-columns {
		grid-template-columns: repeat(2, minmax(300px, 1fr));
	}
	.TW_card-container--3-columns {
		grid-template-columns: repeat(3, minmax(300px, 1fr));
	}
	.TW_card-container--1200 {
		grid-template-columns: repeat(auto-fit, minmax(1200px, 1fr));
	}
	.TW_card-container--800 {
		grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
	}
	.TW_card-container--400 {
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	}
	.TW_card-container--200 {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
	.TW_card-container--article {
		grid-template-columns: repeat(auto-fit, minmax(300px, max-content));
	}
	.TW_card-container--people {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}
	.TW_card-container--donate {
		grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	}
		.TW_card-container--donate div {
			height: max-content;
			max-height: 300rem !important;
		}
	.TW_card-container > div,
	.TW_card {
		max-height: 60rem;
		overflow: hidden;
		text-overflow: ellipsis;

		margin: 1rem;
		background-color: white;
		border-radius: 1rem;
		box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.2);
		overflow: hidden;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-backface-visibility: hidden;
	}
		.TW_card-container > div:hover,
		.TW_card:hover {
			height: max-content;
			max-height: 300rem;
		}
		.TW_card-container div[class^="event-group"],
		.TW_card-container--full-height > div {
			max-height: max-content;
		}
			.TW_card-container--full-height > div > div:first-child {
				aspect-ratio: auto !important;
			}
			.TW_card-container > div > div:first-child {
			/*3:2 aspect ratio for image container div*/
				aspect-ratio: 3 / 2;
			}
			.TW_card-container--video > div > div:first-child {
			/*16:9 aspect ratio for video container div*/
				aspect-ratio: 16 / 9;
			}
/*
	.TW_card-container--people > div {
		max-height: 58.5rem;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.TW_card-container--landscape > div {


	}
		.TW_card-container--people > div:hover {
			height: max-content;
			max-height: 300rem;
		}
*/		.TW_card-container > div > h1,
		.TW_card-container > div > h2,
		.TW_card-container > div > h3,
		.TW_card-container > div > h4,
		.TW_card-container > div > h5,
		.TW_card-container > div > h6,
		.TW_card-container > div > p,
		.TW_card-container > div > ul,
		.TW_card-container > div > ol {
			margin: 2rem;
		}
		/*.TW_card-container > div > div,
		.TW_card__body {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			padding: 2rem;
			gap: 0.5rem;
		}*/
		.TW_card__body {
			display: contents;
		}

		.TW_screen-reader {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			white-space: nowrap;
			width: 1px;
		}
		.TW_screen-reader-focusable:active,
		.TW_screen-reader-focusable:focus {
			clip: auto;
			height: auto;
			margin: 0;
			overflow: visible;
			position: static;
			white-space: normal;
			width: auto;
		}
		.TW_card__name,
		.TW_card__email:hover,
		.TW_card__email:focus,
		.TW_card__email:active {
			display: flex;
			font-weight: 700;
			margin: 2rem 2rem 1rem;
			-webkit-transition: all 500ms ease;
			transition: all 500ms ease;
		}
		.TW_card__email,
		.TW_card__name:hover,
		.TW_card__name:focus,
		.TW_card__name:active  {
			//display: none;
			margin: 2rem 2rem 1rem;
			//overflow: hidden;
			//text-overflow: ellipsis;
			-webkit-transition: all 500ms ease;
			transition: all 500ms ease;
		}
		.TW_card__headline {
			font-weight: 700;
			margin: 2rem 2rem 1rem;
			-webkit-transition: all 500ms ease;
			transition: all 500ms ease;
		}
		.TW_card__about {
			margin: 2rem 2rem 1rem;
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-transition: all 500ms ease;
			transition: all 500ms ease;
		}
		.TW_card--payment-module div {
			padding: 0 !important;
		}
		.TW_card-container--people > div > div:nth-child(2) {
			font-weight: 700;
		}
		.TW_card-container--people > div > div {
			flex-direction: column;
		}
		/*.TW_card-container--people img[src=""]:empty {

		}*/
		.TW_card-container img,
		.TW_card-container embed,
		.TW_card__header-image {
			padding: 0 !important;
			width: 100%;
			height: 100%;
			object-fit: cover;
			//max-height: 350px;
		}
		.TW_card--hover:hover {
			z-index: 2;
			transform: scale(1.05);
			box-shadow: 0 0.125rem 2rem rgba(0, 0, 0, 0.2);
		}
		.TW_card--centre {
			margin-left: auto !important;
			margin-right: auto !important;
		}
		.TW_card--1200 {
			width: 800px !important;
			max-width: 96% !important;
		}
		.TW_card--1000 {
			width: 800px !important;
			max-width: 96% !important;
		}
		.TW_card--800 {
			width: 800px !important;
			max-width: 96% !important;
		}
		.TW_card--700 {
			width: 700px !important;
			max-width: 100% !important;
		}
		.TW_card--600 {
			width: 600px !important;
			max-width: 100% !important;
		}
		.TW_card--500 {
			width: 500px !important;
			max-width: 100% !important;
		}
		.TW_card--400 {
			width: 400px !important;
			max-width: 100% !important;
		}
		.TW_card--300 {
			width: 300px !important;
			max-width: 100% !important;
		}


.TW_tag-cloud div {
	display: flex;
	flex-flow: row wrap;
	gap: 0.5rem;
	justify-content: center;
	margin: 0.5rem;
	width: 100%;
}
	.TW_tag-cloud span {
		display: block;
	}
		.TW_tag-cloud a {
			display: block;
			width: max-content;
			background-color: var(--dark-grey);
			border-radius: 5rem;
			font-size: 1.25rem;
			margin: 0;
			color: var(--grey);
			padding: 0.125rem 1rem;
			text-transform: uppercase;
			cursor: pointer;
			white-space: nowrap;
			color: white;
			}
				.TW_tag-cloud a:hover,
				.TW_tag-cloud a:focus,
				.TW_tag-cloud a:active {
					background-color: var(--red);
					color: var(--grey);
					text-decoration: none;
					//transform: scale(1.05);
				}
	.TW_tag--blue {
		background-color: var(--blue);
	}
	.TW_tag--red {
		background-color: var(--red);
	}
	.TW_tag--grey {
		background-color: var(--grey);
	}
	.TW_tag--black {
		background-color: var(--black);
	}
	.TW_tag--dark-green {
		background-color: var(--dark-green);
	}
	.TW_tag--orange {
		background-color: var(--orange);
	}
	.TW_tag--teal {
		background-color: var(--teal);
	}
	.TW_tag--purple {
		background-color: var(--purple);
	}
	.TW_tag--pink {
		background-color: var(--pink);
	}

.TW_smiling-face::after {
	content: ' \01F642 ';
}
.TW_smiling-face-with-smiling-eyes::after {
	content: ' \01F60A ';
}
.TW_smiling-face-with-open-mouth::after {
	content: ' \01F603 ';
}
.TW_smiling-face-with-open-mouth-and-smiling-eyes:after {
	content: ' \01F604 ';
}
.TW_smiling-face-with-open-mouth-and-cold-sweat:after {
	content: ' \01F605 ';
}
.TW_winking-face:after {
	content: ' \01F609 ';
}
.TW_grinning-face:after {
	content: ' \01F600 ';
}
.TW_grinning-face-with-smiling-eyes:after {
	content: ' \01F601 ';
}
.TW_confused-face:after {
	content: ' \01F615 ';
}
.TW_worried-face:after {
	content: ' \01F61F ';
}
.TW_crying-face:after {
	content: ' \01F622 ';
}
.TW_sleeping-face:after {
	content: ' \01F634 ';
}
.TW_thinking-face:after {
	content: ' \01F914 ';
}

.TW_speech-balloon:after {
	content: ' \01F4AC ';
}
.TW_left-speech-bubble:after {
	content: ' \01F5E8 ';
}
.TW_thought-balloon:after {
	content: ' \01F4AD ';
}
.TW_speaker-high-volume:after {
	content: ' \01F50A ';
}
.TW_musical-note:after {
	content: ' \01F3B5 ';
}
.TW_warning:after {
	content: ' \0026A0 ';
}
.TW_play-button:after {
	content: ' \0025B6 ';
}
.TW_check-mark:after {
	content: ' \002714 ';
}
.TW_check-mark-button:after {
	content: ' \002705 ';
}
.TW_cross-mark:after {
	content: ' \00274C ';
}
.TW_latin-cross:after {
	content: ' \00271D ';
}
.TW_hot-beverage:after {
	content: ' \002615 ';
}
.TW_flag-united-kingdom:after {
	content: ' \01F1EC ';
}
.TW_flag-italy:after {
	content: ' \01F1EE ';
}
.TW_wrapped-gift:after {
	content: ' \01F381 ';
}
.TW_mobile-phone:after {
	content: ' \01F4F1 ';
}
.TW_laptop:after {
	content: ' \01F4BB ';
}
.TW_magnifying-glass-tilted-left:after {
	content: ' \01F50D ';
}
.TW_light-bulb:after {
	content: ' \01F4A1 ';
}
.TW_open-book:after {
	content: ' \01F4D6 ';
}
.TW_incoming-envelope:after {
	content: ' \01F4E8 ';
}
.TW_pen:after {
	content: ' \01F58A ';
}
.TW_spiral-calendar:after {
	content: ' \01F5D3 ';
}
.TW_link:after {
	content: ' \01F517 ';
}

/*===============================================================
Transform Work (TW) Christian Professionals (CP) portal page css
TW_CP_
Author: Sam.Porter@transformworkuk.org
===============================================================*/
.TW_CP_page {
	background: var(--grey);
}
.TW_CP_banner {
	width: 100vw;
	overflow: hidden;
	background: var(--grey);
}
	.TW_CP_banner-image-container {
		display: flex;
		margin-bottom: 4rem;
	}
		.TW_CP_banner-image {
			width: clamp(100vw, 200vw, 300vw);
			min-height: 150px;
			max-height: 200px;
			object-fit: cover;
			object-position: left;
			position: relative;
			animation: 10s step(2, jump-none) 5s infinite alternate both running TW_CP_scroll-across-animation;
		}
			@keyframes TW_CP_scroll-across-animation {
				0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
				50% { transform: translateX(-100vw); }
				100% { transform: translateX(0vw); }
			}

.TW_CP_h1 {
	margin-top: 3rem;
}
/*
.TW_CP_help {
	position: absolute;
	width: max-content;
	left: -200px;
	margin: 0;
	padding: 1rem;
	background: var(--blue);
	box-shadow: -0.25rem 0.25rem 0.5rem 0.25rem var(--black);
	transform: rotate(270deg) translateX(-50px);
	z-index: 10;
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
}
*/

.TW_CP_scroll-down-prompt {
	display: block;
	margin: 3rem auto;
	width: 80px;
	transform-origin: bottom;
	animation: 2s cubic-bezier(0.280, 0.840, 0.420, 1) 1s infinite normal none running TW_CP_bounce-animation;
}
	@keyframes TW_CP_bounce-animation {
		0%   { transform: scale(1,1)		translateY(0); }
		10%  { transform: scale(1.05,.95)	translateY(0); }
		30%  { transform: scale(.95,1.05)	translateY(-20px); }
		50%  { transform: scale(1.025,.975)	translateY(0); }
		57%  { transform: scale(1,1)		translateY(-5px); }
		64%  { transform: scale(1,1)		translateY(0); }
		100% { transform: scale(1,1)		translateY(0); }
	}

.TW_CP_section {
	position: relative;
	padding: 4rem 0rem;
	color: var(--grey);
}
	/*.TW_CP_section:nth-of-type(1) {
		background: linear-gradient(0.375turn, transparent 0 50px, var(--dark-green) 50px 100%);
	}*/
	.TW_CP_section:nth-of-type(even) {
		background: linear-gradient(0.375turn, transparent 0 50px, var(--blue) 50px 100%);
	}
	.TW_CP_section:nth-of-type(odd) {
		background: linear-gradient(0.375turn, transparent 0 50px, var(--red) 50px 100%);
	}
	.TW_CP_section:nth-last-of-type(1) {
		background: linear-gradient(0.375turn, transparent 0 50px, var(--black) 50px 100%);
	}
	.TW_CP_section h2,
	.TW_CP_section-header {
		margin: auto;
		text-align: center;
		padding: 0.5rem 1rem;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1;
	}
	.TW_CP_section:nth-of-type(even) h2,
	.TW_CP_section:nth-of-type(even) .TW_CP_section-header {
		background: var(--blue);
		/*background: linear-gradient(0.125turn, transparent 0 10%, var(--blue) 10% 60%, transparent 60% 100%), linear-gradient(0.375turn, transparent 0 40%, var(--blue) 40% 90%, transparent 90% 100%);*/
	}
	.TW_CP_section:nth-of-type(odd) h2,
	.TW_CP_section:nth-of-type(odd) .TW_CP_section-header {
		background: var(--red);
		/*background: linear-gradient(0.125turn, transparent 0 10%, var(--red) 10% 60%, transparent 60% 100%), linear-gradient(0.375turn, transparent 0 40%, var(--red) 40% 90%, transparent 90% 100%);*/
	}
	/*	.TW_CP_section:nth-of-type(1) h2,
		TW_CP_section:nth-of-type(1) .TW_CP_section-header {
		background: var(--dark-green);
		/*background: linear-gradient(0.125turn, transparent 0 10%, var(--dark-green) 10% 60%, transparent 60% 100%), linear-gradient(0.375turn, transparent 0 40%, var(--dark-green) 40% 90%, transparent 90% 100%);
	}*/
	.TW_CP_section:nth-last-of-type(1) h2,
	.TW_CP_section:nth-last-of-type(1) .TW_CP_section-header {
		background: var(--black);
		/*background: linear-gradient(0.125turn, transparent 0 10%, var(--black) 10% 60%, transparent 60% 100%), linear-gradient(0.375turn, transparent 0 40%, var(--black) 40% 90%, transparent 90% 100%);*/
	}

	.TW_CP_section > section,
	.TW_CP_section-body {
		display: flex;
		flex-flow: row wrap;
		gap: 2rem;
		justify-content: center;
		margin-top: 4rem;
		background: transparent;
	}
		.TW_CP_section > section > div,
		.TW_CP_section-body__group {
			display: flex;
			flex-flow: column wrap;
			width: 300px;
			align-items: center;
		}
			.TW_CP_logo-container {
				border-radius: 50%;
				background-color: var(--grey-translucent);
				clip-path: circle(52%);
				width: clamp(5vw, var(--circle-diameter--medium), 90vw);
				height: clamp(5vw, var(--circle-diameter--medium), 90vw);
				overflow: hidden;
				margin: 1rem;
				-webkit-transition: all 500ms ease;
				transition: all 500ms ease;
				-webkit-backface-visibility: hidden;
				border: 0.5rem solid transparent;
			}
			.TW_CP_section:nth-of-type(even) .TW_CP_logo-container {
				border-color: var(--red);
			}
			.TW_CP_section:nth-of-type(odd) .TW_CP_logo-container {
				border-color: var(--blue);
			}
			.TW_CP_section:nth-last-of-type(1) .TW_CP_logo-container {
				border-color: var(--red);
			}
				.TW_CP_logo-container:hover {
					transform: scale(1.1);
					z-index: 2;
					opacity: 1;
					background-color: var(--grey);
				}
				.TW_CP_logo-container--play-media {
					transform: scale(1.1);
					z-index: 3;
					opacity: 0;
				}
					.TW_CP_logo-container--play-media::after {
						content: ' \0025B6 ';
						z-index: 3;
						opacity: 0.9;
					}
				.TW_CP_logo-container--small {
					width: clamp(5vw, var(--circle-diameter--small), 90vw);
					height: clamp(5vw, var(--circle-diameter--small), 90vw);
				}
				.TW_CP_logo-container--red {
					border-color: var(--red);
				}
				.TW_CP_logo-container--blue {
					border-color: var(--blue);
				}
				.TW_CP_logo-container--thin {
					border-width: 0.25rem;
				}

				.TW_CP_logo {
					//transform: scale(0.95);
				}
					.TW_CP_logo--TW {
						transform: scale(0.95);
						object-fit: contain;
						object-position: center;
						width: 100%;
						height: 100%;
					}
			.TW_CP_section > section > div > *,
			.TW_CP_group__body {
				//margin: auto 0.5rem;
				text-align: center;
			}
			.TW_CP_section > section > div > * > span,
			.TW_CP_group__body > span {
				text-align: center;
				text-overflow: ellipsis;
				overflow: hidden;
				overflow-y: scroll;
			}

.TW_CP_directory > * {
	display: none;
}
.TW_CP_directory > div[id$="arptOrgs_gridDiv"] {
	display: flex;
}
	.TW_CP_directory > div[id$="arptOrgs_gridDiv"] * {
		display: block;
	}
	.TW_CP_directory > div[id$="arptOrgs_gridDiv"] > div[id*="arptOrgs"] {
		display: flex;
	}
		.TW_CP_directory > div[id$="arptOrgs_gridDiv"] > div[id*="arptOrgs"] div[id$="hlTitle"] {
			display: contents;
		}



.TW_CP_directory-container {
	max-width: 100%;
    display: flex;
	flex-flow: column wrap;
	gap: 2rem;
	justify-content: center;
	margin-top: 4rem;
	background: transparent;
}
	.TW_CP_directory-container a {
		color: white;
	}
		.TW_CP_directory-container a:hover,
		.TW_CP_directory-container a:focus,
		.TW_CP_directory-container a:active {
			color: var(--grey);
		}
	.TW_CP_directory-container a[id$="lbPostBack"],
	.TW_CP_directory-container div[id$="loadingDiv"],
	.TW_CP_directory-container div[id$="MyNearestReturn"],
	.TW_CP_directory-container div[id*="OrgBrowseReturn"],
	.TW_CP_directory-container div[id$="SearchReturn"],
	.TW_CP_directory-container div[id$="arptOrgs_alphaDiv"] td:first-child,
	.TW_CP_directory-container div[id$="arptOrgs_gridDiv"] > div:nth-last-child(1) {
		display: none !important;
	}
	.TW_CP_directory-container div[id$="map"] {
		grid-area: map;
		display: block !important;
	}
	.TW_CP_directory-container div[id$="MyNearestInput"] {
		grid-area: MyNearestInput;
		display: block !important;
		margin: 1rem 2rem 0;
	}
	.TW_CP_directory-container div[id$="MyNearestDisplay"] {
		grid-area: MyNearestDisplay;
		display: block !important;
		margin: 0 2rem 2rem;
	}
		.TW_CP_directory-container div[id$="MyNearestDisplay"] table {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
			gap: 1rem;
			margin: 1rem 0;
		}
			.TW_CP_directory-container div[id$="MyNearestDisplay"] tbody {
				display: contents;
			}
			.TW_CP_directory-container div[id$="MyNearestDisplay"] tr {
				display: flex;
				justify-content: space-between;
				align-items: center;
				//background-clip: padding-box;
				padding: 1rem;
				background-color: white;
				border-radius: 0.5rem;
				box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.2);
				overflow: hidden;
				-webkit-transition: all 500ms ease;
				transition: all 500ms ease;
				-webkit-backface-visibility: hidden;
			}
			/*
			div[id$="MyNearestDisplay"] tr:hover {
				transform: scale(1.05);
				box-shadow: 0 0.125rem 1.2rem rgba(0, 0, 0, 0.2);
			}*/
				.TW_CP_directory-container div[id$="MyNearestDisplay"] td {
					margin: 0.5rem;
				}
				.TW_CP_directory-container div[id$="MyNearestDisplay"] td:nth-child(3n+1) {
					display: none;
				}
				.TW_CP_directory-container div[id$="MyNearestDisplay"] td:nth-child(3n+3) {
					white-space: nowrap;
				}
	.TW_CP_directory-container div[id$="OrgDetail"] {
		grid-area: OrgDetail;
		display: block !important;
		margin: 2rem;
		max-width: 1200px;
	}
		.TW_CP_directory-container div[id$="OrgDetail"] h1 {
			font-size: 23px;
		}
			@media (min-width: 1000px) {
				.TW_CP_directory-container div[id$="OrgDetail"] h1 {
					font-size: 36px;
				}
			}
		.TW_CP_directory-container div[id$="OrgDetail"] p {
			margin: 0;
		}
		.TW_CP_directory-container div[id$="OrgDetail"] table {
			max-width: max-content;
			border-color: transparent;
		}
		.TW_CP_directory-container div[id$="OrgDetail"] td {
			padding-right: 1rem;
		}
	.TW_CP_directory-container div[id$="SearchInput"] {
		max-width: 100%;
		grid-area: SearchInput;
		display: block !important;
		text-align: center;
		margin: 1rem 2rem 0;
	}
		.TW_CP_directory-container div[id$="SearchInput"] input[id$="SearchBox"] {
			background: var(--grey-translucent);
			color: var(--black);
		}
		.TW_CP_directory-container div[id$="SearchInput"] input[type="button"] {
			z-index: 10;
			height: 38px;
			width: 38px;
			font-size: 0px;
			background: url(../images/TW_find-group-32px.png) center no-repeat, var(--grey);
			background-size: contain;
			cursor: pointer;
			border-color: transparent;
			border-radius: 50%;
			-webkit-transition: all 500ms ease;
			transition: all 500ms ease;
			-webkit-backface-visibility: hidden;
		}
		/*	.TW_CP_directory-container div[id$="SearchInput"] input[type="button"]:hover,
			.TW_CP_directory-container div[id$="SearchInput"] input[type="button"]:focus,
			.TW_CP_directory-container div[id$="SearchInput"] input[type="button"]:active {
				z-index: 20;
				box-shadow: 0 0.125rem 1.2rem rgba(0, 0, 0, 0.2);
				transform: scale(1.1);
				background: url(../images/TW_find-group-32px.png) center no-repeat, transparent;
				background-size: contain;
				grid-area: MyNearestInput;
				display: block !important;
				margin: 1rem 2rem 0;
			}*/
	.TW_CP_directory-container > div[id*="arptOrgs"] {
		max-width: 100%;
		grid-area: arptOrgs;
		display: block !important;
	}
		.TW_CP_directory-container div[id$="arptOrgs_alphaDiv"] {
			max-width: 100%;
			display: block !important;
		}
			.TW_CP_directory-container div[id$="arptOrgs_alphaDiv"] table {
				display: flex !important;
				justify-content: space-between;
				width: 95%;
				max-width: 800px;
				text-align: center;
				margin: 0.5rem 0.5rem 0.5rem 0;
				padding: 0.5rem 1rem 0.5rem 2rem;
				border-radius: 0 2rem 2rem 0;
				border: 1px solid var(--red-translucent);
				border-left: transparent;
			}
			.TW_CP_directory-container div[id$="arptOrgs_alphaDiv"] tbody,
			.TW_CP_directory-container div[id$="arptOrgs_alphaDiv"] tr {
				display: contents;
			}
			.TW_CP_directory-container div[id$="arptOrgs_alphaDiv"] td {
				color: var(--red);
				font-size: 1.2rem;
				font-weight: 700;
			}
			#AlphabetSelect,
			#AlphabetSelectLabel {
				display: none;
				justify-content: flex-start;
			}
			#AlphabetSelectLabel {
				padding: 0.5rem 1rem 0.5rem 2rem;
				text-transform: lowercase;
			}
				#AlphabetSelectLabel:first-letter {
					text-transform: uppercase;
				}
				@media (max-width: 1000px) {
					.TW_CP_directory-container div[id$="arptOrgs_alphaDiv"] table {
						display: none !important;
					}
					#AlphabetSelect,
					#AlphabetSelectLabel {
						display: inline-block !important;
					}
				}
				@media (max-width: 750px) {
					.TW_CP_directory-container div[id$="arptOrgs_alphaDiv"] table {
						display: flex !important;
					}
					#AlphabetSelect,
					#AlphabetSelectLabel {
						display: none !important;
					}
				}
				 @media (max-width: 500px) {
					.TW_CP_directory-container div[id$="arptOrgs_alphaDiv"] table {
						display: none !important;
					}
					#AlphabetSelect,
					#AlphabetSelectLabel {
						display: inline-block !important;
					}
				}
		.TW_CP_directory-container div[id$="arptOrgs_gridDiv"] {
			max-width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: flex-start;
			gap: 4rem;
			margin: 1rem 2rem;
		}
			.TW_CP_directory-container div[id$="arptOrgs_gridDiv"] > div {
				justify-content: center;
				//height: max-content;
				height: 24rem;
				width: 26rem;
				background-color: transparent;
				//border-radius: 0.5rem;
				//box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.2);
				overflow: hidden;
				-webkit-transition: all 500ms ease;
				transition: all 500ms ease;
				-webkit-backface-visibility: hidden;
			}
				.TW_CP_directory-container div[id$="arptOrgs_gridDiv"] > div:hover {
					height: 40rem;
					min-height: 20rem;
					max-height: 100rem;
				}
				.TW_CP_directory-card__image {
					display: none;
				}
				.TW_CP_directory-card__title {
					overflow: hidden;
					text-overflow: ellipsis;
					padding: 1.5rem 1.5rem 0;
				}
				.TW_CP_directory-card__category {
					display: none;
					width: max-content;
					background-color: var(--grey-translucent);
					border-radius: 5rem;
					font-size: 1.25rem;
					margin: 0.25rem 1.5rem;
					//color: var(--grey);
					padding: 0.125rem 0.625rem;
					text-transform: uppercase;
					//cursor: pointer;
					white-space: nowrap;
					color: white;
				}
					.TW_CP_directory-card__category table,
					.TW_CP_directory-card__category tbody,
					.TW_CP_directory-card__category tr,
					.TW_CP_directory-card__category td,
					.TW_CP_directory-card__category span {
						display: contents;
					}
					.TW_CP_directory-card__category[data-groupCategory='Christian Workplace Group'] {
						background-color: var(--red-translucent);
					}

					.TW_CP_directory-card__category[data-groupCategory='Christian Professional Group'] {
						background-color: var(--blue-translucent);
					}

					.TW_CP_directory-card__category[data-groupCategory='Christian Workplace Ministry'] {
						background-color: var(--green-translucent);
					}

					.TW_CP_directory-card__category[data-groupCategory='']:empty {
						display: none;
					}
				.TW_CP_directory-card__description {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					padding: 0 1.5rem 1.5rem;
				}
					.TW_CP_directory-container div[id$="arptOrgs_gridDiv"] > div:hover > .TW_CP_directory-card__description {
						white-space: normal;
					}
	.TW_CP_directory-container div[id^="divAddOrCreateOrg"] div {
		display: block !important;
	}
	.boxout_contents_type_Directory_ascx .SiteButton,
	.boxout_contents_type_Directory_ascx .sitebutton,
	.boxout_contents_type_Directory_ascx .siteButton,
	.TW_CP_directory-container .SiteButton,
	.TW_CP_directory-container .Sitebutton,
	.TW_CP_directory-container .siteButton,
	.TW_CP_directory-container .sitebutton {
		width: max-content !important;
		padding: 8px 15px;
	}