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

/** -------------------------ROOT ----------------------- **/



:root {
  --outfit: 'Outfit', outfit;
	--noir: #1D1D1B;
	--bleufonce : #006473;
	--bleuclair : #00A7C2;
	--blanc : #FEFEFE;
	
}

/** -------------------------TITRE----------------------- **/

/**
{
	font-family: "Outfit"!important;
}

   {
	font-size: 50px!important;
	line-height: 50px!important;
}

 {
	font-size: 40px!important;
	line-height: 40px!important;
}

  {
	font-size: 30px!important;
	line-height: 30px!important;
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
   {
	font-size: 40px!important;
	line-height: 40px!important;
}
  {
	font-size: 35px!important;
	line-height: 35px!important;
}

{
	font-size: 25px!important;
	line-height: 25px!important;
}
}

@media only screen and (max-width: 768px) {
  {
	font-size: 35px!important;
	line-height: 35px!important;
}

  {
	font-size: 27px!important;
	line-height: 27px!important;
}
	
 {
	font-size: 25px!important;
	line-height: 25px!important;
}

}

**/

/** -------------------------BTN----------------------- **/

.btn-custom a {
	background: var(--bleuclair)!important;
	border-radius: 6px!important;
	color: #fff!important;
	padding: 11px!important;
	height: 40px!important;
	font-weight: 700!important;
	text-transform:uppercase!important;
	transition: background 0.5s!important; 
	width: fit-content!important;
}

.btn-custom a:hover {
	background: var(--bleufonce)!important;
}