/* == CircuIT CSS, based on bootstrap ==
      ben[at]happypanda.com.au
*/

/* == Fonts == */
@font-face {
	font-family: 'souvenir';
  src: url('../fonts/souvenir_light_bt-webfont.eot');
  src: url('../fonts/souvenir_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/souvenir_light_bt-webfont.woff') format('woff'),
       url('../fonts/souvenir_light_bt-webfont.ttf') format('truetype'),
       url('../fonts/souvenir_light_bt-webfont.svg#souvenir_lt_btlight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'opensans';
  src: url('../fonts/opensans-regular-webfont.eot');
  src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/opensans-regular-webfont.woff') format('woff'),
       url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
       url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'opensansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* == General == */

body {
	background-color: #FFFFFF;
	color: #4e4e4e;
	font-family: 'opensans', 'Helvetica', 'Arial',sans-serif;
  font-size: 15px;
  line-height: 25px;
}

h1 {
	color: #4e4e4e;
	font-family: 'souvenir', serif;
	font-size: 58px;
	font-weight: normal;
	line-height: 60px;
	margin-bottom: 20px;
}
span.heading-orange,
h1.heading-orange {
	color: #fd5b4f;
}

h2 {
	color: #1a9bdc;
	font-family: 'souvenir', serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 35px;
}

h2.type2 {
	color: #4e4e4e;
	font-family: 'opensans', 'Helvetica', 'Arial',sans-serif;
  font-size: 20px;
  line-height: 29px;
}

h3 {
	font-family: 'opensansbold', 'Helvetica', 'Arial',sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
}
h4 {
	font-family: 'opensansbold', 'Helvetica', 'Arial',sans-serif;
	font-weight: normal;
	color: #1a9bdc;
	font-size: 15px;
	line-height: 15px;
	margin: 20px 0 5px 0;
}
h4:first-child {
	margin: 0 0 5px 0;
}

a.orange-button-links {
	display: inline-block;
	padding: 4px 30px 6px 30px;
	margin: 0 15px 10px 0;
	border-radius: 18px;
	color: #FFFFFF;
	background-color: #fd5b50;
	font-size: 15px;
	line-height: 18px;
	white-space: nowrap;
}

a.orange-button-links:hover {
	background-color: #da544a;
	text-decoration: none;
}

.blue {
	color: #1a9bdc;
}

span.boldblue {
	color: #1a9bdc;
	font-family: 'opensansbold', 'Helvetica', 'Arial', sans-serif;
}

p.paintfooter { /* used in paint spill ultrafooters */
	color: #4e4e4e;
	font-family: 'souvenir', serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 35px;
	margin-top: 30px;
	margin-bottom: 20px;
}

div.left50 {
	width: 47%;
	float: left; 
}

div.right50 {
	width: 47%;
	margin-left: 6%;
	float: right;
}

div.left25 {
	width: 21%;
	margin-right: 4%;
	float: left;
	text-align: center; 
}

div.span12 {
	width: 100%;
}

.main-container li,
.tab-content li {
	line-height: 25px;
}

.form-required {
	color: #fd5b4f;
}

.clearer {
	clear: both;
}

/* == Header / Navbar == */

#navbar {
	margin-left: auto;
	margin-right: auto;
}

.navbar .logo { 
  margin-right: 10px;
}

a.logo img {
	width: 176px;
	height: 43px;
}

.navbar-inner {
	background: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
	filter: none;
}

.navbar .nav {
	float: right;
	margin: 17px 0 0 0;
}

.navbar-fixed-top .navbar-inner, 
.navbar-static-top .navbar-inner {
	-webkit-box-shadow: none;
  	 -moz-box-shadow: none;
					box-shadow: none;
}

.navbar .nav > li > a {
	padding: 10px 12px 10px 12px;
	color: #777777;
	font-family: 'opensans', 'Helvetica', 'Arial',sans-serif;
  font-size: 15px;
	font-weight: bold;
  line-height: 16px;
}

.navbar .nav > li > a.active,
.navbar .nav > li > a:hover {
	color: #1a9bdc;
}

.navbar-padded {
	padding-left: 30px;
	padding-right: 30px;
}

.navbar .btn-navbar {
	background-image: none;
	background-color: #129cdc;
	border-radius: 15px 15px 15px 15px;
}

/* == Main content == */

div.page-title {
	display: none;
}

.main-container {
	margin-top: 73px;
}

body.front div.field-name-body {
	padding: 0 30px 0 30px; 
}

.content-top {
	padding: 0 30px 0 685px;
}


p.home_para {
	max-width: 400px;
}

body.front .main-container article { /* Homepage */
	background: url('../images/Hero-home.jpg') left bottom no-repeat;
	background-size: 100% auto; 
	margin-bottom: 60px;
	min-height: 600px;
}	

body.page-node-14 .main-container article { /* About Us */
	padding: 0 30px 0 425px;
	min-height: 325px;
	background: url('../images/Hero-aboutus-S.jpg') left top no-repeat;
}

body.page-node-20 .main-container article { /* community */
	padding: 0 450px 0 30px;
	min-height: 380px;
	background: url('../images/Hero-community-S.jpg') right top no-repeat;
}

body.page-node-15 .main-container article { /* employers */
	padding: 0 30px 0 430px;
	min-height: 350px;
	background: url('../images/Hero-employers-S.jpg') left top no-repeat;
}

body.page-node-16 .main-container article { /* candidates */
	padding: 0 30px 0 420px;
	min-height: 390px;
	background: url('../images/Hero-candidates-S.jpg') left top no-repeat;
}

body.page-node-57 .main-container article { /* jobs */
	padding: 0 30px 0 420px;
	min-height: 340px;
	background: url('../images/Hero-jobs-S.jpg') left top no-repeat;
}

body.page-node-19 .main-container article { /* blog */
	padding: 0 450px 0px 30px;
	min-height: 295px;
	background: url('../images/Hero-blog-S.jpg') right top no-repeat;
}

body.page-node-21 .main-container article#node-48 { /* contactus */
	padding: 0 365px 50px 30px;
	min-height: 436px;
	background: url('../images/Hero-contact-us-S.jpg') right top no-repeat;
}

