/* ==========================
* Project: CCVS
* Coders: Dasha 
* Last update:
* CSS WORKFLOW:
			1. GLOBAL SETTINGS
				- Inner pages
				- Menu
			2. HOMEPAGE
				- Section 1
				- Section 2
				- Section 3
				- Section 4
				- Section 5
			3. ABOUT US
			4. OUR OUTCOMES
			5. OUR COMMUNITIES
			6. RESPONSIBLE BUSINESS
			7. GET INVOLVED
			8. RESOURCES 
* Media Queries
X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap

Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
=================================================*/
/*.card-5126.clickable-card.d-flex.flex-column.justify-content-between img {
    object-fit: contain !important;
    padding: 20px !important;
}*/
/*** GENERAL SETTINGS
=========================*/
/*** CUSTOM FONTS
----------------------*/

@font-face {
	font-family: 'Mulish-Regular';
	src: url('https://supportcambridgeshire.org.uk/wp-content/themes/infinity-pro/fonts/Mulish-VariableFont.woff2') format('woff2');
	font-weight: 300 400 500 600 700;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'Mulish-Italic';
	src: url('https://supportcambridgeshire.org.uk/wp-content/themes/infinity-pro/fonts/Mulish-Italic-VariableFont.woff2') format('woff2');
	font-weight: 300 400 500 600 700;
	font-style: normal;
	font-display: block;
}


.site-container {
    border-top: 10px solid #fcb74a;
    padding-top: 11px;
}

/*colors*/
:root {
	
	
	/*--green: #357C36;
	 * --yellow: #E3A428;
	 * --orange: #F05A29;
	 * --blue: #0D6EAA;
	 * --turq: #5BC4BF;
	
	
	--red: #BA212F;
	--light-pink: #fff3ef;
	--grey: #f7f7f7; */
	
	--breakpoint-sidebar: 1920px;
	--grey: #F7F7F7;
	--purple:  #664699;
	--blue: #0BBAC0;
	--orange: #F7934B;
	--green: #69BC4A;
	--yellow: #FCB74A;
	--black: #0f1b0a;
	--pink: #E71E81;

}

body {
	color: black;
	font-family: 'Mulish-Regular', sans-serif !important;
	font-weight: 400;
	font-size: 20px;
}


p {
	margin-bottom: 20px;
}

.page p,
.page ul li,
.page ol li,
.page a {
	font-size: 20px;
}

.page a {
    display: inline-block;
    font-weight: 400;
    width: fit-content;
}

:focus {
	outline-offset: 2px;
	outline: 3px solid var(--black);
}

@media only screen and (max-width: 667px) {
	.page p,
	.page ul li,
	.page ol li,
	.page a {
		font-size: 18px;
	}
}

h1, h2, h3, h4, h5 {
	font-family: 'Mulish-Regular';
	font-weight: 700;
}

svg.external-icon {
    height: 19px;
	padding: 3px 2px 3px 2px;
    width: 19px;
}

svg.external-icon path {
    fill: currentColor;
}


.entry-content h4 {
    margin-top: 20px;
    font-size: 20px;
	margin-bottom: 20px;
}

.entry-content .flex-main {
    min-height: 500px;
}

.page strong {
	color: var(--purple);
	font-weight: 700;
}

.page strong {
	color: var(--black);
}

.page.home strong {
	color: white;
}


.d-flex.social-container.share-buttons {
	margin-top: 30px;
}

main a:hover, 
main a:focus {
	background-color: #FFF0C2;
	text-decoration: none !important;
	outline: 3px solid var(--black) !important;
}

h2,
h2 a,
.page h2 a {
	font-size: 30px;
	margin-bottom: 20px;
}

ol, ul {
    padding-left: 0;
}

.page-content h2,
.page-content h3,
.accordion h3 {
	margin: 30px 0;
}

h3,
h3 a {
	color: #674799;
	font-family: 'Mulish-Regular';
	font-weight: 700 !important;
	font-size: 24px;
}

.light-grey-bg h3,
.light-grey-bg h3 a {
	color: var(--black);
}

.accordion-body h3,
.accordion-body h3 a,
.text-page h3,
.text-page h3 a,
.resource-card h3,
.resource-card h3 a,
.network-card h3,
.network-card h3 a,
.clickable-card h3,
.clickable-card h3 a{
	color: black;
}

.collapsible-description h4,
.collapsible-description h4 a{
	color: var(--blue);
}

.row {
	margin: 0 auto !important;
}


.nextend-arrow-previous:hover,
.nextend-arrow-previous:focus,
.nextend-arrow-next:hover,
.nextend-arrow-next:focus {
	outline: 2px solid black !important;
	outline-offset: -5px !important;
}

.nextend-bullet-bar .n2-bullet.n2-active {
	outline: 2px solid black !important;
	outline-offset: 1px !important;
}


.nextend-bullet-bar .n2-bullet:hover,
.nextend-bullet-bar .n2-bullet:focus {
	outline: 2px dotted black !important;
	outline-offset: 1px !important;
}

@media only screen and (max-width: 700px) {
	.page-content h2,
	.page-content h3,
	.accordion h3 {
		margin: 20px 0;
	}
	h2,
	h2 a,
	.page h2 a  {
		font-size: 23px;
	}
	.home h2 {
		font-size: 35px;
	}
}

a {
	color: black;
}

a.button,
button[type="submit"] {
	font-weight: 400;
	font-size: 18px;
	text-align: center;
}


a:hover,
a:focus {
	color: black;
}


main a.button,
main button.read-more,
footer a.button,
button[type="submit"] {
	background-color: var(--purple);
	color: white;
	border-radius: 50px;
	font-family: 'Mulish-Regular', sans-serif !important;
	font-weight: 700 !important;
	font-size: 22px;
	letter-spacing: normal;
	padding: 17px 25px;
	text-transform: none;
	transition: transform 0.3s ease;
}


main button.read-more {
	border-radius: 50px !important;
}

main .red-button {
	background-color: var(--pink) !important;
	color: var(--black) !important;
}

main .blue-button {
	background-color: #379496 !important;
	color: var(--black) !important;
}

main .yellow-button {
	background-color: #DE5E17 !important;
	color: var(--black) !important;
}

main .grey-button {
	background-color: #5b5f63 !important;
	color: white !important;
}

main .purple-button {
	background-color: var(--purple) !important;
	color: white !important;
}

main .pink-button {
	background-color: var(--pink) !important;
	color: black !important;
}

a.button:hover,
a.button:focus {
	transform: translateY(-5px);
	outline: 2px solid var(--black);
	outline-offset: 2px;
}

.clickable-card {
	cursor: pointer;
	transition: transform 0.3s ease;
}

.clickable-card:hover,
.clickable-card:focus-within {
	transform: translateY(-10px);
}


.clickable-card:hover a,
.clickable-card:focus-within a {
	text-decoration: underline !important;
}

div#n2-ss-8 .clickable-card {
	transform: none !important;
	cursor: pointer !important;
}

div#n2-ss-8 .arrow-move {
	transition: all 0.3s ease;
}

div#n2-ss-8 .clickable-card:hover .arrow-move,
div#n2-ss-8 .clickable-card:focus .arrow-move {
	transform: translateX(5px);
}

.outline-button {
    background-color: white !important;
    color: var(--purple) !important;
    border: 1px solid var(--purple) !important;
}

main .orange-button,
footer .orange-button {
	background-color: #DD5E17 !important;
	color: black !important;
}

.page main .button {
    padding: 12px 22px;
    font-weight: 700;
	font-size: 19px;
}

.home main .button {
	font-weight: 700 !important;
}

/*p iframe {
    border-radius: 40px;
    width: 100%;
    height: 415px;
}*/

p iframe {
    border-radius: 20px;
    margin-top: 30px;
    margin: 30px auto auto;
    display: block;
}

.cmplz-blocked-content-container::before {
    content: '';
    position: absolute;
    background-color: #8066aa;
    height: 100%;
    width: 100%;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-wp-video .cmplz-blocked-content-notice {
	background-color: white;
	color: black;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice:hover, .cmplz-wp-video .cmplz-blocked-content-notice:hover,
.cmplz-blocked-content-container .cmplz-blocked-content-notice:focus, .cmplz-wp-video .cmplz-blocked-content-notice:focus {
	outline: 2px solid white;
	outline-offset: 2px;
}

li:empty {
    display: none;
}


body > div {
	font-size: 18px;
}

.custom-container ul {
	margin-top: 20px;
}

.custom-container ul,
.custom-container ol {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.custom-container ul  li,
.custom-container ol  li {
    margin-bottom: 6px;
	position: relative;
}


.custom-container ul  li p {
	margin-top: 10px;
}


ul li::marker {
    font-size: 25px;
	color: var(--purple);
    line-height: 1.3;
}

.section-el.components-below-sidebar.support.light-grey-bg ul li::marker {
	color: var(--green);
}

/*multi-coloured lists*/
.multi ul li:nth-child(1)::marker,
.multi  ul li:nth-child(6)::marker {
    color: #379496;
}

.multi  ul li:nth-child(2)::marker,
.multi  ul li:nth-child(7)::marker {
    color: #664699;
}

.multi  ul li:nth-child(3)::marker,
.multi  ul li:nth-child(8)::marker {
    color: #3F961A;
}


.multi  ul li:nth-child(4)::marker,
.multi  ul li:nth-child(9)::marker {
    color: #E71E81;
}

.multi  ul li:nth-child(5)::marker,
.multi  ul li:nth-child(10)::marker {
    color: #3D2176;
}

/*.custom-container  ul li {
	list-style-type: none;
}
.custom-container  ul li:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 15px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    margin: 0;
    background-size: cover;
    background-color: var(--green);
	border-radius: 100%;
}*/



.custom-container  ol li:before {
    content: counter(ol-counter) ". ";
    counter-increment: ol-counter;
    display: inline-block;
    font-weight: 700;
    font-family: 'Mulish-Regular';
	font-size: 18px;
    color: #674799;
    margin-left: -25px;
	margin-right: 5px;
}

.custom-container  ol {
	counter-reset: ol-counter;
}

.custom-container  ol li {
	list-style-type: none !important;
}

/*** BACK TO TOP
--------------------*/
.custom-button.back-to-top {
    background-color: #2D9B00;
    border-radius: 50px;
    color: #101110;
    font-weight: 800;
    display: none;
    padding: 10px 33px;
    position: fixed;
    bottom: 76px;
    right: 47px;
    z-index: 1000;
    text-decoration: none;
}


.back-to-top:hover,
.back-to-top:focus {
	outline: 2px solid black;
    outline-offset: 3px;
}

@media (max-width: 990px) {
	.custom-button.back-to-top {
		bottom: 40px;
		right: 5px;
	}
}

/*ACF MAP*/
.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

.acf-map img {
   max-width: inherit !important;
}

/*Tables*/

table {
    background-color: var(--grey);
    border: 1px solid #d2d2d2;
    border-radius: 10px !important;
    overflow: clip;
    margin-top: 20px;
    max-width: 70% !important;
    padding: 20px !important;
}

th, td {
    padding: 8px 11px !important;
    word-break: keep-all;
}

th {
    background-color: var(--purple);
    color: white;
    font-family: 'Mulish-Regular';
	font-weight: 900;
}

tr:nth-child(2n+1) {
    background-color: white;
}

@media only screen and (max-width: 670px) {
	h3, 
	h3 a {
		font-size: 25px;
	}
	table {
		max-width:100% !important;
	}
}


/***CALENDAR
-----------------*/
/*.dashicons-arrow-left-alt2:before {
    content: '\2190';
}

.dashicons-arrow-right-alt2:before {
    content: "\2192";
}*/

.qcc-calendar-container { position: relative; }
.qcc-calendar-container * { box-sizing: border-box; }
.qcc-calendar-container a { text-decoration: none; }
.qcc-calendar-container h2 { font-size: 18px; }
.qcc-calendar-container h3 { font-size: 24px; line-height: 24px; margin: 5px 0; }
.qcc-calendar-container table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.qcc-calendar .hd { position: relative; }

.qcc-calendar h2.month { text-align: center; }

.qcc-calendar td {
    height: 92px;
    width: calc(100% / 7);
    font-size: 16px;
    vertical-align: top;

    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.qcc-calendar thead { font-weight: 500; text-transform: uppercase; }

.qcc-calendar th,
.qcc-calendar td {
    border: 1px solid;
    border-color: #dddddd;
    text-align: right;
    padding: 8px;
}
.qcc-calendar tr:nth-child(odd) {
    background-color: rgb(0 0 0 / 5%);
}

.qcc-event { cursor: pointer; position: relative; }


.qcc-event:after {
    top: 0;
    display: block;
    content: '';
    height: 8px;
    right: 0;
    position: absolute;
    width: 8px;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}


.qcc-btn-prev, .qcc-btn-next { font-size: 22px; line-height: 1; margin: -16px; position: absolute; top: 50%; padding: 8px; }
.qcc-btn-prev:hover, .qcc-btn-next:hover { text-decoration: none !important; }
.qcc-btn-prev { left: 30px; }
.qcc-btn-next { right: 35px; }

.qcc-list { margin-top: 20px; }

.qcc-close { float: right; margin: -16px -16px 0 0; }

.qcc-day-event { width: 100%; padding: 24px; margin-bottom: 24px; display: none; text-align: left; border-radius: 3px; }
.qcc-day-event p { padding: 0 0 16px 0; }
.qcc-day-event-date { margin: 10px 0; font-size: smaller; }

.qcc-calendar-container .qcc-calendar tbody td.active,
.qcc-calendar-container .qcc-day-event {
    background-color: rgba(0, 0, 0, 0.15);
}
.qcc-calendar-container .qcc-current-day,
.qcc-calendar-container .qcc-btn-prev:hover,
.qcc-calendar-container .qcc-btn-next:hover {
        color: black;
}
.qcc-calendar-container .qcc-event.qcc-current-day:after {
    background-color: #f9f9f9;
}
.qcc-calendar-container .qcc-btn-prev:hover,
.qcc-calendar-container .qcc-btn-next:hover {
    background-color: #cbd1d2;
}

.qcc-form input[type="text"],
.qcc-form input[type="date"],
.qcc-form input[type="submit"],
.qcc-form input[type="datetime"],
.qcc-form textarea {
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    padding: 8px;
    border: 1px solid lightgray;
    border-radius: 3px;
}
.qcc-form input[type="submit"] {
    padding: 8px 8px;
    width: 100%;
}
.qcc-form input[type="submit"]:hover {
    padding: 8px;
    border: 1px solid gray;
}
.qcc-form fieldset {
    margin: 2px 0;
    padding: 0;
}

.qcc-label {
    line-height: 1;
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    display: block;
    padding: 4px;
    border-radius: 2px;
    margin: 2px;
}
.qcc-calendar-container .qcc-calendar tbody td:hover .qcc-label {
    background-color: #000000;
}

/** INNER PAGES
--------------------*/

.custom-container,
.site-header > .wrap {
	margin: auto;
	max-width: 100%;
	width: 900px;
}
/*Search and filter*/
.searchandfilter ul {
	margin-left: 0;
	padding-left: 0;
}

.site-header .title-area {
    display: none;
}

.searchandfilter ul li {
	padding: 0;
}

.searchandfilter label {
	width: 100%;
}

input.sf-input-text {
    padding: 10px 20px;
    border-radius: 50px;
}

@media only screen and (max-width: 667px) {
	p iframe {
		height: 195px;
	}
}

/*** HEADER
=====================*/

/** ABOVE HEADER
--------------------*/
.custom-container:has(.logo-buttons) {
    width: 1100px !important;
}

.logo-buttons .buttons {
    display: flex;
    gap: 20px;
}


.logo-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 15px;
}

.logo-buttons a.button {
    border-radius: 50px;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-buttons a.button,
.logo-buttons a.button span {
	font-weight: 600;
}

.logo-buttons a.button.bg-orange {
	background-color: #DD5F17;
	color: black;
}

a.button.custom-button.bg-green {
    background-color: #2d9b00;
    color: black;
}

a.button.custom-button.bg-blue {
    background-color: #379496;
    color: black;
}

.pre-header .green {
	background-color: var(--green);
	flex: 2;
}

.blue-rectangle {
	background-color: var(--yellow);
}

.blue-rectangle {
    clip-path: polygon( 100% 0%,96.221% 69.576%,96.221% 69.576%,95.94% 74.398%,95.639% 78.841%,95.322% 82.892%,94.989% 86.541%,94.642% 89.777%,94.282% 92.587%,93.911% 94.963%,93.53% 96.891%,93.14% 98.362%,92.744% 99.364%,92.744% 99.364%,92.68% 99.485%,92.616% 99.593%,92.552% 99.688%,92.488% 99.771%,92.424% 99.841%,92.36% 99.898%,92.295% 99.943%,92.231% 99.975%,92.166% 99.994%,92.101% 100%,0% 100%,0% 0%,100% 0% );
    height: 100%;
}

.header-button {
	display: flex;
		align-items: center;
		justify-content: center;
}

/*become a member*/
a.button.header-button.btn-green {
	background-color: var(--green);
	color: black !important;
	clip-path: polygon( 100.325% -1.334%,86.794% 81.813%,86.794% 81.813%,86.164% 85.356%,85.5% 88.56%,84.806% 91.418%,84.085% 93.92%,83.339% 96.059%,82.572% 97.828%,81.786% 99.217%,80.986% 100.219%,80.173% 100.826%,79.351% 101.031%,79.333% 101.031%,0.05% 100.394%,-0.108% -0.333%,100.321% -1.334% );
	margin-left: -1px;
	padding-right: 50px;
}

a.button.header-button:focus,
a.button.header-button:hover {
	text-decoration: underline;
	border: none;
	outline: none !important;
}



.pre-header .blue {
	background-color: #f7934d;
}

button#genesis-mobile-nav-secondary {
    border-radius: 0 !important;
}


/*Contact us*/
.pre-header .yellow {
	background-color: #11bac0;
}
a.button.header-button.btn-blue {
	background-color: #f6924c;
	clip-path: polygon( 100% 0%,82.948% 78.152%,82.948% 78.152%,82.178% 81.471%,81.374% 84.534%,80.538% 87.336%,79.673% 89.872%,78.781% 92.136%,77.865% 94.125%,76.928% 95.831%,75.972% 97.252%,75% 98.38%,74.014% 99.212%,74.014% 99.212%,73.79% 99.359%,73.565% 99.492%,73.339% 99.609%,73.114% 99.712%,72.887% 99.799%,72.661% 99.871%,72.434% 99.927%,72.206% 99.968%,71.979% 99.992%,71.752% 100%,0% 100%,0% 100%,-17.622% 97.124%,-27.852% 89.32%,-31.995% 77.817%,-31.354% 63.851%,-27.233% 48.652%,-20.937% 33.452%,-13.77% 19.486%,-7.036% 7.984%,-2.039% 0.179%,-0.084% -2.697%,100% 0% );
	color: var(--black) !important;
	margin-left: -1px;
	padding-right: 55px;
}

/*Newsletter*/
a.button.header-button {
	transform: none !important;
}
a.button.header-button.btn-yellow {
	background-color: #0fbac0;
	color: black !important;
	clip-path: polygon( 100% 0%,86.467% 77.121%,86.467% 77.121%,85.688% 81.245%,84.867% 84.974%,84.009% 88.299%,83.117% 91.211%,82.195% 93.701%,81.247% 95.758%,80.276% 97.375%,79.287% 98.541%,78.283% 99.247%,77.267% 99.485%,0% 100%,-0.01% 0%,100% 0% );
	margin-left: -1px;
	padding-right: 55px;
}

a.button.header-button.btn-yellow:focus span {
	outline: 2px solid black;
}

.pre-header .white {
	background-color: white;
}

.search-icon {
	flex: 1;
}

.search-icon {
    flex: 1;
}

button.search-button {
    background-color: transparent;
	border-radius: 100%;
	height: 55px;
    margin-left: 50px;
    padding: 10px;
    width: 55px;
}

button.search-button:hover,
button.search-button:focus,
button.search-button[aria-expanded="true"] {
	background-color: var(--blue);
	outline: 2px solid black !important;
}

button.search-button img {
    height: 30px;
    width: 30px;
}

.site-search .custom-container {
	width: 900px;
}

.site-search .searchandfilter ul li {
	width: 100%;
}

.site-search.pre-header {
	background-color: var(--grey);
	display: none;
    padding: 10px 0;
}


.site-search input.sf-input-text {
    border-radius: 50px;
    border: 1px solid black;
    background-color: white;
}

.site-search input.sf-input-text:hover,
.site-search input.sf-input-text:focus {
	outline: 2px solid black;
	outline-offset: 2px;
}

.widget-area.header-widget-area:has(.search-icon.mobiles) {
	display: none;
}


@media only screen and (max-width: 890px) {
	.blue-rectangle {
    	display: none;
	}
	
}

@media only screen and (max-width: 768px) {
	.widget-area.header-widget-area:has(.search-icon.mobiles) {
		display: block;
	}
	button.search-button.desktops {
		display: none;
	}
	.site-search.pre-header.desktops,
	.button-search-desktops {
    	display: none !important;
	}
	.search-icon.d-none.mobiles  {
		display: flex !important;
		align-items: center;
        justify-content: center;
	}
	
}
/*** HEADER
================*/
.site-header > .wrap {

}



.site-header .wrap:before,
.site-header .wrap:after,
header:after {
	display: none;
}


/* Usage: green submenu */
.nav-primary .menu-item-has-children.green > button.sub-menu-toggle {
	color: var(--green) !important;
}
.nav-primary .menu-item-has-children.green .sub-menu,
.nav-primary .menu-item-has-children.green .sub-menu li {
	background-color: var(--green);
}
.nav-primary .menu-item-has-children.green .sub-menu button.sub-menu-toggle,
.nav-primary .menu-item-has-children.green .sub-menu li a {
	color: white !important;
	border: 0;
}
/* Active state */
.nav-primary .menu-item-has-children.green .sub-menu .current-menu-item,
.nav-primary .menu-item-has-children.green .sub-menu .current-page-ancestor,
.nav-primary .menu-item-has-children.green .sub-menu li:focus-within,
.nav-primary .menu-item-has-children.green .sub-menu li:focus-within > a,
.nav-primary .menu-item-has-children.green .sub-menu li:hover,
.nav-primary .menu-item-has-children.green .sub-menu li:hover > a {
	color: var(--black) !important;
	background-color: #55aa36 !important;
}
.nav-primary .menu-item-has-children.green .sub-menu .current-menu-item button.sub-menu-toggle,
.nav-primary .menu-item-has-children.green .sub-menu .current-page-ancestor button.sub-menu-toggle,
.nav-primary .menu-item-has-children.green .sub-menu li:focus-within button.sub-menu-toggle,
.nav-primary .menu-item-has-children.green .sub-menu li:hover button.sub-menu-toggle,
.nav-primary .menu-item-has-children.green .sub-menu .current-menu-item > a,
.nav-primary .menu-item-has-children.green .sub-menu .current-page-ancestor > a {
	color: var(--black) !important;
}

/* Usage: blue submenu */
.nav-primary .menu-item-has-children.blue > button.sub-menu-toggle {
	color: #379496 !important;
}
.nav-primary .menu-item-has-children.blue .sub-menu,
.nav-primary .menu-item-has-children.blue .sub-menu li {
	background-color: #379496 !important;
}
.nav-primary .menu-item-has-children.blue .sub-menu li a,
.genesis-nav-menu .blue .sub-menu button.sub-menu-toggle,
.genesis-nav-menu .blue.current-menu-item button.sub-menu-toggle {
	color: var(--black) !important;
}
/* Active state */
.nav-primary .menu-item-has-children.blue .sub-menu .current-menu-item,
.nav-primary .menu-item-has-children.blue .sub-menu .current-page-ancestor,
.nav-primary .menu-item-has-children.blue .sub-menu li:focus-within,
.nav-primary .menu-item-has-children.blue .sub-menu li:focus-within > a,
.nav-primary .menu-item-has-children.blue .sub-menu li:hover,
.nav-primary .menu-item-has-children.blue .sub-menu li:hover > a {
	color: var(--black) !important;
	background-color: #0fadb2 !important;
}

/* Usage: yellow submenu */
.nav-primary .menu-item-has-children.yellow > button.sub-menu-toggle {
	color: var(--yellow) !important;
}
.nav-primary .menu-item-has-children.yellow .sub-menu,
.nav-primary .menu-item-has-children.yellow .sub-menu li {
	background-color: var(--yellow) !important;
}
.nav-primary .menu-item-has-children.yellow .sub-menu li a {
	color: black !important;
	border: 0;
}
/* Active state */
.nav-primary .menu-item-has-children.yellow .sub-menu .current-menu-item,
.nav-primary .menu-item-has-children.yellow .sub-menu .current-page-ancestor,
.nav-primary .menu-item-has-children.yellow .sub-menu li:focus-within,
.nav-primary .menu-item-has-children.yellow .sub-menu li:focus-within > a,
.nav-primary .menu-item-has-children.yellow .sub-menu li:hover,
.nav-primary .menu-item-has-children.yellow .sub-menu li:hover > a {
	color: black !important;
	background-color: #ffba33 !important;
}

/* Usage: orange submenu */
.nav-primary .menu-item-has-children.orange > button.sub-menu-toggle {
	color: #DD5E17 !important;
}
.nav-primary .menu-item-has-children.orange .sub-menu,
.nav-primary .menu-item-has-children.orange .sub-menu li a {
	background-color: var(--orange) !important;
	color: black !important;
	border: 0;
}
/* Active state */
.nav-primary .menu-item-has-children.orange .sub-menu .current-menu-item,
.nav-primary .menu-item-has-children.orange .sub-menu .current-page-ancestor,
.nav-primary .menu-item-has-children.orange .sub-menu li:focus-within,
.nav-primary .menu-item-has-children.orange .sub-menu li:focus-within > a,
.nav-primary .menu-item-has-children.orange .sub-menu li:hover,
.nav-primary .menu-item-has-children.orange .sub-menu li:hover > a {
	color: var(--black) !important;
	background-color: #f4802b !important;
}

/* Usage: purple submenu */
.nav-primary .menu-item-has-children.purple > button.sub-menu-toggle {
	color: var(--purple) !important;
}
.nav-primary .menu-item-has-children.purple .sub-menu,
.nav-primary .menu-item-has-children.purple .sub-menu li {
	background-color: var(--purple) !important;
}
.nav-primary .menu-item-has-children.purple .sub-menu li a {
	color: white !important;
	border: 0;
}
/* Active state */
.nav-primary .menu-item-has-children.purple .sub-menu .current-menu-item,
.nav-primary .menu-item-has-children.purple .sub-menu .current-page-ancestor,
.nav-primary .menu-item-has-children.purple .sub-menu li:focus-within,
.nav-primary .menu-item-has-children.purple .sub-menu li:focus-within > a,
.nav-primary .menu-item-has-children.purple .sub-menu li:hover,
.nav-primary .menu-item-has-children.purple .sub-menu li:hover > a {
	background-color: #53387d !important;
}

/* Usage: pink submenu */
.nav-primary .menu-item-has-children.pink > button.sub-menu-toggle {
	color: var(--pink) !important;
}
.nav-primary .menu-item-has-children.pink .sub-menu,
.nav-primary .menu-item-has-children.pink .sub-menu li {
	background-color: #f33f98 !important;
}
.nav-primary .menu-item-has-children.pink .sub-menu li a {
	color: var(--black) !important;
	border: 0;
}
/* Active state */
.nav-primary .menu-item-has-children.pink .sub-menu .current-menu-item,
.nav-primary .menu-item-has-children.pink .sub-menu .current-page-ancestor,
.nav-primary .menu-item-has-children.pink .sub-menu li:focus-within,
.nav-primary .menu-item-has-children.pink .sub-menu li:focus-within > a,
.nav-primary .menu-item-has-children.pink .sub-menu li:hover,
.nav-primary .menu-item-has-children.pink .sub-menu li:hover > a {
	color: black !important;
	background-color: #ea2b89 !important;
}

/* Usage: turquoise submenu */
.nav-primary .menu-item-has-children.turq > button.sub-menu-toggle {
	color: var(--turq) !important;
}
.nav-primary .menu-item-has-children.turq .sub-menu,
.nav-primary .menu-item-has-children.turq .sub-menu li {
	background-color: var(--turq) !important;
}
.nav-primary .menu-item-has-children.turq .sub-menu li a {
	color: black !important;
	border: 0;
}
/* Active state */
.nav-primary .menu-item-has-children.turq .sub-menu .current-menu-item,
.nav-primary .menu-item-has-children.turq .sub-menu .current-page-ancestor,
.nav-primary .menu-item-has-children.turq .sub-menu li:focus-within,
.nav-primary .menu-item-has-children.turq .sub-menu li:focus-within > a,
.nav-primary .menu-item-has-children.turq .sub-menu li:hover,
.nav-primary .menu-item-has-children.turq .sub-menu li:hover > a {
	background-color: #74ded9 !important;
}

/* General submenu styles */
.nav-primary .menu-item-has-children .sub-menu {
	display: none;
	border-radius: 20px;
	top: 60px !important;
	padding: 0;
}
.nav-primary ul.sub-menu li:first-of-type {
	margin-top: 0 !important;
}
.nav-primary ul.sub-menu li:last-of-type {
	margin-bottom: 0 !important;
}
ul.sub-menu > a {
	padding: 10px 15px !important;
}
.sub-menu .menu-item-has-children {
	display: flex !important;
}
.sub-menu .menu-item-has-children > a {
	border: 0 !important;
	width: 90% !important;
}
.sub-menu button.sub-menu-toggle.ionicons-before.ion-chevron-down {
	color: black !important;
	font-size: 15px;
	background-color: transparent !important;
	margin: 0 !important;
	min-width: 25px;
	width: 16% !important;
}

/* First level submenu transition */
.nav-primary .menu-item-has-children.sub-menu li {
	transition: all 0.1s;
}


@media only screen and (min-width: 1100px) {
	.site-header > .wrap,
	.breadcrumb {
		width: 1060px;
        max-width: 100%;
		margin: auto;
	}
	.site-header {
		background-color: #fff;
		border-bottom: none;
		margin: 20px 0;
		padding: 0;
		position: static;
		width: 100%;
	}

	.header-image .title-area {
		margin: 0;
		min-height: 45px;
		padding: 0;
		width: 145px;
	}


	.site-header .title-area {
		 min-height: 40px;
		width: 14%;
	}

	.site-header nav {
		width: 100%;
	}
	
	nav#genesis-nav-primary {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.header-image .site-title > a {
		background-size: contain !important;
		float: left;
		min-height: 99px;
        width: 213px;
	}
	body:not(.home) .site-header > .wrap,
	.breadcrumb {
		max-width: 1098px;
	}
	body:not(.home) .site-header .title-area {
		width: 20%;
	}
}



@media only screen and (min-width: 1920px) {
	body:not(.home) .site-header > .wrap {
		max-width: 1050px;
	}
	body:not(.home) .site-header .title-area {
		width: 14%;
	}
}

.header-image .site-title > a {
	border-radius: 2px;
}

.header-image .site-title > a:hover,
.header-image .site-title > a:focus {
	outline: 2px  dotted black;
}


@media only screen and (max-width: 1100px) {
	nav#genesis-nav-primary {
		display: none;
	}
	button.search-button {
		margin-left: 0 !important;
	}
		.logo-buttons {
		flex-direction:column;
	}
	.logo-buttons .buttons {
		display: none;
	}
	.header-image .title-area {
		min-height: 130px !important;
	}
	.header-image .site-title > a {
		width: 300px;
		min-height: 130px;
		max-width: 100%;
	}
	button#genesis-mobile-nav-primary {
    	width: 190px;
	}
	button#genesis-mobile-nav-primary {
		background-color: var(--purple);
		color: white;
		border-radius: 50px;
		max-width: 150px;
		padding: 10px 13px !important;
	}
	.site-header {
		position: static;
		padding: 10px 0;
	}
	nav#genesis-nav-primary {
		box-shadow: 0 4px 14px -1px rgba(0, 0, 0, 0.3);
		position: absolute;
		top: 313px;
		right: 0;
		z-index: 999999;
		text-transform: none;
		background-color: white;
		width: 100%;
	}
	nav#genesis-nav-primary a {
		font-family: 'Mulish-Regular' !important;
		letter-spacing: normal !important;
		text-transform: none !important;
	}
	ul#menu-header {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	.title-area {
		position: relative;
	}
	.sub-menu button.sub-menu-toggle.ionicons-before.ion-chevron-down {
		width: 9% !important;
	}
	
