.job_listings,
.single_job_listing,
.job-manager-form,
.job_submission_form,
/*.container-layout-content .container*/.main-page-content {
    max-width: 1170px !important;
    margin-left: auto !important;
    margin-right: auto !important;
	background-color: transparent !important;
}

.single_job_listing .job_description {
	margin-bottom: 50px !important;
}

.single_job_listing .meta .job-type {
	border-radius: 6px;
	padding: .3rem !important;
}

.single_job_listing .meta {
	margin: 1.5rem 0 !important;
}

.single_job_listing .company {
	border-radius: 6px;
	background-color: #fff;
}

.single_job_listing .company .company_header {
	margin: 0 !important;
	min-height: 0px !important;
}

/* ===========================
   CONTENEUR
=========================== */

.job-manager-form,
.job_submission_form {
    max-width: 1170px;
    margin: 50px auto;
    padding: 40px;
    background: #fff !important;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

/* ===========================
   FIELDSETS
=========================== */

.job-manager-form fieldset,
.job_submission_form fieldset {
    border: none;
    padding: 0;
    margin-bottom: 20px;
}

/* ===========================
   LABELS
=========================== */

.job-manager-form label,
.job_submission_form label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    margin-bottom: 8px;
}

/* ===========================
   CHAMPS
=========================== */

.job-manager-form input[type=text],
.job-manager-form input[type=email],
.job-manager-form input[type=url],
.job-manager-form input[type=number],
.job-manager-form input[type=password],
.job-manager-form input[type=search],
.job-manager-form input[type=tel],
.job-manager-form select,
.job-manager-form textarea,

.job_submission_form input[type=text],
.job_submission_form input[type=email],
.job_submission_form input[type=url],
.job_submission_form input[type=number],
.job_submission_form input[type=password],
.job_submission_form input[type=search],
.job_submission_form input[type=tel],
.job_submission_form select,
.job_submission_form textarea{

    width:100%;
    padding:14px 16px;
    border:1px solid #d9d9d9;
    border-radius:10px;
    background:#fff;
    font-size:16px;
    transition:.25s;
    box-sizing:border-box;
}

/* Focus */

.job-manager-form input:focus,
.job-manager-form textarea:focus,
.job-manager-form select:focus,

.job_submission_form input:focus,
.job_submission_form textarea:focus,
.job_submission_form select:focus{

    border-color:#0d6efd;
    box-shadow:0 0 0 4px rgba(13,110,253,.15);
    outline:none;
}

.job-manager-form fieldset {
	line-height: .9rem !important;
}

.job-manager-form fieldset .fieldset-remote_position  div.field {
	display: flex;
	background-color: red !important;
}

/* ===========================
   TEXTAREA
=========================== */

.job-manager-form textarea,
.job_submission_form textarea{
    min-height:170px;
    resize:vertical;
}

/* ===========================
   SELECT
=========================== */

.job-manager-form select,
.job_submission_form select{
    cursor:pointer;
}

/* ===========================
   DESCRIPTION
=========================== */

.job-manager-form small,
.job_submission_form small{
    display:block;
    color:#777;
    margin-top:5px;
}

/* ===========================
   UPLOAD
=========================== */

input[type=file]{
    border:2px dashed #dcdcdc;
    padding:10px;
	padding-bottom: 40px;
    border-radius:10px;
    width:100%;
    background:#fafafa;
}

/* ===========================
   BOUTONS
=========================== */

.job-manager-form .button,
.job-manager-form input[type=submit],
.job_submission_form .button,
input[type=submit ],
.job_submission_form input[type=submit]{

    background: var(--e-global-color-primary) !important;
    color: #fff !important;
    border: none;
    border-radius: 3px !important;
    padding: 5px 15px 5px 15px !important;
	font-family: "Poppins", sans-serif !important;
    font-size: 12px !important;
	line-height: 37px !important; 
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: .25s !important;
}

.job-manager-form .button:hover,
.job-manager-form input[type=submit]:hover,

.job_submission_form .button:hover,
.job_submission_form input[type=submit]:hover{

    background:var(--e-global-color-text) !important;
    transform:translateY(-2px) !important;
}

.job-manager-form fieldset .account-sign-in .button {
	margin-left: .5rem !important;
}


/* ===========================
   BOUTON ANNULER
=========================== */

.job-manager-form .button.secondary,
.job_submission_form .button.secondary{

    background:#ececec;
    color:#444;
}

.job-manager-form .button.secondary:hover,
.job_submission_form .button.secondary:hover{

    background:#d8d8d8;
}

/* ===========================
   CHECKBOX
=========================== */

.job-manager-form input[type=checkbox],
.job_submission_form input[type=checkbox]{

    width:auto;
    margin-right:10px;
}

/* ===========================
   MESSAGES
=========================== */

.job-manager-message,
.job-manager-info,
.job-manager-error,
.job-manager-success{

    border-radius:10px;
    padding:16px;
    margin-bottom:25px;
}

/* ===========================
   ERREURS
=========================== */

.job-manager-error{

    background:#ffe8e8;
    color:#a40000;
}

/* ===========================
   AIDE
=========================== */

