/* STYLE CUSTOM */
*, html {

    scroll-behavior: smooth !important;
	/*scroll-margin-top: 6rem;*/
}
body:not(.wp-admin) * {
    box-sizing: border-box;
    scroll-behavior: smooth;
    /*transition: all .4s;*/
}

body {
    font-family: var(--font);
    font-weight: 100;
	color:var(--col_noir);
	background:var(--col_blanc);
  	margin: 0!important;

}
p strong{
	font-weight:400;
}
#page{
	color:var(--col_bleu);
	background:var(--col_blanc);
}

#primary-menu {
    font-family: var(--font);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font_title);
    font-weight: bold;
    letter-spacing: normal;

}
h1 + h2, .sur-titre{
	font-family : var(--font_title);
	font-weight: normal;
  	letter-spacing: var(--letter-spacing);
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
}

header h1 {
    line-height: 1em;
}

body p {
    font-size: var(--global-kb-font-size-md);
}

ul, ol {
    margin-left: 0;
    padding-left: 1em;
}

b, strong {
    font-family: var(--font);
    font-weight: 500;
}

a, a:link, a:visited {
    color: inherit;
}

.site-title {
    display: none;
}

.entry-footer {
    display: none;
}

#primary {
    background: white;
}

.entry-content> :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--small_width);
}


.entry-content .alignwide {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--medium_width);

}

.entry-content .alignfull {
    max-width: 100%;
}

.reverse_grid {
    direction: rtl;
}

.alignfull:not(.fullWidth_content, .page_header, #primary_footer, .sub_footer) .kt-row-column-wrap, .blog_container {
    /*max-width: var(--inner_width);*/
    margin: auto;
}

.opacity-0{
	/*opacity:0!important;*/
}
/*---------------- TXT CLASS */
.filet_it{
	display:flex;
	gap:.5em;
	align-items:center;
	
}
.filet_it:before{
	content:"";
	width:2em;
	border-top:solid 1px;
	display:block;
	color:inherit
}

.sur-titre{
	font-family: var(--font);
}

.bt_fix{
	position:absolute;
	top:0;
	left:4rem;
	z-index:2;
	transform:translateY(-50%);
	transform-origin:center;
}
/*---------------- HOVER EFFECT */
.zoom_effect{
	transform:scale(1);
	transition:all .4s;
}
.zoom_effect:hover{
	transform:scale(1.1);
	transition:all .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	
}
.zoom_effect:hover .kb-button{
	color: #ffffff!important;
  background: #f5b19c;
	padding-right: calc(var(--global-kb-spacing-md, 2rem) * 1.34) !important;
  padding-left: calc(var(--global-kb-spacing-md, 2rem) / 1.5) !important;
	border-color:#f5b19c;
}
.zoom_effect:hover .kt-btn-has-svg-true .kb-svg-icon-wrap {
  right: calc(var(--global-kb-spacing-md, 2rem) / 2)!important;
  transition: all .4s !important;
	color: #ffffff !important;
}

/*---------------- BLOC SOCIAL */
.wp-block-social-links{
	font-size:2rem;
}
.wp-block-social-links a[href*="slack"] svg{
	display:none;
}
.wp-block-social-links a[href*="slack"]:before{
	content:"";
	display:block; 
	height:1em;
	width:1em;
	background:url(images/slack.svg) no-repeat center/contain;
	filter: invert(19%) sepia(21%) saturate(1571%) hue-rotate(191deg) brightness(91%) contrast(86%);
}
.primary_footer .wp-block-social-links a[href*="slack"]:before{
	filter: invert(74%) sepia(7%) saturate(1998%) hue-rotate(325deg) brightness(104%) contrast(92%);

}
.primary_footer .kt-svg-icon-list li .kt-svg-icon-list-single{
	display:none!important;
}



