body {
	font-size: 15px;
	line-height: 1.6;
	font-weight: 400;
	font-family: "Nunito", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:var(--brand-blue-dark-tint);
}

@media(min-width:1280px) {
	body {
		font-size:17px;
	}
}

:root {
	--main-green: #19D3C1;
	--main-green-hover: #009ba0;
	--main-blue: #0085E5;
	--main-blue-hover: #0860a0;
	--main-orange:#FF8B1D;
	--main-orange-hover:#e07918;
	--main-red:#E85656;
	--main-red-hover:#ce4646;
	--main-pink: #ED306D;
	--main-pink-hover: #d81351;
	--main-purple:#6B38D8;
	--main-purple-hover:#572ab7;
	--brand-blue-dark-tint:#292E40;
	--brand-blue:#2E3548;
	--brand-blue-tint:#005771;
	--main-yellow:#FFCB11;
	--main-yellow-hover:#e9ba14;
	--off-white:#fbfbfb;
	--light-grey:#E8E8E8;
	--lightest-grey:#f5f5f5;
	--med-grey:#CFCFCF;
	--dark-grey:#777;
}


header {
	float:left;
	width:100%;
	position: relative;
}

#logo {
	float:left;
	max-width: 180px;
	padding:16px;
	height:22px;
} 

#logo img {
	float:left;
	width:100%;
	background:white;
}
#profile-image-upload  img {
	float:left;
	width:100px;
	height:auto;
	background:white;
}
#main-nav {
	float:left;
	background-color:var(--brand-blue);
	width:100%;
	font-family: "Ciutadella Rounded", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

#mobile-toggle-bar {
	float:left;
	font-size:18px;
	width:100%;
	position: relative;
	line-height: 48px;
}

#mobile-toggle-bar a {
	padding-left:46px;
	z-index: 2;
	position: relative;
}

#mobile-toggle-bar::before {
	content: "\f1c3";
	font-family: Ionicons;
	color:white;
	position: absolute;
	left:16px;
	font-size:32px;
	top:0;
	line-height: 48px;
}

#main-nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

#main-nav li {
	float:left;
	width:100%;
	list-style: none;
}

#main-nav a {
	display:block;
	text-decoration: none;
	color:white;
}

#main-nav li a {
	padding: 8px 16px;
	border-top:1px solid var(--brand-blue-tint);
}
#main-nav li a#jobs-link {
	padding-right:24px;
	color:var(--main-orange);
	position: relative;
}

#main-nav li a#jobs-link::after {
	background: url(../img/arrow-down--orange.svg) no-repeat center;
	position: absolute;
	background-size:24px;
    content: "";
    width: 24px;
    height: 24px;
	top: 8px;
	transform: rotate(-90deg);
}
#main-nav li a#jobs-link:hover {
	color:var(--main-orange-hover);
}

#logon-button {
	font-size: 14px;
	padding:0 32px 0 24px;
	height:42px;
	top:6px;
	line-height:42px;
	position: absolute;
	right:16px;
}

#logon-button span {
    display:none;
}

#logon-button::before {
	display: inline-block;
	width: 22px;
	height: 24px;
	color: #9F9F9F;
	vertical-align:middle;
	font-family: Ionicons;
	font-size: 26px;
	font-weight: 500;
	line-height: 24px;
	padding:4px 4px 4px 6px;
	content: "\f47e";
	background-color: #fff;
	border-radius: 20px;
	margin: -2px 0px 0 -18px
}

#logon-button::after {
	background: url(../img/arrow-down--white.svg) no-repeat center;
    background-size:24px;
	position: absolute;
    content:"";
    width:24px;
    height:24px;
	top:8px;
}

#user-button {
	font-size: 14px;
	padding:0 6px 0 24px;
	height:42px;
	top:6px;
	line-height:42px;
	position: absolute;
	right:16px;
	background-color: var(--main-green);
}
#user-button:hover {
	background-color: var(--main-green-hover);
}

#user-button span {
    display:none;
}

#user-button.no-avatar::before {
	display: inline-block;
	width: 22px;
	height: 24px;
	color: #9F9F9F;
	vertical-align:middle;
	font-family: Ionicons;
	font-size: 26px;
	font-weight: 500;
	line-height: 24px;
	padding:4px 4px 4px 6px;
	content: "\f47e";
	background-color: #fff;
	border-radius: 20px;
	margin: -2px 0px 0 -18px
}

#user-button img {
	display: inline-block;
	width: 27px;
	height: 27px;
	color: #9F9F9F;
	vertical-align:middle;
	font-family: Ionicons;
	font-size: 26px;
	font-weight: 500;
	line-height: 26px;
	padding:2px;
	background-color: #fff;
	border-radius: 20px;
	margin: -2px 0px 0 -18px
}


@media (min-width:768px) {
    #logon-button span, #user-button span {    
        display:inline-block;
    }
	#user-button img {
		margin-right:6px;
	}
	#main-nav {
		padding: 0 8px;
		font-size:14px;
	}

	#main-nav ul {
		display:block!important;
	}
	#main-nav li {
		width:auto;
	}
	#main-nav li a {
		padding:12px 12px;
		width:auto;
		float:left;
		border:0;
	}
	#logon-button {
		padding:0 32px 0 24px;
		top:6px;
	}
	#user-button {
		padding:0 20px 0 24px;
		top:6px;
	}
	#logon-button::before, #user-button.no-avatar::before {
		margin: -2px 8px 0 -18px
	}

	#mobile-toggle-bar {
		display:none;
	} 

	#logon-button::after {
		top:10px;
	}

	#main-nav li a#jobs-link::after {
		top:10px;
	}
}

@media (min-width:1024px) {
	#logo {
		max-width:260px;
		height:37px;
	}
	#main-nav {
		padding: 0 8px;
		font-size:16px;
	}
	#main-nav li a {
		padding:22px 16px;
	}

	#logon-button,
	#user-button {
		top:12px;
	}

	#jobs-link::after {
		background-size:28px;
		width:28px;
		height:28px;
	}

	
	#main-nav li a#jobs-link::after {
		top:23px;
	}
	
}

@media (min-width:1400px) {
	#main-nav {
		width:calc(100% - 292px);
	}

	#main-nav li a {
		padding:22px 12px;
	}
}

@media (min-width:1680px) {
	#main-nav li a {
		padding:22px 24px;
	}

	#main-nav li a#jobs-link {
		padding-right:42px;
	}
}

form {
	width:100%;
	float:left;
}

button, .button, input[type=submit]{
	border:0;
	height: 40px;
	display: inline-block;
	background-color:var(--main-orange);
	font-weight: 500;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	opacity:1.0;
	font-family: "Nunito", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 28.5px;
	box-sizing: border-box;
	padding:0 16px;
	cursor:pointer;
	text-decoration:none;
	white-space: nowrap; /*May need to revisit*/
	color:#fff;
	transition:background-color 0.15s ease-in-out;
}

button.button--small,
.button.button--small,
input.button--small  {
	height:32px;
	font-size: 14px;
	line-height: 32px;
	padding:0 8px;
}

.button:visited {
	color:#fff;
}

button:hover, .button:hover, input[type=submit]:hover {
	background-color:var(--main-orange-hover);
	color:white;
} 

.button-no-style,
.button-no-style:visited {
	color:var(--brand-blue-dark-tint);
	font-weight: 600;
	text-decoration: none;
}

.button-no-style:hover {
	color:var(--main-green);
}
@media(min-width:1024px) {
	button, .button, input[type=submit]{
		padding:0 24px;
		line-height: 48px;
		height: 48px;
	}
}
@media(min-width:1280px) {
	button, .button, input[type=submit]{
	padding:2px 32px;
	height:52px;
	font-size:18px;
	}
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=date], input[type=datetime-local]{
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 26px;
	height: 40px;
	background-color: #FFFFFF;
	padding: 0 16px;
	line-height: 40px;
	outline: none;
	border:1px solid var(--med-grey);
	font-family: "Nunito", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color:var(--brand-blue-dark-tint);
}

