/*
Theme Name: HadiCare v1
Theme URI: https://github.com/tidythemes/blankslate
*/


/* Fonts
------------------------------------------------------------------------------*/
/* !! NR Temp Font Import - replace with live version !! */
@import url("https://use.typekit.net/dvv3ipr.css");
/*----------------------------------------------------------------------------*/


/*
Nicedream CSS - Primitive Base Selectors
Copyright (c) 2010 Nina Richards

These modules are designed to be extended in a main CSS file
*/

/* Building Blocks */

.bb_left { float: left; }
.bb_right { float: right; }
.bb_header, .bb_footer { clear: both; }

.bb,
.bb_main,
.bb_header,
.bb_footer,
.clearfix {
	zoom: 1; /* IE6 has layout fix - TODO: move to conditional CSS file (IE6) */
}

.bb:after,
.bb_main:after,
.bb_header:after,
.bb_footer:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* General Clearer */
.clearer { clear: both; }

/* Horizontal Lists */
.hz > * { display: inline; }
.hz.spaced > * { margin-right: 15px; }
.hz.spaced > *:last-child { margin-right: 0; }

/* Horizontal Menu */
.hz.menu {
	overflow: hidden; /* Prevents wrapping around floats */
	zoom: 1; /* IE6 has layout fix - TODO: move to conditional CSS file (IE6) */
}

.hz.menu > * { float: left; display: block; }

.menu a { float: left;  display: block; }


/* Image Replacement */
.img_rep { text-indent: -9999px; text-align: left; /* Hide the contents - image replacement */ }



/* General
------------------------------------------------------------------------------*/
html {
}

body {
	
	font-family: "objektiv-mk1", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 10px;
	
	color: #515365;

	-webkit-text-size-adjust: 100%;

	background-color: #EBECDF;
}

body.home {
	background-color: #EBECDF
}

main {
	
}

main div.wrapper {
	padding: 0 0 0 0;
	left: 0; right: 0;
	z-index: 10;
	position: relative;
	/*position: absolute;*/
}


div#container {

	margin: 0 auto;
	max-width: 1200px;
	

}


div.generic_container div.generic_wrapper {
	padding: 0 0 40px 0;
}


/*----------------------------------------------------------------------------*/


/* Page Sub Nav
------------------------------------------------------------------------------*/
#page_sub_nav_container {

	overflow-x: scroll;
	overflow-y: hidden;

	background-color: #dbdad6;

	z-index: 120;

	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */

}

#page_sub_nav_container::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 1200px) {
	#page_sub_nav_container {
		top: calc(50px)
	}
}

#page_sub_nav {
	padding: 20px 40px 0px 40px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	
	display: table;
	
	white-space: nowrap;
}

#page_sub_nav ul {
	width: auto;
	display: block;
	margin: 0;
	white-space: nowrap;
}

#page_sub_nav ul li {
	list-style: none;
	display: inline-block;
	font-size: 16px;
	margin-right: 1em;
	white-space: nowrap;
}

#page_sub_nav ul li a {
	text-decoration: none;
}

#page_sub_nav ul li a:hover {
	color: #ec671b;
}

#page_sub_nav ul li.active * {
	color: #ec671b;
}
/*----------------------------------------------------------------------------*/

ul.share_icons {
	display: block;
	max-width: 1000px;
	margin: 40px auto 0 auto !important;
	text-align: left;
	padding: 0;
	box-sizing: border-box;
}

.general_content .article.page ul.share_icons > li:before {
	content: "";
  text-indent: 0;
  position: absolute;
  margin-left: 0;
  display: none;
}

ul.share_icons li {
	vertical-align: middle;
	list-style: none;
	display: inline-block;
	margin-right: 1em;
}

ul.share_icons li a {
	display: inline-block;
	width: 2em;
	text-align: center;
}

ul.share_icons li svg * {
	fill: #000;
}

ul.share_icons li a:hover svg * {
	fill: #442d66;
}



ul.share_icons li span.text {
	display: none;
}

/* General Content
------------------------------------------------------------------------------*/
.general_content {
	text-align: left;
}

.text_based img {
	width: 100%;
	max-width: 400px;
	margin-bottom: 2em;
}

.text_based img.wide {
	max-width: 800px;
}

ul { list-style: disc; }
ol { list-style: decimal; }

strong { font-weight: 700; }
em { font-style: italic; }

ul, ol {
	margin: 0 0 0 0px;
	font-size: 16px;
}

p, li {
	font-size: 18px;
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
}

p.intro {
	margin: 1.2em 0 2.4em 0;
	font-size: clamp(1em, 3vw, 2.5em);
}

p.boost {
	margin: 0 0 1.2em 0;
	font-size: clamp(1.6em, 3vw, 2.5em);
	font-weight: 700;
}

.large p,
.large li {
	font-size: 20px;
	margin-bottom: 0.6em;
}

.large p.content_block {
	margin-bottom: 2.4em;
}

p.link_block {
	font-size: 16px;
	line-height: 1.4em;
	width: 100%;
}

p.link_block a {
	padding-top: 0.6em;
	width: 100%;
}


@media only screen and (max-width: 720px) {

	li, p {
		font-size: 16px;
	}

}


h1, h2, h3, h4, h5 {
	color: #515365;
	text-align: left;
	font-weight: 700;
	line-height: 1.4em;
	margin: 0 0 0em 0;
}

h3.featured {
	padding: 10px !important;
	text-align: center;
	color: #515365 !important;
	border-top: 2px solid #515365;
}

h2.header_overlay_text { /* Text that appears on top of images */
	font-family: antonia-variable, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: clamp(1em, 3vw, 3em);
	line-height: 1.5em;
	color: #515365;

	margin-top: 15px;

}

div.curve_area h1,
h1.large_curve_header {
	font-family: antonia-variable, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 38px;
	line-height: 1.5em;
	background-color: transparent;
	color: rgb(239, 125, 0) !important;
	margin-top: 0;
	text-align: left;
	padding: 0;
	margin-bottom: 0.2em;
}


@media only screen and (max-width: 480px) {
	div.curve_area h1 {
		font-size: 30px;
	}
}



div.section_block.white h1.large_curve_header {
	background-color: transparent !important;
}

@media only screen and (max-width: 800px) {
	h1.large_curve_header {
		font-size: 30px;
		text-align: center;
		margin-top: 0px
	}
}


@media only screen and (min-width: 1200px) {
	h2.header_overlay_text {
		width: 400px !important;
	}
	h1.large_curve_header {
		margin-top: -100px
	}
	
}

