/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* ---- Sécurité : aucun débordement horizontal possible ---- */
html, body {
    overflow-x: hidden;
}

.bg-title {
    font-family: "Poppins", Sans-Serif !important;
    font-weight: 700 !important;
    font-size: .9em;
}
.under-h2 {
	font-size:.75em;
	font-style:italic;
	font-weight:300;
	margin-top: -6px!important;
}
@media all and (max-width:768px) {
	.under-h2 {
	font-size:.75em;
	font-style:italic;
	font-weight:300;
	line-height: .9em!important;
	margin-top: 1px!important;
}
}
.spacing-dot {
	display: inline-block;
	color: #EF476F;
	font-size:1.6em!important;
}
.spacing-dot-title {
	display: inline-block;
	color: #EF476F;
	margin-left: 2px;
}

.gradient-font {
	background: linear-gradient(90deg, #00B4FF, #EF476F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Poppins", Sans-Serif!important;
}
.gradient-font-sup {
	background: linear-gradient(90deg, #00B4FF, #EF476F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 75%!important;
	display: ruby;
	margin-right: 8px;
}

/*COUELURS CATEGORIES LOOP*/
.loop-term-articles {
	    background-color: #f5f5f5;
}
.category-identite-visuelle .loop-term-articles {
    background-color: #b4b9c333!important; /* ok gris */
}
.category-marketing .loop-term-articles {
    background-color: #78e69633!important; /* ok vert */
}
.category-referencement .loop-term-articles {
    background-color: #783cf033!important; /* ok violet */
}
.category-site-internet .loop-term-articles {
    background-color: #00b4ff33!important; /* ok bleu */
}
.category-reseaux .loop-term-articles {
    background-color: #ffd20033!important; /* ok jaune */
}


/* === Couleurs des tags de catégorie sur la page Référence === */

a.elementor-post-info__terms-list-item[href*="/categorie-reference/marketing-digital/"] {
    background-color: #78e69633!important;
}

a.elementor-post-info__terms-list-item[href*="/categorie-reference/reseaux-sociaux/"] {
    background-color: #ffd20033!important;
}

a.elementor-post-info__terms-list-item[href*="/categorie-reference/branding-identite-visuelle/"] {
    background-color: #b4b9c333!important;
}

a.elementor-post-info__terms-list-item[href*="/categorie-reference/referencement/"] {
    background-color: #783cf033!important;
}

a.elementor-post-info__terms-list-item[href*="/categorie-reference/creation-site-internet/"] {
    background-color: #00b4ff33!important;
}

/* Masque les virgules entre les pills */
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text a {
	display: inline-block;
}
.elementor-post-info__terms-list {
    font-size: 0;
}
.elementor-post-info__terms-list a {
    font-size: 14px!important; /* remettez la taille de votre choix */
    margin-right: 8px;
	margin-top: 8px!important;
}