/**
Theme Name: Immo
Author: MG WEB
Author URI: https://mg-web.fr/
Description: Docoon Immo
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: immo
Template: astra
*/


/*IMMO*/

#menu-contact {
    border-radius: 16px;
    padding: 0 22px;
    margin-left: 4rem;
  background: #ee7219;
}


#menu-contact:hover {
  background: #feefe1;
  color: #ee7219 !important;
}

#menu-contact a.e-link {color: #fff !important;}
#menu-contact a.e-link .e-n-menu-title-text {color: #fff !important;}

#menu-contact a.e-link:hover,
#menu-contact a.e-link:hover .e-n-menu-title-text {
    color: #ee7219 !important;
}


#menu-contact .elementor-widget-n-menu .e-n-menu-title-text {line-height:1 !important}

.elementor-flip-box__back .elementor-icon i, .elementor-icon svg {
color:#ee7219;
}


@media (max-width: 767px) {

#menu-contact {
    border: solid #ee7219 2px;
    border-radius: 16px;
    padding: 0 22px;
    margin-left: 0rem;
    max-width: fit-content;
  }
ul.e-n-menu-heading {
    background: #fff;
    padding: 1rem !important;
}

}

/*Plateformes*/

.inter img {
    height: 70px;
    width: auto !important;
}




/*Cookies*/

#cookie-law-info-bar {
   font-family: 'Poppins',sans-serif;
  font-size: 11px;
    margin: 0 auto;
    padding: 12px 10px;
    position: absolute;
    text-align: center;
    box-sizing: border-box;
    width: 25%;
    z-index: 9999;
    display: none;
    left: 0px;
    font-weight: 300;
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}
.cli-style-v2 .cli-bar-message {
    width: 99%;
    text-align: left;
}


h5.cli_messagebar_head {
    font-family: 'degular', sans-serif;
    font-size: 24px!important;
    font-weight: 900;
    color: #db53a5;
  line-height: 1;
    margin-bottom: 0 !important;
}

.soustitre {
  font-family: 'degular', ,sans-serif;
  font-size:14px;
  font-weight:700;
  color:#db53a5;
}

.cli-style-v2 {
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
}

.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    border-radius: 16px;
    border: 1px solid #db53a5;
}

/*Popup nesletter*/
.cp_style_7172 #cp_heading-2-7172 .cp-target {
  font-family: 'Degular';}


/*body*/


body {
	width:1624px;
	max-width:90%;
	margin:0 auto;
	background-color:#fff;
	font-family: 'Poppins',sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
  line-height:1.5;
}

body.elementor_library-template-elementor_canvas {width:100%; max-width:100%;}

@media  only screen and (min-device-pixel-ratio: 2), 
    only screen and (min-resolution: 192dpi) {
	body{
	width:90%;	
    max-width:90%;
	margin:0 auto;
		background-color:#fff;}
}


/*typo*/
a {color:inherit;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
	text-underline-position: under; }

a.arrow {clear:both; margin-top: 2rem; text-decoration:none}
a.arrow::after {
     content: "\f35a";
     font-family: "Font Awesome 5 Free"; 
     font-weight: 400; 
     font-size: 18px; 
	display:inline-block;
	padding-left:10px;
	color:inherit
}
a.arrow:hover {text-decoration: underline}
a.arrow:hover::after {
     content: "\f35a";
     font-family: "Font Awesome 5 Free"; 
     font-weight: 400; 
     font-size: 18px; 
	display:inline-block;
	padding-left:10px;
	color:#ED1566

		
}

/*header*/

.elementor-location-header {
    box-shadow: -12px 45px 122px 0px rgba(53, 86, 126, 0.14);
    z-index: 9;
}


/*Menu*/

.menu-btn {
	border: 1px solid #fff;
border-radius:8px

}

/*Mega-menu*/

 .sub-menu li.menu-item:not(:last-child), .elementor-91 .elementor-element.elementor-element-ec623ed nav.uael-dropdown li.menu-item:not(:last-child), .elementor-91 .elementor-element.elementor-element-ec623ed nav.uael-dropdown-expandible li.menu-item:not(:last-child) {
    border-bottom-style: none!important;
    border-bottom-width: 0px!important;
}

#megamenu ul li {padding-left: 1.5rem}

#megamenu ul li a:hover::before{
    content:"\f35a";
    font-size: 1.2rem;
    font-family:"Font Awesome 5 Free";
    position: absolute;
    left: -2rem;
    background: none;
    font-weight: 400;
    color:#DB53A5;
     transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
}