h1 { font-size: 30px; margin: 0 0 1.4em 0; font-weight: 700; }
h2 { font-size: 24px; margin: 0 0 1em 0; text-align: center; }
h3 { font-size: 16px; color: #ec671b; font-weight: 200; }
h4 { font-size: 16px; }
h5 { font-size: 16px; }

h1.main_in_page {
	display: none;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 40px 40px 40px;
	box-sizing: border-box;
}

h2 {
	font-family: antonia-variable, sans-serif;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 1.4em;
}

h2.solo_line {
	font-family: "objektiv-mk1", sans-serif;
	font-weight: 300;
	font-style: normal;
}



div.hl_block {
	background-color: #eee;
	padding: 15px;
	margin: 0 0 1.4em 0;
	border-radius: 8px;
}

* p:last-child {
	margin: 0 0 0 0;
}

blockquote {
	color: #666;
	background-color: inherit;
	line-height: 1.5em;
	font-style: italic;
	font-size: 120%;
	margin: 0 30px 1.4em 30px; 
	text-indent: 1em;
	padding: 0.5em 0 0 0;	
	position: relative;
	
}

blockquote p:before,
blockquote p:after {
	color: #CCC;
	font-size: 200%;
	display: inline;
	line-height: 0;
	position: relative;
}

blockquote p:before {
	content: '❝';
	top: 0.2em; left: -0.5em;
}

blockquote p:after {
	content: '❞';
	top: 0.4em; left: 0.2em;
}

blockquote.long p:before,
blockquote.long p:after {
	content: none;
}

blockquote.long {
	background-image: none;
	border-left: 4px solid #ccc;
	padding: 0 1.4em 0 1em;
	margin: 0 0 1.4em 1em;
	text-indent: 0;
}

p.blockquote_credit {
	text-align: right;
	margin-top: -1em;
	padding-right: 2.3em;
	color: #333;
}

p.blockquote_credit.stand_alone { margin-top: 1.5em; }

a { color: #05969B; text-decoration: none; }
a:hover { text-decoration: underline;	}


/*----------------------------------------------------------------------------*/



/* Generic Building Blocks Columns
------------------------------------------------------------------------------*/
.bb.two_col {
	text-align: left;
	width: 100%;
	margin: 0 auto;
}

.bb.two_col.wide { max-width: 1200px; width: 100%; }

.bb.two_col .bb_left,
.bb.two_col .bb_right {
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
}

@media only screen and (max-width: 720px) {

	.bb.two_col .bb_left,
	.bb.two_col .bb_right {
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
	}

	.bb.two_col.no_pad .bb_left { padding-left: 0; padding-right: 0; }
	.bb.two_col.no_pad .bb_right { padding-right: 0; padding-left: 0; }

	.bb.two_col .bb .bb_left,
	.bb.two_col .bb .bb_right {
		padding: 0;
	}

	.bb.two_col .bb_left {
		margin-bottom: 1em;
	}

}
/*----------------------------------------------------------------------------*/



/* Header and Main Menu
------------------------------------------------------------------------------*/
#header {
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	background-color: #333435;
}

div.wrapper {
	margin: 0 auto;	
	max-width: 1200px;
	position: relative;
	box-sizing: border-box;
}

#main_menu {
	font-size: 20px;
	text-align: center;
	font-weight: 100;
	overflow-y: scroll;
}

#main_menu > li > a {
	position: relative;
	display: block;
	z-index: 3;
	text-decoration: none;
	color: #000;
	padding: 10px 0;
	-webkit-transition: all 0.4s; /* Safari */
	transition: all 0.4s;
	color: #fff;
}

#main_menu > li > a.active { color: #ec671b; }
#main_menu > li > a:hover { color: #ec671b; }

ul#main_menu > li {
	font-size: inherit;
	position: relative;
	display: inline-block;
	float: none;
	padding-left: 0px;
	padding: 0 16px;
}

ul#main_menu > li:last-child {
	margin-bottom: 100px;
}

#main_menu > li.sub_menu > a { padding-right: 32px; }

ul#main_menu > li > ul {
	list-style: none;
	text-align: center;
	background-color: #414251;
	margin-top: 0;
	border: none;
	z-index: 10	;
	margin: 0;
	padding: 0;
}

ul#main_menu > li > ul.open { display: block; }

ul#main_menu > li > ul > li > a {
	display: block;
	color: #ccc;
	text-decoration: none;
	padding: 10px;
	font-size: 18px;
}

ul#main_menu > li > ul > li {
	text-indent: 0;
	margin: 0;
	padding: 0;
}

ul#main_menu > li > ul > li > a span {
	font-size: 12px;
	display: block;
	padding-top: 3px;
	line-height: 1.4em;
	color: #999;
}



#logo_main.home {
	position: absolute;
	display: inline-block;
	z-index: 500;
	margin-top: 60px;
	left: 40px;
}

@media only screen and (max-width: 1200px) {
	#logo_main.home {
		margin-top: clamp(50px, 5vw, 60px);
	}
}

#logo_main.home img { width: 250px; height: auto; vertical-align: middle; }

#logo_main.home img.logo_white {
	display: none;
	position: fixed;
}

#logo_main.home.open img.logo_default { display: none !important }
#logo_main.home.open img.logo_white { display: none }

#menu_switch {
/* display: none;*/
	position: absolute;
	right: 10px;
	font-size: 36px;
	text-decoration: none;
	width: 60px; height: 60px;
	margin-top: 8px;
	z-index: 1300;
	background-color: #05969B;
	border-radius: 50%;

	transition: all 0.3s;
}

#menu_switch:hover { background-color: #EF7D00; }

body #menu_switch {
	right: 10px;
	margin-top: clamp(1.2em, 8vw, 1.6em);
}

#menu_switch span {
	position: absolute;
	display: block;
}

#menu_switch span {
	width: 28px; height: 4px;
	background-color: #fff;
	border-radius: 2px;
}

#menu_switch.active span {
	background-color: #fff !important;
}

#menu_switch span.menu_line_1,
#menu_switch span.menu_line_2,
#menu_switch span.menu_line_3 {
	left: 16px;
	-webkit-transition: all 0.4s; /* Safari */
	transition: all 0.3s;
}

#menu_switch span.menu_line_1 { top: 17px; }
#menu_switch span.menu_line_2 { opacity: 1; top: 29px; }
#menu_switch span.menu_line_3 { top: 41px; }

#menu_switch.active span.menu_line_1,
#menu_switch.active span.menu_line_2 {
	left: 12px;
	top: 29px;
	width: 35px;
	-ms-transform: rotate(135deg); /* IE 9 */
	-webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
	transform: rotate(135deg);
	
	-ms-transform-origin: center middle;
	-webkit-transform-origin: center middle;
	transform-origin: center middle;
}

#menu_switch.active span.menu_line_2 {
	opacity: 0;
}

#menu_switch.active span.menu_line_3 {
	left: 12px;
	width: 35px;
	
	-ms-transform: rotate(-135deg); /* IE 9 */
	-webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */
	transform: rotate(-135deg);
	
	-ms-transform-origin: center middle;
	-webkit-transform-origin: center middle;
	transform-origin: center middle;
	
	top: 29px;
}

#menu_switch.active {
	background-color: #fff;
}

#menu_switch.active span {
	background-color: #05969B !important;
}


