/*
Theme Name: 	Upwardly Global Microsite
Description: 	Custom theme
Version: 		1.0
Author: 		Development: Randy Federighi / Design: Michael Bierman
Author URI: 	https://prop-14.com
*/

/* ======================= global resets ======================= */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 					{ border-collapse:collapse; border-spacing:0 }
fieldset, img 			{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th	 			{ text-align:left }
q:before, q:after 		{ content:''}
a img 					{ border:none } /* Gets rid of IE's blue borders */
input[type="submit"]	{ cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
input[type="submit"]::-moz-focus-inner { border:0; } /* helps with input and submit sizing */
/* html5 reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio,
canvas,
video 					{ display:inline-block; }
audio:not([controls]) 	{ display:none; }
@-ms-viewport			{ width:device-width; }
*,
*:before,
*:after 			{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
:link img 			{ border:none; }
a 					{ outline:none; }
.clearfix:after 				{ visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix             	{ zoom:1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom:1; } /* IE7 */
/* responsive */
img, object, embed 	{ max-width:100%; height:auto; }
object, embed		{ height:100%; }
img				 	{ -ms-interpolation-mode: bicubic; }

/* ======================= Index ======================= */
/*
	- OVERVIEW:

 	- Architecture / Grid
	- Typography
	- Masthead
	- Navigation
	- Post (general content area)
	- Sidebar
	- Archive
	- Footer
	- Page Templates
	- Theme Helpers
	- Presentational classes generated by WordPress
	- Plugin Styling
	- Theme custom short codes
	- Responsive
*/

/*======================= misc. global ======================= */
html {
	height:100%;
	font-size:62.5%;
}
body {
	height:100%;
	margin:0;
	padding:0;
	background:#f6f6f6;
	color:#646466;
	font-family:"myriad-pro", sans-serif;
	font-size:2.3rem;
	font-weight:normal;
	text-align:left;
}
.pagewidth {
	width:1200px;
	margin:0 auto;
}
#page-wrap {
	position:relative;
	min-height:100%;
	width:100%;
	margin:0 auto -34px auto;
	background:#fff;
	overflow:hidden;
}
#page-wrap:after {
  	content:"";
  	display:block;
  	height:34px;
}
#content-wrap {
	margin:0;
	padding:0;
}

/*======================= Typography ======================= */
p {
	margin:0 0 15px 0;
	line-height:1.5;
}
/* lists */
ul {
	margin:0 0 15px 0;
	padding:0;
}
ul li {
 	margin:0 0 0 30px;
 	padding:0;
 	list-style:disc;
 	line-height:1.4;
}
ul li ul li	{
	list-style:circle;
}
ol {
	margin:0 0 15px 0;
	padding:0;
}
ol li {
	text-align:left;
	margin:0 0 0 30px;
	padding:0;
	list-style:decimal;
	line-height:1.4;
}
blockquote {
	margin:20px;
	padding:0px;
	font-size:2.2rem;
}
blockquote p {
	font-style:italic;
	margin:0;
}
small {
	font-size:1.1rem;
}
strong, b {
	font-weight:700;
}
em, i {
	font-style:italic;
}
/* tables */
table {
	border-collapse:collapse;
	border:1px solid #aaa;
	margin:0 0 20px 0;
}
td,th	{
	padding:7px 20px;
	border:1px solid #aaa;
	text-align:center;
}
table tr:nth-child(odd) {
	background:#e7e7e8;
}
table tr:nth-child(even) {
	background:#fff;
}
th {
	background:#333;
	color:#fff;
}
/* headings */
h1,h2,h3,h4,h5,h6 {
	text-align:left;
	font-weight:600;
	color:#646466;
	line-height:1.1;
}
h1 {
	font-size:3.5rem;
	margin:0 0 20px 0;
}
h2 {
	font-size:3.5rem;
	margin:0 0 10px 0;
	color:#646466;
}
h3 {
	font-size:3rem;
	margin:0 0 10px 0;
	color:#646466;
}
h4 {
	font-size:2.6rem;
	margin:0 0 10px 0;
	font-weight:700;
}
h5 {
	font-size:2.4rem;
	margin:0 0 10px 0;
}
h6 {
	font-size:1.8rem;
	margin:0 0 10px 0;
}

/* default links & buttons */
a {
	color:#F26522;
	text-decoration:none;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
a:hover {
	text-decoration:none;
}
a.button,
button.button,
input[type="submit"] {
	background:#F26522;
	display:block;
	margin:0;
	padding:0 25px;
	width:auto;
	height:34px;
	line-height:34px;
	float:left;
	width:auto;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	font-size:1.6rem;
	border:none;
	letter-spacing:2px;
	cursor:pointer;
	text-align:center;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
a.button:hover,
button.button:hover,
input[type="submit"]:hover {
	text-decoration:none;
	text-shadow:0 0 10px rgba(255,255,255,0.95);
	color:#fff !important;
}
a.button.button-left {
	float:left;
	margin-right:20px;
}
a.button.button-right {
	float:right;
	margin-left:20px;
}
a.button.button-center {
	float:none;
	margin-left:auto !important;
	margin-right:auto !important;
}

/* Forms */
label {
	display:block;
	margin:0 0 5px 0;
}
input,
textarea,
select {
	display:block;
	color:#555;
	margin:0 0 15px 0;
	padding:5px;
	border:1px solid #ccc;
	font-size:1.7rem;
	font-family:"myriad-pro", sans-serif;
	box-sizing:			border-box;
	-ms-box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
}
input[type="radio"],
input[type="checkbox"] {
	display:inline-block;
	margin:0 0 5px 0;
}
select {
	line-height:28px; /* this is needed to keep height on select elements in safari */
}
/* placeholder font color */
::-webkit-input-placeholder {
	color:#333;
}
:-moz-placeholder {
	/* Firefox 18- */ color:#333;
}
::-moz-placeholder {
	/* Firefox 19+ */ color:#333;
}
:-ms-input-placeholder {
	color:#333;
}

/* Accessibility */
.skip {
    position:absolute;
    top:-1000px;
    left:-1000px;
    height:1px;
    width:1px;
    text-align:left;
    overflow:hidden;
}
a.skip:active,
a.skip:focus,
a.skip:hover {
    left:0;
    top:0;
    width:auto;
    height:auto;
    overflow:visible;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  	border:0;
  	clip:rect(1px, 1px, 1px, 1px);
  	clip-path:inset(50%);
  	height:1px;
  	margin:-1px;
  	overflow:hidden;
  	padding:0;
  	position:absolute !important;
  	width:1px;
  	word-wrap:normal !important;
}

.orange {
	color:#F26522;
}
.blue {
	color:#32a0dc;
}
.grecaptcha-badge {
	display:none !important;
}

/* ======================= Masthead ====================== */
.mobile-header-img {
	display:none;
	height:150px;
	line-height:150px;
	background:#ccc;
	text-align:center;
}
#masthead {
	position:relative;
	margin:0;
	padding:0;
	z-index:1000;
}
#masthead #topbar {
	height:80px;
	line-height:80px;
	color:#fff;
}
#masthead #topbar a.biglink {
	width:22%;
	height:100%;
	line-height:80px;
	float:left;
	display:block;
	background:#F26522;
	color:#fff;
	font-size:1.6rem;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:2px;
	font-weight:600;
}
#masthead #topbar a.biglink.active,
#masthead #topbar a.biglink:hover {
	text-decoration:none;
	text-shadow:0 0 10px rgba(255,255,255,0.95);
}

