/*!
Theme Name: Brighter future recruitment
Theme URI: http://underscores.me/
Author: Neil Konka
Author URI: http://shreestar.com
Description: A clean, minimal WordPress theme designed for M-PowerCapital. Includes customizable headers, widgets, and responsive design.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: brighter-recruitment
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Brighter future recruitment is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/ 

body {margin: 0;padding: 0;}

.job-category-filter ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap; /* allows wrapping on smaller screens */
    gap: 5px;       /* spacing between items */
    padding: 0;
    margin: 0;
	justify-content: flex-end;
}

.job-category-filter li {
    margin: 0;
}

.job-category-filter a {
    text-decoration: none;
    padding: 6px 14px;  
    color: #313A40 !important;
    white-space: nowrap; /* keep each item on one line */
	font-family: "Nunito", Sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.job-category-filter a.active,
.job-category-filter a:hover { 
    color: #FF9900 !important;
}

.job-listing-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.job-category-card {position: relative;background-size: cover;background-position: center;padding: 40px 20px;border-radius: 20px; color: #fff;text-align: center;min-height: 218px;display: flex;flex-direction: column;justify-content: center;box-shadow: 0 4px 10px rgba(0,0,0,0.2);transition: transform 0.3s ease;}
.job-category-card:hover {transform: scale(1.03);}
.job-category-card img.icon {margin-bottom: 5px;}
.job-category-card h3 {font-family: "Nunito", Sans-serif;font-size: 30px;font-weight: bold;margin: 0;}

.job_listing_home {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 20px;}

.job_listing_card {
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 0 55px 0 55px; 
    text-align: left;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    transition: 0.3s ease;
	overflow: hidden;
}

.job_listing_card:hover {
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
}

.job_listing_card .job_thumbnail img {width: 100%;height: 242px;object-fit: cover;}
.job_listing_card_bottom {padding: 30px;}
.job_listing_card_bottom h3 {font-family: "Nunito", Sans-serif;font-size: 28px;color: #1C1C1F;margin: 0;}
.job_listing_card_bottom h3 a {color: #1C1C1F;font-weight: bold;}
.job_listing_card_bottom h3 a:hover {color: #FF9900;}
.icon__class {display: flex;align-items: flex-end;justify-content: flex-start;gap: 10px;}
.job_icon_sec {display: flex;align-items: flex-end;justify-content: flex-start;gap: 35px;}
.job_icon_sec p {margin: 0;}
.job_listing_card_bottom p {color: #3F464B;font-size: 14px;font-family: "Nunito", Sans-serif;font-weight: 400;}
.short_descr {color: #3F464B;font-size: 16px;font-family: "Nunito", Sans-serif;font-weight: 400;margin-bottom: 20px;}

#job__list .job_viewall {display: flex;justify-content: space-between;}
#job__list .job-category-title {font-family: "Quicksand", Sans-serif;font-size: 24px;font-weight: 700;color: #161619;display: flex;justify-content: space-between;align-content: center;align-items: center;gap: 10px;}
#job__list .job_viewall a {font-family: "Nunito", Sans-serif;font-size: 18px;font-weight: 600;fill: #0131D1;color: #0131D1;display: flex;align-content: center;align-items: center;gap: 10px;}
#job__list .job_viewall svg {width: 18px;height: 18px;} 
#job__list h3 {font-family: "Nunito", Sans-serif;font-size: 18px;font-weight: 600;margin: 0;color: #161619;}
#job__list .job-thumb img {border-radius: 20px;width: 320px;height: 160px;object-fit: cover;transition: 0.3s ease;}

#job__list .job-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
#job__list .job-title a {color: #161619;}
#job__list .job-thumb img:hover {box-shadow: 0 6px 14px rgba(0,0,0,0.1);transform: scale(1.01);}
#job__list .job-category-icon {background: #123FD4;padding: 10px;border-radius: 50%;width: 55px;height: 55px;}

#bf-job-results .job-item {margin: 15px 0 25px;}
#bf-job-results .job_cat_section {display: flex;justify-content: space-between;margin: 15px 0;}
#bf-job-results .job_cat_title img {
    background: #123FD4;
    padding: 10px;
    border-radius: 50%;
    width: 55px;
    height: 55px;
}
#bf-job-results .job_cat_title {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    gap: 10px;
}
#bf-job-results .job_cat_title h3 {
    font-family: "Quicksand", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #161619;
}
#bf-job-results .job_cat_view {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
}
#bf-job-results .job_cat_view a {
    font-family: "Nunito", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    fill: #0131D1;
    color: #0131D1;
	display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
}
#bf-job-results .job_cat_view svg {
    width: 18px;
    height: 18px;
}

#bf-job-results .job-thumb img {
    border-radius: 20px;
    width: 320px;
    height: 160px;
    object-fit: cover;
    transition: 0.3s ease;
}
#bf-job-results h3 {
    font-family: "Nunito", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #161619;
}
#bf-job-results .job-title a {
    color: #161619;
}
#bf-job-results .job-list {
    display: flex;
    justify-content: flex-start; 
    gap: 30px;
}