ul.sub-menu.parent-has-template {
    background: transparent !important;
  box-shadow: -12px 45px 122px 0px rgba(53, 86, 126, 0.14);
}

/*Hero*/

.hero-header {
	z-index:1;
	border: 1px solid #D8D8D8;	
}

.hero-div {padding: 8% 6%}

.hero {
	padding-left: 3rem;
	border-left: 1px solid #D8D8D8;
}
.hero p:last-child {
    margin-bottom: -0.4rem !important;
}


.stitles h6 {
    font-family: 'poppins' !important;
    color: #b7c7dc!important;
    font-size: 12px!important;
    line-height: 22px!important;
    vertical-align: bottom;
    letter-spacing: 3px;
}

.stitles h6::before {
    content: "\00B7";
    margin-right: 22px!important;
    font-size: 72px;
    line-height: 22px!important;
    vertical-align: bottom;
}


/*Alignet bouttons en bas **/
.cta {
	margin-top:auto;
}


/**Ombre personalisée**/

.ombre {box-shadow: -12px 45px 122px 0px rgba(53, 86, 126, 0.22);}
.ombre-btn .elementor-button:hover {box-shadow:0px 14px 35px 0px rgba(210, 87, 153, 0.43)}



/*Service boxes*/


.services img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.services{
	box-shadow: -12px 45px 122px 0px rgba(53, 86, 126, 0.22);
    background-color: #fff    
}

/*Articles*/

.post a  {text-decoration:underline}

.post .uael-post__title a {text-decoration:none!important}


/*Blog*/

.news {max-height:50vh;}

.news .uael-post-grid .slick-next,
.news .uael-post-grid .slick-prev{
    top:auto;
	bottom:-2rem
}

.news .uael-post__arrow-inside .uael-post-grid .slick-prev {
	position:absolute;
    left: calc( 55px/2 );
    z-index: 1;
}
.news .uael-post__arrow-inside .uael-post-grid .slick-next {
    right: unset;
	position:absolute;
    z-index: 2;
    left: calc( 165px/2 );
}

.news a {text-decoration:none!important}

.news .elementor-button-icon .e-font-icon-svg {
    height: 1em;
    fill: #000;
}

.news a.uael-post__read-more.elementor-button {
    float: right;
    padding: 20px 10px 20px 0;
}

.news a.uael-post__read-more.elementor-button:hover {
    text-decoration: underline!important;
}

.news .uael-post__bg-wrap {
    box-shadow: 5px 8px 26px rgba(53, 86, 126, 0.22);
}

.news .uael-post-grid .uael-post-wrapper {
    padding-bottom: calc( 55px/2 );
}

.news .fas, .news .fa {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	font-size: 24px !important;
}

.news .fa-angle-right:before {
	content: url("https://docoon.com/wp-content/uploads/2022/09/thin-long-arrow-right-icon.png");}


.news .fa-angle-left:before  {
    content: url("https://docoon.com/wp-content/uploads/2022/09/thin-long-arrow-left-icon.png");;  
}


/*Logo services*/

.logo-services {
    height:250px;    
    width:250px;
    box-shadow: 33px 33px 122px 0px rgba(53, 86, 126, 0.25);
}

.logo-services img {
    height:auto;    
    width:180px
}


/*flip boxes*/

.flip .elementor-flip-box {
    border-right: 1px solid #E7ECF5;
}

.flip .elementor-icon {
    padding: 10px;
    background-color: #e7ecf5;
    border-radius: 50%;
}

.flip h3, .flip h3.elementor-flip-box__layer__title {
    font-family: 'degular'!important;
    line-height: 1!important;
    font-size: 20px!important;
    font-weight: 500!important;  
	padding: 0 10px;
}

.flip .elementor-flip-box__layer__description h3 {
    margin-top: 5px;
}

.flip p {
    font-family: 'poppins';
    line-height: 1.5!important;
    font-size: 14px!important;
    font-weight: 300!important;
     padding: 0 10px
}

.flip .elementor-flip-box__layer__description h3 {
    color: #fff;
}