.nav-primary .sub-menu button.sub-menu-toggle.ionicons-before.ion-chevron-down {
	color: black !important;
}
}

@media only screen and (max-width: 930px) {
	button#genesis-mobile-nav-primary {
			padding: 6px 13px !important;
			width: 30%;
	}
}

@media only screen and (max-width: 667px) {
	button#genesis-mobile-nav-primary {
		padding: 3px 13px !important;
		margin: 0;
		max-width: 100%;
		width: 36%;
	}
}

@media only screen and (max-width: 390px) {
	button#genesis-mobile-nav-primary {
		width: 45%;
	}
}


/** MENU
---------------------*/
.genesis-nav-menu a {
		color: black !important;
		font-size: 17px;
		font-weight: normal;
		letter-spacing: normal;
		padding: 10px 25px;
		text-transform: none;
	}

li.hidden-menu {
		display: none;
}


.genesis-nav-menu .green .sub-menu li {
    border-bottom: 1px solid #55aa36;
}

.genesis-nav-menu .blue .sub-menu li {
    border-bottom: 1px solid #0fadb2;
}


.genesis-nav-menu .purple .sub-menu li {
    border-bottom: 1px solid #53387d;
}

.genesis-nav-menu .orange .sub-menu li {
    border-bottom: 1px solid #f4802b;
}

.genesis-nav-menu .pink .sub-menu li {
    border-bottom: 1px solid #c92b85;
}

.genesis-nav-menu .current-menu-ancestor > a,
.genesis-nav-menu .current-page-ancestor > a {
	font-weight: 600 !important;
}

.genesis-nav-menu .sub-menu li:last-of-type {
	margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.nav-primary .menu-item-has-children  .sub-menu {
	display: none;
}

.nav-primary .menu-item a:focus {
	outline: none;
}

.nav-primary .menu-item a:focus span,
.nav-primary .menu-item a:hover span
.nav-primary .menu-item button:focus {
	outline: 2px solid currentcolor !important;
}

button.sub-menu-toggle.ionicons-before.ion-chevron-down {
	transform: none !important;
}


	/*Usage: green submenu*/
	.nav-primary .menu-item-has-children.green > button.sub-menu-toggle {
		color: #2D9B00 !important;
	}
	
	/*Usage: style first level submenus*/
	.nav-primary .menu-item-has-children.sub-menu li {
		transition: all 0.1s;
	}
	
	.nav-primary .menu-item-has-children.green .sub-menu,
	.nav-primary .menu-item-has-children.green .sub-menu li  {
		background-color: #D4EFC2;
	}
	.nav-primary .menu-item-has-children.green .sub-menu button.sub-menu-toggle {
		color: white !important;
	}
	.nav-primary .menu-item-has-children.green .sub-menu li a {
		border: 0;
		color: var(--black) !important;
	} 
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.orange .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.orange .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.orange .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.orange .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.orange .sub-menu li:hover,
	.nav-primary .menu-item-has-children.orange .sub-menu li:hover > a
	{
		color: var(--black ) !important;
    	background-color:#f8a569 !important;
	}
	
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.green .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.green .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.green .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.green .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.green .sub-menu li:hover,
	.nav-primary .menu-item-has-children.green .sub-menu li:hover > a
	{
		color: var(--black ) !important;
    	background-color: #b3dd97 !important;
	}
	.nav-primary .menu-item-has-children.green .sub-menu .current-page-ancestor button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.green .sub-menu .current-menu-item button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.green .sub-menu li:focus-within button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.green .sub-menu li:hover button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.green .sub-menu .current-page-ancestor > a,
	.nav-primary .menu-item-has-children.green .sub-menu .current-menu-item > a {
		color: var(--black ) !important;
	}
	
	/*Usage: blue submenu*/
	.nav-primary .menu-item-has-children.blue button.sub-menu-toggle {
		color: #379496 !important;
	}
	.nav-primary .menu-item-has-children.blue .sub-menu,
	.nav-primary .menu-item-has-children.blue .sub-menu li {
	 	background-color: #CEF4F7 !important;
	}
	.nav-primary .menu-item-has-children.blue .sub-menu li a {
		border: 0;
		color: var(--black) !important;
	}
	.genesis-nav-menu .blue .sub-menu button.sub-menu-toggle,
	.genesis-nav-menu .blue.current-menu-item button.sub-menu-toggle  {
		color: var(--black) !important;
	}
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.blue .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.blue .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.blue .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.blue .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.blue .sub-menu li:hover,
	.nav-primary .menu-item-has-children.blue .sub-menu li:hover > a
	{
		color: var(--black) !important;
    	background-color: #48b7bb4a !important;
	}
	.nav-primary .menu-item-has-children.blue .sub-menu .current-page-ancestor button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.blue .sub-menu .current-menu-item button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.blue .sub-menu li:focus-within button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.blue .sub-menu li:hover button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.blue .sub-menu .current-page-ancestor > a,
	.nav-primary .menu-item-has-children.blue .sub-menu .current-menu-item > a {
		color: var(--black) !important;
	}
	
	/*Usage: pink submenu*/
	.nav-primary .menu-item-has-children.pink button.sub-menu-toggle {
		color: var(--pink) !important;
	}
	.nav-primary .menu-item-has-children.pink .sub-menu,
	.nav-primary .menu-item-has-children.pink .sub-menu li {
	 	background-color: #fff2f7 !important;
	}
	.nav-primary .menu-item-has-children.pink .sub-menu li a {
		border: 0;
		color: var(--black) !important;
	}
	.genesis-nav-menu .pink .sub-menu button.sub-menu-toggle,
	.genesis-nav-menu .pink.current-menu-item button.sub-menu-toggle  {
		color: var(--black) !important;
	}
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.pink .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.pink .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.pink .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.pink .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.pink .sub-menu li:hover,
	.nav-primary .menu-item-has-children.pink .sub-menu li:hover > a
	{
		color: black !important;
    	background-color: #fce3ec !important;
	}
	.nav-primary .menu-item-has-children.pink .sub-menu .current-page-ancestor button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.pink .sub-menu .current-menu-item button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.pink .sub-menu li:focus-within button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.pink .sub-menu li:hover button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.pink .sub-menu .current-page-ancestor > a,
	.nav-primary .menu-item-has-children.pink .sub-menu .current-menu-item > a {
		color: black !important;
	}
	
	/*Usage: yellow submenu*/
	.nav-primary .menu-item-has-children.yellow button.sub-menu-toggle {
		color: var(--yellow) !important;
	}
	.nav-primary .menu-item-has-children.yellow .sub-menu,
	.nav-primary .menu-item-has-children.yellow .sub-menu li  {
	 	background-color: var(--yellow) !important;
	}
	.nav-primary .menu-item-has-children.yellow .sub-menu li a {
		border: 0;
		color: black !important;
	}
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.yellow .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.yellow .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.yellow .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.yellow .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.yellow .sub-menu li:hover,
	.nav-primary .menu-item-has-children.yellow .sub-menu li:hover > a
	{
		color: black !important;
    	background-color: #ffba33 !important;
	}
	
	/*Usage: orange submenu*/
	.nav-primary .menu-item-has-children.orange button.sub-menu-toggle {
		color: #DD5E17 !important;
	}
	.nav-primary .menu-item-has-children.orange .sub-menu,
	.nav-primary .menu-item-has-children.orange .sub-menu li a {
	 	background-color:#fbbb8c !important;
	}
	.nav-primary .menu-item-has-children.yellow .sub-menu li a {
		border: 0;
		color: black !important;
	}
	
	/*Usage: purple submenu*/
	.nav-primary .menu-item-has-children.purple button.sub-menu-toggle {
		color: var(--purple) !important;
	}
	.nav-primary .menu-item-has-children.purple .sub-menu,
	.nav-primary .menu-item-has-children.purple .sub-menu li  {
	 	background-color: #f0e1ff !important;
	}
	.nav-primary .menu-item-has-children.purple .sub-menu li a {
		border: 0;
		color: var(--black) !important;
	}
	
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.purple .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.purple .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.purple .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.purple .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.purple .sub-menu li:hover,
	.nav-primary .menu-item-has-children.purple .sub-menu li:hover > a
	{
		
    	background-color: #e4c9ff !important;
	}


@media only screen and (min-width: 1100px) {
	.header-image .site-title, .site-description {
		height: 26px;
	}
	ul#menu-header {
		padding: 0;
		display: flex;
			justify-content: flex-end;
	}

	ul#menu-header > li {
		display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		max-width: 230px;
		width: fit-content;
	}
	

	ul#menu-header > li:not(:last-of-type) {
		border-right: 4px dotted black;
	}
	
	ul#menu-header li.orange {
		border-color: var(--orange);
	}
	
	ul#menu-header li.green {
		border-color: var(--green);
	}
	
	ul#menu-header li.blue {
		border-color: var(--blue);
	}
	
	ul#menu-header li.purple {
		border-color: var(--purple);
	}
	
	ul#menu-header li.pink {
		border-color: var(--pink);
		border-right: 0;
	}
	

	

	.genesis-nav-menu > .menu-item > a {
		color: #3a3a3a !important;
		padding: 10px 15px;
		line-height: 1.3;
		text-transform: none;
		text-align: center;
	}
	
	.genesis-nav-menu .menu-item a {
		font-size: 17px;
		font-weight: normal;
		letter-spacing: normal;
	}
	
	.sub-menu {
    	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}

	ul#menu-header li {
		position: relative;
	}

	/*ul#menu-header > li:after {
		background-size: contain;
		background-repeat: no-repeat;
		content: '';
		display: block;
		height: 23px;
		width: 23px;
		position: absolute;
			bottom: -19px;
	}*/
	/*Usage: style menu items in the top that have submenu*/
	.nav-primary .menu-item-has-children {
		display: inline-flex !important;
			flex-direction: row !important;
	}
	.nav-primary .menu-item-has-children > a {
		padding: 10px 11px 10px 15px;
	}
	.nav-primary  .sub-menu a {
		padding: 20px 15px;
	}
	.nav-primary .menu-item-has-children button.sub-menu-toggle {
		background-color: transparent !important;
		border-radius:0;
		display: inline-block;
		padding: 10px;
		margin-right: 10px;
		visibility: visible;
		height: 30px;
		width: 31px;
	}
	.nav-primary .current-menu-item.menu-item-has-children button.sub-menu-toggle {
		background-color: transparent !important;
	}
	.nav-primary .menu-item-has-children:after {
		display: none !important;
	}
	/*Usage: green submenu*/
	.nav-primary .menu-item-has-children.green > button.sub-menu-toggle {
		color: #2D9B00 !important;
	}
	
	/*Usage: style first level submenus*/
	.nav-primary .menu-item-has-children.sub-menu li {
		transition: all 0.1s;
	}
	
	.nav-primary .menu-item-has-children.green .sub-menu,
	.nav-primary .menu-item-has-children.green .sub-menu li  {
		background-color: #D4EFC2;
	}
	.nav-primary .menu-item-has-children.green .sub-menu button.sub-menu-toggle {
		color: white !important;
	}
	.nav-primary .menu-item-has-children.green .sub-menu li a {
		border: 0;
		color: var(--black) !important;
	} 
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.orange .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.orange .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.orange .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.orange .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.orange .sub-menu li:hover,
	.nav-primary .menu-item-has-children.orange .sub-menu li:hover > a
	{
		color: var(--black ) !important;
    	background-color:#f8a569 !important;
	}
	
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.green .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.green .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.green .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.green .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.green .sub-menu li:hover,
	.nav-primary .menu-item-has-children.green .sub-menu li:hover > a
	{
		color: var(--black ) !important;
    	background-color: #b3dd97 !important;
	}
	.nav-primary .menu-item-has-children.green .sub-menu .current-page-ancestor button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.green .sub-menu .current-menu-item button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.green .sub-menu li:focus-within button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.green .sub-menu li:hover button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.green .sub-menu .current-page-ancestor > a,
	.nav-primary .menu-item-has-children.green .sub-menu .current-menu-item > a {
		color: var(--black ) !important;
	}
	
	/*Usage: blue submenu*/
	.nav-primary .menu-item-has-children.blue button.sub-menu-toggle {
		color: #379496 !important;
	}
	.nav-primary .menu-item-has-children.blue .sub-menu,
	.nav-primary .menu-item-has-children.blue .sub-menu li {
	 	background-color: #CEF4F7 !important;
	}
	.nav-primary .menu-item-has-children.blue .sub-menu li a {
		border: 0;
		color: var(--black) !important;
	}
	.genesis-nav-menu .blue .sub-menu button.sub-menu-toggle,
	.genesis-nav-menu .blue.current-menu-item button.sub-menu-toggle  {
		color: var(--black) !important;
	}
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.blue .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.blue .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.blue .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.blue .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.blue .sub-menu li:hover,
	.nav-primary .menu-item-has-children.blue .sub-menu li:hover > a
	{
		color: var(--black) !important;
    	background-color: #48b7bb4a !important;
	}
	.nav-primary .menu-item-has-children.blue .sub-menu .current-page-ancestor button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.blue .sub-menu .current-menu-item button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.blue .sub-menu li:focus-within button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.blue .sub-menu li:hover button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.blue .sub-menu .current-page-ancestor > a,
	.nav-primary .menu-item-has-children.blue .sub-menu .current-menu-item > a {
		color: var(--black) !important;
	}
	
	/*Usage: pink submenu*/
	.nav-primary .menu-item-has-children.pink button.sub-menu-toggle {
		color: var(--pink) !important;
	}
	.nav-primary .menu-item-has-children.pink .sub-menu,
	.nav-primary .menu-item-has-children.pink .sub-menu li {
	 	background-color: #fff2f7 !important;
	}
	.nav-primary .menu-item-has-children.pink .sub-menu li a {
		border: 0;
		color: var(--black) !important;
	}
	.genesis-nav-menu .pink .sub-menu button.sub-menu-toggle,
	.genesis-nav-menu .pink.current-menu-item button.sub-menu-toggle  {
		color: var(--black) !important;
	}
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.pink .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.pink .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.pink .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.pink .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.pink .sub-menu li:hover,
	.nav-primary .menu-item-has-children.pink .sub-menu li:hover > a
	{
		color: black !important;
    	background-color: #fce3ec !important;
	}
	.nav-primary .menu-item-has-children.pink .sub-menu .current-page-ancestor button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.pink .sub-menu .current-menu-item button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.pink .sub-menu li:focus-within button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.pink .sub-menu li:hover button.sub-menu-toggle,
	.nav-primary .menu-item-has-children.pink .sub-menu .current-page-ancestor > a,
	.nav-primary .menu-item-has-children.pink .sub-menu .current-menu-item > a {
		color: black !important;
	}
	
	/*Usage: yellow submenu*/
	.nav-primary .menu-item-has-children.yellow button.sub-menu-toggle {
		color: var(--yellow) !important;
	}
	.nav-primary .menu-item-has-children.yellow .sub-menu,
	.nav-primary .menu-item-has-children.yellow .sub-menu li  {
	 	background-color: var(--yellow) !important;
	}
	.nav-primary .menu-item-has-children.yellow .sub-menu li a {
		border: 0;
		color: black !important;
	}
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.yellow .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.yellow .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.yellow .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.yellow .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.yellow .sub-menu li:hover,
	.nav-primary .menu-item-has-children.yellow .sub-menu li:hover > a
	{
		color: black !important;
    	background-color: #ffba33 !important;
	}
	
	/*Usage: orange submenu*/
	.nav-primary .menu-item-has-children.orange button.sub-menu-toggle {
		color: #DD5E17 !important;
	}
	.nav-primary .menu-item-has-children.orange .sub-menu,
	.nav-primary .menu-item-has-children.orange .sub-menu li a {
	 	background-color:#fbbb8c !important;
	}
	.nav-primary .menu-item-has-children.yellow .sub-menu li a {
		border: 0;
		color: black !important;
	}
	
	/*Usage: purple submenu*/
	.nav-primary .menu-item-has-children.purple button.sub-menu-toggle {
		color: var(--purple) !important;
	}
	.nav-primary .menu-item-has-children.purple .sub-menu,
	.nav-primary .menu-item-has-children.purple .sub-menu li  {
	 	background-color: #f0e1ff !important;
	}
	.nav-primary .menu-item-has-children.purple .sub-menu li a {
		border: 0;
		color: var(--black) !important;
	}
	
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.purple .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.purple .sub-menu .current-page-ancestor,
	.nav-primary .menu-item-has-children.purple .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.purple .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.purple .sub-menu li:hover,
	.nav-primary .menu-item-has-children.purple .sub-menu li:hover > a
	{
		
    	background-color: #e4c9ff !important;
	}
	
	/*Usage: Turq submenu*/
	.nav-primary .menu-item-has-children.turq > button.sub-menu-toggle {
		color: var(--turq) !important;
	}
	
	.nav-primary .menu-item-has-children.turq .sub-menu,
	.nav-primary .menu-item-has-children.turq .sub-menu li  {
	 	background-color: var(--turq) !important;
	}
	.nav-primary .menu-item-has-children.turq.sub-menu li a {
		border: 0;
		color: black !important;
	}
	/*Usage: set submenu colour when active*/
	.nav-primary .menu-item-has-children.turq .sub-menu .current-menu-item,
	.nav-primary .menu-item-has-children.turq .sub-menu .current-page-ancestor {
    	background-color: #74ded9 !important;
	}

	.nav-primary .menu-item-has-children.turq .sub-menu li:focus-within,
	.nav-primary .menu-item-has-children.turq .sub-menu li:focus-within > a,
	.nav-primary .menu-item-has-children.turq .sub-menu li:hover,
	.nav-primary .menu-item-has-children.turq .sub-menu li:hover > a {
		background-color: #74ded9 !important;
	}

	.nav-primary .menu-item-has-children  .sub-menu {
		display: none;
		border-radius: 20px;
		top: 60px !important;
		padding: 0;
	}
	.nav-primary ul.sub-menu li:first-of-type {
		margin-top: 0 !important;
	}
	
	.nav-primary  ul.sub-menu li:last-of-type {
    	margin-bottom: 0px !important;
	}
	
	
	ul.sub-menu > a {
    	padding: 10px 15px !important;
	}
	

	.sub-menu .menu-item-has-children   {
		display: flex !important;
		
	}
	.sub-menu .menu-item-has-children > a {
		border: 0 !important;
		width: 90% !important;
	}
	.sub-menu button.sub-menu-toggle.ionicons-before.ion-chevron-down {
		color: black !important;
		font-size: 15px;
		background-color: transparent !important;
		margin: 0 !important;
		min-width: 25px;
		width: 16% !important;
	}
	/*.genesis-nav-menu .blue .sub-menu button.sub-menu-toggle,
	.genesis-nav-menu .blue.current-menu-item button.sub-menu-toggle  {
		color: black !important;
	}*/
	.sub-menu button.sub-menu-toggle.ionicons-before {
		position: relative;
		z-index: 9999999;
	}
	/*submenus of submenu*/
	.nav-primary .menu-item-has-children .sub-menu .sub-menu {
		top: 0px !important;
	}
	.sub-menu .sub-menu.hidess2 {
		display: none !important;
	}

	.sub-menu .sub-menu.showss2 {
		display: block !important;
		opacity: 1 !important;
		left: 0 !important;
	}

	.current-menu-item.turq:after,
	.current-page-ancestor.turq:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='text' viewBox='0 0 13.68 6.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %235bc4bf; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6.84,6.6L.17.85C-.03.68-.06.37.12.17.29-.03.6-.06.8.12l6.04,5.21L12.88.12c.2-.17.51-.15.68.05.17.2.15.51-.05.68l-6.67,5.75Z'/%3E%3C/svg%3E");
	}

	.current-menu-item.green:after,
	.current-page-ancestor.green:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='text' viewBox='0 0 13.68 6.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23409244; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6.84,6.6L.17.85C-.03.68-.06.37.12.17.29-.03.6-.06.8.12l6.04,5.21L12.88.12c.2-.17.51-.15.68.05.17.2.15.51-.05.68l-6.67,5.75Z'/%3E%3C/svg%3E");
	}

	.current-menu-item.blue:after,
	.current-page-ancestor.blue:after{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='text' viewBox='0 0 13.68 6.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %230D6EAA; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6.84,6.6L.17.85C-.03.68-.06.37.12.17.29-.03.6-.06.8.12l6.04,5.21L12.88.12c.2-.17.51-.15.68.05.17.2.15.51-.05.68l-6.67,5.75Z'/%3E%3C/svg%3E");
	}

	.current-menu-item.yellow:after,
	.current-page-ancestor.yellow:after{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='text' viewBox='0 0 13.68 6.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23E3A428; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6.84,6.6L.17.85C-.03.68-.06.37.12.17.29-.03.6-.06.8.12l6.04,5.21L12.88.12c.2-.17.51-.15.68.05.17.2.15.51-.05.68l-6.67,5.75Z'/%3E%3C/svg%3E");
	}

	.current-menu-item.orange:after,
	.current-page-ancestor.orange:after{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='text' viewBox='0 0 13.68 6.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23F05A29; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6.84,6.6L.17.85C-.03.68-.06.37.12.17.29-.03.6-.06.8.12l6.04,5.21L12.88.12c.2-.17.51-.15.68.05.17.2.15.51-.05.68l-6.67,5.75Z'/%3E%3C/svg%3E");
	}

	.current-menu-item.purple:after,
	.current-page-ancestor.purple:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='text' viewBox='0 0 13.68 6.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23A21766; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6.84,6.6L.17.85C-.03.68-.06.37.12.17.29-.03.6-.06.8.12l6.04,5.21L12.88.12c.2-.17.51-.15.68.05.17.2.15.51-.05.68l-6.67,5.75Z'/%3E%3C/svg%3E");
	}

	.current-menu-item.black:after,
	.current-page-ancestor.black:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='text' viewBox='0 0 13.68 6.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000000; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6.84,6.6L.17.85C-.03.68-.06.37.12.17.29-.03.6-.06.8.12l6.04,5.21L12.88.12c.2-.17.51-.15.68.05.17.2.15.51-.05.68l-6.67,5.75Z'/%3E%3C/svg%3E");
	}
}

