/* @override 
	http://staging-bsavacom.kinsta.cloud/wp-content/themes/bsava/style-00-core.css?*
	http://bsava-staging-sf.zentsocloud.com/wp-content/themes/bsava/style-00-core.css?*
	https://bsava-staging-sf.zentsocloud.com/wp-content/themes/bsava/style-00-core.css
	https://bsava-staging-sf.zentsocloud.com/wp-content/themes/bsava/style-00-core.css?* */

/* ==============
   MAIN STRUCTURE
   ============== */
.tab-section {
	display: flex;
	justify-content: start;
	border-bottom: 1px solid #ddd; /* Grey line under all tabs */
}

.tab {
	border: none; /* Remove the border for each tab */
}

.tab a {
	display: block;
	padding: 10px 20px;
	border-radius: 0; /* Remove the border radius to make tabs square */
	color: #333!important;
	text-decoration: none;
	/*border-bottom: 1px solid #ddd; !* Add bottom border to all tabs *!*/
	/*border-right: 1px solid #ddd;  Add right border to all tabs except the last one */
}

.selected-tab {
	border-top: 1px solid #ddd; /* Add bottom border to all tabs */
	border-left: 1px solid #ddd; /* Add bottom border to all tabs */
	border-right: 1px solid #ddd;
	border-bottom: none!important;
}

.tab a:hover {
	background-color: #ddd;
}


.section-title.search-page h1{
	border-bottom: none;
}



html {
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
}

body,
input,
textarea,
button {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #001f36;
}

body {
	line-height: 1.5em;
	font-variant-numeric: lining-nums;
	width: 100% !important;
	background: #fff;
    padding-top: 58px;
}

/*@media all and (max-width:500px) {
	body {
		font-size: .9em; }
}
	*/

#wrapper,
header#header,
#container,
.section-wrapper,
.section,
footer#footer {
	margin: 0 auto;
	float: left;
	width: 100%;
	box-sizing: border-box;
	display: block;
}

.section {
	margin-bottom: 1.5rem;
	position: relative;
}

#wrapper {
	position: relative;
	min-width: 320px;
	text-align: left;
}

#container {
	float: none;
	max-width: 1400px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
	overflow: hidden;
}

#pre-header .inner,
header#header .section,
footer#footer .section .inner {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

footer#footer {
	position: relative;
}


/* Inner */
.inner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
}

.ie-lt-9 .inner {
	width: 1100px;
}

.section__pad-0 .inner {
	padding: 0;
}

.section__pad-0-x .inner,
header#header .inner {
	padding-top: 0;
	padding-bottom: 0;
}

.section__width-max .inner {
	max-width: 100%;
}

.section__pad-0-x-x-x .inner {
	padding-top: 0;
}

.section__pad-x-x-0-x .inner {
	padding-bottom: 0;
}

.section__narrow .inner {
	max-width: 900px;
}

/* Clear Fix */
.inner:before,
.inner:after,
.columns:before,
.columns:after {
	content: "";
	display: table;
}

.inner:after,
.columns:after {
	clear: both;
}

.inner,
.columns {
	*zoom: 1;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

/*.section_titles {
	height: 100%;
	padding-top: 14em;
	padding-bottom: 10em; }*/

/*@media all and (max-width:600px) {			

	.inner {
		padding: 4em 30px; }
}*/

@media all and (max-width: 480px) {
	.inner,
	#container {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media all and (min-width: 1001px) {
	.small-screen-asset {
		display: none;
	}
}

/* =======
   COLUMNS
   ======= */

.columns {
	float: left;
	box-sizing: border-box;
	width: 100%;
	width: calc(100% + 20px);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
}

.col {
	float: left;
	display: block;
	width: 100%;
	min-height: 1em;
	box-sizing: border-box;
	margin-bottom: 1.25rem;
}

.col .container {
	box-sizing: border-box;
	height: 100%;
	margin-left: 45px;
}

/*.col .container-flex {
	display: flex; }
	
.col .container .inside {
	padding: 30px; }	
	*/

.columns__2 .col {
	width: 50%;
}

.columns__3 .col {
	width: 33.333%;
}

.columns__4 .col {
	width: 25%;
}



.columns__2 .col.footer-col-1{
	width:75%;
    padding: 0px 10px;
}
	

.columns__2 .col.footer-col-2{
	width:25%;
    text-align: right;
    padding: 0px 15px;
}

#safe-space-iframe{
    height: calc(100% - 60px)!important;
    width: calc(100% - 60px)!important;
    position: fixed;
    left: 0;
    padding: 30px;
	z-index: 100;
}



/*	
@media all and (min-width: 900px) {

	.columns-reverse	 {
		flex-direction: row-reverse; }

}


@media all and (max-width: 700px) {
	
	.col {
		width: 100%;
		margin-bottom: 2em;	}
}	
		*/

/* ==========
   ANIMATIONS 
   ========== */
/* @keyframes nav_arrow_hover_top_level {
	0% {
		transform: rotate(90deg) translate(0);
	}
	33% {
		transform: rotate(90deg) translate(0);
	}
} */

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

header#header {
	z-index: 8000;
	position: relative;
	float: none !important;
	/* padding-bottom: 1.25rem; */
	clear: both;
}

.home header#header {
	border-bottom-color: transparent;
}

header#header .section {
	margin-bottom: 1rem;
}

@media all and (max-width: 1000px) {
	header#header {
		clear: both;
		float: left;
		/* margin-bottom: 1.5em; */
	}

	header#header .section {
		margin-bottom: 0;
	}
}

/* ==========
   PRE-HEADER 
   ========== */
#pre-header {
	position: fixed;
    top: 0;
	z-index: 9000;
	margin-bottom: 1rem;
	background: #000;
}

#pre-header .inner {
	padding-top: 0;
	padding-bottom: 0;
}

#pre-header > .inner {
	display: block;
	align-items: center;
}

/*.user-controls__profile_menu {
	position: absolute !important;
	left: -.7em;
	top: 100%;
	width: 10em;
	display: none !important; }
	
.user-controls__profile:hover .user-controls__profile_menu {
	display: block !important; }*/

/* Basket */
/* .wordpress-header #user-controls .user-controls .sf_basket-clone {
	color: #fff;
	font-weight: 800;
	background: #0073b8;
	/* padding-right: 54px; */
/* }  */

/*cursor: pointer;
padding: 1.25em 2em;
display: inline-table;
font-weight: 600;
height: 1.25rem;
line-height: 1.2em;
color: #fff;*/

