/**
 * Theme Name: Jobify - Maverick Theme
 * Theme URI: https://maverick.paris/
 * Author: Maverick
 * Author URI: http://maverick.paris
 * Description: Thème emploi Blue-search
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: white, one-column, right-sidebar, fixed-width, custom-background, custom-header, theme-options, full-width-template, featured-images, flexible-header, custom-menu, translation-ready
 * Template: jobify
*/
/**
 * The parent theme's CSS is automatically included so there is no need
 * to use the @import rule to include the parent theme CSS.
 *
 * Place Custom CSS Below this.
 */
#text-7{
  max-width: 100%;
  background-color: rgba(0, 173, 239, .8);
  color: #fff;
  margin-top: 3em;
  padding: 1.5em 0;
  padding-bottom: 4em;
}
.text-align-center{
    text-align: center;
}
.title-twitter{
  text-align: center;
}
.title-twitter:after{
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #fff;
  display: block;
  margin: 0 auto;
}
.custom-featured-row-margin{
  margin-top: 3em;
  margin-bottom: 3em;
}
.custom-featured-block{
  -webkit-box-shadow: 0px 0px 40px -15px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 40px -15px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 40px -15px rgba(0,0,0,0.35);
}
.custom-featured-text{
  padding-left: 15px;
  padding-right: 15px;
  min-height: 65px;
}

h4, .entry-content h4{
  margin: 15px 0;
  font-weight: 700;
}

.link-back, a.link-back{
  color: #777777;
  font-weight: 700;
}
.link-back img, a.link-back img{
  margin-right: 5px;
}
.link-back:hover {
  text-decoration: none;
}
.link-back:hover img{
  margin-right: 10px;
  opacity: .7;
  transition-duration: 1s;
}
.go-back .addtoany_content{
  text-align: right;
}
.mt-0{
  margin-top: 0;
}
.mb-0{
  margin-bottom: 0!important;
}

.last-child-no-pr >div:last-of-type{
  padding-right: 0;
}

.widget--footer a{
  color: #00adef;
}

.footer-widgets{
  background-color: #F5F5F5;
  padding-bottom: 0px;
  padding-top: 3em;
}

footer .footer-menu{
  float: right;
  width: auto;
  margin: 0;
}
.widget--footer .textwidget{
  text-align: justify;
}

