/* 
 Theme Name:     Pixel Online Création
 Author:         PARIS ANTHONY
 Author URI:     https://www.pixel-online.fr
 Template:       Divi
 Version:        1.0
 Description:    Theme enfant divi sur mesure Imalize
*/ 
:root {
	--bleu: #1586cc;
	--bleu_fonce: #26688e;
	--fond: #36373a;
	--rouge:#e02b20;
	--gris: #f1f3f4;
	--gris_fonce: #36373a;
	--gris_clair: #f1f3f4;
	--blanc: #ffffff;
	--noir: #000000;
	--vert: #29c4a9;
	--jaune: #f7b731;
	--orange: #f39c12;
	--rose: #f368e0;
	--violet: #9b59b6;
	--bleu_clair: #3498db;
  }

/* THEME */
/* ### General ### */
body {
	font-weight: 400!important;
}

.line-before-sub-text:before {
	content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 45px;
    height: 2px;
    background: var(--bleu);
}

.title-gradient h1,
.title-gradient h2 {
background: var(--bleu_fonce);;
    background: linear-gradient(to right,var(--bleu_fonce); 0%,var(--bleu); 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.custom-menu-v1-row {
	display: flex;
    align-items: center;
}

.custom-menu-v1-row .custom-menu-v1.et_pb_menu .et-menu>li {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* ### logo row ### */
.logos-row {
	display: flex;
    align-items: center;	
}

/* ### Blog ### */

.custom-blog-full-v1 article{
	margin-bottom: 0px;
}

/*set the image width*/
.kali-blog-list .entry-featured-image-url {
	width: 100px;
	float: left;
	margin-bottom: 0!important;
}
/*set the text width*/
.kali-blog-list .entry-title,
.kali-blog-list .post-meta {
	width: calc(100% - 100px);
	float: left;
	padding-left: 20px;
}
/*make the image square*/
.kali-blog-list .entry-featured-image-url {
	padding-top: 100px;
	display: block;
}
.kali-blog-list .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}
/*adjust the spacing and add a border between the posts*/
.kali-blog-list .et_pb_post:not(:last-child) {
	border-bottom: 1px solid #dddddd!important;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.kali-blog-list article:last-child {
	margin-bottom: 0px;
}

.kali-blog-list h2.entry-title {
	margin-top: 25px;
}

.kali-blog-list img {
	border-radius: 10px;
}


.featured-post .et_pb_post .post-meta {
    position: absolute;
    left: 10px;
    top: 10px;
}

.featured-post .et_pb_post .post-meta a {
    display: inline-block;
    padding: 0px 12px;
    border-radius: 5px;
    font-weight: 700;
}

.featured-post .et_pb_post .post-meta a {
    background-color: #f1f3f4;
}

.featured-post-overlay:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left:0;
	top:0;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	transition: all 0.2s ease-in-out;
	z-index: -1;
}
 
.featured-post-overlay:hover:after {
	opacity: 1;
}
/* CUSTOM */
.dle-hs-38 .et_parallax_bg {
	 animation: dle-hs-ken-burn 11s forwards;
	 animation-iteration-count: infinite;
}
@media (min-width: 981px) {
	.desktop-none {
		display: none !important;
	}
}
div.blurb-top-bar div.et_pb_blurb_content {
	display: flex;
    align-items: center;
}
div.blurb-top-bar div.et_pb_blurb_content .et_pb_main_blurb_image{
	margin-bottom:0;
}
div#blurb-top-bar-2 div.et_pb_blurb_content div.et_pb_blurb_description p{
	line-height:1;
}
div#blurb-top-bar-2 div.et_pb_blurb_content div.et_pb_blurb_description p img{
	padding-top:4px;
}
div.dipl_modal_inner_wrap.dipl_animated{
	border-radius:10px;
}
div.dipl_modal_inner_wrap.dipl_animated div.dipl_modal_header{
	border-bottom:1px solid white;
}
div.dipl_modal_inner_wrap.dipl_animated .dipl_modal_content_text img{
	border-radius:10px;
}
div.blurb-imalize-info div.et_pb_main_blurb_image{
	margin-bottom:0;
}
div.blurb-imalize-info div.et_pb_main_blurb_image img{
	width:100px;
	height:auto;
}
div#footer-annonce div.et_pb_text_inner p{
	font-size: 12px;
    font-weight: 400;
    color: #595959;
}
@keyframes dle-hs-ken-burn {
	0% {
		transform: scale3d(1.43, 1.43, 1.43);
		animation-timing-function: linear;
	}
	50% {
		transform: scale3d(1, 1, 1);
	}
	100% {
		transform: scale3d(1.43, 1.43, 1.43);
	}
}