/*#user-controls .user-controls__basket {
	position: relative; }
	
#user-controls .user-controls__basket a {
	padding-right: 6rem;
	color: #0073b8; }
	
.basket-label {
	display: inline-block;
	transform: translate(0, -.5em); }

#user-controls .user-controls__basket:after {
	position: absolute;
	height: 2em;
	width: 2em;
	top: 50%;
	right: 1em;
	margin-top: -1em;
	margin-left: -1em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%230073b8' d='M10 19.5c0 .829-.672 1.5-1.5 1.5s-1.5-.671-1.5-1.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5zm3.5-1.5c-.828 0-1.5.671-1.5 1.5s.672 1.5 1.5 1.5 1.5-.671 1.5-1.5c0-.828-.672-1.5-1.5-1.5zm1.336-5l1.977-7h-16.813l2.938 7h11.898zm4.969-10l-3.432 12h-12.597l.839 2h13.239l3.474-12h1.929l.743-2h-4.195z'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	content: ''; }	*/

@media all and (max-width: 1000px) {
	#pre-header {
		/* margin-bottom: 1.5em; */
		margin-bottom: 0;
	}

	#pre-header > .inner {
		display: block;
	}
}

@media all and (max-width: 767px) {
	#pre-header > .inner {
		display: block;
		/* display: flex; */
		/* flex-direction: column; */
	}
}

/* ========
   USER CONTROLS 
   ======== */
.wordpress-header a {
	text-decoration: none;
}

#pre-header #user-controls {
	font-size: 0.9rem;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
    margin: 9px 0px;
    border-radius: 3px;
    overflow: hidden;
}

.wordpress-header .user-controls {
	display: block;
	position: relative;
}

.wordpress-header #user-controls .user-controls a,
.user-controls__basket .pfm-shopping-cart_dropdown {
	padding: 0.5em 2em;
	font-weight: 600;
	line-height: 1.3em;
}

.user-controls__basket .pfm-shopping-cart_dropdown lte-pfm-button{
	line-height: 1.3em;
}

.wordpress-header #user-controls .user-controls a,
.wordpress-header .pfm-shopping-cart {
	cursor: pointer;
}

.wordpress-header #user-controls .user-controls a {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	color: #fff;
	box-sizing: border-box;
	height: 40px;
}

/*Default rollover state for control buttons - alter for specific controls as neeeded*/
.wordpress-header #user-controls .user-controls a:hover,
.wordpress-header #user-controls .user-controls a:focus {
	background: #f5f5f5;
	color: #111;
}

.wordpress-header #user-controls .user-controls__button-white a {
	background: #fefefe;
	color: #111;
}

.wordpress-header #user-controls .user-controls__button-black a {
	background: #0073b8;
	color: #fefefe;
}

/* .wordpress-header #user-controls .user-controls__button-black a:hover,
.wordpress-header #user-controls .user-controls__button-black a:focus {
	background: #fefefe;
	color: #111;
} */

.wordpress-header #user-controls .user-controls__button-orange a {
	background: #59abd3;
	color: #fefefe;
}

/* .wordpress-header #user-controls .user-controls__button-orange a:hover,
.wordpress-header #user-controls .user-controls__button-orange a:focus {
	background: #111;
	color: #fefefe;
} */

/*The basket is not used on the main bsava.com site, so we'll hide the HTML by targetting the specific WordPress classes found in the body tag. We can't use just the .user-controls__basket class to remove it, as it is used on the store portal website*/
body.page #user-controls .user-controls__basket,
body.search #user-controls .user-controls__basket,
body.error404 #user-controls .user-controls__basket,
body.single #user-controls .user-controls__basket {
	display: none;
}

/*Specific controls styles*/
.user-controls__login a {
	background: #59abd3;
}

#user-controls .user-controls__login a:hover,
#user-controls .user-controls__login a:focus {
	background: #fefefe;
	color: #0073b8;
}

.user-controls__join a,
#user-controls .user-controls__profile a {
	background: #ffa347!important;
}

.user-controls__basket .basket-label {
	padding-right: 10%;
}

.user-controls__basket svg {
	/* position: absolute; */
	/* transform: translate(-1px, -4px); */ 
    height: 20px;
    fill: #ffa347;
	transition: fill 0.3s ease;
}

.sf_basket-clone{
    color: #ffa347;
    display: inline-flex;
}

.user-controls__basket:hover svg,
.user-controls__basket:focus svg {
	fill: #111;
	transition: fill 0.3s ease;
}

@media all and (max-width: 1000px) {
	#pre-header #user-controls {
		font-size: 0.8rem;
		justify-content: center;
        margin: 4px auto;
	}
}

@media all and (max-width: 767px) {
	#pre-header #user-controls {
		font-size: 0.8rem;
		width: 100%;
		justify-content: center;
		float: none;
        margin: 0px;
        border-radius: 0px;
	}
	.wordpress-header .user-controls{
		width: 33.3%;
	}
	.wordpress-header #user-controls .user-controls a{
		justify-content: center;
	}
}

@media all and (max-width: 460px) {
	.wordpress-header .user-controls {
		width: 33.3%;
	}

	.wordpress-header #user-controls .user-controls a {
		text-align: center;
		justify-content: center;
	}

	.wordpress-header #user-controls .user-controls a {
		padding-left: 1em;
		padding-right: 1em;
	}

	.wordpress-header #user-controls .user-controls__basket {
		min-width: 120px;
	}

	.wordpress-header .user-controls__basket .pfm-shopping-cart_dropdown {
		padding-left: 7px;
		padding-right: 5px;
	}

	.user-controls__basket svg {
		height: 24px;
	}
}

/* ========
   BRANDING 
   ======== */

#branding {
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
}

p#branding {
	margin-bottom: 0;
}

p#branding a {
	display: block;
}

#branding img {
	width: 100%;
}

.header-logo{
    display: inline-block;
    width: 194px;
    float: right;
    padding: 5px 0px;
}

@media all and (max-width: 1000px) {
	#header_branding {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}

	header#header #header_branding {
		display: none;
	}

	#pre-header #header_branding {
		background: #fefefe;
		padding: 1.25em 0;
		margin: 0;
		width: 100%;
	}
}

@media all and (max-width: 720px) {
	#branding {
		max-width: 180px;
	}
}

/* ===============
   NAV MENU BUTTON - Smaller screens 
   =============== */
#nav-menu {
	position: absolute;
	z-index: 90000;
	display: none;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

#nav-menu button {
	background: #0073b8 center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z'/%3E%3C/svg%3E");
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #fff;
	padding: 1.1rem;
	line-height: 0;
	text-indent: -999em;
	float: right;
	overflow: hidden;
}

#nav-menu button.open,
#nav-menu button:hover,
#nav-menu button:focus {
	background-color: #0073b8;
}

@media all and (max-width: 1000px) {
	#nav-menu {
		display: block;
	}

	#nav-menu button {
		width: 48px;
		height: 48px;
	}
}

@media all and (max-width: 620px) {
	#nav-menu {
		top: 0;
		right: 0;
	}
}


