/*
 Theme Name:     Divi creative agency
 Theme URI:      https://demo.infomaniak.com/preview?t=divi-creative-agency
 Description:    Votre site sera constitue de plusieurs pages (accueil, blog, contact, etc...) que vous pourrez librement personnaliser selon vos besoins.
 Author:         Infomaniak
 Author URI:     https://www.infomaniak.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;500;700&display=swap');


/* CURSOR
----------------------------------- */

body {
	cursor: none !important;
	overflow-x: hidden !important;
	background-color: #fbfaf6 !important;
}

#main-header,
#mega-menu-wrap-primary-menu,
.et_pb_section,
#main-footer,
.footernav > div,
.uk-tile-default,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:focus,
 body #page-container .et_pb_section .et_pb_button_0,
body #page-container .et_pb_section .et_pb_button_1, 
body #page-container .et_pb_section .et_pb_button_2,
.et_pb_blog_grid .et_pb_post,
#main-content,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
.et_pb_row_1,
.et_pb_section_1.et_pb_section,
.et_pb_section_1 {
	background-color: #fbfaf6 !important;
}

 body #page-container .et_pb_section .et_pb_button_0,
body #page-container .et_pb_section .et_pb_button_1, 
body #page-container .et_pb_section .et_pb_button_2 {
		background-color: transparent !important;
}

.et_pb_section_1 {
	border-color: #fbfaf6 !important;
}

body.single-post #page-container .et_pb_section .et_pb_button_0 {
	background-color: transparent !important;
}
.footernav > div:first-child {
    background: #1f1f1f !important;
}

html{
	overflow-x: hidden !important;
}
a:hover,li:hover,#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
.et_header_style_left .logo_container, .et_header_style_left .logo_container a, .et_header_style_left .logo_container img, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
	cursor: none !important;
}

.custom-cursor {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:20px;
	height:20px;
	border-radius:50%;
	background-color:#aaa093;
	opacity: 0.8;
	pointer-events:none;
	z-index: 99999999;
	transition: tranform 0.3s,opacity 0.3s;
}





.home article.et_pb_post {
	    transition: all 1.2s ease-out;
	    padding: 50px 30px 30px 30px !important;
}
.home article.et_pb_post:hover {
	background: #fff !important;
	box-shadow: 0px -1px 13px 1px rgba(0, 0, 0, 0.13);
}

@media (min-width: 981px) {
  .dt-4-columns-blog .et_pb_salvattore_content[data-columns]::before {
    content: '3 .column.size-1of3' !important;
  }

  .dt-4-columns-blog .column.size-1of3 {
    width: 29.667%!important;
    margin-right: 3%;
  }

  .dt-4-columns-blog .et_pb_post {
    margin-bottom: 11px;
  }
}

.divi-blog-module-clickable-article .et_pb_post,
.divi-blog-module-clickable-article .et_pb_post {
  position: relative;
}

.divi-blog-module-clickable-article .et_pb_post .entry-title a:after,
.divi-blog-module-clickable-article .et_pb_post .entry-title a:after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.divi-blog-module-clickable-article .et_pb_post:hover,
.divi-blog-module-clickable-article .et_pb_post:hover {
  cursor: pointer;
}

/* Ensure the blog post container uses Flexbox */
.home .et_pb_post {
    display: flex;
    flex-direction: column;
    height: 100%;
}

  @media (max-width: 980px) {
  	.home .et_pb_post {
  		 height: auto !important;
  }
}

/* Push the post content up, leaving the link at the bottom */
.home .post-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Pushes the read more button to the very bottom */
.home .post-data,
.home .post-content p.post-meta {
    margin-bottom: auto;
}

.home a.more-link{
	 display: inline-block;
    color: #000000 !important;
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 700 !important;
    border-top:1px solid #eaeaea !important;
    margin-top:20px;
    padding-top:20px;
    position: relative;
}

.home a.more-link::after {
   position: absolute;
   weight:100px;
   height:1px;
   background: #000;
   left:0;
   bottom:20px;
}

/*make the parts of the blog post flexible*/

.home .et_pb_post {
	display: flex;
	flex-direction: column;
}


/*blog post featured image*/


/*blog post title*/

.home .et_pb_post .entry-title {
	order: 2;
	margin-bottom: 20px;

}
.home .et_pb_post:hover a{
	text-decoration: none !important;
}

/*blog post meta*/

.home .et_pb_post .post-meta {
	order: 1;
}


/*blog post excerpt and button*/

.home .et_pb_post .post-content {
	order: 3;
}


