﻿@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);


.header { float:left; }
.header img { max-width: 70%; }


* { margin: 0; padding: 0px; font-family: 'Lato', sans-serif; } 
body {  background: #fff;  margin: 0;  color: #5a5a5a; }

h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: 300; }


p { 
	padding: 0; 
	margin-bottom: 12px; 
    font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px; 
	line-height: 26px;
	letter-spacing: 1px;
	color: #666; 
	margin-top: 10px; 
}

html,
body {
	height: 100%;
}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}
.centered {text-align: center}
.left { text-align: left; }
.mt {margin-top: 50px;}
.mb {margin-bottom: 50px;}
.mtb {margin-top: 50px; margin-bottom: 50px;}
.mtb2 { margin-top: 100px; margin-bottom: 100px;}
.ptb {padding-top: 80px; padding-bottom: 80px;}


.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}
::-moz-selection  {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}
::selection {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
a { 
	padding: 0;
	margin: 0;
	text-decoration: none; 
	color: #696E74;
}
a:hover,
a:focus {
  text-decoration: none;
  color:#696E74;
}

.nopadding {
	padding: 0px !important;
	margin: 0px;
}


/* FORM CONFIGURATION */

input {
	font-size: 16px;
	min-height: 40px;
	border-radius: 25px;
	line-height: 20px;
	padding: 15px 30px 16px;
	border: 1px solid #b9b9af;
	margin-bottom: 10px;
	background-color: #fff;
	opacity: 0.9;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.line {
    border-top: solid 1px #eaeaea; margin: 40px 0 40px 0;
}

.cover {
    background: linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
    ), url(../img/scaletta-7007.jpg) no-repeat center top;
	padding-top: 180px;
	background-attachment: relative;
	background-position: center center;
	min-height: 500px;
	width: 100%;
	color: white;
	text-transform: uppercase;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slimhead {
    background-color: #696D73;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
    padding: 20px;
    color: #f7f7f7;


}

.flow-list {
    
    
}
.flow-list ul {
    list-style-type: none;
}
.flow-list li {
    list-style-type: none;
    
    padding: 5px 0 5px 0
}

.featured-job {
    border: solid 1px #eaeaea;
    padding-bottom: 15px;
}
.featured-job-image {
    height: 150px; 
    display: block;    
    min-height: 150px;
    background-attachment: relative;
	background-position: center center;
    
	color: white;
	text-transform: uppercase;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-left: -15px; margin-right: -15px;
}
.featured-job h3 {
    text-transform: uppercase;
    color: #2B2E31;
    font-weight: bold;
    font-size: 14pt;
    margin-bottom: 5px;
}

.featured-job-footer {
    color: #a9a9a9;
    border-top: solid 1px #eaeaea;
    margin: 10px -15px 0px -15px;
    padding: 15px 15px 0 15px;
}

.featured-job a {
    width: 60px; 
    height: 60px; 
    background-color: #44648a; 
    border-radius: 60px;
    position: absolute;
    right: 20px; 
    bottom: 20px;
    color: white;
    text-align: center;
    padding-top: 20px;
}

.featured-job-footer span { margin-right: 10px; }

.footer {
    background-color: #696E74;
    margin-top: 50px;
    padding: 40px 0px 40px 0px;
    color: #f7f7f7;
    line-height: 180%;
    
}

.featured-employer {
    border: solid 1px #eaeaea;
    padding: 20px;
    margin: 20px 20px 20px 0;
    text-align: center;
}

.posting {
    padding: 10px 0 10px 10px;
}

.search-container {
    margin-bottom: 50px;
}
.search { 
    background-color: #2B2E31;
    color: gray;
    margin-top: -40px;
    padding: 30px 20px 20px 20px;
}

.input:focus {
    outline: none;
}

.footer a { color: #f7f7f7; }

.navbar, .navbar-default { border: none; background-color: white; }

.circle {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #44648a;
    text-align: center;
    color: white;
    padding-top: 10px;
    display: inline-block;
    margin-right: 5px;
}

.alert-full {
    width: 100%;
    margin: 15px 0 15px 0;
    display: block;
}