body.page-node-47 .main-container article { /* 404 */
	padding: 0 500px 0 30px;
	min-height: 610px;
	background: url('../images/Hero-404.jpg') right top no-repeat;
}

body.page-node-102 .main-container article { /* thank you */
	padding: 0 380px 0 30px;
	min-height: 562px;
	background: url('../images/Hero-thank-you-S.jpg') right top no-repeat;
}


/* == Social Share Icons == */

#block-social-share-social-share {
	clear: both;
	padding: 20px 30px 50px 30px;
}

#block-social-share-social-share h2 {
	color: #4E4E4E;
  font-family: 'opensans','Helvetica','Arial',sans-serif;
  font-size: 15px;
  line-height: 25px;
	margin: 10px 0 10px 0;
}

a.social-share-twitter,
a.social-share-linkedin,
a.social-share-email,
a.social-share-facebook {
	display: inline-block;
	height: 33px;
  width: 33px;
  margin-right: 13px;
  text-indent: -4000em;
	background-size: 33px;
	background-repeat: no-repeat;
	background-position: top center;
}

a.social-share-facebook {
	background-image: url("../images/Social-fb-BW.png");
}
a.social-share-twitter {
	background-image: url("../images/Social-tw-BW.png");
}
a.social-share-linkedin {
	background-image: url("../images/Social-ln-BW.png");
}
a.social-share-email {
	background-image: url("../images/Social-email-BW.png");
}

a.social-share-twitter:hover,
a.social-share-linkedin:hover,
a.social-share-email:hover,
a.social-share-facebook:hover {
	background-position: 0 -33px;	
}


/* == TinyMCE Editor Fixes == */

body#tinymce .main-container,
body#tinymce {
	margin-top: 0px;
	padding-top: 0px;
}

body#tinymce .tab-content > .tab-pane, 
body#tinymce .pill-content > .pill-pane {
    display: block;
}



/* == Sub content pages, tab and styling == */

.content-sub { /* content div for sub page content */
	margin: 30px 0 0 0;
	padding-bottom: 60px;
	background-color: #f2f2f2;
	clear: both;
}

ul.sub-nav {
	list-style: none outside;
	margin: 50px 0 0 0;
}

ul.sub-nav li {
	display: inline-block;
}

ul.sub-nav li a {
	display: block;
	width: 220px;
	height: 43px; /* 49 */
	padding: 6px 0 0 0;
	margin: 0 0 10px 30px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #4e4e4e; /* was #fd5b4f */
	background: url('../images/SubNav.png') no-repeat center top;
}

ul.sub-nav li:first-child a {
	margin: 0 0 10px 0;
}

ul.sub-nav li a:hover,
ul.sub-nav li.active a {
	color: #ffffff;
	background-position: center bottom;
	text-decoration: none;
}

div.tab-content {
	padding-top: 30px;
	clear: both;
}

div.tab-content h2 {
	margin-top: 40px;
}

.content-sub > div.container {
	text-align: center;
}

ul#mytab {
	display: inline-block;
	width: auto;
}

div.tab-content {
	text-align: left;
}

.content-sub h2 { /* employers page */
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}


/* == Misc == */

.spamspan {
	float: none; 
	margin-left: 0;
}

.row {
	margin: 0 0 0 0;
}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
	margin: 0 0 0 0;
}

.span12 {
	width: 100%;
}

#site-name {
  line-height: 1;
  margin: 0;
}

.submitted {
  margin-bottom: 1em;
  font-style: italic;
  font-weight: normal;
  color: #777;
}

ul.action-links {
  margin-bottom: 2em;
}

ul.action-links li {
  display: inline;
  padding-right: 1.5em;
}

ul.action-links [class^="icon-"],
ul.action-links [class*=" icon-"] {
  padding-right: .5em;
}