@media (max-width: 767px) {
    #nav-menu button {
        width: 47px;
        height: 47px;
    }
}

/*header#header .inner {
	max-width: 100%; }
	
header#header {
	position: fixed;
	font-weight: 700;
	z-index: 9000;
	letter-spacing: 0.1em;
	font-size: .875em;
	transition: background .6s;
	transition-delay: .2s;
	text-transform: uppercase;
	min-width: 320px; }

p#branding,
#nav-menu,
header#header #nav_main {
	margin: 28px 0; }
	
	
header#header #nav_main {
	float: right; }

header#header #nav_main ul {
	float: left;
	margin-top: 1.2em; }
		
header#header nav li {
	position: relative;
	float: left; }

header#header nav li a { 	
	line-height: 1em;
	padding: 1em 2em; }
	
header#header a {
	position: relative;
	display: block; }

header#header a:after {
	background: transparent;
	width: 100%;
	width: calc(100% - 4em);
	height: 2px;
	content: '';
	left: 2em;
	position: absolute;
	bottom: 0;
	transition: background .3s; }	
	
header#header nav li.current-menu-item a:after,
.single-service li#menu-item-24 a:after,
header#header nav li a:hover:after { 	
	background: #14CBEB; }

header#header nav ul ul li a:hover:after {
	background: transparent; }	

header#header nav li.main-nav-button a:after { 	
	display: none; }
	
#nav-menu {
	position: relative;	
	z-index: 90000;
	display: none; }

#nav-menu button {
	background: transparent;
	position: absolute;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #fff;
	margin-top: 1.2em;
	line-height: 1em;
	top: -18px;
	right: 0; }
*/

/* ===============
   MAIN NAVIGATION 
   =============== */
nav#nav_main {
	text-align: center;
	width: 100%;
}

nav#nav_main ul {
	list-style: none;
}

nav#nav_main li {
	position: relative;
}

.nav_menu_link {
	background: transparent;
	border: none;
	padding: 0;
	width: 100%;
	cursor: pointer;
}

nav#nav_main a,
.nav_menu_link {
	font-size: 0.9375rem;
	font-weight: 600;
	box-sizing: border-box;
	padding: 0.7em 1em;
	position: relative;
	display: block;
	color: #111;
	transition: color 0.3s, background 0.3s;
	line-height: 1.6em;
}

nav#nav_main a:hover,
nav#nav_main .nav_menu_link:hover {
	text-decoration: none !important;
	transition: color 0.3s, background 0.3s;
}

nav#nav_main .menu > li > .a_arrow:after {
	transform: rotate(90deg) !important;
	transform-origin: center;
	align-items: center;
}

nav#nav_main .menu > li:hover > .a_arrow:after,
nav#nav_main .menu > .menu-open > .a_arrow:after {
	transform: rotate(-90deg) !important;
	right: -5px;
}

nav#nav_main .a_arrow:after {
	content: "\203A" !important;
	position: absolute;
	right: -7px;
	height: 100%;
	width: 20px;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	display: flex;
	top: 0;
	bottom: 0;
	text-decoration: none;
	line-height: 1;
	align-items: center;
	justify-content: center;
	display: none;
}

nav#nav_main .menu {
	margin: 0 auto;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	justify-content: space-evenly;
	align-items: end;
}

nav#nav_main .menu > li {
	position: relative;
	display: inline-block;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

nav#nav_main .menu > li > a,
nav#nav_main .menu > li > .nav_menu_link {
	line-height: 1em;
	padding-left: 1em;
}

/*Sub menus*/
nav#nav_main .sub-menu {
	text-align: left;
	display: block;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0;
}

nav#nav_main .sub-menu a,
nav#nav_main .sub-menu .nav_menu_link {
	width: 100%;
	border-width: 0 1px 1px;
}

nav#nav_main .menu-open > .sub-menu {
	visibility: visible;
	opacity: 1;
	overflow: visible;
}

nav#nav_main .menu-open .sub-menu ul {
	top: 0;
	left: 100%;
}

nav#nav_main .sub-menu .menu-item-has-children > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

/*Navigation symbols*/
#nav_main .a_arrow:after {
	position: absolute;
	right: 0;
	font-weight: normal;
}

/*Top level navigation symbols*/
/* #nav_main .menu > li > .a_arrow {
	padding-right: 1.5em;
	padding-left: 0.5em;
} */

/* #nav_main .menu > li > .a_arrow:after {
	transform: rotate(90deg);
	transition: rotate 0.4s ease-in;
} */

#nav_main .menu > li:hover > .a_arrow:after,
#nav_main .menu > li > .a_arrow:hover:after {
	transform: rotate(90deg);
	/* animation: nav_arrow_hover_top_level 0.4s ease-in; */
	/* animation-fill-mode: forwards; */
}

#nav_main .menu .sub-menu .a_arrow:hover:after,
#nav_main .menu .sub-menu li:hover > .a_arrow:after,
#nav_main .menu .menu-open > .a_arrow:after {
	transform: rotate(90deg) !important;
}

/*Sub menu navigation symbols*/
#nav_main .sub-menu .a_arrow:after {
	right: 8px;
}

/* #nav_main .sub-menu li > .a_arrow:hover:after,
#nav_main .sub-menu .menu-open > .a_arrow:after {
	transform: rotate(-180deg) !important;
} */

@media (hover: hover) {
	nav#nav_main .menu-item-has-children:hover .sub-menu ul {
		top: 0;
		left: 100%;
	}
}

/*--------
Colours
---------*/
/*Multi level colours*/
nav#nav_main a,
nav#nav_main .nav_menu_link {
	color: #111;
}

nav#nav_main a:hover,
nav#nav_main .nav_menu_link:hover {
	color: #0073b8;
}

/*Current page and legacy item*/
nav#nav_main li.current-menu-item > a,
nav#nav_main li.current-menu-item > .nav_menu_link,
nav#nav_main li.current-menu-ancestor > a,
nav#nav_main li.current-menu-ancestor > .nav_menu_link,
.single-post nav#nav_main li#menu-item-56 a,
.single-vacancies nav#nav_main li#menu-item-48 a,
.comm-page-custom-Store nav#nav_main li#menu-item-58 a,
.comm-page-custom-Events li#menu-item-3332 a {
	color: #0073b8;
}

/*Hover: Current item, all menu levels*/
nav#nav_main .sub-menu li.current-menu-item a:hover,
nav#nav_main .sub-menu li.current-menu-item .nav_menu_link:hover {
	background: #0073b8;
	color: #fefefe;
}

/*Sub menu item*/
nav#nav_main .menu-open .sub-menu,
nav#nav_main .menu-open .sub-menu a,
nav#nav_main .menu-open .sub-menu .nav_menu_link {
	border-style: solid;
	border-color: #F1F4F5;
	text-align: left;
}