.flip .elementor-button {
    display: inline-block;
    line-height: 24px!important;
    font-size: 18px;
    padding: 0;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    float: right;
}


.flip .elementor-button::after{
     content: "\f35a";
     font-family: "Font Awesome 5 Free"; 
     font-weight: 400; 
     font-size: 18px; 
display:inline-block;

    }

/*chiffres*/

.chiffres {box-shadow: -12px 45px 122px 0px rgb(12 26 43 / 22%); max-height:66vh}
.chiffres .grand{font-size:59px; display:block; font-family:'poppins'; line-height: 1;}
.chiffres p {margin-bottom: 0 !important;}

/*Pages medias*/

/*Pages partenaires*/
.partenaires img{ 
    max-height: 50px;
    width:  auto!important;
    max-width: 150px;
  
    height:auto;
}
.partenaires H3 a {
    text-decoration: none !important;
    color: #666 !important;
    font-size: 1rem;
}
.partenaires p{line-height:1 !important;}

/*Menu intérieur */
.menu-ancres {
    z-index: 1;
    background-color: #fff;
  padding:1.5rem}

.menu-ancres ul li {
   line-height: 1;
  font-size: 11px;
  letter-spacing:0.25px;
  font-weight:400
}
.menu-ancres .menu-item a.uael-menu-item{padding-top:0; padding-bottom:0}

.menu-ancres a:hover:after{
    content:"\f063";
    color:#ee7219;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    background: transparent !important;
    margin-left: 105%
}

/*Qui sommes nous*/
.histoire {width: 120%; margin-left:-5%}
.pp-timeline-navigation .pp-slider-arrow{bottom:-50vh}
.pp-timeline-navigation .pp-arrow-next {right:auto;  left:40px;}
.pp-timeline-navigation .pp-timeline-marker-wrapper {text-align:left;}
.pp-timeline-card {padding:0 3rem 0 0;}
.pp-slick-slider li {background:transparent; display:list-item;}

/*Page Qualité*/

.mosaic .mosaic-box{ transition: transform .25s;}


.mosaic .mosaic-box:hover{
-ms-transform: scale(1.03); /* IE 9 */
-webkit-transform: scale(1.03); /* Safari 3-8 */
transform: scale(1.03);
    z-index:9;
}

/*livres blancs*/

.livre a {text-decoration:none !important;}

.livre .telecharger {
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0px;
    fill: var(--e-global-color-astglobalcolor5);
    color: var(--e-global-color-astglobalcolor5);
    background-color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-primary);
    border-radius: 50px 50px 50px 50px;
    padding: 3px;
    width: 55%;
    text-align: center;
    margin-top: 1rem;  
  clear:both;
}



/*Page popup*/

.cp_style_7172 #cp_heading-1-7172 .cp-target {
    font-family: 'degular', sans-serif !important;
}


#temoignages .elementor-swiper-button {
    bottom:-40px;
    top:initial;
}

#temoignages .elementor-swiper-button:hover {
box-shadow: 0px 11px 27px 0px rgba(126, 53, 49, 0.29);
    
transition:all 300ms easy-in-out;    
    
}

#temoignages .elementor-swiper-button-next {
    right: initial!important;
    left: 60px!important;
    border-radius: 50%; 
    padding:10px;
}

#temoignages .elementor-swiper-button-prev {
    left: 25px!important;
    right: unset;
    border-radius: 50%; 
    padding:10px;
}

.cas {
    width: 100%;
    margin-left: 0%;
}

.cas h2 {
    font-family: 'degular';
    font-size: 32px;
    margin-bottom: 1rem;
}
.cas h3 {
    font-family: 'degular';
    font-size: 32px;
    margin-bottom: 1rem;
    margin-top:2rem;
    color:#154492;
}

.cas .elementor-widget-testimonial-carousel .elementor-testimonial__text {
    font-style: normal;
}

/*Bouton post*/

.btn-post { 
     font-family: "Degular";
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
  text-decoration: none !important;
    line-height: 1em;
    letter-spacing: 1px;
    fill: var(--e-global-color-astglobalcolor5 );
    color: var(--e-global-color-astglobalcolor5 );
    background-color: var(--e-global-color-primary );
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-primary );
    border-radius: 50px 50px 50px 50px;
    padding: 6px 20px 6px 20px;
}