.footer-menu ul{
  margin: 0;
  list-style: none;
}
.footer-menu ul li{
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.footer-menu ul li:last-of-type{
  margin-right: 0px;
}
footer .copyright{
  color: #212121;
}

body.home.page-template-jobify footer .widget_text{
  padding-left: 0;
  padding-right: 0;
}

 body header.site-header{
  background-image: url("/wp-content/themes/jobify-classic/assets/images/home/slider/header-bg-1_0.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #00adef;
  height: 100%;
  width: 100%;
  max-height: 100px;
 }
 body .site-header .container{
   padding: 0;
 }
 body.home header.site-header{
   background: transparent;
   box-shadow: none;
   position: absolute;
   top: 0;
   width: 100%;
 }

 header .site-branding{
   width: 100px;
 }
 header h1.site-title{
  width: 100%;
  max-width: 100px;
  margin-right: 0;
}

 .search_categories.search-by-secteurs .select, .search_categories.search-by-secteurs .select:after, .search_categories.search-by-secteurs .select:before{
   display: none;
 }

 .button--color-grey, .button--color-grey.button--type-inverted:hover, .button--type-hover-grey:hover {
  color: #fff;
  background: rgba(170,161,151,.7);
  border-color: transparent;
}

.button--color-grey:hover, .button--grey-white.button--type-inverted, .button--type-hover-inverted-grey:hover {
  background-color: #fff;
  color: rgb(170,161,151);
  border-color: transparent;
}

.post-type-archive-mvfichesmetier .liste-grid-custom article h2{
  max-width: 100%;
}

.liste-fiche-metier .footer-teaser-fiche{
  min-height: 52px;
}

.job_search--slider-container{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.job_search--slider-container .job-custom-slider{
  width: 100%;
  height: 100%;
}

.slider-elt {
  z-index: 1;
  position: absolute;
  background-repeat: no-repeat;
  background-position: top center;
  height: 100%;
  width: 100%;
}

.slick-list, .slick-track{
  height: 100%;
}

.hero-search .hero-search__content,.hero-search .job_search_form,.hero-search .job_search--action,.hero-search .featured-links-container{
  z-index: 3;
  position: relative;
}

.job_search--action{
  margin: 0 auto;
  margin-top: 15px;
  text-align: right;
}

#nav-toggle { display: none ; }
.main-navigation .onepress-menu { overflow:visible; width: auto !important; }

.hero-search .featured-links-container{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

.featured-links .box-link span.more, .featured-links .box-link a.more {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.featured-links .box-link:first-child {
  background: #ff6500;
  font-size: 18px;
  line-height: 20px;
}

.featured-links .box-link h4 {
  color: #fff;
  font-size: 18px;
  background: url("/wp-content/themes/jobify-classic/assets/images/metier-ico-white.png") no-repeat;
  height: 34px;
  line-height: 34px;
  padding-left: 40px;
  margin-top: 0;
}


.responsive--full{
  width: 100%;
}

.entry-content >.addtoany_content{
  margin-top: 0;
}

.addtoany_content{
  display: none;
}
.page-template-page-sidebar .addtoany_content, .single .addtoany_content{
  display: block;
}
.page-id-170 .addtoany_content{
  display: none;
}

.not-show-content *{
  display: none;
}

.not-show-content .addtoany_content {
  display: block;
  margin-top: 0;
}
.not-show-content .addtoany_content *{
  display: inline-block;
}

.addtoany_content .addtoany_header{
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
}

/****     ELEMENT TABS     *****/

.oxi-addons-container .ctu-ultimate-wrapper >div:first-of-type{
  border-top: 3px solid #00adef;
}
.oxi-addons-container .ctu-ultimate-wrapper .vc-tabs-li.active{
  background-color: #00adef;
}

.oxi-addons-container .ctu-ultimate-wrapper .vc-tabs-li{
  border-color: #00adef;
}

.oxi-addons-container .ctu-ultimate-wrapper h4{
  font-weight: 700;
  margin-bottom: 5px;
}


/*************    FIN ELEMENT TABS    **************/


/***    LISTE FICHE METIER    ****/

.liste-fiche-metier article .entry-feature{
  margin-bottom: 5px;
}
.liste-fiche-metier article .entry-title{
  position: relative;
  color: #777;
  margin-top: 10px;
  margin: 0;
  line-height: normal;
  font-weight: 700;
}
.liste-fiche-metier article p{
  margin-bottom: 0;
}
.liste-fiche-metier article a:hover {
  text-decoration: none;
}
.liste-fiche-metier .hentry{
  margin-bottom: 1em;
}


.bg-resume-fiche {
  background-color: #F2F2F2;
  padding: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  border: 1px solid #EDEDED;
}

.bg-resume-fiche p:last-of-type{
  margin-bottom: 0;
}

.content-fichemetier{
  text-align: justify;
}
/********/


/*********** LISTE TYPE METIER ************/
.liste-grid-custom article h2 {
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 700;
  color: #fff;
  margin-left: 5px;
  text-shadow: initial;
}
.liste-grid-custom article{
  position: relative;
  margin-bottom: 30px;
  border-radius: 4px;
}
/*************/


/* LISTE ARTCLE BLOG */
.liste-archive h2 {
  margin: 0 0 15px 0;
  color: #00adef;
}

.liste-archive .entry-meta{
  margin-top: 0;
}

.date-article{
    font-weight: 600;
    padding: 8px;
    text-align: center;
    background-color: #474646;
    color: #FFF;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}
/*************/


.liste-archive h2 {
  font-size: 20px;
}
.date-article{
  font-size: 10px;
  line-height: 14px;
}
/**/

.widget-area--sidebar .widget-content,.widget-area--sidebar aside {
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 20px;
}


.widget-area--sidebar h3 {
  font-size: 15px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  font-weight: 700;
}

.widget-area--sidebar ul {
  width: 100%;
  border: none;
  list-style: none;
  text-align: left;
  padding: 0;
}

.widget-area--sidebar ul li {
  font-family: Arial,sans-serif !important;
  list-style: none;
  text-align: left;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

.job_listings form.job_filters .job_types{
  display: none;
}

/*********** LISTE TYPE METIER ************/
.liste-grid-custom article{
  min-height: calc((100vw / 2) - 30px);
}

 /***    LISTE FICHE METIER    ****/

 .liste-fiche-metier article .entry-title{
  font-size: 15px;
}

.liste-fiche-metier article .entry-summary{
  font-size: 10px;
}

.liste-grid-custom article h2{
  font-size: 18px;
  margin: -10px 0 15px 5px;
  line-height: 25px;
  max-width: 139px;
}

#ctf .ctf-author-name{
  margin-left: 0;
}
@media screen and (min-width: 768px){
  /*********** LISTE TYPE METIER ************/
  .liste-grid-custom article{
    min-height: 220px;
  }
  /*.liste-grid-custom .row >div:nth-child(4) article{
    min-height: 470px;
  }*/

  .custom-featured-block.callout-feature-content{
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .custom-featured-block.callout-feature-content h2{
    font-size: 27px;
  }
  /*************/
}

@media ( max-width: 900px ) {
}

.modal .nf-error-msg:not(:empty){
  padding: 0;
  font-size: 10px;
}

#ninja_forms_required_items, .nf-form-content .nf-field-container{
  margin-bottom: 15px;
}


.featured-links .box-link {
  height: 115px;
  float: left;
  color: #fff;
  background: rgba(255,255,255,.3);
  padding: 20px;
  position: relative;
  border-right: 1px solid #dcd8d3;
  box-sizing: content-box;
}

.label-left .file_upload-wrap .nf-field-label{
  text-align: left;
  padding: 12px;
}
.nf-fu-progress{
  display: none;
}

.file_upload-container input.nf-element{
  float: right;
}

.single-job_listing #main >.addtoany_share_save_container{
  display: none;
}

ul.job_listings .hentry{
  margin-bottom: 0;
}
.single_job_listing #content .addtoany_content{
  margin-top: 0;
}

.widget-title.widget-title--footer{
  font-weight: 700;
}

.liste-grid-custom article h2{
  text-shadow: #000 0px 5px 10px;
}

@media screen and (min-width: 990px){

  body{
    font-size: 13px;
  }
#ctf .ctf-tweets .ctf-item{
  display: inline-block;
  width: 50%;
  vertical-align: top;
  border: 0;

  padding: 20px;
  background-color: #fff;
  margin-right: 1%;
  width: 49%;
}
#ctf .ctf-tweets .ctf-item:last-of-type{
  margin-right: 0;
  margin-left: 1%;
}

.text-optin .nf-field-label label{
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  text-transform: initial;
}

.oxi-addons-container .ctu-ultimate-wrapper h4{
  font-size: 15px;
}
.oxi-addons-container .ctu-ultimate-wrapper p{
  font-size: 14px;
}
footer .copyright{
  font-size: 14px;
}
.widget--footer .textwidget{
  font-size: 13px;
}
.bg-resume-fiche {
  font-style: italic;
  font-size: 17px;
  line-height: 25px;
}
.primary-menu-toggle--open{
  display: none;
}
.nav-menu-break-large .site-primary-navigation {
    margin-top: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.nav-menu-break-large .searchform--header{
  display: none;
}
.nav-menu-break-large .nav-menu--primary li, .nav-menu-break-large ul.nav-menu--primary li {
  display: inline-block;
  position: relative;
}
.nav-menu-break-large .primary-menu-toggle--close{
  display: none;
}
.nav-menu-break-large .nav-menu--primary a, .nav-menu-break-large ul.nav-menu--primary a {
  font-size: 15px;
  color: #fff;
  vertical-align: middle;
  margin: 2px 0;
  padding: 13px 14px;
  display: block;
  border: 2px solid transparent;
}
.nav-menu-break-large .nav-menu--primary .menu-item-has-children>a:after, .nav-menu-break-large ul.nav-menu--primary .menu-item-has-children>a:after {
  content: "";
}
.nav-menu-break-large .nav-menu--primary .children, .nav-menu-break-large .nav-menu--primary .sub-menu, .nav-menu-break-large ul.nav-menu--primary .children, .nav-menu-break-large ul.nav-menu--primary .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  width: 250px;
  z-index: 99999;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: inset rgba(0,0,0,.1) 0 -1px 0;
  left: 0;
  transform: inherit;
  padding: 0;
  background-color: rgba(255,255,255,.9);
  color: #777;
}

.nav-menu-break-large .nav-menu--primary li:hover a{
  color: #00adef;
}
/*.nav-menu-break-large .nav-menu--primary >li:hover .sub-menu:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  background-color: rgba(255,255,255,.9);
  width: 100vw;
}*/
.nav-menu-break-large .nav-menu--primary >li:hover:after{
  content: "";
  width: 100%;
  height: 2px;
  background-color:#00adef;
  position: absolute;
  bottom: 0;
  left: 0;
}
.nav-menu-break-large .nav-menu--primary .children li, .nav-menu-break-large .nav-menu--primary .sub-menu li, .nav-menu-break-large ul.nav-menu--primary .children li, .nav-menu-break-large ul.nav-menu--primary .sub-menu li {
  display: block;
  margin: 0;
  text-align: left;
  color: #000;
}
.nav-menu-break-large .nav-menu--primary .children a, .nav-menu-break-large .nav-menu--primary .sub-menu a, .nav-menu-break-large ul.nav-menu--primary .children a, .nav-menu-break-large ul.nav-menu--primary .sub-menu a {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #000;
}
.nav-menu-break-large .nav-menu--primary .sub-menu li a:hover{
  color: #00adef;
}
.nav-menu-break-large .nav-menu--primary li:hover>.children, .nav-menu-break-large .nav-menu--primary li:hover>.sub-menu, .nav-menu-break-large ul.nav-menu--primary li:hover>.children, .nav-menu-break-large ul.nav-menu--primary li:hover>.sub-menu {
  display: block;
}

.nav-menu--primary li, ul.nav-menu--primary li{
  margin: 0;
}
.nav-menu.nav-menu--secondary{
  margin-top: 9px;
}
  .nav-menu.nav-menu--secondary ul a{
    font-size: 13px;
    vertical-align: middle;
    margin: 2px 0;
    padding: 4px 14px;
    display: block;
    border: 2px solid transparent;
    padding-bottom: 0;
  }
  .nav-menu.nav-menu--secondary .picto-tel a{
    padding-left: 25px;
    background-image: url('./assets/images/tel.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 5px center;
    background-color: #00adef;
    color: #fff;
    border-radius: 30px;
  }

  .nav-menu.nav-menu--secondary .picto-tel a:hover{
    text-decoration: none;
    font-weight: 700;
  }

  #menu-contact-menu li {
      display: inline-block;
      position: relative;
  }

  .sub-menu-primary{
    display: block;
  }
  .sub-menu-primary >nav, .sub-menu-primary >div{
    display: inline-block;
  }
  .social-menu-link{
    float: right;
    padding-left: 0;
  }

  .featured-links .box-link {
    width:calc(25% - 41px);
    height: 115px;
    font-size: 16px;
  }
  .hero-search--height-medium {
      padding-bottom: 12em;
  }


  /***    LISTE FICHE METIER    ****/

  /*********** LISTE TYPE METIER ************/
  .liste-grid-custom article{
    min-height: 210px;
  }
  .liste-grid-custom article h2 {
    font-size: 18px;
    max-width: 145px;
  }
  
  /*.liste-grid-custom .row >div:nth-child(4) article{
    min-height: 450px;
  }*/

  /*************/


  .liste-archive h2 {
    font-size: 20px;
  }
  .date-article{
    font-size: 10px;
    line-height: 14px;
  }
}

@media screen and (min-width: 992px){
  .hero-search__title {
      font-size: 25px;
  }
  .hentry {
    margin-bottom: 3em;
  }
}


.nf-form-content .submit-container input{
  background-color: #00adef !important;
  padding: 10px 50px !important;
}

.job_listing-about .widget{
  padding-bottom: 0;
} 

.related-jobs.container{
  margin-bottom: 4em;
}
.job_application.application{
  text-align: center;
}
.post-template-default.single #content .row, .blog #content .blog-archive{
  text-align: justify;
}
.site-title{
  margin-right: 0;
}
@media screen and (min-width: 1200px){

  body{
    font-size: 14px;
  }
  .custom-featured-block.callout-feature-content{
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .nav-menu-break-large .site-primary-navigation {
    text-align: left;
  }
  .job_search--action{
    max-width: 80%;
  }
  .hero-search--height-medium {
      padding-bottom: 15em;
  }
  .featured-links{
    max-width: 1170px;
    margin: 0 auto;
  }

  /*********** LISTE TYPE METIER ************/
  .liste-grid-custom article{
    min-height: 260px;
  }

  .liste-grid-custom article h2 {
    font-size: 20px;
    margin: -10px 0 15px 5px;
    line-height: 30px;
  }
  /*.liste-grid-custom .row >div:nth-child(4) article{
    min-height: 550px;
  }*/
  /*************/

}

.submit-container{
  text-align: center;
}

.social-menu-link{
  clear: both;
}
.social-menu-link ul{
  list-style: none;
  padding: 0;
  min-width: 100px;
  clear: both;
}

.social-menu-link li{
  display: inline-block;
  margin-right: 15px;
  position: relative;
}

.social-menu-link li:last-of-type{
  margin-right: 0;
}
.social-menu-link li a{
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url('/wp-content/themes/jobify-classic/assets/images/social.png') no-repeat;
  text-indent: -99999px;
}

.social-menu-link li a.twitter {
  background-position: -34px 0;
}

.social-menu-link li a.linkedin {
  background-position: -67px 0;
}

@media screen and (max-width: 990px){
  .featured-links .box-link h4{
    line-height: 18px;
  }
  .hero-search .featured-links .box-link{
    width: calc(50% - 31px);
    line-height: 18px;
    padding: 15px;
  }

  #nav-toggle { display: block ; }
  .main-navigation .onepress-menu { overflow: hidden; }

  .hero-search--height-medium {
      padding-bottom: 22em;
  }
  .featured-links-container{
    background-color: #00adef;
  }
  .featured-links-container .box-link a{
    color: #777;
  }
  .featured-links-container .box-link:nth-child(2){
    border-bottom: 1px solid #dcd8d3;
  }
  .site-header__wrap{
    display: block;
    overflow-y: scroll;
  }
  .nav-menu--secondary{
    display: none;
  }
  form.searchform{
    display: none;
  }
  body header.site-header{
    background: #00adef;
  }
  #site-navigation{
    background: #00adef;
    margin-top: 0;
    padding-top: 0;
  }
  .sub-menu-primary >nav{
    padding: 0 48px 0;
  }
  .sub-menu-primary div.nav-menu{
    padding: 25px;
  }
  .site-header, .nav-menu--primary .sub-menu{
    background: #00adef;
  }
  header >.container div.nav-menu{
    overflow-y: scroll;
    height: calc(100vh - 140px);
  }
  a.site-branding{
    max-width: 100px;
    display: block;
  }
  header a{
    color: #fff;
  }
  /*.site-primary-navigation{
    -webkit-transition: all 0.2s ease-out,background 1s ease-out;
    transition: all 0.2s ease-out,background 1s ease-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .site-primary-navigation--open{
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition-delay: 0.10s;
    transition-delay: 0.10s;
    -webkit-overflow-scrolling: touch;
  }
  .menu-item{
      -webkit-transform: scale(1.15) translateY(-30px);
      transform: scale(1.15) translateY(-30px);
      opacity: 0;
      -webkit-transition: opacity 0.6s cubic-bezier(0.4,0.01,0.165,0.99),-webkit-transform 0.5s cubic-bezier(0.4,0.01,0.165,0.99);
      transition: opacity 0.6s cubic-bezier(0.4,0.01,0.165,0.99),-webkit-transform 0.5s cubic-bezier(0.4,0.01,0.165,0.99);
      transition: transform 0.5s cubic-bezier(0.4,0.01,0.165,0.99),opacity 0.6s cubic-bezier(0.4,0.01,0.165,0.99);
      transition: transform 0.5s cubic-bezier(0.4,0.01,0.165,0.99),opacity 0.6s cubic-bezier(0.4,0.01,0.165,0.99),-webkit-transform 0.5s cubic-bezier(0.4,0.01,0.165,0.99);
  }

  .site-primary-navigation--open .menu-item{
  -webkit-transform: scale(1) translateY(0px);
  transform: scale(1) translateY(0px);
  opacity: 1;
  }*/
}

@media screen and (max-width: 770px){
 header.site-header, body.home header.site-header{
    background: #00adef;
    position: fixed;
    top: 0;
    width: 100%;
  }
  body.home header.site-header{
    background-color: #00adef;
  }
  body{
    padding-top: 100px;
  }

  header a.primary-menu-toggle{
    color: #fff;
  }

  header #site-navigation a{
    color: #fff;
  }
  .date-article{
    padding: 8px 0px;
  }

  body.home h2.hero-search__title{
    word-break: normal;
  }
  .widget--footer ul {
    text-align: left;
  }
  .widget--footer ul li{
    margin-bottom: 10px;
    line-height: 15px;
  }
}

