/*
Theme Name:     Roofix
Theme URI:      https://radiustheme.com/demo/wordpress/roofix
Author:         RadiusTheme
Author URI:     https://www.radiustheme.com
Description:    Roofix | Responsive WordPress Roofix Theme is one of the Latest and World Standard Multipurpose Responsive WordPress Roofix Theme.
Version:        2.0.2
Text Domain:    roofix
Tags:           one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
License: 		Envato split License
License URI: 	https://themeforest.net/licenses/terms/regular
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600');
/* Style pour la pop-up */
        body.popup-open {
            overflow: hidden;
        }
        body.popup-open::after {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 850;
        }
		.ancre-pop {
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 850;
		}
		@media screen and (max-width: 1000px) {
			#encart-promo {
				top: 5rem !important;
			}
			.elementor-element-5413efc.elementor-section-content-middle.elementor-reverse-tablet.elementor-reverse-mobile {
				top: 4rem !important;
			}
		}
		@media screen and (max-width: 700px) {
			.elementor-element-5413efc.elementor-section-content-middle.elementor-reverse-tablet.elementor-reverse-mobile {
				top: 0rem !important;
			}
			.custom-popup {
				height: 351.38px !important;
				width: 330px !important;
			}
			.popup-desc {
				position: absolute;
				bottom: 0;
				width: 60% !important;
				margin-bottom: 1rem !important;
			}
			.popup-desc > p {
				margin-bottom: 1rem;			
			}
			.popup-desc p:first-child {
				letter-spacing: 0px !important;
				font-size: 1.3rem;
			}
			.popup-desc p:nth-child(2) {
				font-weight: bolder;
				text-transform: uppercase;
				font-size: 4.5rem !important;
				line-height: 1.5rem !important;
			}
			.popup-desc p:nth-child(3) {
				font-size: 4.5rem !important;
				line-height: 4.5rem !important;
			}
			.popup-desc p:nth-child(4) {
				font-size: 1.4rem !important;
				line-height: 0rem !important;
			}
			.popup-desc p:nth-child(5) {
				font-size: 1.4rem !important;
				line-height: 2rem !important;
			}
			.popup-code {
				right: -8rem !important;
				bottom: 1.5rem !important;
				font-size: 1.4rem !important;
			}
			.promotion_code { 
				top: -50px !important;
				font-size: 1.9rem !important;
				left: 9rem !important;
				letter-spacing: -1px;
			}
			.popup-close-btn svg {
				width: 30px !important;
				height: 30px !important;
			}
			#encart-promo {
				top: 3rem !important;
			}
			.elementor-3175 .elementor-element.elementor-element-13e8e92 {
				margin-top: 30px !important;
			}
			#encart-promo .elementor-widget-container .elementor-image a img {
				width: 350px !important;
				height: auto !important;
				object-fit: cover;
			}
		}
		@media screen and (max-width: 365px) {
			#encart-promo .elementor-widget-container .elementor-image a img {
				width: 300px !important;
				height: auto !important;
				object-fit: cover;
			}
			.promotion_code { 
				top: -48px !important;
				font-size: 1.9rem !important;
				left: 9.7rem !important;
			}
		}
		.elementor-element-5413efc {
			top: 0rem !important;
		}
		.elementor-3175 .elementor-element.elementor-element-13e8e92 {
			margin-top: -48px !important;
		}
		#encart-promo .elementor-widget-container .elementor-image a img {
			width: 450px;
			height: auto !important;
			object-fit: cover;
		}
		#encart-promo {
			top: -9rem;
			z-index: 99 !important;
		}
        .custom-popup {
            display: block;
            position: fixed;
            top: 50%;
            left: 50%;
			width: 637.875px;
			height: 679.2px;
            transform: translate(-50%, -50%);
            background-color: white;
            padding: 20px;
            color: black;
            z-index: 900;
			background-image: url('https://www.martinezenergies.fr/wp-content/uploads/sites/2/2023/10/Martinez-sun-chauffage2.jpg');
			background-size: cover;
			font-family: 'Poppins', sans-serif;
        }
		.popup-code {
			z-index: 999;
		}
		 .custom-popup a:hover .popup-content .popup-desc,
		.custom-popup a:hover .popup-content .popup-code {
			color: black !important;
		}
		.custom-popup a .popup-content .popup-desc,
		.custom-popup a .popup-content .popup-code {
			color: black !important;
		}
		.btn-close {
			border-radius: 2rem;
			height: 2rem;
			width: 2rem;
		}
		
        .popup-content {
            display: flex;
        }
		.popup-desc {
			position: absolute;
			bottom: 0;
		    width: 64%;
			margin-bottom: 5rem;
		}
		.popup-desc > p {
		    margin-bottom: 1rem;			
		}
		.popup-desc p:first-child {
			text-transform: uppercase;	
			position: relative;
			color: #444342;
			letter-spacing: 2px;
		}
		.popup-desc p:nth-child(2) {
			font-weight: bolder;
			text-transform: uppercase;
			font-size: 8rem;
			line-height: 6rem;
		}
		.popup-desc p:nth-child(3) {
			font-weight: 800;
			text-transform: uppercase;
			font-size: 7.5rem;
			line-height: 6rem;
			color: #eb5a00;
		}
		.popup-desc p:nth-child(4) {
			font-weight: 800;
			text-transform: uppercase;
			font-size: 2.5rem;
			line-height: 2rem;
			color: #eb5a00;
		}
		.popup-desc p:nth-child(5) {
			font-size: 2.5rem;
			line-height: 4rem;
			color: #444342;
		}
		.popup-code {
		    position: absolute;	
			text-align: center;
			right: -15.8rem;
            transform: translateX(-50%);
			bottom: 6.5rem;
			width: 40%;
			font-size: 2rem;
			text-transform: uppercase;
			font-weight: bolder;
		}
		.popup-close-btn {
            position: absolute;
			z-index: 999;
            top: 10px;
            right: 10px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background-color: #ffffff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .popup-close-btn svg {
            width: 40px;
            height: 40px;
            fill: none;
            stroke: #333333;
        }
        .popup-close-btn svg:hover {
            fill: black;
            stroke: #fff;
        }
		.promotion_code {
			font-size: 2.3rem;
			color: black;
			position: relative;
			top: -7.6rem;
			left: 13.6rem;
			font-weight: 800;
		}