/*************************************/
/******* Adelaide Websites Template *******/
/***********************************/
/*** https://www.adelaidewebsites.com.au ***/
/**** support@adelaidewebsites.com.au ****/

/************************/
/*** Core html ***/
/**********************/

/* Reset all values */

html {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #666666;
	font-size: 16px;
	font-family: "din-2014",arial,helvetica,verdana,san-serif;
	margin: 0;
	min-height: 100%;
	padding: 0;
	text-align: left;
	font-weight: 100;
}

a,a:hover,a:focus { text-decoration:none;}

ul {color: #666666;}
h1 {font-size: 28px;font-weight: bold;}
h2 {color: #6699CC;font-weight: bold;margin: 0;}

.page-header {border:none;padding:0;margin: 0 0 15px;}
.page-header>* {margin:0;}

p {margin-bottom:15px;}

ul li {list-style:disc outside none;margin: 0 0 0 20px; }
ol li {list-style:inherit outside none;margin: 0 0 0 20px; }

img { border: 0 none; }


/************************/
/*** Layout ***/
/**********************/

#logonav {
	padding-top:30px;
	padding-bottom: 17px;
	z-index:2;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	padding-right: 15px;
	transition: transform 0.5s ease-in-out;
}

#header {
	/*
	position:fixed;
	top:0;
	left:0;
	right:0;
	height: 61.425vh; /* 500 / 814, based on 1440x900 res as per design */
	background-size:cover;
	background-position:center center;
	transition: background-image 150ms ease-in-out;
	transform: translateZ(0);
	}
#header .container {
	padding-top: 60px;
	padding-top: calc(30px + 27px + 60px);
}
#mainnavigation {margin-top: 0px;padding-bottom:0px;margin-top: 40px;padding-bottom: 40px;}
#mobilenav {padding: 0;}

@media only screen and (min-width:992px) {
	
	#mainnavigation {margin-top: 40px;padding-bottom:40px;}
	#logonav {
		padding-top: 60px;
		margin-top: -30px;
		position:absolute;
		transform: translateY(30px);
	}
	#header .container {
		padding-top: 60px;
		padding-top: calc(60px + 41px + 60px);
	}
	#mainnavigation {margin-top: 15px;padding-bottom:40px;}
}

/* display header image behind top level menu but in front of second level menus */
#logonav::after,
#header::after {
	content:'';
	/*background:#444;*/
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	transition:background 0.5s;
}
#header~div {z-index:1}

div[class*='col-'],
#right div[class*='col-'] {padding-left:20px;padding-right:20px;}

.container {padding-left:0px;padding-right:0px;}
@media only screen and (min-width:341px) {
	.container {padding-left:20px;padding-right:20px;}
}

#contentwrapper {padding-top: 40px;margin-bottom: 140px;}

#MainContainer>.container>.col-md-4 {width:333px;width: calc(333px + 47px);}

@media only screen and (max-width:1440px) {
	.container {width:100%!important;max-width:1200px;}
}
@media (min-width: 1440px) { /* 1200 + 120 + 120 */
	.container {width: 1200px;}
}
@media only screen and (max-width:1199px) and (min-width:992px) {
	.col-md-4+.col-md-8,.col-md-8.pull-right {width: calc(100% - 345px - 40px);}
	#right {/* margin-left:60px; *//* margin-right: calc((120 / 1440) * 50vw); */}
}
@media only screen and (min-width:992px) {
	body #logonav::after {
		background:transparent;
		transition:background 0.5s;
	}
	#header .container {padding-top:60px;}
	#header {padding-top: calc(60px + 41px + 90px);}
	#header .container+.container {padding-top:80px;}
	#contentwrapper {padding-top: 45px;}
	.col-md-4+.col-md-8,
	.col-md-8.pull-right {width: calc((41 / 60) * 100%);} /* 820 / 1200 */
	.col-md-4 {width: calc((19 / 60) * 100%);}

}

/* Diagrams */
#diagrams img,
#diagrams svg {vertical-align: middle;}
#diagrams svg {display:none;}
body.people
	#diagrams svg.people {display:block;}
body.performance
	#diagrams svg.performance {display:block;}
body.productivity
	#diagrams svg.performance {display:block;}

#diagrams {height: 210px;max-height:210px;overflow: hidden;position:unset;transition: max-height 0.5s ease-out;}
#diagrams::before {
	content: '';
	background-image: url(/templates/rac/images/dots.svg);
	position: absolute;
	width: 56vw;
	height: 210px;
	left:20px;
	/* right: 0; */
}
@media only screen and (min-width:341px) {
	#diagrams::before {left:40px;}
}