@media only screen and (max-width: 1100px) {
	/*.nav-primary li.current-menu-item,
	.nav-primary li.current-page-ancestor {
    	background-color: #e3a428;
	}*/
	.genesis-responsive-menu .genesis-nav-menu .menu-item {
		display: flex;
			flex-wrap: wrap;
	}
	.genesis-responsive-menu .genesis-nav-menu .menu-item a {
		width: 80%;
	}
	.nav-primary .menu-item-has-children button.sub-menu-toggle {
		width: 20%;
	}
	.genesis-responsive-menu .genesis-nav-menu .sub-menu {
		padding: 0;
	}
	.genesis-responsive-menu .genesis-nav-menu .sub-menu .menu-item a {
		padding-left: 30px;
	}
	.genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu .menu-item a {
		padding-left: 45px;
	}
	ul.sub-menu li:first-of-type {
    	margin-top: 0px !important;
	}
	.menu-button {
		display: block !important;
	}
	.menu-button a {
		border-radius: 20px;
		background-color: var(--purple);
		margin-left: 20px;
		padding: 12px 22px !important;
		margin-bottom: 10px !important;
		font-family: 'Mulish-Regular' !important;
		font-weight: 700 !important;
    	font-size: 19px;
		width: fit-content !important;
	}
	.btn-purple a {
		color: white !important;
	}
	.menu-button.blue a {
		background-color: #379496;
		color: black !important;
	}
	.menu-button.green a {
		background-color: #3F961B;
	}
	.menu-button a {
		display: flex;
			align-items: center;
			justify-content: center;
	}
	.menu-button.btn-green a {
		background-color: var(--green);
		margin-top: 16px;
	}


	.menu-button.yellow a {
		background-color: var(--yellow);
	}
}

@media only screen and (max-width: 1440px) {
	ul#menu-header {
		justify-content: center;
		margin-left: 0px;
	}
}

@media only screen and (max-width: 990px) {
	nav#genesis-nav-primary {
		top:303px;
	}
}

@media only screen and (max-width: 769px) {
	nav#genesis-nav-primary {
		top: 310px;
	}
}

@media only screen and (max-width: 667px) {
	.header-image .site-title > a {
		margin: auto !important;
	}
	button.search-button {
		margin-left: 0;
	}
	nav#genesis-nav-primary {
		top: 267px;
	}
	.site-header > .wrap {
		display: flex;
		gap: 20px;
	}
	.menu-button a {
    	margin-left: 10px;
		width: 64%;
	}
}





/*** SIDEBAR
----------------------*/

div#navigation-sidebar label {
	font-size: 23px;
	font-family: 'Mulish-Regular';
	font-weight: 900;
}

div#navigation-sidebar a.screen-reader-shortcut {
	background-color: rgb(92 95 99);
	color: white !important;
    
}

div#navigation-sidebar .current-menu-item a, div#navigation-sidebar ul > li a:hover, 
div#navigation-sidebar ul > li a:focus {
	outline-offset: 1px;
}


div#navigation-sidebar a.screen-reader-shortcut:focus {
	position: static !important;
}

div#navigation-sidebar h2 {
    font-size: 23px;
    margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div#navigation-sidebar ul {
    display: flex;
		flex-direction: column;
		gap: 4px;
    padding: 0;
    margin: 20px 0px 0 15px;
}

div#navigation-sidebar ul > li {
    list-style-type: none;
}

div#navigation-sidebar ul > li a {
	border-radius: 50px;
	color: black;
	font-weight: 700;
	display: flex;
		align-items: center;
	font-size: 19px;
	  min-height: 45px;
	text-decoration: none;
	padding: 5px 20px;
	transition: background 0.1s ease;
}

div#navigation-sidebar .current-menu-item a,
div#navigation-sidebar ul > li a:hover,
div#navigation-sidebar ul > li a:focus {
    background-color: #5C5F63;
    color: white !important;
}

div#navigation-sidebar li.current-menu-item > a {
    font-family: 'Mulish-Regular';
	font-weight: 800;
    display: flex;
    	align-items: center;
}

@media only screen and (max-width: 1100px) {
		/*secondary sidebar*/
	div#navigation-sidebar {
    	padding: 0 !important;
	}
	div#navigation-sidebar form {
		background-color: var(--grey);
		padding: 20px 30px;
	}
	div#navigation-sidebar h2 {
    	display: none;
	}
	div.sidebar-container {
		margin-bottom: 30px !important;
	}
	div#navigation-sidebar ul {
    	margin: 20px auto;
	}
}



/**SUBMENU
----------------*/
nav[aria-label="Secondary"] .menu-item-has-children {
    display: flex;
    	flex-wrap: wrap;
}

nav[aria-label="Secondary"] .menu-item-has-children > a {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	padding-right: 0 !important;
	width: 80%;
}


.sub-menu-toggle {
	background-color: transparent !important;
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
	color: black;
    display: block;
	margin-left: -2px;
	padding: 0 !important;
	transition: background 0.1s ease;
    visibility: visible;
	width: 20%;
}

.sub-menu-toggle,
nav[aria-label="Secondary"] .menu-item-has-children > a {
	position: relative;
		z-index: 2;
}

ul.sub-menu {
    background-color: white;
    margin-top: 0 !important;
    border-radius: 0px !important;
    gap: 4px !important;
    position: relative;
		z-index: 0;
		top: -25px;
	width: 100%;
}

ul.sub-menu li:first-of-type {
	margin-top: 35px;
}

ul.sub-menu li:last-of-type {
	margin-bottom: 10px;
}

div#navigation-sidebar ul ul.sub-menu li a {
	font-size: 17px;
	color: black !important;
	background-color: white !important;
	border-radius: 0 !important;
}

div#navigation-sidebar ul ul.sub-menu li a:hover,
div#navigation-sidebar ul ul.sub-menu li a:focus,
div#navigation-sidebar ul ul.sub-menu li.current-menu-item a {
	background-color: var(--grey) !important;
}

div#navigation-sidebar ul ul.sub-menu .current-menu-item a, 
div#navigation-sidebar ul ul.sub-menu li a:hover, 
div#navigation-sidebar ul ul.sub-menu li a:focus {
	background-color: white;
	color: black !important;
}

/*li.current_page_item.menu-item-has-children a {
    border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	padding-right: 0 !important;
}*/
nav[aria-label="Secondary"] .menu-item-has-children > a:hover + .sub-menu-toggle,
nav[aria-label="Secondary"] .menu-item-has-children > a:focus + .sub-menu-toggle,
nav[aria-label="Secondary"] .menu-item-has-children:hover .sub-menu-toggle,
nav[aria-label="Secondary"] .menu-item-has-children:focus .sub-menu-toggle,
nav[aria-label="Secondary"] .menu-item-has-children:hover > a,
nav[aria-label="Secondary"] .menu-item-has-children:focus > a,
nav[aria-label="Secondary"] .current-menu-item.menu-item-has-children button.sub-menu-toggle,
nav[aria-label="Secondary"] .menu-item-has-children:has(.sub-menu-toggle[aria-expanded="true"]) > a,
nav[aria-label="Secondary"] .menu-item-has-children:has(.sub-menu-toggle[aria-expanded="true"]) .sub-menu-toggle,
nav[aria-label="Secondary"] .current-menu-ancestor .sub-menu-toggle,
nav[aria-label="Secondary"] .current-menu-page .sub-menu-toggle {
	color: white !important;
	background-color:var(--blue) !important;
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}


@media only screen and (max-width: 1100px) {
	nav[aria-label="Secondary"] {
		padding-bottom: 20px;
	}
}

/** INNER RPAGES
--------------------*/
.section-el:last-of-type {
    margin-bottom: 50px;
}

.section-el:is(.light-grey-bg) {
	background-color: #fff3e3 !important;
	padding: 0;
    margin: 30px 0;
}

.section-el:is(.light-grey-bg) .custom-container {
	padding: 25px;
}


.section-el:last-of-type:is(.light-grey-bg) .custom-container ul {
	margin-bottom: 0;
}

.section-el:is(.light-grey-bg) .custom-container {
	ul + p {
		margin-top: 10px;
	}
}

/*.section-el:has(.support-section-element) {
	margin-bottom: 0;
}

.section-el.support-section-element {
	background-color: #dbf4f3;
    margin-top: 40px;
	margin-bottom: 0;
	padding: 20px;
}

.support-section-element ul li::marker {
    color: #266eaa;
}*/
.entry-content:has(.components-below-sidebar) .sidebar-page .section-el {
    margin-bottom: 0 !important;
}

.entry-content:has(.components-below-sidebar) .sidebar-container .page-content p:last-of-type {
	margin-bottom: 20px;
}

@media only screen and (min-width: 1100px) {
	.page main#genesis-content {
    	min-height: 760px;
	}
}

/** PAGES WITH SIDEBAR
-------------------------*/
.page .content .entry {
    margin-bottom: 0px;
}
/*Banner*/
.banner-bg {
    background-color: #F0E1FF;
    min-height: 285px;
	display: grid;
    grid-template-columns: calc(((100% - 865px - 40px)/2)) 570px 1fr;
	/*display: flex;
		align-items: center;
		justify-content: flex-start;
    background-size: calc(((100% - 1080px - 40px)/2)) /*1080px is the width of the menu and 40/2 is the margin on the right  auto;*/
	margin-bottom: 70px;
}

@media (min-width: 2000px) {
	.banner-bg {
    	grid-template-columns: calc(((100% - 932px - 40px)/2)) 1000px 1fr;
	}
}

.banner-bg.Pink {
	background-color: #FFF1F7;
}

.banner-bg.Green {
	background-color: #E8F7DF;
}

.banner-bg.Turquoise {
	background-color: #CEF4F7;
}


.title-container {
    display: flex;
    align-items: center;
}

.banner-bg h1.title {
    font-size: 45px;
    margin-bottom: 0px;
    margin-left: 20px;
    font-weight: 800;
}

.pattern-right,
.pattern-left {
	background-repeat: no-repeat;
	background-size: cover;
}
.pattern-right {
	background-image: url(/wp-content/uploads/2025/07/Banners_Pages_Right.svg);
	background-position: left;
}

.pattern-left {
	background-image: url(/wp-content/uploads/2025/07/Banner_Pages_Left.svg);
	background-position: right;
}

@media (max-width: 1440px) {
	.banner-bg {
    	grid-template-columns: calc(((100% - 517px - 40px)/2)) 570px 1fr;
		min-height: 245px;
	}
}

@media only screen and (max-width: 1100px) {
	.banner-bg {
		min-height: 194px;
        height: fit-content;
		display: grid;
		grid-template-columns: 1fr 2fr 1fr;
		margin-bottom: 70px !important;
	}
	
	.banner-bg h1.title {
		font-size: 41px;
		margin-left: 0;
	}
	.entry-content:has(button#genesis-mobile-nav-secondary) .banner-bg {
	margin-bottom: 0 !important;
}
}



@media only screen and (max-width: 700px) {
	.banner-bg {
		display: flex;
		align-items: center;
		height: fit-content;
		min-height: 130px;
		margin-bottom: 30px !important;
		.pattern-left,
		.pattern-right {
			display: none;
		}
	}
	
	.banner-bg h1.title {
		font-size: 25px;
		padding: 30px 15px;
	}
}


.breadcrumb {
	align-items: center;
	gap: 5px;
	border: none;
	/*max-width: 1015px;*/
	margin: auto;
}

.breadcrumb a {
	color: black;
	font-size: 18px;
}

nav[aria-label="Breadcrumbs"] {
    background-color: var(--purple);
	color: white;
	padding: 7px 0;
}

nav[aria-label="Breadcrumbs"] a {
	color: white;
}

nav[aria-label="Breadcrumbs"] a:hover,
nav[aria-label="Breadcrumbs"] a:focus {
	outline: 2px solid white !important;
}

.page-content.custom-container {
    margin: 0;
	margin-left: 40px;
    max-width: 870px;
	width: 100%;
}

header.entry-header {
    display: none;
}

@media only screen and (max-width: 890px) {
	h1.title {
		font-size: 33px;
		margin-bottom: 17px;
	}
}

@media only screen and (max-width: 667px) {
	h1.title {
		font-size: 25px;
	}
}

h1.title {
    font-size: 45px;
    margin-bottom: 40px;
}

/*Left sidebar*/
div.sidebar-container {
	position: relative;
	width: calc(((100% - 1070px)/2)); /*1080px is the width of the menu and 40/2 is the margin on the right */
}

div#navigation-sidebar {
    background-color: #FCB74A;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
	margin-right: 20px;
    padding: 20px 15px 20px;
	position: absolute;
	min-width: 230px;
	width: 100%;
}

div#navigation-sidebar:has(form) {
	padding: 50px 15px 50px;
}

@media only screen and (max-width: 1280px) {
	div#navigation-sidebar {
		padding: 28px 15px 28px;
	}
	div#navigation-sidebar label,
	div#navigation-sidebar h2 {
		font-size: 20px;
	}
}



/*dropdown*/
select#support-pages-dropdown {
    background-color: white;
	font-family: 'Mulish-Regular';
    padding: 8px 24px 8px 14px !important;
    border-radius: 30px;
	appearance: none;
}

.select {
	/*background-image: url(/wp-content/uploads/2024/08/menu-arrow_white.svg);
	background-size: contain;*/
	/*background-repeat: no-repeat;*/
	margin: 10px 0 20px;
	padding-right: 0px;
	font-weight: 800 !important;
	position: relative;
}

.select select {
    -webkit-appearance: none;
    background: #fff url('/wp-content/uploads/2024/08/menu-arrow_white.svg') no-repeat right 5px top 55%;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle;
}

/*.select::after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/menu-arrow_white.svg);
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    content: '';
    height: 78%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
}*/


.components-below-sidebar .custom-container {
    margin: 0;
    margin-left: calc(100% - 1071px ); /*1060px is the width of the menu with the logo and 140px is the width of the logo, 20px is the margin left of the page content at the top*/
}


@media only screen and (max-width:1440px) {
	div.sidebar-container {
    	width: calc(((100% - 1080px)/2) + 145px); /*1080px is the width of the menu with the logo and 140px is the width of the logo*/
	}
	/* .breadcrumb {
		max-width: 900px;
	}*/
}

@media only screen and (min-width:1440px) {
	 /*.breadcrumb {
		max-width: 900px;
	}*/
}

@media only screen and (min-width:1600px) {
	 /*body:has(.sidebar-container) .breadcrumb {
		max-width: 995px;
	}*/
}

