/*
Theme Name: Helene Darroze

Or : #BD9D7B
lite green : #c2e9cc
red : #e7305b
black : #29444d
grey : #8c8c8c
light grey : #dedede

grey bg : #f3f1f1


*/


/* GLOBAL */


body {
    overflow-x: hidden;
    font-family: 'EB Garamond', serif;
    min-height: 100%;
    width: 100%;
    color: #000;

}

a {
    text-decoration: none;
    background-color: transparent;
}

/* INDEX */


.img-logo {
    position: absolute;
    left: 1em;
    top: 1em;
}

.bandeau {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom:  2em;
    height:  580px;

}

.bandeau-home {
    background-image: url('images/banniere_home_hd.jpg');
}

.bandeau-detail {
    background-image: url('images/banniere_detail_hd.jpg');
}


ul.breadcrumbs {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 1em;
}

ul.breadcrumbs li {
    display: inline;
}

ul.breadcrumbs li:before {
    content: "- ";
    display: inline;
}

ul.breadcrumbs li:last-child {
    font-weight: 700;
}

ul.breadcrumbs li:first-child:before{content:none}
ul.breadcrumbs li:last-child{font-weight:700}
ul.breadcrumbs li a{color:#29444d}
ul.breadcrumbs li a:hover{text-decoration:none}


/* FORMS */ 

.search-item {
    margin-bottom:  1em;
}

.form-select {

    text-transform:  uppercase;
    
    /*background-image:  url('images/dropdown.svg');*/
}


.form-select:focus, .form-control:focus {
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
    border: 2px solid #BD9D7B;
}

option {
    text-transform:  uppercase;
}


.form-control {
    border: 2px solid #BD9D7B;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: 700;
    position: relative;
    z-index: 0;
}



.btn-default, .btn-default:visited {
    background-color: #BD9D7B;
    color: #fff;
    padding: 6px 20px 5px;
    border: 2px solid #BD9D7B;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 700;
    border-radius: 17px;
    display: inline-block;
}

.btn-default:active, .btn-default:focus, .btn-default:hover {
    color: #BD9D7B;
    background-color: #fff;
    border: 2px solid #BD9D7B;
    text-decoration: none;
    outline: none;
}

.btn-red, .btn-red:visited {
    background-color: #BD9D7B;
    border-color: #BD9D7B;
}

.btn-red:hover {
    color: #BD9D7B;
    border: 2px solid #BD9D7B;
    background-color: #fff;
}

.btn-grey, .btn-grey:visited {
    color:  #979797;
    background-color: white;
    border-color: white;
    text-transform:  uppercase;
}

.btn-grey:hover {
    color: #979797;
    border: 2px solid #979797;
}


/* JOB LIST */


.wrapper-card {
    margin-bottom: 1em;
}


.card {
    padding:  1em;
    position: relative;
    border: 1px solid #cbcbcb;
    border-radius: 10px;
    background-color: #fff;
}

.jobtiles:hover {

    -webkit-box-shadow: 1px 1px 6px #8c8c8c;
    box-shadow: 1px 1px 6px #8c8c8c;
    -webkit-transition: text-shadow .5s ease;
    transition: text-shadow .5s ease;

}

.jobtitle {
    font-weight:  700;
    margin-bottom:  0.25em;
}

.jobtitle:active .btn-default, .jobtitle:focus .btn-default, .jobtitle:hover .btn-default {
    color: #BD9D7B;
    background-color: #fff;
    border: 2px solid #BD9D7B;
    text-decoration: none;
    outline: none;
}

.card-picto {
    margin-right:  0.5em;
}

.text-picto {
    color: #8c8c8c;
    font-weight:  700;
}

.followup {
    position: absolute;
    right: 2em;
    bottom: -1em;
}

.card-title {
    font-size: 1.1em;
}

.card-date {
font-size: 0.9em;
font-style: italic;}

.light-grey {
    color: #8c8c8c!important;
}

.dark-grey {
    color: #29444d!important;
}


/* BLOG NAV */

.nav-pagination {
    width:  auto!important;
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #BD9D7B;
    border-color: #BD9D7B;
}


.page-link, .page-link:visited {
    padding: .375rem .75rem;
    position: relative;
    display: block;
    color: #BD9D7B;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #BD9D7B;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.spontanee {
    margin-top:  3em;
    margin-bottom: 3em;
    background-color: #fafafa;
    padding:  3em;

}

a.green-link, a.green-link:hover, a.green-link:visited {
    color:  #BD9D7B;
    font-weight: 700;
}

footer {
    background-color: #fbfbfb;
    margin-top:  3em;
    padding-top: 2em;
    padding-bottom: 2em;
}

.social li {
    margin-left: 1em;
    display:inline;
    text-decoration: none;
}



a.back, a.back:visited {
    font-weight:  600;
    color:  #000;
}

.bigapply {
    min-height: 5em;
    padding-top: 2.5em;
}

.bigapply a, .bigapply a:visited {

    background-color: #BD9D7B;
    border-radius: 6px;
    border: 1px solid #BD9D7B;
    padding:  1em 2em;
    font-weight:  700;
    color:  white;
    font-size: 1em;
    margin-bottom: auto;
    margin-top:  auto;
}

 .bigapply a:hover {
    color: #BD9D7B;
    border: 2px solid #BD9D7B;
    background-color: #fff;
}

 .bigapply a:hover img {
    display: none;
}

.bigapply a img {
    margin-left:  8px;
}


.logo-footer {
max-width: 170px;}

.cadre {
    border: 2px solid #dfdfdf;
    padding: 1.25em 2em;
    border-radius: 10px;
    margin-top:  1em;
}

.singletitle h1 {
    color:  #28434c;
    font-weight:  700;
    font-size:  1.75em;
    margin-top:  1em;
    margin-bottom:  0.5em;
}


.cadre-picto {
    float: left;
    height: 30px;
    margin-top: 3px;
    margin-right: 0.75em;
}


h3 {
    color: #BD9D7B;
    font-size: 2em;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 0.75em;
}

.big-arrow {
    font-size: 1.5em;
}
.jobapply {
    margin-top:  1.5em;
    margin-bottom:  5em;
}

.intuitionapply {display: none;}

.intuitiondescription, .intuitiondescription p {
    font-size:  1em;
    color:  #28434c;

}