/*
 Theme Name:     M Agence Theme
 Theme URI:      https://magenceweb.fr
 Description:    Custom Theme
 Author:         M Agence Web
 Author URI:     https://magenceweb.fr
 Template:       Divi
 Version:        4.6.0
*/
/* Custom Boutton retour en haut*/
.et_pb_scroll_top.et-pb-icon {
  color: #F4F4F0;
  border: 3px solid #424242;
  border-radius: 6px;
  background-color: #dc5d37;
	box-shadow: 4px 4px 0px 0px #424242;
	font-weight: 900;
  bottom: 85px!important;
  right: 20px;
	transition: all 0.3s;
}
.et_pb_scroll_top.et-pb-icon:hover {
  transform: scale(1.1)!important;
	background-color: #307bdf;
	transition: all 0.3s;
}


/* Hide footer */
#main-footer {
    height: 0 !important;
    overflow: hidden;
}

/* Background opacity 40% */
.bg-opacite-brique::before {
    background-image: url("https://www.brickly-france.com/wp-content/uploads/2025/12/BRICKLY_fond_brique.svg");
	opacity : 0.2!important;
}

.bg-opacite-point::before {
  background-image: url("https://www.brickly-france.com/wp-content/uploads/2025/12/BRICKLY_fond_pointilles.svg");
}

.bg-opacite-quadrillage::before {
  background-image: url("https://www.brickly-france.com/wp-content/uploads/2025/12/BRICKLY_fond_quadrillage.svg");
	background-repeat: repeat;
	background-size: 90%!important;
}

.bg-opacite::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.4;
}
/* Encadré avec ombre - option couleur de fond et hover */
.encadre_ombre {
	padding: 4vh 2vh 2vh 2vh!important;
	margin-top: -70px;
	border-radius: 6px;
	border: solid 3pt #424242;
	box-shadow : 4px 4px #424242;
}

.encadre_ombre-bleu:hover {
	background-color: #307BDF;
}
.encadre_ombre-bleu{
	background-color: #F4F4F0;
	min-height: 121px;
}
.encadre_ombre-rouge:hover {
	background-color: #DC5D37;
}
.encadre_ombre-rouge{
	background-color: white;
	min-height: 140px;
}
@media screen and (max-width: 400px) {
	.encadre_ombre {
		padding-top: 6vh!important;
	}
}