#edit-submit {
	padding: 4px 30px 6px 30px;
	border-radius: 18px;
	border: none;
	color: #FFFFFF;
	background-image: none;
	background-color: #1a9bdc;
	font-size: 15px;
	font-family: 'opensans','Helvetica','Arial',sans-serif;
	line-height: 15px;
	text-shadow: none;
}

#edit-submit:hover {
	background-color: #da544a;
	text-decoration: none;
}

/* Pagination */

.pagination ul > li > a, 
.pagination ul > li > span {
	font-family: 'opensansbold','Helvetica','Arial',sans-serif; 
}

/* About Us */


/* Contact Us */

body.page-node-21 h2 {
	text-align: center;
	margin-top: 30px;
}

body.page-node-21 h2 a:hover {
	text-decoration: none;
}

#webform-client-form-48 {
	width: 90%;
	margin: 50px 0 60px 0;
}

#webform-client-form-48 #webform-component-your-name,
#webform-client-form-48 #webform-component-email {
	float: left;
	width: 48%;
}

#webform-client-form-48 #webform-component-phone,
#webform-client-form-48 #webform-component-suburb---town {
	float: right;
	width: 48%;
}

#webform-client-form-48 .form-item label {
	width: 96%;
	font-weight: bold;
}

#webform-client-form-48 .form-item text-area,
#webform-client-form-48 .form-item input {
	width: 96%;
}

#webform-client-form-48 #edit-submit { 
	float: right;
	margin: 26px 0 0 15px;
}

#webform-client-form-48 #edit-submitted-join-our-mailing-list-1 {
	width: 10px;
}

.form-item-submitted-join-our-mailing-list-join-mailing-list label {
	margin-top: 30px;
}

#webform-component-join-our-mailing-list {
	float: left;
}

.contact-blue {
	width: 48%;
	float: left;
	margin-top: 40px;
	color: #1a9bdc;
}

#contact-extra {
	margin-top: 0px;
}


/* Google Map (on Contact Us page) */

div#locationmap_map {
	width: 100% !important;
}

.google-map {
	width: 100%;
	height: 400px !important;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
 

/* Login */

#user-login-form label {
	width: 120px;
	float: left;
}

#user-login-form ul {
	list-style: none outside;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}

#block-user-login {
	margin: 0 0 60px 0;
}

/* ==== Blog changes ==== */

body.node-type-blog-post .field-type-text-with-summary img {
	margin: 20px 20px 20px 20px;
}

body.node-type-blog-post h1 a {
	color: #4e4e4e;
}
body.node-type-blog-post h1 a:hover {
	text-decoration: none;
}

.field-name-field-date,
.field-name-field-author-name {
	float: left;
  font-size: 18px;
	font-family: 'opensansbold','Helvetica','Arial',sans-serif;
  line-height: 25px;
}
.field-name-field-author-name {
	margin-left: 0.3em;
}

.field-name-field-date .field-item:after {
	content: " /"	
}

.field-name-field-blog-tags {
	clear: both;
	color: #1a9bdc;
	font-family: 'opensansbold','Helvetica','Arial',sans-serif;
  font-size: 18px;
  line-height: 25px;

}

article.node-blog-post > .field-name-field-image {
	width: 35%;
	margin-top: 30px;
	float: right;
}

article.node-blog-post > .field-name-body {
  margin-top: 30px;
	padding-bottom: 20px;
}

article.node-blog-post > .field-name-body .field-item {
	width: 60%;
}

/* -- blog teasers -- */

.blog-teaser {
	float: left;
	width: 21%;
	height: 420px;
	overflow: hidden;
	margin: 0 4% 20px 0;
	padding: 20px 0 20px 0;
	border-top: 6px solid #fd5b50;
}

.view-blog-catalogue .views-field-title,
.view-blog-catalogue .views-field-title a {
	color: #1a9bdc;
	font-family: 'souvenir', serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 35px;
	margin-bottom: 20px;
}

.view-blog-catalogue .views-field-field-date,
.view-blog-catalogue .views-field-field-author-name {
	font-family: 'opensans', 'Helvetica', 'Arial',sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
}

.view-blog-catalogue .views-field-field-blog-tags {
	color: #1a9bdc;
	font-family: 'opensans', 'Helvetica', 'Arial',sans-serif;
	font-size: 15px;
	line-height: 25px;
	margin-top: 10px;
}

.view-blog-catalogue .views-field-field-image {
	margin-top: 10px;
}

.view-blog-catalogue .views-field-body {
	margin-top: 10px;
	max-height: 200px;
	overflow: hidden;
}

.view-blog-catalogue .views-field-body h2 {
	display: none;
}

.view-blog-catalogue .views-field-path {
	margin-top: 10px;
}

.blog-job-padding {
	padding-left: 30px;
	padding-right: 0px;
}


/* == Job and Blog Prev / Next == */

.node-blog-post .flippy {
	padding-bottom: 20px;
	clear: both;
	border-bottom: 2px solid #FD5B50;
}

.flippy {
	padding-top: 10px;
}