/* SmartMenus CSS */
.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}

#masthead #topbar .center {
	width:56%;
	height:80px;
	float:left;
	background:#646466;
}
#masthead #topbar .search-row {
	height:40px;
	overflow:hidden;
}
#masthead #topbar #search {
	width:220px;
	margin:0 auto;
	position:relative;
}
#masthead #topbar #search input.search-text {
	width:40px;
	height:30px;
	line-height:30px;
	margin:10px auto 0 auto;
	padding:0;
	border:none;
	outline:none;
	color:#fff;
	font-size:1.6rem;
	background:none;
}
#masthead #topbar #search input.search-text.open,
#masthead #topbar #search input.search-text:focus {
	outline:none;
	border:none;
	padding:0 10px;
	background:rgba(255,255,255,0.05);
}
#masthead #topbar #search button.searchsubmit,
#masthead #topbar #search span.submit-overlay {
	display:block;
	cursor:pointer;
	width:30px;
	height:30px;
	line-height:30px;
	position:absolute;
	right:50%;
	top:0;
	margin:0;
	padding:0;
	outline:none;
	text-align:center;
	font-size:1.8rem;
	color:#fff;
	border:none;
	background:none;
}
#masthead #topbar #search button.searchsubmit {
	right:0;
}

/* main navigation */
#masthead #topbar .nav-row {
	height:40px;
	overflow:hidden;
}
#masthead #topbar ul#nav {
	margin:0;
	padding:0;
	text-align:center;
}
#masthead #topbar ul#nav li {
	display:inline-block;
	list-style:none;
	position:relative;
	padding:0;
	margin:0;
}
#masthead #topbar ul#nav li a {
	margin:0;
	padding:0 5px;
	line-height:40px;
	font-size:1.4rem;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1.5px;
	display:block;
	text-decoration:none;
}
#masthead #topbar ul#nav li a:hover {
	text-decoration:none;
	text-shadow:0 0 10px rgba(255,255,255,0.95);
}
#masthead #topbar ul#nav > li.current-menu-item > a,
#masthead #topbar ul#nav > li.active > a {

}
#masthead #topbar ul#nav li ul {
	display:none;
	background:#536381;
	position:absolute;
	left:0;
	top:100%;
	margin:0;
	padding:0;
	z-index:100;
	border:none;
}
#masthead #topbar ul#nav li ul li {
	float:none;
	margin:5px 0;
}
#masthead #topbar ul#nav li ul li a {
	float:none;
	width:220px;
	display:block;
	padding:5px 15px;
	background:none;
}
#masthead #topbar ul#nav li ul li ul {
	left:100%;
	top:0;
}

/* hero */
#masthead #page-hero {
	height:220px;
	overflow:hidden;
	position:relative;
	background:rgb(245,245,245);
}
#masthead #page-hero img.logo {
	display:block;
	position:absolute;
	z-index:100;
	top:55px;
	left:50%;
	margin-left:-300px;
	width:600px;
	height:auto;
}
#masthead #page-hero .hero-left {
	float:left;
	position:relative;
}
#masthead #page-hero .hero-left .overlay {
	width:244px;
	height:100%;
	position:absolute;
	z-index:50;
	right:0;
	top:0;
	background:url(assets/images/hero-left-overlay-gray.png) no-repeat top right;
}
#masthead #page-hero .hero-right {
	float:right;
	position:relative;
}
#masthead #page-hero .hero-right .overlay {
	width:244px;
	height:100%;
	position:absolute;
	z-index:50;
	left:0;
	top:0;
	background:url(assets/images/hero-right-overlay-gray.png) no-repeat top left;
}


/*
#masthead #page-hero {
	height:220px;
	overflow:hidden;
	background-repeat:			no-repeat;
	background-position:		center center;
	-webkit-background-size: 	cover;
  	-moz-background-size: 		cover;
  	-o-background-size: 		cover;
  	background-size: 			cover;
}
#masthead #page-hero .inner {
	padding:55px 0 40px 0;
	background:rgba(255,255,255,0.7);
}
#masthead #page-hero img.logo {
	display:block;
	margin:0 auto;
	width:600px;
	height:auto;
}
#masthead #page-hero h2 {
	font-size:9rem;
	font-weight:300;
	text-align:center;
	margin:0;
	color:#fff;
}
#masthead #page-hero h2 a {
	color:#fff;
}
*/

/* ======================= Post / Page ====================== */
.entry-content {
	padding:40px 50px;
	text-align:center;
}
.entry-content a:hover {
	color:#c55621;
}
.entry-content h1 {
	font-size:6rem;
	color:#646466;
	text-align:center;
}
.entry-content h2,
.entry-content h3 {
	text-align:center;
}

/* ======================= sidebar.php ====================== */
#secondary {
	width:25%;
	float:left;
}
#secondary .widget {
	padding:0;
	margin:0 0 25px 0;
	position:relative;
}
#secondary h3.widget-title {

}
#secondary .widget p {
	line-height:1.3;
	font-size:1.4rem;
	margin:0 0 10px 0;
}
#secondary .widget ul {
	margin:10px 0px 20px 0;
	padding:0;
}
#secondary .widget ul li {
	text-align:left;
	margin:5px 0 5px 20px;
	padding:0;
	list-style:disc;
	line-height:1.2;
}
#secondary .widget p.edit {
	position:absolute;
	top:0;
	right:0;
	font-size:1.1rem;
}
/* WP widgets */
.widget_recent_entries {  }
.widget_recent_entries ul {  }
.widget_recent_entries ul li {
	margin:0 0 10px 0;
}
.widget_recent_entries span.post-date {
	display:block;
	font-size:1.3rem;
	font-style:italic;
}
.widget_categories {
	margin:0 0 0 15px;
}

/* ======================= archive.php / search.php ====================== */
.archive-content {
	padding:40px 50px;
}