#bf-job-filter-form input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  margin-right: 0.6rem;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

#bf-job-filter-form input[type="checkbox"]:checked {
  background-color: #0073aa;
  border-color: #0073aa;
}

#bf-job-filter-form input[type="checkbox"]::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s;
}

#bf-job-filter-form input[type="checkbox"]:checked::after {
  opacity: 1;
}

#bf-job-filter-form label {display: flex;}

#bf-reset-filters {background-color: #0131D1;
    font-family: "Work Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF; 
    border-radius: 10px 10px 10px 10px;
    padding: 18px 25px 18px 25px;border: 0;
    width: 100%;
    margin-top: 20px;cursor: pointer;}
#bf-reset-filters:hover {background-color: #FB8008;}

.pld-like-dislike-wrap.pld-custom img {max-width: 70px;vertical-align: middle;}

.job_task_icon_sec {align-items: center;justify-items: stretch;display: grid;grid-template-columns: repeat(2, 1fr);margin-bottom: 15px;}
.job_task_icon_sec p {margin: 0;display: flex;align-items: center;color: #0131D1;font-family: "Nunito", Sans-serif;font-size: 13px;font-weight: 800;}

.employer_job_listings .job__posting {
    background: #fff;
    display: flex;
    align-items: center;
    align-self: auto;
    justify-content: flex-start;
    gap: var(--row-gap) var(--column-gap);
    height: 100%; 
    width: 100%;
    border-radius: 20px;
    margin: 30px 0;
}
.employer_job_listings .job__posting img {width: 280px;}
.employer_job_listings .job__posting h3 a {
    font-family: "Nunito", Sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: #1C1C1F;
}
.employer_job_listings .job__posting h3 {
    font-family: "Nunito", Sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: #1C1C1F; 
	margin: 10px 0;
}

.employer_job_listings .job__posting a.apply_button {color: #0131D1;display: flex;justify-content: space-between;align-items: center;gap: 10px;height: 54px;}
.employer_job_listings .job__posting a:hover.apply_button {background-color: #0131D1;color: #FFFFFF;}
.apply_button {
    background-color: #DEF4FC;
    font-family: "Nunito", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    fill: #0131D1;
    color: #0131D1;
    border-radius: 50px 50px 50px 50px;
    padding: 18px 32px 18px 32px;
}
.apply_button svg {width: 16px;height: 16px;}
.apply_button:hover svg {fill: #fff;}

.job__posting_title {width: 54%;}
.job__posting_title p {font-family: "Nunito", Sans-serif;font-size: 18px;color: #232729;}

@media (max-width: 1200px) {
.testimonial-widget-wrapper {justify-content: flex-end;flex-direction: column-reverse;align-content: center;align-items: center;}
.testimonial-thumbnails {gap: 25px;margin: -80px;}
#testimonial_wrapper .testimonial-thumbnails img {width: 190px;height: 210px;object-fit: cover;}
	
}

@media (max-width: 767px) {

.job-listing-grid {grid-template-columns: repeat(1, 1fr);}
.job_listing_home {grid-template-columns: repeat(1, 1fr);}
.job-category-filter ul {justify-content: flex-start;}
.job-category-filter a {padding: 6px 10px;}
#testimonial_wrapper .testimonial-container {padding: 60px;width: 380px;height: 500px;}
#testimonial_wrapper p {font-size: 28px;}
#testimonial_wrapper .testimonial-thumbnails img {width: 135px;height: 150px; object-fit: cover;}
	
}