/*Hover: sub menu items*/
nav#nav_main .sub-menu .menu-open > a,
nav#nav_main .sub-menu .menu-open > .nav_menu_link,
nav#nav_main .sub-menu li:hover > a,
nav#nav_main .sub-menu li:focus > a,
nav#nav_main .sub-menu li:hover > .nav_menu_link,
nav#nav_main .sub-menu li:focus > .nav_menu_link {
	background: #0073b8;
	color: #fefefe;
}

/*Sub menu item if current page*/
nav#nav_main .sub-menu .current_page_item > a,
nav#nav_main .sub-menu .current_page_item > button {
	background: #0073b8;
	color: #fefefe;
}

/*Highlight sub menu ancestors of the current page*/
nav#nav_main .sub-menu li.current-menu-ancestor > a,
nav#nav_main .sub-menu li.current-menu-ancestor > .nav_menu_link {
	background: rgba(255, 72, 20, 0.3);
	color: #111;
}

/*Non Js specific version*/
/*Fallback for desktops to work on hover */
nav#nav_main.no-js li a:hover + ul.sub-menu {
	visibility: visible;
	opacity: 1;
}

/*To avoid issues with IE11 browser rejecting focus-within tag, if applied as part of the CSS directly above, we've duplicated the statement for this specific tag*/
nav#nav_main.no-js li a:focus-within + ul.sub-menu {
	visibility: visible;
	opacity: 1;
}

@media all and (min-width: 1001px) {
	.wordpress-header #header_navigation {
		margin-top: 1em;
	}

	/*Display a sub menu once a sibling trigger button has been pressed (to generate menu-open)*/
	nav#nav_main .menu-open > ul.sub-menu {
		opacity: 1;
		visibility: visible;
		overflow: visible;
		min-width: 14rem;
		width: auto;
	}

	/*Visibility rather than display property used, to allow for screen readers*/
	nav#nav_main ul.sub-menu {
		position: absolute;
		opacity: 0;
		visibility: hidden;
		background-color: #F1F4F5;
		border-width: 1px 0 0;
		z-index: 1000;
		box-shadow: 0 6px 6px rgba(200, 200, 200, 0.4);
		width: 0;
		overflow: hidden;
	}

	/*Top level menu item*/
	/*Hover: Current page - top level only*/
	nav#nav_main .menu > li.current-menu-item > a:hover,
	nav#nav_main .menu > li.current-menu-item > .nav_menu_link:hover {
		color: #0073b8;
	}

	/*----
		Top level sub menus
	-----*/
	/*Top level item - text underscore styles*/
	nav#nav_main .menu > li > a:before,
	nav#nav_main .menu > li > .nav_menu_link:before {
		content: "";
		width: 100%;
		height: 5px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
	}

	/*First level sub menu - positioning (average menu item) */
	nav#nav_main .menu > .menu-item-has-children > .sub-menu {
		left: 50%;
		top: 100%;
		transform: translateX(-50%);
		border: none;
	}

	/*First level sub menu - first menu item that could hold a sub menu (start content on left, 0px, to avoid falling off screen)*/
	nav#nav_main .menu > li:first-child > .sub-menu {
		left: 0;
		transform: translateX(0);
	}

	/*First level sub menu - either the last menu item (non-JS visitors) or for each sub menu designated as being too wide for the available desktop screen (sub-menu-right). Push the content to the right of the parent container to avoid falling off screen/causing horizontal scrollbar.*/
	nav#nav_main .menu > li:last-child > .sub-menu,
	nav#nav_main .menu > .menu-open > .sub-menu-right {
		left: auto;
		right: 0;
		transform: translateX(0);
	}

	/*
		Child sub menus
	*/
	nav#nav_main .sub-menu ul {
		top: 0;
	}

	nav#nav_main .menu-open .sub-menu ul {
		left: 100%;
	}

	nav#nav_main .menu > li:last-child .sub-menu ul,
	nav#nav_main .menu > li:nth-last-child(2) .sub-menu ul,
	nav#nav_main .menu > li:nth-last-child(3) .sub-menu ul,
	nav#nav_main .menu-open .sub-menu .sub-menu-right {
		left: auto;
		right: 100% !important;
	}

	/*
		Colours
	*/

	/*Top nav - Current page ('underscored').*/
	#nav_main .menu > li.current-menu-item > a:after,
	#nav_main .menu > li.current-menu-item > .nav_menu_link:before,
	#nav_main .menu > li.current-menu-ancestor > a:after,
	#nav_main .menu > li.current-menu-ancestor > .nav_menu_link:before {
		background: #0073b8;
	}

	nav#nav_main li:hover .sub-menu,
	nav#nav_main li:hover .sub-menu a,
	nav#nav_main li:hover .sub-menu .nav_menu_link {
		border-style: solid;
        border-color: #fff;
		border-left: none;
		border-right: none;
		text-align: left;
	}

	/*
		Styles for browsers/viewers that allow hover
	*/
	@media (hover: hover) {
		nav#nav_main li:hover > ul.sub-menu {
			visibility: visible;
			opacity: 1;
			overflow: visible;
			min-width: 14rem;
			width: auto;
		}

		/*Top level sub menus only - when hover over*/
		nav#nav_main .menu > .menu-item-has-children:hover > .sub-menu {
			left: 50%;
			top: 100%;
			transform: translateX(-50%);
		}

		/*All sub menus - when hover over*/
		nav#nav_main .menu-item-has-children:hover > .sub-menu {
			min-width: 14rem;
			width: auto;
		}

		/*Top level sub menu, first item (start content on left, 0px, to avoid falling off screen)*/
		nav#nav_main .menu > li:first-child:hover > .sub-menu {
			left: 0 !important;
			transform: translateX(0) !important;
		}

		/*Top level sub menu, for either the last menu item (non-JS visitors) or for each sub menu designated as being too wide for the available desktop screen. Push the content to the right of the parent container to avoid falling off screen/causing horizontal scrollbar.*/
		nav#nav_main .menu > li:last-child:hover > .sub-menu {
			left: auto !important;
			right: 0;
			transform: translateX(0) !important;
		}

		/*
			Child sub menus
		*/
		nav#nav_main .menu > li:hover .sub-menu ul {
			left: 100%;
		}

		nav#nav_main .menu > li:last-of-type:hover .sub-menu ul,
		nav#nav_main .menu > li:nth-last-child(2):hover .sub-menu ul,
		nav#nav_main .menu > li:nth-last-child(3):hover .sub-menu ul {
			left: auto;
			right: 100% !important;
		}

		/*
			Colours
		*/

		/*Hover: Top nav items ('underscored').*/
		#nav_main .menu > li > a:hover:after,
		#nav_main .menu > li > .nav_menu_link:hover:before {
			background: #0073b8;
			color: #fefefe;
		}
	}
}