/*@media only screen and (max-width: 920px) {*/
@media only screen and (max-width: 10000px) {

	body.home #menu_switch { display: block; }
	
	#header {
		background-color: #fff;
		
	}
	
	body.home #header #logo_main.home {
		top: 10px;
		padding: 10px 0;
	}
	
	#main_menu {

		display: none;
		background-color: #515365;
		padding: 52px 0 100px 0 !important;
		margin: 0 0 0 0;
		position: fixed;
		z-index: 200;
		
		right: 0;
		left: 0;

		height: 100vh;
		width: 100vw;
		
	}

	nav.home #main_menu {
		padding: 52px 0 0 0 !important;
	}
	
	#main_menu > li > a {
		text-align: center;
		color: #fff !important;
	}
	
	#main_menu {
		background-color: #515365;
		display: none;
	}
	
	#main_menu.m_visible {
		display: block !important;
	}
	
	#main_menu {
		text-align: left;
	}
	
	ul#main_menu > li {
		display: block;
		padding: 0;
		margin: 0;
	}
	
	ul#main_menu > li > ul {
		position: static;
		width: auto;
	}
	
	#main_menu > li > a > svg {
		top: 0.5em;
		right: 24px;
	}
	
	#main_menu > li a:hover {
		color: #fff;
		background-color: #05969B;
		border-bottom: none;
	}

	#main_menu > li > a {
		padding: 18px 20px;
		border-bottom: none !important;
	}
		
}
/*----------------------------------------------------------------------------*/








/* Footer
------------------------------------------------------------------------------*/
#footer {
	background-color: #515365;
	text-align: center;
	z-index: 10;
	position: relative;
	color: #fff;
}

#footer a {
	text-decoration: none;
	color: #EF7D00;
}

#footer #contact_links ul {
	position: static;
	padding: 1em 0 0 0;
}

#footer #contact_links ul li {
	padding: 20px 0 20px 0;
}

#footer > div.intro {
	background-color: #333333;
	padding: 20px 20px 30px 20px;
	margin-top: -5px;
}

#footer p {
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 0 auto 0.8em auto;
	color: #fff;
}

#footer p.logo {
	margin: 0 auto;
	width: 100%;
	max-width: 580px;
	box-sizing: border-box;
	padding: 20px;
	position: relative;
	clear: both;
}

#footer p.logo span {
	display: block;
	position: absolute;
	top: -100px;
	text-align: left;
}

#footer p.logo img {
	margin: 0.6em 0 1.2em 0;
	display: block;
}

#footer div.social path {
	fill: #EF7D00;
}

#footer div.social svg {
	width: 30px; height: auto;
}

#footer div.outro {
	width: 100%;
	text-align: left;
	padding: 10px 20px 40px 20px;
	box-sizing: border-box;
	
	position: relative;
}

#footer div.outro p { margin: -10px auto 0 auto; }

#footer div.outro p.copyright { position: absolute; margin-top: -90px }


#footer div.social  a:hover path {
	fill: #fff
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
}



#footer img.logo_white{
	position: absolute;

	top: 20px;
	left: 20px;

	margin-bottom: 3em;
	width: clamp(200px, 35vw, 250px) !important;
}


#footer .bb {

	width: 100%;
	margin: 0 auto;
	max-width: 580px;

}


@media only screen and (max-width: 1200px) {
	
	#footer div.outro {
		width: 100%;
		text-align: left;
		padding: 10px 20px 30px 20px;
		box-sizing: border-box;
		margin-top: 0px;
		position: relative;
	}

	#footer img.logo_white{
		position: static;
		top: 0;
		left: 0;
	}

	#footer div.outro p { margin: 0 auto 0 auto; text-align: center; }

	#footer div.outro p.copyright { position: stattic; margin-top: 0; }

}

@media only screen and (max-width: 700px) {

	#contact_links ul li {

		margin: 0 10px !important;
	}

	#footer,
	#footer div.outro p {
		text-align: left;
	}

	#footer img.logo_white{
		text-align: left;
		margin-left: 20px;
	}

	#footer .bb {
		margin: 0;
	}

	#footer p.logo {
		padding: 0;
		margin: 0 auto 0 0 !important;
	}

	#footer p.logo span {
		display: block;
		position: static;
		top: inherit;
	}

}



/* Contact Links (Icons)
------------------------------------------------------------------------------*/
#contact_links ul {
	list-style: none;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
}

#contact_links ul li {
	padding-top: 35px;
	display: inline-block;
	margin: 0 25px;
	display: inline-block;
}

#contact_links ul li a {
	width: 50px; height: 50px;
	display: block;
	border-radius: 50%;
	background-size: 100% auto;
	background-position: 0 0;
}

#contact_links ul li a:hover {
	background-position: 0 100%;
}


a.social {
	width: 50px; height: 50px;
	display: block;
	border-radius: 50%;
	background-size: 100% auto;
	background-position: 0 0;
	margin-bottom: 1em;
}
/*----------------------------------------------------------------------------*/

div.section_block.intro {
	background: url('images/backgrounds/01.jpg') calc(100% - 50vw + 640px) calc(-20px) no-repeat;
	background-size: auto 130%;
}

div.section_block {
	border-bottom: 4px solid #EF7D00;
	position: relative;
	background-color: #EBECDF;
	overflow: hidden;
}

div.section_block.no_line {
	border-bottom: 0;
}

div.section_block.white {
	background-color: #fff !important;
}

div.section_block.white h1 {
	background-color: #fff !important;	
}

@media only screen and (max-width: 720px) {

}

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


	div.section_block {
		margin-left: calc((50vw - 600px) * -1);
		width: 100vw;
	}

	article.page div.section_block {
		margin-left: calc((50vw - 600px) * -1);
	}

	article.page header {
		margin-top: 0;
		background-color: #EF7D00;
		width: 100vw;
		margin-left: calc((50vw - 600px) * -1);
	}

	

	div.wrapper {
		max-width: 1200px;
	}

	div.section_block div.main_area div.wrapper {
		padding-top: 0 !important;
	}
}

@media only screen and (max-width: 1200px) {

	div.entry-content {
		padding: 0 20px;
	}


div.entry-content {
	overflow: hidden;
}

	div.entry-content div.section_block {
		margin: 0 -20px; /* Rquired for the outer default padding for non div.section_block content */
		width: 100vw;
	}

}


div.general_content.generic_container.entry div.wrapper {
	padding: 40px 20px !important;
}

article h1.entry-title {
	padding-top: 20px !important;
	text-align: center !important;
}


div.section_block h2 {

}

div.section_block div.wrapper {
	
	width: 100%;
	padding: 0 40px !important;
	box-sizing: border-box;
}

