@charset "UTF-8";
/*
small = 'only screen and (min-width: 0em) and (max-width: 47.875em)';
medium = 'only screen and (min-width: 47.9375em) and (max-width: 68.0625em)';
large = 'only screen and (min-width: 68.125em) and (max-width: 89.9375em)';
xlarge = 'only screen and (min-width: 90em) and (max-width: 119.9375em)';
xxlarge = 'only screen and (min-width: 120em) and (max-width: 162.4375em)';
size_2600_3k = 'only screen and (min-width: 162.500em) and (max-width: 239.9375em)';
size_3840_4k = 'only screen and (min-width: 240em) and (max-width: 359.9375em)';
size_5760_6k = 'only screen and (min-width: 360em) and (max-width: 479.9375em)';
size_7680_8k = 'only screen and (min-width: 480em)';
xxxlarge_unused = 'only screen and (min-width: 1250em)';
*/
/*
$foundation-palette: (
  primary: #1779ba,
  secondary: #767676,
  success: #3adb76,
  warning: #ffae00,
  alert: #cc4b37,
);
*/
/*
$breakpoints: (
  small: 0,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);
$print-breakpoint: large;
$breakpoint-classes: (small medium large);
*/
/*
$header-styles: (
  small: (
    'h1': ('font-size': 24),
    'h2': ('font-size': 20),
    'h3': ('font-size': 19),
    'h4': ('font-size': 18),
    'h5': ('font-size': 17),
    'h6': ('font-size': 16),
  ),
  medium: (
    'h1': ('font-size': 48),
    'h2': ('font-size': 40),
    'h3': ('font-size': 31),
    'h4': ('font-size': 25),
    'h5': ('font-size': 20),
    'h6': ('font-size': 16),
  ),
);
*/
/*
$dropdown-sizes: (
  tiny: 100px,
  small: 200px,
  large: 400px,
);
*/
/*
$offcanvas-sizes: (
  small: 250px,
);
$offcanvas-vertical-sizes: (
  small: 250px,
);
*/
/*
$foundation-palette: map-merge(
  $foundation-palette,
  (primary: #0f6dcd)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (secondary: #d6e4f2)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (third: #ff9c00)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (success: #3adb76)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (warning: #ffae00)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (alert: #cc4b37)
);
*/
/*
$motion-ui-speeds: (
  default: 350ms,
  slow: 350ms,
  fast: 350ms,
);
*/
::-moz-selection {
  background-color: #d40000;
  /*hsl(215,81%,89%)*/
  color: #fff;
  text-shadow: none; }
::selection {
  background-color: #d40000;
  /*hsl(215,81%,89%)*/
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background-color: #d40000;
  color: #fff;
  text-shadow: none; }

::-webkit-selection {
  background-color: #d40000;
  color: #fff;
  text-shadow: none; }

.alf-top-bar *::-moz-selection {
  background-color: #ff2222;
  /*hsl(215,81%,89%)*/
  color: #fff;
  text-shadow: none; }

.alf-top-bar *::selection {
  background-color: #ff2222;
  /*hsl(215,81%,89%)*/
  color: #fff;
  text-shadow: none; }

.alf-top-bar *::-moz-selection {
  background-color: #ff2222;
  color: #fff;
  text-shadow: none; }

.alf-top-bar *::-webkit-selection {
  background-color: #ff2222;
  color: #fff;
  text-shadow: none; }

* {
  /*-webkit-touch-callout:none;*/
  /* prevent callout to copy image, etc when tap to hold */
  /*-webkit-text-size-adjust:none;*/
  /* prevent webkit from resizing text to fit */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* prevent tap highlight color / shadow */
  /*-webkit-user-select:none;*/
  /* prevent copy paste, to allow, change 'none' to 'text' */ }

/***********************
STYLE : HERO 01 (hero_01)
***********************/
:root {
  --swiper-pagination-color: rgba($white, 1);
  --swiper-pagination-bullet-inactive-color: rgba($white, 1); }

.alf-swiper-master-container-hero_01 {
  overflow: hidden;
  /*
	margin-top: -4rem;
	mask-image: linear-gradient(to right, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 25%, rgba(0,0,0, 1) 75%, rgba(0,0,0, 0) 100%);
	mask-position: 0 0;
	mask-size: 100% 100%;
	*/ }

.alf-swiper-container-hero_01 .swiper {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: border-box;
  overflow: hidden;
  height: 30rem;
  width: 100%;
  padding: 0;
  /*
	mask-image: linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0) 5%, rgba(0,0,0, 1) 40%, rgba(0,0,0, 1) 50%, rgba(0,0,0, 0) 95%, rgba(0,0,0, 0) 100%);
	mask-position: 0 0;
	mask-size: 100% 100%;
	*/ }