@media only screen and (max-width:1440px) and (min-width: 1281px) {
	/*body:has(.sidebar-container) .breadcrumb {
		max-width: 720px;
	}*/
}

@media only screen and (max-width:1280px) {
	div.sidebar-container {
    	width: calc(((100% - 1015px)/2) + 145px); /*1080px is the width of the menu with the logo and 140px is the width of the logo*/
	}
	.breadcrumb {
		/*max-width: 660px;*/
		text-align: left;
	}
}

@media only screen and (max-width:1100px) {
	.breadcrumb {
		max-width: 85%;
	}
}

@media only screen and (max-width: 1100px) {
	.sidebar-page {
		flex-direction: column !important;
	}
	div.sidebar-container {
		width: 100%;
		max-width: 100%;
		margin: auto;
	}
	div#navigation-sidebar {
		border-radius: 0px !important;
		position: static;
		margin-right: 0;
	}
	button#genesis-mobile-nav-secondary {
		background-color: #595f62;
		transform: none !important;
		color: #ffffff;
		display: block !important;
		margin: auto;
		width: 100%;
	}
	.entry-content:has(.banner-bg) button#genesis-mobile-nav-secondary {
		background-color: #674799;
	}
	.page-content.custom-container,
	.components-below-sidebar .custom-container {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	div#navigation-sidebar ul {
		width: 90%;
	}
	.section-el p {
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 990px) {
	.dropdown-form select {
		border-color: black;
	}
}


@media (min-width: 1600px) {
	div.sidebar-container {
		position: absolute;
		width: calc(((100% - 1070px)/2));
	}
	.page-content.custom-container {
    	margin: auto;
	}
	.components-below-sidebar .custom-container {
		margin-left: calc(100% - 1231px);
	}
}


@media (min-width: 1640px) {
	.components-below-sidebar .custom-container {
		margin-left: calc(100% - 1251px);
	}
}

@media (min-width: 1690px) {
	.components-below-sidebar .custom-container {
		margin-left: calc(100% - 1276px);
	}
}

@media only screen and (min-width: 1920px) {
    .components-below-sidebar .custom-container {
        margin-left: calc(100% - 1455px);
	}
	div.sidebar-container {
		max-width: unset;
		width: unset;
	}
	div#navigation-sidebar {
		width: 340px;
	}
	.page-content.custom-container {
		margin: auto;
		max-width: 1000px;
		width: 100%;
	}
	div#navigation-sidebar {
		width: 340px;
	
	}
}

@media only screen and (min-width: 2000px) {
     .components-below-sidebar .custom-container {
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
        }
	div#navigation-sidebar {
		width: 340px;
		position: absolute;
		left: 123px;
		border-radius: 40px;
	}
	div#navigation-sidebar:has(form) {
    	padding: 30px 15px 30px;
	}
}

@media only screen and (min-width: 2420px) {

	div#navigation-sidebar {
		left: 365px;
	}
}

@media only screen and (min-width: 3000px) {

	div#navigation-sidebar {
		left: 560px;
	}
}


@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.section-el.components-below-sidebar.light-grey-bg .custom-container {
    	margin-left: calc(100% - 951px ); /*from https://supportcambridgeshire-ccvs-dev.stackstaging.com/about/become-a-member/*/
	}
}

/** BANNER IMAGE
---------------------*/
.full-container.banner-container {
    border-radius: 40px;
    height: 380px;
    overflow: hidden;
    margin: 0px 0 40px;
}

.full-container.banner-container img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.postid-14280 .full-container.banner-container img {
	object-fit: contain;
}

@media (max-width: 700px) {
	.full-container.banner-container {
		border-radius: 20px;
	}
}

/*Video*/

.iframe-featured iframe {
    width: 100%;
    height: 475px;
    border: 1px solid var(--grey);
    border-radius: 30px;
    overflow: clip;
}

@media only screen and (max-width: 667px) {
	.full-container.banner-container {
		height: 180px;
		margin: 0px 0 20px;
	}
}
/**QUICK LINKS
-------------------*/
div.quick-links {
    background-color: var(--grey);
    border-radius: 40px;
    padding: 31px 30px;
	margin: 30px 0;
}

div.quick-links  ul li {
	list-style-type: none;
}

div.quick-links h2 {
	margin-top: 0;
}

.quick-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.quick-links ul li:before {
	display: none;
}

.quick-links ul li a {
    color: #1e5051;
    font-family: 'Mulish-Regular';
	font-weight: 700;
    text-decoration: none;
}


.quick-links svg.arrow-down-link {
    margin-right: 10px;
    fill: currentcolor;
}

/*.section-el p {
	max-width: 680px;
}*/

/** Content below sidebar
-----------------------------*/
/*.components-below-sidebar:last-of-type {
    margin-bottom: 50px;
}*/


/*.page-content.custom-container:last-of-type {
    margin-bottom: 30px;
}*/

/*@media only screen and (min-width: 1500px) {
	.components-below-sidebar .custom-container {
		margin-left: calc((100% - 1080px ) / 2 + 40px);
	}
	
}*/


@media only screen and (max-width: 1280px) {
	.components-below-sidebar .custom-container {
		margin: 0;
		margin-left: calc(100% - 970px );
	}
}


@media only screen and (max-width: 1100px) {
	.page-content.custom-container,
	.components-below-sidebar .custom-container {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	div#navigation-sidebar ul {
		width: 90%;
	}
	.section-el p {
		max-width: 100% !important;
	}
}





@media only screen and (min-width: 1366px) and (max-width: 1400px) {
	.page-content.custom-container {
    	margin-left: 100px;
	}
	.components-below-sidebar .custom-container {
    	margin-left: calc(100% - 1010px );
	}
}

@media (max-width: 1440px) and (min-width:1370px) {
	.page-content.custom-container {
    	margin-left: 100px;
	}
	.components-below-sidebar .custom-container {
    	margin-left: calc(100% - 1015px );
	}
}

/*Light grey*/
.components-below-sidebar.light-grey-bg {
    background-color: var(--grey);
    padding: 20px;
	margin-top: 10px;
}

.components-below-sidebar.light-grey-bg  h2:first-of-type,
.components-below-sidebar.light-grey-bg  h3:first-of-type {
	margin-top: 0;
}

/*How we can support you*/
.section-el.components-below-sidebar.light-grey-bg {
    margin-top: 40px;
}

.components-below-sidebar:not(:last-of-type) {
	margin-bottom: 20px;
}



/*Download files*/
.download-file {
	transition: transform 0.2s ease;
	margin: 20px 0;
	width: fit-content;
}


.download-file .icon {
    background-color: var(--yellow);
    border-radius: 100%;
    display: flex;
		align-items: center;
		justify-content: center;
    height: 40px;
    padding: 9px;
	transition: transform 0.2s ease;
	width: 40px;
}

.download-file .icon svg {
    height: 35px;
    width: auto;
}

.download-file  a {
	color: black;
	font-family: 'Mulish-Regular';
	font-weight: 700;
	text-decoration: none;
}

.download-file  a:hover {
	text-decoration: underline;
}

.download-file  a .light {
	color: black;
	font-family: 'Mulish-Regular';
	font-weight: 900;
}

.download-file:hover .icon,
.download-file:focus-within .icon {
	transform: translateY(-5px);
}

/*Image*/
.custom-container.image-container.page-content {
    margin-top: 20px;
}
.image-container {
    border-radius: 40px;
    height: 380px;
    overflow: clip;
    margin: 25px 0 35px;
}
.image-container:has(.object-fit-contain) {
	border-radius: 0;
}
.image-container.large,
.image-container.large:has(img.object-fit-contain) {
	border-radius:0;
	height: auto;
}
.image-container img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}


/*if image is a logo*/

.image-container img.object-fit-contain {
	width: 45%;
}

.image-container:has(img.object-fit-contain) {
	height: 315px;
}

.custom-container.page-content.boxed-grey h2 {
	margin-top: 0 !important;
}


@media only screen and (max-width: 667px) {
	.image-container.large {
		height: 304px;
	}
	/*Maple centre page*/
	.page-id-16950 .image-container:has(img.object-fit-contain) {
		height: 120px;
	}
}

/*if image is not a logo*/
.image-container.page-content img.object-fit-contain {
	width: 100%;
}


/** COLLAPSIBLE TABS
--------------------------*/
.accordion-item.tab {
    border: none !important;
}

.accordion-header {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

div.accordion {
    display: flex;
		flex-direction: column;
		gap: 10px;
	margin: 30px 0 30px;
}

.accordion-flush>.accordion-item>.accordion-header .accordion-button {
    background-color: transparent;
    border-radius: 7px !important;
    color: var(--purple);
    font-size: 25px !important;
    padding: 16px 10px;
	padding-left: 2px;
	transform: none !important;
    gap: 15px;
    align-items: center;
}

.accordion-button::after {
	display: none;
}

svg.arrow-tab {
    height: 20px;
    fill: currentcolor;
	min-width: 10px;
	width: auto;
}

.accordion-button:not(.collapsed) {
	box-shadow: none;
}

/*Expanded tabs*/
.accordion-button:not(.collapsed),
.accordion-button:hover,
.accordion-button:focus {
	color: #C22176 !important;
}


.accordion-button:not(.collapsed) svg.arrow-tab {
	fill: #C22176;
    transform: rotate(90deg);
}




/*Accordion body*/
.accordion-body {
    padding: 0;
    margin: 20px 25px 0;
}

.accordion-body p,
.accordion-body td{
    color: black;
}

.accordion-button:focus {
	box-shadow: 0 0 0 0.25rem var(--purple);
}

/** GREY Component 
----------------------*/
.accordion-body .boxed-grey {
    border-radius: 20px;
    background-color: var(--grey);
    padding: 20px 30px;
    margin: 30px 0;
}

.accordion-body .boxed-grey h2,
.accordion-body .boxed-grey h3,
.accordion-body .boxed-grey h4 {
	margin-top: 0;
}

/** BUTTONS
-----------------*/
.entry-content a.button {
	margin: 20px 0;
}

main a.button.Purple-button,
main a.button.Purple-bg {
	background-color: var(--purple);
	color: white;
}

main a.button.Green-button,
main a.button.Green-bg {
	background-color: #3F961A;
	color: black !important;
}


main a.button.Blue-button,
main a.button.Blue-bg {
	background-color: #379496;
	color: black !important;
}

main a.button.Turquoise-button {
	background-color: #379496;
	color: black !important;
}

main a.button.Orange-button,
main a.button.Orange-bg {
	background-color: #DD5F17;
	color: black !important;
}

/** CHILD PAGES
-----------------*/
a.button.child-page {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    padding: 10px 22px!important;
    text-align: center;
    line-height: 1.1;
    width: fit-content;
    min-width: 150px;
    max-width: 35%;
    min-height: 56px;
    margin-top: 0px;
    color: var(--black);
}

.rel-pages {
	column-gap: 20px;
}

h2.rel-pages {
    color: #276969;
}

a.button.child-page:nth-child(7n+1) {
	background-color: #379496;
}

a.button.child-page:nth-child(7n+2) {
	background-color: #664699;
	color: white;
}

a.button.child-page:nth-child(7n+3) {
	background-color: #3F961A;
}


a.button.child-page:nth-child(7n+4) {
	background-color: #E71E81;
}


a.button.child-page:nth-child(7n+5) {
	background-color: #7F8586;
}

a.button.child-page:nth-child(7n+6) {
	background-color: #3D2176;
	color: white;
}

a.button.child-page:nth-child(7n+7) {
	background-color: #DE5E17;
}

@media only screen and (max-width:890px) {
	a.button.child-page {
		max-width: 31%;
	}
}

@media only screen and (max-width:667px) {
	.rel-pages {
		justify-content: center;
	}
	a.button.child-page {
		max-width: 90%;
	}
}

/** IMAGE BOX
--------------------*/
.image-boxes {
	justify-content: flex-start;
	margin-bottom: 50px !important;
    gap: 1%;
}

.image-box h3 {
    margin: 0;
}

.image-boxes h3 a {
    color: black;
    font-size: 21px !important;
}

.image-boxes h3 a:hover,
.image-boxes h3 a:focus {
	background-color: #FFF0C2;
    text-decoration: none !important;
    outline: 1px solid var(--black) !important;
	text-decoration: none;
}

.image-box {
	border-radius: 3px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	overflow: clip;
	padding-bottom: 20px;
	transition: all 0.2s ease;
    width: 32%;
}

.image-box:hover,
.image-box:focus-within {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transform: none;
}

/*.image-box.clickable-card:hover a,
.image-box.clickable-card:focus-within a {
	background-color: #FFF0C2;
    text-decoration: none !important;
    outline: 1px solid var(--black) !important;
}*/

.image-box h3, .image-box p {
    padding: 5px 20px;
    font-size: 17px;
    line-height: 1.3;
}

.image-box .image-container {
    border-radius: 0px;
    height: 135px;
    overflow: clip;
    margin: 0;
	margin-bottom: 10px;
}

.image-box .image-container h3  {
	margin-bottom: 10px;
}

.page-content.custom-container.d-flex.filter-resources.flex-wrap {
    margin-top: 25px;
}

/*On posts*/
.single .image-box {
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    overflow: clip;
    width: 43%;
}

.single .page-content.custom-container.d-flex.image-boxes.flex-wrap {
	justify-content: flex-start !important;
    gap: 34px;
}
 .single .image-box p {
    padding: 5px 20px;
    font-size: 18px;
    line-height: 1.7;
}

.single .image-box .image-container  {
	height: 175px;
}

.single .image-boxes h3 a {
    color: black;
    font-size: 25px !important;
    text-decoration: none;
}


/** HORIZONTAL IMAGE BOX
---------------------------*/
.image-boxes.flex-wrap {
    margin-top: 20px;
    gap: 30px;
}

.image-box.d-flex.card-full {
    align-items: center;
    padding: 0;
    width: 100%;
    gap: 20px;
}


.image-box.card-full .image-container {
    border-radius: 0;
	flex:1;
    height: 235px;
    overflow: clip;
    margin: 0;
	min-width: 220px;
    /* margin-bottom: 10px; */
}

.image-box.card-full.network-card .image-container {
    border-radius: 100%;
    overflow: clip;

    /* margin-bottom: 10px; */
}

.image-box.d-flex.card-full .container-text {
	flex: 2;
    padding: 30px 0px;
    padding-right: 25px;
}

.card-full .text {
    display: flex;
		flex-direction: column;
		gap: 20px;
	flex: 2;
}

.text-arrow.d-flex {
    gap: 20px;
	align-items: flex-end;
}

.card-full  h3, .card-full p {
    padding: 5px 20px;
   	font-size: 18px; 
   line-height: 1.5; 
}

.card-full .topics span.term-tag {
	background-color: var(--blue) !important;
}

.image-box.d-flex.card-full h3,
.image-box.d-flex.card-full p {
	margin: 0;
	padding: 0;
}

.image-box.d-flex.card-full h3 a {
	font-size: 24px !important;
	text-decoration: none;
}

img.contain-logo {
    height: 100%;
    object-fit: contain !important;
    object-position: center;
    padding: 30px;
    width: 100%;
}

.container-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

img.nav-arrow {
    width: 55px;
    /* height: 20px; */
}

/*Cambridgeshire funders and infrastructure network*/
.image-box.clickable-card.d-flex.card-full.network-card.id-5070 img.img {
	width: 83%;
}

@media only screen and (max-width: 990px) {
	.text-arrow.d-flex {
		gap: 20px;
		align-items: flex-start;
		flex-direction: column;
	}
}

@media only screen and (max-width: 667px) {
	.text-arrow.d-flex {
		flex-direction: column;
		align-items: flex-start;
	}
	.image-box.card-full {
		flex-direction: column;
		padding: 20px !important;
	}
	.image-box.d-flex.card-full .container-text {
		padding: 0;
		padding-right: 0;
	}
}

/** BLOCKQUOTE
--------------------*/
blockquote {
	font-style: normal;
}

blockquote::before {
    content: "\201C";
    display: block;
    font-size: 30px;
    font-size: 80px;
    height: 0;
    left: -37px;
    position: relative;
    top: -25px;
    color: var(--purple);
}

.quote-container {
    background-color: var(--grey);
    border-left: 6px solid var(--purple);
	font-style: normal;
    opacity: 1;
    padding: 30px 40px 30px 50px;
}


.quote-container p {
	margin-bottom: 0;
}

p.author {
    font-weight: bold;
    font-style: italic;
}

blockquote {
    background-color: var(--grey);
    border-left: 6px solid var(--purple);
	font-style: normal;
    opacity: 1;
    padding: 30px 40px 30px 50px;
	margin: 20px 0;
}


blockquote p {
	margin-bottom: 10px;
}

/** PREVIOUS/NEXT BOTTOM PAGINATION
------------------------------------*/
.components-below-sidebar.page-nav {
    background-color: #E8F7DF;
	padding: 20px 0;
}

.pagination:before,
.pagination:after,
.custom-pagination:before,
.custom-pagination:after {
	display: none;
}

@media only screen and (max-width: 1440px) {
	.page-nav .custom-container {
   	 margin-left: calc((100% - 1154px ) / 2 + 20px );
	}
}



.page-footer-nav {
    display: grid;
		grid-template-columns: 1fr 1fr;
		justify-content: space-between;
		gap: 20px;
	    align-items: start;
}

.pagination,
.custom-pagination {
	align-items: center;
	gap: 20px;
	margin: 0;
}

.arrow-prev img {
    width: 30px;
    height: auto;
}

.pagination a.boxed,
.custom-pagination a.boxed {
	color: black !important;
	font-size: 21px;
}

.pagination a.boxed:hover,
.custom-pagination a.boxed:hover,
.pagination a.boxed:focus,
.custom-pagination a.boxed:focus {
	outline: 2px solid var(--black);
}

.next-page.d-flex {
	justify-content: flex-end;
    justify-self: end;
    grid-column-start: 2;
}

.components-below-sidebar.page-nav h3  {
	font-family: 'Mulish-Regular';
	font-weight: 300 !important;
	font-size: 18px;
	
}

.page-nav .text-page {
    width: fit-content;
}

/*@media only screen and (min-width: 1920px) {
	.components-below-sidebar.page-nav .custom-container {
		max-width: 1140px;
		margin: auto;
	}
}*/

@media only screen and (max-width: 1440px) {
	.page-nav .custom-container {
    	margin-left: calc((100% - 690px ) / 2 + 20px );
		max-width: 990px;
	}
}

@media only screen and (min-width: 1920px) {
	.page-nav.components-below-sidebar .custom-container {
    	margin-left: auto;
        margin-right: auto;
		width: 1140px !important;
	}
}

@media only screen and (max-width: 1100px) {
	.page-nav .custom-container {
		margin: auto;
		width: 90%;
	}
}

@media only screen and (max-width: 667px) {
	.page-footer-nav {
    	display: flex;
			flex-direction: column;
			gap: 30px;
			align-items: center;
    	margin: auto;
		width: 90%;
	}
	.pagination,
	.custom-pagination {
		width: 100%;
	}
	.next-page.d-flex {
		justify-content: flex-start;
	}
}

/** CHARTS
---------------*/
.chart.clickable-card,
.chart.clickable-card img {
    width: 100%;
}

img.chart-img.border {
    display: block;
    max-width: 800px;
    margin: auto;
}


/** VIDEO CARDS
------------------*/

.video-card .small-button,
.resource-card .small-button {
    align-items: center;
    display: flex;
		justify-content: center;
    font-family: 'Mulish-Regular' !important;
	font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 1.2;
    margin: 0 !important;
    max-width: 49%;
    padding: 9px 20px !important;
}

.video-card .text {
    padding: 10px 20px 0px !important;
    justify-content: space-between;
}

/*edi*/
.page-id-5801 .video-card .text {
	min-height: 190px !important;
}

@media only screen and (max-width: 1700px) {
	.page-id-5801 .video-card .img-res-container {
    	height: 212px;
	}
}

.video-card .btns {
	padding: 10px 20px 25px !important;
}

.video-card .img-res-container {
    height: 210px;
    overflow: clip;
}

.video-card h3 {
	font-size: 22px;
}

.video-card .buttons {
	margin-top: 10px;
}

.video-card .gap-20 {
	gap: 20px;
}

/*LIGT FREY BOXEC COMPONENT*/
.custom-container.page-content.boxed-grey {
    background-color: #fff3e3;
    padding: 30px;
    border-radius: 30px;
    margin-top: 20px;
}

.page-template-default .custom-container.page-content.boxed-grey {
	margin-top: 20px;
}

.video-card .small-button {
	max-width: 100%;
	width: 100%;
}

.video-card .buttons.d-flex.justify-content-between.flex-wrap {
	gap: 10px;
}

@media only screen and (max-width: 1700px) {
	.video-card .img-res-container {
    	height: 154px;
	}
}

/** OUTLINED ICON BOXES (ABOUT US PAGE)
------------------------------------------*/
.outlined-icons {
	gap: 17px;
	justify-content: center;
}

.box-icon {
	background-color: white;
    border: 1px solid var(--orange);
    border-radius: 40px;
    padding: 30px;
	transition: all 0.4s ease;
    width: 30%;
}


.box-icon:nth-child(8n + 1) { border: 1px solid #379496; }
.box-icon:nth-child(8n + 2) { border: 1px solid #664699; }
.box-icon:nth-child(8n + 3) { border: 1px solid #3F961A; }
.box-icon:nth-child(8n + 4) { border: 1px solid var(--pink); }
.box-icon:nth-child(8n + 5) { border: 1px solid #7F8586; }
.box-icon:nth-child(8n + 6) { border: 1px solid #3D2176; }
.box-icon:nth-child(8n + 7) { border: 1px solid #DE5E17; }



.box-icon:hover {
	background-color: var(--yellow);
	border: 1px solid var(--yellow);
	transform: translateY(-7px);
}

.box-icon img {
	display: block;
    height: 80px;
	margin: auto;
	width: 80px;
}

.box-icon h3 {
    margin: 10px 0 5px !important;
}

.box-icon  h3,
.box-icon  p {
	text-align: center;
}

.box-icon  p {
	font-size: 18px;
	line-height: 1.4;
}


/** FLUENT FORM
----------------------*/
.ff-default .ff-el-form-control {
    background-color: white;
    border: 1px solid #414141 !important;
    color: #000000;
    font-family: 'Mulish-Regular', sans-serif;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.fluentform .ff-el-is-error .text-danger {
	margin-top: 15px;
}

.ff-default .ff-el-input--label label {
    font-family: 'Mulish-Regular' !important;
	font-weight: 700 !important;
	font-size: 20px !important;
}

.fluentform .ff-el-is-error .ff-el-form-check-label, .fluentform .ff-el-is-error .ff-el-form-check-label a,
.fluentform .text-danger {
    color: #9b215b !important;
    font-weight: 500 !important;
    font-size: 20px !important;
}

.fluentform .ff-el-is-error .ff-el-form-control {
    outline: 2px solid #9b215b !important;
    outline-offset: 4px;
    /* border-color: var(--fluentform-danger); */
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
	color: #9b215b !important
}

form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style) {
    background-color: #664699 !important;
    border-radius: 50px;
    color: white !important;
    display: block;
    font-size: 21px;
    font-family: 'Mulish-Regular' !important;
    margin: 20px auto 0 !important;
    padding: 8px 24px;
    transition: transform 0.3s ease;
}


form.fluent_form_3 .ff-btn-submit:hover,
form.fluent_form_3 .ff-btn-submit:focus {
	outline: 2px solid var(--black);
	outline-offset: 2px;
	transform: translatey(-6px);
	opacity: 1;
}

.ff-default .ff-el-form-control:focus,
.ff-default .ff-el-form-control:hover {
	outline: 2px solid #5C5F63;
	outline-offset: 2px !important;
}

div#error-summary {
    background-color: var(--grey);
	border-radius: 5px;
    padding: 20px;
}

div#error-summary h2 {
	margin-top: 0 !important;
}

div#error-summary ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


/*** HOME
==============*/
.home .custom-container {
	max-width: 100%;
	width: 930px;
}

/*@media only screen and (min-width: 1100px) {
	.home .custom-container {
		max-width: 100%;
		width: 1060px;
	}
}*/

.home h2 {
	font-weight: 800 !important;
}
.home p {
	font-size: 20px;
}

.home nav[aria-label="Breadcrumbs"] {
	display: none;
}

.home .components-below-sidebar.page-nav {
    display: none;
}
/**FRONT PAGE 1
------------------*/
/*///Desktop screens*/

div#n2-ss-2 .text-container {
	clip-path: polygon( 67.645% 97.806%,0% 100%,-0.265% 0%,100% 0%,83.419% 79.099%,83.419% 79.099%,82.611% 82.289%,81.581% 85.246%,80.349% 87.947%,78.934% 90.369%,77.354% 92.491%,75.628% 94.29%,73.775% 95.743%,71.815% 96.829%,69.765% 97.525%,67.645% 97.808% );
	max-width: 900px !important;
	width: 63% !important;
}

.textwidget {
    position: relative;
}


@media only screen and (max-width: 1440px) {
	div#n2-ss-2-arrow-previous,
	div#n2-ss-2-arrow-next {
		--widget-offset: 125px !important;
	}
	div#n2-ss-2 .pattern-col {
		max-width: 20% !important;
	}
	/*div#n2-ss-2 .text-container {
		width: 55% !important;
	}
	.shape-column .n2-ss-layer {
		transform: translate(600px, 228px) translate(-50%, -50%) !important;
	}*/
	
}

/*div#n2-ss-2 .n2-ss-layer .n2-ow.n-uc-1e2ddfbb39c8b::after {
  content: "";
  display: block;
  width: 100%; 
  height: 100%; 
  background: url('https://cambridgecvs-org-uk.stackstaging.com/wp-content/uploads/2024/08/Slider_right-side_transparent-fill-1.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
	  top: 0;
	  right: 0;
}

div#n2-ss-2 .n2-ss-layer .n2-ow.n-uc-1e2ddfbb39c8b::after {
    content: "";
    display: block;
    width: 28%;
    height: 100%;
    background-image: url('https://cambridgecvs-org-uk.stackstaging.com/wp-content/uploads/2024/08/Slider_right-side_transparent-fill-1.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
}*/

.custom-shape-divider-bottom-1723229683 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1723229683 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 23px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1723229683 .shape-fill {
    fill: #FFFFFF;
}

.nextend-autoplay:hover,
.nextend-autoplay:focus {
	outline: 2px solid white !important;
	outline-offset: -5px !important;
}

@media only screen and (min-width: 2000px) {
	.custom-shape-divider-bottom-1723229683 svg {
		top: -5px;
		height: 42px;
	
	}
}

/*div#n2-ss-2 .pattern-col {
	max-width: 35% !important;
    width: 100% !important;
    margin-right: 10px !important;
}*/

div#n2-ss-2 .pattern-col > div  {
    background-color: var(--purple);
}

/*Mobile slider*/
div#n2-ss-16 .pattern-col > div  {
    background-color: var(--purple);
}