/* CONTACT FORM 7 */

  #formulaire-devis label{
	color: #292929;
    font-size: 14px;
  }
  #formulaire-devis form #form-type-devis {
	display: flex;
	justify-content: space-around;
  }
  #formulaire-devis  form #form-type-devis span.wpcf7-list-item {
	background: var(--bleu_fonce);
	padding: 5px 10px;
	color: white;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 20px;
	cursor: pointer;
  }
  #formulaire-devis  form #form-type-devis span.wpcf7-list-item > label {
	cursor: pointer;
	width: 100%;
	display: block;
  }
  #formulaire-devis  form div.form-step3 {
	display: flex;
	flex-wrap: wrap;
  }
  #formulaire-devis  form div.form-step3 > p {
	width: 50%;
	padding: 4px 10px;
	box-sizing: border-box;
  }
  #formulaire-devis  form div.form-step3 > p > br, #formulaire-devis  form div.form-step3 > p > label > br {
	display:none;
  }
  #formulaire-devis  form div.form-step3 > p:last-child {
	width: 100%;
  }
  
  #formulaire-devis  form .form-text-in, form .wpcf7-date {
	width: 100%;
	padding: 5px 10px;
	border-radius: 10px;
	border: 1px solid #bbb;
  }
  #formulaire-devis  form span.form-infos-small {
	font-size: 0.73em;
	font-style: italic;
	font-weight: 600;
  }
  #formulaire-devis  form #form-valid-rgpd {
	font-size: 13px;
	padding: 10px 5px;
  }
  #formulaire-devis  form #validation-final > span {
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 15px;
	background: #f5f5f5;
	font-size: 14px;
	cursor: pointer;
  }
  #formulaire-devis  form #validation-final > span label {
	cursor: pointer;
  }
  #formulaire-devis  .wpcf7 form.sent .wpcf7-response-output {
	border: none !important;
	background: var(--bleu_fonce);
	padding: 5px 10px;
	color: white;
	font-weight: 500;
	border-radius: 20px;
  }
  #formulaire-devis  form input[type="submit"] {
	background: var(--bleu_fonce);
	padding: 10px 10px;
	color: white;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 20px;
	cursor: pointer;
	border: none;
  }
  @media all and (max-width: 1250px) {
	#formulaire-devis  form #form-type-devis {
	  display: flex;
	  justify-content: flex-start;
	  flex-wrap: wrap;
	}
	#formulaire-devis  form #form-type-devis span.wpcf7-list-item {
	  width: 100%;
	  margin-bottom: 25px;
	}
  }
  
  @media all and (max-width: 720px) {
	#formulaire-devis  form div.form-step3 > p,
	#formulaire-devis  form div.form-step3 > p:last-child {
	  width: 100%;
	  padding: 0px 10px;
	  box-sizing: border-box;
	}
  }


/* IMG */
/*image aspect ratio square 1:1*/

.pa-image-1-1 .dipl_masonry_gallery_image_wrapper, .pa-image-1-1 .et_pb_image_wrap {
	padding-top: 100%;
	display: block;
	}
	
.pa-image-1-1 .dipl_masonry_gallery_image_wrapper img, .pa-image-1-1 .et_pb_image_wrap img  {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	border-radius: 15px;
	}
/* BTN  */
@media (min-width: 460px) {
	div.btn-50 div.et_pb_button_module_wrapper {
		float: left;
		width: 50%;
	}
}
/* BLOG */
body.single-post h1.entry-title{
	font-weight: 600;
	color:var(--bleu_fonce);
}
@media all and (max-width: 781px) {
	body.single-post h1.entry-title{
		font-size:22px;
	}
}
/* GALLERY PHOTO */
div.mfp-container{
	padding:100px;
}
@media all and (max-width: 781px) {
	div.mfp-container{
		padding:20px;
	}
}

/* INVERSION BLOC */
@media only screen and (max-width : 980px) {
	.dc_inverser_colonnes-section .dc_inverser_colonnes-ligne {
	  display: -webkit-flex;
	  display: -ms-flex;
	  display: flex;
	  -webkit-flex-direction: column-reverse;
	  -ms-flex-direction: column-reverse;
	  flex-direction: column-reverse;
	}
  }

  /* DROPDOWN */
 /* INVERSION BLOC */
@media only screen and (max-width : 980px) {
	.dc_inverser_colonnes-section .dc_inverser_colonnes-ligne {
	  display: -webkit-flex;
	  display: -ms-flex;
	  display: flex;
	  -webkit-flex-direction: column-reverse;
	  -ms-flex-direction: column-reverse;
	  flex-direction: column-reverse;
	}
  }

  /* DROPDOWN */
