@charset "utf-8";
/* CSS Document */



/*

* {
 line-height: 1.5 !important;
 letter-spacing: 0.12em !important;
 word-spacing: 0.16em !important;
}
p{
 margin-bottom: 2em !important;
}

*/


@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Light"),
         url('/css/fonts/segoe-ui-light.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-light.woff') format("woff"),
        url('/css/fonts/segoe-ui-light.ttf') format("truetype");
    font-weight: 100;
}
@font-face {
    font-family: SegoeUILight;
    src:
        local("Segoe UI Light"),
         url('/css/fonts/segoe-ui-light.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-light.woff') format("woff"),
        url('/css/fonts/segoe-ui-light.ttf') format("truetype");
    font-weight: 100;
}


@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Semilight"),
       url('/css/fonts/segoe-ui-semilight.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-semilight.woff') format("woff"),
        url('/css/fonts/segoe-ui-semilight.ttf') format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI"),
       url('/css/fonts/segoe-ui-regular.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-regular.woff') format("woff"),
        url('/css/fonts/segoe-ui-regular.ttf') format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Bold"),
       url('/css/fonts/segoe-ui-bold.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-bold.woff') format("woff"),
        url('/css/fonts/segoe-ui-bold.ttf') format("truetype");
    font-weight: 600;
}
@font-face {
    font-family: SegoeUIBold;
    src:
        local("Segoe UI Bold"),
       url('/css/fonts/segoe-ui-bold.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-bold.woff') format("woff"),
        url('/css/fonts/segoe-ui-bold.ttf') format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Semibold"),
         url('/css/fonts/segoe-ui-semibold.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-semibold.woff') format("woff"),
        url('/css/fonts/segoe-ui-semibold.ttf') format("truetype");
    font-weight: 700;
}
@font-face {
    font-family: SegoeUISemiBold;
    src:
        local("Segoe UI Semibold"),
         url('/css/fonts/segoe-ui-semibold.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-semibold.woff') format("woff"),
        url('/css/fonts/segoe-ui-semibold.ttf') format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Black"),
        url('/css/fonts/segoe-ui-black.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-black.woff') format("woff"),
        url('/css/fonts/segoe-ui-black.ttf') format("truetype");
    font-weight: 800;
}
@font-face {
    font-family: SegoeUIBlack;
    src:
        local("Segoe UI Black"),
        url('/css/fonts/segoe-ui-black.woff2') format("woff2"),
        url('/css/fonts/segoe-ui-black.woff') format("woff"),
        url('/css/fonts/segoe-ui-black.ttf') format("truetype");
    font-weight: 800;
}

html { height: 100%; }

body {
	font-family: 'SegoeUI';
	overflow-x: hidden;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

table { border-collapse: collapse; }

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; }

img { border: none; }
.widget_content img, .contentarea img{
	max-width: 100%;
	height: auto;
	border-radius: 20px;
}
.contentarea img.featuredImage{ max-width: 500px; height: auto; display: block; margin: 0 auto 40px auto;}

article{ margin: 80px 0;}

.invisible { position: absolute; width:0; height:0; overflow: hidden; }

.clearfix:before,

.clearfix:after {     content: " ";     display: table;}

.clearfix:after {    clear: both; }

.clear{ clear: both; }

.media_embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin:0 0 50px 0;
	width:100%;
}
.sound_embed {
    position: relative;
    padding-bottom: 20%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin:0 0 20px 0;
}

.media_embed iframe, .media_embed object, .media_embed embed,
.sound_embed iframe, .sound_embed object, .sound_embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}
.widget.transparent .media_embed:before, .widget.white .media_embed:before, .widget.grey .media_embed:before, .widget.lime .media_embed:before, .widget.teal .media_embed:before{ 
	color: #292F3A;
}

.widget.navy .media_embed:before, .widget.navy .media_embed:before, .widget.blue .media_embed:before{ 
	color: #fff;
}

#backtotop {
	display: none;
}

.screenReaderOnly{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.invisible, .sronly {
    display: block !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.centreText{ text-align: center;}

strong{font-family: "SegoeUIBlack"; font-weight: 900;}

/* ADMIN LOGGED IN BAR FOR FRONTEND */

#adminbar {
	height: 44px;
	width: 100%;
	padding: 5px 180px 5px 180px;
	background: #586875 url(../images/cakepresstiny.jpg) no-repeat 15px center;
	border-bottom: 1px solid #D5D8C2;
	z-index: 999;
	position:relative;
	color: #ffffff;
	top:0;
}

#adminbar h1 {
	font-family: 'myriad-pro';
	font-size: 170%;
	float: left;
	color: #ffffff;
	margin: 0;
	padding: 2px 0 0 0;
}
@media (max-width: 520px){
#adminbar h1{ display: none;}
}

#adminbar a {
	color: #ffffff;
	text-decoration: underline;
}
#adminbar a{ text-decoration: none;}
#adminbar p.page{
	width: 200px;
	margin: 0 auto 0 auto;
	text-align: center;
	border: 2px dashed #FFF;
	font-size: 16px;
	line-height: 24px;
}
#adminbar p.page a{ display: inline-block; width:100%; height:100%; padding: 7px 0px 7px 0px; background: #6B7884;}
#adminbar p.page a:hover{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 7px 0px 7px 0px;
	background: #517A80;
}
#adminbar p.logout{ position: absolute; top:3px; right:10px; background:url(../images/icon-exit.png) no-repeat left center; padding:7px 10px 10px 40px;}


@media (max-width: 880px){
#adminbar .name{ display: none;}
}




/* PAGE STYLES */

#page-wrap {
	width: 100%;
}

.container-width {
	max-width: 1920px;
	margin: 0 auto;
}

a.skip-to-main-content.widget_button {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
a.skip-to-main-content:focus{
	background: #9A1F64;
	display: block;
	height: auto;
	padding: 15px;
	font-size: 16px;
	line-height: 16px;
	margin: 20px 0 0 20px;
	color: #ffffff;
	text-decoration: none;
	min-width: 230px;
	position: relative;
	text-transform: uppercase;
	border: 1px solid #fff;
	float: none;
}
a.skip-to-main-content:focus:after{
	content: "\203A";
	position: absolute;
	right: 15px;
	font-size: 50px;
	margin-top: -4px;
	font-family: 'SegoeUI';
	font-weight: 300;
}

/* HEADER STYLES */

header {
	padding: 50px 8%;	
	position: relative;
	display: flex;
	column-gap: 5%;
	width: 100%;
	justify-content: space-between;
}

header #header-logo {
	flex: 0 0 180px;
	margin-right: 0%;
	flex-grow: 0;
	flex-shrink: 0; 
}

header #header-logo a {
	display: block;
	background-image: url(/userfiles/images/logo_towardswork.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 100%;
	height: 106px;
}
@media (max-width: 1280px){
	header {column-gap: 3%;}
	header #header-logo{flex-grow: 1;}
}

/* NAV STYLES */

#respnav-button { display: none; }
@media (max-width: 1280px){
	#respnav-button {
		display: inline-block;
		flex: 0 0 27px;
		height: 27px;
		margin-right: 0%;
		flex-grow: 0;
		flex-shrink: 0;
		margin-top: 30px;
	}
}

#respnav-button a {
	display: block;
	height:27px;
	width: 27px;
	transition: all 2s;
	background: url(/userfiles/images/icons/icon_respnav.svg) no-repeat center right;
	transition: none;
}
#topnav #respnav-button a:hover{
	background: url(/userfiles/images/icons/icon_respnav.svg) no-repeat center right;
}