.flip-prev,
.flip-next {
	display: inline-block;
}
.flip-prev a,
.flip-next a {
	display: inline-block;
	font-weight: bold;
	color: #FFFFFF;
	height: 42px;
	width: 40px;
	text-indent: -1000em;
}
.flip-prev a {
	background: url('../images/Nav_Prev.png') no-repeat top left #d4d4d4;
	padding: 0 0 0 0;
}
.flip-next a {
	background: url('../images/Nav_Next.png') no-repeat top right #d4d4d4;
	padding: 0 0 0 0;
}

.flip-prev a:hover,
.flip-next a:hover {
	text-decoration: none;
	color: #4e4e4e;
}

/* ==== Jobs board changes ==== */

/* -- job home page -- */
/* -- search form -- */

#views-exposed-form-job-permanent--block-1 {
	margin-bottom: 40px;
}

#views-exposed-form-job-permanent--block-1 input,
#views-exposed-form-job-permanent--block-1 select {
	width: 100%;
}

#views-exposed-form-job-permanent--block-1 .views-exposed-form .views-exposed-widget {
	width: 21%;
	padding: 0.5em 4% 0 0;
}

#views-exposed-form-job-permanent--block-1 .views-exposed-form .views-exposed-widget.views-submit-button {
	clear: both;
	display: block;
	width: 100%;
	padding: 0.5em 0 0 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#views-exposed-form-job-permanent--block-1 #edit-submit-job-permanent- {
	margin-top: 10px;
	background: url('../images/Search_Icon.png') no-repeat 20px 5px #1a9bdc;
  color: #FFFFFF;
  border-radius: 18px 18px 18px 18px;
	border: none;
	font-family: 'opensans', 'Helvetica', 'Arial',sans-serif;
  font-size: 15px;
	font-weight: bold;
	text-shadow: none;
  line-height: 15px;
  padding: 8px 30px 10px 60px;
}
#views-exposed-form-job-permanent--block-1 #edit-submit-job-permanent-:hover {
	background-color: #0a88bd;
}

.webform-padded {
	padding: 0 30px 0 30px;
}

/* -- job teasers -- */

#job-catalogue {
	margin-top: 30px;
	padding-top: 40px;
	padding-bottom: 50px;
	background: #f2f2f2;
}

.job-teaser {
	float: left;
	width: 21%;
	height: 420px;
	overflow: hidden;
	margin: 0 4% 20px 0;
	padding: 20px 0 20px 0;
	border-top: 6px solid #fd5b50;
}

.view-job-permanent- .views-field-title,
.view-job-permanent- .views-field-title a {
	color: #1a9bdc;
	font-family: 'souvenir', serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 35px;
	margin-bottom: 20px;
}

.view-job-permanent- .views-field-field-location-,
.view-job-permanent- .views-field-field-position-type,
.view-job-permanent- .views-field-field-min-salary {
	font-family: 'opensans', 'Helvetica', 'Arial',sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
}

.view-job-permanent- .views-field-field-category {
	color: #1a9bdc;
	font-family: 'opensans', 'Helvetica', 'Arial',sans-serif;
	font-size: 15px;
	line-height: 25px;
	margin-top: 10px;
}

.view-job-permanent- .views-field-body {
	margin-top: 10px;
	max-height: 200px;
	overflow: hidden;
}

.view-job-permanent- .views-field-path {
	margin-top: 10px;
}

div.pagination {
	clear: both;
}

body.page-node-57 .view-job-permanent- .view-empty div.footer-padded {
	text-align: center;
}

body.page-node-57 .view-job-permanent- .view-empty h3 {
	color: #1A9BDC;
  font-family: 'souvenir',serif;
  font-size: 32px;
  font-weight: normal;
  line-height: 35px;
}



/* -- job individual -- */

article.node-blog-post,
article.node-job-board-ad {
	padding: 0 30px 0 30px;
}

.webform-client-form div.description {
	margin: -10px 0 10px 0;
	font-size: 12px;
	font-style: italic;
	color: #9a9a9a;
}

body.node-type-job-board-ad h1 a {
	color: #4e4e4e;
}

body.node-type-job-board-ad h1 a:hover {
	text-decoration: none;
}

.field-name-field-position-available,
.field-name-field-location-,
.field-name-field-position-type,
.field-name-field-min-salary,
.field-name-field-estimated-start-date {
	font-family: 'opensansbold', 'Helvetica', 'Arial',sans-serif;
	font-size: 18px;
	line-height: 25px;
}

.field-name-field-position-available .field-label,
.field-name-field-location- .field-label,
.field-name-field-position-type .field-label,
.field-name-field-min-salary .field-label,
.field-name-field-estimated-start-date .field-label {
	font-weight: normal;
}

.field-name-field-min-salary .field-item:before {
	content: "$"
}

.field-name-field-min-salary .field-item:after {
	content: "+"
}

.field-name-field-category {
	margin-top: 10px;
	color: #1a9bdc;
	font-family: 'opensansbold', 'Helvetica', 'Arial',sans-serif;
	font-size: 18px;
	line-height: 25px;
}