.cke_editor_Body {
	float:left;
	width:100%!important;
}

input#postcode {
	max-width:200px;
}

input[type=date]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
}

select[multiple] {
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 26px;
	background-color: #FFFFFF;
	padding: 8px 16px;
	outline: none;
	border:1px solid var(--med-grey);
	font-family: "Nunito", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color:var(--brand-blue-dark-tint);
	width:100%;
}


select[multiple] option {
	padding:8px;
}

textarea {
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 26px;
	background-color: #FFFFFF;
	padding: 16px;
	outline: none;
	height:200px;
	border:1px solid var(--med-grey);
	font-family: "Nunito", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color:var(--brand-blue-dark-tint);
	width:100%;
	line-height:1.4;
	box-sizing: border-box;
}

input[readonly], textarea[disabled],select[disabled] {
	opacity:0.9;
	color:var(--med-grey);
}

.form-field-wrapper input[type=file] {
	padding:8px;
    border: 2px dashed var(--light-grey);
}

.form-field-wrapper img {
	max-width: 100%;
	margin-bottom:16px;
	box-sizing: border-box;
	padding:4px;
	float:left;
	border: 2px dashed var(--light-grey);
}

.form-field-wrapper + .hint {
	margin-top:-16px;
	margin-bottom:16px;
	float:left;
	font-size: 15px;
	width:100%;
}


@media(min-width:1024px) {
	
	input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=date], input[type=datetime-local]{
		height: 48px;
		padding: 0 20px;
		line-height: 48px;
	}

	select[multiple] {
		padding: 8px 20px;
	}

	textarea {
		padding: 20px;
		line-height:1.6;
	}

	.form-field-wrapper input[type=file] { 
		padding:12px;
	}
	
}

@media(min-width:1280px) {
	input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=date], input[type=datetime-local]{
	padding:2px 30px;
	height:52px;
	height:52px;
	font-size:18px;
	line-height: 48px;
	}

	select[multiple] {
		padding: 16px 30px;
		font-size: 18px;
	}

	textarea {
		padding:30px;
		font-size: 18px;
	}
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:var(--dark-grey);
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:var(--dark-grey);
}

::-ms-input-placeholder { /* Microsoft Edge */
color:var(--dark-grey);
}

.required {
	color:var(--main-red);
	padding-left:5px;
}

.button--green {
	background-color:var(--main-green);
}

.button--green:hover {
	background-color:var(--main-green-hover);
}
.button--yellow {
	background-color:var(--main-yellow);
}
.button--yellow:hover {
	background-color:var(--main-yellow-hover);
}
.button--orange {
	background-color:var(--main-orange);
}

.button--orange:hover {
	background-color:var(--main-orange-hover);
}

.button--red {
	background-color:var(--main-red);
}

.button--red:hover {
	background-color:var(--main-red-hover);
}

.button--blue {
	background-color:var(--main-blue);
}

.button--blue:hover {
	background-color:var(--main-blue-hover);
}

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

.button--purple:hover {
	background-color:var(--main-purple-hover);
}
.button--right {
	float:right;
}
.hidden {
	display:none;
}


#logon-wrapper {
	background-color:var(--brand-blue-dark-tint);
	color:white;
	position: absolute;
	left:0;
	top:54px;
	z-index: 2;
	padding:16px;
	width:100%;
}


#jobs-nav, #user-account-nav {
	background-color:var(--brand-blue-dark-tint);
	color:white;
	position: absolute;
	left:0;
	top:144px;
	z-index: 3;
	padding:16px;
	width:100%;
}

#user-account-nav {
	top:54px;
}

#jobs-nav ul, #user-account-nav ul {
	margin:0 0 8px 0;
	padding:0;
}

#jobs-nav li, #user-account-nav ul {
	list-style: none;
	margin:0;
	 padding:0 0 8px 0;
}

#jobs-nav li a, #user-account-nav li a {
	font-family: "Ciutadella Rounded", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif ;
}

#logon-wrapper h3 {
	color:var(--main-green);
}

#jobs-nav-seekers h3,  #user-account-nav-personal h3 {
	color:var(--main-green);
}

#jobs-nav-posters h3, #user-account-nav-company h3  {
	color:var(--main-orange);
}

#logon-wrapper a,
#jobs-nav a,
#user-account-nav a  {
	color:white;
	text-decoration: none;
}

.logon-wrapper-new {
	margin-top:16px;
	float:left;
	width:100%;
}

#forgotten-password,
#forgotten-password:visited,
#return-logon,
#return-logon:visited{
	position: absolute;
	right:16px;
	font-style:italic;
	font-size:15px;
}

.logon-wrapper-existing {
	float:left;
	width:100%;
}


.form-field-wrapper {
	margin-bottom:16px;
	float:left;
	width:100%;
	position: relative;
}

.form-field-wrapper.form-field-wrapper--checkbox {
	margin:10px;
	width:auto;
}

.form-field-wrapper label {
	width:100%;
	float:left;
	margin:0 0 4px 0;
	font-weight: 600;
	font-size:16px;
	/*white-space:nowrap; why you here*/
}

.form-field-wrapper .hint {
	margin:8px 0 0 0;
	font-size:15px;
	max-width:75%;
}

.form-field-wrapper:not(.form-field-wrapper--checkbox) input {
	width:100%;
}

.form-submit-wrapper {
	float:left;
	width:100%;
	position: relative;
}

.form-submit-wrapper label {
	padding: 0 24px 0 38px;
	font-weight: 600;
	font-size:14px;
	line-height: 48px;
}

.form-submit-wrapper input[type=submit] + input[type=submit],
.form-submit-wrapper .button + input[type=submit],
.form-submit-wrapper button + input[type=submit] {
	margin-left:16px;
}


.form-field-wrapper .custom-select {
	float:left;
	width:100%;
}

.form-field-wrapper .form-field-wrapper--checkbox, .form-field-wrapper .form-field-wrapper--radio {
	margin-top:16px;
}
.form-field-wrapper--checkbox label, .form-field-wrapper--radio label {
	padding: 0 24px 0 38px;
	font-weight: normal;
	font-size:15px;
	line-height: 26px;
	color:var(--dark-grey);
	box-sizing: border-box;
}

.form-field-wrapper--checkbox label a {
	text-decoration: none;
	font-weight: 600;
}

.form-submit-wrapper input[type=checkbox],
.form-field-wrapper--checkbox input[type=checkbox],
.form-field-wrapper--radio input[type=radio]  {
	z-index:-1;
	visibility: hidden;
	position: absolute;
}

.form-submit-wrapper label:before,
.form-field-wrapper--checkbox label:before,
.form-field-wrapper--radio label:before {
	content:"";
	border-radius: 4px;
	border:1px solid var(--med-grey);
	width:21px;
	height:22px;
	left:0;
	padding:0 0 2px 3px;
	position: absolute;
	line-height:24px;
}

.form-submit-wrapper label:before {
	top:11px;
}

#logon-wrapper .form-submit-wrapper label:before {
	border-color:white;
}

.form-submit-wrapper input:checked ~ label:before,
.form-field-wrapper--checkbox input:checked ~ label:before {
	content:"\f2bc";
	font-family: Ionicons;	
	font-size:24px;
	line-height:24px;
}

.form-field-wrapper--radio input ~ label {
	position: relative;
}
.form-field-wrapper--radio input ~ label:before {
	border-radius:50%;
}

