/**
 * Converts a pixel value to a viewport width (vw) value.
 *
 * This function takes a pixel value and converts it to a vw value based on a
 * reference width of 1920 pixels.
 *
 * @param {Number} $px - The pixel value to convert.
 * @return {String} - The calculated vw value.
 */
/**
 * Removes the unit from a value if it is unitless.
 *
 * @param {Number|String} $value - The value to strip the unit from.
 * @return {Number} - The value without its unit.
 */
/**
 * Rounds a value to a specified number of decimal places.
 *
 * @param {Number} $value - The value to round.
 * @param {Number} $places - The number of decimal places to round to. Default is 2.
 * @return {Number} - The rounded value.
 */
/**
 * Clamps a value between a minimum and maximum value, with a responsive calculation.
 *
 * @param {Number|String} $min - The minimum value.
 * @param {Number|String} $max - The maximum value.
 * @param {Number|String} $maxScreen - The maximum screen size for the calculation.
 * @return {String} - The clamped value with units.
 */
/**
 * Function to lighten a color by a given percentage
 * @param {Color} $color - The base color to be lightened
 * @param {Number} $percentage - The percentage by which to lighten the color
 * @return {Color} - The lightened color
 */
/**
 * Function to darken a color by a given percentage
 * @param {Color} $color - The base color to be darkened
 * @param {Number} $percentage - The percentage by which to darken the color
 * @return {Color} - The darkened color
 */
/**
 * Generates a transition property with a cubic-bezier timing function based on the given style.
 *
 * @param {String} $style - The style of the transition. Accepts 'smooth', 'drift', or 'wave'.
 * @return {String} - The transition property with the corresponding cubic-bezier timing function.
 */
/**
 * Generates a URL for an image located in the resources/images directory.
 *
 * @param {String} $name - The name of the image file.
 * @return {String} - The URL of the image.
 */
/*
 * Base Color Palette
 */
/**
 * Function to retrieve a color from the color map
 * @param {String} $key - The key of the color to retrieve
 * @return {Color} - The color corresponding to the key
 */
/* Body */
/* Navigation */
/* Footer */
/* Links */
/* Buttons */
/* Button Paddings */
/* Inputs */
/* Typography */
/*
 * TITLES
 *
 * This section defines the typography settings for various title elements.
 * It includes font families, font weights, line heights, padding, font sizes, and letter spacing.
 */
/*
 * Container & Grid
 */
/*
 * GRID SPACING
 */
/* Margins */
/*
 * Breakpoints
 */
/* Mobile menu enter */
/**
 * Mixin to convert pixel values to viewport width (vw) units
 * @param {Number|String} $width - The width in pixels or percentage to be converted to vw
 * @param {Number|String} $height - The height in pixels or auto to be converted to vw (default: auto)
 * @param {Boolean} $isImage - Whether the element is an image, applying object-fit: cover if true (default: false)
 * @param {Boolean} $important - Whether to add !important to the styles (default: true)
 */
/**
 * Mixin to create pseudo-elements with customizable properties
 * @param {String} $type - The type of pseudo-element (before, after, etc.)
 * @param {Boolean} $relative - Whether to set the position to relative
 * @param {Number} $z-index - The z-index of the pseudo-element
 * @param {String} $content - The content of the pseudo-element
 */
/**
 * Mixin for responsive design helper for applying styles based on screen width.
 *
 * This mixin allows you to apply styles conditionally based on the screen width.
 * You can specify a minimum width, a maximum width, or both.
 *
 * @param {Number|Boolean} $min - The minimum screen width (optional, default: false).
 * @param {Number|Boolean} $max - The maximum screen width (optional, default: false).
 *
 * @example
 * // Apply styles for screens wider than 600px
 * @include mQuery(600px) {
 *   // styles here
 * }
 *
 * @example
 * // Apply styles for screens narrower than 1200px
 * @include mQuery(false, 1200px) {
 *   // styles here
 * }
 *
 * @example
 * // Apply styles for screens between 600px and 1200px
 * @include mQuery(600px, 1200px) {
 *   // styles here
 * }
 */
/**
 * Mixin to set width and height properties
 * @param {Number} $width - The width value
 * @param {Number} $height - The height value
 */
/**
 * Mixin to apply a CSS property to a class and its important variant.
 *
 * This mixin generates two CSS rules:
 * 1. A rule for the specified class with the given property and value.
 * 2. A rule for the same class prefixed with 'i-' that applies the property with !important.
 *
 * @param {String} $class - The class name to which the property will be applied.
 * @param {String} $property - The CSS property to be applied.
 * @param {String} $value - The value of the CSS property.
 */
.content-header--simple .bg-simple-header {
  transform: translateY(-100px);
  margin-bottom: -200px;
  background-image: var(--bg-simple-header);
  background-size: cover;
  background-repeat: no-repeat;
}
.content-header--simple .contact {
  z-index: 3;
  position: absolute;
}
.content-header--simple .contact.deco-etoile {
  width: calc(180 / 1920 * 100vw);
  height: calc(180 / 1920 * 100vw);
  right: calc(0 / 1920 * 100vw);
  top: calc(-180 / 1920 * 100vw);
}
@media (max-width: 991.98px) {
  .content-header--simple .contact.deco-etoile {
    width: calc(350 / 1920 * 100vw);
    height: calc(350 / 1920 * 100vw);
    right: calc(200 / 1920 * 100vw);
    top: calc(-300 / 1920 * 100vw);
  }
}
.content-header--simple .contact.circle-after {
  width: calc(1000 / 1920 * 100vw);
  height: calc(1000 / 1920 * 100vw);
  border: 1px solid #E43D30;
  border-radius: 50%;
  z-index: 1;
  transition: none;
  right: calc(-700 / 1920 * 100vw);
  bottom: calc(-550 / 1920 * 100vw);
}
@media (max-width: 991.98px) {
  .content-header--simple .contact.circle-after {
    width: calc(1300 / 1920 * 100vw);
    height: calc(1300 / 1920 * 100vw);
    right: calc(-800 / 1920 * 100vw);
    bottom: calc(-800 / 1920 * 100vw);
  }
}

/*# sourceMappingURL=header-simple.css.map */