.result {
	padding:0 0 40px 0;
}
.result h3 i.fa-external-link {
	position:relative;
	top:-6px;
	font-size:1.6rem;
}
.result .featured-img {
	width:25%;
	padding-right:25px;
	float:left;
}
.result .post-content.has-thumb {
	width:75%;
	float:left;
}

/* paging */
.paging {
	margin:0;
}
.paging span,
.paging a {
	display:inline-block;
	padding:0px 5px;
	margin:0 3px 0 0;
}
.paging a.page-numbers {

}
.paging a.page-numbers.prev {

}
.paging a.page-numbers.next {

}
.paging span.page-numbers.current {

}

/* ACF social media */
ul.social-links {
	margin:15px 0 0 0;
	padding:0;
	text-align:center;
}
ul.social-links li {
	margin:0 5px;
	padding:0;
	list-style:none;
	display:inline-block;
}
ul.social-links li a {
	display:block;
	width:24px;
	height:24px;
	line-height:24px;
	background:#fff;
	text-align:center;
	font-size:1.6rem;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}

/* ======================= footer.php ======================= */
#footer {
	position:relative;
	width:100%;
	height:34px;
	line-height:34px;
	color:#fff;
	background:#646466;
	padding:0 20px;
	text-transform:uppercase;
	font-size:1.4rem;
	font-weight:600;
}
#footer .left {
	width:50%;
	float:left;
}
#footer .right {
	width:50%;
	float:left;
	text-align:right;
}
#footer .right ul {
	margin:0;
	padding:0;
}
#footer .right ul li {
	display:inline-block;
	margin:0 0 0 15px;
	padding:0;
}
#footer .right ul li a {
	margin:0;
	padding:0;
	color:#fff;
}

/* partner logos drawer */
#partners-drawer {
	position:absolute;
	z-index:5000;
	width:1200px;
	left:50%;
	margin-left:-600px;
	top:100%;
	color:#646466;
	border-top:1px solid #ddd;
}
#partners-drawer a#partners-button {
	position:absolute;
	width:180px;
	height:60px;
	line-height:60px;
	left:50%;
	margin-left:-90px;
	top:-60px; /* must equal height of button */
	display:block;
	background:#F26522;
	color:#fff;
	font-size:1.6rem;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:2px;
	font-weight:600;
}
#partners-drawer a#partners-button:hover {
	opacity:1;
	text-decoration:none;
	text-shadow:0 0 5px rgba(255,255,255,0.95);
}
#partners-drawer .partner-logos {
	background:#fff;
	padding:40px 20px;
	text-align:center;
}
/* also used in shortcode */
.thumbnail-wrap {
	position:relative;
	display:inline-block;
	width:150px;
	height:150px;
	background:#f5f5f5;
	margin:0 20px 35px 20px;
	padding:10px;
}
.thumbnail-wrap a.partner-logo {
	display:block;
	position:absolute;
    width:130px;
    height:130px;
    text-align:center;
}
.thumbnail-wrap a.partner-logo img {
	position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    max-height:100%;
    max-width:100%;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
/* shortcode for logos */
.partner-logos-sc {
	margin:30px 0 0 0;
	text-align:center;
}
.partner-logos-sc img {
	display:inline-block;
	margin:0 10px;
}

/* ======================= Page Templates ====================== */
/* contact account manager form */
#account-contact {
	/*display:none;*/
}
#account-contact input,
#account-contact textarea {
	margin:0 auto;
}
#account-contact input[type="submit"] {
	width:100px;
	margin:0 auto;
	float:none;
}

/* home page */
body.page-template-home-page-tpl .screen-wrap .pagewidth {
	background:#f6f6f6;
}
body.page-template-home-page-tpl .entry-content h2 {
	text-align:center;
}
body.page-template-home-page-tpl .entry-content p {
	text-align:center;
}
/* stairs only from slider */
.home-stairs-canvas {
	position:relative;
	width:400px;
	height:200px;
	margin:20px auto 20px auto;
	/*
	background:url(assets/images/job-seeker-slider/stairs-even.png) no-repeat left bottom;
	-webkit-background-size: 	100% auto;
  	-moz-background-size: 		100% auto;
  	-o-background-size: 		100% auto;
  	background-size: 			100% auto;
  	*/
}
img.static-version {
	display:none;
	margin:0 auto 20px auto;
}
#job-seeker-slide-5.home-stairs .canvas .bounce-path-mask {
	background:#fff;
}
/*
.home-stairs-canvas img.stairs {
	display:block;
	position:absolute;
	z-index:50;
	left:0px;
	bottom:0;
	width:100%;
	height:auto;
}
.home-stairs-canvas img.ball {
	display:block;
	position:absolute;
	z-index:40;
	left:-60px;
	bottom:0;
	width:35px;
	height:auto;
}
.home-stairs-canvas .bounce-path-mask {
	display:block;
	position:absolute;
	width:430px;
	height:100%;
	background:#fff;
	z-index:30;
	right:0px;
	bottom:0px;
}
.home-stairs-canvas img.bounce-path {
	display:block;
	position:absolute;
	z-index:20;
	left:-30px;
	bottom:8px;
}
*/
#home-primary {
	padding:0 0 80px 0;
}
#home-primary .entry-content {
	padding:40px 30px 40px 30px;
}
#home-primary .callouts {
	padding:0 50px;
}
#home-primary .callouts .col {
	width:48%;
	float:left;
	background:#fff;
	padding-bottom:40px;
	border:1px solid #dedede;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
  	-moz-box-shadow:    0px 0px 40px 0px rgba(0,0,0,0.1);
  	box-shadow:         0px 0px 40px 0px rgba(0,0,0,0.1);
}
#home-primary .callouts .col-2 {
	float:right;
}
#home-primary .callouts .col .heading {
	border-top:10px solid #32a0dc;
}
#home-primary .callouts .col .heading h4 {
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:1.6rem;
	font-weight:600;
	margin:0 40px 20px 40px;
	padding:7px 0 15px 0;
	background:#32a0dc;
}
#home-primary .callouts .col .content {
	padding:0 40px;
}
#home-primary .callouts .col .content h3 {
	text-align:center;
	line-height:1;
	margin:0 0 15px 0;
}
#home-primary .callouts .col .content p {
	text-align:center;
}
#home-primary .callouts .col .content a.button:nth-child(2) {
	float:right;
}
body.page-template-home-page-tpl #qualify-quiz {
	margin:20px 40px 0 40px;
}