div.dropdown-service div.et_pb_toggle{
	margin-bottom:0px!important;
	padding: 12px!important;
} 
/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ########################### */
/* ###### CHANGE COLORS ###### */
/* ########################### */

/* ### Dropdown menu ### */
.nav li li a { 
  	border-bottom: 1px solid rgb(0 0 0 / 10%); /* Dropdown border bottom */ 
  	font-weight: 500 !important; /* Dropdown font weight */ 
  	font-size: 14px !important; /* Dropdown font size */ 
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
  	border-bottom: 12px var(--bleu) solid; /* Dropdown arrow color */
}

/* #### Collaping mobile menu #### */
.mobile_menu_bar:before{
	content:"f" !important;
	color: var(--rouge) !important; /* Hamburger color */
}
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
  }
  .mobile_menu_bar:before {
	transition: all 0.4s ease;
	transform: rotate(0deg);
	display: block;
  }
  /*rotate the Divi Menu icon on click*/
  .mobile_nav.opened .mobile_menu_bar::before {
	transition: all 0.4s ease;
	transform: rotate(90deg);
	display: block;
  }
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	color: #ffffff; /* Icon color */
	background: var(--bleu); /* Icon background color */
}

/* ### Line before text ### */
.line-before-sub-text:before {
    background: var(--bleu); /* Line color */
}

/* ### Titles gradient ### */
.title-gradient h1,
.title-gradient h2,
.title-gradient h3 {
	background: var(--bleu); /* Title fallback color */
    background: linear-gradient(to right,var(--bleu_fonce) 0%,var(--bleu) 100%); /* Title color */
}

/* ### Team members social bg ### */
.custom-teammember .et_pb_member_social_links {
    background-color: var(--bleu); /* Background color */
}

/* ### Contact form checkbox ### */
.kavi-contact-form .et_pb_contact p input[type=checkbox]:checked+label i:before {
    color: #000000 !important; /* Check color */
}

/* ### Services blurbs page 2 ### */
.service-blurb-v2:before {
	background: linear-gradient(135deg,#ffffff 0%,#ffffff 50%,#2ab1b9 50%,#29c4a9 100%); /* Backgorund hover color */
}

/* ### Titles gradient ### */
.title-gradient h1,
.title-gradient h2,
.title-gradient h3 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ###  Style scroll bar ### */
#style-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5; /* Scroll bar background color */
}

#style-scrollbar::-webkit-scrollbar {
  background-color: #F5F5F5; /* Scroll bar background color */
}

#style-scrollbar::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: var(--bleu) /* Scroll handle background color */
}

/* ###  Blog button ### */
.more-link {
	background-color: var(--bleu) /* Button background color */
	color: #fff; /* Button text color */
}

/* ###  Single project list ### */
.job-list ul li::marker {
    color: var(--bleu) /* list icon color */
}

/* ### END COLORS ### */

/* ### General ### */
body {
	font-weight: 400!important;
}

#page-container {
    overflow-x: hidden;
}

.line-before-sub-text:before {
	content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 45px;
    height: 2px;
}

/* ### Header & menu ### */

.custom-menu-v1-row {
	display: flex;
    align-items: center;
}

