#navbar .logo {max-height: 75px; padding: 10px 20px; }
.form-group label {font-weight: 700}
h1, h2, h3, h4, h5 {color: #338286}
.general, .offre-page, .container-emploi {background-color: white !important}
ul li {font-size: 16px; line-height: 1.5; font-weight: 400;}
ul {margin-bottom: 1rem}
.container-lg {padding: 15px}
.recherche-accueil {padding: 9px 10px}
#hero .recherche-accueil {padding: 8px 10px}
.recherche-accueil .selectize-input {border: none}
@media (max-width: 991px) {.recherche-accueil .btn-vert {width:100%}}
.topbar-info {font-size: inherit}
.badge-apple {width: 94%}

@media (max-width: 991px) {
    .recherche-accueil-champ-localisation {
        width: calc(50% - 42px) !important;
    }
    #hero .recherche-accueil .btn-vert {
        margin: 16px auto;
    }
}

/* Style stats page accueil */
#hero .embed-responsive {margin: 0 auto; max-width: 150px}
.stat-accueil {background-color: #f7e495; border-radius: 300px;}
.stat-accueil svg {max-width: 42px; width: 50%; max-height: 42px}
.stat-accueil path {fill: #338286}
.stat-accueil p {margin-bottom: 0 !important}

/* Icon des titres */
.icon-title {vertical-align: text-top; margin-left: 2rem; height: 50px; width: auto}

/* Shortcode annonces */
.card-offre {
    border: 1px solid #eee; 
    height: 100%; width: 100%; 
    color: #414142 !important}
.card-offre:hover {text-decoration: none; color: inherit; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important}
.card-offre .card-offre-titre {margin-bottom: 0; font-size: 1.1rem}
.card-offre .offre-entreprise-titre, .card-offre .offre-localisation {font-size: 15px}
.offre-type-contrat {font-size: 14px; background-color: rgba(102, 193, 189, 0.2); color: #66c1bd; border-radius: 5px; padding: 2px 5px; display: inline-block; }

/* Style card offre liste-offre */
.uneOffre {background-color: #FCFBF5;}
#offres-accueil .uneOffre, .container-emploi-offre#liste-emploi .uneOffre {margin: 0}
#offres-accueil .emploi-logo, .container-emploi-offre#liste-emploi .emploi-logo {min-height: 80px}
.container-emploi-offre#liste-emploi > .container-lg > .row {row-gap: 25px}

/* Liste des offres page */
.container-emploi-offre > div.col-sm-12.col-lg-6 {margin-bottom: 20px}
.container-emploi-offre .link-emploi {height: 100%}
.container-emploi-offre .link-emploi .uneOffre {display: flex;flex-direction: column;height: 100%; margin: 0}
.container-emploi-offre .link-emploi .badge-type-contrat {width: fit-content}
.container-emploi-offre .link-emploi .row-offre-logo {flex-grow: 1}

/* Shortcode entreprises */
.card-entreprise{
    height: 100%; width: 100%; 
    background-color: #cdeeed;
}
.card-entreprise .row{
    height: 100%;
}
.card-entreprise:hover {text-decoration: none; color: inherit; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important}
.card-entreprise .offre-entreprise-titre, #offres-accueil .uneOffre .offre-emploi-titre, .container-emploi-offre#liste-emploi .uneOffre .offre-emploi-titre {
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Liste entreprises */


/* Page entreprise */
.entreprise-fiche-partage p a {text-decoration: underline; color: #42c1ba}
.entreprise-fiche-partage p a:hover, .entreprise-fiche-partage p a:active, .entreprise-fiche-partage p a:focus {text-decoration: underline; color: #338286}

/* Shortcode articles */
.blog-item .bloc-blog {background-color: #016369}
.blog-item .titre-blog h3 {color: #f7e495}
.blog-item .article-plus {color: #f7e495}

/* Style section comment ça marche accueil */
.process {transition: all 0.3s ease-in-out; border-radius: 10px}
.process h4, .process p {color: white}
.process:hover h4, .process:hover p {color: #338286}
.process:hover {background-color: white;}
.process-icon {width: 70px; height: 70px; background-color: white; border-radius: 50px; display: flex; justify-content: center; align-items: center; margin: 0 auto; transition: all 0.3s ease-in-out;}
.process-icon path {fill: #66c1bd; transition: all 0.3s ease-in-out;}
.process:hover .process-icon {background-color: #66c1bd}
.process:hover path {fill: white}
.process p {margin-bottom: 0}

/* Temoignages */
.accueil-temoignage .img-temoignage>img {width: 80%; min-height: 0}
.owl-stage {align-items: stretch}
.owl-stage .item-temoignage, .owl-stage .accueil-temoignage {height:100%}
.owl-stage .accueil-temoignage {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Page d'une offre */
.offre-partage a, .entreprise-fiche-partage .reseaux-sociaux {width: 40px; height: 40px; line-height: 40px}
.offre-col {
    font-size: 0.875rem;
    margin-bottom: 15px;
}
.offre-titre-row {font-size: 17px}
.fiche-entreprise-row-infos .right {top: 0}

/* FORM CONTACT */
#default-formulaire-2 #rgpd {position: relative; opacity: 1; z-index: auto}

.formulaire-connexion .form-control, .formulaire-connexion .selectize-input {color: #338286}

/* MENU ESPACE */
.sidebar-menu-candidat {border-right: 2px solid rgba(0,0,0,.125); box-shadow: 1px 1px 4px 0px rgba(0,0,0,.1)}

/* ARTICLE */
.share-links > a > i, .entry-date {color: #5eb8b6}
.portfolio-filter a {background-color: #d2f0ee;
    padding: 2px 10px;
    color: #338286;
    border-radius: 7px;
    margin-bottom: 10px}
.portfolio-filter a.active-filter, .portfolio-filter a:hover {background-color: #338286;
    color: white;}
.entry-related img {aspect-ratio: 16/9; object-fit: contain}

.portfolio-img {height: auto !important;}
.portfolio-img img {
    position: static;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transform: none;
    height: auto;}