@media only screen and (max-width: 700px) {
	div.section_block div.wrapper {
		padding: 0 20px !important;
	}

	div.section_block div.wrapper .bb.two_col .bb_left,
	div.section_block div.wrapper .bb.two_col .bb_right {
		padding-left: 0;
		padding-right: 0;
	}

	div.tabbed_section .bb.two_col .bb_left,
	div.tabbed_section  .bb.two_col .bb_right {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

}

div.section_block.intro div.wrapper {
	height: 600px;
}


h1 { /* Main orange headers */
	font-family: "objektiv-mk1", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #EF7D00;
	background-color: #EBECDF;
	text-align: center;
	padding: 2em 0.8em;
	margin: 0;
	position: static;
}

@media only screen and (max-width: 720px) {
	h1 {
		padding: 0.8em 0.8em;
	}

	h1.overlay {
		padding: 2em 0.8em;
	}

	div.entry-content {
		padding-top: 0;
	}
}

div.section_block h1.overlay {
	top: 0; left: 0; right: 0;
	position: absolute !important;
	background-color: transparent;
}



@media only screen and (max-width: 1200px) {
	div.section_block.intro div.wrapper {
		min-height: calc(100vh - 50px);
	}
}







/* Dealing with WordPress admin bar */
	body.admin-bar div.wrapper_sticky { top: 32px;}

div.curve_area {
	background: url('images/curve_grey.svg') no-repeat;
	background-size: 100vw 2800px;
	padding: clamp(80px, 15vw, 200px) 0 40px 0px;
	box-sizing: border-box;
	text-align: left;
}

div.section_block.img_intro div.curve_area {
	padding: clamp(80px, 15vw, 180px) 0 20px 0px;
}

div.section_block.curve_intro {

	background: url('images/curve_white.svg') no-repeat;
	
	background-size: 100vw 2800px;
	
	padding: clamp(20px, 15vw, 160px) 0 20px 0px !important;

	box-sizing: border-box;

	text-align: left;
	
}

div.curve_area.grey { background-image: url('images/curve_grey.svg'); } /* Default */
div.curve_area.stone_light { background-image: url('images/curve_stone_light.svg'); }
div.curve_area.teal { background-image: url('images/curve_teal.svg'); }
div.curve_area.orange { background-image: url('images/curve_orange.svg'); }
div.curve_area.stone { background-image: url('images/curve_stone.svg'); }
div.curve_area.white { background-image: url('images/curve_white.svg'); }

div.curve_area * { color: #fff; }
div.curve_area.stone_light * { color: inherit; }
div.curve_area.teal * { color: inherit; }
div.curve_area.orange * { color: #fff; }
div.curve_area.stone * { color: inherit; }

div.curve_area.white * { color: inherit; }
div.curve_area.white h1 { background-color: transparent; }




div.curve_area h2.solo_line {
	font-size: clamp(1.4em, 2.8vw, 2.4em);
	text-align: center;
}



@media only screen and (max-width: 1200px) {
	div.section_block.curve_intro,
	div.curve_area {
		background-size: calc(100vw) calc(100vw * 2);
	}
}

@media only screen and (max-width: 700px) {
	div.section_block.curve_intro {
		background-color: #fff !important;
		padding: clamp(0, 15vw, 180px) 0 40px 0px !important;
	}


	div.curve_area {
		padding: clamp(60px, 15vw, 180px) 0 40px 0px;
	}

	div.section_block.img_intro div.curve_area {
		padding: clamp(60px, 15vw, 180px) 0 1px 0px;
	}

}



div.section_block.img_intro {
	background: url('images/backgrounds/intro_wide.jpg') 50% 0 no-repeat;
	background-size: 2400px auto;
}


div#join_us.section_block {
	background: url('images/backgrounds/join_us.jpg') 50% 50px no-repeat;
	background-size: 2400px auto;
}


div#testimonials.section_block {
	background: url('images/backgrounds/testimonials.jpg') 50% 50px no-repeat;
	background-size: 2400px auto;
}

div#about_us.section_block {
	background: url('images/backgrounds/about_us.jpg') 50% 0 no-repeat;
	background-size: 2400px auto;
}