.form-field-wrapper--radio input:checked ~ label:after {
	content:"";
	width:16px;
	height:16px;
	background-color:var(--dark-grey);
	position: absolute;
	left:5px;
	top:5px;
	border-radius: 50%;
}

.form-field-wrapper--radio label {
	display:block;
	position:relative;
}
.form-field-wrapper--radio label:before {
	border-color:grey;
}

.form-field-wrappers-equal-height {
	float:left;
	width:100%;
}

@media (min-width:768px) {
	#logon-wrapper {
		padding:24px;
	}
	
	.logon-wrapper-new {
		width:33%;
	}

	.logon-wrapper-existing {
		width:64%;
	}

	.logon-wrapper-new {
		margin:0 0 0 3%;
		padding-left:3%;
		border-left:1px solid var(--dark-grey);
	}

	.form-field-wrapper label {
		margin-bottom:8px;
	}

	.logon-wrapper-existing .form-submit-wrapper {
		width:auto;
		margin:12px 0;
	}

	.form-submit-wrapper {
		float:right;
	}

	#sign-in-button {
		float:right;
	}

	#jobs-nav, #user-account-nav {
		top:100px;
		padding:24px;
	}

	#jobs-nav-seekers, #user-account-nav-personal {
		width:33%;
		float:left;
	}

	#jobs-nav-posters, #user-account-nav-company {
		width:33%;
		float:left;
	}
	
		
	.form-field-wrapper--half {
		width:calc(50% - 12px);
	}

	.form-field-wrapper--half:nth-child(odd) {
		margin-right:24px;
	}

	.form-field-wrappers-equal-height {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-wrap:wrap;
		flex-wrap: wrap;
	}
	

	/* .form-field-wrappers-equal-height .form-field-wrapper--half:nth-child(odd) {
		margin-right:24px;
	} */

	/* .form-field-wrappers-equal-height .form-field-wrapper--half:nth-child(even) {
		margin-right:0;
	} */


}
@media (min-width:1024px) {
	#logon-wrapper {
		top:69px;
		padding:32px;
	}

	#jobs-nav, #user-account-nav {
		padding:32px;
		top:138px;
	}

	#jobs-nav li a, #user-account-nav li a {
		font-size:17px;
	}

	.logon-wrapper-existing .form-field-wrapper {
		width:calc(50% - 12px);
	}

	.logon-wrapper-existing .form-field-wrapper.email-field {
		margin-right:24px;
	}

	.logon-wrapper-existing .form-submit-wrapper {
		margin:0;
	}

	.form-field-wrapper--half {
		width:calc(50% - 16px);
		margin-bottom: 32px;
	}

	.form-field-wrapper--half:nth-child(odd) {
		margin-right:32px;
	}

	.form-field-wrapper--half:not(.form-field-wrapper--checkbox, .form-field-wrapper--radio) > label {
		font-size:18px;
	}
}
@media (min-width:1280px) {
	.form-submit-wrapper label {
		line-height: 52px;
	}
}
@media (min-width:1400px) {
	#jobs-nav, #user-account-nav {
		top:69px;
	}
}
.hero {
	width:100%;
	float:left;
	padding:24px 16px;
	background: -moz-linear-gradient(325deg, rgba(0,87,113,1) 0%, rgba(25,211,193,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0,87,113,1)), color-stop(100%, rgba(25,211,193,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(325deg, rgba(0,87,113,1) 0%, rgba(25,211,193,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(325deg, rgba(0,87,113,1) 0%, rgba(25,211,193,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(325deg, rgba(0,87,113,1) 0%, rgba(25,211,193,1) 100%); /* ie10+ */
	background: linear-gradient(125deg, rgba(0,87,113,1) 0%, rgba(25,211,193,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005771', endColorstr='#19D3C1',GradientType=1 ); /* ie6-9 */
	background-blend-mode: multiply,luminosity;
	background-size: cover;
	background-position: right!important;
	background-repeat:no-repeat!important;
	
}
@media(max-width:767px) {
	.hero {
		background-image: none!important;
		background: linear-gradient(125deg, rgba(0,87,113,1) 0%, rgba(25,211,193,1) 100%)!important; /* w3c */
	}
}
.hero > .container {
	position: relative;
}

.hero-content h1,
.hero-content p {
	color:white;
	margin:0;
	border-radius:8px;
}
.hero-content p {
	font-weight:600;
	padding:0;
	line-height: 1.6;
}
.hero-content h1 {
	padding:0 0 8px 0;
	line-height:1.2;
}

.hero-fifty-block {
	float:left;
	width:100%;	
	background-color:var(--main-blue);
	color:white;
	position: relative;
	z-index:1; /*required to make content sit above bg image */
	position: relative;
}

.hero-fifty-block__copy {
	padding:24px 16px;
}

.hero-fifty-block h1 {
	padding:0 0 8px 0;
	line-height:1.2;
	max-width: 90%;
}

.hero-fifty-block::after {
	content:"";
	background: var(--main-blue) url(../img/WSPattern.svg) repeat;
	background-size:600%;
	background-blend-mode: overlay;
	position: absolute;
	z-index: 0;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity: 0.15;
}

.hero-fifty-block .button{
	margin-right:16px;
}

.hero-fifty-block .pricing {
	display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-align: center;
		align-items: center;
}

.hero-fifty-block__copy-wrapper {
	z-index: 2;
	position: relative;
}

@media (min-width:768px) {
	.hero-content h1,
	.hero-content p {
		background-color: var(--main-red);
		color:white;
		margin:0;
		border-radius:8px;
	}

	.hero,
	.hero-fifty-block__copy {
		padding:40px 24px ;
	}
	

	.hero-content {
		text-align: left;
		max-width: 820px;
	}

	
	.hero-content h1 {
		padding:8px 24px 16px 24px;	
	}

	.hero-content p {
		padding:16px 24px 16px 24px;
		max-width:66%;
		margin-top:-16px;
	}

	
	.hero-content {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-align: start;
		align-items: start;
		-ms-flex-direction:column;
		flex-direction: column;
		text-align:left;
	}

	.hero-content h1 {
		flex:0 0 0;
	}

	.hero-content p {
		flex:0 0 0;
	}

}

@media (min-width:1024px) {
	.hero {
		min-height:230px;
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-align: center;
		align-items: center;
	}

	.hero-fifty-block {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	.hero-fifty-block__copy {
		width: 50%;
		float:left;
	}

	.hero-fifty-block__copy-wrapper {
		float:right;
		max-width:612px;
	}

	.hero-fifty-block__image {
		background:var(--main-blue) url(../img/JoinUsHero.jpg) no-repeat;	
		background-size:cover;
		opacity: 1;
		/*background-size: auto 100%;*/
		background-blend-mode: multiply;
		width:50%;
		float:right;
	}

	.hero-fifty-block::after {
		background-size:300%;
	}
}


@media (min-width:1280px) {
	.hero,
	.hero-fifty-block__copy {
		padding:52px 24px;
	}
	.hero-content h1 {
		padding:8px 32px 16px 32px;

	}

	.hero-content p {
		padding:16px 32px 24px 32px;
		margin-top:-16px;
	}
}



.secondary-hero {
	width:100%;
	float:left;
	padding:24px 16px;
}

.secondary-hero--shadow {
	box-shadow: 0 4px 2px rgba(0,0,0,0.1), 0 -4px 2px rgba(0,0,0,0.1);
	z-index:2; /*required to show shadow*/
	position: relative; /*required to show shadow*/
}

.secondary-hero__content-wrapper {
	float:left;
	width:100%;
	margin-bottom:24px;

}

.secondary-hero__content-left {
	float:left;
	width:100%;
	margin-bottom:24px;
}

.secondary-hero__content-right {
	float:left;
	width:100%;
}

@media (min-width:768px) {
	.secondary-hero {
		padding:40px 24px;
		
	}

	.secondary-hero__content-wrapper {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		margin-bottom: 48px;
	}

	.secondary-hero__content-left {
		margin:0 4% 0 0;
		width:48%;
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		flex:1 0 0;
	}

	.secondary-hero__content-right {
		width:48%;
		margin:0;
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		flex:1 0 0;
	}

	.secondary-hero__content-wrapper .block {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

	}

	.secondary-hero__content-wrapper .block-content {
		flex:1 0 0;
	}
}
@media (min-width:1280px) {
	.secondary-hero {
		padding:52px 24px;
	}

	.secondary-hero__content-wrapper {
		margin-bottom: 56px;
	}
}

h1, h2, h3, h4, blockquote {
	font-weight: 500;
	transition:color 0.15s ease-in-out;
	word-break:break-word;
}

/* Why is this here 
p a, p a:visited,
li a, li a:visited  {
	font-weight: 600;
	text-decoration: none;
} */

a, a:visited {
	color:var(--main-green);
	transition:color 0.15s ease-in-out;
}

a:hover {
	color:var(--main-green-hover);
}

p {
	margin:0 0 16px 0;
	line-height: 1.4;
	word-break:break-word;
}

@media (min-width:1280px) { 
	p {
	font-size:17px;
	line-height: 1.6;
	}
}

p.text--large {
	font-size:19px!important;
}

p.text--small {
	font-size:12px;
}

@media (min-width:1280px) {
	p.text--large {
		font-size:24px!important;
	}
}

li, span {
	word-break:break-word;
}

h1, .h1 {
	font-size: 38px;
	margin:0 0 16px 0;
	line-height: 1.4;
	font-weight: normal;
	font-family: "Ciutadella Rounded", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width:768px) {
	h1, .h1 {
	font-size: 42px;
	line-height: 1.2;
	}
	
}

@media (min-width:1280px) {
	h1, .h1 {
	margin-bottom: 24px;
	font-size: 58px;
	}
	
}

h2, .h2 {
	font-size:24px;
	margin:0 0 16px 0;
	line-height: 1.4;
	font-weight: 600;
}
h1.h2 {
	font-weight: normal;
}
h2.large, .initiative-left h2, .h2.large {
	font-size:26px;
}
@media (min-width:768px) {
	h2, .h2 {
	font-size: 28px;
	}	

	h2.large,
	.h2.large,
	.initiative-left h2 {
		font-size:34px;
	}
}

@media (min-width:1280px) {
	h2, .h2 {
	font-size: 30px;
	margin-bottom: 24px;
	}

	h2.large,
	.h2.large,
	.initiative-left h2 {
		font-size:38px;
		line-height: 1.2;
	}
}

h3, .h3 {
	font-size:20px;
	margin:0 0 8px 0;
	line-height: 1.3;
	font-weight: 600;
}

@media (min-width:768px) {
	h3, .h3 {
	font-size: 20px;
	}	
}

@media (min-width:1280px) {
	h3, .h3 {
	font-size: 22px;
	
	}
}

h4, .h4 {
	font-size:17px;
	margin:0 0 8px 0;
	line-height: 1.3;
	font-weight: 600;
}

h5, .h5,
h6, .h6 {
	font-size:16px;
	margin:0 0 8px 0;
	line-height: 1.3;
	font-weight: 600;
}

@media (min-width:1280px) {
	h4, .h4 {
	font-size: 18px;
	}
}

.container {
	max-width:1280px; /*TBC*/
	width:100%;
	margin:0 auto;
}

.wrapper-100 {
	float:left;
	width:100%;
}

.block--shadow {
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}

.block--rounded {
	border-radius: 8px;
}

.block {
	width:100%;
	float:left;
	background-color:white;
}

.block a:hover p:not(.button):not(.posted-on) {
	color:var(--brand-blue-dark-tint);
}

.block--landscape h2 {
	margin-bottom: 0;
}

.block--landscape h3 {
	font-weight: 400;
}

.block--landscape .block-image img {
	width:100%;
	float:right;
}
.block img:not(#profile-company-activities img) {
	width:100%;
	float:left;
}

.block-content {
	padding:16px;
	float:left;
	width:100%;
}

.block--small-image .block-title {
	display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-align: center;
	align-items: center;
	width:100%;
	margin-bottom:16px;
}


.block--small-image .block-title h3 {
	margin:0;
}
.block--small-image .block-image {
	float:left;
	width:48px;
	margin:16px 0 16px 16px;
	height:48px;
	padding:4px;
	border:2px solid white;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.block--small-image .block-image img {
	width:100%;
	height: auto; /*temp*/
}

.block--small-image .block-content {
	width:calc(100% - 68px);
} 

.block-content p:last-child {
	margin-bottom: 0;
}

.block-meta {
	border-top:1px solid #ddd;
	float:left;
	width:calc(100% - 32px);
	margin: 0 16px;
	padding:16px 0;
}

.block-meta .date {
	font-weight: bold;
}

.block-meta .location {
	background: url(../img/icon-location.svg) no-repeat 0 0;
	background-size:20px;
	padding-left:24px;
	font-weight: bold;
}

.block-meta p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.block-meta--author, .block-meta--news-item {
	display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.block-meta--author a:hover, .block-meta--news-item:hover{
	color:var(--main-green);
}

.block-meta--author img, .block-meta--news-item img {
    flex-shrink:0;    
}

.block-meta--author p, .block-meta--news-item p {
	margin:0;
}

.block-meta_autor-details {
    width:calc(100% - 60px);
}
.block-meta span {
	font-size:15px;
	margin-right:8px;
}

.block-meta .posted-on {
	color:var(--dark-grey);
    white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

}

.block-meta .time-wrapper {
	float:right;
	margin:0;
}

.block-meta .time {
	font-weight:bold;
}


.block-secondary-content {
	float:left;
	width:100%;
	padding:0 16px 16px 16px;
	text-align: center;
}


.block-project  {
	padding:16px;
	margin: 0 0 24px 0;
}
.block-job {
	margin: 0 0 24px 0;
}

.block-job--cta {
	padding:16px;
	text-align: center;
}

.block-job--cta p:last-child {
	margin-bottom:0;
}

.block-event {
	margin: 0 0 24px 0;
}


.block-job .location {
	float:right;
}

.block-project a,
.block-job a {
	text-decoration: none;
	color:#292E40;
}

.block-project h4,
.block-job h3,
.block-project p,
.block-job p {
	margin:0;
}

.block-project p {
	font-size:15px;
	padding-top:4px;
}


.block-job img {
	width:100px;
	height:auto;
	max-height:100px;
	float:left;
	margin-right:16px;
}

.block-job h3 {
	float:left;
	width:calc(100% - 116px);
}

.block-post .block-meta--author .block-image,
.block-post .block-meta--news-item .block-image {
	width:48px;
	height:48px;
	max-width:48px;
	max-height:48px;
	margin-right:16px;
	flex-shrink: 0;
}

.block-post .block-meta--author img,
.block-post .block-meta--news-item img {
	width:100%;
	border-radius: 50%;
	float:left;
	border:2px solid white;
}


.block > a > img {
	width:100%;
	max-width: 100%;
	float:left;
}
.block-post a,
.block-post a:visited,
.block-event a,
.block-event a:visited,
.block-programme a,
.block-programme a:visited,
.block-showcase a,
.block-showcase a:visited {
	color:var(--brand-blue-dark-tint);
	text-decoration: none;
}

.block-post a:hover h3,
.block-project a:hover h4,
.block-job a:hover h3,
.block--landscape a:hover h2,
.block-event a:hover h3,
.block-programme a:hover h3,
.block-showcase a:hover h3 {
	color:var(--main-green);
}

@media (min-width:1280px) {
	.block-post .block-meta--author .block-image,
	.block-post .block-meta--news-item .block-image { 
		width:52px;
		height:52px;
		max-width:52px;
		max-height:52px;
	}

	.block-job--cta {
		padding:24px;
	}

	.block-meta span {
		font-size:16px;
	}
	
}
@media (min-width:660px) {
	.block--landscape .block-content {
		width:50%;
		float:left;
	}
	.block--landscape .block-image {
		width:50%;
		float:left;
	}
}

@media (min-width:768px) {

	.block--small-image .block-image {
		width:80px;
		height:80px;
	}
	
	.block--small-image .block-content {
		width:calc(100% - 96px);
	} 	

	.block-meta .time-wrapper {
		float:left;
		width:100%;
	}
}

@media (min-width:1024px) {
	.block--landscape .block-content {
		width:66%;
		padding:24px;
	}
	.block--landscape .block-image {
		width:34%;
	}

	.block--small-image  {
		padding:8px;
	}	

	.block--small-image .block-image {
		width:100px;
		height:100px;
		margin-bottom: 24px;
	}
	
	.block--small-image .block-content {
		width:calc(100% - 124px);
		padding-left:24px;
	} 	
}

@media (min-width:1280px) {
	.block-content {
		padding:24px;
	}

	.block--landscape .block-content {
		padding:32px;
	}

	.block-secondary-content {
		padding:0 24px 24px 24px;
	}

	.block-project {
		padding:16px 24px;
	}

	.block-meta {
		margin:0 24px;
		width:calc(100% - 48px);
	}

	.block-meta .time-wrapper {
		float:right;
		width:auto;
	}
}

main {
	background: url(../img/WSPatternBG.svg) repeat center;
	background-size:800%;
	float:left;
	width:100%;
}

@media (min-width:768px) {
	main {
		background-size:400%;
	}
}

footer {
	float:left;
	width:100%;
}

#hero-footer {
	float:left;
	padding:24px 16px;
	width:100%;
	color:white;
	background: var(--main-blue);
	position: relative;
}



#hero-footer .container {
	z-index:1; /*required to make content sit above bg image */
	position: relative;
}

#hero-footer::after {
	content:"";
	background: var(--main-blue) url(../img/WSPattern.svg) repeat;
	background-size:800%;
	background-blend-mode: overlay;
	position: absolute;
	z-index: 0;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity: 0.15;
}


.hero-footer__left {
	float:left;
	width:100%;
	margin-bottom:24px;
}

.hero-footer__right {
	float:left;
	width:100%;
}

#hero-footer .h1 {
	background-color:var(--main-green);
	border-radius: 8px;
	padding:8px 16px;
	display:inline-block;
}



blockquote {
	font-size:19px;
	padding:24px 54px 16px 68px;
	line-height:1.4;
	margin:0 0 8px 0;
	position: relative;
}

 blockquote::before{
	content:url(../img/HeroQuoteLeft.png);
	position: absolute;
	left:0;
	top:0;
}
blockquote::after{
	content:url(../img/HeroQuoteRight.png);
	position: absolute;
	right:0;
	bottom:0;
}

.blockquote__author {
	display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding-left:68px;
	-ms-flex-align: center;
	align-items: center;
}

.blockquote__author p {
	margin-bottom:0;
	font-weight: 600;
}


.blockquote__author img, 
img.avatar,
img.logo {
	width:48px;
	height:48px;
	margin-right:16px!important;
	border-radius: 50%;
	float:left;
	border:2px solid white;
	box-shadow: 0 1px 2px 2px rgba(0,0,0,0.1);
}

img.logo {
	border-radius:unset;
}

@media (min-width:768px) {
	.blockquote__author p {
		font-size:17px;
	}

	blockquote {
		font-size:22px;
	}
}

@media (min-width:1280px) {
	.blockquote__author img, 
	img.avatar {
		width:52px;
		height:52px;
	}
}

@media (min-width:768px) {
	#hero-footer {
		padding:40px 24px;
	}
	

	#hero-footer > .container {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-align: center;
		align-items: center
	}

	.hero-footer__left {
		margin-right:4%;
		width:48%;
		margin-bottom: 0;
	}

	.hero-footer__right {
		width:48%;
	}
}

@media (min-width:1280px) {
	#hero-footer {
		padding:52px 24px;
	}

	#hero-footer::after {
		background-size:300%;
	}

	#hero-footer .h1 {
		padding:8px 24px;
	}

}

#social-footer {
	float:left;
	padding:24px 16px;
	width:100%;
	color:white;
	position: relative;
	background: var(--brand-blue);
}

#social-footer  .container {
	z-index:1; /*required to make content sit above bg image */
	position: relative;
}