/* qualify quiz */
#qualify-quiz {
	max-width:470px;
	/*height:200px;*/
	overflow:hidden;
	margin:30px auto 0 auto;
}
#qualify-quiz .panel {
	position:relative;
	width:100%;
	/*min-height:200px;*/
	float:left;
	padding:20px;
	color:#fff;
	background:#32a0dc;
	text-align:left;
}
#qualify-quiz .panel span {
	display:block;
}
#qualify-quiz .panel span.q-text {
	font-weight:400;
	font-size:2.2rem;
	color:#fff;
}
#qualify-quiz .panel span.q-text a {
	color:#fff;
	border-bottom:2px solid #fff;
}
#qualify-quiz .panel span.q-text a:hover {
	text-decoration:none;
}
#qualify-quiz .panel span.q-number {
	/*
	position:absolute;
	width:40px;
	left:20px;
	bottom:10px;
	*/
	line-height:1;
	font-size:6.6rem;
	font-weight:300;
}
#qualify-quiz .panel a.q-nav {
	display:block;
	position:absolute;
	width:50px;
	height:50px;
	bottom:20px;
	border:1px solid #0a2f42;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
#qualify-quiz .panel a.q-nav.no {
	right:85px;
}
#qualify-quiz .panel a.q-nav.yes {
	right:20px;
}
#qualify-quiz .panel a.q-nav:hover svg line {
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
#qualify-quiz .panel a.q-nav:hover {
	opacity:1;
	color:#fff;
}
#qualify-quiz .panel a.q-nav.no:hover {
	background:#F26522;
}
#qualify-quiz .panel a.q-nav.yes:hover {
	background:rgb(118,193,75);
}
#qualify-quiz .panel a.q-nav:hover svg line {
	stroke:#fff;
}

/* for service providers */
.partnership-quotes {
	margin:50px 0;
}
.partnership-quotes .col {
	width:30%;
	float:left;
	margin-right:5%;
	padding:30px 20px 20px 20px;
	background:#32a0dc;
	color:#fff;
	text-align:center;
}
.partnership-quotes .col.col-3 {
	margin-right:0;
}
.partnership-quotes .col .circle {
	width:150px;
	height:150px;
	background:#666;
	margin:0 auto 10px auto;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
.partnership-quotes .col .quote {
	margin:0 0 10px 0;
}
.partnership-quotes .col .name {
	text-transform:uppercase;
}

/* resource library */
.resource-intro {
	margin:0 0 10px 0;
}
.resource-intro .col h2,
.resource-intro .col h3,
.resource-intro .col h4 {
	text-align:center;
}
.resource-intro.cols-2 .col-1 {
	text-align:center;
}
.resource-intro.cols-2 .col-1 {
	width:65%;
	float:left;
	padding-right:80px;
	text-align:left;
}
.resource-intro.cols-2 .col h2,
.resource-intro.cols-2 .col h3,
.resource-intro.cols-2 .col h4 {
	text-align:left;
}
.resource-intro .col-2 {
	width:35%;
	float:left;
	text-align:left;
}
.resource-intro .col-2 p {
	font-size:2rem;
}
.salesforce-form {
	width:250px;
	margin:0 auto 25px auto;
}
.salesforce-form input,
.salesforce-form select,
.salesforce-form textarea {
	width:100%;
}
.salesforce-form .g-recaptcha {
	margin:20px 0;
}
/* on resource page */
.page-template-resource-library-tpl .salesforce-form {
	width:100%;
}
.page-template-resource-library-tpl .salesforce-form input,
.page-template-resource-library-tpl .salesforce-form select,
.page-template-resource-library-tpl .salesforce-form textarea {
	width:100%;
}
.page-template-resource-library-tpl label {
	display:none;
}
.page-template-resource-library-tpl .salesforce-form .g-recaptcha {
	margin:20px 0;
}

/* resource filtering */
/* filter results */
#filter-cntrls {
	margin:30px 0 20px 0;
	border-top:8px solid #dcdcde;
}
#filter-cntrls .controls {
	width:90%;
	float:left;
}
#filter-cntrls ul {
	margin:0;
	padding:0;
}
#filter-cntrls ul li {
	margin:0 15px 0 0;
	padding:4px 0;
	font-size:1.6rem;
	font-weight:700;
	float:left;
	color:#3f3e40;
	cursor:pointer;
	list-style:none;
	border-bottom:2px solid #F26522;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
#filter-cntrls ul li:hover,
#filter-cntrls ul li.mixitup-control-active {
	color:#F26522;
}
#filter-cntrls .view-ctrls {
	width:10%;
	float:left;
	text-align:right;
}
#filter-cntrls .view-ctrls a {
	display:inline-block;
	margin:0 0 0 5px;
	padding:3px 0 0 0;
	color:#999;
	font-size:2.2rem;
	border-bottom:none !important;
}
#filter-cntrls .view-ctrls a:hover {
	background:none !important;
	color:#555;
}

/* animated file area (grid view) */
.grid.container {
	overflow:hidden;
	min-height:350px;
	display:flex;
	flex-grow:1;
	flex-flow:row wrap;
	justify-content:space-between;
	align-content:flex-start;
	will-change:height;
}
.mix {
	display:inline-flex;
	flex-direction:column;
	transition:background 150ms;
	will-change:contents;
	position:relative;
	width:18%;
	height:200px;
	margin:1% 2% 1% 0;
	padding:15px;
	color:#646466;
	background:#fff;
	border:1px solid #F26522;
}
.mix span {
	display:block;
	position:relative;
	text-align:left;
}
.mix span.subject {
	font-size:1.3rem;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:700;
}
.mix span.title {
	position:absolute;
	width:100%;
	left:0;
	bottom:30px;
	line-height:1.1;
	padding:0 15px;
	font-size:2rem;
}
.mix:after {
	width:46px;
	height:23px;
	display:block;
	position:absolute;
	z-index:100;
	bottom:-3px;
	left:0px;
	content:'';
	background:url(assets/images/branding-shape.png) no-repeat 0 0;
}

.grid.container .gap {
	display:inline-block;
	width:18%;
	height:200px;
	overflow:hidden;
	margin:1% 2% 1% 0;
}

/* for job seekers (slider page) */
.service-slider {
	height:450px;
	background:#e7e7e8;
	text-align:center;
	position:relative;
}
.service-slider h2 {
	text-align:center;
	font-size:4.8rem;
}
.service-slider ul {
	margin:0;
	padding:0;
}
.service-slider ul li {
	height:450px;
	margin:0;
	padding-left:100px;
	padding-right:100px;
}
.service-slider p:last-child {
	margin:0;
}
.bx-wrapper .bx-controls-direction a {
	margin-top:0;
	margin-top:-42px;
	width:43px;
	height:84px;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	right:15px;
	background-image:url(assets/images/slider-next.png);
}
.bx-wrapper .bx-controls-direction a.bx-prev {
	left:15px;
	background-image:url(assets/images/slider-prev.png);
}

