/*
 Theme Name:     Expression Digitale
 Theme URI:      https://digitale.the-expression.ch/
 Description:    Votre agence digitale.
 Author:         Expression Digitale
 Author URI:     https://digitale.the-expression.ch/
 Template:       Divi
 Version:        1.0.0
*/

@import url("style_1.css");

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Qwigley&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
	background-image: url(../images/O9wVwUpacxf5.png);
	background-repeat: repeat-x;
	width:100%;
	font-family: "Montserrat", sans-serif;
	 font-weight: 400;
	 letter-spacing: 1.1px;
}

h1, h2 {
 font-family: "Playfair Display", serif;
 font-optical-sizing: auto;
 font-weight: 800;
 font-style: normal;

}

h1 {
	font-size:90px !important;
	/*color: #372C2B !important;*/
	color:#708a98 !important;
}
.media-frame-title h1 {
	font-size: 22px !important;
}
body:not(.home) h1{
	font-size:80px !important;
/*	color: #372C2B !important;*/
color:#708a98 !important;

}

body:not(.home) h1 {
	text-align: center;
}

h2 {
	font-size:55px;
	color:  #708a98 !important;
}

h6 {
	font-family: "Qwigley", cursive;
    font-weight: 400;
    font-style: normal;
     color:  #708a98 !important;
    letter-spacing: 1.1px;
}

h3:not(.et-core-modal-title), h4 {
  font-family: "Qwigley", cursive;
  font-weight: 400;
  font-style: normal;
  color:  #a4c3c9 !important;

  letter-spacing: 1.1px;
}

h3:not(.et-core-modal-title){
  font-size:100px !important;
	  margin-top:-53px;
	  
}

body:not(.home) h3{
/* margin-top:-85px;*/
margin-top:-75px;
font-size:80px !important;
}

.et-core-modal h3.et-core-modal-title{

font-size:18px !important;
}


h4 {
	  font-size:40px !important;
	  margin-top:-55px;
	 
}

h6 {
	font-size: 30px !important;
}

p {
	line-height: 2;
	letter-spacing: 1.1px;
}

.titre-home {
	margin-top:165px;
}

.et_pb_text {
    word-wrap: normal !important; 
}


#main-content,
.et_pb_section {
	background-color: transparent !important;
}

.et_pb_section_0 {
/*	padding-top:144px !important;*/
padding-top:175px !important;
}

.home .et_pb_section_0 {
	display:flex;
	align-items: center;
	height:97vh;
	padding-top:50px !important;
}

.home .et_pb_section_0  p {
	font-family: "Qwigley", cursive;
  	font-weight: 400;
  	font-style: normal;
  	letter-spacing: 1.1px;
  	font-size:40px;
  	text-align: center;
  	line-height: 0.8;
	/* margin-top:200px;*/
	margin-top: 118px;
  	position: relative;
}

.home .et_pb_section_0  p:after {
	content:"";
	position: absolute;
	bottom:-100px;
	right:50%;
	background: url(../images/qR5PTn3q63Yv.png);
	width: 18px;
	height:63px;
}

.home .et_pb_section_0  p:hover:after {
	content:"";
	position: absolute;
	bottom:-100px;
	right:50%;
	background: url(../images/IFlimYa4DBS3.png);
	width: 18px;
	height:63px;
	cursor: pointer;
}

	/*  RESPONSIVE
	--------------------------------------------------------------*/
     @media (max-width: 980px) {

     	.titre-home {
			margin-top:0px;
		}
		.et_pb_section_0 {
padding-top:144px !important;
}

     	.home .et_pb_section_0  p {
     		margin-top:50px;
     		margin-bottom:140px;
     		z-index: 99999;
     	}

     	body:not(.home) h3 {
		    margin-top: -35px;
		}

		body:not(.home) h1 {
			font-size: 5em !important;
		}

		body:not(.home) h3 {
			font-size: 4em !important;
		}

		body {
			background-image: url(../images/O9wVwUpacxf5.png);
			background-repeat: no-repeat;
			background-size: contain !important;
		}

	}
@media (max-width: 1880px) {
	div.et_pb_section.et_pb_section_0{
/*		    background-position: right -940% top 95% !important;*/
		    background-position: right -15cm top -15cm !important
     }
 }
/*

@media (max-width: 1550px) {
	div.et_pb_section.et_pb_section_0{
		    background-position: right -1080% top 95% !important;
     }
 }
*/

/* -------------------
HEADER -------------------------------------------- */

#main-header {
	border-top: 5px solid #708a98;
}