div.section_block.curve_bg_img_01 { background: url('images/backgrounds/about_us.jpg') 50% 0 no-repeat; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_01 { background: url('images/backgrounds/about_us_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_01 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_01 div.main_area { min-height: 250px !important; }
	div.section_block.curve_bg_img_01 div.main_area h2 {
		padding-top: 80px !important;
	}
}


div.section_block.curve_bg_img_02 { background: url('images/backgrounds/testimonials.jpg') 50% 0 no-repeat; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_02 { background: url('images/backgrounds/testimonials_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_02 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_02 div.main_area { min-height: 250px !important; }
	div.section_block.curve_bg_img_02 div.main_area h2 {
		padding-top: 80px !important;
	}
}

/* Join Us
------------------------------------------------------------------------------*/
div.section_block.curve_bg_img_03 { background: url('images/backgrounds/join_us.jpg') 50% 0 no-repeat; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_03 { background: url('images/backgrounds/join_us_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_03 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_03 div.main_area { min-height:250px !important; }
	div.section_block.curve_bg_img_03 div.main_area h2 {
		padding-top: 80px !important;
	}
}
/*----------------------------------------------------------------------------*/


/* Intro Wide
------------------------------------------------------------------------------*/
div.section_block.curve_bg_img_04 { background: url('images/backgrounds/intro_wide.jpg') 50% 0 no-repeat; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_04 { background: url('images/backgrounds/intro_wide_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_04 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_04 div.main_area { min-height:250px !important; }
	div.section_block.curve_bg_img_04 div.main_area h2 {
		padding-top: 80px !important;
	}
}
/*----------------------------------------------------------------------------*/

div.section_block.curve_bg_img_05 { background: url('images/backgrounds/man_sitting_on_bed.jpg') 50% 0 no-repeat; }
div.section_block.curve_bg_img_05 div.main_area h2 { color: #fff; }

div.section_block.curve_bg_img_06 { background: url('images/backgrounds/making_tea.jpg') 50% 0 no-repeat; }
div.section_block.curve_bg_img_06 div.main_area h2 { color: #fff; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_06 { background: url('images/backgrounds/making_tea_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_06 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_06 div.main_area { min-height:250px !important; }
	div.section_block.curve_bg_img_06 div.main_area h2 {
		padding-top: 40px !important;
	}
}

div.section_block.curve_bg_img_07 { background: url('images/backgrounds/contact_us.jpg') 50% 0 no-repeat; }
div.section_block.curve_bg_img_07 div.main_area h2 { color: #fff; }

div.section_block.curve_bg_img_08 { background: url('images/backgrounds/contact_us_2.jpg') 50% 0 no-repeat; }
div.section_block.curve_bg_img_08 div.main_area h2 { color: #fff; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_08 { background: url('images/backgrounds/contact_us_2_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_08 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_08 div.main_area { min-height:250px !important; }
	div.section_block.curve_bg_img_08 div.main_area h2 {
		padding-top: 80px !important;
	}
}

/* Palliative
------------------------------------------------------------------------------*/
div.section_block.curve_bg_img_09 { background: url('images/backgrounds/palliative.jpg') 50% 0 no-repeat; }
div.section_block.curve_bg_img_09 div.main_area h2 { color: #fff; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_09 { background: url('images/backgrounds/palliative_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_09 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_09 div.main_area { min-height: 0 !important; }
}
/*----------------------------------------------------------------------------*/

/* Record Player
------------------------------------------------------------------------------*/
div.section_block.curve_bg_img_10 { background: url('images/backgrounds/record_player.jpg') 50% 0 no-repeat; }
div.section_block.curve_bg_img_10 div.main_area h2 { color: #fff; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_10 { background: url('images/backgrounds/record_player_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_10 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_10 div.main_area { min-height: 0 !important; }
}
/*----------------------------------------------------------------------------*/

/* Folded Clothes
------------------------------------------------------------------------------*/
div.section_block.curve_bg_img_11 { background: url('images/backgrounds/folded_clothes.jpg') 50% 0 no-repeat; }
div.section_block.curve_bg_img_11 div.main_area h2 { color: #fff; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_11 { background: url('images/backgrounds/folded_clothes_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_11 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_11 div.main_area { min-height: 0 !important; }
}
/*----------------------------------------------------------------------------*/


/* Two Mugs
------------------------------------------------------------------------------*/
div.section_block.curve_bg_img_12 { background: url('images/backgrounds/two_mugs.jpg') 50% 0 no-repeat; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_12 { background: url('images/backgrounds/two_mugs_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_12 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_12 div.main_area { min-height: 0 !important; }
}
/*----------------------------------------------------------------------------*/

/* Two Toothbrushes
------------------------------------------------------------------------------*/
div.section_block.curve_bg_img_13 { background: url('images/backgrounds/toothbrushes.jpg') 50% 0 no-repeat; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_13 { background: url('images/backgrounds/toothbrushes_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_13 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_13 div.main_area { min-height: 0 !important; }
}
/*----------------------------------------------------------------------------*/


div.section_block.curve_bg_img_14 { background: url('images/backgrounds/hand.jpg') 50% 0 no-repeat; }
div.section_block.curve_bg_img_14 div.main_area h2 { color: #fff; }


/* Cup and Newspaper
------------------------------------------------------------------------------*/
div.section_block.curve_bg_img_15 { background: url('images/backgrounds/cup_newspaper.jpg') 50% 0 no-repeat; }
div.section_block.curve_bg_img_15 div.main_area h2 { color: #fff; }
@media only screen and (max-width: 700px) {
	div.section_block.curve_bg_img_15 { background: url('images/backgrounds/cup_newspaper_alt.jpg') 50% 0 no-repeat; }
	div.section_block.curve_bg_img_15 { background-size: 100% auto; }
}
@media only screen and (max-width: 520px) { 
	div.section_block.curve_bg_img_15 div.main_area { min-height: 0 !important; }
}
/*----------------------------------------------------------------------------*/


div.section_block {
	background-color: #EBECDF !important;
}


div.section_block.curve_bg_fist_bump {
	background-size: 2400px auto !important;
	background-position: 50% -200px !important;
	background: url('images/backgrounds/fist_bump.jpg') 50% 0 no-repeat;
}


div.curve_area {

}

div.section_block.mini div.main_area{
	min-height: 200px !important;
}


div.section_block div.main_area div.wrapper {

}

div.section_block div.main_area {
	min-height: 340px;
	box-sizing: border-box;
}

div.section_block.short div.main_area {
	min-height: 0;
}
div.section_block.short div.main_area h2 {
	padding-top: 40px;
}

div.section_block div.main_area h2 {
	font-size: clamp(2em, 3vw, 4em);;
	padding-top: 140px;
	width: 40%;
	color: #515365;
	text-align: left;
}

.highlight,
div.section_block h2 span,
div.section_block h3 span {
	color: #EF7D00 !important;
}



@media only screen and (max-width: 700px) {
	#logo_main.home {
		margin-top: 36px;
		left: 20px;
	}
	#logo_main.home img {
		width: clamp(150px, 35vw, 250px) !important;
	}
}

@media only screen and (orientation: portrait) and (max-width: 700px) {

	#logo_main.home {
		margin-top: 36px;
		left: 20px;
	}

	#logo_main.home img {
		width: clamp(150px, 35vw, 250px) !important;
	}

	div.section_block.img_intro {
		background: url('images/backgrounds/intro.jpg') calc(50% + 30px) 20px no-repeat;
		background-size: 700px auto;
	}

	div.curve_area h2 {
		text-align: center;
		font-size: clamp(2.2em, 3vw, 10em);
	}


	div#intro.section_block {
		height: 100vh;
		max-height: 500px;
	}
	div#intro.section_block div.curve_area {
		position: absolute;
		left: 0; right: 0; bottom: 0;
	}

}

.general_content p.buttons {
	text-align: center;
	margin: 30px 0;
}

.general_content a.button {
	display: inline-block;
	color: #fff !important;
	background-color: #05969B;
	text-decoration: none;
	border: none;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 1em;
	padding: 0.6em 1.6em;
}


.general_content a.button:hover {
	text-decoration: none;
	color: #fff;
	background-color: #515365;
}

div.two_col_blocks {
	overflow: hidden;
	padding: 0 0 40px 0;
}

div.two_col_blocks > div {
	float: left;
	min-height: 450px;
	width: calc(50% - 40px);
	background-color: #D5D3CC;
	margin: 20px;
	box-sizing: border-box;
	background-image: url('images/backgrounds/blocks/brilliant_care_professionals.jpg');
	background-size: 100% auto;
	background-position: 50% 0;
	background-repeat: no-repeat;
	padding: clamp(50px, 10vw, 120px) 0 0 0;
}

div.two_col_blocks > div.truely_personalised { background-image: url('images/backgrounds/blocks/truely_personalised.jpg'); }
div.two_col_blocks > div.transparently_honest { background-image: url('images/backgrounds/blocks/transparently_honest.jpg'); }
div.two_col_blocks > div.heartfelt_family_values { background-image: url('images/backgrounds/blocks/heartfelt_family_values.jpg'); }


div.two_col_blocks > div > div.content {

	text-align: center !important;

	min-height: 250px;
	background: url('images/curve_grey.svg') 0 0 no-repeat;
	
	background-size: calc(100%) clamp(600px, 100vw * 2, 1200px);
	
	padding: 90px 0 20px 0;

}

div.two_col_blocks > div > div.content h2,
div.two_col_blocks > div > div.content p {
	text-align: center !important;
	color: #fff;
	padding: 0 30px;
}

div.two_col_blocks > div > div.content h2 {
	line-height: 1.2em;
	margin: 0 0 0.6em 0;
}

div.two_col_blocks > div > div.content p {
	margin: 0 0 0.6em 0;
}


@media only screen and (max-width: 1200px) {

	div.two_col_blocks {
		margin: 0 -20px;
	}

	div.two_col_blocks > div {
		margin: 0;
		width: 100%;
		min-height: auto;
		padding: 120px 0 0 0;
	}

	div.two_col_blocks > div > div.content {
		min-height: auto;
	}
}




div.three_col_blocks {
	overflow: hidden;
	padding: 0 0 0px 0;
	margin: 0 0 20px 0;
}

div.three_col_blocks > div {
	float: left;
	min-height: 360px;
	width: calc(33.33333% - 50px);
	background-color: #D5D3CC;
	margin: 25px;
	box-sizing: border-box;
	background-image: url('images/backgrounds/blocks/brilliant_care_professionals.jpg');
	background-size: 100% auto;
	background-position: 50% 0;
	background-repeat: no-repeat;
	padding: 80px 0 0 0;
}

div.three_col_blocks > div.truely_personalised { background-image: url('images/backgrounds/blocks/record_player.jpg'); }
div.three_col_blocks > div.transparently_honest { background-image: url('images/backgrounds/blocks/transparently_honest.jpg'); }
div.three_col_blocks > div.heartfelt_family_values { background-image: url('images/backgrounds/blocks/heartfelt_family_values.jpg'); }

div.three_col_blocks > div.record_player { background-image: url('images/backgrounds/blocks/record_player.jpg'); }
div.three_col_blocks > div.palliative { background-image: url('images/backgrounds/blocks/palliative.jpg'); }
div.three_col_blocks > div.toothbrushes { background-image: url('images/backgrounds/blocks/toothbrushes.jpg'); }

div.three_col_blocks > div.two_mugs { background-image: url('images/backgrounds/blocks/two_mugs.jpg'); }
div.three_col_blocks > div.folded_clothes { background-image: url('images/backgrounds/blocks/folded_clothes.jpg'); }
div.three_col_blocks > div.cup_newspaper { background-image: url('images/backgrounds/blocks/cup_newspaper.jpg'); }

div.three_col_blocks > div > div.content {

	text-align: center !important;

	min-height: 220px;
	background: url('images/curve_grey.svg') 0 0 no-repeat;
	
	background-size: calc(100%) auto;
	
	padding: 60px 0 20px 0;

}


@media only screen and (max-width: 720px) {
	div.three_col_blocks > div > div.content,
	div.three_col_blocks > div > div.content {
		padding: 70px 0 20px 0;
	}
}

div.three_col_blocks > div > div.content h2,
div.three_col_blocks > div > div.content p {
	text-align: center !important;
	color: #fff;
	padding: 0 30px;
}

div.three_col_blocks > div > div.content h2 {
	line-height: 1.2em;
	margin: 0.4em 0 0.6em 0;
	font-size: 2.4em;
}

div.three_col_blocks > div > div.content p {
	margin: 0 0 0.6em 0;
	font-size: 1.6em;
}

@media only screen and (max-width: 1200px) {

	div.three_col_blocks {
		margin: 0 -20px;
	}

	div.three_col_blocks > div {
		width: calc(50% - 50px);
	}

}



@media only screen and (max-width: 720px) {

	div.three_col_blocks {
		margin: 0 0px;
	}

	div.three_col_blocks > div {
		margin: 0 0 20px 0;
		width: 100%;
		min-height: auto;
		padding: 85px 0 0px 0;
	}

	div.three_col_blocks > div > div.content {
		min-height: auto;
	}
}


@media only screen and (max-width: 720px) {

	div.two_col_blocks {
		margin: 0 -20px -80px -20px !important;;
	}

	div.two_col_blocks > div {
		margin: 0 0px 20px 0;
		width: 100%;
		min-height: auto;
		padding: 85px 0 0 0;
	}

	div.two_col_blocks > div > div.content {
		min-height: auto;
		padding: 80px 0 20px 0;
	}
}


div.bb.four_col div.bb_left {
	box-sizing: border-box;
	width: 25%;
	padding: 20px;
}

div.bb.four_col div.bb_left img {
	width: 50%;
	padding-bottom: 10px;
}

@media only screen and (max-width: 1280px) {
	div.bb.four_col div.bb_left {
		box-sizing: border-box;
		width: 50%;
		min-height: 450px;
	}
}

@media only screen and (max-width: 480px) {
	div.bb.four_col div.bb_left {
		box-sizing: border-box;
		width: 100%;
		min-height: 0px;
		padding: 0px 0 20px 0;
	}

	div.bb.four_col div.bb_left img {
		display: block;
		width: 25%;
		margin: 0 auto;
		padding-bottom: 10px;
	}
}

/* Contact Links (Icons)
------------------------------------------------------------------------------*/
div.testimonial {
	text-align: center;
	margin: 0 0 4em 0;
	background: url('images/quote.svg') no-repeat;
	background-size: 4.4em auto;
	background-position: 50% 0;
	padding: 5em 0 0 0;
}

div.testimonial p {
	margin: 0 0 0 0;
}

div.testimonial p.quote {
	

font-family: antonia-variable, sans-serif;
font-weight: 400;
font-style: normal;

	font-size: 2.2em;
}


@media only screen and (max-width: 720px) {
	div.testimonial p.quote {
		font-size: 1.8em;
	}

	div.testimonial {
		background-size: 2.2em auto;
		background-position: 50% 0;
		padding: 3em 0 0 0;
		margin: 0 0 2em 0;
	}
}

ul.hz.menu.buttons {
	margin: 0 0 0 0 !important;
	overflow: hidden;
	padding: 0;
}

ul.hz.menu.buttons > li {
	display: block;
	
	margin: 0;
}

div.tabbed_section[data-tab-total="1"] ul.hz.menu.buttons > li  { width: 100%; }
div.tabbed_section[data-tab-total="2"] ul.hz.menu.buttons > li  { width: 50%; }
div.tabbed_section[data-tab-total="3"] ul.hz.menu.buttons > li  { width: 33.33333%; }
div.tabbed_section[data-tab-total="4"] ul.hz.menu.buttons > li  { width: 25%; }
div.tabbed_section[data-tab-total="5"] ul.hz.menu.buttons > li  { width: 20%; }
div.tabbed_section[data-tab-total="6"] ul.hz.menu.buttons > li  { width: 16.66666%; }

@media only screen and (max-width: 1200px) {
	ul.hz.menu.buttons > li {
		width: 50% !important;
	}

	ul.hz.menu.buttons {
		width: calc(100% + 40px);
		margin: 0 0 0 -20px !important;
	}
}


ul.hz.menu.buttons > li a {

	text-align: center;
	width: 100%;
	font-size: 16px !important;
	color: #05969B;
	text-decoration: none;
	white-space: nowrap;

	padding: 5px 10px;

	box-sizing: border-box;
}


ul.hz.menu.buttons > li.active a,
ul.hz.menu.buttons > li a:hover { color: #fff !important; background-color: #515365; }

div.tabbed_section {
	width: 100%;
	margin: 0 auto 40px auto;
}

div.tabbed_section > * {
	width: 100%;
}


div.tab_content {
	width: 100vw;
	
	margin-left: calc((50vw - 560px) * -1);
	background-color: #515365;
	display: none;
	padding: 20px;
	box-sizing: border-box;
}

div.tab_content .bb {
	max-width: 1200px;
}

div.tab_content.active {
	display: block !important;
}

div.tab_content * {
	text-align: left;
}

div.tab_content h2 {
	color: #fff;
	max-width: 500px;
	width: 100%;
	margin: 0 auto 0.4em auto;
}

div.tab_content * {
	color: #fff;
}

div.tab_content * {

}

@media only screen and (max-width: 1200px) {
	div.tab_content {
		width: calc(100% + 80px);
		margin-left: -40px;
	}

	div.tab_content .bb {
		max-width: 1200px;
	}
}

@media only screen and (max-width: 720px) {
	div.tab_content .bb > * {
		
		width: 100% !important;
		padding: 40px 20xpx !important;
		margin: 0 0 20px 0 !important;
	}

	div.tab_content h2 {
		max-width: 100% !important;
	}
}


h2.solo {
	width: 450px;
	margin: 3em auto 1em 0;
}

@media only screen and (max-width: 1200px) {

	h2.solo {
	width: 100%;
	text-align: center;
	margin: 3em 0 1em 0;
}

}

div.wrapper_sticky {
	margin: 0 auto;
	max-width: 1200px;
	position: sticky;
	top: 0;
	z-index: 500;
}

@media only screen and (min-width: 1200px) {
	div.wrapper_sticky {
		
	}
}


div.contact_overlay {
	position: fixed;
	color: #fff;
	right: 100px;
	width: 200px;
	padding: 20px 20px 60px 20px;
	height: auto;
	z-index: 10000;
}

div.contact_overlay {
	-webkit-transition: all 0.3s; /* Safari */
	transition: all 0.3s;
}

div.contact_overlay a {
	text-decoration: none;
	-webkit-transition: all 0.3s; /* Safari */
	transition: all 0.3s;
	display: block !important;
}

div.contact_overlay a:hover {
	background-color: #EF7D00;
	color: #fff;
	text-decoration: none;	
}

	
div.contact_overlay {
	text-align: center;
	
	background: #05969B;
	padding: 0;
	
	box-sizing: border-box;

	display: block;

	width: 100% !important;

	left: 0; right: 0;

}

div.contact_overlay p a {
	color: #fff;
	padding: 0.4em 0.4em 0.4em 0.4em;
}

@media only screen and (max-width: 375px) {

	div.contact_overlay p {
		font-size: 14px;
	}

}



#form_placeholder {
	max-width: 500p;
	height: 200px;
	width: 100%;
	border: 2px dashed #ccc;
	padding: 50px;
	margin: 20px 0;
	box-sizing: border-box;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

div.icon_set {
	text-align: center;
	margin: 0 0 3.6em 0;
}

div.icon_set > div {
	display: inline-block;
	width: 25%;
	
}

div.icon_set > div img {
	width: 100%;
	max-width: 200px;
}


div.phone_number_footer {
	text-align: center;
	background-color: #05969B !important;	
}

div.phone_number_footer {
	padding: 15px;
}

div.phone_number_footer p {
	font-size: 2em;
	margin: 0;
}

div.phone_number_footer a {
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
}

div.phone_number_footer a:hover {
	text-decoration: underline;
}

div.phone_number_footer * {
	color: #fff;
}

div.alt_band div.section_block {
	padding-top: 40px;
}

div.alt_band div {
	background-color: #fff !important;
}

body.home div.alt_band div {
	background-color: inherit !important;
}

img.full {
	width: 100%;
	margin-bottom: 20px;
}

nav.navigation.post-navigation {
	padding: 20px 40px;
	font-size: 1.8em;
	overflow: hidden;
}
nav.navigation.post-navigation div.nav-previous {
	float: left;
}

nav.navigation.post-navigation div.nav-next {
	float: right;
	text-align: right;
}

footer.entry-footer {
	font-size: 1.4em;
	padding: 20px 0;
	margin: 0 20px;
	border-top: 1px solid #515365
}

div.entry-meta {
	text-align: center;
	font-size: 1.4em;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #515365;
	margin-bottom: 20px;
}

h1.entry-title,
h2.entry-title {
	font-size: 2em;
	margin: 0;
}

itemprop

font-family: antonia-variable, sans-serif;
	font-weight: 300;
	font-style: normal;

h1.entry-title a,
h2.entry-title a {
	color: #515365 !important;
}

article.post {
	margin-bottom: 20px;
	padding: 0 0 20px 0;
}

article.post,
div.news_list article,
article.job_listing {
	
	background-color: #fff;
	padding: 0px;

	box-sizing: border-box;

	overflow: hidden;
}

article.post div.entry-content,
article.job_listing div.entry-content,
div.news_list article div.entry-content {
	padding: 20px;
}

article img.wp-post-image {
	float: left; height: auto;
	width: 50%;
	margin: 0 20px 1em 0;
}

div.post-cats {
	
	overflow: hidden;
	padding: 20px;
	text-align: center;
}

div.post-cats p {
	color: #fff;
	padding: 0 15px;
	font-size: 1.4em;
	font-weight: bold;
	
}

div.post-cats a {
	color: #fff !important;
	background-color: #05969B;
	font-size: 1.8em;
	width: auto;
	padding: 5px 20px;
	margin: 10px;
	display: inline-block;
}

@media only screen and (max-width: 700px) {
	article img.wp-post-image {
		width: 100%; height: auto;
		float: none;
		margin: 0 0 1.8em 0;
	}

	article.post,
	div.news_list article,
	div.job_listing article {
		padding: 0px;
	}

	div.general_content.generic_container.entry div.section_block div.wrapper {
		padding: 0 !important;
	}
}



/* WP Forms
------------------------------------------------------------------------------*/
div.wpforms-container-full {
	margin: 0 auto;
}

.wpforms-form .wpforms-field {
	width: 100%;
}

.wpforms-form .wpforms-field.wpforms-field-text input {
	width: 100%;
	max-width: 100%;
}

.wpforms-form .wpforms-field.wpforms-field-select select {
	width: 100%;
	max-width: 100% !important;
}

.wpforms-form label {
	color: #515365 !important;
	font-family: inherit;
	font-size: 1.8em !important;
	font-weight: 100 !important;
	line-height: 1.4em !important;
}



div.wpforms-submit-container {
	text-align: center;
}

/*----------------------------------------------------------------------------*/






div.button_row {
	text-align: center;
	margin-bottom: 40px;
}
div.button_row a {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

div.wpforms-container-full button.button_arrow:hover,
div.wpforms-container-full button.button_arrow,
a.button_arrow:hover,
a.button_arrow,
.wp-block-button a,
.editor-styles-wrapper .wp-element-button a {
	-webkit-transition: all 0.3s; /* Safari */
	transition: all 0.3s;
	font-weight: 700;
	text-decoration: none !important;
	margin: 2em 10px 0 10px !important;
	display: inline-block !important;
	color: #fff !important;
	background:  #05969B url('images/arrow_1.svg') !important;
	background-repeat: no-repeat !important;
	background-position: 100% 0 !important;
	font-size: 16px !important;
	padding: 10px 60px 10px 10px !important;
	border-radius: 5em;
	border: 0.4em solid #05969B !important;
	line-height: 1em !important;

	width: auto !important;
	height: auto !important;
}

div.wpforms-container-full button.button_arrow:hover,
a.button_arrow:hover,
.wp-block-button a:hover {
	background-color: #EF7D00 !important;
	border: 0.4em solid #EF7D00 !important;;

	background-repeat: no-repeat !important;
	background-position: 100% 0 !important;
}


div.generic_wrapper {
	text-align: left;
}


div#jobs h1,
div#jobs div.section_block {
	background-color: #EF7D00 !important;
}

div#jobs a.button_arrow:hover,
div#jobs .wp-block-button a:hover {
	background-color: #ed9a3f !important;
	border: 0.4em solid #ed9a3f !important;
}

div#jobs * {
	color: #fff !important
}

table.jobs {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
	font-size: 16px;
	border-collapse: collapse;
}

div#jobs form {
	margin: 0 auto 30px auto;
	max-width: 800px;
	width: 100%;
	padding: 0;
}

div#jobs select {
	color: #515365 !important;
}

#filter_list {
	margin-bottom: 20px;
}

#filter_list select,
div#jobs select {

	width: 100%;
	background-color: #fff;
	border: none;

	font-family: inherit;
	display: block;
	padding: 0.6em 0.8em 0.6em 0.5em;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 1.4em;
	color: #333;
	border: none;
	width: 100%;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: url('images/select_arrow.png') no-repeat #fff;
	background-position: calc(100% - 0.5em) 50% !important;

}

table.jobs td {
	width: 33.333%;
	text-align: center;
}

table.jobs td {
	padding: 10px 0 30px 0;
	border-top: 1px solid #fff;
}

table.jobs td:first-child {
	text-align: left;
}

table.jobs td:last-child {
	text-align: right;
}

div#jobs p,
div#jobs form {
	text-align: center;
}


/* WP Job Manager
------------------------------------------------------------------------------*/
div.hc_job_listing_container {
	padding: 40px 0 40px 0;
	background-color: #EF7D00 !important;
}

div.hc_job_listing_container li {
	font-size: 16px;
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
}

div.hc_job_listing_container.section_block div.wrapper {
	padding: 40px !important;
	background-color: #EF7D00 !important;
}

div.hc_job_listing_container.section_block div.wrapper p {
	text-align: center;
	color: #fff;
}

div.hc_job_listing_container input[type=submit] {
	font-family: inherit;
	font-size: 20px !important;
	margin: 0 auto !important;
	width: auto;
	min-width: 300px;
	color: #fff;
	background-color: #05969B !important;
	font-weight: 700 !important;
	border: none;
	border-radius: 0 !important;
	transition: all 0.2s;
	padding: 10px 20px;
}

div.hc_job_listing_container div.search_submit {
	display: block;
	padding: 40px 0 !important;
	text-align: center;
}

div.hc_job_listing_container input[type=text] {
	padding: 5px 10px;;
	font-size: 1.8em;
}
/*----------------------------------------------------------------------------*/


div.general_content.white h1,
div.general_content.white div.section_block {
	background-color: #fff !important;
}


div.wpcp-carousel-wrapper {
	padding: 0 0px !important;
	
}

div.wpcp-prev-button,
div.wpcp-next-button {
	background-color: #05969B !important;
	border-radius: 50% !important;
	text-align: center;
	font-size: 30px;
	width: 40px !important;
	height: 40px !important;
}

#wpcpro-wrapper-848 #sp-wp-carousel-pro-id-848.sp-wpcp-848 .wpcp-all-captions .wpcp-image-caption a, #wpcpro-wrapper-848 #sp-wp-carousel-pro-id-848.sp-wpcp-848 .wpcp-all-captions .wpcp-image-caption {
	font-family: "objektiv-mk1", sans-serif !important;
	font-weight: 700 !important;
	font-size: 18px;
	white-space: normal;
}

.wpcp-image-caption span {
	font-weight: 300;
	font-size: 0.8em !important;
}

.wpcp-single-item img {
	max-height: 1000px !important;
}

div.wpcp-prev-button {
	margin-left: -20px;
}
div.wpcp-next-button {
	margin-right: -20px;
}

div.wpcp-prev-button:hover,
div.wpcp-next-button:hover {
	color: #fff !important;
	background-color: #EF7D00 !important;
}

div.wpcp-prev-button:hover *,
div.wpcp-next-button:hover * {
	color: #fff !important;
}

div.wpcp-prev-button *,
div.wpcp-next-button * {
	color: #fff !important;
	width: 100%;
	height: 30px;
	text-align: center;
}

div.swiper-slide {
	padding: 10px;
}


div.job_listings {
	max-width: 800px;
	margin: 0 auto;
	
}

ul.job_listings {
	border: none;
}

div.job_listings * {
	color: #fff !important;
	background-color: #EF7D00 !important;
}

div.job_listings input[type=text] {
	color: #515365 !important;
	background-color: #fff !important;
	border: 0;
}

div.job_listings input::placeholder {
	color: #515365 !important;
}

ul.job_listings li.job_listing a:hover *,
ul.job_listings li.job_listing a:hover {
	background-color: #05969B !important;
}

ul.job_listings li.job_listing {
	border-top: 1px solid #fff;
	border-bottom:  none;
}


ul.job_listings li.job_listing a {
	padding: 10px 10px 30px 10px !important;
}

ul.job_listings li.job_listing a div.position {
	padding: 0;
}



div.wpforms-container-full .wpforms-form .wpforms-submit-container {

	margin-top: 0;

}

.wpforms-container .wpforms-submit-container {
	padding-top: 0;
}

div.wpforms-container-full .wpforms-confirmation-container-full {
	border: 0;
	background-color: #EF7D00;
	padding: 20px;
}

p.thanks {
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	color: #fff;
}


div.top_bar_plain {

	background-color: #fff;
	
	padding-top: 60px;
	padding-bottom: 20px;

	border-bottom: 4px solid #EF7D00;;

}


#logo_main.default {
	display: block;
	width: 250px;
	margin: 0 0 0 40px;
}

body #menu_switch.default {
	right: 10px;
	margin-top: 55px;
}

@media only screen and (max-width: 700px) {
	#logo_main.default {
		display: block;
		width: 180px;
		margin: 0 0 0 20px;
	}

	body #menu_switch.default {
		right: 10px;
		margin-top: 48px;
	}
}

