/**
Theme Name: recoil
Author: Recoil Web Design
Author URI: https://www.recoilwebdesign.co.uk
Description: Website framework 1.8.2 
Version: 1.0
Text Domain: recoil
Template: astra
*/

body a { color: #99af66; font-weight: 700; }
body a:hover { color: #b671a7; }

li.th-homemenu i.fa { font-size: 22px; }


.callout-button a {
background-color: #5bb8c7;
color: #fff !important;
padding: 7px 5px;
border-radius: 50px;
border: 2px solid #5bb8c7;
-webkit-transition: all 400ms;
transition: width all 400ms;
}

.callout-button a:hover {
background-color: transparent;
color: #5bb8c7 !important;
border: 2px solid #5bb8c7;
-webkit-transition: all 400ms;
transition: width all 400ms;
}

.callout-button a:after {
display: none !important;
}


ul#menu-footer  { list-style: none !important; margin: 0 !important; }
ul#menu-footer li { padding: 15px 0 !important; border-bottom: 1px solid #eaeaea !important; }


.th-sidebar-list ul { list-style: none !important; margin: 0 !important; }
.th-sidebar-list ul li { padding: 15px 0 !important; border-bottom: 1px solid #eaeaea !important; }

/* Job Search - Advanced Search Fields */
.wpjb .wpjb-form div.wpjb-field { width: 100% !important; }
.wpjb select, .wpjb select#category, .wpjb textarea, .wpjb input[type=password], .wpjb input[type=text],input { padding: 15px !important; margin: 0 !important; border-radius: 50px !important;  }
.wpjb .wpjb-form > fieldset > div { padding: 0 !important; margin: 0 !important; }
.wpjb-page-search .wpjb-form label.wpjb-label { color: white !important; padding: 0 0 0 15px !important; margin: 0 0 5px 0 !important; }

.wpjb-element-input-select.wpjb-element-name-rwd_location { width: 24% !important; display: inline-block !important; vertical-align: top; }
.wpjb-element-input-select.wpjb-element-name-rwd_salary { width: 24% !important; display: inline-block !important; vertical-align: top; }
.wpjb-element-input-select.wpjb-element-name-rwd_specialism { width: 24% !important; display: inline-block !important; vertical-align: top; }
.wpjb-element-input-select.wpjb-element-name-category { width: 24% !important; display: inline-block !important; vertical-align: top; }
.wpjb-field select#category { width: 24% !important; display: inline-block !important; }
.wpjb .wpjb-form input.wpjb-submit { margin: 0 45% !important; border-radius: 50px !important; padding: 10px 25px !important; }

/* Job Search - Advanced Search Fields - Dropdown Styling */
.wpjb .daq-multiselect-options { font-family: "Poppins", sans-serif !important; font-size: 17px !important; border-radius: 20px !important; }
.wpjb .wpjb-form .wpjb-input-cols { padding: 5px 10px; }
.wpjb .wpjb-form div label.wpjb-label { width: 100% !important; float: none !important;}

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

.wpjb-element-input-select.wpjb-element-name-rwd_location { width: 100% !important; display: inline-block !important; }
.wpjb-element-input-select.wpjb-element-name-rwd_salary { width: 100% !important; display: inline-block !important; }
.wpjb-element-input-select.wpjb-element-name-rwd_specialism { width: 100% !important; display: inline-block !important; }
.wpjb-element-input-select.wpjb-element-name-category { width: 100% !important; display: inline-block !important; }
.wpjb .wpjb-form input.wpjb-submit { margin: 0 !important; width: 100% !important;  }
.wpjb .wpjb-form input.wpjb-submit a { color: #fff !important; }
}










/* Job Search Header - Job Page */
#wpjb-top-search { background-color: #b4d56b !important; border: 1px solid #e5e5e5 !important; padding: 20px !important; }
body .wpjb .wpjb-button.wpjb-button-search { background-color: #a4bc56 !important; color: #ffffff !important; padding: 15px 13px 9px !important; }
.wpjb a.wpjb-button, .wpjb .wpjb-upload-actions a.button { border-radius: 0 !important; }

#wpjb-top-search label.wpjb-label { color: #fff !important; }
#wpjb-top-search a.wpjb-button { color: #fff !important; }

/* Jobs List View */
.wpjb-grid-col.wpjb-grid-col-right.wpjb-col-30.wpjb-glyphs.wpjb-icon-clock { display: none; }
.wpjb-grid .wpjb-grid-row { clear: none !important; background-color: #ffffff; border: 1px solid #eaeaea; padding: 20px !important;  }
.wpjb .wpjb-featured { background-color: #f5f5f5 !important; }
.wpjb-featured:before { content: "Featured"; background-color: #4d4d4d; color: #ffffff; padding: 3px 5px; text-transform: uppercase; font-family: 'Exo 2'; font-size: 14px; font-weight: 500; }


span.wpjb-job_type.wpjb-sub-title { background-color: #4d4d4d; color: #ffffff !important; }
body .wpjb .wpjb-line-major .wpjb-sub-title { padding: 3px 10px !important; }

body .wpjb .wpjb-line-major .wpjb-title {  
    font-size: 23px !important;
    margin-top: 10px !important;
    font-family: "Exo 2" !important;
    text-decoration: none !important;
    color: #62b6cf !important;
}

body .wpjb .wpjb-line-major .wpjb-title:hover { color: #ae4b97 !important; }



/* Jobs | Advanced Search | Job Board Page */
.wpjb-sub.wpjb-sub-opaque.wpjb-sub-right.wpjb-job_created_at { display: none !important; }
.wpjb-grid-row.wpjb-row-meta-job_created_at { display: none !important; }
.cg-advanced-box { margin: 0 0 15px 0 !important; border: 1px solid #e5e5e5; padding: 10px !important; }

/* Job Single : Salary / Hook */
.rod-hook { display: block; margin: 15px 0 !important; font-weight: 500 !important; }

/* Jobs | Alerts Widget */
.rod-alert-hook { padding: 15px 0; }
#rod-alert-box { background-color: #f4f4f4; color: #444444; padding: 0 15px 15px 15px; }
#wpjb-widget-alerts-2.widget.widget_wpjb-widget-alerts .heading h4.widget-title { margin-bottom: 0 !important; }
.wpjb-widget-alert-result.wpjb-flash-info { background-color: transparent !important; color: #444 !important; }
.wpjb-widget-alert input[type=submit] { margin-top: 15px !important; }



/* Jobs | Advanced Refined Section */
a.wpjb-button.wpjb-refine-button { background-color: #ae4b97 !important; color: #ffffff !important; padding: 15px 14px !important; font-size: 16px !important; }
a.wpjb-button.wpjb-subscribe.wpjb-glyphs.wpjb-icon-bell-alt { background-color: #ae4b97 !important; color: #ffffff !important; padding: 15px 14px !important; font-size: 16px !important; }

/* Hide Features */
.wpjb .wpjb-top-header { display: none !important; }

/* Jobs | Advanced Search | Job Board Page */
.wpjb-sub.wpjb-sub-opaque.wpjb-sub-right.wpjb-job_created_at { display: none !important; }
.wpjb-grid-row.wpjb-row-meta-job_created_at { display: none !important; }
.rod-advanced-box { margin: 0 0 15px 0 !important; border: 1px solid #e5e5e5; padding: 10px !important; }
span.wpjb-input-description { font-size: 14px !important; }
.wpjb input[type=checkbox], .wpjb input[type=radio] { background-color: #2a8eca !important; }

/* Widget | Alerts */
#wpjb-widget-alerts-2 { 
background: rgb(0,161,217);
background: -moz-linear-gradient(45deg, rgb(0,161,217) 1%, rgb(71,217,191) 100%);
background: -webkit-linear-gradient(45deg, rgb(0,161,217) 1%,rgb(71,217,191) 100%);
background: linear-gradient(45deg, rgb(0,161,217) 1%,rgb(71,217,191) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1d9', endColorstr='#47d9bf',GradientType=1 );
padding: 0 15px 15px 15px; 
color: #fff !important; 
font-weight: 700; 
border: 1px solid #eaeaea;
}

#wpjb-widget-alerts-2 h4.widget-title { margin: 0 -15px !important;  }
input#keyword { margin: 15px 0 15px 0 !important; }

/* Widget | Job Title */
#wpjb-job-categories-2 h4.widget-title { margin: 0 -15px !important;  }
#wpjb-job-categories-2 { padding: 0 15px 15px 15px; background-color: #f7f7f7; border: 1px solid #eaeaea; }
#wpjb-job-categories-2 ul { padding: 15px 0 0 0; }

/* Widget | Job Title */
div#wpjb-job-locations-2 h4.widget-title { margin: 0 -15px !important;  }
div#wpjb-job-locations-2 { padding: 0 15px 15px 15px; background-color: #f7f7f7; border: 1px solid #eaeaea; }
div#wpjb-job-locations-2 ul { padding: 15px 0 0 0; }













.wpjb .wpjb-top-header { display: none !important; }

.rwd-search-white .wpjb .wpjb-form div label.wpjb-label { color: #fff !important; }

a.wpjb-button.wpjb-form-toggle.wpjb-form-job-apply {
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
    border-radius: 50px !important;
    background-color: #99af66 !important;
    padding: 15px 40px !important;
    color: white !important;
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
   }

a.wpjb-button.wpjb-form-toggle.wpjb-form-job-apply:hover { background-color: #b4d56b !important; 
    background-color: #b671a7 !important;
    color: white !important;


}