header .search{
	padding-top: 10px;
	text-align: right;
	flex: 0 0 50px;
	flex-grow: 0;
	flex-shrink: 0; 
}

#megamenu-1 {
	flex: 0 0 auto;
	margin: 0 ;
	display: block;
	padding-top: 10px;
	flex-shrink: 3;
	max-width: 1200px;
}
@media (max-width: 1280px){
	#megamenu-1 {display: none;}
}

#megamenu-1 .widget_button{
	min-width: 260px;
	margin: 70px 0px 0 100px !important;
}
@media (max-width: 1600px){
	#megamenu-1 .widget_button{
		margin: 80px 0px 0 50px !important;
		min-width: 220px;
	}
}


@media (max-width: 1280px){
	header .search {
		height: 35px;
		flex: 0 0 35px;
		padding: 0;
		margin-top: 25px;
	}
}
#searchmodal_search-trigger{
	background: url("/userfiles/images/icons/icon_search.svg") no-repeat center center;
	background-size: contain;
	display: block;
	width: 100%;
	height: 35px;
	margin: 0;
}
#searchmodal_search-trigger:focus-visible {
	outline: none;
	border-bottom: 5px solid #9A1F64;
}
header #megamenu-1 a,
header #megamenu-1 a:hover,
header #megamenu-1 a:focus-visible {
	border: none;
}

header a:not(#donate-modal-content a):hover {
	border: none;
}

header #megamenu-1 > ul {
	margin: 0px 0 0 0;
	display: flex;
	column-gap: 2%;
	width: 100%;
}

header #megamenu-1 > ul > li {
	display: block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 600;
	font-family: "SegoeUIBold";
	flex:  0 0 15%;
	
}

header #megamenu-1 > ul > li > a:not(.widget_button) {
	display: block;
	padding: 0 10px 0 10px;
	color: #292F3A;
	text-decoration: none;
	margin: 0 auto;
	text-align: center;
}

header #megamenu-1 > ul > li > a > img {
	display: block;
	margin: 30px auto;
}
@media (max-width: 1740px){
	header #megamenu-1 > ul > li > a > img {
		display: block;g140
		margin: 20px auto;
	}
}
@media (max-width: 1600px){
	header #megamenu-1 > ul > li > a > img {
		width: 60px;
		height: 60px;
		margin: 30px auto;
	}
}
@media (max-width: 1469px){
	header #megamenu-1 > ul > li > a > img {
		margin: 20px auto;
	}
}
/*header #megamenu-1 > ul > li > a:hover, header #megamenu-1 > ul > li > a:focus-visible {*/
header #megamenu-1 > ul > li > a:hover, header #megamenu-1 > ul > li > a:active, header #megamenu-1 > ul > li.megamenu-open > a:focus-visible {
	outline: none;
	position: relative;
}
header #megamenu-1 > ul > li > a:hover:after, header #megamenu-1 > ul > li > a:active:after, header #megamenu-1 > ul > li.megamenu-open > a:focus-visible:after{
	content: " ";
	width: 60px;
	position: absolute;
	bottom: -10px;
	border-bottom: 5px solid #9A1F64;
	left: 50%;
	transform: translate(-50%);
}
header #megamenu-1 > ul > li a img.hoverwhite{display: none;}
header #megamenu-1 > ul > li.megamenu-current a img.hoverwhite{display: block;}
header #megamenu-1 > ul > li.megamenu-open a img.hoverwhite{display: block;}
header #megamenu-1 > ul > li a img.defaultblue{display: block;}
header #megamenu-1 > ul > li.megamenu-current a img.defaultblue{display: none;}
header #megamenu-1 > ul > li.megamenu-open a img.defaultblue{display: none;}
header #megamenu-1 > ul > li a:active img.defaultblue{display: none;}
header #megamenu-1 > ul > li a:active img.hoverwhite{display: block;}
header #megamenu-1 > ul > li a:hover img.defaultblue{display: none;}
header #megamenu-1 > ul > li a:hover img.hoverwhite{display: block;}

header .megamenu-outer {
	position: absolute;
	display: none;
	/*top: 100%;*/
	left: 0;
	background-color: #002638;
	color: #fff;
	width: 100%;
	max-width: 1920px;
	z-index: 999999;
	/*box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
	box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;
	width: 100vw;
	overflow: visible;
	max-width: 100vw;
	left: 50%;
	transform: translate(-50%, 0);
	
}

header #megamenu-1 li.megamenu-open .megamenu-outer {
	display: none; /* disabling top nav */
}
header #megamenu-1 li .megamenu-inner {
	display: flex;
	max-width: 1620px;
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	flex-wrap: wrap;
	row-gap: 60px;


}

header .megamenu_inner_col {
	padding: 0 60px 0 60px;
	overflow: visible;
	flex-grow: 1;
	flex-basic: 0; /* default auto */
	display: flex;
	flex-basis: 33%;
	max-width: 33%;
}
header .megamenu_inner_col div{
	width: calc(100% - 100px);
}
header .megamenu_inner_col img{
	width: 73px;
	margin-right: 27px;
	align-self: flex-start;
	margin-top: 15px;
}
header .megamenu_inner_col h2 {
	font-size: 20px;
	font-weight: 900;
	color: #fff;
	margin: 0 0 0px 0;
	padding: 0;
	font-family: "SegoeUIBlack";
}
header .megamenu_inner_col h2 a{
	color: #fff;
	text-decoration:  none;
	position: relative;
	display: inline-block;
	padding-right: 50px;
}

header .megamenu_inner_col h2 a::after {
    content: "\25B6";
    position: absolute;
    right: 0px;
	bottom: 12px;
	font-size: 16px;
}

header .megamenu_inner_col h2 a:focus-visible::after {
    right: 10px;
}




header .megamenu_inner_col h2 a:hover{
	color: #3BBFBB;
	text-decoration:  none;
}

@media (max-width: 1366px){
	header .megamenu_inner_col p{
		display: none;
	}
	header .megamenu_inner_col h2 a::after {
		content: "";
	}
}



header img.mm_inner_header_icon {
	width: 30px;
	display: inline-block;
	margin: 0 10px 0 -40px;
}

header .megamenu_inner_col li {
	display: block;
}

header .megamenu-inner a{
	color: #292F3A;
	padding: 10px 0 10px 0;
	display: inline-block;
	border: none;
}

header .megamenu-inner a:hover{
	color: #292F3A;
	border: none;
}

header .megamenu-inner a:focus-visible{
	outline: 2px solid;
	padding: 10px;
	text-decoration: none;
	border: none;
	display: block;
	color: #3BBFBB;
}



/****** MEGAMENU RESPONSIVE STYLES ******/