div.item-image {padding-bottom: 40px;}
div.item-image img {max-width:100%;height:auto;}

.well {border:none;border-radius:0;box-shadow:none;padding: 35px 15px;margin-top: 20px;float: left;width: 100%;}
body:not(.people):not(.performance):not(.productivity) .well {/* padding: 35px 40px; */}/* only homepage */
.well div~p:last-child {margin-bottom:0;}
.well>p {padding-left: 20px;padding-right: 20px;}
.well>p:first-child,
.well>div:first-child p {font-weight: 600;}

.well div[class*='col-'] {/* padding: 0 calc(21.43% / 3) 50px 0; *//* padding-right: 0; *//* margin-right: calc(21.43% / 3); */}
.well .col-sm-4 {padding-left: calc(21.43% / 6);padding-right: calc(21.43% / 6);}
.well .col-sm-4:first-of-type {/* margin-left:calc(-21.43% / 6); */}
.well div[class*='col-'] p {/* margin:0; */margin-top: -0.5ex;}
img[src$='svg'] {/* padding: 0 45px 50px 0; */max-width: 210px;width: 100%;}
@media only screen and (min-width:568px) and (max-width:991px) {
	.well .col-sm-8 {width: 66.66666667%;width: calc(100% - 190px);}
	.well .col-sm-8+.col-sm-4 {width: 33.33333333%;width: 190px;min-width: 190px;}
	.well div.col-sm-8+.col-sm-4 img[src$='svg'] {padding-bottom:0;}
	.well .col-sm-8 p {margin-bottom:0;}
}
@media only screen and (max-width:567px) {
	.well .col-sm-8 p:only-child {margin-bottom: 35px;}
}
@media only screen and (min-width:992px) {
	.well .col-sm-8 {width:calc(100% - 250px);}
	.well .col-sm-8+.col-sm-4  {width:250px;}
	.well div.col-sm-8+.col-sm-4 img[src$='svg'] {min-width:210px;}
}
@media only screen and (min-width:660px) and (max-width:991px) {
	.well .col-sm-4:nth-last-child(3):first-of-type {width: calc(100% - (190px * 2));}
	.well .col-sm-4:nth-last-child(3):first-of-type~div{width: 33.33333333%;width: 190px;min-width: 190px;}
	.well .col-sm-4:nth-last-child(3):first-of-type~div img[src$='svg'] {padding-bottom:0;}
	.well .col-sm-4:nth-last-child(3):first-of-type{margin-bottom:0;}
}
@media only screen and (max-width:767px) {
	.well {text-align:center;padding: 35px 15px;}
	.well>p {/* padding-left:0px; *//* padding-right:0px; */}
	.well>p:first-child {margin-bottom: 30px;}
	.well div[class*='col-'] {padding: 0;}
	.well img[src$='svg'] {max-width: 150px;/* padding: 0px 0 21.43%; *//* padding-bottom: 50px; */float:none!important;}
	.well div[class*='col-']:last-child img[src$='svg'] {/* padding-bottom: 20px; */float: none;}
	.home .well img[src$='svg'] {padding: 0px 0 21.43%; padding-bottom: 50px;}
	.well .col-sm-4:nth-last-child(3):first-of-type+div img {padding-bottom:40px;} /* recruitment */
}
@media only screen and (max-width:991px) {

	.well img[src$='svg'] {max-width: 150px;float: left;}
	.scrolled #logonav {transform:translateY(0);transition: transform 0.5s ease-in-out;}
	.menuactive #logonav {transform: translateY(0);}

	#diagrams::before {width:unset;right: 0px;background-size: 186px 186px;}
	#diagrams::before,
	#diagrams {height:150px;max-height:150px;}
	#diagrams svg {height:150px;width:150px;}
}

#logoheader svg{width:220px!important;height:27px!important;max-width: calc(100vw - 140px);}
@media only screen and (min-width:768px) {
	.well>p~div:nth-child(4):not(:last-child) {margin-bottom:30px;}
	#footer div div {display: inline-block;padding-right: 1em;}
}
@media only screen and (min-width:992px) {
	#diagrams::before {left:unset;}
	#logoheader svg{width:250px!important;height:31px!important;}
	#mobilenav {display:none;}
}
@media only screen and (min-width:1280px) {
	#logoheader svg{width:inherit!important;height:inherit!important;}
	
	.container {padding-left: 0;padding-right: 0;}
	#MainContainer #left,
	#MainContainer #right {padding-left: 0;padding-right: 0;}
	div[class^='col-'] {padding-left:0;padding-right:0;}
}

