/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

@font-face {
  font-family: "Amalfi-Coast";
  src: url("assets/fonts/Amalfi Coast.ttf") format("ttf");
  font-display: swap; /* En attendant que la police web soit téléchargée, le navigateur affiche le texte avec une police de substitution par défaut (comme Arial ou Times New Roman) 
                    ou un autre système de police disponible. Cela garantit que le texte est lisible et rendu pendant le téléchargement de la police web personnalisé. */
  font-style: normal;
  font-weight: 400;
}

@media only screen and (max-width: 1024px) {
  .wp-block-kadence-advancedheading.kt-adv-heading1440_fdff20-c4,
  .wp-block-kadence-advancedheading.kt-adv-heading1440_fdff20-c4[data-kb-block="kb-adv-heading1440_fdff20-c4"] {
    text-align: center;
    font-size: 60px;
    line-height: 0.9em;
    font-family: "Amalfi-Coast", helvetica, arial, sans-serif;
    text-transform: capitalize;
    color: rgba(217, 210, 210, 0.43);
    text-shadow: 7px 19px 15px #070b10;
  }
}

@media only screen and (max-width: 767px) {
  .wp-block-kadence-advancedheading.kt-adv-heading1440_fdff20-c4,
  .wp-block-kadence-advancedheading.kt-adv-heading1440_fdff20-c4[data-kb-block="kb-adv-heading1440_fdff20-c4"] {
    text-align: center;
    font-size: 30px;
    line-height: 0.1em;
    font-family: "Amalfi-Coast", helvetica, arial, sans-serif;
    text-transform: capitalize;
    color: rgba(217, 210, 210, 0.43);
    text-shadow: 7px 19px 15px #070b10;
  }
}

.tooltip{
  display: inline;
  position: relative;
  }
  .tooltip:hover:after{
  background: #333;
  background: rgba(0,0,0,.8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px;
  }
  .tooltip:hover:before{
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
  }