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

/** ---------------------------------------------- FONT ----------------------------------------------  */
@font-face {
  font-family: 'Poppins';
  src:
    local('Poppins-Regular'),
    local('Poppins-Regular'),
    url('/wp-content/uploads/2026/01/Poppins-Bold.woff2') format('woff2'),
    url('/wp-content/uploads/2026/01/Poppins-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src:
    local('Poppins-Bold'),
    local('Poppins-Bold'),
    url('/wp-content/uploads/2026/01/Poppins-Regular.woff2') format('woff2'),
    url('/wp-content/uploads/2026/01/Poppins-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/** ---------------------------------------------- COULEUR ----------------------------------------------  */
:root{
	--black:#1D1D1B; 
	--green:#00A75D; 
	--green2:#1A8138;
	--light-green:#CAEC4F; 
	--gray:#878787;
	--blanc:#fafafa;
}

/** ---------------------------------------------- GLOBAL ----------------------------------------------  */

.ct-button {
	border-radius: 16px 16px 8px 8px!important;
}

/** ---------------------------------------------- CONTACT MOBILE ----------------------------------------------  */

.contact-box{
    font-family: 'Poppins';
    font-weight: 400;
  }

  .contact-cta{
    display:inline-block;
    background:var(--green);
    color:#fff;
	  padding: 10px 15px;
    font-weight:700;
    border-radius: 16px 16px 8px 8px!important;
    text-decoration:none;
    line-height:1;
	  transition: all 0.5s ease-out;
  }

.contact-cta a {
	color: var(--black)!important;
	transition: all 0.5s ease-out;
}

.contact-cta a:hover {
	color: #fff!important;
	background: #018c4d;
	transition: all 0.5s ease-out;
}

  .contact-social{
    display:flex;
    gap:14px;
    align-items:center;
    margin:12px 0 10px;
  }

  .social-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    color:var(--black);
    text-decoration:none;
  }

  .social-ico{
    width:20px;
    height:20px;
    fill: var(--black);
    display:block;
  }

  .contact-lines{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .line{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    line-height:1.15;
    font-weight:400;
    color:var(--black);
    text-decoration:none;
	  transition: all 0.5s ease-out;
  }

	.line:hover {
	color: var(--green)!important;
	transition: all 0.5s ease-out;
}

  .line-ico{
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex: 0 0 22px;
    color:#111;
    opacity:.9;
  }
  .line-ico svg{
    width:22px;
    height:22px;
    display:block;
  }

  /* responsive léger */
  @media (max-width: 520px){
    .line{ font-size:18px; }
  }

/** ---------------------------------------------- HEADER ----------------------------------------------  */
#offcanvas {
	backdrop-filter: blur(2px)!important;
}

#offcanvas {
  height: fit-content !important;
 background: rgba(250, 250, 250, 0.80)!important;
backdrop-filter: blur(0px)!important;
}

@media screen and (max-width: 1000px) {
  [data-header*="type-1"] #offcanvas .ct-panel-content {
    height: auto !important;
    flex: unset !important;
    justify-content: start !important;
  }
}