.job-manager-form .description,
.job_submission_form .description{

    color:#777;
    font-size:14px;
    margin-top:6px;
}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:768px){

.job-manager-form,
.job_submission_form{

    padding:25px;
    margin:20px;
}

.job-manager-form input,
.job-manager-form textarea,
.job-manager-form select,

.job_submission_form input,
.job_submission_form textarea,
.job_submission_form select{

    font-size:15px;
}

}


/* ===================================
   CONTENEUR DES OFFRES
=================================== */
/*.job_application,*/
.search_submit {
	position: relative;
	padding-top: 0 !important;
}

/*.job_application input[type="button"],*/
.search_submit input[type="submit"] {
	background-color: transparent !important;
}

/*.job_application::before,*/
.search_submit::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left; 1px;
	background-color: var(--e-global-color-primary);
	border-radius: 3px;
	transform: skew(-12deg);	
}
/*.job_application:hover::before,*/
.search_submit:hover::before{
	background-color: var(--e-global-color-text) !important;
}

.job_application {
	display: none !important;
}

/* ===================================
   LISTE
=================================== */

.job_listings ul.job_listings {
    list-style: none;
    padding: 0;
    margin: 0;
	margin-bottom: 50px !important;
}

.job_listings li.job_listing {
    background: #fff;
    border: 1px solid var(--e-global-color-c8d8047);
    border-radius: 6px;
    margin-top: 10px !important;
    transition: .2s;
    overflow: hidden;
}

.job_listings li.job_listing:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    border-color: var(--e-global-color-primary);
}

/* ===================================
   LIEN
=================================== */

.company_logo {
	border-radius: 3px !important;
}

.job_listings li.job_listing a {
    padding: 25px;
    text-decoration: none;
	display: flex !important;
	align-items: center;
    color: inherit;
}

/* ===================================
   LOGO
=================================== */

.job_listings .company_logo img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    object-fit: cover;
}

/* ===================================
   CONTENU
=================================== */

.job_listings .position {
    flex: 1;
}

.job_listings .position h3 {
	font-family: var(--e-global-typography-secondary-font-family) !important;
    color: var(--e-global-color-cfc0476);
}

.job_listings .company {
    font-size: 15px;
    color: #666;
}

.job_listings .location {
    font-size: 15px;
    color: #888;
}

/* ===================================
   MÉTADONNÉES
=================================== */

.job_listings .meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: column;
    align-items: flex-end;
}

.meta .job-type {
	font-weight: 600 !important;	
}

.job_listing .service-civique {
	color: var(--e-global-color-3918ce9);	
}

.job_listing .cdi {
	color: var(--e-global-color-db2dade);	
}

.job_listing .cddi {
	color: var(--e-global-color-59b1a85);	
}

.job_listing .cdd {
	color: var(--e-global-color-a87e040);	
}

.job_listing .cdd-pec {
	color: var(--e-global-color-f2b8953);	
}

.job_listings .meta li {
    list-style: none;
    background: #f5f5f5;
    padding: 1px 5px;
	font-weight: 300;
    border-radius: 25px;
    font-size: .7rem;
}

/* ===================================
   TYPES D'EMPLOI
=================================== */

.job_filters .job_type li {
	border: none;
}

.job_filters .job_types {
	background-color: transparent !important;
}


/* Si tu ajoutes un type "Bénévolat" */

.job-type-benevolat {
    background: #009688 !important;
    color: white !important;
}

/* ===================================
   DATE
=================================== */

.job_listings .date {
    color: #999;
    font-size: 14px;
    white-space: nowrap;
}

/* ===================================
   FILTRES
=================================== */
.job_filters .job_types li {
	border-right: none !important;	
}
	
.job_filters {
    background: #fff;
    padding: 25px;
	border: 1px solid var(--e-global-color-c8d8047);
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,.06);
    margin-bottom: 35px;
}

.job_filters input,
.job_filters select {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 12px 15px;
    font-size: 15px;
}

.job_filters input:focus,
.job_filters select:focus {
    outline: none;
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13,110,253,.15);
}

/* ===================================
   BOUTON CHARGER PLUS
=================================== */
.showing_jobs {
	background: transparent !important;	
}

.load_more_jobs {
    display: inline-block;
    margin-top: 30px;
    background: #0d6efd;
    color: white;
    padding: 14px 25px;
    border-radius: 10px;
    text-decoration: none;
    transition: .25s;
}

.load_more_jobs:hover {
    background: #0b5ed7;
}

/* ===================================
   AUCUNE OFFRE
=================================== */

.no_job_listings_found {
    background: #fff3cd;
    border: 1px solid #ffe69c;
    border-radius: 0 0 10px 12px;
    padding: 20px;
    color: #856404;
}

/* ===================================
   RESPONSIVE
=================================== */

@media (max-width: 768px) {

.job_listings li.job_listing a {
    flex-direction: column;
    align-items: flex-start;
}

.job_listings .company_logo img {
    width: 60px;
    height: 60px;
}

.job_listings .position h3 {
    font-size: 18px;
}

.job_listings .meta {
    margin-top: 10px;
}

}