@media (max-width: 1280px) {

	header #megamenu-1.mm-show-resp {
		display: block;
		width: 300px;
		min-height: unset;
		position: absolute;
		right: 0;
		top: 110px;
		z-index: 100;
	}

	header #megamenu-1 > ul {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 2px solid #292F3A;
		background: #EBEDF1;
	}

	header #megamenu-1 > ul > li {
		flex-basis: 100%;
		line-height: 18px;
		border-bottom: 1px solid #ccc;
		margin: 0;
	}

	header .megamenu-outer {
		position: static;
		padding: 10px 20px 0;
	}

	header #megamenu-1 > ul > li > a.megamenu-parent-button, header #megamenu-1 .widget_button {
		background-image: none !important;
		display: block;
		padding: 20px 40px;
		color: #292F3A;
		text-decoration: none;
		height: 100%;
		margin: 0;
		text-align: left;
	}
	
		header #megamenu-1 > ul > li > a.megamenu-parent-button:hover, header #megamenu-1 > ul > li > a.megamenu-parent-button:focus {
		background: #d5d5d5;
	}
	
	
	header #megamenu-1 > ul > li > a.megamenu-parent-button {
		position: relative;
	}

	header #megamenu-1 li.licenter {
		text-align: center;
	}

	header #megamenu-1 .widget_button {
		margin: 15px auto !important;
		display: inline-block;
		padding: 15px 0 18px;
		height: auto;
	}

	header #megamenu-1 .widget_button::after {
		content: '';
	}

	
	

	header #megamenu-1 > ul > li > a.megamenu-parent-button img {
		position: absolute;
		top: 50%;
		left: calc(50% - 100px);
		transform: translate(0,-50%);
		margin: 0;
	}

	header #megamenu-1 > ul > li a img.defaultblue {
		display: none;
	}

	header #megamenu-1 > ul > li a img.hoverwhite {
		display: block;
	}


	header #megamenu-1 li.megamenu-open .megamenu-outer {
		display: block;
	}

	header .megamenu_inner_col {
		padding: 0 0 20px 40px;
	}

	header .megamenu_inner_col h2 {
		font-size: 20px;
		font-weight: 400;
		color: #2c585f;
		margin: 0 0 10px 0;
		padding: 0;
	}
	header #megamenu-1 > ul > li > a:hover:after, header #megamenu-1 > ul > li > a:active:after, header #megamenu-1 > ul > li.megamenu-open > a:focus-visible:after {
    	content: none;
	}

}


@media (max-width: 700px) {

	header #megamenu-1 > ul {
		display: block;
	}

}


/* SEARCH STYLES */

#searchmodalform label{ 
	text-align:center; 
	color: #fff;
	font-size:18px;
	clear:both;
	font-family: "opensans-semibold";
	display:block;
	margin:0 0 20px 0;
}


#searchmodalform input[type="text"], #searchmodalform input[type="search"]{
	padding: 14px;
	border: 2px solid #fff;
	width: 100%;
	margin:0 0 20px 0;
	background: #292F3A;
	color:#fff;
	font-size:18px;
}

#searchmodalform input[type="text"]:focus, #searchmodalform input[type="search"]:hover, #searchmodalform input[type="text"]:hover, #searchmodalform input[type="search"]:focus, #searchmodalform input[type="text"]:focus-within, #searchmodalform input[type="search"]:focus-within{
	outline: 2px solid #fff;
}

#searchmodalform input[type="submit"] {
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.2);
	font-size: 16px;
	margin: 20px 0 30px 0;
    color: #FFF;
    text-transform: uppercase;
    border:  1px solid #fff;
    width: 100%;
	transition: background 0.5s ease;
}

#searchmodalform input[type="submit"]:hover, #searchmodalform input[type="submit"]:focus{    
	background: #9A1F64;
}

#searchmodalform input[type="submit"]:after {
    content: "\203A";
    position: absolute;
    right: 15px;
    font-size: 40px;
    margin-top: -5px;
    font-family: 'SegoeUI';
    font-weight: 300;
	background: #ff0000;
}


#searchmodalform {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*margin-left: -20px;*/
  color: #ffffff;
}

a#searchmodalclose {
	color: #ffffff;
	display: block;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: -50px;
	font-size: 24px;
	background: url("/userfiles/images/icons/close.svg") no-repeat center center;
	width: 42px;
	height: 42px;
	
}

a#searchmodalclose:hover {
	text-decoration: none;
}
a#searchmodalclose:focus {
	outline: 2px solid white;
}
#searchmodalbg {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(0,0,0,0.9);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 2000;

	/*display: none;*/
}

#searchmodalbg.open {
	visibility: visible;
	/*opacity: 0.95;*/
	
	opacity: 1.0;
	/*display: block;*/
}



/* FOOTER  STYLES */

footer {
	background-color: #292F3A;
	color: #ffffff;
	font-size: 16px;
}

footer h2{
	font-family: 'SegoeUILight';
	font-size: 50px;
	line-height: 50px;
	font-weight: 300;
	margin-bottom: 50px;
	color: #fff;
}
#footer-inner {
	display: flex;
	padding: 80px 8% 0 8%;
}

#footer-left{
	width: 70%;

}
#footer-right {
	text-align: right;
	margin-top: 21px;
	width: 30%;
}

#footer-left p{
	padding: 10px 0;
}
#footer-nav p {
	padding: 3px 0;
	font-size: 14px;
}

#footer-right li {
	padding: 5px 0;
}
#footer-right img{
	margin-top: 0px;
}
#footer-socials ul, #footer-nav ul, #footer-right ul {
	list-style: none;
}
#footer-nav ul{
	margin: 40px 0px 0px 0px;
	padding: 0;
}
#footer-socials li {
	display: inline-block;
	padding: 0px 0px 40px 10px;
	

}

#footer-nav{
	color: #fff;
	padding-bottom: 50px;
	
}
#footer-nav div{
	padding: 0 8%;	
}

#footer-nav li {
	display: inline-block;
	padding: 20px 5px 0px 0;
	color: #fff;
	margin: 0;

}
#footer-nav li:not(:last-child):after {
	content: "|";
	padding: 0 5px 0 0px;
}

footer a, #footer-nav a{color: #fff; text-decoration: none;}
footer a:hover, #footer-nav a:hover{ border-bottom: dashed 1px #fff;}
footer a:focus, #footer-nav a:focus{ outline: #9A1F64 2px solid;}
#footer-nav li a{
	margin-right: 20px;
}

@media (max-width: 900px){
	#footer-inner {
		display: block;
		padding: 8% 8% 0 8%;
	}
	#footer-right, #footer-left {	text-align: center; width: 100%;}
	#footer-nav li{width: 50%; border: none; text-align: center; float: left;     padding: 20px 10px 0px 10px; }
	#footer-nav ul{ margin-bottom: 25px;
	}
	#footer-nav li:not(:last-child):after {
		content: "";
		padding: 0;

	}
	#footer-nav p{text-align: center;}
}

@media (max-width: 600px){
	#footer-nav li{width: 100%; float: none; }
}

/* BREADCRUMB STYLES */

main .breadcrumb ul{
	max-width: 1920px;
	margin-top: 20px;
	padding-left: 8%;
	padding-right: 8%;
	margin-bottom: 0;
}
main .breadcrumb ul li{display: inline; border-bottom: none;}
main .breadcrumb li:not(:last-of-type)::after{
	content: " \002F \a0";
}
main .breadcrumb ul li a{ color: #292F3A; text-decoration: none; font-size: 16px; display: inline; padding: 0;}
main .breadcrumb ul li a:hover{text-decoration: underline;}
main .breadcrumb ul li a:focus{ outline: #9A1F64 2px solid;}

main .breadcrumb ul li a:after, main .breadcrumb ul li:before  {
    content: none;
}

/* HOME BANNER  STYLES */

#banner {
	background: #292F3A;
	clear: both;
}
#banner ul li { 
	height: 26vw;
	max-height: 500px;
	max-width: 1920px;
	position: relative;
}

.banner-image {
	width: 100%;
	background: url(/images/testimage.jpg)  no-repeat center center;
	background-size: cover;
	margin: 0;
	height: 100%;
}

@media (max-width: 950px){
	#banner ul li {height: auto;}
	.banner-image {
		width: 106%;
		float: none;
		min-height:40vw;
	}
}
#banner .bx-controls{ margin: -50px 50px 50px 50px; position: relative; }

#banner .bx-prev{ 
	background: url("/userfiles/images/icons/previousslide.svg") no-repeat center center;
	left: 0px;
	top: -30px;
	height: 45px;
	width: 50px;
	display: inline-block;
	position: absolute;

}

