/**
Theme Name: engagement-protestant
Author: qodop
Author URI: https://qodop.com
Description: Theme Engagement Protestant
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: engagement-protestant
Template: astra
*/







/* css 2024 vert :  8EB124 */

.job-manager-form fieldset .account-sign-in .button {
    background: #8EB124 !important;
    color: #FFF !important;
    margin: 0 !important;
}

@media only screen and (max-width: 980px) {
    .entry-content, .entry-title, .entry-meta {
        margin-left: 0em !important;
        margin-right: 0em !important;
    }
}

.single_job_listing .meta li.linkedIn-share{
    float: right;
}

.single_job_listing .company img{
    position: relative;
    float: unset;
    height: auto;
    width: auto;
    left: unset;
    max-width: 250px;
}

.single_job_listing .meta .date-posted:before{
    font-size: 24px;
    margin: 0 10px 0 0;
}

@media (max-width: 768px) {
    .single_job_listing .meta li.linkedIn-share{
        float: left;
    }

    .single_job_listing .meta{
        display: flex;
        flex-direction: column;
    }

    .single_job_listing .meta li {
        margin: 5px;
    }
}

h1{
    word-wrap: normal;
}

a{
    color : #8EB124;
}

/* boutons des formulaires */
.um input[type=submit].um-button {
    background: #8EB124 !important;
    font-weight: bolder !important;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    opacity: 1;
}

.um input[type=submit].um-button:hover {
    background: #93af00  !important;

}


/* bouton de login de la page d'ajout d'annonce */
.job-manager-form fieldset .account-sign-in .button {
    margin : 20px;
    padding: 5px;
    background: #EEE;
    border-radius: 10px;
}
.job-manager-form fieldset .account-sign-in .button:hover {
    background: #565656;
}


.job-manager-form fieldset .account-sign-in .button:before{
    display: none;
}

.select2-search.select2-search--inline{
    width: 100%;
}

/*Job page*/

.wp-job-manager-bookmarks-form {
    display: none;
}

.single_job_listing .meta .location:before {
    content: url(./images/map-marker-alt-solid.svg);
    display: inline-block;
    width: 18px;
    height: 20px;
    margin: -10px 10px 0 0;
    text-decoration: none;
    vertical-align: middle;
}

.single_job_listing .meta .salary:before {
    content: url(./images/euro.svg);
    display: inline-block;
    width: 16px;
    height: 20px;
    margin: -10px 10px 0 0;
    text-decoration: none;
    vertical-align: middle;
}

.single_job_listing .meta .date-posted:before{
    color: #a8c900;
    width: 16px;
    height: 16px;
    margin: 0px 15px 0 0;

}

.single_job_listing .meta .job-type {
    font-weight: bolder;
}

.single_job_listing .meta li {
    color: #3a3a3a;
}
.single_job_listing .company {


        max-width: 1200px;

        box-shadow: none;


    /* En-tête de l'entreprise : Flexbox pour aligner l'image et les informations */
    .company_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; /* Gère les petits écrans */

        padding: 0;
        margin: 10px;
    }

    /* Style pour la section nom et logo */
    .name {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    /* Logo de l'entreprise */
    company_logo {
        position: relative;
        width: auto;
        height: 100px;
        object-fit: cover;
        margin-right: 20px;
    }



    /* Nom de l'entreprise */
    .company_name {
        font-family: "Nunito", Sans-serif;
        font-size: 32px;
        font-weight: bold;
        margin-left: 20px;
        line-height: 2.5rem;

    }

    /* Liens de l'entreprise */
    .company_links {
        display: flex;
        flex-direction: column;
        margin-left: auto;
        align-items: flex-end;
        min-width: 200px;
        line-height: 2rem;
    }

    .website:before{
      content: url(./images/link-solid.svg);
       width: 20px;
       height: 20px;
       line-height: 36px;
    }

    .linkedin:before{
        content: url(./images/linkedin-brands-solid.svg);
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 2px 0 0;
        text-decoration: none;
        vertical-align: top;
        line-height: 40px;
    }




    /* Style de la vidéo */
    .company_video iframe {
        width: 100%;
        //height: auto;
        max-width: 100%;
        margin-top: 20px;
    }

    /* Responsive : petits écrans (max 768px) */
    @media (max-width: 768px) {
        .company_header {
            flex-direction: row;
            align-items: flex-start;
            text-align: center;
        }

        .name {
            flex-direction: column;
            align-items: center;
        }

        .company_logo {
            width: 100%;
            max-width: 150px;
            height: auto;
            margin-bottom: 10px;
        }

        .company_links {
            width: 100%;
            margin-top: 10px;
        }

        .company_links a {
            width: 100%;
            text-align: center;
        }

        .company_video iframe {
            width: 100%;
        }
    }


}