#logo_main.default img.logo_white {
	display: none;
}

div.generic_container img {
	width: 100%;
}

@media only screen and (min-width: 720px) {
	div.curve_area.offset-top-left  div.wp-block-columns:first-child div.wp-block-column:first-child {
		margin-top: -6.8em;	
	}
}

 @media (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 0 !important;
	}
}

 @media (max-width: 480px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
}


/* NR - Test this across all the pages and block elements */
@media (min-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
	padding-right: 20px;
}
}

/* Override default WP Bock images to add the swoop mask curve */
.curve_image,
.wp-post-image,
.wp-block-image img {
	
  -webkit-mask-image: url('images/image_swoop_mask.svg') !important;
  mask-image: url('images/image_swoop_mask.svg') !important;

  -webkit-mask-size: calc(100% + 10px) auto;
  mask-size: calc(100% + 10px) auto;

  -webkit-mask-image-repeat: no-repeat;
  mask-image-repeat: no-repeat;

	-webkit-mask-position: bottom;
	mask-position: bottom;

	object-position:0 -1px; /* Needed for Webkit "single line of pixels" issue */

}




article.post h1.entry-title {
	color: #515365;
	background: none !important;
	text-align: left;
	padding: 0;
}

div.posts {

}

div.posts > * {
	border-bottom: 3px solid #EF7D00;
	padding-bottom: 20px;
}