#banner .bx-next{ 
	background: url("/userfiles/images/icons/nextslide.svg") no-repeat center center;
	left: 120px;
	top: -30px;
	height: 45px;
	width: 50px;
	display: inline-block;
	position: absolute;
}
#banner .bx-start{ 
	background: url("/userfiles/images/icons/playslider.svg") no-repeat center center;
	left: 60px;
	top: -30px;
	height: 45px;
	width: 50px;
	position: absolute;
	display: inline-block;
}
#banner .bx-stop{ 
	background: url("/userfiles/images/icons/pauseslider.svg") no-repeat center center;
	left: 60px;
	top: -30px;
	height: 45px;
	width: 50px;
	position: absolute;
	display: inline-block;
}

#banner .bx-stop.active, #heroslider .bx-start.active{display: none}

#banner .bx-stop:focus, #heroslider .bx-start:focus, #heroslider .bx-next:focus, #heroslider .bx-prev:focus{
	outline: 2px #fff solid;
}

#banner h2 a:focus{outline: 2px #fff solid;}

@media (max-width: 1350px){
	#banner .bx-controls{display:none;}
}


/*
.banner-text {
	background-color: #84497d;
	width: 34%;
	padding: 50px;
	margin: 0;
 	color: #fff;
	float: left;
}

.banner-text p {
	display: inline-block;
	border-bottom: 1px solid #fff;
	padding: 0 0 25px 0;
	text-transform: uppercase;
	font-size: 24px;
}

.banner-text h2 {
	font-size:30px;
	margin: 40px 0;
}
@media (max-width: 1400px){
	.banner-text p {
		font-size: 20px;
	}
	.banner-text h2 {
		font-size: 25px;
		margin: 30px 0;
	}
}
@media (max-width: 1200px){
	.banner-text p {
		font-size: 16px;
	}
	.banner-text h2 {
		font-size:20px;
		margin: 20px 0;
	}
	.widget_button span{ display: none;}
	.widget_button.banner-text-button{ min-width: 140px;}
}
.banner-text a {
	color: #fff;
	text-decoration: none;
}
*/

	
	/*
	@media (max-width: 950px){
	.banner-text{
		width: 106%;
		float: none;
		padding: 30px 30px 10px 30px;
	}
	.banner-text-button {display: none;}
	
	.banner-text h2 a{display: inline-block; position: relative;}
	.banner-text h2 a:hover{ text-decoration: underline;}
	.banner-text h2 a::after{
		content: "\25B6";
		position: absolute;
		right: -30px;
		bottom: 3px;
		font-size: 14px;
	}
	.banner-text p{}
}
	*/




/* MAIN AREA STYLES */
.h1container{
	background: #9A1F64;
	margin: 0 0 0px 0;
	padding: 20px 0;
}
main h1{
	font-family: 'SegoeUILight';
	font-weight: 100;
	font-size: 72px;
	line-height: 72px;
	color: #fff;
	max-width: 1920px;
	padding: 0 8% 10px 8%;
	text-align: center;
}
@media (max-width: 1300px){
	main h1{
		font-size: 50px;
		line-height: 50px;
	}
}
@media (max-width: 768px){
	main h1{
		font-size: 40px;
		line-height: 40px;
	}
}



main p, main ol, main ul, main blockquote + cite{
	margin-bottom: 30px;
	margin-left: 0;
	padding-left: 0;
}
main p.clearfix{margin-bottom: 0px;}
main a{
	color: #32698A;
	font-family: 'SegoeUISemiBold';
	font-weight: 500;
}

main .green a{
	color: #fff;
	font-family: 'SegoeUI';
	font-weight: 300;
}

/* main .widget ul li:before{content: none;} */
main .widget ul li a{
	text-decoration: none;
	color: #fff;
	padding: 6px 0;
	position: relative;
	width: 100%;
	display: block;
	font-weight: 400;
	font-family: 'SegoeUI';
	margin-top: -10px;
}

main .widget ul li a:after{
	content: "\203A";
	position: absolute;
	right: 0;
	font-size: 50px;
	margin-top: -4px;
	font-family: 'SegoeUI';
	font-weight: 300;
}

.widget_inner, .widget_grid_container, .iconBlocks {
	padding: 0 8% 0 8%;
	width: 100%;
}

main h2 {
	color: #292F3A;
	margin-left: 0;
	padding-left: 0;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	font-family: 'SegoeUI';
	font-weight: 400;
}
main .contentarea h2{
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 30px;
	font-family: 'SegoeUI';
	font-weight: 400;
}
main .widget > h2, main .widget .widget_content h2:first-child{ 
	font-size: 50px;
	line-height: 50px;
	font-family: 'SegoeUILight';
	font-weight: 300;
	margin-bottom: 80px;
}
main .widget > h2{
	text-align:center;
	padding-left: 8%;
	padding-right: 8%;
}

main h3{
	font-family: 'SegoeUIBold';
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	color: #292F3A;
	margin-bottom: 30px;
	text-transform: uppercase;
    /*padding-top: 30px;*/
}
main .grey h3, main .white h3, main .transparent h3{color: #474F62;}

main div> h3:first-child{ padding-top: 0px;}
main .widget .widget_content h2:first-child + h3{ padding-top: 0px;}
main .widget img{ max-width: 100%;}
/*
main ul, main ol{
	padding-left: 35px;
}
*/
main ul li{
	list-style-type: none;
	margin-left: 0px;
	border-bottom: 1px solid #fff;
	font-family: 'SegoeUI';
	font-weight: 300;
	position: relative;
}

.white a, .transparent a, .grey a{color: #474F62;}
.widget.white p, .widget.transparent p,  .widget.grey p, .widget.widget_grid_col div  p{ 
	color: #474F62;
}

main ul li a:hover{
	text-decoration: underline;
}
main ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 100%;
    background: #DB325A;
    left: -30px;
    top: 0;
}
.page-Sitemap main ul li:before { content: none;}
.page-Sitemap main ul ul{ margin-top: 30px;}

main .widget.green ul li:before, main .widget.teal ul li:before, main .widget.blue ul li:before, main .widget.grape ul li:before, main .widget.violet ul li:before, main .widget.magenta ul li:before, main .widget.raspberry ul li:before {
	background: transparent;
}


.widget_content a:focus{
	outline: #fff 2px solid;
}
.transparent .widget_content a:not(.widget_button),  .white .widget_content a:not(.widget_button), .grey .widget_content a:not(.widget_button){
	color: #32698A;
}
.transparent .widget_content a:focus, .white .widget_content a:focus, .grey .widget_content a:focus{
	outline: #2d2d2d 2px solid;
	}

.contentarea{
	max-width: 1200px;
	padding: 0 8%;
	margin: 80px auto;
	font-size: 26px;
	line-height: 39px;
}

@media (max-width: 1000px){
	main h2{
		font-size:32px;
		margin-bottom: 30px;
		line-height:40px;
	}
}

main p + blockquote{
	margin-top: 20px;
	color: #292F3A;
}
main blockquote{
	position: relative;
	padding-right: 200px;
	color: #292F3A;
}
main blockquote:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 100%;
    background: #DB325A;
    left: -30px;
    top: 0;
}

main blockquote:after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 170px;
    height: 160px;
    right: 0px;
    top: -20px;
	background: url('/userfiles/images/icons/icon_blockquote.svg') no-repeat  center right;
}



@media (max-width: 650px){
	main blockquote:before{
		display: none;
	}	
	main blockquote {
        width: 100%;
    }
}

ul {
list-style: none;
}

