/* 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);
  }
}
.interne-activities-list .title {
  margin-bottom: max( 2.08vw , 40px) ;
}
.interne-activities-list .title:not(:first-child) {
  margin-top: max( 4.17vw , 80px) ;
}
.interne-activities-list .choices {
  overflow: auto;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}
.interne-activities-list .choices .choice {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: max( 0.83vw , 16px);
  line-height: max(3.13vw, 60px);
  text-transform: uppercase;
  cursor: pointer;
}
.interne-activities-list .choices .choice:hover,
.interne-activities-list .choices .choice.active {
  color: #91bcd4;
}
.interne-activities-list .choices .separator {
  display: inline-block;
  height: max( 0.31vw , 6px) ;
  width: max( 0.31vw , 6px) ;
  background-color: #212929;
  border-radius: 50%;
  margin-left: 30px ;
  margin-left: clamp(30px, calc(1*(30px + 30 * ((100vw - 360px) / 664))), 60px) ;
  margin-right: 30px ;
  margin-right: clamp(30px, calc(1*(30px + 30 * ((100vw - 360px) / 664))), 60px) ;
}
.interne-activities-list .div-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: max( 3.33vw , 64px) ;
  row-gap: max( 3.02vw , 58px) ;
}
.interne-activities-list .div-list .card {
  width: 330px ;
  width: clamp(330px, calc(1*(330px + 78 * ((100vw - 360px) / 664))), 408px) ;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(33, 41, 41, 0.16);
  cursor: pointer;
  -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.interne-activities-list .div-list .card:hover {
  box-shadow: 0 2px 4px rgba(33, 41, 41, 0.4);
}
.interne-activities-list .div-list .card picture {
  width: 100%;
}
.interne-activities-list .div-list .card .div-txt {
  padding: max( 0.78vw , 15px) ;
}
.interne-activities-list .div-list .card .div-txt .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: max( 0.73vw , 14px);
  line-height: max(0.94vw, 18px);
  margin-bottom: max( 0.52vw , 10px) ;
  column-gap: max( 1.56vw , 30px) ;
}
.interne-activities-list .div-list .card .div-txt .row > div {
  display: flex;
  align-items: center;
}
.interne-activities-list .div-list .card .div-txt .row svg,
.interne-activities-list .div-list .card .div-txt .row img,
.interne-activities-list .div-list .card .div-txt .row span {
  width: max( 0.68vw , 13px) ;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: max( 0.94vw , 18px);
  line-height: max(1.09vw, 21px);
  margin-right: max( 0.52vw , 10px) ;
}
.interne-activities-list .div-list .card .div-txt .name {
  text-align: center;
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  min-height: max( 3.13vw , 60px) ;
  font-size: max( 1.3vw , 25px);
  line-height: max(1.46vw, 28px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.interne-activities-list .popin.activities {
  z-index: 100;
  position: fixed;
  height: 100vh;
  height: calc(100 * var(--vh));
  width: 100vw;
  background-color: #ffffff;
  top: 100vh;
  -webkit-transition: top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.interne-activities-list .popin.activities.open {
  top: 0;
}
.interne-activities-list .popin.activities .btn-close {
  position: absolute;
  z-index: 2;
  height: 35px ;
  height: clamp(35px, calc(1*(35px + 13 * ((100vw - 360px) / 664))), 48px) ;
  width: 35px ;
  width: clamp(35px, calc(1*(35px + 13 * ((100vw - 360px) / 664))), 48px) ;
  top: 15px ;
  top: clamp(15px, calc(1*(15px + 30 * ((100vw - 360px) / 664))), 45px) ;
  right: 15px ;
  right: clamp(15px, calc(1*(15px + 30 * ((100vw - 360px) / 664))), 45px) ;
}
.interne-activities-list .popin.activities .content {
  padding-top: 50px ;
  padding-top: clamp(50px, calc(1*(50px + 30 * ((100vw - 360px) / 664))), 80px) ;
  padding-bottom: 25px ;
  padding-bottom: clamp(25px, calc(1*(25px + 55 * ((100vw - 360px) / 664))), 80px) ;
  height: 100%;
  overflow: auto;
}
.interne-activities-list .popin.activities .content .punchline {
  margin-bottom: max( 2.6vw , 50px) ;
}
.interne-activities-list .popin.activities .content .swiper {
  margin-bottom: 50px ;
  margin-bottom: clamp(50px, calc(1*(50px + 30 * ((100vw - 360px) / 664))), 80px) ;
}
.interne-activities-list .popin.activities .content .swiper .swiper-wrapper {
  margin-left: auto;
  margin-right: auto;
}
.interne-activities-list .popin.activities .content .swiper .swiper-wrapper .swiper-slide {
  width: 300px ;
  width: clamp(300px, calc(1*(300px + 150 * ((100vw - 360px) / 664))), 450px) ;
  height: 300px ;
  height: clamp(300px, calc(1*(300px + 150 * ((100vw - 360px) / 664))), 450px) ;
}
.interne-activities-list .popin.activities .content .swiper .swiper-wrapper .swiper-slide:not(:last-child) {
  margin-right: 15px ;
  margin-right: clamp(15px, calc(1*(15px + 43 * ((100vw - 360px) / 664))), 58px) ;
}
@media only screen and (max-width: 1023px) {
  /*.setDynamicPropertyVW(property,10px,100px,360px,1024px);*/
}
@media only screen and (max-width: 1439px) {
  /*.setDynamicPropertyVW(property,10px,100px,1024px,1440px);*/
}