@media only screen and (min-width: 1600px)  {
	.shape-column .n2-ss-layer {
		width: 46%!important;
		height: 121% !important;
		transform: translate(170%, 41%) translate(-50%, -51%) !important;
	}
	
}


@media only screen and (min-width: 1900px) {
	.shape-column .n2-ss-layer {
		width: 46%!important;
		height: 52% !important;
		transform: translate(170%, 41%) translate(-50%, -51%) !important;
	}
}

/*@media only screen and (min-width: 1700px) and (max-width: 2999px)  {
	.shape-column .n2-ss-layer {
		transform: translate(813px, 243px) translate(-50%, -50%) !important;
	}
}*/


/*@media only screen and (min-width: 1920px) and (max-width: 2999px)  {
	.shape-column .n2-ss-layer {
		transform: translate(918px, 229px) translate(-50%, -50%) !important;
	}
}

@media only screen and (min-width: 2056px) and (max-width: 2999px) {
	.shape-column .n2-ss-layer {
		transform: translate(983px, 241px) translate(-50%, -50%) !important;
	}
}

@media only screen and (min-width: 2560px) and (max-width: 2999px)  {
	.shape-column .n2-ss-layer {
		transform: translate(1224px, 306px) translate(-50%, -50%) !important;
	}
}*/
@media only screen and (min-width: 1580px) {
	div#n2-ss-2-arrow-previous,
	div#n2-ss-2-arrow-next {
		--widget-offset: 17% !important;
	}
	div#n2-ss-2 .pattern-col {
		max-width: 38% !important;
	}
}


@media only screen and (min-width: 1920px) {
	div#n2-ss-2 .pattern-col {
    	max-width: 34% !important;
	}
	div#n2-ss-2 .pattern-col > div  {
		background-position: -169px !important;
		background-size: 97% 127%;
	}
	div#n2-ss-2 .text-container {
		max-width: 100% !important;
		width: 70% !important;
	}
	div#n2-ss-2 .clippath {
		max-width: 450px !important;
		width: 74%;
	}
	div#n2-ss-2 .pattern-col {
    	max-width: 40% !important;
	}
	div#n2-ss-2-arrow-previous, div#n2-ss-2-arrow-next {
    	--widget-offset: 25% !important;
	}
	.shape-column .n2-ss-layer {
		width: 49%!important;
		height: 131% !important;
		transform: translate(156%, 41%) translate(-50%, -51%) !important;
	}

}
@media only screen and (min-width:1920px) and (max-width: 2300px) { 
	div#n2-ss-2-arrow-previous,
	div#n2-ss-2-arrow-next {
    --widget-offset: 19% !important;
	}
}


@media only screen and (min-width: 2300px) { 
	div#n2-ss-2 .pattern-col {
    	max-width: 50% !important;
	}
}

@media only screen and (max-width: 1440px) {
	.shape-column .n2-ss-layer {
		width: 286px !important;
    	height: 594px !important;
		transform: translate(541px, 290px) translate(-50%, -50%) !important;
	}
	div#n2-ss-2-arrow-previous,
	div#n2-ss-2-arrow-next {
		--widget-offset: 165px !important;
	}
	div#n2-ss-2 .pattern-col {
		max-width: 27% !important;
	}
}


@media only screen and (max-width: 1100px) {
	div#n2-ss-2 .pattern-col {
    	max-width: 5% !important;
	}
	div#n2-ss-2 .pattern-col .n2-ss-layer-col {
		background-image: none !important;
	}
	.shape-column .n2-ss-layer {
		transform: translate(1224px, 306px) translate(-50%, -50%) !important;
	}
}

@media only screen and (max-width: 990px) {
	.desktops-banner {
		display: none;
	}
	.mobiles-banner.d-none {
		display: block !important;
	}
	/*Lampshades photo*/
	/*img#n2-ss-16item2 {
		object-position: 0 -50px !important;
	}*/
	div#n2-ss-16 .n2-ss-layer-row-inner {
    	align-items: flex-start !important;
	}
}

@media only screen and (max-width: 769px) {
	img#n2-ss-16item2 {
		object-position: 0 !important;
	}
}

@media only screen and (max-width: 667px) {
	.n2-ss-layer.n2-ow.wave-slider {
		transform: translate(214px, 337px) translate(-50%, -50%) !important;
	}
	img#n2-ss-16item2 {
		object-position: center !important;
	}
	
	div#n2-ss-16-arrow-previous,
	div#n2-ss-16-arrow-next {
		top: 43%;
		--widget-offset: 10% !important;
	}
}


@media only screen and (max-width: 667px) {
	.n2-ss-layer.n2-ow.wave-slider {
		transform: translate(192px, 334px) translate(-50%, -50%) !important;
	}
}

/** FRONT PAGE 2
----------------------*/
.text-col,
.btn-col {
    flex: 1;
}

.text-col {
	max-width: 367px;
}

.btn-col {
    display: flex;
		justify-content: flex-end;
}

.home .custom-container .d-flex {
	align-items: center;
}



div#front-page-2 .custom-container .d-flex {
	justify-content: center;
}

div#front-page-2,
div#front-page-3,
div#front-page-4,
div#front-page-5 {
    padding: 70px 0;
}

div#front-page-2 {
	padding-bottom: 0;
}


.home main a.button {
    display: flex;
		align-items: center;
		justify-content: center;
    font-size: 24px;
    max-width: 352px;
	padding: 10px 40px;
    text-align: left;
}

/*Round buttons*/
.buttons-container {
    gap: 30px;
    margin-top: 60px;
}

a.round-button {
    border-radius: 100%;
    display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 12px;
    height: 290px;
    text-decoration: none;
    transition: transform 0.2s ease;
    width: 290px;
}

a.round-button:first-of-type span.text {
    font-size: 23px;
    line-height: 1.2;
    padding: 6px 48px;
}

a.round-button:nth-child(7n+1) {
	background-color: #379496;
	color: black;
}

a.round-button:nth-child(7n+2) {
	background-color: var(--purple);
	color: white;
}


a.round-button:nth-child(7n+3) {
	background-color: #DE5E17;
	color: black;
}

a.round-button:nth-child(7n+4) {
	background-color: #2F9B00;
	color: black;
}

a.round-button:nth-child(7n+5) {
	background-color: var(--pink);
	color: black;
}

a.round-button:nth-child(7n+6) {
	background-color: #5C5F63;
	color: white;
}

a.round-button img {
	height: 120px;
	width: 130px;
}

span.text {
	font-size: 24px;
    font-family: 'Mulish-Regular' !important;
	font-weight: 700 !important;
    display: block;
    max-width: 100%;
	margin: 0 auto;
    padding: 6px 43px;
    text-align: center;
}

a.round-button:hover,
a.round-button:focus {
	transform: translatey(-9px);
	outline: 2px solid var(--black);
	outline-offset: 3px;
}

a.round-button:focus {
	outline: 2px solid black;
	outline-offset: 3px;
}

@media only screen and (max-width: 667px) {
	div#front-page-2, div#front-page-3, div#front-page-4, div#front-page-5 {
		padding: 30px 0;
	}
	.home main a.button {
		font-size: 19px;
	}
	div#front-page-2 {
    	padding-bottom: 0;
	}
	.buttons-container.d-flex.flex-wrap.desktops {
		display: none !important;
	}
	div#carouselServices {
		display: block !important;
		margin-top: 50px;
		position: relative;
	}
	div#carouselServices .carousel-indicators {
    	position: absolute !important;
			bottom: -50px;
		width: 100%;
	}
	
	div#carouselServices button.carousel-control-prev {
		left: 0px !important;
	}
	
	div#carouselServices button.carousel-control-next {
		right: 21px !important;
	}
	a.round-button {
		height: 266px;
		margin: auto;
		width: 266px;
	}
	a.round-button span.text {
		font-size: 23px !important;
	}
	.carousel-item:nth-child(1) a.round-button span.text {
		font-size: 19px !important;
	}
	.carousel-item:nth-child(7n+1) a.round-button {
		background-color: #379496;
		color: black;
	}

	.carousel-item:nth-child(7n+2) a.round-button {
		background-color: var(--purple);
		color: white;
	}
	
	.carousel-item:nth-child(7n+3) a.round-button {
		background-color: #DE5E17;
		color: black;
	}

	.carousel-item:nth-child(7n+4) a.round-button {
		background-color: var(--green);
		color: black;
	}

	.carousel-item:nth-child(7n+5) a.round-button {
		background-color: var(--pink);
		color: white;
	}

	.carousel-item:nth-child(7n+6) a.round-button {
		background-color: #5C5F63;
		color: white;
	}
}

/***FRONT PAGE 3
---------------------*/
.front-page-3 {
    background-image: unset;
}

div#n2-ss-7 .nextend-arrow-previous:hover,
div#n2-ss-7 .nextend-arrow-previous:focus,
div#n2-ss-7 .nextend-arrow-next:hover,
div#n2-ss-7 .nextend-arrow-next:focus {
	outline: 2px solid white !important;
	outline-offset: -5px !important;
}

.pattern {
	display: flex;
	background-color: #FFF0C2;
	position: relative;
}

.custom-shape-divider-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 49px;
}

.custom-shape-divider-top .shape-fill {
    fill: #FFFFFF;
}

.pattern-col {
    width: calc((100% - 930px) /2); /*930px is the width of the custom container*/
	margin-right: 20px;
}

.pattern-container {
	background-image: url(/wp-content/uploads/2025/07/What_s-On_Pattern.svg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	background-position: right !important;
}

.pattern .custom-container {
	margin-left: 0;
    padding: 80px 0;
}

.custom-shape-divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 49px;
}

.custom-shape-divider-bottom .shape-fill {
    fill: #FFFFFF;
}

/*Slider*/
div#n2-ss-7 {
    margin-top: 40px !important;
}

div#n2-ss-7  .n2-ss-slider-pane-single {
    padding: 28px 0px;
}


div#n2-ss-7 .n2-ss-slide {
    z-index: 3;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 10px 0px;
}


/*div#n2-ss-7.n2-ss-slider .n2-ss-item-image-content img {
    display: inline-block;
    max-width: 100%;
    width: 90%;
}*/

/*div#n2-ss-7 .ccvs-logo,
div#n2-ss-7 .ccvs-icon {
	display: none;
}*/

/*div#n2-ss-7 .n2-ss-slide:has(.event-130) .ccvs-logo,
div#n2-ss-7 .n2-ss-slide:has(.event-130) .ccvs-icon {
	display: block;
}*/

div#n2-ss-7 .n2-ss-slide .ccvs-cal {
	display: none;
}

div#n2-ss-7 .n2-ss-slide .partner-cal {
	display: block;
}


div#n2-ss-7 .n2-ss-slide:has(.event-130) .ccvs-cal {
	display: block;
}

div#n2-ss-7 .n2-ss-slide:has(.event-130) .partner-cal {
	display: none;
}

div#n2-ss-7 .n2-ss-slide:has(.event-130) .bg-item .n2-ss-layer-col.n2-ss-layer-with-background.n2-ss-layer-content {
	background-color: #F05A29;
}

div#n2-ss-7 .n2-ss-slide:has(.event-130) .n2-ss-layer.n2-ow.bg-p p {
	color: #B03C17;
}

div#n2-ss-7 .n2-ss-slide:has(.event-130) .ccvs-logo.img-event {
    width: 89%;
    margin-top: 25px !important;
}


div#n2-ss-7 .clickable-slide.clickable-card:hover,
div#n2-ss-7 .clickable-slide.clickable-card:focus,
div#n2-ss-7 .clickable-slide.clickable-card:focus-within {
	transform: none;
}

div#n2-ss-7 .arrow-orange {
	transition: all 0.3s ease !important;
}

div#n2-ss-7 .clickable-slide:hover .arrow-orange,
div#n2-ss-7 .clickable-slide:focus-within .arrow-orange {
	transform: translateX(6px);
}

div#n2-ss-7 .clickable-slide:hover a,
div#n2-ss-7 .clickable-slide:focus-within a {
	background: #FFF0C2 !important;
    border: 2px solid RGBA(0, 0, 0, 1) !important;
}



.text-shape-container {
    clip-path: polygon( 86.765% 100%,0% 100%,0% 0%,100% 0%,93.098% 82.225%,93.098% 82.225%,92.781% 85.299%,92.373% 88.147%,91.881% 90.746%,91.314% 93.072%,90.679% 95.104%,89.984% 96.817%,89.237% 98.19%,88.447% 99.198%,87.62% 99.82%,86.765% 100.033% );
    width: 70% !important;
}

div.n2-ss-layer.member > div {
    background-color: #5BC4BF !important;
}

div#n2-ss-7 .img-event {
    height: 130px;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 11px 0;
}

div#n2-ss-7 .img-event img {
	height: 130px !important;
}

/*div#n2-ss-7 img.logo {
    display: block !important;
    margin: auto !important;
    margin-top: 40px !important;
    object-fit: contain;
    object-position: center;
    width: 50%;
}*/

.membercontainet .ccvs-icon,
.membercontainer-main .arrow-orange{
	display: none !important;
}

.membercontainet p {
	color: #0d6eaa !important;
}

@media (min-width: 1920px) {
	.pattern-container {
		height: 96%;
	}
}
@media only screen and (max-width: 1100px) {
	.pattern-container,
	.pattern-col {
		display: none;
	}
	div#n2-ss-6-arrow-previous,
	div#n2-ss-6-arrow-next,
	div#n2-ss-5-arrow-previous,
	div#n2-ss-5-arrow-next,
	div#n2-ss-7-arrow-previous,
	div#n2-ss-7-arrow-next,
	div#n2-ss-8-arrow-previous,
	div#n2-ss-8-arrow-next{
		--widget-offset: -24px !important;
	}
	
}

@media only screen and (max-width: 667px) {
	div#n2-ss-6-arrow-previous,
	div#n2-ss-6-arrow-next,
	div#n2-ss-5-arrow-previous,
	div#n2-ss-5-arrow-next,
	div#n2-ss-7-arrow-previous,
	div#n2-ss-7-arrow-next,
	div#n2-ss-8-arrow-previous,
	div#n2-ss-8-arrow-next {
		--widget-offset: -59px !important;
	}
	
}

@media only screen and (max-width: 390px) {
	div#n2-ss-6-arrow-previous,
	div#n2-ss-6-arrow-next,
	div#n2-ss-5-arrow-previous,
	div#n2-ss-5-arrow-next,
	div#n2-ss-7-arrow-previous,
	div#n2-ss-7-arrow-next,
	div#n2-ss-8-arrow-previous,
	div#n2-ss-8-arrow-next {
		--widget-offset: -41px !important;
	}
	
}

@media only screen and (max-width: 320px) {
	div#n2-ss-6-arrow-previous,
	div#n2-ss-6-arrow-next,
	div#n2-ss-5-arrow-previous,
	div#n2-ss-5-arrow-next,
	div#n2-ss-7-arrow-previous,
	div#n2-ss-7-arrow-next,
	div#n2-ss-8-arrow-previous,
	div#n2-ss-8-arrow-next {
		display: none !important;
	}
	
}



/**FRONT PAGE 4
---------------------*/
div#front-page-4 {
    padding: 0;
}


div#n2-ss-8 {
    margin-top: 40px !important;
}


div#n2-ss-8 .clickable-card:hover a, 
div#n2-ss-8 .clickable-card:focus a {
    background: #FFF0C2 !important;
    outline: 2px solid black !important;
}

div#n2-ss-8 .n2-ss-layer.n2-ow.n-uc-1ccee3795153a {
    background-color: white;
    display: flex;
    align-items: flex-end;
}


div#n2-ss-8 img#n2-ss-8item7 {
    object-fit: cover;
    height: 150px;
	width: 100%;
}

/**FRONT PAGE 5
---------------------*/
.shape-grey {
    background-color: #F7F7F7;
    position: relative;
    padding: 95px 0 60px 0;
}

div#n2-ss-5 .n2-ss-slide:hover a,
div#n2-ss-5 .n2-ss-slide:focus a,
div#n2-ss-5 .n2-ss-slide:focus-within a,
div#n2-ss-5 .n2-ss-slide a:focus,
div#n2-ss-5 .n2-ss-slide a:hover {
    background-color: #fff0c2 !important;
    outline: 2px solid black !important;
}

.custom-shape-divider-top-grey {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-grey svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 49px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-grey .shape-fill {
    fill: #FFFFFF;
}


/*slider*/
.front-page-5 .row-title > div {
	height: 100%;
	display: flex;
		align-items: center;
		justify-content: center;
}

.front-page-5 .slider-container {
	width: 960px !important;
}

/*Usage: Align titles inside the slider*/
.front-page-5 .n2-ss-layer:has(> h3) {
    display: flex;
		align-items: center;
		justify-content: center;
	width: 80%;
}

.front-page-5 {
	padding-bottom: 0 !important;
}

/**FRONT PAGE 6
------------------*/
.blue-pattern {
	background-color: #A5DCE1;
}

.blue-pattern .custom-container {
    margin-left: 0;
    padding: 145px 0 100px;
}

.blue-pattern .custom-container .d-flex {
	margin-bottom: 50px;
}

.blue-pattern .custom-container {
	color: var(--black);
}

.blue-pattern .pattern-col {
	padding-right: 50px;
	background-image: none;
}

.blue-pattern .pattern-col .pattern-container {
    height: 100%;
}



.blue-pattern .pattern-col .pattern-container {
    background-image: url('/wp-content/uploads/2025/07/Networks-and-Partnerships_pattern.svg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    background-position: -149px;
}

.custom-shape-divider-top-blue {
    position: absolute;
		top: -1px;
		left: 0;
		z-index: 999;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-blue svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 90px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-blue .shape-fill {
    fill: var(--grey);
}

/*Usage: Style bottom shape*/
.custom-shape-divider-bottom-blue {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-blue svg {
    position: relative;
    display: block;
    width: calc(166% + 1.3px);
    height: 85px;
}

.custom-shape-divider-bottom-blue .shape-fill {
    fill: #FFFFFF;
}


div#n2-ss-6 .n2-ss-slide {
    z-index: 3;
    height: 200px !important;
    width: 200px !important;
}

div#n2-ss-6 .n2-ss-slide img {
	object-fit: contain;
}


div#n2-ss-6 .n2-ss-slide:hover a,
div#n2-ss-6 .n2-ss-slide:focus a,
div#n2-ss-6 .n2-ss-slide:focus-within a,
div#n2-ss-6 .n2-ss-slide a:focus,
div#n2-ss-6 .n2-ss-slide a:hover {
    outline: 2px solid black !important;
}

@media only screen and (max-width: 1100px) {
	.pattern .custom-container {
		margin-right: auto !important;
		margin-left: auto !important;
	}
}

@media only screen and (max-width: 930px) {
	.home .custom-container,
	.site-header > .wrap,
	.breadcrumb,
	.page-template-page_landing_ccvs .flex-main
	{
		max-width: 90%;
		margin: auto;
	}
	.home .text-button {
		flex-direction: column !important;
		gap: 20px;
	}
	.home .text-col {
    	max-width: 100%;
	}
	.home .btn-col {
		display: flex;
			justify-content: flex-start;
			align-items: center;
			flex: unset;
		width: 100%;
	}
	.blue-pattern .pattern-col {
		display: none;
	}
}

@media only screen and (max-width: 667px) {
	.home .custom-container,
	.site-header > .wrap,
	.breadcrumb,
	.page-template-page_landing_ccvs .flex-main
	{
		max-width: 90%;
		margin: auto;
	}
	.home .custom-container {
		max-width: 93%;
	}
	.site-header > .wrap {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 30px;
	}
	.blue-pattern .custom-container {
		padding: 80px 0;
	}
	.custom-shape-divider-top-blue svg {
		height: 54px;
	}
	.custom-shape-divider-bottom-blue svg {
		height: 54px;
	}
}

/*Tests*/
/**CAROUSEL SLIDER
-----------------------*/
.custom-container:has(.carousel) {
	margin-bottom: 0px;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	outline: 2px solid black;
	outline-offset: 2px;
}

h2.blog-title {
    color: #286869;
    font-family: 'Mulish-Regular';
	font-weight: 900;
    margin: 50px 0 40px 0;
}

div#myCarousel {
    max-width: 100%;
}