article.node-job-board-ad > .field-name-body {
	margin-top: 20px;
	padding-top: 30px;
	border-top: 2px solid #fd5b50;
}

article.node-job-board-ad > .field-name-body > .field-label {
	margin-bottom: 20px;
	font-family: 'opensansbold', 'Helvetica', 'Arial',sans-serif;
	font-size: 22px;
	line-height: 25px;
}

.web-form {
	margin-top: 50px;
	background: #F2F2F2;
}

.region-web-form {
	padding-top: 40px;
}

#applynow-top {
	margin-bottom: 30px;
}

#applynow-bottom {
	float: right;
}

/* XXX Below is a hack to hide upload button on job applications as there is an issue between webforms and something else that results in permissions problems and a fail */

#edit-submitted-resume-upload-button {
	display: none;
}

#block-webform-client-block-51 #edit-submit {
	margin: 20px 0 20px 0;
}

div.job-bottom-tools,
article.node-job-board-ad > .field-name-body .field-item {
	width: 60%;
	margin-top: 20px;
}

/* Hide extra fields */

#webform-component-job-name,
#webform-component-job-id,
#webform-component-job-email-target {
	display: none;
}

/* Back to top */

#back-to-top {
	display: none;
}

/* == Ultrafooter (top blue footer on somepages) == */
/* Version A - grey */

#ultrafooter {
	min-height: 33px; /* 73 */
	padding: 10px 0 7px 0;
	color: #fd4d3d;
	background-color: #dcf0fa;
	font-size: 20px;
	line-height: 30px;
}

#ultrafooter p {
	display: block;
	text-align: center;
	margin-top: 10px;
}

p.uf-text {
	padding: 2px 25px 0 0;
}

#ultrafooter a {
	display: inline-block;
	padding: 6px 30px 8px 30px;
	margin: 10px 0 10px 15px;
	border-radius: 18px;
	color: #FFFFFF;
	background-color: #fd5b50;
	font-size: 15px;
	line-height: 15px;
	white-space: nowrap;
}

#ultrafooter a:hover {
	background-color: #da544a;
	text-decoration: none;
}

/* Version B - white and paint bucket */

body.page-node-16 #ultrafooter,
body.page-node-15 #ultrafooter {
	background-color: #FFFFFF;
	padding-bottom: 0;
}

/* Version C - grey and blue text for contact us */

body.page-node-21 #ultrafooter {
	background-color: #F2F2F2;
	color: #1A9BDC;
  font-family: 'souvenir',serif;
}

/* == Footer == */

.footer {
	clear: both;
	min-height: 73px;
  margin-top: 0 0 0 0;
	background-color: #fd5b50; 
}

.footer-padded {
	padding-left: 30px;
	padding-right: 30px;
}

#footer-social {
	float: left;
	margin-top: 20px;
}

a.social-fb,
a.social-tw,
a.social-ln,
a.social-email {
	display: inline-block;
	width: 33px;
	height: 33px;
	margin-right: 13px;
	text-indent: -4000em;
	background-size: 33px;
	background-repeat: no-repeat;
	background-position: top center;
}

a.social-fb {
	background-image: url('../images/Social-fb.png');
}
a.social-tw {
	background-image: url('../images/Social-tw.png');
}
a.social-ln {
	background-image: url('../images/Social-ln.png');
}
a.social-email {
	background-image: url('../images/Social-email.png');
}

a.social-fb:hover,
a.social-tw:hover,
a.social-ln:hover,
a.social-email:hover {
	background-position: 0 -33px;
}

#footer-logo {
	float: right;
	margin-top: 11px;
	width: 110px;
	height: 27px;
}



#footer-content {
	float: right;
	clear: right;
	margin-top: 3px;
	color: #FFFFFF;
	font-size: 10px;
}

#footer-content p {
	margin: 0 0 0 0;
}

#footer-content a {
	color: #FFFFFF;
}

/* Icons (additional to glythicons. may have different sizes */

i.icon-phone {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 0px;
	line-height: 24px;
	background: url("../images/Icon-phone.png") top left no-repeat;
}

/**
 * Admin Styling
 */

/* Fix Toolbar for .navbar-fixed-top */
body.toolbar .navbar-fixed-top {
 top: 30px;
}

body.toolbar-drawer .navbar-fixed-top {
 top: 65px;
}



html.overlay-open .navbar-fixed-top {
  z-index: 400;
}

/**
 * Search form stylings.
 */

.region-navigation form#search-block-form {
  margin-bottom: 5px;
  margin-top: 5px;
}

@media(max-width: 979px) {
  .region-navigation form#search-block-form {
    float: none;
  }
}

fieldset.search-advanced {
  padding-bottom: 1.5em;
  margin-top: 1em;
}

/* Admin toolbar fix */
body.admin-expanded.admin-vertical.admin-nw .navbar,
body.admin-expanded.admin-vertical.admin-sw .navbar {
  margin-left: 260px;
}

div#admin-toolbar {
  z-index: 500;
}

/* Admin_menu fix */
#admin-menu {
  z-index: 1100;
  position: fixed; 
}