.btn-post:hover {
     font-family: "Degular";
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
  text-decoration:none;
    line-height: 1em;
    letter-spacing: 1px;
    fill: var(--e-global-color-primary );
    color: var(--e-global-color-primary );
    background-color: #fff;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-primary );
    border-radius: 50px 50px 50px 50px;
    padding: 6px 20px 6px 20px;
}


/*Page signature electronique*/
.box-2{
  border: 5px solid #042489; 
  outline: 3px solid #E51132;
  outline-offset: -15px;
  background: #fff;
  Border-radius:16px;
}

/*page distribuiteurs*/
body.postid-20835 {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/*Formulaires Plezy téléchargement*/


.help-block.jsonform-errortext {
    padding: 5px;
    color: red;
}

input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    color: #666;
    padding: .25em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ast-border-color);
    border-radius: 2px;
    background: var(--ast-comment-inputs-background);
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
}

.plezi-form-field {
    margin-top: 0.5rem;
    display: inline-block;
    margin-right: 0rem;
    width: 50%;
}

.jsonform-error-email {
    width: 50%;
}



input.form-control {
    width: 96%;
    margin-right: 4%;
}

.submit {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

select#jsonform-1-elt-function {
    width: 96%;
}

.control-group.plezi-form-field.jsonform-error-message.jsonform-required.keep-field {
    width: 98%;
}


span.help-inline.plz-consent div {
    text-align: left !important;
    margin-bottom: 3rem; 
}

label.checkbox span {
    margin-left: 1rem;
}

.plezi-submit-btn {
    border-radius: 16px!important;
    padding: 10px 22px!important;
    margin-left: 4rem!important;
  background: #ee7219 !important;
}

.plezi-submit-btn:hover   {
  background: #feefe1!important;
  
  color: #ee7219 !important;
   font-weight:900;
}

.jsonform-error-consents {
    width: 100%;
    margin-top:-1rem;
    line-height:1.2;
    font-size:80%;
    }


.control-group.plezi-form-field.jsonform-error-plz_comment_avez_vous_entendu_parler_de_nous.jsonform-required.keep-field {
    width: 100%;
}



@media (max-width: 767px) {

.plezi-form-field {
    width: 100%;
    display: inline-block;
    margin-right: 0;
}}





/**responsive**/
@media (max-width: 1024px) {
	.chiffres {max-height:fit-content;}
	.news {max-height:fit-content;}
	.news .uael-post__arrow-inside .uael-post-grid .slick-prev {
	position:absolute;
    left: 10%;
    z-index: 1;
}
.news .uael-post__arrow-inside .uael-post-grid .slick-next {
    right: unset;
	position:absolute;
    z-index: 2;
    left: 20%;
}
	
	.hero {
	padding-left: 0rem;
	border-left: 0px solid #D8D8D8;
}

}


@media (max-width: 767px) {
  body {width:100%;max-width:100%;}
  .hero-header {padding: 0;}
  .uael-offcanvas-parent-wrapper .position-at-right { width: 100%!important;}
  .e-container--row {max-width:98%;margin:3% auto !important;}
	.elementor-element {max-width:100%;}
	.chiffres .elementor-element {max-width:100%;margin: 0!important;}
  .e-container--column .e-container {margin-bottom:1rem;}
  .chiffres .e-container--column .e-container {margin-bottom: 0 !important;}
		h6.elementor-heading-title.elementor-size-default {margin-top:1rem}
	.pp-timeline-navigation .pp-slider-arrow{bottom:auto; top:-55px}
  #cookie-law-info-bar { font-family: 'Poppins',sans-serif; font-size: 11px;  width: 96%; z-index: 9999;}
 .menu-ancres {padding: 5% !important;}
  .hero { padding-bottom: 2rem;}
  .gform_wrapper.gravity-theme .gfield_label {
    display: block !important;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    padding: 0;
    text-align: left !important;
}
  .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
    display: inline-block;
    font-size: 15px;
    text-align: left;
}
  .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 1 !important;
    min-height: 16px !important;
  }
  
 .post h2 {font-size :22px }
 .post h3 { font-size :20px}
 .post h4 {font-size :18px }
 .post h5 { font-size :18px}
 .post h6 {font-size :18px }
  .cas {
    width: 90%;
    margin-left: 5%;

} 
@media only screen and (max-width: 641px){
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 1 !important;
    min-height: 16px !important;
  }}