.components-below-sidebar.section-el:has(div#myCarousel) {
    overflow: hidden;
}

div#myCarousel p {
	font-size: 18px;
	margin-bottom: 0;
	line-height: 1.4;
}

.carousel-inner {
	padding: 10px 0;
}

.carousel-item {
	gap: 0px;
}

.carousel-item .blog-card,
.blogs .blog-card {
    background-color: var(--grey);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    overflow: clip;
    gap: 10px;
	width: 46%;
    margin: 0 10px;
}

.slider .page-content.custom-container.resources {
	margin: 100px 3px 0 !important;
}


.image-tag-container {
    background-color: white;
    height: 170px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-card .cat-container {
    background-color: var(--purple);
    clip-path: polygon( 86.765% 100%,0% 100%,0% 0%,100% 0%,93.098% 82.225%,93.098% 82.225%,92.781% 85.299%,92.373% 88.147%,91.881% 90.746%,91.314% 93.072%,90.679% 95.104%,89.984% 96.817%,89.237% 98.19%,88.447% 99.198%,87.62% 99.82%,86.765% 100.033% );
    color: white;
	display: flex;
		align-items: center;
	font-size: 17px;
	font-weight: 800;
    position: absolute;
		top: 0;
		left: 0;
    line-height: 1.1;
    max-width: 80%;
    min-height: 53px;
    padding: 7px 33px;
    width: fit-content;
}

.blogs img {
	height: 100%;
	object-fit: cover;
}

.blog-card .topics {
    display: flex;
		flex-wrap: wrap;
		gap: 5px;
}

.blog-card .topics span.term-tag,
.card-full .topics span.term-tag {
	color: #000000;
	font-size: 17px;
	font-weight: 800;
    padding: 5px 15px;
    background-color: #379496;
    border-radius: 10px;
}

.topics span.term-tag:nth-child(7n+2) {
	background-color: #664699;
	color: white;
}

.topics span.term-tag:nth-child(7n+3) {
	background-color: #3F961A;
}

.topics span.term-tag:nth-child(7n+4) {
    background-color: #c12671;
    color: #ffffff;
}

.topics span.term-tag:nth-child(7n+5) {
	background-color: #7F8586;
	color: var(--black);
}


.topics span.term-tag:nth-child(7n+6) {
	background-color: #3D2176;
	color: white;
}

.topics span.term-tag:nth-child(7n+7) {
	background-color: #DE5E17;
}

.blog-card h3 {
    margin: 10px 0;
    font-size: 20px;
	font-weight: 800 !important;
	font-family: 'Mulish-Regular';
}

.carousel-item .blog-card h3 {
	font-size: 24px;	
}

.blog-card p {
	font-size: 17px;
	line-height: 1.6;
}


.carousel-item .blog-card img.d-block.w-100.wp-post-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

a.read-more-link.d-flex {
	font-size: 18px;
    align-items: center;
	justify-content: flex-end;
    gap: 10px;
}

img.arrow {
    width: 30px;
}

.blog-card .text-container,
a.read-more-link {
    padding: 10px 20px !important;
}

.blog-card a.read-more-link.d-flex {
	color: #286869;
	font-family: 'Mulish-Regular';
	font-weight: 800;
	padding-bottom: 20px !important;
	text-decoration: none;
	margin-left: auto;
	margin-right: 15px;
	margin-bottom: 15px;
	width: fit-content;
}

.resource-card a.read-more-link.d-flex {
	margin-bottom: 0px;
}

/*carousel controls*/

.arrow-left {
    left: 3px !important;
    top: 0 !important;
    /*width: 50px !important;
    height: 50px !important;*/
}

.arrow-right {
    top: 0 !important;
    right: 3px !important;
    bottom: 0% !important;
    /*width: 50px !important;
    height: 50px !important;*/
}

/*Arrows*/
button.carousel-control-prev, 
button.carousel-control-next {
    background-color: var(--purple) !important;
	transform: none !important;
    border-radius: 100%;
    height: 45px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px  !important;
}

button.carousel-control-next {
	padding-left: 7px;
}

button.carousel-control-prev {
	padding-right: 7px;
}

.carousel-control-prev {
	left: -65px;
}

.carousel-control-next {
	right: -65px;
}

@media only screen and (max-width: 1280px) {
	.carousel-control-prev {
		left: -6px;
	}
	.carousel-control-next {
		right: -6px;
	}
	.page-content.custom-container.resources {
		justify-content: center;
	}
}

@media only screen and (max-width: 667px) {
	div#myCarousel .blog-card .text-container, 
	div#myCarousel a.read-more-link {
		padding: 10px 8px !important;
		max-width: 95%;
		position: relative;
	}
	.carousel-item {
		width: 95%;
	}
}

.arrow-right,
.arrow-left {
	opacity: 1 !important;
}

button.carousel-control-next,
button.carousel-control-prev {
	background-color: white;
}


.carousel-control-next-icon, 
.carousel-control-prev-icon {
	background-image: url(/wp-content/uploads/2024/08/slider-prev.svg);
    width: 30px !important;
    height: 30px !important;
    box-sizing: content-box;
}

span.carousel-control-next-icon {
    transform: rotate(180deg);
}

.carousel-control-next, .carousel-control-prev {
	width: unset !important;
	opacity: 1 !important;
}


/*Buttons*/
.nav-controls {
    position: absolute !important;
    bottom: -55px;
    z-index: 99;
    transform: translateX(-50%);
    left: 50%;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 50px;
    /* margin-top: 30px !important; */
}

.carousel-indicators {
	position: static !important;
	margin: 0 !important;
	gap: 10px;
}
.carousel-indicators button {
    height: 25px !important;
    width: 25px !important;
	transform: none !important;
    border-radius: 100%;
	opacity: 1 !important;
	transition: backgroundColor .6s ease !important;
	border: none !important;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--grey);
    border: 1px solid var(--purple) !important;
}

.carousel-indicators .active[data-bs-target] {
	background-color: var(--purple);
	outline: 2px solid black;
	outline-offset: 1px;
}


/* small and extra-small screens */
@media (max-width: 767px) {
 .carousel-one .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-one .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
  .carousel-one .carousel-inner .carousel-item > div .card-img-container img {
    max-width: 100%;
  }
}


/* medium and up screens */
@media only screen and (min-width:768px) {
  .carousel-one .carousel-inner .carousel-item.active,
.carousel-one .carousel-inner .carousel-item-next,
.carousel-one .carousel-inner .carousel-item-prev {
    display: flex !important;
	justify-content: center;
  }
}


@media only screen and (min-width:1024px) {
	.carousel-one .carousel-inner .carousel-item-end.active,
	.carousel-one .carousel-inner .carousel-item-next {
	box-shadow: none;
    transform: translateX(48%) !important; /*must be equal to the width of the column with card*/
  }
  .carousel-one .carousel-inner .carousel-item-start.active,
.carousel-one .carousel-inner .carousel-item-prev {
	box-shadow: none;
    transform: translateX(-48%) !important;
  }

 .carousel-one .carousel-inner .carousel-item-end,
.carousel-one .carousel-inner .carousel-item-start {
	box-shadow: none;
    transform: translateX(0) !important;
  }
}


@media only screen and (max-width: 1023px) {
	.blogs.d-flex {
		flex-wrap: wrap;
		gap: 20px;
	}
	.carousel-item .blog-card,
	.blogs .blog-card {
		width: 78%;
	}
}


@media only screen and (max-width: 667px) {
	.carousel-item .blog-card,
	.blogs .blog-card {
		width: 100%;
	}
	
	.carousel-item .blog-card {
		height: 100%;
	}
	
	.carousel-control-prev {
		left: -20px;
	}

	.carousel-control-next {
		right: -24px;
	}
	.blog-card .topics span.term-tag, .card-full .topics span.term-tag {
		font-size: 14px;
		padding: 5px 12px;
	
	}
	.carousel-item .blog-card h3 {
    font-size: 21px;
	}
	.page-content.custom-container.rel-pages.d-flex.flex-wrap.resources {
		justify-content: flex-start;
    	width: 100%;
	}
}


/** SEARCH AND FILTER
------------------------*/
.filter-resources {
	margin-top: 20px;
	gap: 16px;
}

div.search-filter-results {
    margin-top: 35px;
}

.searchandfilter h4 {
    font-size: 23px;
    font-family: 'Mulish-Regular';
    font-weight: 500;
    margin: 0;
    padding: 5px 0 10px;
}



.resource-card {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	border-radius: 10px;
	background-color: var(--grey);
	display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 5px;
	overflow: clip;
	padding-bottom: 20px;
    width: 32%; 
}

.two-cols .resource-card {
	 width: 49%; 
}



@media only screen and (max-width: 1024px) {
	.page-content.custom-container.filter-resources,
	.filter-resources {
		display: grid !important;
			grid-template-columns: 1fr 1fr;
	}
	.resource-card {
		height: 100%;
		margin: auto;
		width: 94%;
	}
	.blog-card h3 {
		font-size: 22px;
	}
}

@media only screen and (max-width: 667px) {
	.page-content.custom-container.filter-resources,
	.filter-resources {
		display: flex !important;
		gap: 20px;
	}
}


.blog-card.resource-card a.read-more-link.d-flex {
	padding-bottom: 0px !important;
	margin-left: auto;
	margin-right: 15px;
	width: fit-content;

}

.blog-card.resource-card a.read-more-link.d-flex:has(.external-icon) {
    gap: 4px !important;
}

.resource-card .text {
	display: flex;
		flex-direction:column;
		gap: 10px;
    padding: 10px 20px 0px;
}

.text-btn {
	padding: 0 20px;
}

.text-btn a {
	margin: 10px 0 0 !important;
}


.img-res-container img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.img-res-container {
	background-color: white;
    height: 150px;
    overflow: clip;
}

.img-res-container.logo {
	padding: 20px;
}

.logo img {
    height: 100%;
    object-fit: contain;
    object-position: center;
    /* padding: 20px; */
    display: block;
    margin: auto;
    width: 90%;
}
.resource-card h3 a {
	text-decoration: underline;
	font-size: 20px;
}

.resource-card p {
	font-size: 17px;
}

.blog-card.resource-card {
	height: unset;
	margin: unset;
}

@media only screen and (max-width: 890px) {
	.search-filter-results .resource-card.blog-card {
		margin: 0 auto;
    	width: 100%;
	}
}

@media only screen and (max-width: 670px) {
	.search-filter-results .resource-card.blog-card {
    	width: 100%;
	}
}

/** SEARCH AND FILTER FORM
----------------------*/
form#search-filter-form-840,
form#search-filter-form-1240,
form#search-filter-form-2348,
form#search-filter-form-3829,
form#search-filter-form-3866,
form#search-filter-form-4129,
form#search-filter-form-4181,
form#search-filter-form-4560,
form#search-filter-form-4008,
form#search-filter-form-5675,
form#search-filter-form-16814 {
    border-radius: 40px;
    background-color: var(--grey);
	margin-bottom: 20px;
    padding: 20px 40px;
	width: 100%;
}

select.sf-input-select {
	appearance: none;
    font-weight: 800;
}

div.search-filter-results:has(.search-indication) {
    margin-top: 0px;
}

.searchandfilter ul {
    display: flex;
		gap: 36px 26px;
		flex-wrap: wrap;
		justify-content: flex-end;
    margin-left: 0;
    padding-left: 0;
}


.searchandfilter ul li {
    padding: 0;
	display: flex;
		flex-direction: column;
		justify-content:space-between;
	position: relative;
	width: 49%;
} 

.searchandfilter input {
	border-radius: 4px;
}

.searchandfilter input:hover,
.searchandfilter input:focus {
	outline: 2px solid black;
}

.searchandfilter input {
	padding: 8px 20px;
}

.searchandfilter label {
	background-color: white;
}

form#search-filter-form-54 label {
	background-color: transparent;
}

.searchandfilter input,
.searchandfilter select.sf-input-select {
	background-color: transparent;
	border: 2px solid #222222;
	position: relative;
		z-index:5;
}

.searchandfilter select.sf-input-select {
    border-radius: 7px;
    padding: 8px 20px;
	padding-right: 40px;
}


/*Usage: Add custom arrows*/
.searchandfilter ul li:not(.sf-field-search) label::after {
    content: '';
    background-image: url(/wp-content/uploads/2024/08/arrow-2.svg);
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    height: 17%;
    position: absolute;
    	top: 71%;
    	right: 10px;
		z-index:1;
    transform: translateY(-50%);
    width: 26px;
}

@media only screen and (max-width: 677px) {
	form#search-filter-form-840,
	form#search-filter-form-1240,
	form#search-filter-form-2348,
	form#search-filter-form-3829,
	form#search-filter-form-3866,
	form#search-filter-form-4129,
	form#search-filter-form-4181,
	form#search-filter-form-4560,
	form#search-filter-form-4008,
	form#search-filter-form-16814 {
		border-radius: 20px;
		padding: 20px 20px;
	}
}

/*** LIST WITH TICKS AND CROSSES
---------------------------------*/
.crosses ul,
.ticks ul {
	margin: 0;
	margin-left: 20px;
}

.g-0 {
	gap: 0;
}

.ticks ul li,
.crosses ul li {
	list-style-type: none;
	position: relative;
}

.ticks li::before,
.crosses li::before { 
  	color: var(--green); 
	font-weight: bold;
	position: absolute;
  		left: -25px;
    	top: 15px;
   transform: translateY(-50%);
  
}

.ticks li::before  {
	content: '\2714'; 
}

.crosses li::before  {
	content: '\2718'; 
	color: var(--purple);
}

@media only screen and (max-width: 667px) {
	.searchandfilter ul {
		flex-direction: column;
	}
}


/** RESOURCE TYPE PAGES
--------------------------*/

.page-content.custom-container.resources {
    margin: 100px 3px 0;
}

.page-content.custom-container.resources a.button.child-page {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'Mulish-Regular' !important;
	font-weight: 800;
    padding: 15px 18px!important;
    line-height: normal !important;
    text-align: center;
    width: 23%;
}

@media only screen and (min-width: 1920px) {
	.page-content.custom-container.resources {
    	margin: 100px 70px 0;
	}
}

/*** LANDING PAGES GENERAL STYLES
-----------------------------------*/
.page-template-page_landing_ccvs .flex-main {
    margin: 30px auto 0;
}

.d-flex.outlined-icons.landing-icons.flex-wrap.two-columns {
    display: grid !important;
    grid-template-columns: 350px 350px;
    justify-items: center;
    justify-content: center;
}

.d-flex.outlined-icons.landing-icons.flex-wrap.two-columns .box-icon.related-page {
	width: 100% !important;
}

.box-icon a {
	background-color: transparent !important;
}

@media only screen and (max-width: 990px) {
	.outlined-icons.landing-icons {
    display: grid !important;
    	grid-template-columns: 1fr 1fr !important;
	}
	.box-icon.related-page {
        max-width: 300px;
        margin: auto;
		width: 100% !important;
    }
	
}

@media only screen and (max-width: 667px) {
	.outlined-icons.landing-icons {
    	grid-template-columns: 1fr !important;
	}
}




/*** SUPPORT
==================*/

/**SUPPORT LANDING
---------------------*/
.outlined-icons.landing-icons {
	justify-content: flex-start;
}

.box-icon.related-page {
    width: 32%;
    height: 230px;
    display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
}

.box-icon.related-page img {
	width: 100px;
    display: block;
    height: 100px;
    margin: auto;
	object-fit: contain;
}

.box-icon.related-page h3 a {
	text-decoration: none;
}

.box-icon.related-page h3 {
    font-size: 27px;
    line-height: 1.1 !important;
}

/** SAFEGUARDING: RESOURCES
----------------------------*/
@media only screen and (max-width: 1024px) {
	div#search-filter-results-840 .resource-card {
		width: 32%; 
	}
}

@media only screen and (max-width: 800px) {
	div#search-filter-results-840 .resource-card.blog-card {
    	width: 47%;
	}
}

@media only screen and (max-width: 667px) {
	div#search-filter-results-840 .resource-card.blog-card {
    	width: 100%;
	}
}

/** EDI PAGE
------------------*/
@media only screen and (min-width: 1025px) {
	.page-id-5801 .resource-card.video-card {
		width: 49%;
	}
}

div#n2-ss-18 {
    max-width: 400px;
}

/*** VOLUNTEERING
=====================*/

/** VOLUNTEERING STORIES
-------------------------*/
.page-id-4571 .image-container img {
    height: 100%;
    object-fit: cover;
    width: 34%;
}

.page-id-4571 .image-container {
    height: 255px;
}

/** VOLUNTEER CAMBS
------------------------*/
.page-id-4790 .image-container img {
    object-position: left;

}

.page-id-4790 .image-container {
    height: 180px;
}
/** ATTEND OUR TRAINING
--------------------------*/
.workshop-card h2 {
	font-size: 28px !important;
	margin: 0px 0px 20px !important;
}

.workshop-card h3 {
	font-size: 22px !important;
	margin: 10px 0 !important;
}

img.profile.logo {
    padding-right: 30px;
}

.workshop-card ul {
	margin-top: 10px;
}


.workshop-card ul li {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 3px;
}

.workshop-card p {
	font-weight: 300 !important;
}

.workshop-card .image-container img.object-fit-contain {
    max-width: 206px;
	border-radius: 0;
	width: 78%;
}

/***CHAMPIONING THE SECTOR
=============================*/
/*.page-id-34 .d-flex.outlined-icons.landing-icons.flex-wrap {
	justify-content: center;
	margin-top: 30px;
}
.page-id-34 .box-icon.related-page {
	width: 34%;
}*/
/**SPOTLIGHT BULLETINS
------------------------*/
.page-id-1233 p.about {
    font-size: 20px !important;
	font-weight: 500;
}

.page-id-1233 .filter-resources {
	gap: 2%;
}

div#n2-ss-14 .arrow-move {
	transition: all 0.3s ease;
}

div#n2-ss-14 .clickable-card { 
	transform: none !important
}

div#n2-ss-14 .clickable-card:hover .arrow-move,
div#n2-ss-14 .clickable-card:focus .arrow-move {
	transform: translateX(5px);
}

.page-id-1233 .text-arrow.d-flex strong {
    font-size: 23px;
}

.page-id-1233 .full-container.banner-container {
	border-radius: 20px;
	height: 190px;
}

.page-id-1233 .resource-card {
	border-radius: 10px;
	overflow: clip;
   	width: 32%;
}

.page-id-1233 .blog-card .topics span.term-tag {
	background-color: var(--blue);
}
.page-id-1233 a.read-more-link.d-flex {
	margin-bottom: 0 !important;
	padding-top: 33px !important;
	padding-bottom: 0 !important;
}

.page-id-1233 .image-box {
	align-items: center !important;
	padding-bottom: 30px !important;
}

.page-id-1233 .image-box.d-flex.card-full .container-text {
	padding-bottom: 0;
}

.page-id-1233 .image-box.card-full .image-container {
	min-width: 195px;
	min-height: 193px;
}

.page-id-1233  .network-card img.frame {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 88%;
    width: 95%;
}

span.highlight a {
    text-decoration: none;
    color: var(--purple);
    font-weight: 800;
}

.page-id-1233 .card-full h3  {
	font-size: 27px;
	font-family:'Mulish-Regular';
	font-weight: 900;
}
.page-id-1233 .card-full p.bold-text {
    color: #494747;
    font-size: 19px;
    line-height: 1.2;
}

@media only screen and (min-width: 1920px) {
	.page-id-1233 .resource-card {
		width: 44%;
	}
}

@media only screen and (max-width: 667px) {
	.page-id-1233 .image-box.card-full .image-container {
		min-width: 147px;
		min-height: 312px;
		flex: unset !important;
	}
	.page-id-1233  .network-card img.frame {
		height: 88%;
		width: 95%;
	}
	.network-card img.contain-logo {
		padding: 20px;
		width: 78% !important;
	}
}

/**SINGLE SPOTLIGHT BULLETIN
------------------------*/
/*featured logo*/
.single.single-spotlight-bulletins .full-container.banner-container:has(.object-fit-contain) {
	border-radius: 0;
	height: 160px;
}

.single.single-spotlight-bulletins div#navigation-sidebar .menu-item-1235 a {
	background-color: #5C5F63;
    color: white !important;
}

.single.single-spotlight-bulletins .full-container.banner-container img.object-fit-contain {
	width: 40%;
}

.single.single-spotlight-bulletins div#navigation-sidebar .menu-item-1230 a, 
.single.single-spotlight-bulletins div#navigation-sidebar ul > li.menu-item-1230 a:hover, 
.single.single-spotlight-bulletins div#navigation-sidebar ul > li.menu-item-1230 a:focus {
    background-color: #0d6eaa;
}

.single.single-spotlight-bulletins .menu-item-1230 ul.sub-menu {
	display: block !important;
}

.single.single-spotlight-bulletins main h3 {
	margin-top: 30px !important;
}

.single.single-spotlight-bulletins h2 {
	margin-bottom: 20px;
}

.components-below-sidebar.light-grey-bg  h2:first-of-type, 
.components-below-sidebar.light-grey-bg  h3:first-of-type {
    margin-top: 0 !important;
}

.components-below-sidebar.light-grey-bg {
	p + h2:first-of-type,
	p + h3:first-of-type {
			margin-top: 20px !important;
	}	
}

.single-spotlight-bulletins .job-details {
	display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
    margin-top: 30px;
}

.single-spotlight-bulletins  .job-details p {
    margin-bottom: 0;
}

.single-spotlight-bulletins .social-links-container {
    background-color: var(--grey);
    border-radius: 30px;
    padding: 40px;
}

.single-spotlight-bulletins .contact-details .custom-container.page-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/*.single-spotlight-bulletins iframe {
	height: 380px;
	width: 100%;
}*/

.single-spotlight-bulletins .components-below-sidebar.light-grey-bg {
	padding: 30px 0;
}

.single-spotlight-bulletins .components-below-sidebar.light-grey-bg {
	margin-bottom: 0 !important;
}