.alf-swiper-container-hero_01 .swiper-wrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation; }

.alf-swiper-container-hero_01 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden; }

.alf-swiper-container-hero_01 .swiper-slide-bg-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  /*
	left: -10%;
	top: -10%;
	width: 120%;
	height: 120%;
	*/ }

.alf-swiper-container-hero_01 .swiper-slide-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  transform: translate3d(0, 0, 0); }

.alf-swiper-container-hero_01 .swiper-slide-hero_01 {
  background-color: #333333;
  border-radius: 12px; }

/*
.alf-swiper-container-hero_01 .swiper-slide-hero_01.swiper-slide-active {
	& img {
		box-shadow: 0 0 0 3px get-color(primary);
	}
}
*/
.alf-swiper-container-hero_01 .swiper-slide-bg-image-hero_01 {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit; }

.alf-swiper-container-hero_01 .swiper-slide-content-hero_01 {
  align-items: center;
  justify-content: end;
  flex-direction: column;
  padding: 3rem 0 0 0;
  gap: 0; }

.alf-swiper-container-hero_01 .swiper-slide-text-title-hero_01 {
  color: #fefefe;
  text-align: center;
  font-size: 3rem;
  line-height: 1.5rem;
  margin-bottom: 0;
  font-weight: bold;
  text-shadow: 0 0 5px #220000, 0 0 15px #220000, 0 0 20px white, 0 0 30px white, 0 0 50px white, 0 0 75px white, 0 30px 50px black, 0 30px 75px black;
  background: linear-gradient(to bottom, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.375) 100%);
  padding: 3.5rem 3rem 1rem 3rem;
  width: 100%;
  border-radius: 10px 10px 0 0; }

.alf-swiper-container-hero_01 .swiper-slide-block-hero_01 {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0px;
  border-bottom: none !important; }

.alf-swiper-container-hero_01 .swiper-slide-block-hero_01:hover,
.alf-swiper-container-hero_01 .swiper-slide-block-hero_01:focus,
.alf-swiper-container-hero_01 .swiper-slide-block-hero_01:active {
  border-bottom: none !important; }

.alf-swiper-container-hero_01 .swiper-slide-text-desc-hero_01 {
  color: #fefefe;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: bold;
  text-shadow: 0 0 5px #220000, 0 0 15px #220000, 0 0 20px white, 0 0 30px white, 0 0 50px white, 0 0 75px white, 0 -30px 50px black, 0 -30px 75px black;
  background-color: rgba(10, 10, 10, 0.375);
  width: 100%;
  padding: 1.5rem 3rem 1.5rem 3rem; }

/*
.alf-swiper-container-hero_01 .swiper-slide-text-hero_01 {
	position: absolute;
	top : calc(100% + .5rem);
	text-align: center;
}
.alf-swiper-container-hero_01 .swiper-slide-block-hero_01 {
	display: flex;
	box-sizing: border-box;
	text-decoration: none;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	border-radius: 12px;
	gap: 0;
	padding: 0 0;
}
*/
/*
.alf-swiper-container-hero_01 .alf-swiper-a-001{
	transition:all .25s ease;
	display: block;
	height: 100%;
	width: 100%;
	border-radius: inherit;
	border: 2px solid rgba(get-color(primary), .75)!important;
	background-color:rgba($white, 0);
}
.alf-swiper-container-hero_01 .alf-swiper-a-001:hover,
.alf-swiper-container-hero_01 .alf-swiper-a-001:focus,
.alf-swiper-container-hero_01 .alf-swiper-a-001:active{
	background-color:rgba($white, .25);
}
*/
/*
RESPONSIVE ADJUSTMENTS
INFO : Les breakpoints définis ici doivent être en cohérence avec ceux définis dans le JS associé.
TODO : Prévoir tous les cas de figure, y-compris les Landscape/Portrait.
REF :
	medium: 767px,
	large: 1090px,
	xlarge: 1440px,
	xxlarge: 1920px,
	size_2600_3k: 2600px,
	size_3840_4k: 3840px,
	size_5760_6k: 5760px,
	size_7680_8k: 7680px,
	xxxlarge_unused: 20000px,
*/
/*
//medium
@media (min-width: 767px) {
}

//large
@media (min-width: 1090px) {
}

//xlarge
@media (min-width: 1440px) {
}

//xxlarge
@media (min-width: 1920px) {
}
*/