.menu-item a{
	font-family: "Playfair Display", serif;
	letter-spacing: 1px;
	padding: 0 0.35em;
	font-weight: bold;
	line-height: 1.4;
	transition: color 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	color:#372C2B !important;
}

.menu-item a::before,
.current-menu-item a::before{
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 15px;
	left: 0;
	bottom: 68px;
	opacity: 0.2;
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
	transition: transform 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	background: rgba(112,138,152,1)
}


.menu-item a:hover::before,
.current-menu-item a::before{
	transform: scale3d(1,1,1);
}
#top-menu .menu-item-has-children>a:first-child, 
#et-secondary-nav .menu-item-has-children>a:first-child {
    padding-bottom:20px;
}

#top-menu .menu-item-has-children a::before, #top-menu .menu-item-has-children .current-menu-item a::before {
	display: none;
}

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

#footer-bottom .container {
	text-align: center;
}

#main-footer {
	background: none;
	padding: 50px 0 20px 0;
}

#footer-info {
	color: #372C2B;
	float: none;
	text-align: center;
}

#footer-info a {
	color: #708a98;
}

/* -------------------
HELPER -------------------------------------------- */

	.bg-green {
		background: #738589 !important;	
		padding:130px 0px !important;
	}

	body:not(.home) .bg-green {
		margin:0 100px;
		padding:50px 50px !important;
	}

	.bg-green-home {
		margin:0 0;
		background: #738589 !important;	
	}

	body:not(.home) .bg-green h6{
		font-size:40px !important;
	}

	.bg-green .et_pb_row {
		padding:0 60px;
	}

	.bg-green h1,
	.bg-green h2,
	.bg-green h3,
	.bg-green h6,
	.bg-green p,
	.bg-green a,
	.bg-green-home h1,
	.bg-green-home h2,
	.bg-green-home h3,
	.bg-green-home h6,
	.bg-green-home p,
	.bg-green-home a  {
		color: #fff !important;
	}

.bg-green h4,
.bg-green-home h4 {
	color: #A4C6C3 !important;
}

.container-block-rose {
	margin-top:-150px;
}

.block-rose {
	background: #f5f4f5;
	border:10px solid #fff;
	padding: 50px;
	min-height:225px;
}

.block-rose.et_pb_blurb_position_left .et_pb_main_blurb_image, 
.block-rose.et_pb_blurb_position_right .et_pb_main_blurb_image{
	width:30%;
}

.block-rose.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container {
	width:70%;
}

.home .block-rose {
	padding:30px;
}

body:not(.home) .block-rose {
	background: #f5f4f5;

}
/*body:not(.home) .block-rose:not(.open){
		margin-bottom: 50px;
}*/

.content-tabs {
    display: none;
    background: #fff;
    padding: 50px !important;
/*    margin-top: -50px;*/
/*    margin-bottom: 50px;*/
}

.block-rose:hover {
	background: #E1DEDE;	
}

.block-rose.et_pb_blurb_position_left .et_pb_blurb_content {
    display: flex;
    align-items: flex-start;
}

.block-rose.et_pb_blurb_position_left .et_pb_main_blurb_image, 
.block-rose.et_pb_blurb_position_right .et_pb_main_blurb_image {
	width: 80px !important;
	margin-bottom: 0;
}

.block-rose  h4 {
	font-family: "Playfair Display", serif !important;
	color: #708a98 !important;
	margin-top: 0 !important;
	font-size: 23px !important;
	font-weight: 800;
}

.block-rose  h5 {
	font-family: "Playfair Display", serif !important;
	color: #372C2B !important;
	margin-top: 0 !important;
	font-size: 18px !important;
	line-height: 1.5;
	letter-spacing: 1.1px;
}

.home .block-rose p {
	color: #708a98;
}


.home .block-rose a {
	text-decoration: none;
	position: relative;
	margin-right:55px;
}

.home .block-rose a:after {
    content: "" !important;
    position: absolute;
 	bottom: 8px;
    right: -65px;
    background: url(../images/5sgJdUZEpr7a.png);
    width: 46px;
    height: 13px;
}

.home .block-rose:hover a {
	color:#000;
}

.home .block-rose:hover a:after {
	content:"";
	position: absolute;
	background: url(../images/cxoctk6e8Zfd.png);
	 width: 46px;
    height: 13px;
	cursor: pointer;
}

.bg-section2,.block-grey, 
.block-grey-with-padding-top,
.bg-sectionxx {
	background-image:url(../images/Msoe9zStdhQi.png);
	background-repeat: repeat-x;
	width:100%;
}