@media screen and (max-width: 520px){
  body.home h2.hero-search__title{
    max-width: 270px;
    margin: 25px auto;
    margin-top: 0;
  } 
}

.widget-area--sidebar .job_search--slider-container,.widget-area--sidebar .featured-links-container
,.widget-area--sidebar .job_search--action{
  display: none;
}

.widget-area--sidebar .hero-search .container{
  padding: 0;
}
.widget-area--sidebar .job_search_form--flat{
  max-width: 100%;
}
.widget-area--sidebar .search_jobs >div{
  width: 100% !important;
  margin-bottom: 10px !important;
  border: 1px solid #777;
  border-radius: 10px;
  overflow: hidden;
}

.widget-area--sidebar .search_jobs >div.search_submit{
  border: transparent;
}
.label-left .listradio-wrap{
  margin-top: 15px;
}
.label-left .listradio-wrap .nf-field-label{
  width: auto;
  margin-right: 10px;
}
.label-left .listradio-wrap .nf-field-label label{
  text-align: left;
}

.label-left .listradio-wrap .nf-field-element li{
  display: inline-block;
  font-weight: normal;
}
.label-left .listradio-wrap .nf-field-element li label{
  font-weight: normal;
}

.label-left .listradio-wrap .nf-field-element li:first-of-type{
  margin-right: 10px !important;
}