/* job seeker slider */
#job-seeker-slider.service-slider {
	height:450px;
}
#job-seeker-slider.service-slider img.flat-mobile {
	display:none;
	margin:0 auto 20px auto;
}
#job-seeker-slide-0 {
	position:relative;
	padding-top:50px;
}
#job-seeker-slider ul li {
	overflow:hidden;
}
#job-seeker-slider ul li p {
	margin:0 auto;
}
#job-seeker-slide-0 p {
	opacity:0;
}
#job-seeker-slide-0 .canvas {
	position:relative;
	width:450px;
	height:215px;
	margin:0 auto 10px auto;
	/* background:url(assets/images/job-seeker-slider/first-slide-map-base-scaled.png) no-repeat center center; */
}
#job-seeker-slide-0 .canvas .world-mask {
	position:absolute;
	z-index:50;
	top:0;
	left:0;
	width:450px;
	height:215px;
	overflow:hidden;
}
#job-seeker-slide-0 .canvas .world-mask img {
	display:block;
	position:absolute;
	z-index:40;
	top:0;
	left:0;
	width:450px;
	max-width:450px;
	height:215px;
}
#job-seeker-slide-0 .canvas img {
	display:block;
}
#job-seeker-slide-0 .canvas .paths {
	position:absolute;
	z-index:10;
	top:0px;
	right:0px;
	/* background:url(assets/images/job-seeker-slider/immigration-paths-3.png) no-repeat 0 0; */
}
#job-seeker-slide-0 .canvas img.path {
	position:absolute;
}

/* piggy bank */
#job-seeker-slide-1 {
	padding-top:250px;
}
#job-seeker-slide-1 img.piggy-bank {
	opacity:0;
	width:200px;
	height:auto;
	position:absolute;
	z-index:10;
	top:70px;
	left:50%;
	margin-left:-100px;
}
#job-seeker-slide-1 img.piggy-pocket {
	opacity:0;
	position:absolute;
	z-index:100;
	top:100px;
	left:50%;
	margin-left:-34px;
}
#job-seeker-slide-1 img.coin {
	position:absolute;
	z-index:50;
	width:48px;
	height:auto;
	top:-100px;
	left:50%;
	margin-left:-30px;
}

/* English odometer */
#job-seeker-slide-2 .odometer {
	position:relative;
	width:546px;
	height:110px;
	margin:100px auto 50px auto;
}
#job-seeker-slide-2 .odometer span.section {
	position:relative;
	display:block;
	width:70px;
	height:110px;
	line-height:110px;
	float:left;
	margin:0 4px;
	background:#fff;
	text-align:center;
	overflow:hidden;
	color:#F26522;
	font-size:5rem;
	background-position:center bottom;
	background-repeat:no-repeat;
	-o-transition:		2s;
	-ms-transition:		2s;
	-moz-transition:	2s;
	-webkit-transition:	2s;
	transition:			2s;
}
#job-seeker-slide-2 .odometer span.section.letter-e {
	background-image:url(assets/images/job-seeker-slider/odom-1.png);
	background-position:center 330px;
}
#job-seeker-slide-2 .odometer span.section.letter-n {
	background-image:url(assets/images/job-seeker-slider/odom-2.png);
	background-position:center 300px;
}
#job-seeker-slide-2 .odometer span.section.letter-g {
	background-image:url(assets/images/job-seeker-slider/odom-3.png);
	background-position:center 270px;
}
#job-seeker-slide-2 .odometer span.section.letter-l {
	background-image:url(assets/images/job-seeker-slider/odom-4.png);
	background-position:center 240px;
}
#job-seeker-slide-2 .odometer span.section.letter-i {
	background-image:url(assets/images/job-seeker-slider/odom-5.png);
	background-position:center 210px;
}
#job-seeker-slide-2 .odometer span.section.letter-s {
	background-image:url(assets/images/job-seeker-slider/odom-6.png);
	background-position:center 180px;
}
#job-seeker-slide-2 .odometer span.section.letter-h {
	background-image:url(assets/images/job-seeker-slider/odom-7.png);
	background-position:center 150px;
}
#job-seeker-slide-2 .odometer span.section.triggered {
	background-position:center bottom;
}
/* degrees */
#job-seeker-slide-3 .degrees {
	width:450px;
	margin:50px auto 50px auto;
}
#job-seeker-slide-3 .degrees span.degree {
	position:relative;
	display:block;
	width:27.3333%;
	height:150px;
	float:left;
	background:#fff;
	margin:0 3%;
}
#job-seeker-slide-3 .degrees span.degree span.line {
	display:block;
	position:absolute;
	z-index:50;
	left:15px;
	width:75%;
	height:6px;
	background:#999;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;
	-khtml-border-radius:	3px;
}
#job-seeker-slide-3 .degrees span.degree span.line:nth-child(1) {
	width:45%;
	top:20px;
}
#job-seeker-slide-3 .degrees span.degree span.line:nth-child(2) {
	top:40px;
}
#job-seeker-slide-3 .degrees span.degree span.line:nth-child(3) {
	top:60px;
}
#job-seeker-slide-3 .degrees span.degree span.line:nth-child(4) {
	top:80px;
}
#job-seeker-slide-3 .degrees span.degree span.line:nth-child(5) {
	top:100px;
}
#job-seeker-slide-3 .degrees span.degree span.ribbon {
	display:block;
	position:absolute;
	z-index:50;
	width:50%;
	height:65%;
	bottom:-50px;
	right:10px;
	background:url(assets/images/job-seeker-slider/ribbon.png) no-repeat center center;
	-webkit-background-size: 	contain;
  	-moz-background-size: 		contain;
  	-o-background-size: 		contain;
  	background-size: 			contain;
}
/* job seekers interview */
#job-seeker-slide-4 .canvas {
	position:relative;
	width:230px;
	height:260px;
	margin:10px auto 20px auto;
	background:url(assets/images/job-seeker-slider/job-apply.png) no-repeat left bottom;
	-webkit-background-size: 	100% auto;
  	-moz-background-size: 		100% auto;
  	-o-background-size: 		100% auto;
  	background-size: 			100% auto;
}
#job-seeker-slide-4 .canvas img {
	position:absolute;
	display:block;
}
#job-seeker-slide-4 .canvas img.quote-1 {
	width:80px;
	height:auto;
	top:25px;
	left:130px;
}
#job-seeker-slide-4 .canvas img.quote-2 {
	width:70px;
	height:auto;
	top:35px;
	left:45px;
}
/* stairs */
#job-seeker-slide-5 .canvas {
	position:relative;
	overflow:visible;
	width:400px;
	height:200px;
	margin:20px auto 20px auto;
}
#job-seeker-slide-5 .canvas img.stairs {
	display:block;
	position:absolute;
	z-index:50;
	left:0px;
	bottom:0;
	width:100%;
	height:auto;
}
#job-seeker-slide-5 .canvas img.ball {
	display:block;
	position:absolute;
	z-index:40;
	left:-60px;
	bottom:0;
	width:35px;
	height:auto;
}
#job-seeker-slide-5 .canvas .bounce-path-mask {
	display:block;
	position:absolute;
	width:430px;
	height:100%;
	background:#e7e7e8;
	z-index:30;
	right:0px;
	bottom:0px;
}
#job-seeker-slide-5 .canvas img.bounce-path {
	display:block;
	position:absolute;
	z-index:20;
	left:-30px;
	bottom:8px;
}