/*———————————————————————————- STRUCTURE SITE */
/*-- HEADER*/
.primary_header {
    text-align: center;
    padding: var(--global-kb-spacing-md, 2rem);
    padding-bottom: 0;
	width:100%;
	position:sticky;
	top:0;
	left:0;
	z-index:2000;
	display:flex;
	justify-content:space-between;
	align-items:center;
	column-gap:var(--global-kb-spacing-md, 2rem);
	
}
.admin-bar .primary_header{
	top:32px;
}
.primary_header:after{
	content:'';
	width:0%;
	display:block;
	height:1px; 
	background:rgba(250, 250, 250,.8);
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	transition:all .8s;
}
.on_scroll .primary_header:after{
	/*width:100%;
	transition:all .8s;*/
}
.on_scroll .primary_header{
	transition:all .4s;
	padding-top: var(--global-xs-spacing, 1rem);
}
/*---- LOGO */
.site-branding .custom-logo {
    min-width: var(--logo-size);
    margin-bottom: var(--global-xs-spacing, 1rem);
}

.site-branding .custom-logo path{
	fill: #303960!important; 
}

.dark .site-branding .custom-logo path, .blog .site-branding .custom-logo path{
	fill: #fff!important; 
}
.home .kb-identity {
  transform: scale(1.5);
  transform-origin: left top;
}

/*-- COMPOSANTS */





/* —————————————————————————————————— RESPONSIVE RULES */

@media (max-width: 1334px) {
  .wp-block-kadence-header-desktop {
    display: none;
  }
  .wp-block-kadence-header-tablet {
    display: block !important;
  }
}
@media (max-width: 767px) {
	/*HEADER*/
	.page_header .with_onglet .kb-img{
		transform-origin:right top;
		transform:scale(1) translateY(0);
		max-width:100%;
		height:auto;
	}
	.page_header .with_onglet .wp-block-kadence-image{
		max-width:100%;
	}
	.primary_header, .on_scroll .primary_header  {
		padding-top: var(--global-xs-spacing, 1rem);
	}
	
	/*FOOTER*/
	.primary_footer .kt-svg-icon-list li {
		justify-content: center;
	}
	.mailerlite-form .mailerlite-form-inputs{
		flex-direction:column;
	}

	/*COMPOSANTS*/
	.title_filet::after {display:none;}
	/**/
	.slick-track{
		left:0!important;
	}
	/**/
	.thematiques .kt-title-item a.kt-tab-title{
		background:white!important;
		padding:1.5rem!important;
		margin:0!important;
		display:block;
	}
	.thematiques .kt-title-item:first-of-type a.kt-tab-title{
		border-radius:0 15px 0 0!important;
		
	}
	.thematiques .kt-title-item:last-of-type a.kt-tab-title{
		border-radius:0 0 15px 15px!important;
		
	}
	.thematiques .wp-block-kadence-tab{
		border-radius:0!important;
		padding-top:0rem!important;
		padding-left:1.5rem!important;
		padding-right:1.5rem!important;
		border-bottom:solid 1px var(--col_corail-clair)!important;
	}
	/**/
	.wp-block-kadence-tabs .kt-tabs-content-wrap::after {
		width: 8rem;
		height: 7rem;
		right: 1rem;
		bottom: -5rem;
	}	
	
	.macaron {
	  right: -.5rem;
	  top: -5rem;
	  width: 7rem;
	  height: 7rem;
	}
	.macaron_telephone {
 		right: 0rem;
    bottom: -6.5rem;
    width: 8rem;
    height: 8rem;
    transform: rotate(30deg) translateX(-2rem);
	}
	.macaron_Header {
  		left: 1.8rem;
  		top: 16%;
		bottom:auto;
  		width: 30%;
  		height: 30%;
		transform: translateY(0%);
	}
	.enveloppe_contact {
  position: absolute;
  right: 3.5rem;
    bottom: -5rem;
  width: 9rem;
  height: 9rem;
  transform: rotate(-4deg) translateX(3rem);
}
}