p {
	font-size: 20px;
	line-height: 30px;
	font-family: 'SegoeUI';
	font-weight: 300;
}
li {
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 10px 0;
}
legend{
	font-size: 20px;
	line-height: 30px;
	font-family: 'SegoeUI';
	font-weight: 300;
	margin-bottom: 30px;
}
main a.widget_button  {
	display: inline-block;
	padding: 15px 35px 15px 15px;
	background-color: rgba(0,0,0,0.2);
	font-size: 16px;
	line-height: 16px;
	margin: 20px 0 30px 0;
	color: #ffffff;
	text-decoration: none;
	min-width: 210px;
	position: relative;
	text-transform: uppercase;
	border: 1px solid #fff;
	float: right;
	font-weight: 400;
	font-family: 'SegoeUI';
	border-radius: 5px;
}

main .contentarea a.widget_button{
	background-color: rgba(41,47,58,0.8);
	float: none;
	margin: 20px auto;
	display: block;
	max-width: 50%;
}

main .contentarea a.widget_button:hover, main .contentarea a.widget_button:focus{
	background-color: rgba(41,47,58,1);
}

main .grey a.widget_button, main .white a.widget_button, main .transparent a.widget_button{
	background-color: #474F62;

}

.widget_button:hover, .widget_button:focus-visible, .contentarea a.widget_button:hover, .contentarea a.widget_button:focus-visible {
	background-color: rgba(0,0,0,0.5);
	outline: none  !important;
}
main .grey a.widget_button:hover, main .white a.widget_button:hover, main .transparent a.widget_button:hover{
	background-color: #292F3A;
}

.widget_button::after {
	content: "\203A";
	position: absolute;
	right: 15px;
	font-size: 40px;
	margin-top: -5px;
	font-family: 'SegoeUI';
    font-weight: 300;
}
/* WIDGET STYLES */

.widget{
	padding-top: 80px;
	padding-bottom: 50px;
}

.widget_2col {
	display: flex;
	flex-wrap: wrap;
	column-gap:10%;
}
.widget_2col .widget_content {
	flex:  0 0 45%;
}

@media (max-width: 1024px){
	.widget_2col .widget_content {
		flex:  0 0 100%;
	}
}



.widget_2col .widget_content:first-of-type{
	position: relative;
}

.widget_2col .widget_content:first-of-type:after{
	content: " ";
	border-right: 2px solid #fff;
	position: absolute;
	right: -11%;
	height: 70%;
	top: 50%;
	transform: translate(0, -50%);	
}
.grey .widget_2col .widget_content:first-of-type:after{
	border-right: 2px solid #474F62;	
}