/* service prover slider */
.slider-row {
	background:#e7e7e8;
}
#service-provider-slider.service-slider,
#service-provider-slider.service-slider ul li {
	height:540px;
}
#service-provider-slider.service-slider {
	margin-bottom:0px;
}
#service-provider-slider.service-slider ul li {
	padding-left:60px;
	padding-right:60px;
}
#service-provider-slider {
	margin:0;
}
#service-provider-slider ul.bxslider li {
	padding:40px 100px 0 100px;
}
#service-provider-slider ul.bxslider li img {
	display:block;
	margin:0 auto 20px auto;
	height:200px;
	width:auto;
}
#service-provider-slider ul.bxslider li h2 {
	margin:0 0 2px 0;
}
#service-provider-slider ul.bxslider li p {
	margin:0 0 4px 0;
}
#service-provider-slider ul.bxslider li cite {
	font-style:italic;
}

/* team page */
.team-members {
	margin:0;
}
.team-members .team {
	width:33.3333%;
	float:left;
	margin:0 0 60px 0;
	padding:0 20px;
	border-right:1px solid #dedede;
}
.team-members .team:nth-child(3n) {
	border-right:none;
}
.team-members .profile-img {
	width:125px;
	height:125px;
	margin:0 auto 20px auto;
}
.team-members .profile-img img {
	display:block;
}
.team-members .team h4 {
	font-weight:600;
	margin:0;
	text-align:center;
}
.team-members .team .bio {
	font-size:1.8rem;
}
.team-members .team .bio p {
	font-size:1.8rem;
}
.team-members .team p.title {
	margin-bottom:10px;
}
.team-members .team .connect {
	margin:0 0 10px 0;
}
.team-members .team .connect a {
	display:inline-block;
	margin:0 5px;
	color:#fff;
	font-size:1.6rem;
	text-align:center;
	background:#32a0dc;
	width:34px;
	height:34px;
	line-height:34px;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
.team-members .team .connect a:hover {
	background:#2881b1;
}

/* ======================= Theme helpers ======================= */
.hidden {
	display:none;
}
br.clear {
	clear:both;
	display:block;
	height:1px;
	margin:-1px 0 0 0
}
.dont-break-out {
	/* this will contain long strings (like URLs) from exiting their container */
  	overflow-wrap: break-word;
  	word-wrap: break-word;
  	-ms-word-break: break-all;
  	/* Instead use this non-standard one: */
  	word-break: break-word;
  	/* Adds a hyphen where the word breaks, if supported (No Blink) */
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}
/* rounded corners */
.rounded {
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	-khtml-border-radius:	5px;
}
/* arrows */
.arrow {
	display:inline-block;
	margin:0 0 0 5px;
	width:0;
	height:0;
}
.arrow.up {
	border-left:	5px solid transparent;
	border-right:	5px solid transparent;
	border-bottom:	5px solid #fff;
}
.arrow.down {
	border-left:	5px solid transparent;
	border-right:	5px solid transparent;
	border-top:	5px solid #fff;
}
.arrow.right {
	border-top:		5px solid transparent;
	border-bottom:	5px solid transparent;
	border-left:	5px solid #fff;
}
.arrow.left {
	border-top:		5px solid transparent;
	border-bottom:	5px solid transparent;
	border-right:	5px solid #fff;
}
/* multi-column lists */
ul.col-2 {
	width:100%;
	overflow:hidden;
}
ul.col-2 li	{
	width:40%;
	float:left;
	margin:5px 0 0px 30px;
}
ul.col-3 {
	width:100%;
	overflow:hidden;
}
ul.col-3 li	{
	width:33%;
	float:left;
	margin:5px 0 5px 30px;
}
/* responsive maps */
.mapwrap {
	position:relative;
	padding-bottom: 75%;
	height:0;
	overflow:hidden;
}
.mapwrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/* ======================= Presentational classes generated by WordPress ======================= */
.aligncenter {
	display:block;
	margin:0 auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
img.alignright {
	margin:0 0 10px 20px;
}
img.alignleft {
	margin:0 20px 10px 0;
}
/* WP captions */
.wp-caption	{
	margin:0 0 20px 0;
}
.wp-caption.alignleft {
	margin-right:20px;
}
.wp-caption.alignright {
	margin-left:20px;
}
p.wp-caption-text {
	margin:5px 0 0 0;
	font-style:italic;
	font-size:14px;
}

/* ======================= Plugin Styling ======================= */


/* ======================= Theme custom short codes ======================= */
/* horizontal rule */
div.hr, hr {
	width:100%;
	height:1px;
	clear:both;
	margin:20px 0;
	background:#ccc;
}
.fpo {
	background:#e6e6e6;
	margin:0 0 10px 0;
}
.fpo span {
	display:inline-block;
	width:100%;
	text-align:center;
	color:#bbb;
	font-size:150%;
}
/* show / hide content */
.sh-title {
	cursor:pointer;
	position:relative;
	padding-right:50px;
}
.sh-title span {
	display:inline-block;
	width:0;
	height:0;
	margin:0 0 0 10px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}
.sh-title.inactive span {
	border-top:9px solid #fe0329;
}
.sh-title.active span {
	border-bottom:9px solid #fe0329;
}

/* ======================= Responsive ======================= */
#dimensions {
	position:fixed;
	width:70px;
	top:85px;
	left:0px;
	z-index:10000;
	font-size:10px;
	text-align:center;
	background:rgba(255,255,255,0.7);
	color:#222;
}

/* responsive navigation - requires fontawesome icon set! */
#mobile-menu-bar {
	position:relative;
	display:none;
	height:30px;
	overflow:hidden;
	margin:0;
	padding:0;
	background:#646466;
	color:#fff;
}
#mobile-menu-bar a.biglink {
	width:200px;
	height:30px;
	line-height:30px;
	display:block;
	background:#F26522;
	color:#fff;
	font-size:1.4rem;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
	font-weight:600;
}
#mobile-menu-bar a.biglink.left {
	float:left;
}
#mobile-menu-bar a.biglink.right {
	float:right;
}
#mobile-menu-bar a.biglink.active {
	text-decoration:none;
	text-shadow:0 0 10px rgba(255,255,255,0.95);
}
#mobile-menu-bar a.menu {
	display:block;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-10px;
	width:20px;
	height:20px;
	line-height:30px;
	color:#fff;
	text-align:center;
}
#mobile-menu-bar a.menu span.bars {
	display:block;
	margin-top:10px;
}
#mobile-menu-bar a.menu span.bars:before {
	display:block;
	content:'';
	width:100%;
	height:1px;
	background:#fff;
}
#mobile-menu-bar a.menu span.bars:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin-top:7px;
	background:#fff;
}
#mobile-menu-bar a.menu span.close-icon {
	display:none;
	position:absolute;
	top:0;
	left:2px;
	width:16px;
	height:16px;
}
#mobile-menu-bar a.menu.active span.bars {
	display:none;
}
#mobile-menu-bar a.menu.active span.close-icon {
	display:block;
}

