/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

.et_pb_text_inner h1, .et_pb_text_inner h2, .et_pb_text_inner h3 {
    font-weight: 600 !important;
}
.cls-google{ Display:none !important;}


.cls-aligne .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.et_mobile_menu {
    border-top: 3px solid #ffffff;
}


@media (max-width: 980px) {
.cls-flex {
   display: flex;
   flex-direction: column-reverse;
} 

#logo {
	max-height: 90%;
}
.container.clearfix.et_menu_container {
    max-width: 90%;
	width:90%;
}
}
@media (min-width: 981px) {
.container.clearfix.et_menu_container {
    max-width: 80%;
}
}

@media (max-width: 1250px) and (min-width: 980px){
.logo_container:after {
    font-size: 14px;
    top: 0px;
}
.container.clearfix.et_menu_container {
    max-width: 98%;
	width:100%;
}
}

.class-liste li {
    background: url(/wp-content/uploads/2025/06/electricite-icon4.gif) no-repeat left 0px;
    background-size: auto;
    padding: 0px 10px 0px 35px;
    background-position: 0px 2px;
    margin-bottom: 10px;
    list-style-type: none !important;
    color: #000;
    text-align: left;
    line-height: 35px !important;
}

.class-liste ul {
    margin-left: 0px !important;
}


/***********fixed Tel************/
.fixed-button {
    top: 45%;
}
.fixed-button {
	position: fixed;
    top: 50%;
    right: 0px;
    color: #fff;
    text-decoration: none;
    z-index: 9;
    border-radius: 3px 0 0 3px;
	transition: opacity 1s ease;
	display: flex;
    align-items: stretch;
}
.fixed-button:hover .phone-number {
    opacity: 1;
}
.icon-phone {
    background: #f15729;
    padding: 20px;
}
.phone-number {
    opacity: 0;
    font-size: 16px;
    margin-left: 10px;
    background: #f15729;
    padding: 14px 20px;
    transition: all 0.3s cubic-bezier(0.4,0,1,1);
}
.fixed-button:hover .phone-number {
  display: inline;
}
/***************lire plus**************/
 details{
  display:inline;
}
details {
  position:relative;
}
details summary {
	color: #333;
    display: block;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 600;
}
details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:25px;
  animation: open .2s linear;
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}
details[open] #close {
    position: relative;
    top: 15px;
    padding-bottom: 10px;
	
}
details #open{
	text-align:center;
}
details #open:after{
	display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 8px;
    content: '\f107';
    font-family: 'FontAwesome';
}
	details #close:after {
    display: inline-block;
    position: relative;
    top: 0px;
    margin-left: 10px;
    content: '\f107';
    font-family: 'FontAwesome';
    transform: rotate(180deg);
}
details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block;}
::-webkit-details-marker {display: none;}
@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
details[open] summary {
    width: 100%;
}
/**********************************/
.et_pb_button {
    padding: 10px 30px !important;
}

.sppb-addon-raw-move img,.sppb-addon-raw-up img {
    filter: contrast(0.1);
}
.sppb-addon-raw-move {
    position: absolute;
    font-size: 72px;
    color: #616981;
    top: 10px;
    right: 205px;
    animation: move 20s infinite linear;
}
.sppb-addon-raw-rotation {
    position: absolute;
    font-size: 72px;
    color: #616981;
    bottom: 60px;
    right: 135px;
    animation: rotated 5s infinite linear;
}
.sppb-addon-raw-up {
    position: absolute;
    font-size: 72px;
    color: #616981;
    bottom: 70px;
    left: 200px;
    animation: scale-up-one infinite 3s linear;
}
@keyframes scale-up-one {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    40% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes move {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    25% {
        transform: translate(-50px, 20px) rotate(0deg);
    }

    50% {
        transform: translate(-180px, 40px) rotate(0deg);
    }

    75% {
        transform: translate(-50px, -70px) rotate(0deg);
    }

    100% {
        transform: translate(90px, 50px) rotate(0deg);
    }
}

/*********************************************************************/
@media(max-width:1199px){
	div#et_mobile_nav_menu {
    display: block !important;
	}
	    #top-menu {
        display: none;
    }
}

@media(min-width:1276px) and (max-width:1460px){
	#top-menu li {
    padding-right: 9px;
}

#top-menu li a {
    font-size: 14px;
}


}


@media(min-width:1200px) and (max-width:1276px){
	#top-menu li {
    padding-right: 4px;
}

#top-menu li a {
    font-size: 13px;
}


}


/* .mobile-grid .grid-item.et_pb_gallery_image {
    position: unset !important;
    width: 100% !important;
} */


@media(max-width:767px){.mobile-grid .grid-item.et_pb_gallery_image {
    position: unset !important;
    width: 49% !important;
    display: inline-block;
    padding: 10px;
}}

@media(max-width:480px){.mobile-grid .grid-item.et_pb_gallery_image {
    position: unset !important;
    width: 100% !important;
    display: inline-block;
    padding: 10px;
}}

@media(max-width:980px){
	.inline-imge img {
    width: 50% !important;
}
}




.Subheader1 {
    padding-top: 9% !important;
    padding-bottom: 9% !important;
}

@media(max-width:767px){
	span.phone-number {
    display: none;
}
}

.raduisimage img {
    border-radius: 25px;
}

div#page-container {
    padding-top: 90px !important;
}

@media(max-width:1198px){
	div#page-container {
    padding-top: 82px !important;
}
}


@media (max-width:980px) {
    div#page-container {
        padding-top: 58px !important;
    }
}

.hideicone .et_pb_main_blurb_image

 {
    display: none !important;
}

.hideicone .et_pb_column.et_pb_column_1_4 {
    background-size: contain;
    background-image: url(https://hansez-roggeman-srl.be/wp-content/uploads/2024/06/fond-Hansez-Roggeman-Liege.png);
    background-size: 85%;
    background-position: top;
}


@media (min-width:426px) and (max-width:768px){
	h1 {
		font-size: 30px !important;
	}
	h2 {
		font-size: 25px !important;
	}
	h3 {
		font-size: 22px !important;
	}
}

@media (max-width:425px){
	h1 {
		font-size: 24px !important;
	}
	h2 {
		font-size: 22px !important;
	}
	h3 {
		font-size: 20px !important;
	}
}

.et-fixed-header {
    background: #2a343d !important;
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #ffffff;
}
h1, h2, h3 {
    font-family: 'Montserrat' !important;
    font-weight: bold;
}



input[type="radio"], input[type="checkbox"] {
    display: block !important;
}