/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

@font-face {
  font-family:"pictos-scopika";
  src: url("fonts/PictosscopikaRegular.woff2"); 
}

/* SUR MESURE
================================================== */

/* BOUTON NOIR */
.wp-block-button.bouton-noir > a {  display:flex; column-gap:10px; color:#333; padding:0!important; background:transparent; transition:all 0.2s ease; } 
.wp-block-button.bouton-noir > a:hover {  color:rgba(228, 65, 84, 1); } 

/* BOUTON NOIR AVEC FLECHE */
.wp-block-button.bouton-noir.bouton-avec-fleche > a::before { display:block; position:inherit; flex:0 0 48px; height:48px; font:400 24px/48px "pictos-scopika"; color:#fff; text-align:center; content: "J"; border-radius:48px; border:solid 3px #fff; outline:solid 3px rgba(228, 65, 84, 0); background:#000; filter: blur(0px); opacity:1; inset-inline:0; inset-block:0; transition:all 0.2s ease; }
.wp-block-button.bouton-noir.bouton-avec-fleche > a:hover::before { margin-left: 20px; outline:solid 3px rgba(228, 65, 84, 1); background:rgba(228, 65, 84, 1); }

/* HOME
================================================== */

/* Portfolio */



/* Présentation agence */

h3.expertise { display:flex; align-items:center; column-gap:8px; margin-top:30px; margin-bottom:15px; }
h3.expertise:before { font: normal 70px / 70px 'pictos-scopika'; text-align: center; }
h3.expertise.strategie:before { content: "I"; }
h3.expertise.eco-conception:before { content: "D"; }
h3.expertise.webdesign:before {content:"E"; }
h3.expertise.developpement:before { content:"G"; }
h3.expertise.sites:before {content:"B"; }
h3.expertise.formation:before { content:"H"; }




/*.agence.scopika h3:before {content:"S"; }
.agence.equipe h3:before {content:"L"; }
.agence.reseau h3:before {content:"M"; }

.methode.methodo h3:before {content:"K"; }
.methode.experts h3:before {content:"N"; }*/