/*
Theme Name: 4040 Staffing
Description: 4040 Staffing is a simple responsive SEO friendly theme. 
Version: 1.0
Tags:  blog, news, featured-images, one-column, theme-options, consultants
Text Domain: Hydroforlife
Domain Path: Hydroforlife
Author: A2Z Developing Team [tanand79gmail.com] 
*/

/* OVERRIDES !important must be included on all styles */

/* container for all pages */
/* main text color default is set here - IMPORTANT */
/* can change background, or add borders and padding */
.jb--wrapper .jb--label {
	color: #000 !important;
}
.jb--wrapper .jb--applying-for {
	color: #000 !important;
}
.jb--wrapper .jb--upload-box .jb--file-type {
	color: #000 !important;
}
.jb--jobs {
  color: #000 !important;
  /* background: #fff !important; */
  padding: 1rem !important;
}

/* page titles */
.jb--wrapper h2 {
  color: #333 !important;
}
/* links */
.jb--wrapper a {
color: #343293 !important;
}
#jb-detail {
  background: #fff !important;
  border: 2px solid #7ec244 !important;
  border-radius: 15px !important;
  padding: 40px !important;
}
#jb-apply {
  background: #fff !important;
  border: 2px solid #7ec244 !important;
  border-radius: 15px !important;
  padding: 40px !important;
}
/* search and apply buttons, pagination */
/* can change background, or add borders, change border-radius and padding */
.jb--button {
  background-color: #D3D3D3 !important;
  border: 1px solid #000 !important;
  color: #000 !important;
  border-radius: 6px;
}
.jb--button:hover {
  background-color: #f5f5f5 !important;
  border: 1px solid #000 !important;
  color: #808080 !important;
}
/* button with arrow when they are at the beginning or end */
.jb--button.disabled {
  background-color: #eaeaea !important;
  border: 1px solid #cecece !important;
  color: #cecece !important;
}
/* button active depending which page of the search results */
.jb--button-active {
  background-color: #a9a9a9 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
}
.jb--wrapper input {
  border-radius: 6px !important;
}
/* height of buttons and form fields */
.jb--wrapper input, button, .jb--button {
    height: 36px !important;
}
.jb--wrapper input[type="text"], .jb--wrapper input[type="email"], .jb--wrapper input[type="tel"] {
	height: auto !important;
}
.jb--wrapper .jb--job-description {
  color: #000 !important;
  font-family: "Lato", Sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  word-wrap: break-word !important;
}
.jb--wrapper .jb--detail-header {
  color: #000000 !important;
  font-family: "Lato", Sans-serif !important;
  font-size: 22px !important;
  font-weight: 500;
  text-transform: uppercase;
}
.jb--wrapper .jb--sidebar-content {
  font-family: "Lato", Sans-serif !important;
  font-size: 18px !important;
}
.jb--wrapper input, button, .jb--button {
	height: auto !important;
}

/* Change the color of the placeholder text in inputs */
::-webkit-input-placeholder {
  color: #808080;
}
:-ms-input-placeholder {
  color: #808080;
}
::-moz-placeholder {
  color: #808080;
}
:-moz-placeholder {
  color: #808080;
}

/* Changes the loading indicator */
.jb--loading {
  color: #D3D3D3;
  width: 100px;
}

/* container that holds search description */
/* can change background, or add borders and padding */
.jb--job-listing {
  background: #fff !important;
  padding: 1rem !important;
  clear: none !important;
  float: left !important;
  width: 47% !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
  min-height: 240px !important;
  border-radius: 15px !important;
  border: 2px solid #f7f7f7 !important;
}
.jb--job-listing:hover {
  background: #f7f7f7 !important;
  border: 2px solid #7ec244 !important;
}
.jb--wrapper .jb--button {
  font-family: "Roboto", Sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background-color: #7EC244 !important;
  border-radius: 5px 5px 5px 5px !important;
  border: none !important;
  padding: 10px 20px 10px 20px !important;
  height: auto !important;
  color: #fff !important;
}
/* container that holds search description for featured jobs */
/* can change background, or add borders and padding */
.jb--job-listing-featured {
  background: #fff !important;
  padding: 1rem !important;
}
.jb--job-listing-featured:hover {
  background: #f7f7f7 !important;
}

/* featured job label on search results */
.jb--wrapper .jb--featured-label {
  background: #555555;
}
.jb--wrapper .jb--description {
	color: #000 !important;
}
/* job title on search results */
/* should pick up <a> color, can change if necessary */
.jb--title a, .jb--title a:hover {
  color: #000000 !important;
  font-family: "Lato", Sans-serif !important;
  font-size: 22px !important;
  font-weight: 500;
  text-transform: uppercase;
}
.jb--search-form-country-section {
  background: transparent !important;
  padding: 0px !important;
}
.jb--wrapper .jb--search-location {
  background: transparent !important;
  padding: 0px !important;	
}
/* location on search results */
.jb--location {
  color: #000 !important;
}

/* date posted on search results */
.jb--date-posted {
  color: #000 !important;
}

/* job descriptions on search results */
.jb--description {
  color: #000 !important;
  font-family: "Lato", Sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  word-wrap: break-word !important;
}

/* job count on bottom of search results */
.jb--job-count {
  color: #000 !important;
}

/* container for the sidebar on job detail page */
/* can add background, border, padding */
.jb--sidebar {

}

/* titles in sidebar */
.jb--sidebar-title {
  color: #000 !important;
}

/* content in sidebar */
.jb--sidebar-content {
  color: #000 !important;
}

/* container for job description on job detail page */
/* can add background, border, padding */
.jb--content {

}

/* applying for at top of apply page */
.jb--applying-for {
  color: #333 !important;
}

/* labels on form field on apply page */
.jb--label {
  color: #808080 !important;
}

/* accepted file types below resume picker */
.jb--file-type {
  color: #666 !important;
}

/* Fixing button autofocus when clicked */
.frmbtn .premium-modal-trigger-btn.premium-btn-lg.premium-button-none {
  outline: none !important;
}
/* WP form */
/*
.frmbtn .wpforms-container.wpforms-inline-labels .wpforms-form .wpforms-field {
  display: grid;
  grid-template-columns: 225px auto;
  align-items: center;
}
.frmbtn input {
  border-width: 0px 0px 1px 0px !important;
}
*/
/*RESPONSIVE*/
@media screen and (max-width: 2880px) {

}

@media screen and (max-width: 1920px) 
{
	
}
@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1366px) {

}

@media screen and (min-width: 1100px) and (max-width: 1280px) {

}
@media screen and (max-width: 1279px) {
	
}

@media screen and (max-width: 1023px) {
	
}

@media screen and (max-width: 767px) {
	.jb--job-listing {
		width: 100% !important;
		clear: both !important;
		min-height: auto !important;
	}	
}
@media screen and (max-width: 480px) {
	
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 387px) 
{

}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {

}