/* Fonctions LESS */
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes runner {
  to {
    transform: translateX(-25%);
  }
}
@keyframes runner {
  to {
    transform: translateX(-25%);
  }
}
@-webkit-keyframes rotation {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotation {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
/* POINT DE RUPTURE PRINCIPAL */
@media only screen and (min-width: 1024px) {
  .jobs-list .list-accordions {
    width: 840px ;
    width: clamp(840px, calc(1*(840px + 60 * ((100vw - 1024px) / 416))), 900px) ;
  }
  .jobs-list .list-accordions .accordion:not(:last-child) {
    margin-bottom: max( 1.15vw , 22px) ;
  }
  .jobs-list .list-accordions .accordion .heading {
    min-height: max( 4.27vw , 82px) ;
    background-color: #ffffff;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: max( 1.04vw , 20px) ;
    padding-top: max( 1.04vw , 20px) ;
    padding-left: max( 1.3vw , 25px) ;
    padding-right: max( 1.3vw , 25px) ;
    padding-bottom: max( 1.04vw , 20px) ;
  }
  .jobs-list .list-accordions .accordion .heading .left .name {
    font-size: max( 0.94vw , 18px);
    line-height: max(1.15vw, 22px);
  }
  .jobs-list .list-accordions .accordion .heading .right {
    column-gap: 30px ;
    column-gap: clamp(30px, calc(1*(30px + 15 * ((100vw - 1024px) / 416))), 45px) ;
  }
  .jobs-list .list-accordions .accordion .heading .right .type {
    font-size: max( 0.94vw , 18px);
    line-height: max(1.15vw, 22px);
  }
  .jobs-list .list-accordions .accordion .heading .right .dates {
    font-size: max( 0.83vw , 16px);
    line-height: max(0.99vw, 19px);
  }
  .jobs-list .list-accordions .accordion .heading .btn.simple {
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
  }
  .jobs-list .list-accordions .accordion .heading .btn-close {
    right: max( 1.3vw , 25px) ;
  }
  .jobs-list .list-accordions .accordion .pannel {
    padding-top: max( 0.73vw , 14px) ;
    padding-left: max( 1.3vw , 25px) ;
    padding-right: max( 1.3vw , 25px) ;
    padding-bottom: max( 1.56vw , 30px) ;
  }
  .jobs-list .list-accordions .accordion .pannel .description {
    font-size: max( 0.83vw , 16px);
    line-height: max(0.99vw, 19px);
  }
  .jobs-list .list-accordions .accordion.closing .heading .btn.simple {
    transition-delay: unset;
  }
  .popin.form-recrutement {
    height: fit-content;
    max-height: 90vh;
    width: 90vw;
    max-width: max( 52.08vw , 1000px) ;
  }
  .popin.form-recrutement .job-identification,
  .popin.form-recrutement .job-spontaneous {
    left: max( 3.13vw , 60px) ;
  }
  .popin.form-recrutement .btn-close {
    height: max( 2.5vw , 48px) ;
    width: max( 2.5vw , 48px) ;
  }
  .popin.form-recrutement .div-form {
    padding-left: max( 3.13vw , 60px) ;
    padding-right: max( 3.13vw , 60px) ;
  }
  .popin.form-recrutement .div-form form .wpcf7-response-output {
    order: 2;
  }
  .popin.form-recrutement .div-form .checkboxes .wpcf7-checkbox .wpcf7-list-item {
    width: calc(33.33% - 20px);
    flex-basis: unset;
  }
}
/* POINT DE RUPTURE PRINCIPAL */
@media only screen and (min-width: 1440px) {
  /*
    .setPropertyVW(property,value);
    .setFontSizeVW(value,value);
    */
  .jobs-list .list-accordions {
    width: max( 46.88vw , 900px) ;
  }
  .jobs-list .list-accordions .accordion .heading .right {
    column-gap: max( 2.34vw , 45px) ;
  }
}