/*job list*/

.job_small_card  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}


.job_small_card .card_company_logo {
    webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    display: block;
    order: 1;
    overflow: hidden;
    flex-basis: 250px;
}

@media only screen and (max-width: 420px) {
    .job_small_card  {
       flex-direction: column;
    }
    .job_small_card .card_company_logo {
        flex-basis: unset;
        margin-bottom: 15px;
    }
}

.job_small_card .card_company_logo .placeholder_company_logo {
    height: 100%;
}


.job_small_card .card_company_logo .placeholder_company_logo .company_logo {
    /*-webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    justify-self: center;
}

.job_small_card .job_data {
     webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    display: block;
    order: 2;
    overflow: hidden;
    width: auto;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-basis: 100%;
    margin-left: 2em;
}



ul.job_listings li.job_listing a div.location {
    float: unset;
    padding: 0;
    text-align: left;
    width: unset;
}

ul.job_listings li.job_listing a .meta{
    float: unset;
    padding: 0;
    text-align: left;
    width: unset;
}

ul.job_listings li.job_listing a img.company_logo{
    position: relative;
    left: unset;
    float: unset;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    ul.job_listings li.job_listing a img.company_logo{
        visibility: visible;
        padding-right: 10px;
    }

    ul.job_listings li.job_listing a div.position h3 {
        font-size: 16px;

    }
}

ul.job_listings li.job_listing a div.position {
    position: relative;
    left: unset;
    float: unset;
    padding: 0 42px 0 0;
    width: -webkit-fill-available;

}
ul.job_listings li.job_listing a div.position h3{
    font-size: 18px;
    text-transform: uppercase;
}
/*
ul.job_listings li.job_listing a img.company_logo{
    height: auto;
    width: 62px;
    object-fit: contain;
    visibility: visible;
}
@media only screen and (max-width: 767px) {
    ul.job_listings li.job_listing a img.company_logo{
        visibility: visible;
        padding-right: 10px;
    }

    ul.job_listings li.job_listing a div.position h3 {
        font-size: 16px;
    }
}
*/

/*
ul.job_listings li.job_listing a div.position{
    padding: 0 0 0 62px;
}

ul.job_listings li.job_listing a div.position h3{
    font-size: 18px;
}

ul.job_listings li.job_listing{
    min-height: 90px;
}

*/

/*formulaires*/

/*.customFormField .um-field-area {
    display: flex;
}

@media only screen and (max-width: 520px) {
    .customFormField .um-field-area {
        flex-direction: column;
    }

}

.customFormField .um-field-radio:not(.um-field) {
    padding: 0 30px 0 0;
}

.customFormField .um-field-area{
    width: fit-content;
    white-space: nowrap;
}*/

.um-form{
    color:#3c3c3c;
}

.um-form .um-row-heading{
    font-size: 17px;
    font-weight:bold;
    text-transform: uppercase;
}

/*page partenaires*/
.tme-accordions .tmeaccordion{
    border: solid 1px #8EB124;
    background-color: white !important;
    border-radius: 5px;
}

.tme-accordions .tmeaccordion:hover{
    background-color: #f3f3f3 !important;
}

/*Général*/
.elementor-widget-text-editor {
    color: #272727;
}

/*page emploi*/
.single .entry-header .post-thumb{
    display: none;
}

/* blog */
.single-layout-1{
    max-width: 980px;
    margin: auto;
}
@media only screen and (max-width: 980px) {
     .entry-title, .entry-meta{
        text-align: center;
     }
    .entry-content, .entry-title, .entry-meta{
        margin-left: 2em;
        margin-right: 2em;
    }
}

.post-thumb-img-content.post-thumb img{
    border-radius: 3px;
}

.single.ast-page-builder-template .entry-header + .entry-content{
    margin-top: 2em;
}

h1.entry-title, h1{
    font-size: 2.2rem !important;
    font-family: "Nunito", Sans-serif;
}


h4.entry-content, h4  {
    font-family: "Nunito", Sans-serif;
}



/*bouton postuler FIX*/

.ast-single-post .entry-content a,.ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none !important;
    color: #f08d3c;
}