#social-footer::after {
	content:"";
	background: url(../img/WSPattern.svg) repeat;
	background-size:400%;
	position: absolute;
	z-index: 0;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity: 0.1;
}

#social-footer a,
#social-footer a:visited
 {
	color:white;
}

.social-address {
	float:left;
	width:100%;
	margin-bottom:24px;
}

.social-address img {
	width:168px;
}
.social-address address {
	margin-bottom:16px;
}

.social-contact {
	float:left;
	width:100%;
	margin-bottom:24px;
}

.social-newsletter {
	float:left;
	width:100%;
}

.social-newsletter p:last-of-type{
	margin-bottom: 0;
}

@media (min-width:768px) {
	#social-footer {
		padding:32px 24px;
	}
	.social-newsletter,
	.social-contact,
	.social-address {
		width:32%;
	}

	.social-contact,
	.social-address {
		margin-right: 2%;
	}

	#social-footer::after {
		background-size:150%;
	}
}

@media (min-width:1280px) {
	#social-footer {
		padding:40px 24px;
	}
	.social-newsletter,
	.social-contact,
	.social-address {
		width:31.33%;
	}

	.social-contact,
	.social-address {
		margin-right: 3%;
	}
}

#minor-footer {
	float:left;
	padding:16px;
	width:100%;
	color:white;
	background: var(--brand-blue-dark-tint);
	background-size:200%;
	background-blend-mode: multiply;
	text-align: center;
}