/* GENERAL
----------------------------------- */

	body, h1, h2, h3, h4 {
		font-family: 'Poppins', sans-serif;
	}
	
	body:not(.home) h1 {
		font-size: 15vw;
    	letter-spacing: -14px;
	}
	 @media (min-width: 1920px) {
		body:not(.home) h1 {
			font-size: 10vw;
	    	letter-spacing: -14px;
		}
	}

	h1 {
		-webkit-text-stroke: 1px #1f1f1f;
	    font-size: 180px;
	    line-height: 0.89;
	}


	h1 span {
		
	    background:rgba(0,0,0,0);
	    color:rgba(0,0,0,0);
	    transition: all .8s ease-out;

	}


	h1 span:hover {
		color:rgba(0,0,0,1);
	}

	.single-post h1 {
		font-weight: 700;
	    font-size: 50px !important;
	    line-height: 1.4em !important;
	    letter-spacing: 0 !important;
	}

	h2 {
		font-size: 3vw;
	}


	.et_pb_row,
	.container {
		width:100%;
		max-width: 1500px;
		padding:27px 15px !important;
	}

	.pmg-description a {
		color:#fff !important;
		font-size:16px;
	}

	.bg-noir {
		background: none!important;
		border-left:20em solid #fbfaf6;
		padding:80px 150px !important;
	}

	.bg-noir  ul {
		padding-bottom: 0 !important;
	}

	.bg-noir .et_pb_blurb {
		margin-bottom:70px !important;
		/*padding: 50px;
    		box-shadow: 2px 2px 5px #1f1f1f;*/
    		position: relative;
    		min-height: auto !important;
	}

	.bg-noir .et_pb_blurb:before {
		content:"";
		position: absolute;
			left:-4px;
			top:-4px;
		height:100%;
		width: 2px;
		background: #fff;
	}


	.bg-noir .et_pb_blurb:last-child{
		margin-bottom:22px !important;
	}

	.bg-noir h4 {
		font-size:25px !important;
		margin-top:-5px;
	}

	.bg-noir h4,
	.bg-noir p,
	.bg-noir li,
	.bg.noir span,
	.bg.noir .et-pb-ico
	{
		color:#fff !important;

	}

	.bg-noir p ,
	.bg-noir li{
		font-weight: 300 !important;
		color:rgba(255,255,255,.5) !important;
	}

	@media (max-width: 1400px) {
	  .bg-noir {
		border-left:5em solid #fff;
		}
	}

	  @media (max-width: 980px) {
	  .bg-noir {
		border-left:2em solid #fff;
		padding:50px !important;
		}
	.bg-noir .et_pb_blurb {
		margin-bottom:50px !important;

	}	
	  }

/* HEADER 
----------------------------------- */
	header {
		height: 130px;
	}

	.et_header_style_left #et-top-navigation,
	nav#top-menu-nav {
		width:100%;
	}

	.mega-sub-menu{
		box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3) !important;
	/*	margin-right:-100px !important;*/
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
		text-align: right;
	}

	#et-top-navigation {
		padding-left:0 !important;
	}


	#mega-menu-primary-menu{
		padding-right:100px !important;
	}

	.et_header_style_left .logo_container {
		z-index:99;
		width:auto !important;
		margin-left:100px;
		cursor: pointer;
	}

	#mega-menu-primary-menu > li:last-child a{
		background: #1f1f1f !important;
    	border-radius: 50px !important;
    	padding:0 20px !important;
    	border:1px solid #1f1f1f !important;
	    transition: all 1.2s ease-out !important;
	    color:#fff !important;
	}

	#mega-menu-primary-menu > li:last-child:hover a,
	#mega-menu-primary-menu > li.mega-current-menu-item:last-child a{
		 background: #fff !important;
		 border:1px solid #1f1f1f !important;
		 color:#1f1f1f !important;

	}


	.et_header_style_left .logo_container,
	.et_header_style_left .logo_container  a,
	.et_header_style_left .logo_container  img,
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
		cursor: pointer !important;
		z-index:999;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		top:73px;
		padding:50px 100px;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu  p {

		font-size:12px;
		border-bottom:1px solid #ddd;
		font-weight: 500 !important;
		text-transform: uppercase;
		text-align: right;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		text-align: right;
		font-weight: 300 !important;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
		font-size: 16px;
		cursor: pointer !important;
		text-align: right !important;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
		padding:5px;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a{
		text-transform: initial;
	}

	.et_header_style_left .et-fixed-header #et-top-navigation {
		padding-top:57px;
	}

	.wpml-ls-current-language a {
		color:#1f1f1f;
	}

	@media only screen and (max-width: 870px){
		#mega-menu-primary-menu{
			padding-right:20px !important;
		}
	}
	@media only screen and (max-width: 768px){
		#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
		#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
		#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
			background: none;
		}
	}



	.langue {
		position: absolute;
		right: 15px;
		top:15px;
	}

	.langue li {
		position: relative;
		display: inline-block;
		margin:0 2px;
	}

	.langue li:after {
		content:"";
		position: absolute;
		top:5px;
		right: -4px;
		background: #1f1f1f;
		width:1px;
		height:13px;
	}

	.langue li:last-child:after {
		display: none;
	}