@media all and (max-width: 1100px) {
	nav#nav_main a {
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media all and (max-width: 1000px) {
	/*Navigation display section*/
	header#header.wordpress-header {
		margin-bottom: 1.5em;
	}

	.wordpress-header #header_navigation {
		height: auto;
		max-height: 0;
		z-index: 9000;
		margin-bottom: 0;
		overflow: hidden;
	}

	.wordpress-header #header_navigation.nav-active {
		max-height: 900px;
		max-height: calc(100dvh - 105px);
		overflow: visible;
	}

	.wordpress-header #header_navigation.nav-active > div {
		opacity: 1;        
		border-bottom: 4px solid #0073b8;
	}

	.wordpress-header #header_search__form #search {
		max-width: none;
		width: 85%;
	}

	.wordpress-header #header_search__form #search-button {
		max-width: none;
		width: 15%;
	}

	/*Navigation items - general*/
	nav#nav_main {
		text-align: left;
		transform: translate(0, 0);
	}

	nav#nav_main .menu {
		margin: 0;
		display: block;
	}

	nav#nav_main li {
		width: 100%;
	}

	nav#nav_main .menu > li {
		margin: 0;
		display: block;
		overflow: hidden;
	}

	nav#nav_main a,
	nav#nav_main .nav_menu_link {
		position: relative;
		display: block;
		line-height: 1em;
		padding: 1.1em 0.5em 1.1em 1.5em;
		text-align: left;
	}

	#nav_main .a_arrow:before,
	#nav_main .menu-item > a:after {
		content: none;
	}

	#nav_main li > .a_arrow:after,
	#nav_main li > .a_arrow:hover:after,
	#nav_main .menu-open > .a_arrow:after {
		transform: rotate(90deg) !important;
		right: 9px;
	}

	/*Top level*/
	#nav_main .menu > li > a {
		padding-left: 0.5em;
	}

	/*Overwrite an earlier hover rule for desktop*/
	nav#nav_main .menu > li:hover > .a_arrow:after,
	nav#nav_main .menu > .menu-open > .a_arrow:after {
		right: 11px;
	}

	/*Sub menus*/
	nav#nav_main .menu .sub-menu {
		position: relative;
		width: 100%;
		min-width: none;
		box-sizing: border-box;
		box-shadow: none;
		height: 0; /*Height set to zero to avoid displaying empty space before someone selects to view the sub menu. Currently sub menus are hidden via visibility, rather than display, to help with screen readers*/
	}

	nav#nav_main .menu .menu-open > .sub-menu {
		height: auto;
	}

	/*Top level sub menu*/
	nav#nav_main .menu > .sub-menu {
		border-width: 2px;
	}

	nav#nav_main .menu-item.active > .sub-menu {
		display: block;
	}

	nav#nav_main .sub-menu .sub-menu {
		left: 0 !important;
		border: none;
	}

	nav#nav_main ul.sub-menu li {
		width: 100%;
	}

	.sub-menu-right {
		right: auto !important;
	}

	/*Other sub menus*/
	nav#nav_main .sub-menu a,
	nav#nav_main .sub-menu .nav_menu_link {
		padding-left: 2em;
	}

	nav#nav_main .menu .menu-open > .a_arrow:after,
	nav#nav_main .menu .menu-open > .a_arrow:hover:after,
	nav#nav_main .menu .sub-menu .menu-open > .a_arrow:hover:after,
	nav#nav_main .menu .sub-menu .menu-open > .a_arrow:after {
		transform: rotate(-90deg) !important;
	}

	nav#nav_main .sub-menu a:before,
	nav#nav_main .sub-menu .nav_menu_link:before {
		content: "";
		display: block;
		width: 20px;
		height: 100%;
		position: absolute;
		left: -1px;
		top: 0;
	}

	/*--------
	Colours
	---------*/
	.wordpress-header #header_navigation.nav-active > div {
		background: #fefefe;
	}

	nav#nav_main .menu > li {
		border-bottom: 1px solid #0073b8;
	}

	nav#nav_main .menu > li:last-child {
		border-bottom: none;
	}

	nav#nav_main li.current-menu-item > a,
	nav#nav_main li.current-menu-item > .nav_menu_link {
		background: #0073b8;
		color: #fefefe;
	}

	nav#nav_main .menu > .menu-open > a,
	nav#nav_main .menu > .menu-open > .nav_menu_link,
	nav#nav_main .menu-item > a:hover,
	nav#nav_main .menu-item > .nav_menu_link:hover {
		background: #0073b8;
		color: #fefefe;
	}

	/*Highlight sub menu ancestors of the current page*/
	nav#nav_main li.current-menu-ancestor > a,
	nav#nav_main li.current-menu-ancestor > .nav_menu_link {
		background: rgba(255, 72, 20, 0.3);
		color: #111;
	}

	/*Sub menus*/
	nav#nav_main .menu-open:hover .sub-menu,
	nav#nav_main .menu-open:hover .sub-menu a,
	nav#nav_main .menu-open:hover .sub-menu .nav_menu_link,
	nav#nav_main .menu-open .sub-menu,
	nav#nav_main .menu-open .sub-menu a,
	nav#nav_main .menu-open .sub-menu .nav_menu_link {
		border-color: #0073b8;
	}

	nav#nav_main .menu-open .sub-menu .sub-menu,
	nav#nav_main .menu-open .sub-menu .sub-menu a,
	nav#nav_main .menu-open .sub-menu .sub-menu .nav_menu_link {
		border-color: #111;
	}

	/*First level child links*/
	nav#nav_main .sub-menu > li > a:before,
	nav#nav_main .sub-menu > li > .nav_menu_link:before {
	}

	/*Second level child links*/
	nav#nav_main .sub-menu ul a:before,
	nav#nav_main .sub-menu ul .nav_menu_link:before {
		background: #111;
	}

	/*Third level child links*/
	nav#nav_main .sub-menu ul ul a:before,
	nav#nav_main .sub-menu ul ul .nav_menu_link:before {
		background: #0073b8;
	}

	.menu-item-has-children.current-menu-ancestor .sub-menu li {
		border-top: 1px solid #fefefe;
	}

	.header-logo {
		width: 150px;
		float: left;
		padding: 5px 20px;
        box-sizing: unset !important;
	}
}

/* ===============
   NAV SEARCH 
   =============== */

#header_search {
	margin: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 9px 20px;
	float: left;
}

#header_search__form {
	width: 100%;
	margin: 0;
}

#header_search__form form {
	width: 100%;
	margin: 0;
	/* display: flex;
	justify-content: end; */
}

#header_search__form label {
	display: none;
	visibility: hidden;
}

#header_search__form input#search,
#header_search__form #search-button {
	height: 40px;
}

#header_search__form input#search:focus,
#header_search__form #search-button:focus,
#header_search__form #search-button:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000;
	transition: background-color 0.2s linear, border-color 0.2s linear;
	outline: none;
}

