/**
 * Theme Name: Jobify - Classic
 * Theme URI: https://astoundify.com/
 * Author: Astoundify
 * Author URI: http://astoundify.com
 * Description: Everything you need to build a professional job board.
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: white, one-column, right-sidebar, fixed-width, custom-background, custom-header, theme-options, full-width-template, featured-images, flexible-header, custom-menu, translation-ready
 * Template: jobify
*/
/**
 * The parent theme's CSS is automatically included so there is no need
 * to use the @import rule to include the parent theme CSS.
 *
 * Place Custom CSS Below this.
 */
body {
	padding-top: 111px;
}

.site-header .container {
	padding: 1em;
}

.page-header-image {
	background-size: cover;
	height: 580px;
	background-position: center;
}

.padded-box {
	padding: 10px 14px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.hero-search--height-large .hero-search__content, .hero-search--height-medium .hero-search__content {
	margin-bottom: 0;
}

.recent-jobs .widget-title.widget-title--home {
	color: #E20610;
}

.job-type, .job_listing-type {
	text-transform: none;
}

.job_application.application #apply-overlay {
	display: none!important;
}

.feature-callout-image-pull {
	background-size: contain;
	background-repeat: no-repeat;
}

h1 {
	font-size: 32px;
}

.site-header {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.job_listing__column {
	overflow: hidden;
	text-overflow: ellipsis;
}

.job_listing-about {
	width: 100%;
    margin-left: 1%;
}

@media screen and (min-width: 1200px) {
	.menu-item-bg-freelancer > a {
		border-color: #E20610!important;
		background-color: #E20610!important;
		color: white!important;
	}

	.menu-item-bg-customer > a {
		border-color: #214786!important;
		background-color: #214786!important;
		color: white!important;
	}

	.footer-widgets {
		padding: 5em 0;
	}

	.site-title {
		margin-left: 15px;
	}

	.nav-menu-break-large .nav-menu--primary .children,
	.nav-menu-break-large .nav-menu--primary .sub-menu,
	.nav-menu-break-large ul.nav-menu--primary .children,
	.nav-menu-break-large ul.nav-menu--primary .sub-menu {
		box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
	}

	.nav-menu-break-large .nav-menu--primary .children li:hover,
	.nav-menu-break-large .nav-menu--primary .sub-menu li:hover,
	.nav-menu-break-large ul.nav-menu--primary .children li:hover,
	.nav-menu-break-large ul.nav-menu--primary .sub-menu li:hover {
		background-color: #f5f5f5;
	}
}

@media screen and (min-width: 1750px) {
	.page-header-image {
		height: 580px;
	}
}

@media screen and (max-width: 1439px) {
	.page-header-image {
		height: 450px;
	}
}

@media screen and (max-width: 1199px) {
	.page-header-image {
		height: 400px;
	}
}

@media screen and (max-width: 1023px) {
	.page-header-image {
		height: 350px;
	}

	.job_listing__column {
		width: 100%!important;
	}

	.job_listing_header {
		display: none;
	}

	.job-col-project-id:before {
		display: inline-block;
		content: "ID: ";
		width: 120px;
	}
	.job-col-project-title:before {
		display: inline-block;
		content: "Title: ";
		width: 120px;
	}
	.job-col-project-title h3 {
		display: inline-block;
		font-size: 16px;
	}
	.job-col-project-start:before {
		display: inline-block;
		content: "Start: ";
		width: 120px;
	}
	.job-col-project-duration:before {
		display: inline-block;
		content: "Laufzeit: ";
		width: 120px;
	}
	.job-col-project-location:before {
		display: inline-block;
		content: "Ort: ";
		width: 120px;
	}
	.job-col-project-date:before {
		display: inline-block;
		content: "Veröffentlicht: ";
		width: 120px;
	}
}

@media screen and (max-width: 767px){
	.page-header-image {
		height: 300px;
	}
}


/** Old Header
 *
 * .page-header-image {
	background-size: cover;
	height: 423px;
	background-position: center;
}

@media screen and (max-width: 1439px) {
	.page-header-image {
		height: 350px;
	}
}

@media screen and (max-width: 1199px) {
	.page-header-image {
		height: 300px;
	}
}

@media screen and (max-width: 1023px) {
	.page-header-image {
		height: 250px;
	}
}

@media screen and (max-width: 767px){
	.page-header-image {
		height: 200px;
	}
}


**/




.page-id-167 .button,
.page-id-167 input[type=button],
.page-id-167 button,
.page-id-167 #submitcomment,
.page-id-167 #commentform input[type=submit],
.page-id-167 .widget--footer input[type=submit],
.page-id-167 .mfp-close-btn-in .mfp-close,
.page-id-167 input[name=wp_job_manager_send_application],
.page-id-167 input[name=wp_job_manager_edit_application],
.page-id-167 input[name=submit_bookmark],
.page-id-167 .add-favorite,
.page-id-167 .update-favorite,
.page-id-167 #rcp_submit,
.page-id-167 input[name=wp_job_manager_resumes_apply_with_resume],
.page-id-167 input[name=wp_job_manager_resumes_apply_with_resume_create],
.page-id-167 .wpcf7-submit,
.page-id-167 input[type=submit].ninja-forms-field,
.page-id-167 input[name=submit-job-alert],
.page-id-167 .hero-search .search_jobs>div input[type=submit],
.page-id-167 .hero-search .search_resumes>div input[type=submit] {
	background-color: #214786;
}

.page-id-167 .button:hover,
.page-id-167 input[type=button]:hover,
.page-id-167 button:hover,
.page-id-167 .job-manager-pagination a:hover,
.page-id-167 .job-manager-pagination span:hover,
.page-id-167 .page-numbers:hover,
.page-id-167 #searchform button:hover,
.page-id-167 #searchform input[type=submit]:hover,
.page-id-167 #submitcomment:hover,
.page-id-167 #commentform input[type=submit]:hover,
.page-id-167 .page-numbers.current,
.page-id-167 .widget--footer input[type=submit]:hover,
.page-id-167 .mfp-close-btn-in .mfp-close:hover,
.page-id-167 input[name=wp_job_manager_send_application]:hover,
.page-id-167 input[name=wp_job_manager_edit_application]:hover,
.page-id-167 input[name=submit_bookmark]:hover,
.page-id-167 .add-favorite:hover,
.page-id-167 .update-favorite:hover,
.page-id-167 #rcp_submit:hover,
.page-id-167 input[name=wp_job_manager_resumes_apply_with_resume]:hover,
.page-id-167 input[name=wp_job_manager_resumes_apply_with_resume_create]:hover,
.page-id-167 .wpcf7-submit:hover,
.page-id-167 input[type=submit].ninja-forms-field:hover,
.page-id-167 input[name=submit-job-alert]:hover,
.page-id-167 .tp-caption .button:hover {
 	color: #214786;
 	border-color: #214786;
 	background-color: white;
}