/* drop down */
#mobile-menu-dropdown {
	display:none;
	padding:0;
	background:#646466;
	border-top:1px solid rgba(255,255,255,0.1);
}
#mobile-menu-dropdown ul {
	margin:0;
	padding:0;
}
#mobile-menu-dropdown ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
#mobile-menu-dropdown ul li.menu-item-has-children span.drop-button {
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	border-left:1px solid rgba(255,255,255,0.1);
	cursor:pointer;
}
#mobile-menu-dropdown ul li.menu-item-has-children span.drop-button span {
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:20px;
	left:20px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:10px solid #fff;
}
#mobile-menu-dropdown ul li.menu-item-has-children span.drop-button.open span {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:10px solid #fff;
	border-top:none;
}
#mobile-menu-dropdown ul li a {
	display:block;
	max-width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:1.8rem;
	margin:0;
	padding:0 20px 0 20px;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
#mobile-menu-dropdown ul li.biglink a {
	background:#F26522;
}
#mobile-menu-dropdown ul li.biglink {
	display:none;
}
#mobile-menu-dropdown ul li ul {
	display:none;
}
#mobile-menu-dropdown ul li ul li a {
	padding-left:40px;
	font-weight:400;
}
#mobile-menu-dropdown ul li ul li ul {
	display:none;
}
#mobile-menu-dropdown ul li ul li ul li a {
	padding-left:60px;
}

/* search drop down */
#search-menu-dropdown {
	display:none;
	padding:20px;
	background:#646466;
	border-top:1px solid rgba(255,255,255,0.1);
}
#search-menu-dropdown form.searchform	{
	position:relative;
	margin:0;
	padding:0;
}
#search-menu-dropdown form.searchform input.search-text {
	position:relative;
	display:block;
	float:left;
	width:250px;
	height:40px;
	font-size:14px;
	line-height:40px;
	margin:0;
	padding:0 10px;
	border:none;
	outline:none;
	color:#555;
	background:#fff;
}
#search-menu-dropdown form.searchform input.search-text:focus {
	border:none;
	outline:none;
	background:#f9f9f9;
}
#search-menu-dropdown form.searchform input.searchsubmit {
	display:block;
	position:static;
	float:left;
	width:auto;
	height:40px;
	line-height:40px;
	margin:0 0 0 5px;
	padding:0 10px;
	border:none !important;
	outline:none;
	text-indent:0;
	background:#fff;
}
#search-menu-dropdown form.searchform button.submit {
	width:40px;
	height:40px;
	line-height:40px;
	border:none;
	outline:none;
	background:none;
	color:#fff;
	font-size:2.4rem;
	cursor:pointer;
}

@media only screen and (max-width: 1300px) {
	#masthead #page-hero .hero-left {
		width:500px;
	}
	#masthead #page-hero .hero-right {
		width:500px;
	}
}

@media only screen and (max-width: 1250px) {
	#pagewrap {
		width:100%;
	}
	.pagewidth {
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	#job-seeker-slider ul li p {
		width:100%;
	}
	#partners-drawer {
		width:100%;
		left:0;
		margin-left:0px;
	}
	.mix {
		width:23%;
		height:200px;
		margin:1% 2% 1% 0;
	}
	#service-provider-slider.service-slider,
	#service-provider-slider.service-slider ul li {
		height:auto;
		padding-bottom:20px;
	}
	body.page-template-service-providers .entry-content {
		padding-left:20px;
		padding-right:20px;
	}
}

@media only screen and (max-width: 1023px) {
	#masthead #topbar {
		display:none;
	}
	#mobile-menu-bar {
		display:block;
	}
	#masthead #page-hero {
		height:170px;
	}
	#masthead #page-hero .hero-left {
		width:400px;
	}
	#masthead #page-hero .hero-right {
		width:400px;
	}
	#masthead #page-hero img.logo {
		width:500px;
		top:40px;
		margin-left:-250px;
	}
	#home-primary .entry-content,
	.entry-content {
		padding:40px 0px;
	}
	#home-primary .callouts {
		padding-left:0;
		padding-right:0;
	}
	#qualify-quiz {
		height:250px;
	}
	#qualify-quiz .panel {
		height:250px;
	}
}

@media only screen and (max-width: 1100px) {

}

@media only screen and (max-width: 1000px) {

}

@media only screen and (max-width: 950px) {
	.mobile-header-img {
		/*display:block;*/
	}
	#masthead #page-hero {
		height:auto;
		padding:25px 20px 20px 20px;
	}
	#masthead #page-hero .hero-left,
	#masthead #page-hero .hero-right {
		display:none;
	}
	#masthead #page-hero img.logo {
		position:static;
		width:auto;
		max-width:500px;
		margin:0 auto;
	}
	#home-primary .callouts .col {
		width:100%;
		float:none;
	}
	#home-primary .callouts .col-1 {
		margin-bottom:50px;
	}
	#home-primary .callouts .col-2 {
		float:none;
	}
	#job-seeker-slider.service-slider,
	#job-seeker-slider.service-slider .bx-viewport {
		height:auto;
	}
	#job-seeker-slider.service-slider ul li {
		height:auto;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	#job-seeker-slider .bx-wrapper .bx-controls-direction a {
		top:150px;
	}
	body.page-template-home-page-tpl #qualify-quiz {
		margin:20px auto 0 auto;
	}
	.mix {
		width:31.3333%;
		height:200px;
		margin:1% 2% 1% 0;
	}
}

