/*
Theme Name: Human
Theme URI: http://www.recruithuman.co.uk
Author: Outlines Design Limited
Author URI: http://www.outlinesdesign.com
Description: Human • Recruiting Individuals
Version: 1.0
*/


/*----- CSS Import -----*/

@import url('css/foundation.css');
@import url('css/foundation-icons.css');

/* 
	font-family: 'montserrateultralight';
	background: #349fd5;
	color: #349fd5;
	background: #8fc844;
	color: #8fc844;
*/


/*----- Custom Fonts -----*/

@font-face {
    font-family: 'montserrateultralight';
    src: url('css/montserrat-ultralight-webfont.woff2') format('woff2'),
         url('css/montserrat-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'montserratregular';
    src: url('css/montserrat-regular-webfont.woff2') format('woff2'),
         url('css/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'montserratbold';
    src: url('css/montserrat-bold-webfont.woff2') format('woff2'),
         url('css/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'montserratblack';
    src: url('css/montserrat-black-webfont.woff2') format('woff2'),
         url('css/montserrat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}


/*----- Utility Styles -----*/

body {
	background: #fff;
	padding-top: 5.125rem;}

h1 {
    font-family: 'montserrateultralight';
	margin: 0 0 1em 0;
	color: #666;}

h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	color: #666;}

strong, h2, h3, h4, h5, h6 {
	font-family: 'montserratbold';}
	
p, ul, ol {
    font-family: 'montserrateultralight';
	font-size: 1.2rem;
	color: #666;}

label {
    font-family: 'montserrateultralight';}

p span {
	color: #349fd5;}
	
p.inline {
	display: inline-block;}


/*-- Positioning --*/

.clear {
	clear: both;}
	
.relative {
	position: relative;}

.top-button {
	z-index: 99999;
	position: fixed;
	bottom: 10px;
	right: 10px;
	margin: 0;}
	
.nudge {
	position: relative;
	top: 3px;}
	
.desktop-text-right {
	text-align: right!important;}
	
.desktop-text-left {
	text-align: left!important;}
	

/*-- Display --*/

.mobile,	
#archive li {
	display: none;}


/*-- Links & Buttons --*/
	
a {
	color: #349fd5;
    font-family: 'montserratbold';
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
a:hover,
a:active,
a:focus {
	color: #8fc844;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
a.button {
	background: #349fd5;
	border: 0;
	border-radius: 50px;
	color: #fff;
    font-family: 'montserratbold';
	font-size: 1rem;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

a.button:hover,
a.button:active,
a.button:focus {
	background: #8fc844;
	border: 0;
	color: #fff;
	outline: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
input[type=submit] {
	background: #349fd5;
	border: 0;
	border-radius: 50px;
	padding: 1em 2em;
	color: #fff;
	cursor: pointer;
    font-family: 'montserratbold';
	font-size: 1rem;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
	background: #8fc844;
	border: 0;
	color: #fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}


/*-- Form Fields --*/
	
input[type=text],
input[type=email],
textarea,
select {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 50px;
	padding: 0 1em;
	color: #666;
	box-shadow: none;
    font-family: 'montserrateultralight';
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	background: #f5f5f5;
	border: 1px solid #349fd5;
	color: #666;
	box-shadow: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
input[type=file] {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 50px;
	padding: 1em;}
	
textarea {
	min-height: 10em;
	border-radius: 20px;}


/*-- Tables --*/

table {
	overflow: scroll;
	background: #f0f0f0;
	border: 0;
	width: 100%;}

table tr th, table tr td {}
	
table tr th {}
	
table tr td {}
	
table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #e0e0e0;}


/*-- Widths --*/

.fullWidth {
	max-width: 100%!important;}

a.fullWidthImage,
img.fullWidthImage,
div.fullWidthImage input[type=submit] {
	width: 100%!important;}


/*-- Images --*/

.icon {
	width: 100px;}

.icon2 {
	height: 50px;}
	
.livicon-evo {
	display: inline-block!important;}
	
img.overlap-image {
	position: relative;
	top: -150px;
	margin-bottom: -150px;}


/*-- Lists --*/

ul.noBullets {
	margin: 0 auto;
	padding: 0;}
	
ul.noBullets li {
	display: block;
	margin: 0;
	padding: 0;}

	
ul.inline,
.inline ul {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	line-height: 1em;}
	
ul.inline li,
.inline ul li {
	display: inline-block;
	margin: 0 1em 0 0;
	padding: 0;}
	
ul.inline li img {
	width: 30px;}

.text-right ul.inline li {
	margin: 0 0 0 1em;}

	
ul.social {
	z-index: 99999;
	position: fixed;
	top: 45%;
	left: 0;
	margin: 0;
	padding: 0;}
	
ul.social li {
	display: block;
	margin-bottom: 5px;}
	
[class*="block-grid-"] {
	margin: 0!important;}
	
[class*="block-grid-"] li img {
	margin: 0 auto;}
	
.blue-text {
	color: #349fd5;}

.green-text {
	color: #9fc76b;}
	
.light-text {
	font-family: 'montserrateultralight'!important;}

	

/*-- Padding --*/

.padding {
	padding: 3em;}
	
.less-padding {
	padding: 2em;}
	
.even-less-padding {
	padding: 1em;}
	
.padding-x {
	padding: 0 2em!important;}
	
.padding-y {
	padding: 2em 0;}
	
.less-padding-y {
	padding: 1em 0;}
	
.more-padding-y {
	padding: 5em 0;}
	
.even-more-padding-y {
	padding: 10em 0;}
	
.padding-top {
	padding-top: 1em!important;}
	
.padding-bottom {
	padding-bottom: 1em!important;}
	
.padding-left {
	padding-left: 1em!important;}
	
.padding-right {
	padding-right: 1em!important;}
	
.no-padding {
	padding: 0!important;}


/*-- Margin --*/

.margin {
	margin: 3em;}
	
.less-margin {
	margin: 2em;}
	
.even-less-margin {
	margin: 1em;}
	
.margin-x {
	margin: 0 2em;}
	
.margin-y {
	margin: 2em 0;}
	
.margin-top {
	margin-top: 2em!important;}
	
.margin-bottom {
	margin-bottom: 2em!important;}
	
.less-margin-bottom {
	margin-bottom: 1em!important;}
	
.even-less-margin-bottom {
	margin-bottom: 0.5em!important;}
	
.margin-left {
	margin-left: 0.5em!important;}
	
.margin-right {
	margin-right: 0.5em!important;}
	
.no-margin {
	margin: 0!important;}


/*-- Borders --*/

.border-top {
	border-top: 1px solid rgba(255, 255, 255, 0.125);}
	
.border-bottom {
	border-bottom: 1px solid #e0e0e0;}
	
.border-right {
	border-right: 1px solid #e0e0e0;}


/*-- Page Margins --*/
	
#page h3,
#page h4 {
	margin: 2em 0 1em 0;}
	
#page h3:first-child,
#page h4:first-child {
	margin: 0 0 1em 0;}


/*-- Panels --*/
	
.panel {
	background: #f0f0f0;
	border: 1px solid #e0e0e0;}
	
.panel h2,
.panel h3,
.panel h4,
.panel h5 {
	margin: 0 0 1em 0;}


/*----- Contact Form 7 Styles -----*/

.wpcf7-response-output,
.screen-reader-response ul,
.wpcf7-mail-sent-ok {
	display: none;}
	
.screen-reader-response,
.wpcf7-not-valid-tip,
.wpcf7-response-output {
	font-family: 'montserrateultralight';
	color: #222;}
	
span.wpcf7-list-item,
input[type="checkbox"] {
	margin: 0!important;}
	
footer .screen-reader-response,
footer .wpcf7-not-valid-tip,
footer .wpcf7-response-output {
	color: #fff;}


/*----- Cookie Notice Styles -----*/

.cc_container {
	background: #fff!important;
	border-top: 1px solid #e0e0e0!important;
	font-size: 1em!important;}
	
.cc_container .cc_message {
	color: #222!important;
	font-size: 1em!important;}
	
.cc_container a,
.cc_container a:visited {
	color: #349fd5!important;}
	
.cc_container a:hover,
.cc_container a:active,
.cc_container a:focus {
	color: #8fc844!important;}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    background: #349fd5!important;
	border-radius: 100px!important;
	color: #fff!important;
    font-family: 'montserrateultralight'!important;
	-webkit-transition: all 0s ease-in-out!important;
	-moz-transition: all 0s ease-in-out!important;
	-o-transition: all 0s ease-in-out!important;
	transition: all 0s ease-in-out!important;}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active,
.cc_container .cc_btn:focus {
	background: #8fc844!important;
	color: #fff!important;
	-webkit-transition: all 0s ease-in-out!important;
	-moz-transition: all 0s ease-in-out!important;
	-o-transition: all 0s ease-in-out!important;
	transition: all 0s ease-in-out!important;}
	

/*----- Icon Animations -----*/

@-webkit-keyframes scale {
	0%  {transform:scale(1.0,1.0);}
	50%  {transform:scale(1.2,1.2);}
	100%  {transform:scale(1.0,1.0);}
}

a:hover img {
	-webkit-animation: scale 0.5s;}

a:hover.team-photo img.image1,
a:active.team-photo img.image1,
a:focus.team-photo img.image1,
a:hover.team-photo img.image2,
a:active.team-photo img.image2,
a:focus.team-photo img.image2 {
	-webkit-animation: none;}

a.team-photo img.image1 {
	display: block;}

a.team-photo img.image2 {
	display: none;}
	
a:hover.team-photo img.image1,
a:active.team-photo img.image1,
a:focus.team-photo img.image1 {
	display: none;}
	
a:hover.team-photo img.image2,
a:active.team-photo img.image2,
a:focus.team-photo img.image2 {
	display: block;}


/*----- Row Styles -----*/


/*-- Row Style | Video Background --*/

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;}


/*-- Row Style | Background Image --*/

.background-image {
	background-size: 100%!important;}
	
.background-image h1,
.background-image h2,
.background-image h3,
.background-image h4,
.background-image h5,
.background-image h6,
.background-image p,
.background-image ul,
.background-image o1 {
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
	
.background-image p a {
	text-shadow: none;}
	
.background-image a.button {
	background: #fff;
	color: #349fd5;}
	
.background-image a.button:hover,
.background-image a.button:active,
.background-image a.button:focus {
	background: #9fc76b;
	color: #fff;}


/*-- Row Style | Solid Colour --*/

.white {
	background: #fff;}

.grey {
	background: #f5f5f5;}
	
.dark-grey {
	background: #333;}

.black {
	background: #000;}

.dark-blue {
	background: #0c1e2b;}
	
.green {
	background: #9fc76b;}
	
.blue {
	background: #349fd5;}


/*-- Row Style | Overlay Colour --*/

.white-overlay {
	background: rgba(255, 255, 255, 0.7);}

.black-overlay {
	background: rgba(12, 30, 43, 0.8);}
	
.green-overlay {
	background: rgba(159, 199, 107, 0.8);}
	
.green-overlay label,
.green-overlay a {
	color: #fff;}

.blue-overlay {
	background: rgba(52, 159, 213, 0.8);}

.blue-gradient-overlay {
	background: -moz-linear-gradient(top, rgba(52,159,213,0.5) 0%, rgba(52,159,213,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(52,159,213,0.5) 0%,rgba(52,159,213,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(52,159,213,0.5) 0%,rgba(52,159,213,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80349fd5', endColorstr='#349fd5',GradientType=0 ); /* IE6-9 */}

.blue-gradient-overlay h1,
.blue-gradient-overlay h2,
.blue-gradient-overlay h3,
.blue-gradient-overlay h4,
.blue-gradient-overlay h5,
.blue-gradient-overlay h6,
.blue-gradient-overlay p,
.blue-gradient-overlay ol,
.blue-gradient-overlay ul {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
	
.blue-gradient-overlay a.button {
	background: #fff;
	color: #349fd5;}
	
.blue-gradient-overlay a.button:hover,
.blue-gradient-overlay a.button:active,
.blue-gradient-overlay a.button:focus {
	background: #9fc76b;
	color: #fff;}
	
.drop-shadow {
	-webkit-box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.1);}
	
.home-banner-buttons img {
	z-index: 999;
	position: relative;}

.home-banner-buttons a.button {
	position: relative;
    top: 0;
    left: -50px;
	padding-left: 50px;}
	

/*----- Footer Styles -----*/

footer {
	background: #0c1e2b;
	width: 100%;}
	
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer ul,
footer ol,
footer label {
	color: #fff;}

footer p.small {
	font-size: 80%;}
	

.footerCopyright {
	background: #222;
	width: 100%;
	padding: 1em 0;
	color: #fff;}

.footerCopyright p {
	margin: 0;
	font-size: 80%;}


/*----- Media Styles -----*/	

@media only screen and (max-width: 64.063em) {

}


@media only screen and (max-width: 40.063em) {
	
/* body {
	padding-top: 2.8125rem;} */

.desktop,
ul.social {
	display: none;}

.mobile {
	display: block;}

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

.padding-y,
.more-padding-y,
.even-more-padding-y {
	padding: 2em 0;}

[class*="block-grid-"] > li {
	float: none;
	width: auto;
	margin: 0 auto;
	padding: 0;}
	
.desktop-text-right,
.desktop-text-left {
	text-align: center!important;}
	
footer div.inline ul li {
	display: block;
	margin-bottom: 1em;}

footer div.inline ul li:last-child {
	margin: 0;}

}
	
	
/*----- Nav Styles -----*/
	
.top-bar,
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	background: none;}

.menu-animate,
.menu-animate.smaller {
	z-index: 999999;
	position: fixed;
	top: 0;
    background: #fff;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
	
.top-bar {
	line-height: 5.125rem;
	height: 5.125rem;}
	
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
	line-height: ;}
	
.top-bar .name h1 a {
	width: auto;
	height: ;
	padding: 0;}
	
.title-area img {
	width: 220px;
	height: ;}
	
/* Center Aligned Logo
.top-bar .title-area, .top-bar-section {
	float: none;
	display: inline-block;
	zoom: 1;} */

/* Center Aligned Menu */
.top-bar-section .centered-menu ul li {
	float: none;
	display: inline-block;
	*display: inline;
	zoom: 1;}

.top-bar-section ul {
	display: block;}
	
.top-bar-section ul li > a {
    font-family: 'montserratbold';
	font-size: 1em;
	color: #222;}
	
.top-bar-section li {
	margin: 0 1em;}
	
.top-bar-section li:not(.has-form) a:not(.button) {
	line-height: 5.125rem;
	border-bottom: 3px solid transparent;
	padding: 0;}
	
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover,
.top-bar-section .menu-main-container ul.menu li.current-menu-item a,
.top-bar-section .menu-main-container ul.menu li.current_page_item a {
	background: none;
	border-bottom: 3px solid #8fc844;
	color: #8fc844;}
	
.top-bar .toggle-topbar.menu-icon a {
    font-family: 'montserrateultralight';
	font-weight: normal;
	color: #349fd5;}
	
.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow: 0 0 0 1px #349fd5, 0 7px 0 1px #349fd5, 0 14px 0 1px #349fd5;}

.top-bar .title-area,
.top-bar.expanded .title-area {
	background: none;
	height: 5.125rem;}
	
.top-bar-section .menu-main-container ul.menu li ul.sub-menu {
	display: none;}

	
	
@media only screen and (max-width: 40.063em) {

.menu-animate,
.menu-animate.smaller {
	position: fixed;
	top: 0;}
	
/* Menu padding correction for mobile menu */
.menu-animate .columns {
	padding-left: 0;
	padding-right: 0;}
	
/* Logo position correction for mobile menu
.title-area img {
	margin-left: 0.93rem;} */
	
/* Inline-Block Menu Correction For Mobile */
.headerWrap li, .top-bar .title-area, .top-bar-section, .top-bar-section ul li {
	display: block;}
	
/* Center Aligned on Mobile */
.top-bar-section ul li > a,
.top-bar-section .centered-menu ul li > a {
	padding-left: 0;}
	
.top-bar-section li:not(.has-form) a:not(.button) {
	line-height: 3.125rem;}
	
.right {
	float: none!important;}
	
}

	
/*----- Tab Styles -----*/

.tabs dd > a, .tabs .tab-title > a {
	background: #fff;
	color: #349fd5;
	border-bottom: 3px solid transparent;
    margin: 0 1em;
    padding: 1em 0;
	font-family: 'montserratbold';
	font-size: 1.2em;}

.tabs dd.active a, .tabs .tab-title.active a,
.tabs dd > a:hover, .tabs .tab-title > a:hover {
	background: #fff;
	color: #9fc76b;
	border-bottom: 3px solid #9fc76b;}
	
.tabs dd, .tabs .tab-title {
    float: none;
	display: inline-block;}
	

/*----- Reveal Modal Styles -----*/

.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    position: fixed;
	top: 0.5em;
    right: 0.5em;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	color: #fff;}
	
.reveal-modal-bg {
	z-index: 9999999;
	position: fixed;
    background: rgba(0, 0, 0, 0.85);}

.reveal-modal {
	overflow-y: scroll;}
	
.reveal-modal, dialog {
	z-index: 99999999;
	position: fixed;
	top: 0!important;
	background: none;
	box-shadow: none;
	padding-top: 4.8125rem;}
	
.reveal-modal h2,
.reveal-modal h3,
.reveal-modal h4,
.reveal-modal h5,
.reveal-modal h6,
.reveal-modal p,
.reveal-modal ul,
.reveal-modal ol {
	color: #fff;}

.reveal-modal, dialog {
	width: 95vw;
	max-height: 100%!important;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;}
	
.reveal-modal.large, dialog.large {
    width: 100%;
	max-width: 100%;}
	
.reveal-modal::-webkit-scrollbar {
	display: none;}
	
/*----- Carousel Styles -----*/

.orbit-timer,
.orbit-slide-number {
	display: none;}
	
.orbit-bullets-container {
	position: relative;
    bottom: 0;
    left: 0;
	right: 0;}

.orbit-bullets li {
	background: none;
	border: 1px solid #fff;}
	
.orbit-bullets li.active {
	background: #fff;
	border: 1px solid #fff;}
	
/*data-options="animation:fade; pause_on_hover:false; animation_speed:1000; navigation_arrows:false; bullets:false; timer_speed:5000;" */
	
.orbit-container .orbit-slides-container > * .orbit-caption {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	width: 100%;
	padding-top: 12%;
	font-size: 1rem;}
	
.orbit-container .orbit-slides-container > * .orbit-caption h1 {
	color: #fff;}
	
	
.img-wrap {
	overflow: hidden;
	max-height: 200px;}
	
.img-wrap img {
	min-height: 200px;}


/*----- Search & Filter Styles -----*/

.searchandfilter ul {
	display: block!important;
	margin: 0;
	padding: 0;}

.searchandfilter li {
	display: inline-block;
	width: 24%;
	margin-right: 1%;
	padding: 0!important;}

.searchandfilter li:nth-child(4) {
	margin-right: 0%;}

.searchandfilter li:last-child {
	width: 100%;}
	
.searchandfilter input[type=text],
.searchandfilter select {
	width: 100%;
	margin: 0 0 1em 0;}
	
.searchandfilter input[type=submit] {
	width: 100%;
	background: #8fc844;
	color: #fff;}
	
.searchandfilter input[type=submit]:hover,
.searchandfilter input[type=submit]:active,
.searchandfilter input[type=submit]:focus {
	background: #fff;
	color: #8fc844;}