/*
Theme Name: Blocksy Child
Template: blocksy
*/

@import url("../blocksy/style.css");

/* Polices personnalisées */
@font-face {
  font-family: 'PoliceTitres';
  src: url('./fonts/Berenika-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PoliceSlogan';
  src: url('./fonts/Montez-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PoliceTexte';
  src: url('./fonts/ArefRuqaa-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Application des polices */
.site-title, h1, h2, h3, h4, h5, h6 {
  font-family: 'PoliceTitres', sans-serif !important;
}

.site-slogan, .tagline {
  font-family: 'PoliceSlogan', sans-serif !important;
}

body, p, .article-content {
  font-family: 'PoliceTexte', sans-serif !important;
}

/* Couleurs pour les titres et texte */
.site-title, h1, h2, h3, h4, h5, h6 {
  color: #8B3E3E !important;
}

body, p {
  color: #434649 !important;
}

/* Pour centrer le titre et le slogan sur ordinateur */
.site-branding {
    width: 100%;
    text-align: center; /* Centre le contenu */
    display: flex;
    flex-direction: column; /* Empile le titre et le slogan verticalement */
    align-items: center; /* Centre horizontalement */
}

/* Taille fixe pour le slogan sur ordinateur */
.site-description {
    font-family: 'PoliceSlogan', sans-serif !important;
    color: #8B3E3E !important;
    font-size: 45px !important;
    margin-top: -15px !important; /* Espace entre le titre et le slogan */
    text-align: center;
}

    .site-title a {
    font-size: 45px !important;
}

/* Taille fixe pour le slogan sur mobile */
@media only screen and (max-width: 768px) {
        .site-title a {
        font-size: 24px !important;
    }
    
    .site-description {
        font-size: 24px !important;
        margin-top: -10px !important; /* Ajuste l'espace si nécessaire */
    }
}

/* Arrière-plan répétable */
body {
  background-image: url('/wp-content/themes/blocksy-child/images/Fond02.png') !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
  background-size: auto !important;
}