#minor-footer a, 
#minor-footer a:visited {
	color:#fff;
	text-decoration: none;
}

#minor-footer ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

#minor-footer p {
	margin:0;
	font-size:14px;
}

#minor-footer li {
	display:inline-block;
	padding:0;
	margin:0 12px;
	list-style: none;
	font-size:14px;
}

@media (min-width:768px) {
	#minor-footer {
		padding:16px 24px;
	}
	#minor-footer > .container {
		text-align: left;
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;     
		-ms-flex-pack: justify;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		justify-content:space-between;
	}

	#minor-footer ul {
		width: auto;
	}
}

address {
	font-style: normal;
}

.social-links {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

	.social-links.open {
		margin:10px 0 30px 0;
	}

.social-links li {
	float:left;
	margin:0 8px 0 0;
	list-style: none;
}

.social-links li a {
	border-radius: 50%;
	background-color:var(--main-green);
	width:48px;
	height:48px;
	display:block;
	transition: background-color 0.15s ease-in-out;
	text-indent: -100px;
	overflow: hidden;
}

.social-links li a:hover {
	background-color:var(--main-green-hover);
}


.social-email a {
	background:url(../img/icon-email.svg) no-repeat center;
	background-size:34px;
}

.social-twitter a{
	background:url(../img/icon-twitter.svg) no-repeat center;
	background-size:34px;
}

.social-youtube a{
	background:url(../img/icon-youtube.svg) no-repeat center;
	background-size:30px;
}

.social-linkedin a{
	background:url(../img/icon-linkedin.svg) no-repeat center;
	background-size:54px;
}

.social-facebook a{
	background:url(../img/icon-fb.svg) no-repeat center;
	background-size:34px;
}

.social-instagram a{
	background:url(../img/icon-instagram.svg) no-repeat center -11px;
	background-size:54px;
}

.page-search {
	float:left;
	width:100%;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	padding:16px;
	position: relative;
}

.page-search input {
	width:100%;
	float:left;
}

.page-search input:not([type=submit]) {
	margin-bottom:16px;
}

input[type=submit]:focus {
	border: none;
    outline:none;
}
.page-search .custom-select {
	width:100%;
	float:left;
	margin-bottom:16px;
}


@media (min-width:768px) {
	.page-search {
		padding:24px 24px 8px 24px;
	}

	.page-search form {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap:wrap;
		flex-wrap: wrap;

	}

	.page-search input {
		width:auto;
	}

	.page-search input[type=date] {
		min-width:160px;
		flex-shrink: 0;
	}

	.page-search input,
	.page-search .custom-select {
		margin:0 16px 16px 0;
	}

	.page-search .custom-select {
		width:auto;
		min-width: 230px;
	}
}

@media (min-width:1280px) {
	.page-search input[type=date] {
		width:180px;
	}
	
	.page-search .custom-select {
		min-width: 320px;
	}



}
#list-count-wrapper {
	padding:16px 16px 0 16px;
	float:left;
	width:100%;
}