div.posts > *:hover {

}
	
@media only screen and (min-width: 720px) {
div.posts {
	  -moz-column-count: 2;
	  -moz-column-gap: 40px;
	  -moz-column-rule: none;

	  -webkit-column-count: 2;
	  -webkit-column-gap: 40px;
	  -webkit-column-rule: none;

		column-count: 2;
		column-gap: 40px;
		column-rule: none;



	}

	div.posts > * {
		height: 800px;
		display: block;
	}

}



.wp-post-image {
	object-fit: cover;
	object-position: 50% 50%;

	width: 100% !important;
	height: 300px !important;
	margin-bottom: 40px !important;
}

@media only screen and (min-width: 720px) {
h1.large_offset_top {
	margin-top: -100px !important;
}
}


div.filter_list {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}



div.filter_list_item {
	padding: 20px;
	border-top: 3px solid #515365;
}

div.filter_list_item_wrapper > img {
	width: calc(50% - 20px);
	float: left;
}

div.filter_list_item_wrapper {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	overflow: hidden;
}


div.filter_list div.filter_list_content {
	padding: 0 0 0 calc(50% + 20px);
}


div.hc_rounded_box {
	max-width: 700px;
	margin: 40px auto 20px auto;
	padding: 40px;
	background-color: #EBECDF;
	border-radius: 20px;
}