@media only screen and (max-width: 800px) {
	.team-members .team {
		width:100%;
		float:none;
		margin:0 0 60px 0;
		padding:0 0 20px 0;
		border-right:none;
		border-bottom:1px solid #dedede;
	}
}

@media only screen and (max-width: 767px) {
	body {
		font-size:2.1rem;
	}
	.entry-content h1 {
		font-size:4.4rem;
		line-height:1;
	}
	.entry-content h2 {
		line-height:1;
	}
	p {
		line-height:1.2;
	}
	.resource-intro.cols-2 .col-1 {
		width:100%;
		float:none;
		margin:0 0 30px 0;
		padding-right:0px;
		text-align:center;
	}
	.resource-intro.cols-2 .col h2,
	.resource-intro.cols-2 .col h3,
	.resource-intro.cols-2 .col h4 {
		text-align:center;
	}
	.resource-intro .col-2 {
		width:100%;
		float:none;
		text-align:center;
	}
	.salesforce-form input,
	.salesforce-form input[type="submit"],
	.salesforce-form select {
		width:250px;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	.alignleft {
		float:none;
		margin:0;
	}
	.alignright {
		float:none;
		margin:0;
	}
	.wp-caption	{
		max-width:100%;
	}
	.wp-caption.alignleft {
		margin:15px 0;
	}
	.wp-caption.alignright {
		margin:15px 0;
	}
	img.alignright {
		margin:0 0 15px 0;
	}
	img.alignleft {
		margin:0 0 15px 0;
	}
	/* multi-column lists */
	ul.col-2,
	ul.col-3 {
		width:100%;
		margin:0 0 20px 0;
		padding:0 0 0 30px;
	}
	ul.col-2 li,
	ul.col-3 li	{
		width:100%;
		float:none;
		margin:0;
	}
	.mix {
		width:48%;
		height:200px;
		margin:1% 2% 1% 0;
	}
}

@media only screen and (max-width: 700px) {
	body{
    	-webkit-text-size-adjust: none;
  	}
	#partners-drawer {
		display:none;
	}
	#job-seeker-slider.service-slider,
	#service-provider-slider.service-slider {
		padding-bottom:50px;
	}
	.bx-wrapper .bx-controls-direction a {
		top:100% !important;
		width:40px;
		height:40px;
		margin-top:5px;
		background-position:center center !important;
		background-size:15px auto !important;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev {
		left:38%;
	}
	.bx-wrapper .bx-controls-direction a.bx-next {
		right:38%;
	}
	#service-provider-slider ul.bxslider li {
		padding-left:0;
		padding-right:0;
	}
	#service-provider-slider ul.bxslider li cite {
		font-size:1.7rem;
		line-height:1.2;
		display:block;
		padding-top:15px;
	}
	#service-provider-slider ul li p {
		line-height:1.3;
	}
	.service-slider h2 {
		font-size:3.5rem;
	}
	#job-seeker-slider ul li p {
		line-height:1.3;
	}
}

@media only screen and (max-width: 600px) {
	#masthead #page-hero img.logo {
		max-width:100%;
	}
	#job-seeker-slide-2 .odometer span.section {
		width:50px;
	}
	#job-seeker-slide-2 .odometer span.section:before {
		content:'';
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:20px;
		background:#e7e7e8;
	}
	#job-seeker-slide-2 .odometer span.section:after {
		content:'';
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:20px;
		background:#e7e7e8;
	}
	#job-seeker-slide-2 .odometer {
		width:406px;
	}
}

@media only screen and (max-width: 550px) {

}

@media only screen and (max-width: 500px) {
	.mobile-header-img {
		height:100px;
		line-height:100px;
	}
	#mobile-menu-bar a.biglink {
		display:none;
	}
	#mobile-menu-dropdown ul li.biglink {
		display:block;
	}
	#footer {
		height:auto;
		line-height:1.3;
		padding:15px 0;
		font-size:1.5rem;
	}
	#footer .left {
		width:100%;
		float:none;
		margin:0 0 3px 0;
		text-align:center;
	}
	#footer .right {
		width:100%;
		float:none;
		text-align:center;
	}
	#footer .right ul {
		margin:0;
		padding:0;
		text-align:center;
	}
	#footer .right ul li {
		display:block;
		margin:0;
		padding:0;
	}
	#footer .right ul li a {
		display:block;
		padding:0px 0;
	}

	/* slider map */
	#job-seeker-slide-0 .canvas {
		width:280px;
		height:134px;
	}
	#job-seeker-slide-0 .canvas .world-mask {
		width:280px;
		height:134px;
	}
	#job-seeker-slide-0 .canvas .world-mask img {
		width:280px;
		max-width:280px;
		height:134px;
	}
	/* slider odometer */
	#job-seeker-slide-2 .odometer {
		width:280px;
	}
	#job-seeker-slide-2 .odometer span.section {
		width:12%;
		margin:0 1%;
		background-size:50px auto;
	}
	#job-seeker-slide-2 .odometer span.section.triggered {
		background-position:center -220px;
	}
	#job-seeker-slide-2 .odometer span.section.triggered.letter-i,
	#job-seeker-slide-2 .odometer span.section.triggered.letter-h {
		background-position:center -217px
	}
	/* degrees */
	#job-seeker-slide-3 .degrees {
		width:100%;
	}
	#job-seeker-slide-3 .degrees span.degree {
		width:31%;
		margin:0 1%;
	}
	#job-seeker-slide-3 .degrees span.degree span.line {
		width:70%;
	}
	/* stairs (note: also applies to home page) */
	#job-seeker-slide-5 .canvas {
		width:230px;
		height:140px;
		left:10px;
	}
	#job-seeker-slide-5 .canvas img.ball {
		left:-30px;
	}
	#job-seeker-slide-5 .canvas .bounce-path-mask {
		width:260px;
	}
	#job-seeker-slide-5 .canvas img.bounce-path {
		left:-20px;
	}
	#job-seeker-slide-5 .canvas img.ball {
		width:25px;
	}
	input,
	textarea,
	select {
		max-width:95%;
	}
}

@media only screen and (max-width: 400px) {
	.bx-wrapper .bx-controls-direction a.bx-prev {
		left:30%;
	}
	.bx-wrapper .bx-controls-direction a.bx-next {
		right:30%;
	}
	#home-primary .callouts .col-2 a.button.button-center {
		width:200px !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
}

/* very minor print styling */
@media print {
	#masthead,
	#secondary,
	#footer {
		display:none !important;
	}
	#primary {
		width:100% !important;
		float:none !important;
	}
}