body.admin-menu .navbar-fixed-top {
  top: 30px; 
}

#admin-menu .dropdown li {
  line-height: normal;
} 

/* System base fix */
.container-inline div, .container-inline label {
  display: block;
}

/* Default form fields to auto */
input, textarea, select, .uneditable-input {
  width:auto;
}

/* Default textfield styles inside vertical tabs */
.vertical-tabs .form-type-textfield input {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  width: auto;
}

/* Vertical tabs form elements alighment */
.vertical-tabs .form-item{
  margin: 1em 0;
}

/* Collapsible field groups fix */
html.js fieldset.collapsed {
 height: auto;
}

/* Selected text background colour */

::-moz-selection {
	background-color: #1a9bdc; 
	color: #FFFFFF;
}

::selection {
	background-color: #1a9bdc;
	color: #FFFFFF;
}


/* throbber fix */
html.js input.form-autocomplete {
  background-position: 100% 8px; /* LTR */
  background-repeat: no-repeat;
}

html.js input.throbbing {
  background-position: 100% -13px; /* LTR */
}

.navbar-search .control-group {
  margin-bottom:0px;
}

input.error {
  color: #B94A48;
  border-color: #B94A48;
}

/**
 * Password strength indicator.
 */
.password-strength {
  width: 17em;
  float: right;  /* LTR */
  margin-top: 1.4em;
}

.password-strength-title {
  display: inline;
}

.password-strength-text {
  float: right; /* LTR */
  font-weight: bold;
}

.password-indicator {
  background-color: #C4C4C4;
  height: 0.3em;
  width: 100%;
}

.password-indicator div {
  height: 100%;
  width: 0%;
  background-color: #47C965;
}

input.password-confirm,
input.password-field {
  width: 16em;
  margin-bottom: 0.4em;
}

div.password-confirm {
  float: right;  /* LTR */
  margin-top: 1.5em;
  visibility: hidden;
  width: 17em;
}

div.form-item div.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  width: 38.5em;
  border: 1px solid #B4B4B4;
}

div.password-suggestions ul {
  margin-bottom: 0;
}

.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  width: 36.3em;
}
/* added an extra clear both in the situation the form actions is preceded by an badly wrapped float element and they overlap
e.g. multipage*/

.form-actions{
  clear: both;
}

/* ===== Responsive Changes ===== */

@media(min-height: 995px) { 
/* Special cased just for Mark and his 27 inch monitor, here you go buddy! */

	body.front {
		height: 100%;
	}

	body.front #ultrafooter {
		position: absolute;
		bottom: 73px;
		width: 100%;
	}

	body.front footer.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

}



/* -- START min 1300px  -- */

@media(min-width: 1299px) {

	
	.container { 
    width: 1300px;
  }

	.node-job-board-ad,
	.webform-padded,
	.navbar-padded,
	.tab-content,
	.node-blog-post,
	.footer-padded {
		padding-left: 30px;
		padding-right: 30px;
	}
	

} /* -- END min 1300px  -- */

/* -- START min 1200px  -- */
@media(min-width: 1200px) {

	body.front .main-container article { /* Homepage */
		min-height: 600px;
		background: url('../images/Hero-home.jpg') left bottom no-repeat;
		background-size: 100% auto;
	}	

	body.page-node-14 .main-container article { /* About Us */
		padding: 0 30px 0 685px;
		min-height: 525px;
		background: url('../images/Hero-aboutus.jpg') left top no-repeat;
	}

	body.page-node-20 .main-container article { /* community */
		padding: 0 685px 0 30px;
		min-height: 360px;
		background: url('../images/Hero-community.jpg') right top no-repeat;
	}

	body.page-node-15 .main-container article { /* employers */
		padding: 0 30px 0 685px;
		min-height: 525px;
		background: url('../images/Hero-employers.jpg') left top no-repeat;
	}

	body.page-node-16 .main-container article { /* candidates */
		padding: 0 30px 0 685px;
		min-height: 525px;
		background: url('../images/Hero-candidates.jpg') left top no-repeat;
	}

	body.page-node-57 .main-container article { /* jobs */
		padding: 0 30px 0 685px;
		min-height: 415px;
		background: url('../images/Hero-jobs.jpg') left top no-repeat;
		background-size: contain;
	}

	body.page-node-19 .main-container article { /* blog */
		padding: 0 650px 0 30px;
		min-height: 395px;
		background: url('../images/Hero-blog.jpg') right top no-repeat;
		background-size: contain;
	}

	body.page-node-21 .main-container article#node-48 { /* contactus */
		padding: 0 480px 50px 30px;
		min-height: 485px;
		background: url('../images/Hero-contact-us.jpg') right top no-repeat;
	}

	body.page-node-47 .main-container article { /* 404 */
		padding: 0 500px 0 30px;
		min-height: 610px;
		background: url('../images/Hero-404.jpg') right top no-repeat;
	}

	body.page-node-102 .main-container article { /* thank you */
		padding: 0 442px 0 30px;
		min-height: 710px;
		background: url('../images/Hero-thank-you.jpg') right top no-repeat;
	}

	
	

	p.paintfooter {
		margin-bottom: 20px;
	}


} /* -- END min 1200px  -- */