#footerwrapper {position:fixed;bottom:0;left:0;right:0;padding:20px;background:#000;}
#footerwrapper a {color:#dddddd;display:inline-block;}
#footer div:nth-child(3) {color:#666;padding-top: 10px;border-top: 1px dotted #666;margin-top: 20px;font-size: 12px;transition: 800ms ease-in-out;overflow: hidden;}
#footer div:nth-child(3) a { color: #999;}
body.end #footer div:nth-child(3) {margin-top:10px;}
#footer>.custom {max-height: 34px;max-height: 44px;transition: max-height 800ms ease-in-out;}
body.end #footer>.custom {max-height: 82px;}
@media only screen and (min-width:768px) {
	body #footer div:nth-child(3) {max-height:0;margin: 0!important;border:0;padding: 0;float:right;line-height: 22px;}
	body.end #footer div:nth-child(3) {max-height:22px;}
	body #footer>.custom {max-height: unset!important;}
}

body.contentpane {
	width:auto;
	margin:10px;
	text-align: left;
}

/************************/
/*** Colours ***/
/**********************/

#logoheader .a{fill:#FFF;}
#logoheader path[fill="#00AEEF"] {transition: fill 250ms linear;}

#header::after {background: #444 url('/images/homepage_1080w.jpg') no-repeat 50% 30%;background-size: cover;}
body.people #header::after {background: #444 url('/images/people_1080w.jpg') no-repeat 50% 40%;background-size: cover;}
body.performance #header::after {background: #444 url('/images/performance_1080w.jpg') no-repeat 70% 20%;background-size: cover;}
body.productivity #header::after {background: #444 url('/images/productivity_1080w.jpg') no-repeat 50% 60%;background-size: cover;}
@media only screen and (orientation:landscape) and (min-width:920px) {
	#header::after {background: #444 url('/images/homepage.jpg') no-repeat 70% 20%;background-size: cover;}
	body.people #header::after {background: #444 url('/images/people.jpg') no-repeat 50% 40%;background-size: cover;}
	body.performance #header::after {background: #444 url('/images/performance.jpg') no-repeat 70% 20%;background-size: cover;}
	body.productivity #header::after {background: #444 url('/images/productivity.jpg') no-repeat 50% 60%;background-size: cover;}
}