.block-grey {
	padding:100px;
}
.block-grey-with-padding-top {
	padding:200px 100px 100px 100px;
	margin-top:-300px;
}

.bg-section2.light-green-left-bottom,
.bg-sectionxx.light-green-left-bottom {
	background-image:url(../images/Msoe9zStdhQi.png), url(../images/tnEghVTtmda5.png);
	background-position: center, left -600px bottom -900px;
	background-repeat: repeat-x, no-repeat;
	width:100%;
}

.light-green-right-top {
	background-image: url(../images/tnEghVTtmda5.png);
	background-position: right -300px top -600px;
	background-repeat: no-repeat;
}

body:not(.home) .bg-section2 {
	margin-top:-180px;
	padding: 150px 0 50px;
}

body:not(.home) .bg-sectionxx {
	margin-bottom:-200px;
	padding: 50px 0 150px;
}


.et_pb_button_ex {
    font-size: 15px !important;
    font-weight: 300 !important;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #708a98 !important;
    border-radius: 3px;
    color: #708a98 ;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    cursor:pointer !important;
}

.et_pb_button_ex:hover {
	border: 1px solid #000!important;
    border-radius: 3px;
    color: #000 ;
}

.et_pb_button_bl {
	text-align: center;
    font-size: 15px !important;
    font-weight: 300 !important;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #fff !important;
    border-radius: 3px;
    color: #fff ;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    cursor:pointer !important;
}

.et_pb_button_bl:hover {
	border: 1px solid #000!important;
    border-radius: 3px;
    color: #000 ;
}

 	/*  RESPONSIVE
	--------------------------------------------------------------*/
	    @media (max-width: 1335px) {
			.block-rose  h4 {
				font-family: "Playfair Display", serif !important;
				color: #708a98 !important;
				margin-top: 0 !important;
				font-size: 20px !important;
				font-weight: 800;
			}
		}

		  @media (max-width: 1229px) {
			.block-rose  h4 {
				font-family: "Playfair Display", serif !important;
				color: #708a98 !important;
				margin-top: 0 !important;
				font-size: 18px !important;
				font-weight: 800;
			}
		}
     @media (max-width: 980px) {

     	.bg-green .et_pb_row {
			padding:0 0px;
		}
 
     	body:not(.home) .bg-green {
			margin:0 0px;
			padding:50px 30px !important;
		}

		.et_mobile_menu {
			background: #FDF8F7 !important;
		}

		.et_mobile_menu a {
			text-decoration: none !important;
		}
		.menu-item a::before, .current-menu-item a::before {
			display: none;
		}

		h1 {
		    font-size: 70px !important;
/*		    color: #372C2B !important;*/
		}

		h3 {
		    font-size: 70px !important;
		    margin-top: -37px;
		}

		.block-grey {
			padding: 50px;
		}
     }

/* -------------------
TABS -------------------------------------------- */

.block-rose.tabs {
	padding:50px;
}
.content-tabs {
display: none;
}

.et_pb_toggle.et_pb_toggle_open, 
.et_pb_toggle.et_pb_toggle_close {
    background-color: #f5f4f5 !important;
    border-bottom: 10px solid #fff !important;
   	padding: 20px !important;
    margin-top: -92px;
    border-left: 10px solid #fff !important;
    border-right: 10px solid #fff !important;
    border-top:0 !important;
}


.et_pb_toggle_0.et_pb_toggle_close .et_pb_toggle_title:before, 
.et_pb_toggle_1.et_pb_toggle_close .et_pb_toggle_title:before, .et_pb_toggle_2.et_pb_toggle_close .et_pb_toggle_title:before {
    display: none;
}
/* -------------------
BOUTON -------------------------------------------- */
.btn-arrow{
	border: none !important;
	text-decoration: none;
  	position: relative;
  	font-size:16px !important;
  	display: block;
}
.home .et_pb_text_13 {
	width: auto !important;
	background: #FDF9F8;
	/*	box-shadow: 3px 3px 5px 3px #0696b4;*/
	box-shadow: 2px 2px 5px 2px #708a98;
	padding-right:90px;
}

.btn-arrow-right-with-bg a{

	text-decoration: none;
  	position: relative;
  	font-size:16px !important;
  	padding:20px 40px;
  
}

.btn-arrow a,
.btn-arrow-right-with-bg a {
	text-decoration: none;
	display: block;
}
.btn-arrow-right-with-bg,
.btn-arrow-right-with-bg a {
		display: inline-block;
}
.btn-arrow:hover a,
.btn-arrow-right-with-bg:hover a  {
	color:#000;
}