@media (max-width: 980px) {
    .et_pb_section {
        padding: 20px 0;
    }
}


/* HELPER
----------------------------------- */
	.mt-50 {
		margin-top:50px;
	}


/* FOOTER
----------------------------------- */

	#main-footer {
		margin-bottom:50px;
	}

	#footer-bottom .container,
	#footer-info {
		text-align: right;
		width:100%;
		font-size:14px;
	}

	.footer-widget,
	#footer-widgets .footer-widget a {
		color: #1f1f1f;
	}

	#footer-widgets .footer-widget p {
		margin-bottom:10px;
	}

	#footer-widgets .footer-widget a:hover {
		text-decoration: underline;
	}


	.ex-section-secondary {
		background: #1f1f1f;
		padding-top: 140px;
		
	}

	.ex-newsletter {
		padding-left: 40px !important;
    		padding-right: 40px !important;
    		margin-bottom: 140px !important;

	}

	.tnp-field-email {
		border: none !important;
	}
	a.audits,
	.ex-newsletter .tnp-subscription input[type=email] {

	    background-color: transparent !important;
	    color: rgba(255,255,255,.7) !important;
	    background-clip: padding-box !important;
	    height: 50px !important;
	    vertical-align: middle !important;
	    display: inline-block !important;
	    border: 0 none !important;
	    border-bottom: 1px solid rgba(255,255,255,.5) !important;
	    max-width: 100%;
            width: 100%;
   	    padding: 0 10px;
            transition: .2s ease-in-out;
            transition-property: color,background-color,border-color,box-shadow;
	}

	.ex-newsletter h2 {
		color:#fff;
		font-weight: 300;
	    	font-size: 37px;
	    	line-height: 1.2em;
	}

	.ex-width-1-2 {
		width: 50%;
	}

	.ex-grid {
	    display: flex;
	    flex-wrap: wrap;
	    margin: 0;
	    padding: 0;
	    list-style: none;
	        align-items: stretch;
	}

	.uk-icon {
	    margin: 0;
	    border: none;
	    border-radius: 0;
	    overflow: visible;
	    font: inherit;
	    color: inherit;
	    text-transform: none;
	    padding: 0;
	    background-color: transparent !important;
	    display: inline-block;
	    fill: currentcolor;
	    line-height: 0;
	}

	.tnp-subscription {
		position: relative;
	}


	button.uk-icon:not(:disabled) {
	    cursor: pointer;
	        right: 0;
    		left: auto;
	}

	.uk-form-icon {
    		color: rgba(255,255,255,.5) !important;
	}

	.uk-form-icon {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    width: 50px;
	    display: inline-flex;
	    justify-content: center;
	    align-items: center;
	}

	.uk-input, .uk-select, .uk-textarea {
	    max-width: 100%;
	    width: 100%;
	    border: 0 none;
	    padding: 0 10px;
	    background: 0 0;
	    color: rgba(0,0,0,.6);
	    transition: .2s ease-in-out;
	}


	.footernav > div {
	    flex: 1;
	    box-sizing: border-box; /* Assure que les marges et les rembourrages sont inclus dans la largeur */
	    background: #fff;
	}
	.footernav > div:first-child{
		background: #1f1f1f;
	}

	.uk-width-1-4 {
	    width: calc(25% - 20px); /* Pour prendre 25% de la largeur avec un peu d'espace entre les colonnes */
	}

	.uk-tile-default {
		background: #fff;
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 70px;
		padding-bottom: 70px;
	}


	.uk-width-1-4:last-child .uk-tile-default,
	.uk-width-1-4:nth-child(3) .uk-tile-default {
		padding-top: 120px;
	}

	

	.uk-tile-default h3 {
		position: relative;
		margin-bottom:20px;
		font-size:16px;
	}

	.uk-tile-default h3:after {
		content:"";
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #e5e5e5;
	}
	.uk-tile-default a,
	.uk-tile-default .textwidget {

	    color: rgba(0,0,0,.6) !important;
	    font-weight: 300 !important;
	    font-size:14px;
	}

	.uk-tile-default a:hover {
		text-decoration: underline;
	}
	.uk-tile-default span{
		font-size:12px !important;
	}
	.uk-tile-default span.logofooter{

		text-align: center;
		display: block;
	}


	.single-post .et_pb_post {
		    margin-bottom: 0 !important;
	}
	.single .post {
	    padding-bottom: 0px !important;
	}


	/*.post-meta .published {
		font-weight: bold;
	}*/


	.egaliser-hauteur {
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}
	

	@media (min-width: 981px){


		.et_pb_gutters3 .footer-widget {
			margin-right:0 !important;
		}

	}

	@media (max-width: 981px){
	.postid-33205.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row,
	.postid-33207.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row,
	 .postid-33206.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row {
		width:100%;
	}
		.footernav > div:first-child {
			display: none;
		}

		.ex-grid {
			display: grid;
		}
		.ex-width-1-2,
		.uk-width-1-4 {
			width: 100%;
		}
		.uk-tile-default {
			padding-bottom:0;
		}
		.uk-width-1-4:nth-child(3) .uk-tile-default,
		.uk-width-1-4:last-child .uk-tile-default {
			padding-top:50px;
		}

		.uk-tile-default span.logofooter {
			text-align: left;
		}
	}


 /*  RESPONSIVE
	--------------------------------------------------------------*/
     @media (max-width: 980px) {
    	#et_mobile_nav_menu {
    		display: none;
    	}
    	.et_header_style_left .logo_container {
    		margin-left:0;
    		height:auto !important;
    	}
    	.et_header_style_left #logo {
		    max-width: 100%;
		    width: 220px;
		}

		body:not(.home) h1 {
	    	letter-spacing: -5px;
		}

		#mega-menu-primary-menu > li:last-child {
			width: auto !important;
		    display: inline-block !important;
	    float: right !important;
		}

			.egaliser-hauteur {
    display: block; 
    flex-direction: column; 
    justify-content: center;
}

    }

    @media only screen and (min-width: 768px){
		.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
		    padding: 57px 0 0 0;
		}
	}

    @media (max-width: 768px) {

    	.single-post h1 {
		font-weight: 700;
	    font-size: 45px !important;
	    line-height: 1.2em !important;
	    letter-spacing: 0 !important;
	}



    	.custom-cursor {
    		display: none !important;
    	}

    	a:hover,li:hover,#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
.et_header_style_left .logo_container, .et_header_style_left .logo_container a, .et_header_style_left .logo_container img, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
	cursor: pointer;
}


    	.langue {
			position: absolute;
			right: 15px;
			top:5px;
		}

    	 .home h1 {
		    font-size: 14vw !important;
		}

    	#main-header {
    		box-shadow: none !important;
    	}

    	#mega-menu-primary-menu {
		    padding-right: 30px !important;
		} 
    
    	.et_header_style_left .logo_container {
    		margin-left:0;
    		height:auto !important;
    	}

		.et_header_style_left #logo {
		    max-width: 100%;
		    width: 191px;
		}

    	h2 {
		    font-size: 6vw;
		}

		#footer-widgets .footer-widget:nth-last-child(-n+2){
			margin-bottom:0 !important;
		}

       	.et_pb_row,
		.container {
			width:100%;
			max-width:100%;	
		}

		.mega-sub-menu {
			box-shadow: none !important;
		}

		#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
			padding: 50px 15px;
		}

		#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
			background: none;
		}

		#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
		#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
		#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
			background-color:#1f1f1f;
		}


		#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		    text-align: right;
		    font-weight: 300 !important;
		}

		#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, 
		#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
			font-size:14px;

	    } 

	    .et_pb_row.mt-50 {
	    	margin-top:0;
	    }

	    	#mega-menu-primary-menu > li:last-child {
		    float: none !important;
		}

}