#box-list-wrapper {
	padding:24px 16px;
}

#list-count-wrapper > .container,
#box-list-wrapper > .container {
	display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-pack: justify;
		justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	
}

.list-count {
	font-weight: 600;
	margin:0;
}

.page-size {
	flex-shrink: 0;
	display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-align: center;
		align-items: center;
	font-weight: 600;
	
}


.page-size span {
	flex-shrink: 0;
}

.page-size form {
	margin:0 8px;
	width:auto;
}

.results-list-wrapper {
	padding:16px;
	float:left;
	width:100%;	
}
.results-list-wrapper.results-list-wrapper--wired {
	padding-bottom:0;
}

.results-list {
	padding:0;
	float:left;
	width:100%;
	margin:0;
}

.results-list li {
	float:left;
	width:100%;
	list-style: none;
	margin-bottom: 16px;
}

.results-list li:last-child {
	margin-bottom:0;
}

.results-list a,
.results-list a:visited {
	text-decoration: none;
	color:var(--brand-blue-dark-tint);
}

.results-list:not(.results-list--initiatives) a:hover h3 {
	color:var(--main-green);
}

@media (min-width:768px) {
	#list-count-wrapper {
		padding:24px 24px 0 24px;
	}

	#box-list-wrapper {
		padding:32px 24px;
	}
	
	.results-list-wrapper {
		padding:24px;
	}

	.results-list li {
		margin-bottom:24px;
	}

	.results-list--events li .block > a {
		flex: 1 0;
		height: 100%;
		-ms-flex-direction:column;
		flex-direction: column;
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;           
	}
}

@media (min-width:1280px) { 
	.results-list-wrapper {
		padding:24px 24px 32px 24px;
	}
	.results-list li {
		margin-bottom:32px;
	}

	#box-list-wrapper {
		padding:52px 32px;
	}

	
}
dl {
	width: 100%;
	float:left;
}
dt {
	float:left;
	margin:0 8px 8px 0;
	font-weight: normal;
	width:auto;
	clear:left;
}

dd {
	float:left;
	margin:0 0 8px 0;
	width:auto;
	font-weight: bold;
}

dd .form-field-wrapper--checkbox {
	margin:8px 0;
}
dd .form-field-wrapper--checkbox label {
	width:auto;
	margin:0;
}

ul.no-style {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

ul.no-style li {
	list-style: none;
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

#pagination {
	float:left;
	width:100%;
	text-align: center;
	padding:8px 16px 16px 16px;
}

#pagination ol {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	text-align: center;
}

#pagination li {
	display:inline-block;
	list-style: none;
	padding:0;
	margin:0;
}

#pagination li a {
	padding:8px;
	border-radius:50%;
	height:24px;
	display:block;
	width:24px;
	line-height: 24px;
	background-color:white;
	border:1px solid var(--light-grey);
	margin:0 4px 8px 4px;
	text-decoration: none;
	color: var(--brand-blue-dark-tint);
	font-weight: 600;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

#pagination li.current a,
#pagination li a:hover {
	color:white;
	background-color:var(--main-green); 
}

#main-nav-menu li.current a
{
	color:var(--main-green);
}

#main-nav-menu li a:hover {
	color:var(--main-green-hover);
}

@media (min-width:768px) { 
	#pagination {
		padding:8px 24px 24px 24px;
	}
}

@media (min-width:1024px) { 
	
	#pagination {
		padding:16px 32px 32px 32px;
	}
}

@media (min-width:1280px) { 
	#pagination {
		padding:24px 32px 40px 32px;
	}

	#pagination li a {
		width:32px;
		line-height: 32px;
		height:32px;
	}
}

.block-masonry-list {
	margin:-3px 0 0 0;
	float:left;
	width:100%;
	padding: 0;
}



.block-masonry-list li {
	list-style: none;
	margin:0;
	display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	float:none;
	width:100%;
	padding: 3px 0 0 0;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
}

.block-masonry-list .block {
	margin-bottom: 20px;
}

/* columns fix for IE10, IE11 and MS Edge */

_:-ms-lang(x), .block-masonry-list li {

display:inline-block;
} 

@media (min-width:768px) { 
	.block-masonry-list  {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 24px; /* Chrome, Safari, Opera */
		-moz-column-gap: 24px; /* Firefox */
		column-gap: 24px;
	}
}


@media (min-width:1024px) { 
	.block-masonry-list  {
		-webkit-column-gap: 32px; /* Chrome, Safari, Opera */
		-moz-column-gap: 32px; /* Firefox */
		column-gap: 32px;
	}

	.block-masonry-list .block {
		margin-bottom: 28px;
	}

}

.ad-wrapper {
	padding:16px;
	float:left;
	width:100%;
}