.custom-menu-v1-row .custom-menu-v1.et_pb_menu .et-menu>li {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.align-button-hamburger {
	display: flex;
    align-items: center;
    justify-content: flex-end;
}


@media screen and (min-width: 981px) {
.custom-menu-v1-column {
	display: flex;
    align-items: center;
}}

.header-v1-menu.et_pb_menu .et-menu>li {
    padding-left: 20px !important;
    padding-right: 20px !important;	
}

@media screen and (min-width: 981px) {
.header-v1-menu {
    flex: 2 1 auto;
}}

/* ### Header & menu v3 ### */
.top-bar-row {
	display: flex;
    align-items: center;
}

.top-bar-row .top-bar-second-column .et_pb_blurb_container {
	padding-left: 0px!important;
}

.top-bar-second-column {
	display: flex;
    justify-content: flex-end;
	align-items: center;
}

.top-bar-second-column h4.et_pb_module_header {
	padding-bottom: 0px !important;
}

.top-bar-row .et_pb_social_media_follow li {
	margin-bottom: 0px!important;
}

/* ### logo row ### */
.logos-row {
	display: flex;
    align-items: center;	
}

/* ### Team members ### */

.custom-teammember .et_pb_member_social_links {
	margin: 0 0 27px;
    list-style: none;
    position: absolute;
    width: 49px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    bottom: 100px;
    right: 0px;
    padding: 12px 0;
    text-align: center;
    z-index: 100;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    opacity: 0;
}

.custom-teammember:hover .et_pb_member_social_links {
	right: 25px;
	opacity:1;
}

.custom-teammember .et_pb_member_social_links li {
    width: 100%;
    padding: 5px 0px;
}

@media (max-width: 980px) and (min-width: 768px) {
.et_pb_column .custom-teammember .et_pb_team_member_description {
    display: block;
}}

.custom-teammember .et_pb_team_member_image img {
	border-radius: 12px;
}

/* ### Blog ### */
.custom-blog-full-v1 article{
	margin-bottom: 0px;
}

.kali-blog-list .entry-featured-image-url {
	width: 100px;
	float: left;
	margin-bottom: 0!important;
}

.kali-blog-list .entry-title,
.kali-blog-list .post-meta {
	width: calc(100% - 100px);
	float: left;
	padding-left: 20px;
}

.kali-blog-list .entry-featured-image-url {
	padding-top: 100px;
	display: block;
}

.kali-blog-list .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.kali-blog-list .et_pb_post:not(:last-child) {
	border-bottom: 1px solid #dddddd!important;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.kali-blog-list article:last-child {
	margin-bottom: 0px;
}

.kali-blog-list h2.entry-title {
	margin-top: 25px;
}

.kali-blog-list img {
	border-radius: 10px;
}

.featured-post .et_pb_post .post-meta {
    position: absolute;
    left: 10px;
    top: 10px;
}

.featured-post .et_pb_post .post-meta a {
    display: inline-block;
    padding: 0px 12px;
    border-radius: 5px;
    font-weight: 700;
}

.featured-post .et_pb_post .post-meta a {
    background-color: #f1f3f4;
}

.featured-post-overlay:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left:0;
	top:0;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	transition: all 0.2s ease-in-out;
	z-index: -1;
}
 
.featured-post-overlay:hover:after {
	opacity: 1;
} 


/* #### Dropdown Menu #### */
  
.nav li ul.sub-menu {
	padding: 0px !important;
  	border-radius: 5px;
  	box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
  	-moz-box-shadow: 0 5px 17px 0px rgba(0,0,0,.25);
  	-webkit-box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
}
  
.nav li li {
  	padding: 0 0px !important;
  	width: 100%;
}
  
.et-menu li li a {
  	padding: 10px 20px;
  	width: 100% !important;
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
	content: '';
  	display: block;
  	position: absolute;
  	left: 35px;
  	top: -20px;
  	width: 0;
  	height: 0;
  	border-top: 8px solid transparent;
  	border-right: 12px solid transparent;
  	border-left: 12px solid transparent;
  	z-index: 1;
}
  
.custom-menu-v1.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 20px;
	padding-top: 20px;
}

.custom-menu-v1 .et-menu .menu-item-has-children>a:first-child:after {
    top: 36%;
}

.nav li li ul {
    top: -3px !important;
}

.custom-menu-v1.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px;
}

/* #### Collaping Mobile Menu #### */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	border-radius: 50%;
	padding: 3px;
}

ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
	content: '\32';
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600 !important; 
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
	text-align: right;
	opacity: 1;
	width:100%
}

  
/* ###  Style scroll bar ### */

#style-scrollbar::-webkit-scrollbar-track {
  border-radius: 0px;
}

#style-scrollbar::-webkit-scrollbar {
  width: 10px;
}

#style-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
}  
  
/* ###### Slide-in ###### */
.slide-in-row ul {
  flex-direction: column;
}

.slide-in-row {
	overflow: hidden;
  	transform: translateX(104%);
  	transition: all .3s ease;
	opacity:1;
	display: flex;
}

.slide-in-row.active-menu-v1 {
  	overflow: hidden;
  	transform: translateX(-3%);
  	transition: all .3s ease;
	opacity:1;
}

.et_pb_sticky .slide-in-row .et_pb_blurb:hover {
	box-shadow: 0px 2px 25px 0px rgb(0 0 0 / 10%) !important;
}

/* ###### Blurb V2 ###### */
.service-blurb-v2 .et_pb_blurb_content {
	z-index:9;
}

.service-blurb-v2:before {
	content: "";
    position: absolute;
    bottom: -20px;
    right: -20px;
    height: 100px;
    width: 100px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease,-webkit-transform 0.4s ease;
}

.service-blurb-v2:hover:before,
.service-blurb-v2:hover:after {
-webkit-transform: scale(21);
    transform: scale(21);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease;
}



