/* 
Theme Name: Artcom Bureautique
Theme URI: https://artcombureautique.fr
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Art'Com Bureautique
Author: Art'Com Bureautique
Author URI: https://artcombureautique.fr
Template: hello-elementor
Version: 3.4
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Textes */


@media screen and  (max-width : 1440px) {
    h1, h1 span { font-size: calc(22px + (36 - 22) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(22px + (42 - 22) * ((100vw - 320px) / (1440 - 320)))!important;}
    h2, h2 span { font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(20px + (30 - 20) * ((100vw - 320px) / (1440 - 320)))!important;}
    h3, h3 span { font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important;}
    h4, h4 span { font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(16px + (26 - 16) * ((100vw - 320px) / (1440 - 320)))!important;}
    .titre-span h1 span, .titre-span h2 span {font-size: 22px!important; line-height: 26px!important; /* color: #FFBA00; */}
    }


/* block diapo biseauté */
.biseau {transform: skewY(-4deg);}
.biseau-block-texte {transform: skewY(4deg);}

    
/* Menu */
.elementor-widget-container a:focus{outline-width: none!important; outline: 0px solid #fff!important;}

.titre-span h1, .titre-span h2 {display: flex; flex-direction: column;}
.titre-span h1 span, .titre-span h2 span {width: 100%; font-size: 22px; /* color: #FFBA00; */}

.elementor-element-353b563 .elementor-icon-list-icon {padding-top: 5px;}



.elementor-icon-box-title {margin-block-end: 0;}
.elementor-icon-box-wrapper {
  position: relative;
  text-align: center;
  padding: 20px;
  transition: all 0.3s ease;
  height: 140px; /* Hauteur fixe pour éviter les sauts */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/* Icône */
.elementor-icon-box-icon {
  transition: transform 0.3s ease;
}

/* Titre */
.elementor-icon-box-title {
  transition: transform 0.3s ease;
  margin-top: 10px;
}

/* Description (masquée au début, mais déjà présente) */
.elementor-icon-box-description {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
  max-height: 0;
  overflow: hidden;
  margin-top: 10px;
}

/* Survol : effet combiné */
.elementor-icon-box-wrapper:hover .elementor-icon-box-description {
  opacity: 1;
  transform: translateY(0);
  max-height: 200px;
}
.elementor-icon-box-wrapper:hover .elementor-icon-box-content {  margin-top: -10px;}

/* Survol : réduction de l’icône et du titre */
.elementor-icon-box-wrapper:hover .elementor-icon-box-icon {
  transform: scale(0.8);
}

.elementor-icon-box-wrapper:hover .elementor-icon-box-title {
  transform: scale(0.9);
  margin-top: 5px;
}

@media (max-width: 1024px) {
.elementor-icon-box-wrapper { height: 130px; }
.titre-span h1 span, .titre-span h2 span {font-size: 20px!important; line-height: 24px!important; /* color: #FFBA00; */}

}

@media (max-width: 880px) {
.elementor-icon-box-wrapper { height: 120px; }

}

@media (max-width: 600px) {
.titre-span h1 span, .titre-span h2 span {font-size: 17px!important; line-height: 21px!important; /* color: #FFBA00; */}
}