/*
 Theme Name:   Thème Coam
 Theme URI:    https://agence-coam.fr/
 Description:  Thème de l'Agence Coam, basé sur GeneratePress.
 Author:       Agence Coam
 Author URI:   https://agence-coam.fr/
 Template:     generatepress
 Version:      0.1
*/

/* Fichier de personnalisation du site */


/* ---------- TYPOGRAPHIE ---------- */

/* Affecte la font family définie en "headings" dans la font library à tous les titres,
 * et à tous les textes ayant pour classe additionnelle "style-hX" */
h1,h2,h3,h4,h5,h6,[class*=style-h] {
	font-family: Bricolage Grotesque;	
	line-height:1.2em;
	margin-bottom:1.5rem;
}

/* Taille des titres et des textes ayant pour classe "style-hX".
 * Paramétré ici plutôt que dans le Customizer pour n'avoir à le changer qu'une fois
 * Ajouter les font-weight pour chaque niveau de titre. */

p {
	font-size:1rem;
	margin-bottom:1.5rem;
	line-height:1.5;
}

h1, .style-h1 {
	font-size:clamp(3.1875rem, 2.705rem + 1.9299vw, 4.2489rem);
}

h2, .style-h2 {
	font-size:clamp(2.3906rem, 2.0288rem + 1.4474vw, 3.1867rem);
}

h3, .style-h3 {
	font-size:clamp(1.9922rem, 1.6906rem + 1.2062vw, 2.6556rem);
}

h4, .style-h4 {
	font-size:clamp(1.5938rem, 1.3525rem + 0.9649vw, 2.1245rem);
}

h5, .style-h5 {
	font-size:clamp(1.3281rem, 1.1271rem + 0.8041vw, 1.7704rem);
}

h6, .style-h6 {
	font-size:clamp(1.1953rem, 1.0144rem + 0.7237vw, 1.5934rem);
}



/* =====================
	CARROUSEL
======================== */


/* For 2 cells with 2rem gap */
.carousel-cell {
  width: calc(50% - 2rem * 1/2);
  margin-right: 2rem;
}

/* For 3 cells with 1rem gap */
.carousel-cell {
  width: calc(33.333% - 1rem * 2/3);
  margin-right: 1rem;
}

/* Pagination */
.flickity-page-dots {
    width: 100%;
    bottom: -1.5rem;
    padding: 0;
    margin: 0;    
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}

.flickity-page-dots .dot {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0;
    background: #000;
}

/* Navigation */
.flickity-button{
    height: 2.5rem;
    width: 2.5rem;
    background: none;
    color: #000;
}

.flickity-button:hover{
    background: none;
}

.flickity-prev-next-button.previous{
    left: 0;
    transform: translateX(-3.5rem) translateY(-50%);
}

.flickity-prev-next-button.next{
    right: 0;
    transform: translateX(3.5rem) translateY(-50%);
}