/* ### Post ### */
.single-post .custom-post-content h2,
.single-post .custom-post-content h3 {
	padding: 1.3em 0 0.8em !important;
}

@media only screen and (min-width: 479px) {
.kali-custom-optin .et_pb_newsletter_fields {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.kali-custom-optin .et_pb_newsletter_button_wrap {
	display: flex;
}

.kali-custom-optin .et_pb_newsletter_form p.et_pb_newsletter_field {
    padding-bottom: 0em !important;
}

.kali-custom-optin .et_pb_newsletter_button_text {
	vertical-align: sub;
}}

/* ### General ### */

@media screen and (min-width: 981px) and (max-width: 1300px){
.et_pb_section .custom-row-1300.et_pb_row {
	padding-left: 0px !important;
	padding-right: 0px !important;
}}

@media screen and (min-width: 981px) and (max-width: 1450px){
.custom-row-width-981.et_pb_row  {
	width: 90% !important;
	max-width: 90% !important;
}}
  
/* ### Blog ### */ 

.kali-blog-equal-height .kali-auto-height {
    height: auto !important;
}
.kali-blog-equal-height .kali-auto-margin {
    margin-top: 20px !important;
}

.more-link {
	display: inline-block;
    padding: 5px 15px;
    border-radius: 6px;
}

.job-list ul li {
    padding-bottom: 20px;
}

/* ### Contact form home page ### */
.kavi-contact-form {
	border-radius: 12px;	
}

@media only screen and (min-width: 981px) {
.kavi-contact-form .et_pb_contact_field_options_list  {
	display: flex !important;
    flex-wrap: wrap;
}

.kavi-contact-form .et_pb_contact_field_checkbox {
	flex: 0 0 33.333333%;
	padding-bottom: 5px;
}

.kavi-contact-form .et_pb_contact_field_checkbox label {
	display: flex !important;
    align-items: center;	
}}

.kavi-contact-form .et_pb_contact_field_options_title {
	color: rgba(0,0,0,1) !important;
	font-size: 16px !important;
	padding-top: 10px;
}

/* Hide slide-in for visual builder */
.et-fb .slide-in-row {
	display: none;
}


/* BAS BLOG */
.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
	max-width: none!important;
}
h2.jp-relatedposts-headline{
	font-weight: 700;
    font-size: 26px;
    margin: 36px auto;
    text-align: center;
}

div#jp-relatedposts{
	padding: 0 20px;
	max-width: 1650px;
    margin: 0 auto;
}
h3.jp-relatedposts-post-title{
	font-size: 18px!important;
	text-align:center;
    margin: 10px 0 0 0;
}
a.jp-relatedposts-post-a{
	font-weight: bold!important;
	text-transform: uppercase;
}
p.jp-relatedposts-post-date{
	padding-bottom:0!important;
}
div#jp-relatedposts div.jp-relatedposts-items{
	text-align:center!important
}
img.jp-relatedposts-post-img{
	text-align: center;
	border-radius:5px;
	display: inline-block!important;
	max-height: 150px;
    object-fit: cover;
    object-position: top;
}

@media only screen and (max-width: 640px) {
	div#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
	padding-right: 0px;
	}
	div#jp-relatedposts .jp-relatedposts-items-visual {
        margin-right: 0px;
    }
    div#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 100%;
    }
	img.jp-relatedposts-post-img{
		max-height: 160px;
	}
}

#commentform input[type="email"], #commentform input[type="text"], #commentform input[type="url"] {
    width: 100%!important;
}

p#reply-title{
	font-size:20px;
}

#comment-wrap {
    padding-top: 25px;
}
#comment-wrap form input.submit.et_pb_button:hover {
    background: var(--bleu_fonce);
}
/* AI BUTTON */
button.et-fb-ai-options-button{
	display:none!important;
}

/**recaptcha**/
.grecaptcha-badge {
	visibility: visible; 
   z-index: 100;
}



div#wpadminbar {
   z-index:100000;
}

/**blog**/
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 30px;
}
article > div.et_post_meta_wrapper{
	padding:20px!important;
	border-bottom:3px solid #f2f6f9;
}
article > div.et_post_meta_wrapper>h1{
	font-weight:bold;
	font-size:35px;
}
@media (max-width: 1140px) {
	article > div.et_post_meta_wrapper>h1{
		font-size:31px;
	}
}

@media (max-width: 900px) {
	article > div.et_post_meta_wrapper>h1{
		font-size:24px;
	}
}

/**ARCHIVE**/
.archive div#sidebar {
	display: none !important;
	}
	.archive.et_right_sidebar #main-content .container:before {
	display: none !important;
	}
	.archive #left-area {
	width: 100% !important;
	}