/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
.my-group {
	width: 100%;
}

.my-group .form-control {
	width: 50% !important;
}

.requirements {
	list-style: none;
	padding: 10px;
	font-size: 16px;
}

.preq-button {
	color: #fff;
	font-size: 24px;
	line-height: 26px;
	padding: 25px 50px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #303030;
	border: 1px solid #242424;
}

.preq-button:hover {
	color: #fff;
	text-decoration: none;
}

.requirements li::before {
	font-family: 'FontAwesome';
	content: '\f058';
	margin: 0 5px 0 -15px;
	color: #00a000;
}

.requirements li {
	padding-bottom: 5px;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

.job-map {
	width: 100%;
	height: 400px;
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
	.job-map {
		height: 200px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
	.job-map {
		height: 200px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
	.job-map {
		height: 200px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
	.job-map {
		height: 250px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	.job-map {
		height: 300px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
	.job-overview-map {
		height: 200px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
	.job-overview-map {
		height: 200px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
	.job-overview-map {
		height: 200px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
	.job-overview-map {
		height: 300px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	.job-overview-map {
		height: 400px;
	}
}

.job-form-section {
	padding: 80px 0;
	background: #fafafa
}

.job-form-section .job-main-form {
	margin-bottom: 40px
}

.job-form-section .job-main-form label {
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-left: 10px
}

.job-form-section.job-form-section--compressed {
	padding: 20px
}

.job-form-section.job-form-section--compressed .job-main-form {
	margin-bottom: 0
}

.job-form-section.job-form-section--image {
	background: center center url('../img/meeting.jpg') no-repeat;
	background-size: cover
}

.job-main-form__button {
	margin-top: 25px;
	display: block;
	width: 100%
}

.job-form-box {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 40px;
	margin-top: 40px;
	margin-bottom: 40px
}

.job-listing {
	border: solid 1px #eee;
	border-bottom: none;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 19px;
	padding-right: 15px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.job-listing:before, .job-listing:after {
	content: " ";
	display: table
}

.job-listing:after {
	clear: both
}

.job-listing.job-listing--featured {
	border-left: solid 5px #ff7473;
	padding-left: 15px
}

.job-listing.job-listing--last {
	border-bottom: solid 1px #eee;
	margin-bottom: 40px
}

.job-listing:hover {
	background: #fafafa
}

.job-content {
	padding: 0 15px
}

.job__title {
	margin-top: 0;
	text-decoration: underline !important;
}

.job__title > a {
	color: #333 !important;
}

.job__star__link {
	color: #999
}

.job__star__link.active, .job__star__link:hover {
	color: #ff7473
}

.job__location {
	font-size: .7em;
	margin-right: 5px;
	color: #333
}

.job__star {
	text-align: right
}

.job__company {
	font-size: .8em;
}

.job-detail-description {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	color: #999
}

.job-detail__company-description {
	color: #999
}

.job-detail__social {
	text-align: left !important;
	padding: 20px 0
}

.job-detail__apply-bottom {
	margin-top: 40px
}

.job-add-form label {
	font-weight: bold
}

.job-add-form label .note {
	font-weight: normal
}

/*
	Author Box
 */
.author-box-intro {
	margin-top: 15px;
}

a.author-social-link.small {
	margin-left: 5px;
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
	.center-block {
		margin: 0 auto;
	}

	.author-box {
		text-align: center;
	}

	.author-social-links {
		text-align: center;
		display: block;
		margin-top: 10.5px;
		/*  position: absolute;
			right: 20px;
			top: -20px;
		*/
	}
}

/* Box Shadow Outset */
.box-shadow-outset {
	display: inline-block;
	transition-duration: 0.3s;
	transition-property: box-shadow;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.box-shadow-outset:hover {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.box-shadow-inset {
	display: inline-block;
	transition-duration: 0.3s;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
	/* Hack to improve aliasing on mobile/tablet devices */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	transform: translateZ(0);
}

.box-shadow-inset:hover {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
	/* Hack to improve aliasing on mobile/tablet devices */
}


.typeahead,
.tt-query,
.tt-hint {
}

.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	color: #999
}

.tt-menu {
	width: 422px;
	margin: 12px 0;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
}

.tt-suggestion:hover {
	cursor: pointer;
	color: #fff;
	background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0097cf;

}

.twitter-typeahead {
	display: inline !important;
}

.tt-suggestion p {
	margin: 0;
}