/* Child Theme - Custom CSS File for Buyers to Modify */

/*------------------------------------------------------***Style for Loging page  ***------------------------------------------------------*/
#login h1 a{
    width: auto !important;
    height: 86px !important;
    background: url("/wp-content/uploads/2025/09/bati-alliance-construction-de-maison-a-laval-Frame-4.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}
body.login div#login h1 a{
	font-size: 0px !important;
}
body.login{
	background: #ffffff !important;
}
#login {margin: 10px auto !important;width: auto !important;padding-top: 75px !important;}
.login form {margin: 10px auto !important;width: 325px !important;}
.login .submit input{background: #BFDB84 !important;border: none !important;box-shadow: none !important;color: #161616 !important;text-decoration: none !important;text-shadow: none !important;}
.login .submit input:hover{background:#6096CD !important;color: #ffffff !important;}
.login #login_error, .login .message{margin: 20px auto;display: block;width: 345px !important;height: auto !important;border-left: 5px solid #ff0000 !important;color: #4e4e4e !important;font-size: 14px !important;font-weight: 600 !important;background-color: #fff !important;}
.login #backtoblog, .login #nav {font-size: 13px;padding: 10px 0px !important;}
.login #nav {margin: 10px auto !important;text-align: center;}
.login #backtoblog a, .login #nav a {color: #525252 !important;font-size: 17px !important;font-weight: 600 !important;}
.login #nav a:hover{color: #000 !important}
#backtoblog {background-color: #BFDB84;box-shadow: 0 1px 3px #BFDB84;left: 0;margin: 0 !important;padding: 10px !important;position: fixed;text-align: left;text-shadow: 0 0 0 #000 !important;top: 0;width: 100%;}
.login #backtoblog a {color: #161616 !important;font-size: 18px;text-transform: uppercase;font-weight: 600;}
.login-logo-footer{margin: 20px auto 10px;display: block;padding: 10px 50px;transition: all 0.6s ease;max-width: 230px !important;}

#nav .wp-login-register{display: none;}

.login #nav a {color: #161616 !important;}

.privacy-policy-page-link .privacy-policy-link{ color: #161616 !important;}
.privacy-policy-page-link .privacy-policy-link:hover, .login #nav a:hover{
	color: #BFDB84 !important;
}
/*------------------------------------------------------***Style for LOGO ***------------------------------------------------------*/

.fusion-logo img {
 	max-height: 40px !important;
	width: auto !important;
	object-fit: contain;
}
@media only screen and (max-width: 1300px) {
	.fusion-main-menu > .fusion-menu > li > a {
		padding: 0px 10px;
		font-size:13px !important;
	}
}
@media only screen and (max-width: 1200px) {
	.container1 .colomn_txt .fusion-column-wrapper {
		padding: 40px 3% 40px 6% !important;
	}
	.container1-es .colomn_txt .fusion-column-wrapper {
		padding: 40px 6% 40px 3% !important;
	}
	.container1 .title-1 {
		font-size: 30px!important;
	}
	.img_logo img {
		height: 110px;
	}
}

@media only screen and (max-width: 1000px) {
	.fb-menu i {
		font-size: 24px !important;
	}
	.fusion-main-menu > .fusion-menu > li > a {
		padding: 0px 8px;
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 800px) {
	.container1::after, .container1-es::after {
		content: none;
	}
	.container1 .bl_img .fusion-column-wrapper, .container1-es .bl_img .fusion-column-wrapper  {
		max-width: 80%;
		margin: 0 auto !important;
	}
	.container1 .colomn_txt .fusion-column-wrapper, .container1-es .colomn_txt .fusion-column-wrapper {
		max-width: 80%;
		margin: 0 auto 30px !important;
	}
	.container1, .container1-es{
		padding-top:40px !important;
		padding-bottom:40px !important;
	}
	.container2{
		padding-bottom:40px !important;
	}
	.container4 .fusion-builder-row{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.fusion-body .container4  .fusion-layout-column:not(.fusion-flex-column) {
		width: 50% !important;
		margin-bottom:20px !important;
	}
	.container4 .brd-right:nth-child(2){
		border-right:0 !important;
	}
	.container5 .fusion-builder-row{
		max-width:80% !important;
		margin:0 auto !important;
		text-align:center !important;
	}
	.bl_img{
		margin-top:40px !important;
	}
}

@media only screen and (max-width: 400px) {
	.container1 .title-1 {
		font-size: 24px!important;
	}
	.container1 .txt-1 {
		font-size: 14px !important;
	}
	.fusion-body .container4 .fusion-layout-column:not(.fusion-flex-column) {
		width: 100% !important;
		margin-bottom:30px !important;
	}
	.container4 .brd-right{
		border-right:0 !important;
	}
	.container4 .txt-1 {
		margin: 0px auto 10px !important;
	}
	.fusion-logo img {
		height: 32px !important;
	}
}

.accroche-bati-concept img, .accroche-bati-alliance img ,.accroche-bati-solaire img{
    object-fit: contain;
}



.accroche-bati-concept {
    animation-name: animate-width2;
    overflow: hidden;
    -webkit-animation-name: animate-width2;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

@keyframes animate-width {
    0% {
        width: 0;
        margin-left: 0;
    }

    20% {
        width: 0;
        margin-left: 0;
    }

	40% {
        width: 200px;
    }

    60% {
        width: 200px;
    }
	
    80% {
        width: 0px;
    }

    100% {
        width: 0px;
    }
}
.accroche-bati-alliance {
    overflow: hidden;
    -webkit-animation-name: animate-width;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-name: animate-width;
}

@keyframes animate-width2 {
    0% {
        width: 200px;
    }

    20% {
        width: 200px;
    }

	40% {
        width: 0;
        margin-left: 0;
    }

    60% {
        width: 0;
        margin-left: 0;
    }
	
    80% {
        width: 0px;
    }

    100% {
        width: 0px;
    }
}


 .accroche-bati-solaire {
    overflow: hidden;
    -webkit-animation-name: animate-width3;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-name: animate-width3;
} 


@keyframes animate-width3 {
    0% {
        width: 0px;
		margin-left: 0;
    }

    20% {
        width: 0px;
		margin-left: 0;
    }
	
	 40% {
        width: 0px;
		margin-left: 0;
    }

	 60% {
        width: 0px;
		margin-left: 0;
    }
	
    80% {
        width: 200px;
		
    }

    100% {
        width: 200px;
	
    }
}

.top-a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.top-a>div:not(:first-child){    margin-left: 20px;}

a.fusion-logo-link {
    display: none!important;
}
.fusion-top-header .fusion-header {
    padding: 20px 0!important;
}
.accroche-bati-concept img, .accroche-bati-alliance img,.accroche-bati-solaire img {
    height: 40px !important;
}
.fusion-is-sticky .fusion-logo img {
    height: 35px !important;
}
.fusion-is-sticky .fusion-header {
    padding: 0!important; 
}
.strong-view.wpmtst-modern .wpmtst-testimonial-image img {
    border-radius: 0!important;
    margin: 10px 0;
}
.testimonial-inner h3 {
    color: #fff!important;
}
.container5 .fusion-portfolio-content-wrapper .fusion-image-wrapper {
    opacity: 1;
    height: 100%;
}
.container5 .wp-post-image {
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1360px) {
	#container-monitor {
		margin-left: 0px;
	}
}


@media only screen and (max-width: 1200px) {
	.fusion-logo img {
		height: 34px!important;
	}
	.accroche-bati-concept img, .accroche-bati-alliance img, .accroche-bati-solaire img  {
    height: 30px !important;
}
	.top-a {
    margin: 8px;
}

	.fusion-is-sticky .fusion-logo img {
    height: 28px !important;
}
	
	
}
@media only screen and (max-width: 1024px){
	/*style mobile for header*/
	.fusion-header {padding-top: 15px !important;padding-bottom: 15px !important;padding-left: 10px !important;padding-right: 10px !important;}
	.fusion-mobile-menu-icons .fusion-icon-bars {margin-left: 0px !important;}
	.fusion-mobile-menu-icons {margin-top: 2px !important;}
	.fusion-icon.fusion-icon-bars:before {font-size: 40px !important;line-height: normal !important;}
	.fusion-mobile-menu-icons a, .fusion-mobile-menu-icons a:after, .fusion-mobile-menu-icons a:before {color: #ADD25D !important;}
	.fusion-mobile-menu-icons a:hover, .fusion-mobile-menu-icons a:hover:after, .fusion-mobile-menu-icons a:hover:before {color: #823251 !important;}
	.fusion-logo img{max-height: 80px !important;width: auto !important;}
	.fb_icon_menu{display:none !important;}
	.fusion-open-submenu:before {margin-right: 20px !important;}
	.fusion-header{background-color:#000 !important;}
}

@media only screen and (max-width: 425px) {
	.fusion-logo img {
		height: 34px!important;
	}
.accroche-bati-concept img, .accroche-bati-alliance img, .accroche-bati-solaire img {
    height: 26px !important;
}
		.fusion-is-sticky .fusion-logo img {
    height: 26px !important;
}
}
@media only screen and (max-width: 375px) {
	.fusion-logo img {
		height: 30px!important;
	}
.accroche-bati-concept img, .accroche-bati-alliance img, .accroche-bati-solaire img {
    height: 25px !important;
}
		.fusion-is-sticky .fusion-logo img {
    height: 25px !important;
}
	.top-a>div:not(:first-child){    margin-left:6px;}
}
@media only screen and (max-width: 320px) {
	.fusion-logo img {
		height: 26px!important;
	}
.accroche-bati-concept img, .accroche-bati-alliance img , .accroche-bati-solaire img{
    height: 22px !important;
}
		.fusion-is-sticky .fusion-logo img {
    height: 22px !important;
}
		
}


/**************************************** normal module ******************************************************/
/* button slide-in */
.show_slidine {
    background: #6096CD;
    position: fixed;
    right: -105px;
    top: 50%;
    z-index: 9999;
    color: #fff;
    border-radius: 20px 20px 0px 0px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    box-shadow: rgb(255 255 255 / 10%) 0px 7px 15px 0px;
}

.show_slidine:hover {
    background: #000;
}

.show_slidine.hidebtn {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(-90deg);
    -ms-transform: translateX(100%) rotate(-90deg);
    transform: translateX(100%) rotate(-90deg);
}

/* btn slide-in  */
.infos_site {
    margin-top: 25px;
}

p.p_slidein, span.content-info, span.content-info a {
    color: #fff;
    font-size: 16px !important;
	font-family:"Century-Gothic" !important;
}

p.p_slidein {
    margin-top: 7px;
}

span.content-info a:hover {
    text-decoration: underline;
}

.desktopbut, .infosclient {
    display: none;
}

.flex-info, a.butcontact_slide {
    display: -webkit-box;
    display: -ms-flexbox;
}

.slide_in {
    position: fixed;
    background: #161616;
    z-index: 9999;
    -webkit-box-shadow: 0 0 15px #0000005c;
    box-shadow: 0 0 15px #0000005c;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out;
    border: 1px solid #FBDA48;
}

.slide_in.showme {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.titleslide {
   font-family:"Century-Gothic" !important;
    font-size: 28px;
    color: #fff;
	display:inline-block;
	margin-bottom:10px;
}

.icon-info, a.butcontact_slide {
    background:  #FBDA48;
    color:#161616 ;
}

hr.sep_slide {
    width: 25%;
    height: 2px;
    background-color: #fff;
    border: none;
    margin-top: 10px;
}

.flex-info {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.flex-info.flex-info-top {
    align-items: flex-start !important;
}

.icon-info {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    font-size: 15px;
    border-radius: 100px;
    margin-right: 15px;
    padding: 13px;
}

.head_slidine {
    position: absolute;
    top: 12px;
    right: 15px;
    color: #fff;
    border: 2px solid;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.head_slidine:hover {
    color: #FBDA48;
}

a.butcontact_slide {
    padding: 12px 20px 14px;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    text-align: center;
    font-family:"Century-Gothic" !important;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #FBDA48;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer;
    text-transform: uppercase;
    BACKGROUND:#FBDA48;
    COLOR:#161616;
    
}

a.butcontact_slide:hover {
    background: 0 0;
    color: #fff;
    border-color:#fff;
}

.slide_in .content-info.phone a:hover {
    color: #fdf4e3;
}

@media screen and (max-width: 1500px) {
    .show_slidine {
        padding:16px 25px;
    }
}

@media screen and (max-width: 800px) {
    .show_slidine {
        background:#6096CD;
        padding: 10px 25px;
    }
}

.mobilebut {
    display: block;
    font-size: 20px;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    border-radius: 50%;
    right: 0;
    left: 15px;
    bottom: 20px;
    top: unset;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 31%);
}

.slide_in {
    width: 370px;
    top: unset;
    bottom: 0;
    right: unset;
    left: 0;
    padding:30px 20px;
    border-radius: 0px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.show_slidine.hidebtn {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.slide_in.showme {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.rh_form__login_wrap .rh_form__item {
    padding: 0 1.5rem 1rem;
}

li.elementor-icon-list-item {
    margin-bottom: 10px!important;
}

@media screen and (max-width: 510px) {
    .slide_in {
        width:80%;
    }
}

@media screen and (max-width: 400px) {
    .slide_in {
        width:98%;
        margin-inline:auto; right: 0;
    }
}

@media screen and (max-width: 340px) {
    .head_slidine {
        top:6px;
        right: 6px;
    }
}

.slide_in.showme {
    z-index: 9999999 !important;
}

/******************************************************* End Slide in ******************************************************************************/