.entry-content a:hover{
    text-decoration: underline !important;
}

a.postulerButton{
    display: inline-block;
    font-weight: bolder;
    font-size: 15px;
    margin: 0 .5em 0 0;
    outline: 0;
    padding: 1em 2em;
    text-align: center;
    background-color: #8EB124;
    color: #fff;
    cursor:pointer;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 4px ;
}

.postulerButton:hover{
   background-color: #93af00;
 color: #fff;
}

/* menu*/
.ast-icon.icon-arrow svg {
    margin-left: 2px;
}
#ast-hf-menu-2 a.menu-link{
    font-size: 0.6rem;
    color: #FFF; /*#5b6363;*/
    text-transform: uppercase;
    background-color: #8EB124;
    font-weight: 900;
}

a.menu-link{
 cursor:pointer;
}

#ast-hf-menu-2 a.menu-link:hover{
    color: black;
}


.ast-desktop .ast-above-header-bar .main-header-menu > .menu-item{
    line-height: 30px;
    background-color: #8EB124;
}

.ast-above-header-bar .site-above-header-wrap {
    min-height: 30px;
}

/* old css */
#register-form-wrapper {
    width: 100% !important;
    padding: 40px 30px;
    border-radius: 10px;
    background-color: #2980b9;
}

.tf-tabs.vertical .tf-tabnav ul > li {
width: 100%;
justify-content: left;
}

.fieldset-remote_position {
    display:none !important;
}

.post-navigation {display:none;}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    display: none;
}

.rotator > li > div {
    margin:auto;
}

.page h1.entry-title {
    font-size: 40px;
    margin-bottom: 40px;
    display: none;
}
.edit-link {display:none;}
.job-list-item .job-list-title {
    line-height: normal;
    width: 380px !important;
    height: 56px;
    padding: 11px 15px;
}

.resume-list-action a {
    padding: 0 1px !important;
    color: #565656;
}

.btn-list-delete, .btn-list-featured {
    font-size: 12px;
}

.job-list-item > div {
    font-size: 12px;
}

.job-list-item .resume-list-title {
    line-height: normal;
    width: 100%;
    max-width: 350px !important;
    height: 60px;
    padding: 0 15px;
}
/*Animations are sped up so you're not sitting here all day*/

/*Desktop and Tablet*/
@-webkit-keyframes slide {
  0% { margin:0; }
  5%,50% { margin:0 0 0 -100%; }
  55%, 100% { margin:0; }
}
@-moz-keyframes slide {
  0% { margin:0; }
  5%,50% { margin:0 0 0 -100%; }
  55%,100% { margin:0; }
}
@-ms-keyframes slide {
  0% { margin:0; }
  5%,50% { margin:0 0 0 -100%; }
  55%,100% { margin:0; }
}
@-o-keyframes slide {
  0% { margin:0; }
  5%,50% { margin:0 0 0 -100%; }
  55%,100% { margin:0; }
}
@keyframes slide {
  0% { margin:0; }
  5%,50% { margin:0 0 0 -100%; }
  55%,100% { margin:0; }
}