.btn-arrow:after {
    content: "" !important;
    position: absolute;
 	bottom: 12px;
    left: 138px;
    background: url(../images/jVu9t08XdvHX.png);
    width: 63px;
    height: 18px;
    z-index: -1;
}

.btn-arrow-right-with-bg a:after {
    content: "" !important;
    position: absolute;
 	bottom: 33px;
    right: -48px;
    background: url(../images/jVu9t08XdvHX.png);
    width: 63px;
    height: 18px;
}

.btn-arrow:hover {
	background: none !important;
}

.btn-arrow:hover:after {
	content:"";
	position: absolute;
	background: url(../images/yI1AQgamUl4Z.png);
	width: 63px;
	height:18px;
	cursor: pointer;
}

.btn-arrow-right-with-bg a:hover::after {
    content: "" !important;
    position: absolute;
 	bottom: 33px;
    right: -48px;
    background: url(../images/yI1AQgamUl4Z.png);
    width: 63px;
    height: 18px;
    cursor: pointer;
}



.et_pb_contact_field textarea.et_pb_contact_message {
	min-height: auto !important;
}


 	/*  RESPONSIVE
	--------------------------------------------------------------*/
	 @media (max-width: 1180px) {
	 	.et_header_style_left #et-top-navigation {
	 		padding-left: 0 !important;
	 	}
	 	header .container {
	 		width:90% !important;
	 	}

	 	.et_pb_row {
	 		width:95% !important;
	 	}

	 	.et_pb_text_13 {
	 		bottom: -116px !important;
	 	}

	 	body.home .block-rose h4 {
	 		font-size: 21px !important;
	 	}

	 	.et_pb_toggle.et_pb_toggle_open, .et_pb_toggle.et_pb_toggle_close {
	 		margin-top: -56px;
	 	}
	 }

     @media (max-width: 980px) {
     	.et_pb_module.et_pb_text_align_left {
     		text-align: center;
     	}
     	.block-grey-with-padding-top {
/*				padding: 200px 20px 100px 20px;*/
padding:100px 20px 100px 20px;
margin-top:0 !important;
			}

     }

     	@media (max-width: 600px) {

     		.post-28843 .et_pb_row_0.et_pb_row  {
	 		width:100% !important;
	 		padding: 0 20px !important;
/*	 		margin-bottom: 0;*/
	 	}

	 	#logo {
	 		    max-height: 100% !important;
	 	}


/*	 	.et_pb_row_0.et_pb_row */
			h1 {
				font-size:	4em !important;
			}

			body:not(.home) h1 {
				font-size:	3.1em !important;
			}

			h3 {
				font-size:	1.3em !important;
			}

			h2 {
				font-size: 3.3em !important;
			}

			body:not(.home) h3 {
				font-size:	2.5em !important;
			}

			body:not(.home) h3:not(.et-core-modal-title){
				font-size: 3.8em !important;
/*				margin-top:-53px !important; */
				margin-top:-48px !important;
				line-height: 0.5;
			}

			h3:not(.et-core-modal-title){
				font-size: 3.8em !important;
				margin-top:-30px !important; 
			}

			.block-rose {
				min-height:auto !important;
			}

			.home .et_pb_section_0 {
				height:120vh !important;
			}

			.block-grey
			 {
				padding: 50px 20px;
			}

			
			.et_pb_toggle_0.et_pb_toggle .et_pb_toggle_content, .et_pb_toggle_1.et_pb_toggle .et_pb_toggle_content, .et_pb_toggle_2.et_pb_toggle .et_pb_toggle_content {
				padding: 50px 20px !important;
			}

			.block-rose.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container {
				width: 100% !important;
			}

			.page-id-28853  .block-rose {
				padding:50px 20px;
			}

			.post-28851 .et_pb_section_1 .et_pb_column .et_pb_row_inner, .et_pb_row,.post-28851 .et_pb_section_1,
			.post-28851 .et_pb_section_1 .et_pb_column {
				padding:0px 0;
			}

		    body:not(.home) .bg-green { 
		    	margin:30px 0;
		    }
		    body:not(.home) .bg-green h6 {
		    	padding-bottom:0;
		    }
			.et_pb_row_2 {
				padding:30px 0;
			}
			.post-28851 .et_pb_section_1  .et_pb_column_1 {
				display: none;
			}

			h1 {
				/*color: #372C2B !important;*/
				color:#708a98 !important;
			}

			
			.et_pb_contact_field textarea.et_pb_contact_message {
/*				min-height: auto !important;*/
				min-height:100px !important;
			}


     	}


@media (min-width: 981px) {
    .et_pb_section {
        padding: 2% 0;
    }
}