/*
Theme Name: Krizia
Theme URI: https://afterimagedesigns.com/krizia/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on "_s", Bootstrap and Font Awesome.
Version: 3.3.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: krizia
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
html,
body {
  overflow-x: clip;
}
/* ==========================================================
   KRIZIA — ANIMATIONS GSAP
   ========================================================== */

.krz-js [data-krz-animation] {
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .krz-js [data-krz-animation] {
    visibility: visible;
  }
}

.krz-split-char,
.krz-split-word {
  display: inline-block;
  backface-visibility: hidden;
}

/* ==========================================================
   KRIZIA — VARIABLES GLOBALES
   ========================================================== */

:root {
  --krz-block-radius: 40px;
  --krz-block-overlap: 30px;
  --krz-animation-duration: 900ms;
}

/* ==========================================================
   KRIZIA — CONTENEUR DES BLOCS
   ========================================================== */

.krz-block {
  --krz-overlap-offset: 0px;

  box-sizing: border-box;
  isolation: isolate;
  overflow: visible;
  position: relative;
  width: 100%;
  z-index: var(--krz-stack, 1);
}

/*
 * Chaque bloc suivant remonte sous le bloc précédent.
 *
 * La variable --krz-overlap-offset permet au bloc concerné
 * d’ajouter cette compensation à son propre padding sans
 * écraser son espacement naturel.
 */
.krz-block + .krz-block {
  --krz-overlap-offset: var(--krz-block-overlap);

  margin-top: calc(var(--krz-block-overlap) * -1);
}

/* ==========================================================
   KRIZIA — SURFACE VISUELLE DES BLOCS
   ========================================================== */

.krz-block__surface {
  box-sizing: border-box;
  clip-path: none;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;

  -webkit-mask: none;
  mask: none;
}

/* ==========================================================
   KRIZIA — ARRONDIS DES BLOCS
   ========================================================== */

.krz-block--rounded > .krz-block__surface {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: var(--krz-block-radius);
  border-bottom-left-radius: var(--krz-block-radius);
  overflow: hidden;
}

/*
 * Neutralise les anciens masques ou clip-path pouvant être
 * appliqués à des pseudo-éléments par l’ancien thème.
 */
.krz-block--rounded > .krz-block__surface::before,
.krz-block--rounded > .krz-block__surface::after {
  clip-path: none;

  -webkit-mask: none;
  mask: none;
}

/* ==========================================================
   KRIZIA — MODIFICATEURS
   ========================================================== */

/*
 * Désactive la remontée d’un bloc sous le précédent.
 */
.krz-block--no-overlap {
  --krz-overlap-offset: 0px;

  margin-top: 0;
}

/*
 * Désactive les arrondis sur un bloc particulier.
 */
.krz-block.krz-block--square > .krz-block__surface {
  border-radius: 0 !important;
}

/* ==========================================================
   KRIZIA — CORRECTION DU WRAPPER HERO
   ========================================================== */

/*
 * Ces règles neutralisent les anciennes propriétés du thème
 * qui pouvaient découper ou masquer le Hero.
 *
 * Les !important sont volontairement limités à ce correctif.
 */
.krz-hero.krz-block {
  border-radius: 0 !important;
  clip-path: none !important;
  overflow: visible !important;

  -webkit-mask: none !important;
  mask: none !important;
}

.krz-hero.krz-block::before,
.krz-hero.krz-block::after {
  border-radius: 0 !important;
  clip-path: none !important;

  -webkit-mask: none !important;
  mask: none !important;
}

.krz-hero.krz-block > .krz-hero__surface {
  border-radius: 0 !important;
  border-bottom-right-radius: var(--krz-block-radius) !important;
  border-bottom-left-radius: var(--krz-block-radius) !important;
  clip-path: none !important;
  overflow: hidden !important;

  -webkit-mask: none !important;
  mask: none !important;
}