/* 
Theme Name: Shark Graphik
Description: Le Thème Shark Graphik basé sur le theme Generatepress
Author: Jason Lemiere - Shark Graphik
Author URI: https://shark-graphik.fr
Template: generatepress
Version: 1.0.0
Text Domain: shark-graphik
*/

/*[Fontface]*/

/* poppins-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/poppins-v20-latin-200.woff2') format('woff2');
}
/* poppins-200italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/poppins-v20-latin-200italic.woff2') format('woff2');
}
/* poppins-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v20-latin-regular.woff2') format('woff2');
}
/* poppins-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/poppins-v20-latin-italic.woff2') format('woff2');
}
/* poppins-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins-v20-latin-600.woff2') format('woff2');
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/poppins-v20-latin-600italic.woff2') format('woff2');
}
/* poppins-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/poppins-v20-latin-800.woff2') format('woff2');
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/poppins-v20-latin-800italic.woff2') format('woff2');
}

/*[FIN - Fontface]*/

/*[GENERAL]*/

:root{
	--button-border-radius: 0px;
	--transition: all .2s ease-in-out;
	--html-font-size: clamp(0.875rem, 0.7892rem + 0.3731vw, 1.125rem);
	--button-padding: clamp(0.625rem, 0.1271rem + 1.0373vw, 0.9375rem) clamp(0.625rem, 0.1271rem + 1.0373vw, 0.9375rem);
	--spadding: clamp(1.25rem, -0.7417rem + 4.1494vw, 2.5rem);
	--font-body: 'Poppins';
	--font-title: 'Poppins';
	--shadow: drop-shadow(0 0 10px rgba(0,0,0,.15));
}

/*Les fonctions clamp sont basés sur les réglages suivants :  de 768px à 1250px*/

::selection{ /*Change la couleur des sélections*/
    background: var(--vert);
    color: var(--blanc);
}

p:last-of-type, p:last-child{ /*Retire la marge du dernier paragraphe*/
    margin-bottom: 0;
}

section, .spadding{ /*Padding par défaut des sections*/
	padding: var(--spadding);
}

.no-padding, * .no-padding{ /*aucun padding*/
	padding: 0;
}

.no-decor, .no-decor *{ /*Retire le soulignage des liens*/
	text-decoration: none;
}

a.generate-back-to-top{
	border-radius: var(--gb-border-radius);
}

.box{
	padding: var(--spadding);
	filter: var(--shadow);
	border-radius: 20px;
}

.box-shadow{
	filter: var(--shadow);
}

.gb-button, .button, .wp-block-button .wp-block-button__link{
	padding: var(--button-padding);
	border-radius: var(--button-border-radius);
}

.categories .gb-button{
	padding: 10px;
	font-size: .8rem;
}

@media(max-width: 767px){
	.hide-mobile{
		display: none !important; /*Masquer sur mobile*/
	}
}

@media(min-width: 767px){
	.only-mobile{
		display: none !important; /*Afficher sur mobile uniquement*/
	}
}

/*[FIN - Général]*/

/*[Styles de textes] | Les styles de bases sont paramétrés dans via le customiser*/

html{
	font-size: var(--html-font-size);
}

.style-h1{
	font-size: 2.8rem;
	font-weight: 800;
	line-height: 1.1em;
	text-transform: uppercase;
}

.style-h2{
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.2em;
	text-transform: uppercase;
}

.style-h3{
	font-size: 1.5rem;
	line-height: 1.2em;
	font-weight: 600;
}

.style-h4{
	font-size: 1rem ;
	font-weight: 600;	
}

.texte-light{
	font-size: .85rem;
	font-weight: 200;
}

.lien-light, .gb-button.lien-light{
	font-size: .9rem;
	text-decoration: underline;
}

footer a{
	text-decoration: none; /*Retire le soulignage des liens dans le footer*/
}

/*[FIN - Styles de textes]*/

/*[GUTENBERG]*/

.wp-block-buttons{
	margin: 40px 0; /*Ajoute de la marge aux boutons*/
}

figure.wp-block-image{
	margin-bottom: 40px; /*Ajoute une marge en dessous des images*/
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){ /*Meilleur bloc de recherche*/
	padding: 0;
	border: none;
}

/*[FIN - GUTENBERG]*/