@media only screen and ( min-width: 980px ) {

/*	.cu-blog .et_pb_salvattore_content[data-columns]::before { 
		content: '2 .column.size-1of2' !important;
	}
	.cu-blog .column.size-1of2 {
		width:47% !important;
		margin-right:3%;
	}*/

/*	 .has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 30%;
        margin-right: 4%;
    }*/
}

@media only screen and ( max-width: 980px ) {
	.cu-blog .et_pb_salvattore_content[data-columns]::before { 
		content: '2 .column.size-1of2' !important;
}
.cu-blog .column.size-1of2 {
	width:100% !important;
	margin-right:0%;
}
}

body:not(.logged-in).page-id-31352 h1{
	font-size:40px !important;
	letter-spacing: 0 !important;
}

.et_password_protected_form .et_submit_button {
	color:#aaa093;
}

#post-28845 .et_pb_image:hover,
#post-28875 .et_pb_image:hover,
#post-29708 .et_pb_image:hover{
	box-shadow: 2px 3px 19px 9px #dfdfdf;
}

@media only screen and (max-width: 768px) {
    #mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu {
        background: white;
        padding: 20px 0px 20px 0px;
        display: none;
    }
}

@media (max-width: 768px) {
     h1{
    	font-size:80px !important;
    	padding-bottom:0 !important;
    	margin-bottom:0 !important;
    }
     .et_pb_text_inner h1 + p {
     	display: none;
     }
    h2{
    	font-size:35px !important;
    }
    h3{
		font-size:20px !important;
    }
}