.single-spotlight-bulletins .components-below-sidebar.light-grey-bg + .components-below-sidebar {
	margin-top: 30px;
}


.single-spotlight-bulletins .contact-details .custom-container.page-content h3 {
	margin-bottom: 20px;
}

/*details at the front*/
@media only screen and (min-width: 1000px) {
	.d-flex.social-title-container {
    	width: 100%;
	}
	.d-flex.social-title-container .social-links {
		width: fit-content;
	}
}

.d-flex.social-title-container {
    gap: 8px;
}

.d-flex.social-title-container .social-links {
	gap: 10px;
}

.d-flex.social-title-container .social-links img {
	min-width: 30px;
}

img.social-icon {
	transition: transform 0.3s ease;
    width: 35px;
}

img.social-icon:hover,
img.social-icon:focus {
	transform: translateY(-3px);
}

a.social-media-link {
	font-size: 18px;
	font-weight: 600;
	align-items:center;
    gap: 6px;
	color: var(--purple);
	text-decoration:none;
}

a.social-media-link:hover span,
a.social-media-link:focus span,
a.social-media-link:focus-within span {
	text-decoration: underline;
}


.social-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

img.logo {
    display: block !important;
    margin: auto !important;
    margin-top: 0px !important;
    object-fit: contain;
    object-position: center;
    width: 93%;
}

.card-details-card {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 30px;
    display: flex;
		align-items: center;
		flex-direction: column;
	 	gap: 20px;
    position: fixed;
    padding: 20px 30px;
		top: 306px;
		right: 60px;
    width: 300px;
    
}


.card-details-card img.social-icon {
	width: 35px;
}

.single.single-spotlight-bulletins  .custom-container.page-content.boxed-grey {
	margin-top: 0;
}

div#n2-ss-14 .n2-ss-item-image-content,
div#n2-ss-14  .n2-ss-item-image-content img {
    height: 100% !important;
}

div#n2-ss-14  .n2-ss-item-image-content img {
	object-fit: cover;
}


/** JOB LISTINGS PAGE
---------------------*/
@media only screen and (min-width: 1000px) {
	/*.post-1365 .page-content.custom-container {
		max-width: 1000px;
		width: 100%;
	}*/
}
.post-1365 .search-indication.button.blue-button {
    display: none !important;
}

.post-1365 .filter-resources {
    margin-top: 20px;
    gap: 17px;
    display: grid !important;
		grid-template-columns: 49% 49%;
		justify-content: center;
		justify-items: center;
}

@media only screen and (min-width: 1920px) {
	.post-1365 .filter-resources {
    
    	grid-template-columns: 49% 49%;
    
	}
}

.post-1365 .green-card {
	width: 100%;
}

.green-card a.read-more-link.d-flex {
	color: black;
}

.post-1365 .green-card .img-res-container {
    background-color: white;
    height: 200px;
    overflow: clip;
}

.green-card h3 {
    font-size: 23px;
    font-family: 'Mulish-Regular';
	font-weight: 700;
}

.green-card .details {
    display: flex;
    gap: 5px;
    flex-direction: column;
	padding: 0px;
}

.post-1365  .sidebar-page.d-flex.align-items-start {
    margin-bottom: 0px;
}


.post-1365 .searchandfilter ul {
	flex-wrap: wrap;
}

@media only screen and (min-width: 900px) {
	.post-1365 li.sf-field-search {
    	width: 67% !important;
	}
}


.post-1365 .searchandfilter ul li {
	width: 31%;
}

.post-1365 br {
    display: none;
}

/*search results indication*/
.search-indication.button.blue-button {
    border-radius: 40px;
    background-color: var(--blue);
	display: none;
	cursor: none;
    margin: 30px auto 30px;
    display: block;
    padding: 12px 46px;
    width: fit-content;
}

/* Usage: Style card components*/
.resource-card.green-card {
	background-color: #f4cadf;
}

.posted_date p {
	font-size: 16px;
}

.posted-date p,
.details p {
	color: #515253;
}

.details p {
	font-family:'Mulish-Regular';
	font-weight: 700;
    margin-bottom: 0px;
}

.resource-card.green-card .details p {
	color: #541539;
}

.green-card .info p {
	font-size: 18px;
	line-height: 1.4;
}


@media only screen and (max-width: 890px) {
	.post-1365 li.sf-field-search {
    	width: 100% !important;
	}
	.post-1365 .filter-resources {
		grid-template-columns: 100%;
	}
	.post-1365 .filter-resources .green-card {
		max-width: 480px;
	}
}

@media only screen and (max-width: 667px) {
	.post-1365 .filter-resources .green-card {
		width: 100%;
	}
}

/** ADVERTISE YOUR JOB
---------------------------*/
p#char-count {
    color: #674799 !important;
    margin-top: 20px;
    font-weight: 700;
}


/** SINGLE JOB LISTING PAGE
---------------------------*/
.single-job_listing main#genesis-content {
    margin-bottom: 60px !important;
}

.job-details {
    background-color: var(--grey);
    padding: 20px 30px;
    border-radius: 20px;
    width: fit-content;
}

.job-details p {
	font-weight: 400;
    margin-bottom: 7px;
}

.job-details .button {
	margin: 10px 0 0 0 !important;
}

/*Style logo*/
.single.single-job_listing .full-container.banner-container,
.single.single-event_listing .full-container.banner-container:has(img.logo) {
	height: 150px;
}

.single.single-job_listing .full-container.banner-container img,
.single.single-event_listing .full-container.banner-container img.logo {
	margin-left:0 !important;
	width: 40%;
}

.tier-string.d-flex {
    gap: 5px;
	align-items: center;
}


.tier-string.d-flex p {
	line-height: 1;
}

.single-event_listing .job-details.event-details-single p:last-of-type {
    margin-bottom: 15px !important;
}

.single-event_listing .tier-string.d-flex p:last-of-type {
	margin-bottom: 0 !important;
}

.single-event_listing a.button.orange-button {
    margin-top: 20px !important;
}



/** VIDEO TRANSCRIPTS (HEALTH AND SAFETY)
--------------------------------------------*/
.page-id-904 .components-below-sidebar.page-nav {
	margin-top: 50px;
}


/*** WHAT'S ON
=====================*/

/** LIVE TRAINING, NETWORKIGN AND EVENTS
-------------------------------------------*/
form#search-filter-form-3829 {
    margin-top: 60px;
}



.post-2463 .searchandfilter ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.sf-field-submit input[type="submit"] {
	border-color: transparent;
}

.sf-field-submit input[type="submit"] {
	border-radius: 25px;
    color: black;
    background-color: #369496;
}

.sf-field-reset input.search-filter-reset {
	border-radius: 25px;
    background-color: #c12671;
	border-color: transparent;
}

.sf-field-reset input.search-filter-reset:hover,
.sf-field-reset input.search-filter-reset:focus,
.sf-field-submit input[type="submit"]:hover,
.sf-field-submit input[type="submit"]:focus {
	outline: 3px solid black;
	outline-offset: 2px;
}

a.qcc-btn-prev {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/08/Next-page_arrow_left.svg);
	background-position: center;
}

a.qcc-btn-next {
	background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/08/Next-page_arrow_right.svg);
	background-position: center;
}

span.dashicons.dashicons-arrow-left-alt2 {
	display: none;
}

.dashicons-arrow-right-alt2 {
	display: none;
}

.dashicons-arrow-left-alt2:before {
	display: none;
}

.dashicons-arrow-right-alt2:before {
	display: none;
}

.page-id-2463 .searchandfilter ul li {
	width: 100%;
}

.page-id-2463 form#search-filter-form-54 ul li {
	width: 100%;
}

.page-id-2463 .page-content.custom-container {
    max-width: 920px;
}

.post-2463  .sidebar-page.d-flex.align-items-start {
    margin-bottom: 60px;
}


.post-2463 .searchandfilter ul {
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 29px;
}

.post-2463 li.sf-field-search {
    width: 100% !important;
}



.post-2463 li.sf-field-submit input,
.post-2463 li.sf-field-reset input {
	max-width: 100% !important;
}



.post-2463 br {
    display: none;
}

.event-details.d-flex {
		gap: 16px;
		align-items: start;
		justify-items: center;
}

.event-details img.icon {
    height: 20px;
	width: 20px;
}

.post-2463 .image-container:has(.event-full-w) {
	margin: 10px;
}

.post-2463 .event-full-w {
	border-radius: 10px;
}


.single.single-networks-partnership div#navigation-sidebar .menu-item-2465 a {
    background-color: #5c5f63;
    color: white !important;
}


@media only screen and (min-width: 991px) {
	.post-2463 .image-box.d-flex.card-full .container-text {
		flex: unset;
		width: 72%;
	}

	.post-2463 .image-box.card-full .image-container {
		flex: unset;
		width: 30%;
	}
	
	li.sf-field-submit,
	li.sf-field-reset {
		max-width: 100% !important;
		width: 263px !important;
	}
}

.date.detail-container {
    display: flex;
		gap: 6px;
		align-items: flex-start;
    height: fit-content;
}

.event-details img.icon {
    width: 25px;
    height: 25px;
}

.event-details p {
    color: #ba0364;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.date.detail-container:first-of-type {
    width: 30%;
}

.text  p.desc {
	margin-top: 10px !important;
    margin-right: 10px !important;
}

.date.detail-container {
    display: flex;
    gap: 5px;
    max-width: 40%;
    width: fit-content;
}

@media only screen and (max-width: 990px) {
	.post-2463 .searchandfilter ul {
		grid-template-columns: 1fr;
	}
	.post-2463 .searchandfilter ul li {
		width: 100%;
	}
	.post-2463 li.sf-field-search {
		width: 100% !important;
	}
	.post-2463 .event-details.d-flex {
		flex-direction: column; 
	}
	.post-2463 .date.detail-container {
    	max-width: 100%;
		width: 100%;
	}
	.post-2463 .image-box.clickable-card.d-flex.card-full {
    	flex-direction: column;
		padding: 30px;
	}
	.post-2463  .image-box.d-flex.card-full .container-text {
		flex: unset;
		padding: 0;
		padding-right: 0;
		width: 100%;
		padding: 0 15px;
	}
	.post-2463  img.contain-logo {
		padding: 0;
		margin-bottom: 25px;
		max-width: 330px;
		max-height: 175px;
		width: 100%;
	}
	.post-2463 .image-container:has(.event-full-w) {
		flex: unset;
		width: 100%;
	}
	.post-2463 .card-full p {
		font-size: 19px;
	}
	.post-2463 .text-arrow.d-flex {
    	flex-direction: column;
			align-items: flex-start;
			gap: 20px;
	}
	.post-2463 .image-box.d-flex.card-full h3 a {
		font-size: 27px !important;
	}
	.post-2463 .event-details p {
		font-size: 19px;
	}
}

@media only screen and (max-width: 667px) {
	.post-2463 .image-box.card-full .image-container:has(.event-full-w) {
		flex: unset;
		width: 93%;
	}
	.post-2463  .image-box.card-full .image-container {
		height: 180px;
		margin: 10px;
	}
	.post-2463  .image-box.d-flex.card-full .container-text {
		padding: 0;
	}
	.post-2463 .image-box.d-flex.card-full h3 a {
    	font-size: 19px !important;
	}
}

.filter-resources1.d-flex.flex-wrap {
	display: flex;
	margin-top: 20px;
    gap: 25px;
}

/** EVENT CALENDAR
--------------------*/
main button {
	border-radius: 40px !important;
	transition: transform 0.3s ease;
}

main button:hover,
main button:focus {
	transform: translateY(-5px);
	outline: 2px solid var(--black);
	outline-offset: 2px;
}

.view-buttons {
    display: flex;
    gap: 11px;
}

.view-buttons button[aria-expanded="true"] {
    background-color: var(--purple) !important;
	color: white !important;
	outline: 2px solid var(--purple);
	outline-offset: 2px;
}

.qcc-calendar-container {
    box-sizing: border-box;
    overflow-x: auto;
}


@media only screen and (min-width: 500px) {
	.qcc-day-event {
    	display: none !important;
	}
}

.qcc-calendar-container {
	display: none;
}

.qcc-calendar tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.qcc-calendar h2.month {
    font-size: 26px;
    text-align: center;
}

.qcc-calendar thead {
    font-family: 'Mulish-Regular';
	font-weight: 800;
    text-transform: none;
}

.qcc-calendar thead  td {
	font-size: 19px !important;
}

.qcc-calendar td {
    height: auto;
    width: 100%;
    max-width: 160px;
    font-size: 16px;
    padding: 2px !important;
}

.qcc-calendar-container tbody td {
	min-height: 125px;
}

.qcc-calendar-container .qcc-calendar tbody td:hover, .qcc-calendar-container .qcc-current-day, .qcc-calendar-container .qcc-event:after, .qcc-label,
.qcc-calendar-container .qcc-calendar tbody td:hover, .qcc-calendar-container .qcc-current-day, .qcc-calendar-container .qcc-event:after, .qcc-label {
    background-color: #379496 !important;
}

.qcc-calendar-container .qcc-calendar tbody td:hover,
.qcc-calendar-container .qcc-calendar tbody td:hover {
	background-color: transparent !important;
}

.qcc-label.ccvs {
    background-color: #a21866 !important;
}


.qcc-calendar-container h3 {
	font-size: unset;
	margin: 0;
	cursor: pointer;
    pointer-events:all;
}

.qcc-calendar-container h3 a {
	color: var(--black);
	font-size: 17px;
	
}

.qcc-calendar-container span {
    font-size: 16px;
    display: block;
    line-height: 1.2 !important;
}

span.time {
    display: none;
}

.qcc-calendar-container span.title {
    font-family: 'Mulish-Regular' !important;
    line-height: 1.2 !important;
}

.qcc-label {
	transition: box-shadow 0.3s ease;
}

.qcc-label:hover,
.qcc-label:focus-within {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

.qcc-label:focus-within {
	outline-offset: 2px;
	outline: 2px solid black;
}
.qcc-calendar-container span.dashicons {
    color: #379496;
    font-size: 30px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
}

.qcc-calendar tr {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.qcc-calendar table {
    background-color: unset;
    border: none;
    border-radius: 0px !important;
    overflow: clip;
    margin-top: 0px;
    max-width: 100% !important;
    padding: 0px !important;
}




@media only screen and (max-width: 900px) {
	.qcc-calendar td {
		width: 111px;
	}
}


@media only screen and (max-width: 820px) {
	.qcc-calendar td {
		width: 99px;
	}
}


/*** EVENT SINGLE PAGE
-------------------------*/
.single.single-event_listing div#navigation-sidebar .menu-item-2465 a {
    background-color: #5c5f63;
    color: white !important;
}


p.no-apply {
    background-color: #fef3ef;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 20px 30px;
    width: fit-content;
}

.d-flex.location {
	gap: 5px;
}

span.d-flex.details {
    flex-direction: column;
}

.single.single-event_listing .content .entry {
    margin-bottom: 60px;
}


/** NEWS
--------------*/
@media only screen and (min-width: 800px) {
	.page-id-2461 .resource-card {
		width: 47%;
	}
}


.single.single-news-ccvs div#navigation-sidebar .menu-item-5707 a {
	background-color: #5C5F63;
    color: white !important;
}

.page-id-2461 .resource-card p {
	line-height: 1.6;
}

.page-id-2461 .filter-resources {
	gap: 40px;
}

.page-id-2461 .image-tag-container img {
	margin: auto;
	width: 80%;
}


.page-id-2461 .resource-card p {
    font-size: 18px;
}



@media only screen and (min-width: 1000px) {
	.page-id-2461 li.sf-field-search {
    	width: 100% !important;
	}
	.page-id-2461 .searchandfilter ul li {
		width: 31%;
	}
}

.page-id-2461 .searchandfilter ul {
    flex-wrap: wrap;
}

.page-id-2461 .blog-card .cat-container {
	min-width: 163px;
}




@media only screen and (max-width: 1000px) {
	.page-id-2461 li.sf-field-search {
    	width: 100% !important;
	}
	.page-id-2461 .searchandfilter ul li {
		width: 100%;
	}
}


/** NEWS SINGLE PAGE
------------------------*/
.full-container.banner-container:has(.object-fit-contain) {
	height: 180px;
}

.full-container.banner-container:has(.object-fit-contain) img {
	width: 70%;
}


/*** NETWORK AND PARTNERSHIPS
=================================*/
.page-id-38 .sidebar-page {
    margin-bottom: 40px;
}

.card-full.network-card .text {
    gap: 10px;
}

.card-full.network-card p.bold-text {
	color: #494747;
    font-size: 19px;
	font-weight: 600;
    line-height: 1.2;
}


.network-card  {
	padding-top: 30px !important;
	padding-left: 30px !important;
	padding-bottom: 30px !important;
	align-items: flex-start !important;
}

.card-full.network-card p,
.card-full.network-card p a {
	line-height: 1.4;
	font-size: 18px;
}

.network-card .container-text {
	padding-top: 0 !important;
}

.network-card .image-container {
	display: flex;
		justify-content: center;
    height: 209px !important;
	position: relative;
}

.network-card  .container-text {
	flex:3 !important;
}

.network-card img.frame {
    position: absolute;
    height: 100%;
    width: 219px;
}

.network-card img.object-fit-cover.contain-logo {
	border-radius: 100%;
    object-fit: cover !important;
    padding: 0;
	width: 92% !important;
}

.network-card img.contain-logo {
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 30px 30px 30px 30px;
    width: 100%;
}

form#search-filter-form-3866 {
    margin-top: 40px;
}


@media only screen and (max-width: 667px) {
	.card-full {
		flex-wrap: wrap;
	}
	.card-full.network-card {
		flex-direction: column;
	}
	.image-box.card-full .image-container {
		flex: unset;
	}
	.network-card img.contain-logo {
		width: 87% !important;
		max-width: 250px;
	}
	.network-card h3 {
		margin-bottom: 20px !important;
	}
	.network-card img.object-fit-cover.contain-logo {
		border-radius: 100%;
		object-fit: cover !important;
		padding: 0;
		width: 87% !important;
		height: 96%;
	}
}

.components-below-sidebar.related-n-news-slider {
    margin-bottom: 100px;
}

/***SINGLE NETWORK AND PARTNERSHIP
-------------------------------------*/
.full-container.banner-container.position-relative.framed {
	height: 305px;
    width: 60%;
}

.video {
    border-radius: 24px;
    overflow: hidden;
    margin: 30px 0;
    position: relative;
    height: 493px;
}

.video iframe {
    width: 100%;
    height: 100%;
}

@media (max-width: 700px) {
	.video {
		height: 325px;
	}
}

@media (max-width: 430px) {
	.video {
		height: 214px;
	}
}

@media (max-width: 390px) {
	.video {
		height: 193px;
	}
}
/*Hide buttons from slider on VSN page*/
.postid-5067 .nav-controls.position-absolute {
    display: none;
}

.single-networks-partnership .full-container.banner-container.full-image {
    height: 380px !important;
}

.single-networks-partnership .full-container.banner-container.full-image img {
	width: 100% !important;
}

.single-networks-partnership  img.object-fit-contain,
.single-networks-partnership .full-container.banner-container:has(.object-fit-contain) {
	border-radius: 0;
}

.social-links-container ul {
	margin-bottom: 0;
}

/*Social media*/
.single-networks-partnership .components-below-sidebar.section-el.light-grey {
    background-color: var(--grey);
    padding: 50px 0;
    margin-bottom: 0;
}

.single-networks-partnership .section-el:last-of-type {
    margin-bottom: 0px;
    margin-top: 40px !important;
}

.single-networks-partnership .social-links-container {
	display: flex;
		flex-direction: column;
		gap: 30px;
    background-color: var(--grey);
    border-radius: 30px;
	margin-top: 20px;
    padding: 40px;
}

.single-networks-partnership .social-links-container h2 {
	margin-top: 0;
	margin-bottom: 0;
}

.single-networks-partnership .social-links-container ul {
	margin-top: 0;
}

.single-networks-partnership .social-links-container p {
	margin-bottom: 0;
}

img.logo.object-fit-contain.funded {
    margin-top: 27px !important;
    margin-bottom: 27px !important;
	margin-left: 0 !important;
    display: block;
    width: 300px;
}

@media only screen and (min-width: 1024px) {
	.social-links.d-flex.media-horizontal {
		flex-direction: row;
			align-items: flex-start;
			flex-wrap: wrap;
			gap: 16px;
			justify-content: space-between;
	}
	a.d-flex.social-media-link {
    	width: 48%;
	}
}


@media only screen and (max-width: 700px) {
	.single-networks-partnership .social-links-container {
    	padding: 30px 26px;
	}
	.single.single-job_listing .full-container.banner-container img, .single.single-event_listing .full-container.banner-container img.logo {
		width: 100%;
	}
}

/*** ABOUT
===================*/
.box-icon h3 {
	color: black;
}
@media only screen and (min-width: 1100px) {
	.page-id-40 .full-container.banner-container img{
		object-position: top;
	}
	.parent-pageid-40.page main#genesis-content {
		min-height: 1010px;
	}
}

@media only screen and (max-width: 890px) {
	.page-id-40 .box-icon {
		width: 45%;
	}

}

@media only screen and (max-width: 667px) {
	.page-id-40 .box-icon {
		width: 90%;
	}
	
	.page-id-40 .box-icon {
		font-size: 22px;
	}

}

/** ABOUT
------------*/
.page-id-40 .box-icon:hover,
.page-id-40 .box-icon:focus {
	background-color: white;
	border: 1px solid var(--orange);
	transform: none;
}

/**MEET THE TEAM
--------------------*/
.d-flex.flex-column.team-container {
    gap: 25px;
}

.d-flex.flex-column.team-container:has(.team-member-new) {
    gap: 77px;
}

.team-member-new {
    box-shadow: none !important;
    display: grid !important;
    grid-template-columns: 256px 1fr;
	gap: 34px !important;
	padding: 11px !important;
}

.team-member-new svg.external-icon {
    height: 9px;
    margin-bottom: 9px;
    margin-right: 7px;
	margin-left: -2px;
    width: 9px;
}


.team-member-new.image-box.d-flex.card-full .container-text {
	padding: 0 !important;
}


/*.team-member-new .container-text {
    justify-content: space-between;
    height: 100%;
}*/