/* -- START min 980px  -- */
@media(min-width: 980px) {
  body {
    padding-top: 50px;
  }

	.blog-job-padding {
		padding-left: 30px;
		padding-right: 0px;
	}

	div.tab-content {
		padding-left: 30px;
		padding-right: 30px;
	}

	p.paintfooter {
		margin-bottom: 0px;
	}

} /* -- END min 980px  -- */


/* == END of minimum changes and start of MAXIMUM responsive changes == */

/* -- START max 1300px  -- */
@media(max-width: 1300px) {

	body.page-node-102 .main-container article a.orange-button-links {
		display: inline-block;
		float: left;
		clear: left;
		margin-bottom: 20px;
		min-width: 171px;	
	}

} /* -- END max 1300px  -- */


/* -- START max 980px  -- */
@media(max-width: 979px) {
	
	body,
	body.front div.field-name-body {
		padding: 0 0 0 0;
	}

	a.logo {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.back-to-top,
	#back-to-top {
		display: block;
		text-align: center;
		padding: 10px 0 10px 0;
	}
	.back-to-top a,
	#back-to-top a {
		color: #1a9bdc;
	}

	.main-container {
		margin-top: 30px;
	}

	div.page-title {
		display: block;
		color: #1a9bdc;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.nav-collapse ul.menu li a {
		background-color: #ebfafc;
		border-bottom: 1px solid #FFFFFF;
	}

	.navbar .nav {
		float: none;
		margin: 0 0 0 0;
	}

	.navbar .nav > li > a.active,
	.navbar .nav > li > a:hover {
		background-color: #d7f5fa;
		color: #088ac6;
	}

	.navbar .btn-navbar {
		background-image: none;
		background-color: #129cdc;
		border-radius: 15px 15px 15px 15px;
		margin-top: 20px;
		border: none;
		box-shadow: none;
		text-shadow: none;
	}

	.navbar .btn-navbar:hover {
		background-color: #088ac6;
	}

	.navbar .btn-navbar .icon-bar {
		box-shadow: none;
	}

	body.front .main-container article { /* Homepage */
		min-height: 630px;
		background: url('../images/Hero-home-S.jpg') left bottom no-repeat;
		background-size: 100% auto;
		padding: 0 20px 0 20px;
		margin-bottom: 40px;
	}

	body.page-node-102 .main-container article,
	body.page-node-14 .main-container article, 
	body.page-node-20 .main-container article,
	body.page-node-15 .main-container article,
	body.page-node-16 .main-container article,
	body.page-node-57 .main-container article,
	body.page-node-19 .main-container article,
	body.page-node-21 .main-container article#node-48,
	body.page-node-47 .main-container article {
		background-image: none;
		min-height: auto;
		padding: 0 20px 0 20px;
	}

	.webform-padded,
	article.node-blog-post,
	article.node-job-board-ad,
	#mytab,
	div.page-title,
	div.tab-content,
	.navbar-padded {
		padding: 0 20px 0 20px;
	}

	#block-social-share-social-share {
		padding: 10px 20px 20px 20px;
	}

	ul#mytab {
		display: block;
	}

	ul.sub-nav {
		margin-top: 2px;
	}


	ul.sub-nav li {
		float: none;
		width: 100%;	
	}

	ul.sub-nav li a,
	ul.sub-nav li:first-child a {
		width: 100%;
		float: none;
		clear: both;
		margin: 0 0 2px 0;
		padding: 8px 0 8px 0;
		background-image: none;
		background-color: #e4e4e4;
		height: auto;
		
	}

	ul.sub-nav li a:hover, 
	ul.sub-nav li.active a {
		background-color: #1a9bdc;
	}

	div.left25 {
		width: 45%;
		margin-right: 4%;
	}

	/* Solve float wrapping issue, 4th child to allow for h2 */
	div.left25:nth-child(4) {
		clear: left;
	}

	#ultrafooter div.left50 { /* for paint spill footer */
		width: 100%;
		float: none;
	}

	#ultrafooter div.left50 img {
		margin-left: auto;
		margin-right: auto;
		
	}

	#ultrafooter div.right50 {
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.footer-padded {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.blog-teaser,
	.job-teaser {
		width: 30%;
		height: 420px;
		overflow: hidden;
		margin: 0 3% 20px 0;
		padding: 20px 0 20px 0;
	}

	div.job-bottom-tools, 
	article.node-job-board-ad > .field-name-body .field-item,
	article.node-blog-post > .field-name-body .field-item {
    width: 100%;
		float: none;
	}
	
	article.node-blog-post > .field-name-field-image {
		float: none;	
		width: 40%;
		min-width: 200px;
	}
	
	.contact-blue {
		margin-top: 20px;
		float: none;
		width: 100%;
	}

	#webform-client-form-48 {
		width: 100%;
		margin: 30px auto 60px auto;
	}


} /* -- END max 980px  -- */

