/*
 Theme Name: Digiactif
 Theme URI: https://digiactif.fr
 Description: Thème Digiactif
 Author: Digiactif
 Author URI: https://digiactif.fr
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
    font-family: 'CenturyGothic';
    src: url('wp-content/themes/Digiactif/CenturyGothic.eot');
    src: local('Century Gothic'), local('CenturyGothic'),
        url('CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('CenturyGothic.woff2') format('woff2'),
        url('CenturyGothic.woff') format('woff'),
        url('CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('CenturyGothic-Bold.eot');
    src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),
        url('CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('CenturyGothic-Bold.woff2') format('woff2'),
        url('CenturyGothic-Bold.woff') format('woff'),
        url('CenturyGothic-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothicBoldItalic';
    src: url('CenturyGothic-BoldItalic.eot');
    src: local('Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
        url('CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('CenturyGothic-BoldItalic.woff') format('woff'),
        url('CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'CenturyGothicItalic';
    src: url('CenturyGothic-Italic.eot');
    src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
        url('CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
        url('CenturyGothic-Italic.woff2') format('woff2'),
        url('CenturyGothic-Italic.woff') format('woff'),
        url('CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ArialBlack';
    src: url('arial_black.ttf');
    font-weight: 900;
    font-style: normal;
}

.digi {
	font-family: 'CenturyGothicBold', sans-serif !important;
	font-weight: bold;
	font-size: 100px;
}

.actif {
	font-family: 'CenturyGothic', sans-serif !important;
	font-weight: 100;
	font-size: 100px;
}
@media (max-width: 400px) {
	.digi,
	.actif {
		font-size: 60px;
	}
}
.destructure {
	color: #ffffff00; 
	-webkit-text-stroke-width: 1px; 
	stroke-width: 1px; 
	-webkit-text-stroke-color: #fff; 
	stroke: #fff;
}

.ps_home {
	color: #a3dae8; 
	font-size: 110px; 
	font-weight: bold; 
	font-family: 'archivo black';
}

@media (max-width: 400px) {
	.digi,
	.actif {
		font-size: 60px;
	}
	.ps_home {
		font-size: 44px;
	}
}

h1 em {
	font-size: 110px;
	font-weight: bold;
}

.marquee1 {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.marquee1 span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 25s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

p a {
	color: #FFFFFF !important;
	border-bottom: 1px #FFFFFF dashed;
}

p a:hover {
	color: #44a8a9 !important;
	border-bottom: 1px #44a8a9 dashed;
}




/*OBFUSCATION DU TOP MENU*/
/* Donne au <button> le même reset/affichage qu'un <a> de menu Divi */
.et-menu li .menu-link-like {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  text-decoration: none;
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

/* ======= ÉQUIVALENTS 1:1 DE TES RÈGLES ======= */

/* .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a { padding-bottom: 8px; } */
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>.menu-link-like { 
  padding-bottom: 8px; 
}

/* .et_pb_menu_0_tb_header.et_pb_menu ul li a { font... size... color #fff !important } */
.et_pb_menu_0_tb_header.et_pb_menu ul li .menu-link-like {
  font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
  font-size: 15px;
  color: #ffffff !important;
}

/* .et_pb_bg_layout_dark.et_pb_menu ul li a { color: #fff; } */
.et_pb_bg_layout_dark.et_pb_menu ul li .menu-link-like {
  color: #fff;
}

/* .et-menu li>a { padding-bottom: 29px; word-wrap: break-word; } */
.et-menu li>.menu-link-like {
  padding-bottom: 29px;
  word-wrap: break-word;
}

/* .et-menu a, .et-menu a:hover { transition: all .4s ease-in-out; } */
.et-menu .menu-link-like,
.et-menu .menu-link-like:hover {
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

/* .et-menu a { color: rgba(0,0,0,.6); text-decoration:none; display:block; position:relative; } */
.et-menu .menu-link-like {
  color: rgba(0, 0, 0, .6);
  text-decoration: none;
  display: block;
  position: relative;
}

/* a, a:hover { text-decoration: none; } -> version bouton */
.et-menu .menu-link-like,
.et-menu .menu-link-like:hover {
  text-decoration: none;
}

/* a { color: #2ea3f2; } -> garde les ancres comme avant, mais n’écrase pas la couleur déjà définie plus haut pour les boutons */
p a, li a { 
	color: #ffffff;
	border-bottom: 1px #c0c0c2 dashed;
}

/* .et-menu li { ... } inchangé (s'applique au <li>) */

/* ======= HOVER / FOCUS (si tu veux l'effet identique aux liens) ======= */
.et-menu li>.menu-link-like:hover,
.et-menu li>.menu-link-like:focus-visible {
  text-decoration: none; /* mets 'underline' si tes liens avaient un soulignement au hover */
  outline: none;
}

/* ======= (Optionnel) état actif comme pour les <a> ======= */
.et-menu .current-menu-item > .menu-link-like {
  color: #2ea3f2; /* même teinte que tes liens "a" globaux */
}

/* ======= (Optionnel) header fixe Divi : si tu as un shrink, duplique le padding ======= */
.et-fixed-header .et-menu li > .menu-link-like {
  /* ajuste si le header réduit différemment chez toi */
}

.fl {
	color: #44A8A9;
}

h1::first-letter,
h2::first-letter {
	color: #44A8A9;
}