body:not(.people):not(.performance):not(.productivity).menuactive::after,
.item-112 ul.nav-child {background: #00ADEF;}
.item-119 ul.nav-child {background: #9F98E0;}
.item-125 ul.nav-child {background: #35BC7A;}

.nav .nav-header {transition: color 400ms ease-in-out;}

.slogan,
div[itemprop="articleBody"] p:first-of-type,
div[itemprop="blogPost"] p:first-of-type,
body.people #contentwrapper h1,
body.people #contentwrapper h2,
#mainnavigation .item-112.active .nav-header,
.item-112 .nav-header:hover,
body #footerwrapper {color: #00ADEF;}

body.performance .slogan,
body.performance div[itemprop="articleBody"] p:first-of-type,
body.performance #contentwrapper h1,
body.performance #contentwrapper h2,
#mainnavigation .item-119.active .nav-header,
.item-119 .nav-header:hover,
body.performance #footerwrapper {color: #9F98E0;}
body.performance #logoheader path[fill="#00AEEF"] {fill: #9F98E0!important;}

body.productivity .slogan,
body.productivity div[itemprop="articleBody"] p:first-of-type,
body.productivity #contentwrapper h1,
body.productivity #contentwrapper h2,
#mainnavigation .item-125.active .nav-header,
.item-125 .nav-header:hover,
body.productivity #footerwrapper {color: #35BC7A;}
body.productivity #logoheader path[fill="#00AEEF"] {fill: #35BC7A!important;}

@media only screen and (max-width:991px) {
	#header::after {top:-60px;}
	body.scrolled:not(.menuactive) #logonav::after,
	body.people.scrolled:not(.menuactive) #logonav::after,
	body.menuactive #header::after,
	html body.menuactive.menupeople>#header::after {background: #00ADEF;transition:background 0.5s;}
	body.performance.scrolled:not(.menuactive) #logonav::after,
	body.performance.menuactive #header::after,
	html body.menuactive.menuperformance>#header::after {background: #9F98E0;transition:background 0.5s;}
	body.productivity.scrolled:not(.menuactive) #logonav::after,
	body.productivity.menuactive #header::after,
	html body.menuactive.menuproductivity>#header::after {background: #35BC7A;transition:background 0.5s;}
	body.menuactive #logonav::after {background:transparent;transition:background 0.5s;}
	body.menuactive #logoheader .a,
	body.menuactive.menuperformance #logoheader .a,
	body.menuactive.menuproductivity #logoheader .a,
	body.scrolled #logoheader .a{fill:#000;}
	body.menuactive #logonav #logoheader path:last-child,
	body.menuactive.menuperformance #logonav #logoheader path:last-child,
	body.menuactive.menuproductivity #logonav #logoheader path:last-child,
	body.scrolled #logonav #logoheader path:last-child{fill: #fff!important;}
}

/************************/
/*** Navigation ***/
/**********************/

#mainnavigation .nav li {position:unset;list-style:none;margin-left:0;}
#mainnavigation li ul.nav-child {position:absolute;pointer-events:none;z-index: -2;padding: 45px 30px 30px;margin: 0 0;/* max-width: 280px; */width: 333px;top: 100%;transform: translateY(-100%);opacity:0;transition: 450ms ease-out;}
#mainnavigation li ul.nav-child a {color: #000;margin-bottom:10px;display:block;font-size: 20px;line-height:24px;font-weight: 100;transition: color .2s ease-in-out;}
#mainnavigation li ul.nav-child a:hover,
#mainnavigation li ul.nav-child .active a {/* font-weight:bold; */color: #fff;}
#mainnavigation li:not(.active):hover {z-index: 1;}
#mainnavigation .active ul.nav-child {opacity:1;pointer-events:auto;transform: translateY(0%);transition: 450ms ease-out;z-index: -3;}
.menu .nav-header {cursor:pointer;font-size: 32px;color:#dddddd;line-height: 36px;font-weight: 100;}

@media only screen and (min-width:992px) {
	body.initialflashing #mainnavigation li.active ul.nav-child,
	body/*:not(.menuactive)*/ #mainnavigation li:not(.active):hover ul.nav-child {transform: translateY(-90%);opacity: 1;z-index: -1;}
	body:not(.menuactive) #mainnavigation .nav li.active ul.nav-child[style*='height: 0px'] {height:auto!important;}
}
#mainnavigation li ul.nav-child a {font-size: 20px;font-size: calc((20 / 1280 / 1.5) * 100vw + 1ex);line-height: calc((24 / 1280 / 1.5) * 100vw + 1ex);}
@media only screen and (max-width: 991px) {
	#mainnavigation li {position:relative;}
	#mainnavigation li ul.nav-child {top: 0;transform: translateY(0);opacity: 1;z-index: auto;left: initial;background: transparent;position: relative;padding-top: 10px;padding: 0;}
	#mainnavigation li ul.nav-child a {margin-bottom:5px;/* color: #000; */font-size: 20px;line-height: 24px;display: inline-block;}
	.menuactive #mainnavigation .nav-header {color: #dddddd!important;display: inline-block;}
	

/* flexbox accordion requires set height */
	body.menuactive #header {position:fixed;left: 0;right: 0;top: 60px;bottom: 62px;z-index: 1;}
	body.menuactive #header .container {overflow: auto;height: 100%;padding-top: 0;}
	#mainnavigation li ul.nav-child {display:none;}
	body.menuactive #diagrams {opacity:0;max-height:0;transition: max-height 0.5s ease-out;}
	body.menuactive #mainnavigation li ul.nav-child {display: block;padding-left: 0;width: unset;z-index: 0;}
	body.menuactive #mainnavigation li.active ul.nav-child {margin:10px 0 30px;}
	body.menuactive #mainnavigation li.active ul.nav-child[style*='height: 0px'] {height:auto!important;}
	body.menuactive #mainnavigation .nav>li {flex: 0 0.01 auto;flex: 0;min-height: 40px;height:auto;overflow:hidden;margin-bottom: 3px;}
	body.menuactive #mainnavigation .menu.nav {height: calc(85vh - 161px);}
}
@media only screen and (max-width:340px) and (max-height:576px) {
	#mainnavigation {margin-top: calc((40 / 576) * 100vh);}
}
@media only screen and (max-width:767px) {
	body.menuactive #header {bottom: 84px;}
	body.menuactive #mainnavigation .nav>li {min-height: 36px;}
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
	.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: -15px;overflow: visible;}
	.hamburger:hover {opacity: 0.7; }
	.hamburger-box {width: 30px;height: 24px;display: inline-block;position: relative;}
	.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px;height: 4px;background-color: #fff;/* border-radius: 4px; */position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
	.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
	.hamburger-inner::before {top: -10px; }
	.hamburger-inner::after {bottom: -10px; }
	.hamburger--squeeze .hamburger-inner {
	  transition-duration: 0.075s;
	  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	  .hamburger--squeeze .hamburger-inner::before {
		transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
	  .hamburger--squeeze .hamburger-inner::after {
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--squeeze.is-active .hamburger-inner {
	  transform: rotate(45deg);
	  transition-delay: 0.12s;
	  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	  .hamburger--squeeze.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
	  .hamburger--squeeze.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

	.hamburger:focus {outline: transparent auto 0;}
/************************/
/*** Typography ***/
/**********************/

#logoheader {/* padding-bottom:60px; */line-height: 1;}
#logoheader h1,
#logoheader h2 {margin:0;}
#logoheader a {text-transform: uppercase;font-size: 19px;color: white;display: inline-block;letter-spacing: 0.15ex;font-family: arial, sans-serif;font-weight: bold;}
.slogan {text-transform: lowercase;font-size: 18px;font-weight: normal;}

div[itemprop="articleBody"]>p:first-of-type,
div[itemprop="blogPost"]>p:first-of-type {font-size:20px;line-height: 24px;}
@media only screen and (max-width:919px) {
	.well p {font-size:16px!important;text-align:left;/* margin-bottom: 20px; */}
	.well div[class*='col-'] p:not(:only-child) {margin-bottom:20px;}
}

@media only screen and (min-width:768px) { /* 680-999 in design, depending on orientation */
	.menu .nav-header {font-size:36px;line-height: 40px;}

}

@media only screen and (min-width:768px) and (max-width:992px) {
	body.menuactive	#mainnavigation li ul.nav-child a {font-size:24px;line-height: 32px;}
}
@media only screen and (min-width:992px) { /* 999-1201 in design, depending on orientation */
	.menu .nav-header {font-size:45px;line-height: 49px;font-size:calc((60 / 1280) * 100vw);line-height:calc((64 / 1280) * 100vw); display: block;}
	div[itemprop="articleBody"]>p:first-of-type,
	div[itemprop="blogPost"]>p:first-of-type {font-size:24px;line-height: 28px;}
	body {font-size:18px;}
	#mainnavigation {margin-top: -10px;padding-bottom: 123px;}
	#diagrams {margin-bottom:50px;}
	#mainnavigation li ul.nav-child {/* width:240px; */width: max-content;width: calc((333 / 1280) * 100vw);height: auto!important;}
}
@media only screen and (min-width:1280px) {
	.menu .nav-header {font-size:60px;line-height: 64px;}
	#mainnavigation li ul.nav-child a {font-size:22px;line-height:26px;}
	#mainnavigation {padding-bottom: 90px;}
	h1 {font-size:38px;}
	div[itemprop="articleBody"]>p:first-of-type,
	div[itemprop="blogPost"]>p:first-of-type {font-size:28px;line-height: 32px;}
	p {font-size:22px;}
	#mainnavigation li ul.nav-child {width:333px;}

}

/************************/
/*** Pagination ***/
/**********************/
.pagination {
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
}
.pagination ul{
	list-style:none;
	position:relative;
	left:50%;
	text-align: center;
	margin: 0px !important;
	padding: 0px !important;
}

.pagination li {
	list-style: none;
	float: left;
	border: 1px solid #ddd; 
	padding: 5px;
	border-radius: 5px;
	margin-right: 5px !important;
}

.pagination p.pull-right {
	text-align: center;
}

.pagination li.disabled {
	display: none;
}

.pagination a,
.pagination span {
	float: none;
	display: block;
	padding: 5px;
}


.icon-next, .icon-last, .icon-previous, .icon-first {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 16px;
	padding: 0px !important;
}

.icon-next:hover, .icon-last:hover, .icon-previous:hover, .icon-first:hover {
	text-decoration: none;
	border: none;
}

.icon-next::before {
	content: "\e080";
}

.icon-last::before {
	content: "\e075";
}

.icon-previous::before {
	content: "\e079";
}

.icon-first::before {
	content: "\e071";
}

.counter {
	display: none;
}

.mceContentBody  {
	text-align: left !important;
}