/* -- START max 767px  -- */
@media(max-width: 767px) {

	.navbar-inner {
		padding-left: 0;
		padding-left: 0;
	}
	
	.blog-teaser,
	.job-teaser {
		width: 45%;
		height: 420px;
		overflow: hidden;
		margin: 0 4% 20px 0;
		padding: 20px 0 20px 0;
	}

	#jobapply-extra,
	#contact-extra {
		margin-top: 30px;
	}

	.region-web-form {
		padding-top: 20px;
	}


} /* -- END max 767px -- */

/* -- START max 650px  -- */
@media(max-width: 650px) {

	#job-catalogue {
		padding: 10px 0 20px 0;
	}

	#views-exposed-form-job-permanent--block-1 {
		padding: 0 20px 0 0;
	}

	#views-exposed-form-job-permanent--block-1 input,
	#views-exposed-form-job-permanent--block-1 select {
		padding: 4px 0 4px 0;
	}

	#views-exposed-form-job-permanent--block-1 .views-exposed-form .views-exposed-widget {
		float: none;
		width: 100%;
		padding: 0 0 0 0;	
	}

	#webform-client-form-48 {
		float: none;
		width: 100%;
		margin: 20px 0 20px 0;
	}

	
	
	body.front .main-container article { /* Homepage */
		min-height: 580px;
	}
	
	body.page-node-21 #block-webform-client-block-48 article div.field-type-text-with-summary {
		float: none;
		width: 100%;
	}


} /* -- END max 650px -- */


/* -- START max 500px  -- */
@media(max-width: 500px) {

	body.front .main-container article { /* Homepage */
		min-height: 540px;
	}

	body.front .main-container article {
		margin-bottom: 30px;
	}

	.main-container {
		margin-top: 20px;
	}
	div.page-title {
		margin-bottom: 0;
	}

	h1 {
		font-size: 48px;
		line-height: 50px; 
	}

	.navbar .nav > li > a {
		font-size: 17px;
	}

	div.right25,
	div.left25 {
		width: 100%;
		float: none;
		margin: 0 0 60px 0;
	}
	div.right50,
	div.left50 {
		width: 100%;
		float: none;
		margin: 0 0 0 0;
	}
	
	.blog-teaser,
	.job-teaser {
		float: none;
		width: 290px;
		height: auto;
		overflow: hidden;
		margin: 0 0 0 0;
		padding: 20px 0 20px 0;
	}

	.webform-client-form input, 
	.webform-client-form textarea, 
	.webform-client-form select {
		width: 100%;	
	}

	.field-type-text-with-summary a.orange-button-links {
		display: inline-block;
	}
	
	.google-map,
	#locationmap_map {
		height: 200px !important;
	}

	#webform-client-form-48 #edit-submit {
		clear: both;
		float: left;	
		margin: 10px 0 0 0;
	}

	.form-item-submitted-join-our-mailing-list-join-mailing-list label {
		margin-top: 10px;
	}


} /* -- END max 500px -- */

/* -- START max 380px  -- */
@media(max-width: 380px) {

	body.page-node-14 .main-container article, 
	body.page-node-20 .main-container article,
	body.page-node-15 .main-container article,
	body.page-node-16 .main-container article,
	body.page-node-57 .main-container article,
	body.page-node-19 .main-container article,
	body.page-node-21 .main-container article,
	body.page-node-47 .main-container article,
	body.front .main-container article,
	article.node-blog-post,
	article.node-job-board-ad,
	.blog-job-padding,
	#mytab,
	div.page-title,
	div.tab-content,
	.webform-padded,
	.navbar-padded {
		padding: 0 10px 0 10px;
	}

	#block-social-share-social-share {
		padding: 10px 10px 10px 10px;
		text-align: center;
	}

	.footer-padded {
		text-align: center;
	}
	
	#footer-social,
	#footer-content,
	#footer-logo {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: both;
	}

	.webform-client-form input, 
	.webform-client-form textarea, 
	.webform-client-form select {
		width: 95%;
	}
	#views-exposed-form-job-permanent--block-1 input,
	#views-exposed-form-job-permanent--block-1 select,
	#views-exposed-form-job-permanent--block-1 label {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}

} /* -- END max 380px -- */

/* -- Start Retina displays -- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 192dpi) {

	a.social-fb {
		background-image: url('../images/Social-fb@2x.png');
	}
	a.social-tw {
		background-image: url('../images/Social-tw@2x.png');
	}
	a.social-ln {
		background-image: url('../images/Social-ln@2x.png');
	}
	a.social-email {
		background-image: url('../images/Social-email@2x.png');
	}

	a.social-share-facebook {
		background-image: url("../images/Social-fb-BW@2x.png");
	}
	a.social-share-twitter {
		background-image: url("../images/Social-tw-BW@2x.png");
	}
	a.social-share-linkedin {
		background-image: url("../images/Social-ln-BW@2x.png");
	}
	a.social-share-email {
		background-image: url("../images/Social-email-BW@2x.png");
	}

} /* -- END retina and similar displays -- */