/* Shortcode [jobs] */
#top .__jobs--filter .filter-button-group a{margin-right: 1em; font-size: 1rem;}
#top .__jobs--filter .filter-button-group a.active_sort{color: #000;}

@media only screen and (min-width: 1280px){
    #top .__jobs--filter .filter-button-group a{font-size: 1.2rem;}
}

#top .__jobs {margin: 2em 0;}
#top .__jobs > article{
    position: relative;
    font-size: 1rem;
    color: #fff !important;
    margin: 0;
    padding: 1em 2em;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 15%);
    margin-bottom: 1.5em;
    transition: .3s ease;
    width: 100%;
}

#top .__jobs > article:hover{-webkit-transform: scale(1.01);transform: scale(1.01);}

#top .__jobs > article > a{text-decoration: none;}
#top .__jobs > article > a:hover{color: var(--azur);}

#top .__jobs > article h4{color: var(--blue);}
#top .__jobs > article .__infos{display: flex; flex-direction: column;}
#top .__jobs > article .__infos > div{margin-right: 2em; display: flex;}
#top .__jobs > article .__infos > div i{margin-right: .5em; min-width: 1.25em; display: inline-block; text-align: center;}

@media only screen and (min-width: 768px){
    #top .__jobs > article .__infos{flex-direction: row;}
}

/* Single Jobs */
#top.single-jobs h2{font-size: 150% !important;}
#top.single-jobs h3{font-size: 120% !important}


#top.single-jobs .__single--job--header--title .content{
    padding: 2.5% 5%;
    background: var(--blue);
    color: #fff;
    box-shadow: 0 30px 40px rgb(0 0 0 / 15%);
    margin: 50px 0;
    border-radius: 20px;
    position: relative;
}
#top.single-jobs .__single--job--header--title .content:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid var(--blue);
    border-right: 30px solid transparent;
    position: absolute;
    top: 100%;
    left: 5%;
    transition: .3s ease;
}
#top.single-jobs .__single--job--header--title .content h1{color: #fff;}
#top.single-jobs .__single--job--header--title .__infos{display: flex; flex-direction: column; color: #fff; font-size: 1rem;}
#top.single-jobs .__single--job--header--title .__infos > div{margin-right: 2em; display: flex;}
#top.single-jobs .__single--job--header--title .__infos > div i{margin-right: .5em; min-width: 1.25em; display: inline-block; text-align: center;}

#top.single-jobs header.entry-content-header{display: none;}


#top.single-jobs #main ul{margin-top: 20px;}
#top.single-jobs #main ul li{font-size: 20px; line-height: 30px;}

@media only screen and (min-width: 768px){
    #top.single-jobs .__single--job--header--title .__infos{flex-direction: row;}
    #top.single-jobs p{font-size: 1rem;}
}

#top .__speech--bubble-form{
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
    padding: 2em 2em 1em 2em;
}

#top .__speech--bubble-form:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid #fff;
    border-left: 15px solid transparent;
    position: absolute;
    top: 100%;
    right: 10px;
    transition: .3s ease;
    visibility: visible;
}

#top .__speech--bubble-form p{font-weight: 500;}


/* Jobs */
#header .av-logo-container .inner-container #jobs_button{
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
#header .av-logo-container .inner-container #jobs_button > a{
	display: none !important;
    position: relative;
    font-size: 18px;
    color: #fff;
    background: var(--blue);
    padding: 0.75em;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    transition: .3s ease;
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
}
#header .av-logo-container .inner-container #jobs_button > a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid var(--blue);
    border-right: 15px solid transparent;
    position: absolute;
    top: 100%;
    left: 10px;
    transition: .3s ease;
}

#header .av-logo-container .inner-container #jobs_button > a:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}

@media only screen and (max-width: 989px){
    #header .av-logo-container .inner-container #jobs_button{right: 40px;}
    #header .av-logo-container .inner-container #jobs_button > a{-webkit-transform: scale(.7);transform: scale(.7);}
}