.widget_2col .widget_content:last-of-type{
}
.page-index #widgets_container{
	margin-top: 0px;
}
.widget.white{ 		background-color: #fff; 	color: #292F3A;}
.widget.grey{ 		background-color: #EBEDF1; 	color: #292F3A;}
.widget.transparent{background-color: none; 	color: #292F3A;}

.widget.green { 	background-color: #068671; color: #fff;}
.widget.teal{ 		background-color: #1C787E; color: #fff;}
.widget.blue { 		background-color: #32698A; color: #fff;}
.widget.grape{ 		background-color: #4B4C8C; color: #fff;}
.widget.violet{ 	background-color: #682C8C; color: #fff;}
.widget.magenta{ 	background-color: #812679; color: #fff;}
.widget.raspberry{ 	background-color: #9A1F64; color: #fff;}


.widget.green h2, .widget.teal h2, .widget.blue h2, .widget.grape h2, .widget.violet h2, .widget.magenta h2, .widget.raspberry h2 {
	color: #fff;
}
.widget.green h3, .widget.teal h3, .widget.blue h3, .widget.grape h3, .widget.violet h3, .widget.magenta h3, .widget.raspberry h3 {
	color: #fff;
}

.widget.green a, .widget.teal a, .widget.blue a, .widget.grape a, .widget.violet a, .widget.magenta a, .widget.raspberry a {
	color: #fff;
}

.widget.green .iconBlocks a, .widget.teal .iconBlocks a, .widget.blue .iconBlocks a, .widget.grape .iconBlocks a, .widget.violet .iconBlocks a, .widget.magenta .iconBlocks a, .widget.raspberry .iconBlocks a {
	color: #fff;
}

.widget_inner.widget_narrow{
	max-width: 1600px;
}
.widget_inner.widget_narrow h2, .widget_inner.widget_narrow p{
	padding: 0 15%;
}

/* WIDGET GRID CHILD */

.widget_grid_container {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
}
.widget_grid_container .widget_grid_child, .widget_grid_container.count_total_3 .widget_grid_child {
	flex: 0 0 30%;
	position: relative;
}
.widget_grid_container.count_total_2 .widget_grid_child, .widget_grid_container.count_total_4 .widget_grid_child {
	flex: 0 0 47.5%;
	position: relative;
}
.page-Content-Corner .widget_grid_container .widget_grid_child{
	flex: 0 0 21.25%;
	position: relative;
	margin-bottom: 30px;
}
.widget_grid_container a{
	text-decoration: none;
}
.widget_grid_container h3{
	position: relative;
}
.widget_grid_container p.title{
	font-size: 24px;
	margin: 0;
}
.widget_grid_container a h3:after{
	content: "\203A";
	position: absolute;
	right: 0;
	font-size: 50px;
	margin-top: -4px;
	font-family: 'SegoeUI';
	font-weight: 300;
	
}
.widget_grid_container a:hover{
	text-decoration: underline;
}
.widget_grid_container .imgcontainer {
    overflow: hidden;
    border-radius: 10px;
	margin-bottom: 20px;
	width: 100%;
	height: auto;
}

.widget_grid_container .navcontentimg {
    display: block;
    border-radius: 10px;
    transition: transform 0.5s;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 66%;
}

.page-Content-Corner .widget_grid_container .navcontentimg{
	padding-top: 100%;
}
@media (max-width: 1600px){
	.page-Content-Corner .widget_grid_container .widget_grid_child{
		flex: 0 0 30%;
		position: relative;
	}
}
@media (max-width: 1300px){
	.widget_grid_container .widget_grid_child, .widget_grid_container.count_total_3 .widget_grid_child {
		flex: 0 0 47.5%;
	}
	
}
@media (max-width: 950px){
	.page-Content-Corner .widget_grid_container .widget_grid_child{
		flex: 0 0 47.5%;
		position: relative;
		
	}
}
@media (max-width: 750px){
	.widget_grid_container .widget_grid_child, .widget_grid_container.count_total_2 .widget_grid_child, .widget_grid_container.count_total_3 .widget_grid_child, .widget_grid_container.count_total_4 .widget_grid_child {
		flex: 0 0 100%;
	}
}

/* TESTIMONIAL STYLES */


.widget.green .testimonials div{
	background: #068671;
}
.widget.teal .testimonials div{
	background: #1C787E;
}
.widget.blue .testimonials div{
	background: #32698A;
}
.widget.grape .testimonials div{
	background: #4B4C8C;
}
.widget.violet .testimonials div{
	background: #682C8C;
}
.widget.magenta .testimonials div{
	background: #812679;
}
.widget.raspberry .testimonials div{
	background: #9A1F64;
}
.widget.white .testimonials div{
	background: #fff;
}
.widget.grey .testimonials div{
	background: #292F3A;
	color: #fff;
}
.testimonials {
	padding: 180px 8% 80px 8%;
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
	row-gap: 130px;
	background: #EBEDF1;
	margin: -80px 0 -50px 0;
}


.testimonials.testimonialsMax_3 div.testimonial{
	flex: 0 0 30%;
}

.testimonials.testimonialsMax_2 div.testimonial{
	flex: 0 0 47.5%;
}
.testimonials.testimonialsMax_1 div.testimonial{
		flex: 0 0 100%;
	}	
.testimonials div.testimonial{
	padding: 0 50px 50px 50px;
	position: relative;
}
.testimonials div.testimonial.icon{
	border-right: 20px solid #EBEDF1;
}
.testimonials div.slider{
	width: 50%;	
	float: right;
	padding-right: 7%;
}
.testimonials .photo img{
	border-radius: 50%;
	width: 210px;
	height: 210px;
	display: block;
	margin: -105px auto 50px auto;
	border: 5px solid #fff;
	padding: 0;
}

.testimonials .icon img{
	width: 210px;
	height: 210px;
	display: block;
	margin: -85px 0 50px 0;
	position: absolute;
	right: -20px;
}
main .testimonials blockquote{
	font-size: 20px;
    line-height: 30px;
    font-family: 'SegoeUI';
    font-weight: 300;
	color: #fff;
	padding-right: 0;
}
main .testimonials blockquote:before, main .testimonials blockquote:after{ content: none;}
.testimonials span.icon + .blockquote{
	margin-top: 155px;
}
.testimonials cite{
	font-weight: 600;
	text-transform: uppercase;
	font-style: normal;
	font-size: 18px;
    line-height: 27px;
    font-family: 'SegoeUI';
}
.testimonials ul { 
	display: flex;
}
.testimonials ul li { 
	min-height: 143px;
	display: inline-block;
	margin-left: 0;
}

.widget.testimonials  ul li:before{ display: none;}
.testimonials ul li:nth-of-type(2n) { 
}
.bx-wrapper{ position: relative;}

.testimonials .bx-start{ 
	background: url("/userfiles/images/icons/playslider_grey.svg") no-repeat center center;
	left: 50%;
	bottom: -50px;
	height: 45px;
	width: 50px;
	position: absolute;
	display: inline-block;
}
.testimonials .bx-stop{ 
	background: url("/userfiles/images/icons/pauseslider_grey.svg") no-repeat center center;
	left: 50%;
	bottom: -50px;
	height: 45px;
	width: 50px;
	position: absolute;
	display: inline-block;
}
.testimonials .bx-stop.active, .testimonials .bx-start.active{ display: none;}



.testimonials .bx-next, .testimonials .bx-prev{
	width: 46px;
	height: 46px;
	display: block;
	position: absolute;
	top: 280px;
}
.testimonials .bx-next{ 
	background: url("/userfiles/images/icons/nextslide_grey.svg") no-repeat center center;
	right: -70px;
	top: 50px;
}
.testimonials .bx-prev{ 
	background: url("/userfiles/images/icons/previousslide_grey.svg") no-repeat center center;
	left: -70px;
	top: 50px;
}
.bx-pager{display: none;}


@media (max-width: 1230px){
	
	.testimonials.testimonialsMax_3 div.testimonial{
		flex: 0 0 47.5%;
	}	
	.testimonials div.slider{
		width: 60%;	
		float: none;
		padding-right: 2.5%;
		padding-left: 2.5%;
		margin: 0 auto;
	}
	.testimonials ul li { 
		padding: 0;
	}
	.testimonials blockquote, .testimonials cite{
		font-size: 20px;
		line-height: 30px;
	}
}
@media (max-width: 800px){
	
	.testimonials.testimonialsMax_3 div.testimonial, .testimonials.testimonialsMax_2 div.testimonial{
		flex: 0 0 100%;
	}	
}

/***  BACK TO TOP STYLES ***/

.backtotop{ 
	display: block;
	width: 50px;
	height: 50px;
	background: #292F3A url("/userfiles/images/icons/backtotoparrow.svg") no-repeat center center;
	position: fixed;
	right: 10px;
	bottom: 10px;
	border:3px solid #fff;
	border-radius: 50%;

}
#backtotop:focus-visible, #backtotop:hover{
	background: #9A1F64 url("/userfiles/images/icons/backtotoparrow.svg") no-repeat center center;
	outline: none;	
}

.widget_logos{ 
	display: flex;
	flex-wrap: wrap;
	column-gap: 6.6%;
	align-content: space-between;
	width: 100%;
	margin-bottom: 30px;
}

.widget .widget_logos img{ 
	width:125px; 
	height:auto;	
	background-color: #ffffff; 
	border-radius: 10px;
	padding: 0;
}

.widget .widget_logos a{
	flex: 0 0 20%;
	background: #fff;
	text-align: center;
}
/* FORM STYLES */


textarea {
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 2px solid #fff;
  color: #fff;
  width: calc(100% - 225px);
  padding: 5px 5px 5px 5px;
  font-size: 20px;
  background-color: #002638;
}

label, form span{ 
	display: inline;
	min-width: 200px;
	float: left;
}
label {
	width: 225px;
}

input:not([type='checkbox']):not([type='submit']){ 
	background: none;
	border: none;
	border-bottom: 2px solid #fff;
	color: #fff;
	/*width: calc(100% - 225px);*/
	padding: 5px 5px 5px 5px;
	font-size: 20px;
}

input[type='checkbox']{ 
	float: left;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	position: relative;
	top: 10px;
	clear: both;
}
input[type='checkbox'] + label{
	margin-left:30px;
}

select{
	margin: 0px;
	width: calc(100% - 225px);
	padding: 5px 5px 5px 5px;
	border: none;
	border-bottom: 2px solid #fff;
	height: 34px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #002638;
	color: #fff;
	outline: none;
	font-size: 20px;
}
option{
	background: #EBEDF1;
	outline: none;
	border: none;
	font-size: 20px;
}
input:focus, select:focus, textarea:focus{
	border: 2px dashed #fff !important;
	color: #fff !important;
	outline: none;
}
select:focus option{
	color: #292F3A !important;
}

input[type="file"] {
  display: none;
}

.custom-file-upload {
    border: none;
    display: inline-block;
    cursor: pointer;
    background: #9A1F64;
	padding: 20px 75px 20px 30px;
	border-radius: 35px;
	font-size: 20px;
	line-height: 25px;
	margin: 0px 25px 25px 0;
	color: #ffffff !important;
	text-decoration: none;
	position: relative;
	text-transform: uppercase;
	float: right;
}

.custom-file-upload:hover{
	 background: #9A1F64;
}

button{
	display: inline-block;
	padding: 20px 75px 20px 30px;
	background-color: #002638;
	border-radius: 35px;
	font-size: 20px;
	line-height: 25px;
	margin: 40px 25px 0 0;
	color: #ffffff !important;
	text-decoration: none;
	position: relative;
	text-transform: uppercase;
	border: none;
	float: right;
	
}
button:hover, button:focus{
	background-color: #9A1F64;
}
button::after, .custom-file-upload:after {
    content: "\25B6";
    position: absolute;
    right: 30px;
}

.widget_id_160 h2 + p{ min-height: 90px;}
.widget img{ padding: 20px;}


/* ACCESS BAR STYLES */


.accessbar{
	background: #EBEDF1;
    width: 100%;
	max-width: 100%;
    padding-top: 13px;
	display: flex; 
	justify-content: space-between; 
	padding:  0 8%;
}

.pagecolours {
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 50px;
	margin-top: 9px;
}
.textsize {
	flex-grow: 0;
	flex-shrink: 0;
	margin-top: 9px;
}

.pagecolours ul li, .textsize ul li{ display: inline-block;}

.pagecolours ul li a, .textsize ul li a{
	display: block;
	width: 38px;
	height: auto;
	border: 3px solid #2d2d2d;
	text-align: center;
	text-decoration: none;
	color: #2d2d2d;	
	padding-bottom: 0px;
	font-size: 16px;
	border-radius: 10px;
}
.pagecolours ul li a.pagecolours_default{ background: #32698A; color: #fff;}
.pagecolours ul li a.pagecolours_dark{background: #2d2d2d; color: #fff;}
.pagecolours ul li a.pagecolours_neutral{background: #B8B8B8; }
.pagecolours ul li a.pagecolours_blue{background: #9FDBFF; }
.pagecolours ul li a.pagecolours_pink{background: #F9BCDF; }
.pagecolours ul li a.pagecolours_green{background: #A8F5F3; }

.textsize ul li a.textsize_default{ background: none; border: 0;}
.textsize ul li a.textsize_large{ background: none; border: 0; font-size: 24px;}
.textsize ul li a.textsize_largest{ background: none; border: 0; font-size: 32px;}

/* translate styles */

.goog-te-gadget { visibility: hidden; }
.goog-te-gadget div, .goog-te-gadget select, .goog-te-gadget option  { visibility: visible; }
.goog-te-gadget :not(div, option) { display: none; }
.goog-te-gadget select { cursor: pointer; }
#translate-bar { 
	margin: 12px 0 0 0; 
	font-size: 14px; 
	min-height: 40px;
	z-index: 999;
	flex-grow: 1;
	display: flex; 
	justify-content: left; 
}
#google_translate_element {
	line-height: initial;
	margin: 0;
	min-width: 170px;
	/*position: absolute; top: 110px; right: 10px;*/
}
#google_translate_element .abwarning {
	display: inline-block;
	margin-top: 10px;
}
/* class applies to select element itself, not a wrapper element */
#google_translate_element select, .select-css {
  display: block;
  font-size: 14px;
  font-family: sans-serif;
  font-weight: 600;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
  */

  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);

  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
#google_translate_element select::-ms-expand {  display: none;}

/* Hover style */
#google_translate_element select:hover {  border-color: #888;}

	/* Focus style */

#google_translate_element select:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
#google_translate_element select option {  font-weight:normal;}

/* Support for rtl text, explicit support for Arabic and Hebrew */

*[dir="rtl"] #google_translate_element select, :root:lang(ar) #google_translate_element select, :root:lang(iw) #google_translate_element select {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
#google_translate_element select:disabled, #google_translate_element select[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

#google_translate_element select:disabled:hover, #google_translate_element select[aria-disabled=true] {
  border-color: #aaa;
}



/****** LOGO GRID ******/


.partner-logo-wrapper {
	position: relative;
    z-index: 50;
    width: 100%;
	padding: 0 15%;
	margin-top: 30px;
}

.partner-logo-list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.partner-logo-item {
    height: 140px;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    margin-left: 2.5%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	position: relative;
}
.partner-logo-item:focus-visible{
	outline: 2px solid #292F3A;
}
.partner-logo {
    max-height: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
	PADDING: 0;
}
.widget img.partner-logo{ padding: 0;}
.partner-arrow-holder {
    position: relative;
    overflow: show;
}
.partner-arrow-holder {
    display: none;
	opacity: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.partner-hover-block {
	opacity: 1 !important;
	position: absolute;
    left: -130px;
    right: 0px;
    z-index: 200;
    padding: 30px;
    background-color: #9A1F64;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 16px;
    line-height: 1.7;
	border-radius: 27px;
	width: 400px;
}
main .partner-hover-block p {
        font-size: 16px;
        line-height: 20px;
    }
  @media (max-width: 603px){
	.partner-hover-block {
		left: -100px;
		width: 60vw;
	}
	main .partner-hover-block h2 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 27px;
    }
	
}


main .partner-hover-block h2{ color: #fff !important;}
.content-container.cc-partner-block {
    max-width: 100%;
    min-width: 0px;
}

main .grey .cc-partner-block a.widget_button{ 
	border: none;
	min-width: 0;
	flex: 35%;
	text-align: right;
	margin: 0;
	text-transform: none;
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid #fff;
}

main .grey .cc-partner-block a.widget_button:hover, main .grey .cc-partner-block a.widget_button:focus{
	background-color: rgba(0, 0, 0, 0.5);
}

.content-container {
    position: relative;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    /*padding: 20px 50px 20px 50px;
	display: flex !important;
	flex-wrap: wrap;
	column-gap: 5%;*/
}

.content-container > div.w-richtext {
	padding: 0;
	position: relative;
	flex:  0 0 60%;
	margin: 0;
}
.content-container > div.w-richtext a{
	color: #fff;
	font-family: "SegoeUIBold";
	font-weight: 600;
	
}

.widget.white .partner-hover-block p, .widget.transparent .partner-hover-block p, .widget.grey .partner-hover-block p{
	color: #fff;
	margin-bottom:20px;
}
.widget.white .partner-hover-block ul{
	margin-left: 35px;
	margin-bottom: 25px;
}
.widget.white .partner-hover-block li{
	color: #fff;
	list-style-type: square;
}
.widget.white .partner-hover-block p:last-of-type{
	margin-bottom:0px;
}
.partner-arrow {
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
}
.partner-arrow {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #9A1F64;
    box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.25);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* POST GRID PAGING */

main .widget .pg_paging_invisible {
	display: none !important;
}
main .widget .pg_paging ul{ margin: auto; text-align: center;}
main .widget .pg_paging ul li {

	list-style: none;
	display: inline-block;
	padding: 5px 10px;
	border: none;
}
main .widget .pg_paging ul li:before { content: none;}

main .widget .pg_paging ul li a {
	display: block;
	font-size: 20px;
    width: 50px;
    height: 50px;
	color: #292F3A;
	border-radius: 50%;
}
main .widget .pg_paging ul li a.current,
main .widget .pg_paging ul li a.pg_paging_btn_selected
{

	border: 2px solid #9A1F64;
} 

main .widget .pg_paging ul li a:hover {
	text-decoration: underline;
}
main .widget .pg_paging ul li a:after{ content: none;}



/* ICON BLOCK STYLES */


.iconBlocks {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10%;
}


.iconBlocks.iconBlocksMax_4, .iconBlocks.count_total_4 {
	column-gap: 5%;
}

.iconBlocks > div{
	width: 26.66%;
	padding: 0;
	position: relative;
	flex:  0 0 26.66%;
	margin: 0;
	margin-bottom: 5%; 
}

.iconBlocks.iconBlocksMax_3.count_total_3 div{
	margin-bottom: 0;
}

@media (max-width: 1000px){
	.iconBlocks > div{
		width: 45%;
		flex:  0 0 45%;
		padding-bottom: 50px;
	}
}
@media (max-width: 700px){
	.iconBlocks > div{
		width: 100%;
		flex:  0 0 100%;
		padding-bottom: 50px;
	}
}

.iconBlocks.iconBlocksMax_4 > div, .iconBlocks.count_total_4 > div{
	width: 21.25%;
	flex-basis: 21.25%;
}
@media (max-width: 1100px){
	.iconBlocks.iconBlocksMax_4 > div{
		width: 30%;
		flex-basis: 30%;
		padding-bottom: 25px;
	}
	.iconBlocks.count_total_4 > div{
		width: 47.5%;
		flex-basis: 47.5%;
		padding-bottom: 25px;
	}
}
@media (max-width: 800px){
	.iconBlocks.iconBlocksMax_4 > div, .iconBlocks.count_total_4 > div{
		width: 47.5%;
		flex-basis: 47.5%;
	}
}
.iconBlocks > div h3{
	color: #fff;
	font-size: 35px;
	font-family: "SegoeUIBlack";
	font-weight: 900;
	word-wrap: break-word;
}

@media (max-width: 1700px){
	.iconBlocks > div h3{
		font-size: 27px;
	}
}
@media (max-width: 700px){
	.iconBlocks > div h3{
		font-size: 22px;
	}
}

.widget.transparent .iconBlocks > div h3, .widget.white .iconBlocks > div h3,  .widget.grey .iconBlocks > div h3{
	color: #002638;
	
}
.iconBlocks > div img{
	margin-bottom: 25px;
}
.iconBlocks > div p{
	margin: 25px 0 0 0;
	color: #fff;
	font-size: 24px;
	line-height: 35px;
}


@media (max-width: 1000px){
	.iconBlocks > div p{
		font-size: 20px;
		line-height: 30px;
	}
}


/* MOSAIC GRID STYLES */

.rpp_downloadable_container{ 
	padding: 0 8%;
}
@media (max-width: 1700px){
	.rpp_downloadable_container{ 
		padding: 0 50px;
	}
}
div.rpp_downloadable_container {
  display: grid;
  grid-gap: 0px; /* see bottom padding on inner item further down to account for this */
  column-gap: 10%;
  grid-template-columns: repeat(auto-fill, minmax(350px,1fr));
  grid-auto-rows: 5px;
}

@media screen and (max-width: 500px) {
	div.rpp_downloadable_container {
	  column-gap: 0px;
	  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
	}
}

div.rpp_downloadable_item {
	clear: both;
}

main .rpp_downloadable_item a.widget_button{ float: none; margin: 0;}

div.rpp_downloadable_item p {
  line-height: 30px;
  font-size: 20px;
}

/*** SITEMAP STYLES ***/

.sitemap{
	padding: 0 8%;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.sitemap a{
	text-decoration: none;
	color: #292F3A;
}
.sitemap a:hover{
	text-decoration: underline;
	color: #9A1F64;
}

.sitemap ul{
	margin-left: 50px;
	list-style-type: none; 
}
.sitemap > ul, .sitemap > ul > li > ul{
	margin-bottom: 50px;
}
.sitemap > ul > li > a{
	text-transform: uppercase;
	font-size: 30px;
	color: #9A1F64;
	
}
.sitemap > ul > li > ul > li {
	text-transform: capitalize;
	font-size: 20px;
}
@media (max-width: 800px){
	.sitemap{
		padding: 4%;
	}
	.sitemap ul{
		margin-left: 25px;
		list-style-type: none; 
	}
	.sitemap > ul, .sitemap > ul > li > ul{
		margin-bottom: 25px;
	}
	.sitemap > ul > li > a{
		font-size: 20px;
	}
	.sitemap > ul > li > ul > li {
		text-transform: capitalize;
		font-size: 18px;
	}
}

/*** SEARCH RESULTS STYLES ***/

.page-searchresults #widgets_container{
	padding: 0 8%;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.page-searchresults .navcontent a h2{
	font-size: 30px;
	color: #292F3A;
	font-weight: 400;
}
.page-searchresults .navcontent a{
	text-decoration: none;
	color: #292F3A;
}
.page-searchresults .navcontent a:hover h2{
	text-decoration: underline;
	color: #9A1F64;
}

.page-searchresults .navcontent{
	margin: 25px 0;
}

/* mentorship programme form */

#contactform{ max-width: 777px; margin: 0 auto;}

.widget_inner.widget_narrow #contactform p{
	padding: 0;
}



#joinformcol1_col1 {
    float: left;
    width: 45%;
}
#joinformcol1_col2 {
    float: right;
    width: 45%;
}

#joinformcol1 {
    float: left;
	width: 60%;
}

#joinformcol2 {
    width: 35%;
    float: right;
	padding-left: 5%;

}
.widget_inner.widget_narrow #joinform p {
    padding: 0;
	width: 100%;
}
#joinform label, #contactform label{ width: 100%; margin-bottom: 10px; }
#joinform input[type=text], #joinform input[type=email], #joinform input[type=tel], #contactform input[type=text], #contactform input[type=email]{
	width: 100%;
	background: rgba(0,0,0,0.2);
	padding:10px;
}
#joinform input[type=checkbox]{
	margin-bottom: -15px;
}
#joinform textarea, #contactform textarea{
	width: 100%; 
	min-height: 100px; 
	margin-top: 20px;
	background: rgba(0,0,0,0.2);
	padding:10px;
}
#joinform fieldset{ 
	border: none; 
	outline: none;
}
#joinform p.bluestyle {

    padding: 4px 10px 8px 10px;
	margin-bottom: 5px;
}
#joinform input[type=submit], #joinform button[type=submit], #contactform input[type=submit],  #contactform button[type=submit]{
	width: 100%; 
	display: inline-block;
    padding: 15px 35px 15px 15px;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 16px;
    line-height: 16px;
    margin: 20px 0 30px 0;
    color: #ffffff;
    text-decoration: none;
    min-width: 210px;
    position: relative;
    text-transform: uppercase;
    border: 1px solid #fff;
    float: right;
    font-weight: 400;
    font-family: 'SegoeUI';
    border-radius: 5px;
	cursor: pointer;
	max-width: 380px;
}
#joinform input[type=submit]:hover, #joinform button[type=submit]:hover, #joinform input[type=submit]:focus, #joinform button[type=submit]:focus{
	background-color: rgba(0, 0, 0, 0.5);
}
#fail, #success { display: none;}
#responsemsgmentor, #fail, #success, #responsemsg {
	background-color: rgba(0, 0, 0, 0.2);
	padding: 30px;
	border: 2px dashed #fff;
	text-align: center;
}
#responsemsgmentor p, #fail p, #success p{ margin-bottom: 0;}


