html {
/*bad practice in case user increases browser default font-size: transform then to %*/
/*font-size: 10px;*/
	font-size: 82%;/*75%*/
/*100%/16px*10px=62.5%*/
}

@media only screen and (max-width: 75em) {
	html {
		font-size: 77%/*70%*/;
	}
}

@media only screen and (max-width: 56.25em) {
	html {
		font-size: 75%/*69%*/;
	}
}

@media only screen and (max-width: 37.5em) {
	html {
		font-size: 71%;/*67%*/
	}
}

@media only screen and (min-width: 112.5em) {
	html {
		font-size: 79%;/*77%*/
	}
}
/*Utilities*/
.u-margin-bottom-2rem{margin-bottom: 2rem !important;}

@media only screen and (min-width: 400px) and (max-width: 800px) {
div.sf-cover-services{
	max-width: 41% !important;
	}
}
/*modal menu*/
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    align-items: center !important;
    padding-top: 25% !important;
		line-height: 2.75rem;
}

div#modal-14-content{
	align-items: center;
}
div#modal-14-content ul li{
	font-size: 1.05rem;
	align-self: center;
}

/*pour pages blocs béton, coque polystyrene, amenagements et technique*/

.wp-container-40.wp-container-40 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-46.wp-container-46 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
	max-width: 43vw !important;
}

@media only screen and (min-width: 200px) and (max-width: 425px) {
	.wp-container-40.wp-container-40 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-46.wp-container-46 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 94vw !important;
	}
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
	.wp-container-40.wp-container-40 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-46.wp-container-46 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 90vw !important;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1250px)  {
	.wp-container-40.wp-container-40 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-46.wp-container-46 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 73vw !important;
	}
}

@media only screen and (min-width: 1251px) and (max-width: 1440px)  {
	.wp-container-40.wp-container-40 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-46.wp-container-46 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 54vw !important;
	}
}
 
/*Listes dans Details macro*/
ul.list-details li{margin-bottom: 0.85rem !important;}

/*pour votre reve en piscine degrade texte*/
h1.titre-dgd-1{background-image: linear-gradient(to left, rgba(200,240,240, 0.9), rgba(245,240,255,0.55)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
		line-height: unset !important;
}

/*pour galerie largeur*/
@media only screen and (max-width: 425px) {
	.tiled-gallery__gallery {
			width: 88% !important;
			margin-left: auto !important;
			margin-right: auto !important;
	}
}

@media only screen and (min-width: 425px) and (max-width: 1200px)  {
	.tiled-gallery__gallery {
			width: 85% !important;
			margin-left: auto !important;
			margin-right: auto !important;
	}
}

/*probleme avec footer sur page desciption*/
@media only screen and (min-width: 426px) and (max-width: 776px)  {
.sf-footer {
	max-width: 100% !important;
	}
}


@media only screen and (min-width: 300px) and (max-width: 375px)  {
.wp-container-50 {
	width: 26rem !important;
	}
}

/*pour cover services*/
@media only screen and (min-width: 376px) and (max-width: 425px)  {
.wp-container-50 {
	width: 31rem !important;
	}
}

/*pour cover services*/
@media only screen and (min-width: 426px) and (max-width: 781px)  {
.wp-container-50 {
	width: 100% !important;
	justify-content: center;
	}
--
}




/*pour button contact dans bannière top*/
@media only screen and (max-width: 781px) {
	.wp-container-20{
		margin-top: 3.5rem !important;
	}
}

/*pour compare images colonnes*/
@media only screen and (max-width: 425px) {
	.wp-container-58, .wp-container-61 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}
}

@media only screen and (min-width: 425px) and (max-width: 1200px)  {
	.wp-container-58, .wp-container-61 {
		padding-right: 6.5rem !important;
		padding-left: 6.5rem !important;
	}
}


/*for the header copy copy gaps between blocks et search block*/
.wp-block-search__button-inside{
		margin-top: -1.85rem !important;
	}
@media only screen and (max-width: 580px) {
	.wp-container-8.wp-container-8 {
    gap: 0 !important;
	}
	.wp-block-search__button-inside{
		margin-top: -2.5rem !important;
	}
}

/*for the header copy copy logo img*/
.wp-block-site-logo img {
		height: 15rem !important;
		width: auto !important;
	}

@media only screen and (max-width: 538px) {
	.wp-block-site-logo img {
		height: 10rem !important;
		width: auto !important;
	}
}




.with-photo-background{
	background-image: linear-gradient(to left bottom, rgba(142, 209, 252, 1), rgba(6, 147, 227, .45)), url('https://sf-construct-piscines.be/wp-content/uploads/2023/08/SF-Construct-Piscines-banniere-02.jpg') !important;
	background-size: cover !important;
	background-position: top !important;
}

.witness-background {
	background-image: linear-gradient(to right bottom, rgba(142, 209, 252, .7), rgba(6, 147, 227, .59)), url('https://sf-construct-piscines.be/wp-content/uploads/2023/08/SF-Construct-Piscines-banniere-02.jpg') !important;
	background-size: cover !important;
	background-position: top !important;
}
.no-img-bgd {
	background-color: white !important;
}

/*menu burger*/
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    height: 4rem!important;
    width: 4rem !important;
}

/*jetpack countdowwn*/
.wp-block-jetpack-event-countdown{
	height: 12rem !important;
}

.wp-block-jetpack-event-countdown .event-countdown__event-title p {
  font-size: 2.15rem;
	font-weight: bolder;
	color: #0693E3;
	padding-top: 0.95rem;
}
.event-countdown__fireworks{
	display:none;
}

.wp-block-jetpack-event-countdown .event-countdown__counter-stopped+.event-countdown__event-title{
	top: 4.25rem;
}

@media only screen and (max-width: 390px) {
	.wp-block-jetpack-event-countdown{
	height: 17rem !important;
	}
}

/*border-radius extra overall class*/
.border-radius-extra--40rem{
	border-radius: 0.40rem !important;
}
.border-radius-extra--65rem{
	border-radius: 0.65rem !important;
}
.border-radius-extra-1rem{
	border-radius: 1rem !important;
}

/*pour ce que les gens disent*/
.wp-container-72{
	margin: -4.75rem 0 -6rem 0 !important;
}
.wp-container-71{
	margin: -8rem 0 0 0 !important;
} 
.wp-container-75{
	margin: -10rem 0 -6rem 0 !important;
}
.wp-container-74{
	margin: -4rem 0 0 0 !important;
}

@media only screen and (min-width: 782px) {
		.wp-container-72{
		margin: unset !important;
	}
	.wp-container-71{
		margin: unset !important;
	} 
	.wp-container-75{
		margin: unset !important;
	}
	.wp-container-74{
		margin: unset !important;
	}
}

/*sharedaddy Partager buttons*/
.sharedaddy{padding-left: 1.2rem;}