.resume-mb-0 p:last-of-type{
  margin-bottom: 0;
}
.job_listing-reference-secteur{
  text-align: center;
}

.bg-resume-fiche.resume-type-ref{
  font-style: normal;
  background-color: transparent;
  margin-bottom: 2em;
  border: none;
}

.grid-typereference >div >.typeref{
  margin-bottom: 30px;
}
.grid-typereference .content{
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
}

.grid-typereference h2{
  margin:0;
  position: relative;
}


.grid-typereference .item-type-ref {
  min-height: calc((100vw / 2) - 30px);
  position: relative;
  text-align: center;
  color: #FFF;
  border-radius: 4px;
}

.liste-item-reference{
  margin-top: 4em;
}
.accordeon-content{
  border: 1px solid #ccc;
  padding-top: 20px;
  display: none;
}
.accordeon-content.actif{
  display: block;
}
.item-accordeon{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 10px 20px;
  border: 1px solid #ccc;
  margin-bottom: 0;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 100;
}
.item-accordeon.actif::after{
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 5px;
  background-color: #fff;
  z-index: 9;
}
.item-accordeon.actif{
  font-weight: bold;
}
.it-secteur{
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  text-align: center;
  width: 25%;
}
.it-secteur img{
  margin-bottom: 10px;
  max-height: 50px;
  width: auto;
}
.it-secteur .title-secteur{
  line-height: 17px;
  margin-top: 10px;
}
.liste-item-reference .job_listings img,
.accordeon-references .job_listings img{
  margin-bottom: 0;
  max-height: 30px;
}
.it-secteur:first-of-type{
  margin-left: 0;
}
.it-secteur:last-of-type{
  margin-right: 0;
}
ul.job_listings .job_listing.mvreferences:hover{
  box-shadow: none;
}
.content-fichemetier >h3{
  margin-top: 2em;
}
.content-fichemetier >h3:first-of-type{
  margin-top: 0;
}
.content-fichemetier .bg-resume-fiche{
  margin-top: 3em;
}
.content-fichemetier .bg-resume-fiche h3{
  margin-top: 0;
}