#header_search__form input#search {
	width: 13rem;
	border-radius: 3px 0 0 3px;
	padding: 0.25em 1.5em;
	font-size: 0.9rem;
	background-color: #fff;
	border-color: #fff;
	color: #000;
	transition: width 0.2s ease;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border: none;
}


#header_search__form input#search::placeholder {
	color: #999;
}

#header_search__form #search-button {
	width: 60px;
	box-sizing: border-box;
	padding: 11px;
	background: #fff;
	border-radius: 0 3px 3px 0;
	transition: background-color 0.2s linear, border-color 0.2s linear;
	border: 1px solid #fff;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
}


#header_search__form input {
	float: left;
}

::placeholder {
	color: #999;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #999;
}

::-ms-input-placeholder {
	color: #999;
}

@media all and (min-width: 1001px) {
	#header_search__form input#search:focus {
		width: 20rem;
		transition: width 0.2s ease;
	}
}

@media all and (min-width: 1201px) {
	#header_search__form input#search:focus {
		width: 30rem;
	}
}

@media all and (max-width: 1000px) {
	.wordpress-header #header_search,
	.wordpress-header #header_navigation {
		height: auto;
		max-height: 0;
		z-index: 9000;
		margin-bottom: 0;
		overflow: hidden;
	}

	.wordpress-header #header_search > div,
	.wordpress-header #header_navigation > div {
		opacity: 0;
		transition: opacity 1s linear;
	}

	.wordpress-header #header_search.nav-active,
	.wordpress-header #header_navigation.nav-active {
		overflow: scroll;
	}

	.wordpress-header #header_search {
		margin-top: 0 !important;
		margin: 0;
		width: 100%;
        padding: 0;
		background: #F1F4F5;
		max-width: none;
		border-top: 1px solid transparent;
	}

	.wordpress-header #header_search.nav-active {
		max-height: 250px;
		border-top: none;
	}

	.wordpress-header #header_search.nav-active > div {
		opacity: 1;
		transition: opacity 1s linear;
	}

	.wordpress-header #header_search__form {
		padding: 20px;
		position: relative;
	}

	.wordpress-header #header_search__form form {
		max-width: 35rem;
		margin: 0 auto;
	}

	.wordpress-header #header_search__form input#search:focus {
		max-width: none;
	}
}

/* ============
   #footer_main 
   ============ */
footer#footer p {
	line-height: 1.6em;
	font-size: 1rem;
}

#footer_main {
	font-size: 0.9375rem;
}

/* Footer Logo */
.footer-logo {
	max-width: 250px;
	display: block;
}

/* Connect List */
ul.connect-list {
	float: left;
	margin-bottom: 1.25rem;
	width: 100%;
}

ul.connect-list li {
	width: 20%;
	float: left;
}

ul.connect-list li a {
	padding-right: 5px;
	display: block;
    margin-top: 20px;
}

ul.connect-list li img {
    max-width: 100%;
    width: 20px;
}

#footer_main .col h5 {
	margin-top: 1.25rem;
	margin-bottom: 0.5rem;
}

#footer_main .col h5:first-of-type {
	margin-top: 0;
}

/* ===========
   #footer_sub 
   =========== */

#footer_sub {
	margin-bottom: 0;
	font-weight: 600;
	background-color: #F1F4F5;
}

#footer_sub nav {
	max-width: 1000px !important;
	margin-bottom: 1.25rem;
	font-size: 0.7rem;
}

#footer_sub nav li {
	font-size: 1rem;
	display: inline-block;
}

#footer_sub nav li span,
#footer_sub nav li a {
	color: #99a5ae;
	position: relative;
	padding: 0em;
    margin-right: 20px;
	display: inline-block;
    font-weight: normal;
    font-size: 1rem !important;
}

#footer_sub nav li span {
	padding-left: 0;
}

footer#footer #footer_sub p {
    font-weight: 400;
    font-size: 12px !important;
    color: #99a5ae;
}

#footer_sub nav li a:hover {
	text-decoration: underline;
	color: #0073b8;
}

@media all and (max-width: 400px) {
	#footer_sub nav li {
		display: block;
	}
}

/*footer#footer .inner {
	text-align: center; }
	
#footer-links ul {
	padding: 0;
	margin: 0; }

#footer-links ul li {
	display: inline-block; }
		
#footer-links a,
#footer-links p {
	margin: 0 1em; }
		
#footer-links p.legal {
	display: block;
	margin-top: 1em; }

	

@media all and (max-width: 1000px) {
	
	.footer-col {
		width: 100%; }
	
	

}*/

/* ==========
   TYPOGRAPHY
   ========== */

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.1em;
}

h1 {
    letter-spacing: -.05em;
	color: #001f36;
}

h2,
h1.h2 {
	color: #001f36;
	font-size: 2.6rem;
	font-weight: 800;
    letter-spacing: -.05em;
    margin-bottom: .5em;
}

.panels_full-width h2 {
	margin-bottom: 0.5em;
	font-size: 1.3rem;
}

h3 {
	margin-bottom: 0.5em;
}

h4 {
}

h5,
footer#footer h5 {
	color: #59abd3;
    font-weight: normal;
    line-height: 1.6em;
    font-size: 1rem;
    margin-bottom: 0px !important;
}

footer#footer a{
	color: #001f36;
}

/*  ================
  	LINK DECORATIONS
	================ */

a,
a:hover,
a:active,
a:visited {
	transition: all 0.4s;
	color: #0073b8;
}

a.arrowlink,
.a_arrow,
a.button {
	position: relative;
}

a.arrowlink:after,
.a_arrow:after,
a.button:after,
.section__quick-links nav a:after,
ul.link-directory li a:after,
.nav_inpage ul li a:after {
	content: " \0279c";
	transition: all 0.3s;
	position: relative;
	right: 0;
	padding: 0 1px;
	margin-left: 0.5em;
	display: inline-block;
	text-decoration: none;
	font-weight: normal;
}

.section__quick-links nav a:after {
	position: absolute;
	right: 0.5em;
}

a.arrowlink:hover:after,
.a_arrow:hover:after,
a.button:hover:after,
.section__quick-links nav a:hover:after,
ul.link-directory li a:hover:after,
.nav_inpage ul li a:hover:after {
	transform: translate(0.5em, 0);
}

.section__quick-links::before{
	content: ' ';
	width: 10%;
	height: 100%;
	position: absolute;
	background-image: url(images/branding/patchwork-1.jpg);
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
}

.section__quick-links::after{
	content: ' ';
	width: 10%;
	height: 100%;
	position: absolute;
	background-image: url(images/branding/patchwork-2.jpg);
	top: 0;
	right: 0;
	background-size: cover;
	background-position: center;
}


