/**
 * 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.
 */

header#masthead .nav-menu.nav-menu--primary {
	display: block;
	background: #dcc97d;
}
.nav-menu-break-large .nav-menu--primary a, .nav-menu-break-large ul.nav-menu--primary a {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
.nav-menu-break-large ul.nav-menu--primary a:hover {
    color: #000;
}
.mfp-content .modal {
    max-width: 900px;
}
.gform_fields .gfield {
    margin-bottom: 0;
}

.search_jobs {
    text-align: center;
    display: block;
}
ul.job_listings {
    display: block;
    overflow: hidden;
    border: none;
    width: 100%;
    float: left;
}
form.job_filters .search_jobs > div {
    display: inline-block;
    float: none;
}
form.job_filters .search_jobs > div.search_submit {
    display: none;
}
.job_listing {
    width: 48%;
    float: left;
}
form.job_filters .search_jobs > div.search_keywords {
    display: none;
}

@media only screen and (max-width: 1024px) {
	nav#site-navigation, .primary-menu-toggle--open  {
		display: none;
	}
	
	.job_listings .job_listing {
		width: 100%;
		min-height: auto;
		padding-bottom: 100px;
		margin: 15px 0;
	}
	form.job_filters .search_jobs .search_region span.select2.select2-container.select2-container--default {
		max-width: 100%;
		width: 100% !important;
	}
	form.job_filters .search_jobs .search_region {
		max-width: 100%;
		width: 100%;
	}
}