/* BACKGROUND */
.bg-home { background: url(/img/background/home.png); background-position: 30% 10%; background-size:cover; background-repeat:no-repeat; }
.bg-forum { background: url(/img/background/forum.png); background-position: 30% 10%; background-size:cover; background-repeat:no-repeat; }
.bg-jobdatings { background: url(/img/background/jobdating.png); background-position: 30% 10%; background-size:cover; background-repeat:no-repeat; }
.bg-jpo { background: url(/img/background/jpo.png); background-position: 30% 10%; background-size:cover; background-repeat:no-repeat; }
.bg-pink { background: #ff66bc; }

.bg-gradient-mjd { 
  background: #ff66bc; /* Old browsers */
  background: -moz-linear-gradient(left,  #ff66bc 0%, #ff8adc 56%, #ffbba8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #ff66bc 0%,#ff8adc 56%,#ffbba8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #ff66bc 0%,#ff8adc 56%,#ffbba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* NAVI */
.home-navi { text-decoration: none; display: inline-block; position: relative; }
.home-navi.inactive:after { 
  background: none repeat scroll 0 0 transparent; 
  bottom: 0; 
  content: ""; 
  display: block; 
  height: 5px; 
  left: 50%;
  position: absolute; 
  background: #ff66bc; /* Old browsers */
  background: -moz-linear-gradient(left,  #ff66bc 0%, #ff8adc 56%, #ffbba8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #ff66bc 0%,#ff8adc 56%,#ffbba8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #ff66bc 0%,#ff8adc 56%,#ffbba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; 
}
.home-navi:hover:after { width: 100%; left: 0;}

.home-navi.active:after { 
  background: none repeat scroll 0 0 transparent; 
  bottom: 0; 
  content: ""; 
  display: block; 
  background: #ff66bc; /* Old browsers */
  background: -moz-linear-gradient(left,  #ff66bc 0%, #ff8adc 56%, #ffbba8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #ff66bc 0%,#ff8adc 56%,#ffbba8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #ff66bc 0%,#ff8adc 56%,#ffbba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  height: 5px;
  left: 0%;
  width: 100%;
  position: absolute;
}

.home-navi a.active { color: #000000 !important; font-size: 20px !important; font-weight: 400 !important; }
.home-navi a.inactive { color: #777777 !important; font-size: 20px !important; font-weight: 400 !important; }


/* EVENT */
.btn_see { background-color: #515151!important; color: #fff !important; }
.btn_see:hover { background-color: transparent!important; color: #515151 !important;border: 1px solid #515151!important; }

.btn_see_jbs { background-color: #515151!important; color: #fff !important; }
.btn_see_jbs:hover { background-color: transparent!important; color: #fff !important;border: 1px solid #fff!important; }

.card{  box-shadow: 0 .5rem 1rem rgba(0,0,0,.27);  }
.card:hover{ -webkit-box-shadow: 2px 1px 11px 7px rgba(12,152,241,0.30); box-shadow: 2px 1px 11px 7px rgba(12,152,241,0.30);}

/* Multiselect */
.filter-option-inner-inner { text-align: center !important; color: #515151; }
.popover-header { font-size: 13px; }
.close { border: 0px; margin-right: 10px; }

/* PAGES */
.tab-slider .nav-link.active { color: #FFFFFF !important;}

.row:hover .img-b2b {
  transform: scale(1.1);
  -webkit-transition: transform .85s ease-in-out;
  -moz-transition: transform .85s ease-in-out;
  -ms-transition: transform .85s ease-in-out;
}

/* Ruban partenaire */
.ribbon-wrapper {
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  /*font: 14px;*/
  color: #FFF;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #ff66bc; /* Old browsers */
  background-image: -moz-linear-gradient(left,  #ff66bc 0%, #ff8adc 56%, #ffbba8 100%); /* FF3.6-15 */
  background-image: -webkit-linear-gradient(left,  #ff66bc 0%,#ff8adc 56%,#ffbba8 100%); /* Chrome10-25,Safari5.1-6 */
  background-image: linear-gradient(to right,  #ff66bc 0%,#ff8adc 56%,#ffbba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  letter-spacing: 1px;
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

#jobdatings .btn.active { 
  background: #ff66bc; /* Old browsers */
  background: -moz-linear-gradient(bottom,  #ff66bc 0%, #ff8adc 70%, #ffbba8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom,  #ff66bc 0%,#ff8adc 70%,#ffbba8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ff66bc 0%,#ff8adc 70%,#ffbba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: #ff66bc;
}


/* USER ADD */
.numberCircle {
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 0px;
  border-radius: 50%;
  font-size: 12px;
  min-width: 38px;
  min-height: 38px;
}

.numberCircle span {
  display: inline-block;
  padding-top: 45%;
  padding-bottom: 50%;
  margin-left: 1px;
  margin-right: 1px;
}

.animate-arrow:hover {
  background-color: #0f7cc1 !important;
}

.animate-arrow:hover .fa-arrow-right {
  transform: translateX(5px);
  transition: 0.3s ease;
}

.stand-item:hover {
  box-shadow: 0 .5rem 1rem rgba(1,1,1,.20) !important; 
}

/*
Extra small devices (portrait phones, less than 576px)
*/

@media (max-width: 480px) {
  /* HEADER */
  #header-container { padding-top: 30px; }
  #header-container h1 { font-size: 30px; }
  #header-container h2 { font-size: 18px; }
  #header-container .pt70 { padding-top: 0px !important; }
  #header-container .pv50 { padding-top: 0px !important; padding-bottom: 20px !important; }
  #header-container .pv100 { padding-top: 0px !important; padding-bottom: 0px !important; }
  
  
  /* EVENTS */
  #header-event .pv100 { padding-top: 30px !important; padding-bottom: 0px !important; }
  #header-event li.mb20 { margin-bottom: 10px !important; }
  #header-event li.pt10 { padding-top: 0px !important; }
  #event-content.mt75 { margin-top: 0px !important; }
  .event-item { padding: 0px !important; }
  .event-title { font-size: 24px !important; margin-top: 40px !important; font-weight: 900; }
  #all-stands .float-end { float: left !important; margin-bottom: 20px !important; }
  .recruiters-list { margin-top: 20px !important; }
  .webinar-presenters { font-size: 16px !important; }
  .webinar-subscribed { margin-left: 15px !important; text-align: left !important; }

  /* PAGES */
  .b2b-content { padding-top: 20px; text-align: center !important; }
  .b2b-content h2 { text-align: justify !important; }
  .b2b-content p { padding-top: 10px; text-align: justify !important; }
  .more { text-align: center !important; }
  .b2b-content h3 { text-align: left !important; }
}


/* Huawei P20 */
@media (min-width: 360px) and (max-height: 760px) {

}

/* Huawei P10 */
@media (min-width: 360px) and (max-height: 640px) {

}

/* Iphone X */
@media (min-width: 370px) and (max-height: 820px) {

}

/* Iphone 6/7/8+ */
@media (min-width: 410px) and (max-height: 740px) {

}

/* Iphone 6/7/8 */
@media (min-width: 375px) and (max-height: 670px) {

}

/* Iphone 5 */
@media (min-width: 320px) and (max-height: 570px) {
  /* EVENTS */
  .webinar-presenters { font-size: 14px !important; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 .mjd-logo { width: 300px !important; }

  /* EVENTS */
  .event-item { padding: 0px !important; }
  #event-content.mt75 { margin-top: 75px !important; }
  .event-title { font-size: 24px !important; }
  .webinar-presenters { font-size: 30px !important; }
  .webinar-subscribed { margin-left: 0px !important; }

 /* HEADER */
 #header-container { padding-top: 70px; }
 #header-container h1 { font-size: 40px; }
 #header-container h2 { font-size: 24px; }
}

/* Résolution de 1920*1080 zoomé à 150% */
@media (min-width: 1265px) {

}

@media (min-width: 1350px) {

}

@media (min-width: 1420px) {

}

/* Résolution de 1920*1080 zoomé à 125% */
@media (min-width: 1515px) {

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1580px) {

}

@media (min-width: 1880px) {

}