.content-fichemetier >ul{
  margin: 5px 0;
}
.content-fichemetier >p ~ ul{
  margin-top:-15px;
}


.footer-fichemetier .gallery{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

.footer-fichemetier .gallery .gallery-item{
  float: none!important;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin: 15px 0;
  position: relative;
}
.footer-fichemetier .gallery .wp-caption-text{
  text-transform: uppercase;
  font-size: 15px;
  color: #00adef;
  margin-bottom: 0;
  font-style: inherit;
  text-align: center;
  margin-top: 0px;
}
.footer-fichemetier .gallery .gallery-item .gallery-icon + .wp-caption-text{
  margin-top: 12px;
}
.footer-fichemetier .gallery .wp-caption-text b{
  font-size: 25px;
  font-weight: bold;
  font-style: normal;
  display: block;
  text-transform: none;
}

.footer-fichemetier .gallery .gallery-item:after {
  width: 2px;
  content: " ";
  height: 80%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #CCCCCC;
  opacity: .3;
}
.footer-fichemetier .gallery .gallery-item:nth-child(2n):after {
  display: none;
}


@media screen and (min-width: 768px){
  .footer-fichemetier .gallery.gallery-columns-2 .gallery-item{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .footer-fichemetier .gallery.gallery-columns-3 .gallery-item{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }
  .footer-fichemetier .gallery.gallery-columns-4 .gallery-item{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .footer-fichemetier .gallery .gallery-item:nth-child(2n):after {
    display: block;
  }
  .grid-typereference .item-type-ref {
      min-height: 220px;
  }

  .grid-typereference >div >.typeref:nth-child(1n+3){
    margin-bottom: 0px;
  }
}

@media screen and (min-width: 992px){
  .grid-typereference .item-type-ref {
      min-height: 210px;
  }
  .job_listing-reference-secteur{
    width: 50%;
    text-align: right;
  }
  .grid-typereference >div >.typeref{
    margin-bottom: 0px;
  }
}

@media screen and (min-width: 1200px){
  .grid-typereference .item-type-ref {
      min-height: 260px;
  }
}

@media screen and (max-width: 768px){
.job_listing-about{
  margin-left: 0;
}

}
.footer-fichemetier.widget-area--sidebar .widget-content {
  background-color: transparent;
  padding: 0;
}
.footer-fichemetier .gallery .gallery-item:last-of-type:after{
  display: none;
  content: "";
}
.footer-fichemetier .textwidget h3{
  padding-bottom: 0;
  border: none;
}
.textwidget .picto-card{
  max-height: 52px;
}

h3.callout-feature-title.size-18{
  font-size: 18px;
}

body.home .custom-featured-block h3.callout-feature-title{
  font-weight: 400;
}