/*Mobile*/
@-webkit-keyframes slide_mobile {
  0%, 22% { margin:0; }
  25%, 47% { margin:0 0 0 -100%; }
  50%, 72% { margin:0 0 0 -200%; }
  75%, 97% { margin:0 0 0 -300%; }
  100% { margin:0; }
}

@-moz-keyframes slide_mobile {
  0%, 22% { margin:0; }
  25%, 47% { margin:0 0 0 -100%; }
  50%, 72% { margin:0 0 0 -200%; }
  75%, 97% { margin:0 0 0 -300%; }
  100% { margin:0; }
}

@-ms-keyframes slide_mobile {
  0%, 22% { margin:0; }
  25%, 47% { margin:0 0 0 -100%; }
  50%, 72% { margin:0 0 0 -200%; }
  75%, 97% { margin:0 0 0 -300%; }
  100% { margin:0; }
}

@-o-keyframes slide_mobile {
  0%, 22% { margin:0; }
  25%, 47% { margin:0 0 0 -100%; }
  50%, 72% { margin:0 0 0 -200%; }
  75%, 97% { margin:0 0 0 -300%; }
  100% { margin:0; }
}

@keyframes slide_mobile {
  0%, 22% { margin:0; }
  25%, 47% { margin:0 0 0 -100%; }
  50%, 72% { margin:0 0 0 -200%; }
  75%, 97% { margin:0 0 0 -300%; }
  100% { margin:0; }
}


    .rotator-wrap {
        overflow:hidden;
        position:relative;
        min-height:100px;
        margin: auto !important;
        width:75%;
        border-radius:5px;
    }

    .rotator {
        width:200%;
        overflow:hidden;
        margin:0;
        list-style:none;
        padding:0;
  background-color: transparent; /* Old browsers */

/*Change the length of the animation here*/
        -webkit-animation: slide 10s infinite ease-out 5s;
        -moz-animation:    slide 15s infinite ease-out 5s;
        -ms-animation:     slide 15s infinite ease-out 5s;
        -o-animation:      slide 15s infinite ease-out 5s;
        animation:         slide 15s infinite ease-out 5s;
    }

    .rotator > li {
      text-align: center;
    padding: 40px;
    width: 12.5%;
    float: left;
    margin: 0;
    box-sizing: border-box;
    white-space: pre-line;
        -webkit-transition:margin .2s ease-out;
        -moz-transition:margin .2s ease-out;
        -ms-transition:margin .2s ease-out;
        -o-transition:margin .2s ease-out;
        transition:margin .2s ease-out;
    }
    .rotator > li:hover {
      margin:-7px 0 0 0;
      cursor:pointer;
    }

    .rotator > li > div {
        background:#999;
        width:150px;
        height:150px;
        line-height: 0;
        border-radius:50%;
        overflow:hidden;
        box-shadow:0 5px 5px 0px rgba(0,0,0,.7);


        -webkit-transition: box-shadow .2s ease-out;
        -moz-transition:box-shadow .2s ease-out;
        -ms-transition:box-shadow .2s ease-out;
        -o-transition:box-shadow .2s ease-out;
        transition:box-shadow .2s ease-out;
    }

    .rotator > li:hover > div {
      box-shadow:0 20px 15px -10px rgba(0,0,0,.3);
    }

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 10px;
}

.um-field-half {
    width: 100% !important;
    float: left;
}

/* Textes des jobs */
.job-listing-region, .job-listing-type {
    font-size: 12px;}

.job-listing-name h4 {
    font-size: 12px !important;
    line-height: 24px;
   }

/* Témoignages */
.caption-title {
    padding-top: 5px;
    font-style: italic;
}