.ad-list {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

.ad-list li {
	margin:0;
	padding:0;
	float:left;
	width:100%;
	list-style: none;
	display:none;
}

.ad-list li:first-child {
	display:block;
}

.ad-list .block {
	padding:24px;
	text-align:center;
}

.ad-list .block img {
	width:auto;
	max-height: 100px;
	float:none;
	max-width:100%;
}

@media (min-width:768px) { 
	.ad-wrapper {
		padding:24px;
	}

	.ad-list {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	.ad-list li {
		display: block;
		width:15.75%;
		margin-right:2%;
	}

	.ad-list li:last-child {
		margin-right:0;
	}

	.ad-list a {
		height:100%;
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

	}

	.ad-list .block {
		height:100%;
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-align: center;
		align-items:center;
		-ms-flex-pack: justify;
		justify-content: center;
	}
}

@media (min-width:1024px) { 
	.ad-wrapper {
		padding:32px;
	}

	.ad-list .block img {
		max-height: 140px;
	}
}


 .wysiwyg-content hr {
	border:0;
	height:1px;
	background-color:var(--med-grey);
	margin: 0 0 16px 0;
	float:left;
	width:100%;
}

.wysiwyg-content img.alignnone,
.wysiwyg-content img.aligncenter,
.wysiwyg-content img {
	max-width: 100%;
	height:auto;
} 

.wysiwyg-content img:not(.alignright):not(.alignleft) {
	margin:0 0 16px 0;
}

.wysiwyg-content img.alignright {
	max-width:50%;
	float:right;
	height:auto;
	margin:8px 0 8px 16px;
}

.wysiwyg-content img.alignleft {
	max-width:50%;
	float:left;
	height:auto;
	margin:8px 16px 8px 0;
}


.wysiwyg-content figure {
	float:left;
	width:100%;
	margin:16px 0;
}

.wysiwyg-content figure {
	text-align:center;
}

.wysiwyg-content figcaption {
	float:left;
	width:100%;
}

.wysiwyg-content ul,
.wysiwyg-content ol {
	margin:0 0 16px 0;
	padding:0 0 0 24px;
	float:left;
	width:100%;
}

.wysiwyg-content iframe {
	width:100%!important;
	margin:0 0 16px 0;
	border:none;
}

@media (min-width:768px) {
	.wysiwyg-content p,
	.wysiwyg-content li {
		font-size:18px;
		line-height:1.6;
	}

}

@media (min-width:1024px) {
	.wysiwyg-content hr {
		margin:8px 0 24px 0;
	}

	.wysiwyg-content 
	.wysiwyg-content h6 {
		font-size: 18px;
		line-height: 1.6;
	}
}

.no-margin-bottom {
	margin-bottom:0;
}


.image-filter {
	width:100%;
	min-height: 300px;
	background-position: center;
	background-repeat: no-repeat;
	float:left;
}

.red-filter {
	background-color:var(--main-red);
}

.green-filter {
	background-color:var(--main-green);
}

.blue-filter {
	background-color:var(--main-blue);
}

.purple-filter {
	background-color:var(--main-purple);
}


.orange-filter {
	background-color:var(--main-orange);
}

.yellow-filter {
	background-color:var(--main-yellow);
}

.styled-list {
	list-style: none;
	margin:0 0 16px 0;
	padding:0;
	float:left;

	width:100%;
}


.styled-list li {
	list-style: none;
	margin:0 0 16px 0;
	padding:0 0 0 40px;
	position: relative;
}

.styled-list li:before {
	content: "";
	width:16px;
	position: absolute;
	left:0;
	background-color:white;
	height:16px;
	border-radius: 16px;
	border: 4px solid var(--main-orange);
}

@media(min-width:768px) {
	
	.styled-list li {
		margin:0 0 24px 0;
	}


}

.error-list-wrapper {
	color:var(--main-red);
	float:left;
	width:100%;
}

.success-list-wrapper {
	color:var(--main-green);
	float:left;
	width:100%;
}


.success-list-wrapper ul {
	background: #ffe8ec;
	border:1px solid var(--main-green);
	padding:16px;
	margin:0 0 24px 0;
}


.error-list-wrapper ul {
	background: #ffe8ec;
	border:1px solid var(--main-red);
	padding:16px;
	margin:0 0 24px 0;
}

.error-list-wrapper li,
.success-list-wrapper li  {
	padding:0;
	margin:0 0 0 16px;
}

.error-list-wrapper p,
.success-list-wrapper p  {
	margin:0;
}

.success-list-wrapper {
	color:var(--main-green);
	float:left;
	width:100%;
}

.success-list-wrapper ul {
	background: #e8fbf9;
	border:1px solid var(--main-green);
	padding:16px;
	margin:0 0 16px 0;
}

a.edit-icon, a.clone-icon, a.delete-icon {
    border-radius: 50%;
    background-color:var(--main-orange);
    color:#fff;
    width: 32px;
	display:block;
	text-decoration: none;
    height:32px;
	float:right;
	font-weight: 400;
    position: relative;
    transition:background-colour 0.15s ease-in-out;
}
a.delete-icon {
    background-color:var(--main-red);
}

.edit-icon:before {
    content:"\f2db";
    font-family: Ionicons;
    color:white;
    position: absolute;
    font-weight: normal;
    font-size:18px;
    left:10px;
    top:3px;
}
.clone-icon:before {
    content:"\f41c";
    font-family: Ionicons;
    color:white;
    position: absolute;
    font-weight: normal;
    font-size:18px;
    left:10px;
    top:3px;
}
.delete-icon:before {
    content:"\f398";
    font-family: Ionicons;
    color:white;
    position: absolute;
    font-weight: normal;
    font-size:18px;
    left:10px;
    top:3px;
}

td .edit-icon:before, 
td .clone-icon:before {
	left:9px;
    top:2px;
}

td .delete-icon:before {
	left:10px;
    top:2px;
}

.edit-icon:after {
	content:"edit";
	position: absolute;
	top:-28px;
	width:40px;
	text-align: center;
	border-radius: 16px;
	background-color:var(--brand-blue-dark-tint);
	font-size:13px;
	padding:4px;
	left:-8px;
	opacity: 0;
	transition:opacity 0.15s ease-in-out;
}
.clone-icon:after {
	content:"duplicate";
	position: absolute;
	top:-28px;
	width:60px;
	text-align: center;
	border-radius: 16px;
	background-color:var(--brand-blue-dark-tint);
	font-size:13px;
	padding:4px;
	left:-20px;
	opacity: 0;
	transition:opacity 0.15s ease-in-out;
}
.delete-icon:after {
	content:"delete";
	position: absolute;
	top:-28px;
	width:60px;
	text-align: center;
	border-radius: 16px;
	background-color:var(--brand-blue-dark-tint);
	font-size:13px;
	padding:4px;
	left:-20px;
	opacity: 0;
	transition:opacity 0.15s ease-in-out;
}

a.edit-icon:hover, a.clone-icon:hover {
    background-color:var(--main-orange-hover);
}
a.delete-icon:hover {
    background-color:var(--main-red-hover);
}

a.edit-icon:hover:after, a.clone-icon:hover:after, a.delete-icon:hover:after {
    opacity: 1;
}

a.view-icon {
    border-radius: 50%;
    background-color:var(--main-green);
    color:#fff;
    width: 32px;
    display:block;
    height:32px;
	float:right;
	text-decoration: none;
	font-weight: 400;
    position: relative;
    transition:background-colour 0.15s ease-in-out;
}

.view-icon:before {
    content:"\f2e9";
    font-family: Ionicons;
    color:white;
    position: absolute;
    font-weight: normal;
    font-size:18px;
    left:8px;
    top:2px;
}

.view-icon:after {
	content:"view";
	position: absolute;
	top:-28px;
	width:40px;
	text-align: center;
	border-radius: 16px;
	background-color:var(--brand-blue-dark-tint);
	font-size:13px;
	padding:4px;
	left:-8px;
	opacity: 0;
	transition:opacity 0.15s ease-in-out;
}

a.view-icon:hover {
    background-color:var(--main-green-hover);
}

a.view-icon:hover:after {
    opacity: 1;
}

input[type=submit].button--delete {
	background-color:var(--main-red);
	position: relative;
}

input[type=submit].button--delete:hover {
	background-color:var(--main-red-hover);
}

.striped-list {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}


.striped-list li {
	list-style: none;
	padding:8px 16px;
	margin:0;
	float:left;
	width:100%;
	box-sizing: border-box;
}

.striped-list li dl {
	float:left;
	width:100%;
}

.striped-list li:nth-child(odd) {
	background-color: var(--lightest-grey);
}

input[type=file] {
	min-width: 170px;
}

table {
	width:100%;
	float:left;
	margin-bottom:24px;
}

table {
	box-shadow: 0 0px 3px rgba(0,0,0,0.1);
	border-collapse: collapse;
}

table tr td,
table tr th {
	padding:8px;
}

table tr th {
	text-align: left;
}

table tr {
	background-color:white;
}

table tr:nth-child(odd) {
	background-color:var(--lightest-grey);
	padding:8px;
}



@media (min-width:768px) {
	table tr td,
	table tr th {
		padding:8px 16px;
	}

	td.td-action {
		min-width:110px;
	}

	
}

@media (min-width:1024px) {
	td.td-action {
		min-width:210px;
	}

	td.td-last-edited {
		min-width: 80px;
	}
}

@media (min-width:1284px) {
	td.td-action {
		min-width:210px;
	}

	td.td-last-edited {
		min-width: 100px;
	}
}

@media(max-width:768px) {
    .collapse-mobile-nav:not(#user-general-nav) {
        padding:0!important;
    }
    .collapse-mobile-nav ul {
        display:none;
		padding: 0;
		margin:0;
    }
    .collapse-mobile-nav ul.unhide {
        display:block;
    }
    .collapse-mobile-nav h3 {
        width:100%;
        font-size:16px;
        padding:8px 0;
        margin:0;
        cursor: pointer;
        background: url(../img/arrow-down--green.svg) no-repeat right;
        background-size: 24px;
    }
}

@media(min-width:768px) {
	.dashboard-wrapper {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	.collapse-mobile-nav ul {
		padding: 8px 0 0 0;
		margin:0;
	}
}


.iframe-container {
	position: relative;
    overflow: hidden;
	padding-top: 56.25%;
	float:left;
	width:100%;
	margin:0 0 24px 0;
}

.iframe-container iframe {
	position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border: 0;
  }

  .newsletter-option {
	  float:left;
	  width:100%; 
	  margin:8px 0 16px 0;
	  position: relative;
  }

.newsletter-option input[type=checkbox]{
	height: 0;
	width: 0;
	position: absolute;
	visibility: hidden;
}

.newsletter-option label {
	display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	font-size:15px;
}

.newsletter-option label:before {
	cursor: pointer;
	content:"off";
	width: 34px;
	height: 28px;
	background: var(--med-grey);
	display: block;
	margin: 0 16px 8px 0;
	border-radius: 100px;
	padding:4px 0 0 34px;
	float:left;
	flex-shrink: 0;
	font-weight: 400;
	color:white;
}

.newsletter-option label:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

.newsletter-option input:checked + label:before {
	background:var(--main-green);
	content:"on";
	padding:4px 22px 0 12px;
}

.newsletter-option input:checked + label:after {
	left:60px;
	transform: translateX(-100%);
}


.testimonials-list {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.testimonials-list li {
	margin:0 0 24px 0;
	padding:0;
	list-style: none;
}


@media (min-width:768px) {
	.testimonials-list li {
		margin:0 0 40px 0;
	}
}


@media (min-width:1280px) {
	.testimonials-list li {
		margin:0 0 52px 0;
	}
}


.save-button,
.share-button {
	position: relative;
	padding: 0 0 0 22px;
}

.save-button:before {
	content:"\f4b2";
	font-family: Ionicons;	
	font-size: 18px;
	position: absolute;
	left:0;
}

.save-button.unsave:before {
	content:"\f384";
	color:var(--main-green);
}

.share-button:before {
	content:"\f20f";
	font-family: Ionicons;	
	font-size: 18px;
	position: absolute;
	left:0;
}

.back-button
.save-button,
.share-button,
.back-button:before,
.save-button:before,
.share-button:before {
	line-height: 22px;
} 


@media (min-width:768px) {
	.share-options {
		min-width: 280px;
		font-size:16px;
	}

}
@media (min-width:1280px) { 

	.back-button:before {
		font-size:24px;
	}

	.save-button:before {
		font-size:24px;
	}

	.share-button:before {
		font-size:24px;
	}

	.save-button,
	.share-button {
		padding-left:28px;
	}

	.back-button
	.save-button,
	.share-button,
	.back-button:before,
	.save-button:before,
	.share-button:before {
		line-height: 25px;
	}
}

.profile-image-area {
    float:left;
    padding:4px;
    border: 2px dashed var(--light-grey);
    margin:0 16px 0 0;
}

#upload-profile-upload-button {
    padding:7px;
	border: 2px dashed var(--light-grey);
	margin:0 16px 0 0;
}

@media (min-width:1024px) {
	#upload-profile-upload-button {
		padding:11px;
	}
}

.company-listing-edit form {
	max-width:800px;
}

.company-listing-edit .form-submit-wrapper {
	padding-top:16px;
}

#ads-list {
	float:left;
	width:100%;
}

#ads-list ul {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

#ads-list li {
	float:left;
	width:100%;
	list-style: none;
	margin:0 0 16px 0;
	padding:0;
}