.img-social {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.img-social p {
    text-align: center;
	margin-top: 20px;
}

.team-member-new button {
    color: var(--purple) !important;
	border-radius: 0 !important;
    display: inline-block;
	font-weight: 300 !important;
    text-decoration: underline;
    background-color: transparent;
    padding: 0 !important;
    margin-top: 0 !important;
	margin-bottom: 7px;
    transform: none !important;
    width: fit-content;
}

.team-member-new button span.text {
	font-weight: 300 !important;
}

.team-member-new .bio-text {
	margin-top: 10px;
}

.team-member-new button:hover,
.team-member-new button:focus {
	outline: 2px solid black;
}

.team-member-new button .text {
	display: inline-block;
	font-size: 20px;
	font-weight: 300;
	text-decoration: underline;
	padding: 0 !important;
}

.team-member-new a {
	font-size: 18px;
	font-weight: 300;
	display: inline-block;
	width: fit-content;
}

.image-box.team-member-new:hover a, 
.image-box.team-member-new:focus-within a {
    background-color: transparent !important;
	text-decoration:underline !important;
    outline: none !important;
}

.image-box.team-member-new a:hover,
.image-box.team-member-new a:focus {
	outline: 2px solid black !important;
}

.bio-content {
	display: none;
}

.team-member.image-box.d-flex.card-full.network-card {
    padding-bottom: 30px;
    padding-right: 30px;
}

.team-member button {
	transform: none !important;
}

img.profile {
	border-radius: 100%;
    height: 206px;
    object-position: center;
	width: 202px;
}

.team-container a.d-flex.social-media-link {
    width: fit-content;
}

.team-container a.d-flex.social-media-link img {
	width: 30px;
}

.team-container h3 {
	font-size: 25px;
}

.team-container button {
	margin-top: 20px;
}


.bio-text p {
	font-size: 20px !important;
    margin-bottom: 10px !important;
}


.job-title p {
    font-size: 21px !important;
    font-weight: 400;
}

@media (max-width: 990px) {
	.team-member-new {
		grid-template-columns: 1fr;
		gap: 8px !important;
	}
	.d-flex.flex-column.team-container:has(.team-member-new) {
    	gap: 14px;
	}
	.img-social p {
		text-align: left;
	}
	.img-social {
		align-items: flex-start;
	}
}


.badges {
    display: grid;
    grid-template-columns: 74% 18%;
    align-items: center;
    justify-content: center;
    margin: 50px 0;
}


/*** CONTACT US
-------------------*/
.page-template-page_contact .components-below-sidebar.content-after {
    padding: 0px 0 2px;
    margin-top: 2px;
}

a.directions {
    font-size: 18px;
    margin-top: 19px;
}


.centres {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.centres h3 {
    color: black;
    margin-bottom: 20px;
    margin-top: 0;
}


.centres div {
    max-width: 100%;
    width: 700px;
}

.centres .button {
    margin-top: 20px !important;
}


.text-above-centres {
    margin-bottom: 30px;
}

.text-above-map {
    margin-top: 50px;
    margin-bottom: 30px;
}

.icon-text {
    display: flex;
    align-items: center;
    gap: 7px;
}

.icon-text p {
    margin-bottom: 0;
}

.icon-text img.icon {
    width: 30px;
}

img.phone-icon.icon {
    width: 24px;
}

.contact-options {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.gm-style-iw.gm-style-iw-c {
    width: 300px;
}

.gm-style-iw.gm-style-iw-c p.address {
    font-size: 17px;
    line-height: 1.4;
}

.gm-style-iw.gm-style-iw-c {
    font-size: 17px;
}

.gm-style-iw.gm-style-iw-c h3 {
    font-size: 19px;
    margin-bottom: 15px;
}

/***RESEARCH
------------------*/
.page-id-4006 .searchandfilter h4 {
    margin: 0;
    padding: 5px 0 10px;
}

form#search-filter-form-4008 ul li {
	margin: 0;
	width: 100%;
}

form#search-filter-form-4008 {
	margin-top: 20px;
}


div#search-filter-results-4008 .filter-resources.d-flex.flex-wrap {
    justify-content: flex-start;
    gap: 45px;
}

@media only screen and (max-width: 1910px) and (min-width: 700px) {
	div#search-filter-results-4008 .resource-card {
		margin: 0;
		width: 43%;
	}
}

@media only screen and (max-width: 990px) {
	form#search-filter-form-4008 ul li {
		margin: 0;
		width: 100%;
	}
}


/** SINGLE RESEARCH
------------------------*/
.single.single-research-ccvs div#navigation-sidebar .menu-item-4079 a, 
.single.single-research-ccvs div#navigation-sidebar ul > li.menu-item-4079 a:hover, 
.single.single-research-ccvs div#navigation-sidebar ul > li.menu-item-4079 a:focus {
    background-color: #0d6eaa;
}

.single.single-research-ccvs div#navigation-sidebar .menu-item-4079 a {
	color: white;
}


/*** OFFICE SPACES FOR HIRE
===============================*/
.simcal-default-calendar-grid>table {
	max-width: 100% !important;
}

.simcal-default-calendar-grid>table th {
	background-color: #f5f5f5;
	color: black !important;
}

.simcal-default-calendar-grid .simcal-day-number {
    padding: 15px 6px 15px;
}

.simcal-default-calendar-grid tr {
    background-color: white;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-void, .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-void:hover {
    background-color: #ffffff !important;
}

span.simcal-current-month,
span.simcal-current-year {
	color: black;
}

.simcal-default-calendar .simcal-nav-button {
	transform: none !important;
	margin: 0 !important;
}

.simcal-default-calendar .simcal-nav-button:hover,
.simcal-default-calendar .simcal-nav-button:focus {
	outline: 2px solid black;
	transform: none !important;
}

/***POLICIES AND PROCEDURES
=================================*/
/*** CCVS SERVICE CHARTER
------------------------------*/
.page-id-4030 strong {
    font-size: 25px;
}

/** SINGLE POLICY
---------------------*/
.single-policies-procedures div#navigation-sidebar .menu-item-4077 a, 
.single-policies-procedures div#navigation-sidebar ul > li.menu-item-4077 a:hover, 
.single-policies-procedures div#navigation-sidebar ul > li.menu-item-4077 a:focus {
	color: white;
    background-color: #5D5F63;
}

/** CANCELLATION POLICY PAGE
------------------------------*/
.page-id-4108 div#navigation-sidebar .menu-item-4077 a, 
.page-id-4108 div#navigation-sidebar ul > li.menu-item-4077 a:hover, 
.page-id-4108 div#navigation-sidebar ul > li.menu-item-4077 a:focus {
    background-color: #0d6eaa;
}

.page-id-4108 div#navigation-sidebar .menu-item-4077 a {
	color: white;
}

/*** FUNDERS
-----------------------*/
@media only screen and (min-width: 1320px) {
	.page-id-4071 .page-content.custom-container {
		max-width: 945px;
	}
	.page-id-4071 .card-small {
		height: 170px;
		width: 170px;
	}
}
div#n2-ss-11 .n2-ss-layer.n2-ow.slider-bg {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 13px;
	transition: all 0.3s ease;
}

div#n2-ss-11 .n2-ss-layer.n2-ow.slider-bg:hover,
div#n2-ss-11 .n2-ss-layer.n2-ow.slider-bg:focus,
div#n2-ss-11 .n2-ss-layer.n2-ow.slider-bg:focus-within {
	transform: translateY(-7px);
}

.funders-container {
    gap: 23px;
}

.card-small {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background-color: white;
    border-radius: 20px;
    height: 180px;
	width: 180px;
}


.funders-container .card-small a {
	border-radius: 10px;
}

.funders-container .card-small a:hover,
.funders-container .card-small a:focus {
	background-color: white;
}

.card-small img.contain-logo {
	padding: 10px;
}

div#n2-ss-11  {
    display: none;
}

@media only screen and (max-width: 670px) {
	div#n2-ss-11 {
		display: block;
	}
	.funders-container {
		display: none !important;
	}
}

/*** GOVERNANCE
-------------------*/
form#search-filter-form-5675 {
	margin-top: 30px;
}

.buttons.download-buttons  a {
	max-width: 100% !important;
	width: 100%;
}

.buttons.download-buttons {
	gap: 14px;
    padding: 10px 20px 0px;
}

.governance-card a.read-more-link {
	padding: 0 !important;
}

.single.single-agm div#navigation-sidebar .menu-item-5404 a {
    background-color: #5c5f63;
    color: white !important;
}

/*** RESOURCE DIRECTORY
---------------------------*/
.page-id-4128 .searchandfilter ul {
	flex-wrap: wrap;
}

.page-id-4128 .searchandfilter ul li {
	width: 31%;
}

.page-id-4128 li.sf-field-search {
    width: 100% !important;
}


.page-id-4128 br {
    display: none;
}

.page-id-4128 .resource-card {
	width: 48%;
}

.page-id-4128 .filter-resources {
	gap: 30px;
}

.page-id-4128 .filter-resources h3 {
	font-size: 24px;
}

.page-id-4128 .filter-resources p {
	line-height: 1.6;
}

.page-id-4128 .image-tag-container img {
	margin: auto;
	width: 80%;
}

@media (max-width: 990px) {
	.page-id-4128 .resource-card {
		width: 100%;
	} 
}

@media only screen and (max-width: 800px) {
	.page-id-4128 .resource-card {
		margin: 0 auto;
		width: 66%;
	}
}

@media only screen and (max-width: 667px) {
	.page-id-4128 li.sf-field-search {
    	width: 100% !important;
	}
}

/*** SINGLE POST
--------------------*/
.single nav[aria-label="Breadcrumbs"] {
	margin-bottom: 40px;
}

.blog-author {
    border-radius: 72px;
	object-fit: cover;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
}

img.object-fit-contain.wp-post-image {
    width: 54%;
}

.card-content img.object-fit-contain.wp-post-image {
    width: 54%;
    display: block;
    margin: auto;
}

p img {
    border-radius: 40px;
    height: 370px;
    overflow: clip;
	object-fit: cover;
    margin: 25px 0 35px;
	width: 100%;
}

.grey-content {
    background-color: var(--grey);
    border-radius: 20px;
	padding: 20px;
}

.grey-content p:last-of-type,
p:last-of-type {
	margin-bottom: 0;
}

.single footer.entry-footer {
    display: none;
}

.single-post div#navigation-sidebar .menu-item-4133 a, 
.single-post div#navigation-sidebar ul > li.menu-item-4133 a:hover, 
.single-post div#navigation-sidebar ul > li.menu-item-4133 a:focus {
    background-color: #5C5F63;
}

.single-post div#navigation-sidebar .menu-item-4133 a {
	color: white;
}


@media only screen and (max-width: 1100px) {
	.single:has(.menu-secondary) nav[aria-label="Breadcrumbs"] {
		margin-bottom: 0;
	}
}

.d-flex.social-container.share-buttons {
    justify-content: flex-start;
    gap: 10px;
}

/*** PLanning your comms*/
.postid-1068 .full-container.banner-container:has(.object-fit-contain) {
    height: 530px;
}

.postid-1068 .full-container.banner-container:has(.object-fit-contain) img {
    width: 100%;
}


/*** BITE_SIZE TRAINING
===========================*/
.blog-card.video-card {
    width: 45%;
}

a.read-more-link.d-flex {
    margin-left: auto;
    width: fit-content;
}

.searchandfilter ul li {
	width: 48%;
}

.single-bite-size-training .quick-links h3 {
	color: black;
}

/*** SITE SEARCH RESULTS
============================*/
/*** RESOURCE DIRECTORY
---------------------------*/
.page-id-55 .searchandfilter ul {
	flex-wrap: wrap;
}



.page-id-55 .widget-area.header-widget-area,
.page-id-55 button.search-button {
    display: none;
}

.page-id-55 .searchandfilter ul li {
	width: 31%;
}

.page-id-55 li.sf-field-search {
    width: 100% !important;
}


.page-id-55 br {
    display: none;
}

.page-id-55 .resource-card {
	width: 48%;
}

.page-id-55 .filter-resources {
	gap: 30px;
}

.page-id-55 .filter-resources h3 {
	font-size: 24px;
}

.page-id-55 .filter-resources p {
	line-height: 1.6;
}

.page-id-55 .image-tag-container img {
	margin: auto;
	width: 80%;
}

@media only screen and (max-width: 990px) {
	.custom-container {
		margin-top: 0px;
		max-width: 90%;
	}
}


@media only screen and (max-width: 667px) {
	.page-id-55 li.sf-field-search {
		width: 100% !important;
	}
	.custom-container {
		max-width: 100%;
	}
}

/*** UPDATE PAGE
======================*/
.page-id-5760 .entry-content .custom-container {
    padding: 30px 0;
}

.page-id-5760 h2:last-of-type {
	margin-top: 60px;
}

.page-id-5760  .events button {
	background-color: #2D9B00 !important;
    color: black;
	transition: all 0.3s ease;
}

.page-id-5760  button:hover,
.page-id-5760   button:focus {
	transform: translateY(-6px) !important;
}
/*** FOOTER
==================*/
/*Developed by*/
.custom-container.acc {
    margin-top: 10px;
}

a.privacy-link {
    margin-top: 10px;
}

.custom-container.acc a {
	font-size: 18px;
}

.page .footer-columns.row.custom-container,
.custom-container.acc {
    width: 1000px;
}

@media only screen and (min-width: 1920px) {
	.page .footer-columns.row.custom-container,
	.custom-container.acc {
		width: 1040px;
	}
}
/*///desktop screens*/
.site-footer {
	border-top: none;
	padding-bottom: 0;
}

.site-footer .wrap {
    max-width: 100%;
    padding: 0;
	text-align: left;
}

.site-footer p,
.site-footer a {
	font-size: 18px !important;
	font-weight: 500 !important;
}

.site-footer a:hover,
.site-footer a:focus {
	outline: 2px solid black;
}

.site-footer h2 {
	font-size: 20px;
}

.footer-col,
.contact {
    display: flex;
		flex-direction: column;
		gap: 13px;
}

.contact {
    margin-top: 4px;
}

.footer-col {
	gap: 14px;
}

.footer-columns.row.custom-container {
	justify-content: space-between;
	gap: 10px;
}

.footer-col.col {
    flex: unset !important;
    width: 30%;
}

footer a.button {
	background-color: #E71D80 !important;
	font-weight: 800 !important;
	padding: 14px 25px;
	max-width: 100%;
	width: 200px;
}

a.button.green-button {
    background-color: #2D9B00 !important;
    color: black;
}

.site-footer h2 {
	margin-bottom: 0px;
}

.footer-1.footer-col.col {
    width: 30%;
}

.footer-2.footer-col.col {
    width: 36%;
}

img.footer-logo {
	margin-top: -56px;
	width: 100%;
}

footer a.orange-button {
	text-align: center;
}

.footer-2.footer-col.col p {
    margin-bottom: 2px !important;
    line-height: 1 !important;
}

.footer-3.footer-col.col {
	width: 25%;
}

.site-footer p {
	color: #1a1a1a;
	line-height: 1.5;
}

.site-footer a {
	color: #1a1a1a;
}

.company-info {
	text-align: left;
}

.company-info p {
	font-size: 16px !important;
}



a.contact-link-footer {
	display: flex;
		gap: 10px;
}

.icon-link {
    text-decoration-color: rgb(0 7 16 / 50%);
}

.contact img.bi {
    width: 30px !important;
    height: 30px !important;
}

.d-flex.social-container {
    justify-content: flex-start;
    gap: 14px;
}

footer .d-flex.social-container {
	margin-top: 20px;
}

.d-flex.social-container a img {
    width: 45px;
    height: 50px;
}

.social-container a {
	transition: transform 0.3s ease;
}

.social-container a:hover,
.social-container a:focus {
	transform: translateY(-5px);
}

a.contact-link-footer.icon-link.icon-link-hover {
	word-break: break-word;
}



/** Affilations
------------------*/

.affilations {
    background-color: var(--grey);
    text-align: center;
    margin-top: 40px;
    padding: 30px 0;
}

.affilations h2 {
	margin-bottom: 15px;
}


.affilations {
    background-color: var(--grey);
    text-align: center;
    margin-top: 40px;
    padding: 30px 0;
}

.affilations h2 {
	margin-bottom: 15px;
}

.logos {
    margin: auto;
	margin-top: 39px;
    width: 500px;
}

.affiliation-item {
	max-width: 100% !important;
    width: 229px !important;
}



img.logo-a {
	display: block;
    height: 71px;
    object-fit: contain;
	margin: auto;
    width: 95%;
}     

button.slick-arrow {
	z-index: 9999;
}


button.slick-prev.slick-arrow {
    border-radius: 100%;
    height: 45px;
    background-color: #674799;
	width: 45px;
}

button.slick-next.slick-arrow {
    background-repeat: no-repeat;
    border-radius: 100%;
    height: 45px;
    background-color: #674799;
	width: 45px;
}

.page-id-16966 .affilations .slick-slide,
.page-id-3972 .affilations .slick-slide {
    height: unset;
}

.slick-next .slick-next-icon, .slick-next .slick-prev-icon, .slick-prev .slick-next-icon, .slick-prev .slick-prev-icon {
	opacity: 1 !important;
}

.slick-prev .slick-prev-icon:before {
    background-image: url(/wp-content/uploads/2025/07/download-1.svg);
    content: '';
    background-size: 53%;
    background-repeat: no-repeat;
    background-position: 7px;
    display: block;
    height: 35px;
    opacity: 1 !important;
}


.slick-next .slick-next-icon:before {
    background-image: url(/wp-content/uploads/2025/07/download-1.svg);
    content: '';
    background-size: 53%;
    background-repeat: no-repeat;
    background-position: 7px;
    display: block;
    height: 35px;
	transform: scaleX(-1);
    opacity: 1 !important;
}

/**PATTERN
---------------*/
.pattern-horizontal .col {
	height: 20px;
	overflow: clip;
	max-width: 96%;
	width: 100%;
}
.pattern-horizontal .col.pink {
    background-color: var(--pink);
}

.pattern-horizontal .col.purple {
    background-color: var(--purple);
}

.pattern-horizontal .col.green {
    background-color: var(--green);
}

.pattern-horizontal .col.blue {
    background-color: var(--blue);
}

.pattern-horizontal .col.yellow {
    background-color: var(--yellow);
}

.pattern-horizontal .col.orange {
    background-color: var(--orange);
}

@media only screen and (max-width: 1100px) {
	.page .footer-columns.row.custom-container {
		margin: auto;
		flex-direction: column;
		gap: 20px;
		width: 90%;
	}
    img.footer-logo {
        margin-top: 30px;
    }
	.footer-col.col {
		width: 100% !important;
	}
	.footer-3.footer-col.col {
    	width: 33% !important;
	}
	.site-footer h2 {
		margin-bottom: 20px;
	}
	.site-footer .d-flex.social-container {
		margin-bottom: 20px;
	}
	footer .custom-container.acc {
		max-width: 100%;
		margin-top: 0px !important;
		width: 100%;
	}
	img.footer-logo {
    	max-width: 100%;
		width: 400px;
	}
}

@media only screen and (max-width: 990px) {
	.page .footer-columns.row.custom-container,
	div#n2-ss-9 {
		margin: auto !important;
		width: 83%;
	}
	
	.footer-3.footer-col.col {
    	width: 37% !important;
	}
	
	.custom-container.acc {
		margin-top: 20px !important;
	}
}



@media only screen and (max-width: 667px) {
	.page .footer-columns.row.custom-container,
	div#n2-ss-9,
	.custom-container.acc {
		margin: auto !important;
		width: 90%;
	}
	
	

	.footer-3.footer-col.col {
    	width: 92% !important;
	}
	img.footer-logo {
    	width: 80%;
	}
	.site-footer .d-flex.social-container {
		justify-content: flex-start;
		gap: 10px;
	}
	.d-flex.social-container a img {
		width: 40px;
		height: 40px;
	}
	.pattern-horizontal {
		position: relative;
		max-width: 100%;
		overflow: clip;
		flex-wrap: nowrap;
	}
	.pattern-horizontal .col {
		height: 20px;
		flex: unset;
		width: 21%;
		padding: 0;
	}
}

footer a.orange-button {
    text-align: center;
    font-family: 'Mulish-Regular';
	font-weight: 900;
}

@media only screen and (max-width: 667px) {
	form[id^="search-filter-form-"] ul li {
		width: 100% !important;
	}
}
/*TEST CSS*/
/*.section-el {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.page-content h2, .page-content h3, .accordion h3 {
    margin: 0;
}

div.search-filter-results {
	margin-top: 0;
}

.filter-resources {
	margin-top: 0;
}

.image-boxes {

    margin-bottom: 0px !important;

}*/

.search-indication.button.blue-button {
    display: none !important;
}

body.error404 h1 {
    margin: 60px 0 30px;
}

/*** LEFT SIDEBAR FIX
-------------------------*/

.select-btn {
    display: flex;
    /* align-items: center; */
    margin: 10px 0 20px;
    gap: 10px;
}

.select {
	margin: 0;
    width: 71%;
}

button#Submit {
	color: white !important;
    padding: 3px 17px;
    width: 30%;
    background-color: #5C5F63;
}

@media only screen and (max-width: 1100px) {
	.select-btn {
    	flex-direction: column;
		gap: 20px;
	}
	.select {
		margin: 0;
		width: 100%;
	}
	button#Submit {
		padding: 10px 17px;
		width: 20%;
	}
}

@media only screen and (max-width: 700px) {
	div#navigation-sidebar form {
		margin-top: 20px;
    	padding: 20px 10px;
	}
	button#Submit {
    	width: 100%;
	}
}

button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {
    bottom: 0 !important;
}

button.cmplz-btn:hover,
button.cmplz-btn:focus {
    outline: 2px solid var(--purple);
    outline-offset: 2px;
}

div#cmplz-message-1-optin {
    font-weight: 500;
}

.cmplz-cookiebanner .cmplz-title {
    font-size: 25px !important;
}

button.cmplz-btn {
    font-size: 20px !important;
    font-weight: 600 !important;
	 border: 2px solid #ffffff !important;
}

button.cmplz-btn.cmplz-manage-consent:focus,
button.cmplz-btn.cmplz-manage-consent:hover {
    box-shadow: inset 0px 0px 1px 4px rgb(89 17 68) !important;
    border: 2px solid #ffffff !important;
}

.cmplz-links.cmplz-documents {
	display: none !important;
}

.cmplz-cookiebanner.cmplz-show:focus {
    outline: 3.5px solid black !important;
}

/*** ASSISTIVE
===================*/
/* Hide quick links at the top added by assisstive as they do not work */
button.AstvBtn_struct {
    display: none !important;
}

.AstvSkipMenu[role="navigation"] {
    display: none!important;
}

a.AssistiveBtn.AssistiveMainBtn {
    background-color: #379496 !important;
	height: 55px !important;
	width: 55px !important;
	cursor: pointer;
}

/* Hide profiles */
button.AstvProfileSel {
    display: none !important; 
}

.AstvWin .AstvMainHeader .AstvTopHeader svg.external-icon {
	fill: white;
}


a.AssistiveBtn.AssistiveMainBtn:hover::before,
a.AssistiveBtn.AssistiveMainBtn:focus::before {
	border-radius: 100%;
    content: "";
    position: absolute;
    top: 2px;      
    left: 2px;     
    right: 2px;    
    bottom: 2px;   
    border: 2px solid white; 
    pointer-events: none;     
}

.AssistiveBtnSize_small .AssistiveMainBtn .AstvBtnIcon {
    width: 56px !important;
    height: 56px !important;
}

/* Hide Sign Language as it did not work witj js when itried */
button.AstvBtn_vlibras {
    display: none !important;
}

h2.AstvStructH:first-of-type {
    display: none !important;
}
ul.AstvStructSessions {
	display: none !important;
}