@media all and (max-width: 1000px) {

	.section__quick-links::before, .section__quick-links::after, .membership-info::before, .membership-info::after{
		display: none;
	}
	
}

/*  ================
  	SF CUSTOMISATION
	================ */

/* Header */
/*#pre-header {
    display:table; }*/

#pre-header.section .inner,
header#header .inner {
	padding: 0 20px;
	/* Delete from SF */
}

@media all and (max-width: 1000px) {
	#pre-header.section .inner {
		padding-left: 0;
		padding-right: 0;
	}
	
}

#footer_sub .inner {
	padding-left: 20px !important; /* Delete from SF */
	padding-right: 20px !important;
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Footer */

#footer_main .col .container {
	width: 100%;
	margin-left: 0;
}

/*#footer_sub nav {
	max-width: 100%; }*/



@media all and (max-width: 768px) {
	.columns__4 .col {
		width: 50%;
	}

	.columns-md__1 {
		width: 100%;
		margin-left: 0;
	}

	.columns-md__1 .col {
		width: 100%;
	}

	.columns-md__1 .col .container {
		margin-left: 0;
	}

	.columns__2 .col.footer-col-1{
		width: 100%;
	}
		

	.columns__2 .col.footer-col-2{
		width: 100%;
        text-align: center;
	}

	footer#footer{
		text-align: center;
	}

	.footer-logo{
		margin: auto;
	}

	#footer_sub nav li {
		display: block;
		margin-bottom: 10px;
	}

	#footer_sub nav li span, #footer_sub nav li a{
		margin-right: 0px;
	}

}



/* UNTD Join */

.page-template-template-9-join-2 header#header.wordpress-header,
.page-template-template-9-join-2 #nav-menu{
	display: none;
}

.text-center{
	text-align: center;
}

.wpforms-container .wpforms-form .wpforms-field-content h1, .wpforms-container .wpforms-form .wpforms-field-content h2, .wpforms-container .wpforms-form .wpforms-field-content h3, .wpforms-container .wpforms-form .wpforms-field-content h4, .wpforms-container .wpforms-form .wpforms-field-content h5, .wpforms-container .wpforms-form .wpforms-field-content h6 {
    color: #001f36!important;
}

.bg-light{
	background-color: #F1F4F5;
}

.wpforms-container form input[type="email"], .wpforms-container form input[type="number"], .wpforms-container form input[type="search"], .wpforms-container form input[type="text"], .wpforms-container form input[type="tel"], .wpforms-container form input[type="url"], .wpforms-container form input[type="password"], .wpforms-container form textarea, .wpforms-container form select{
	min-height: 50px !important;
    background-color: #F1F4F5 !important;
    color: #001f36 !important;
    border: none !important;
    outline: none !important;
}

.join-form-1 .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-content, .join-form-1 .wpforms-field-row{
    margin: auto !important;
 	text-align: center;
}

.join-form-1 .wpforms-submit{
	display: none!important;
}

.join-form-1 .wpforms-container .wpforms-field{
	max-width: 900px;
    margin: auto;
}

.join-form-1 .wpforms-container .wpforms-field-layout{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	background-color: #fff;
    padding: 30px !important;
    text-align: center;
    margin-bottom: 50px;
	max-width: 100%;
}

.join-form-1 .wpforms-field-layout:after{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    content: ' ';
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: -14px;
    display: block;
    background: #fff;
    transform: rotate(45deg);
    left: calc(50% - 16px);
}

.join-form-1 .wpforms-field-radio li{
	background-color: #F1F4F5;
	color: #001f36;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.join-form-1 .wpforms-field-radio li.wpforms-selected{
	background-color: #0073b8;
	color: #fff;
}

.join-form-1 .wpforms-field-radio li input{
	display: none!important;
}

.join-form-1 .wpforms-field-radio li label{
    padding-inline-start: 15px !important;
    width: 100%;
    padding: 15px;
	font-weight: bold;
}

.join-form-1 .wpforms-field-radio li.wpforms-selected label{
	color: #fff!important;
}

.join-form-1 .wpforms-field-html{
	display: none!important;
}