@media (min-width:768px) {
	#ads-list li {
		margin:0 0 24px 0;
	}
}


@media (min-width:1280px) {
	#ads-list li {
		margin:0 0 32px 0;
	}
}

.button--contact {
	padding-left:48px;
	position: relative;
}
.button--contact::before {
	position: absolute;
	content: "\f1b8";
	font-family: Ionicons;
	color:white;
	font-size:28px;
	left:16px;
}

@media (min-width:1024px) {
	.button--contact {
		padding-left:60px;
	}

	.button--contact::before {
		font-size:32px;
		left:24px;
	}
}

#cookie-consent {
	position:fixed;
	bottom:0;
	width:100%;
	background:rgba(46,53,72,0.8);
	color:white;
	z-index:999;
	text-align:center;
	padding:8px;
}

#cookie-consent p {
	font-size:13px;
	margin:0;
}

#cookie-consent .button {
	margin-left:8px;
}



.membership-upgrade {
    text-align: center;
    background-color:var(--brand-blue-dark-tint);
    position: relative;
    color:#fff;
} 

.membership-upgrade .block-content {
    position: relative;
    z-index: 2;
}

.membership-upgrade::after {
	content:"";
	background: var(--main-blue) url(../img/WSPattern.svg) repeat;
	background-size:400%;
	background-blend-mode: overlay;
	position: absolute;
	z-index: 0;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity: 0.15;
}

.membership-upgrade ul {
    margin-bottom:0;
}

.membership-upgrade li p {
    text-align: left;
}


.signoff {
	font-weight: bold;
	font-style: italic;
}




@media (min-width:768px) {
	.results-list--showcases {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-wrap:wrap;
		flex-wrap: wrap;
	}

	.results-list--showcases li {
		width:calc(50% - 12px);
		margin-right:24px;
		margin-bottom:0;
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	.results-list--showcases li .block {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-direction:column;
		flex-direction: column;
		margin-bottom:24px;
	}

	
	.results-list--showcases li .block-content {
		flex:1 0 0;
	}
	
	.results-list--showcases li:nth-child(2n) {
		margin-right:0;
	}

}

@media (min-width:1024px) {

	.results-list--showcases li {
		width:calc(33.3% - 16px);
		margin-right:24px;
	}

	.results-list--showcases li:nth-child(2n) {
		margin-right:24px;
	}

	.results-list--showcases li:nth-child(3n) {
		margin-right: 0!important;
	}	

	.results-list--showcases li .block { 
		margin-bottom:32px;
	}

	.results-list--showcases li:last-child .block {
		margin-bottom:0;
	}
}

.team-list {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

.team-list li {
	margin:0 0 24px 0;
	list-style: none;
	padding:0;
	float:left;
	width:100%;
}

.block-team .block-featured-image {
	float:left;
	width:100%;
}


.block-team .block-featured-image img {
	width:100%;
}

@media (min-width:600px) {
	.block-team--landscape .block-featured-image  {
		width:33%;
	}

	.block-team--landscape .block-content {
		width:67%;
	}
	
}

@media (min-width:1024px) {
	.block-team--landscape .block-featured-image  {
		width:20%;
	}

	.block-team--landscape .block-content {
		width:80%;
	}

	.block-team {
		margin-bottom:32px;
	}
	
}

.heading-with-action {
	display: -ms-flexbox;           /* TWEENER - IE 10 */
	display: -webkit-flex;          /* NEW - Chrome */
	display: flex;     
	margin:0 0 16px 0;
}

.heading-with-action h2 {
	margin:0 16px 0 0;
}

@media (min-width:1280px) {
	.heading-with-action h2 {
		margin:0 24px 0 0;
		line-height: 52px;
	}
}