/* Bloc Témoignages */
.temoignages-container {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin: 70px 0px;
    }

    h2{
        color: #565656;
        font-family: "Nunito", Sans-serif;
        font-weight: 400;
    }

    .image-block, .text-block {
      width: 100%; /* Fullwidth pour mobile */
    }

    .image-block img {
      width: 100%; /* Responsive image */
      height: auto;
    }

    .text-block {
      padding: 20px 40px 20px;
      background-color: #f4f4f4;
      display: flex;
      flex-direction: column; /* Disposition en colonne pour garder le titre au-dessus */
      justify-content: center; /* Centrage vertical */
      text-align: left; /* Alignement du texte à gauche */
    }

    /* Pour les écrans plus grands */
    @media (min-width: 768px) {
      .image-block, .text-block {
        width: 50%; /* Image et texte côte à côte sur des écrans plus grands */
      }
    }


/* Mots clés */
.tagcloud a {
    margin: 0 !important;
}
/* Bouton temoignages */
.bouton-temoignages{
    background-color: transparent;
    border: 1px solid #8eb124;
    color:  #8eb124;
    padding: 15px 7px;
    margin-top: 50px;
      transition-duration: 1s;
   transition-timing-function: ease-in;
   transition-delay: .1s;
}

.bouton-temoignages:hover{
    background-color: #8eb124;
    border: 1px solid #8eb124;
    color:  #fff;
    padding: 15px 7px;
    margin-top: 50px;
}
.caption-content {
    line-height: 70px !important;
    margin-bottom: 30px;
}

/* JOB */
.the-job-details > div {
    line-height: 26px !important;}
/* Liens des tabs */

   .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a {
    color: #8eb124 !important;
    display: block;
    padding: 10px 20px;
    cursor: pointer;

}
/* Les éléments cachés*/
.blog-list-author, .company-logo, #job-description {
    text-align: right;
    display: none !important;
}


/* GRID */
.title{
    font-size: 17px !important;
}
#main-menu .sub-menu li a:hover {
   text-decoration: none;
   color: #8eb124 !important;
}

.blockquote_text {
    padding-left: 137px;
    color: #565656 !important ;
}

.blockquote_text-2 {
    padding-left: 137px;
}
.blockquote_text:before {
    content: '\201C';
    font-family: Roboto;
    font-size: 7em;
    position: absolute;
    line-height: 1em;
    left: 0px;
    text-align: left;
}

@media only screen and (max-width: 520px) {
    .blockquote_text {
        padding-left: 0px;
        padding-top: 40px;
    }

    .blockquote_text:before {
        font-size: 5.5em;
        left: -30px;
        top: -20px;
    }
}

.blockquote_text-2:before {
    content: '\201C';
    font-family: 'Georgia';
    font-style: italic;
    font-size: 141px;
    position: absolute;
    line-height: 1em;
      left: 66px;
    text-align: left;
    color: #565656 !important;
}



h2 {

}

a.lost-password-link {
    line-height: 23px !important;
    float: right;
    margin-left: 15px;
    color: #fff;
    font-size: 80%;
}

checkbox label {
   font-size: 80%;
}

form#resume-search-form {
    background: #999;}

.banner-caption {
    width: 100%;
    height: 241px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.60) !important;
    color: #8eb124 !important;
    text-transform:uppercase;
}

.btn-find-job {
    background-color: #fff !important;
}

@media only screen and (max-width: 767px) {
    .rotator {
        width:266%;
    }
}

@media only screen and (max-width: 520px) {
    .rotator {
        width:400%;
        -webkit-animation: slide_mobile 25s infinite ease-out;
        -moz-animation:    slide_mobile 25s infinite ease-out;
        -ms-animation:     slide_mobile 25s infinite ease-out;
        -o-animation:      slide_mobile 25s infinite ease-out;
        animation:         slide_mobile 25s infinite ease-out;
    }
}

#main-menu .nav-menu > li > a:hover {
    text-decoration: none;
    color: #666 !important;
    border-bottom-color:  #F4F4F4 !important;

}


.menu {
list-style: none;
float: left;
display: flex;
    margin-top:3px;
}

.menu-link {
    font-family: 'Nunito',sans-serif;
    font-weight: 800;
    color:#333333;
}