.join-form-1 .wpforms-one-half{
    padding: 0px!important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul{
	display: block;
    border-top: 3px solid #F1F4F5;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li{
	display: block;
	position: relative;
    z-index: 1;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input{
	display: none;
}
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label{
	display: block;
	border-bottom: 3px solid #F1F4F5;
    padding: 15px 30px;
	width: 100%;
	text-align: left;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li::after{
	content: ' ';
	display: block;
	position: absolute;
    width: 13px;
    height: 13px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
    background-color: #F1F4F5;
    border: 7px solid #F1F4F5;
    right: 30px;
    top: 12px;
    z-index: -1;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li.wpforms-selected::after{
    background-color: #001f36;
}

.inner.join-title{
	background-color: #001f36;
	color: #fff;
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left {
    text-align: center;
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button, div.wpforms-container-full .wpforms-form .wpforms-submit {
    margin: 0px;
    padding: 0.5em 2em;
    font-weight: 600;
    line-height: 1.3em;
    background: #ffa347 !important;
    margin: auto;
    display: block;
}

.wpforms-field-payment-multiple, .payment-select{
	text-align: center;
}

div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul, 
div.wpforms-container-full .wpforms-field.payment-select ul{
	display: block;
}

div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li,
div.wpforms-container-full .wpforms-field.payment-select ul li{
	display: inline-block;
    background-color: #F1F4F5;
    background: #F1F4F5;
    border-radius: 3px;
    margin: 10px;
}

div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li label,
div.wpforms-container-full .wpforms-field.payment-select ul li label{
    padding: 20px !important;
    padding-top: 60px !important;
    position: relative;
    display: block;
    min-width: 240px;
}

div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li label .option_price, 
div.wpforms-container-full .wpforms-field.payment-select ul li label .option_price{
    position: absolute;
    width: 100%;
    left: 0;
    top: 22px;
    font-size: 24px;
    font-weight: bold;
    color: #0073b8;
}

div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input, 
div.wpforms-container-full .wpforms-field.payment-select ul li input{
	margin-top: 25px;
}

div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple input[type=radio]:before, 
div.wpforms-container-full .wpforms-field.payment-select input[type=radio]:before{
    border: none !important;
    width: 26px;
    height: 26px;
    box-shadow: none !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple input[type=radio]:checked:after,
div.wpforms-container-full .wpforms-field.payment-select input[type=radio]:checked:after{
	border: none;
	transform: 0;
    width: 12px;
    height: 12px;
    left: 5px;
    top: 5px;
    transform: scale(1);
}

.inner.join-title p{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0px;
}

.column{
	display: inline-block;
	width: 50%;
}

.text-end{
	text-align: right;
}

.btn{
	background-color: #ffa347;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: #fff!important;
	font-weight: bold;
	padding: 13px 40px;
	display: inline-block;
	transition: ease-in-out 0.5s all;
	-webkit-transition: ease-in-out 0.5s all;
	-moz-transition: ease-in-out 0.5s all;
	-ms-transition: ease-in-out 0.5s all;
	-o-transition: ease-in-out 0.5s all;
}

.btn:hover{
	background-color: #0073b8;
	color: #fff;
}

.width-75{
	max-width: 930px;
}

.bg-blue{
	color: #fff;
	background-color: #0073b8;
}

.bg-blue h2, .bg-blue h3{
	color: #fff;
}

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

.reasons{
	padding-top: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 25%;
	padding-bottom: 280px;
}

.membership-columns{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.membership-image{
		position: absolute;
		bottom: 0;
		left: 15%;
}

.image-spacer{
	width: 400px;
	height: 400px;
	display: block;
}

.membership-columns .column:last-child{
	margin-bottom: 80px;
}

.reasons .column, .option-info .column{
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
	padding-right: 15px;
	box-sizing: border-box;
}

.option-info .column{
	margin-bottom: 0px;
}

.reasons-content{
	box-sizing: border-box;
	height: 100%;
    padding-bottom: 30px;
    border-bottom: 2px solid #328FC6;
	padding-right: 10%;
}

.reasons .column:nth-child(even), .option-info .column:nth-child(even){
	padding-right: 0px;
	padding-left: 15px;
}

.reasons h3{
	font-size: 28px;
    line-height: 36px;
	padding-left: 40px;
}

.reasons-icon{
	position: absolute;
    margin-top: 3px;
}

.text-white{
	color: #fff;
}

.join-form-1 .minus-top{
	margin-top: -230px;
    padding-bottom: 0px;
}

.option-info{
	display: none;
	clear: both;
}

.submit-join-form{
	cursor: pointer;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.membership-info{
	color: #fff;
    background: #001f36;
}

.membership-info h2{
	color: #fff;
	max-width: 800px;
	margin-bottom: 40px;
}

.membership-info p.h3{
font-size: 30px;
font-weight: bold;
margin-bottom: 0px;
font-family: inherit;
}

.membership-info::before{
	content: ' ';
	width: 10%;
	height: 100%;
	position: absolute;
	background-image: url(images/branding/patchwork-1.jpg);
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
}

.membership-info::after{
	content: ' ';
	width: 10%;
	height: 100%;
	position: absolute;
	background-image: url(images/branding/patchwork-2.jpg);
	top: 0;
	right: 0;
	background-size: cover;
	background-position: center;
}

.membership-info .inner{
	width: 70%;
	padding-top: 80px;
	padding-bottom: 0px;
}
.membership-feature p{
	margin-bottom: 0px;
}
.membership-feature p:before{
	content: "\0279c ";
	color: #ffa347;
	margin-right: 5px;
}

.join-application{   
	width: 80%;
    margin-left: 10%;
}

.join-application p, .join-application h1, .join-application h2, .join-application h3{
	text-align: center;
}

div.wpforms-container-full .wpforms-form .wpforms-page-indicator{
	display: none;
}

.text-blue{
	color: #0073b8;
}

.join-application .section-title h2{
	font-size: 28px;
}

.wpforms-field.wpforms-field-content .wpforms-field-row h2{
	letter-spacing: -1px;
}

.join-video{
	max-width: 800px;
    margin: auto;
    display: block;
    clear: both;
    padding: 80px 0px;
}

.faqs{
	margin-bottom: 100px;
}

.faqs .section-title, .faqs .section-content{
	text-align: center;
	margin: auto;
	max-width: 800px;
    margin-bottom: 50px;
}

.faq{
	text-align: left;
	background-color: #EDF2F5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    margin-bottom: 30px;
	cursor: pointer;
	transition: ease-in-out all 0.3s;
	-webkit-transition: ease-in-out all 0.3s;
	-moz-transition: ease-in-out all 0.3s;
	-ms-transition: ease-in-out all 0.3s;
	-o-transition: ease-in-out all 0.3s;
}

.faq:hover, .faq.faq-open{
	background-color: #dbe5eb;
}

.faq-title{
	padding-right: 30px;
    position: relative;
    padding: 15px 30px;
}

.faq-title::after{
	content: " \0279c";
	color: #0073b8;
	position: absolute;
	right: 30px;
	top: 16px;
	transform: rotate(90deg);
	transition: ease-in-out all 0.3s;
	-webkit-transition: ease-in-out all 0.3s;
	-moz-transition: ease-in-out all 0.3s;
	-ms-transition: ease-in-out all 0.3s;
	-o-transition: ease-in-out all 0.3s;
}

.faq-open .faq-title::after{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

.faq-title:hover::after{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}


.faq-info{
    padding: 15px 30px;
}

.faq-info{
	display: none;
}


@media all and (max-width: 1000px) {
	header#header{
        position: fixed;
        background: #fff;
	}
	header#header .nav-active{
        padding-top: 63px;
	}
	body {
        padding-top: 65px;
    }
	.inner {
		padding: 30px 0px;
	}
	.inner.join-title{
        padding: 20px;
	}
	.inner.join-title p{    
		font-size: 24px;
	}
	.inner.bg-blue{
        padding: 20px;
		padding-top: 150px;
	}
	.column{
		width: 100%;
	}
	.text-end {
		text-align: left;
	}
	.inner.join-title p {
		margin-bottom: 20px;
	}
	.reasons .column, .option-info .column, .reasons .column:nth-child(even), .option-info .column:nth-child(even){
		width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0px;
	}
	.join-form-1 .minus-top {
		margin-top: 0px;
        padding: 20px;
		padding-bottom: 0px;
	}
	.join-form-1 .minus-top .text-white{
		color: #001f36;
		padding: 20px 0px;
	}
	h2, h1.h2 {
		font-size: 2rem;
	}
	.section-title h1, .section-title p.h1 {
        font-size: 2rem !important;
    }
	.membership-info .inner{
		padding: 30px 20px;
		width: 100%;
	}
	.membership-columns .column:first-child{
		border-bottom: 2px solid #344A5E;
		margin-bottom: 30px;
	}
	.join-application{
		width: 100%;
		margin: 0px;
	}
	div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label {
		padding: 15px 10px;
		padding-right: 30px;
	}
	div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li::after{
		right: 10px;
	}
	.reasons h3 {
		font-size: 1.6rem;
		line-height: 1.1em;
	}


	.membership-image, .image-spacer{
		display: none;
	}


}


@media all and (max-width: 768px) {
	header#header .nav-active{
        padding-top: 78px;
	}
	body {
        padding-top: 88px;
    }
    h2, h1.h2 {
        font-size: 1.8rem;
    }
	.section__title p.title__link {
		font-size: 1rem;
	}
}