/* JOBS BOARD STYLES */

.jobWrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3%;
    width: 100%;
	color: #292F3A;
}
.jobWrapper > div {
    padding: 20px;
    position: relative;
    flex: 0 0 31.33%;
    margin: 0;
    background: #fff;
    border-radius: 27px;
    margin-bottom: 3%;
	align-items: center;
}


.jobWrapper > div > a {
    display: flex;
    column-gap: 5%;
	align-items: center;
}

main .widget .jobWrapper  a:not(.widget_button) {
    text-decoration: none;
    color: #292F3A; 
    width: 100%;
    height: 100%;
}
main .widget .jobWrapper a:not(.widget_button):hover {
    color: #000000;
    outline: none;
}
.jobWrapper > div a img {
    transition: all 0.5s;
}

.jobWrapper > div img {
    flex: 0 0 33%;
    height: 100px;
    object-fit: contain;
    opacity: 80%;
	padding: 0;
}
.jobWrapper > div div {
    flex: 0 0 57.5%;
}
.jobWrapper > div div .job-company {
    font-size: 18px;
    line-height: 25px;
    font-weight: 800;
    font-family: "SegoeUIBlack";
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
}

.jobWrapper a .job-company {
    border-bottom: 2px solid transparent;
}
.jobWrapper > div div .job-title {
    font-size: 20px;
    line-height: 24px;
	margin-bottom: 20px;
}
.jobWrapper a:hover .job-company {
    border-bottom: 2px solid #000000;
}
p.loadmore {
    width: 100%;
    margin: 20px auto;
}
main .widget .jobWrapper p.loadmore a{
	max-width: 300px;
	background-color: rgba(0, 0, 0, 0.2);
	float: none;
	height: auto;
	display: block;
	margin: auto;
}
main .widget .jobWrapper p.loadmore a:hover{
	text-decoration: none;
}