/*
 Theme Name:   Solution Digitale Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Solution Digitale Child
 Author:       Xavier Gerber
 Author URI:   http://example.com
 Template:     SolutionDigitale
 Version:      3.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteenchild
*/
.element_header .builder_menu{
                                    top:auto!important;
                                    bottom:0!important;
                                }
.ck-content{
	height:50vh!important
}
:root{
	--color1:#808080;
}

.dropdown-item {
	color:black!important
}

body{
	background-color:black!important;
}

.element_column_9_18_item h4{
	color : white!important;
}

/*////////////////////////////////////////////////////////////////*/
/*Cet effet est utilisé dans le colonne image, c'est l'effet appliqué aux autres colonnes lorsque l'on passe hover sur un élément*/
/*ELEMENT COLUMN ACTIVE ET INACTIVE*/
.element_col_active{
	transform:scale(1.0);
	transition:1s
}
.element_col_inactive{
	transition:1s
	filter:grayscale(1);
	
}

.col_active_xav{
	transition:1s
	transform:scale(1.1);
	box-shadow: 0px 0px 15px 5px #000000;
}
.col_inactive_xav{
	transition:1s
	transform:scale(0.5)
}



/*/////////////////////////////////////////////////////////////////////////////////*/
/*MENU CHAGEMENT DE LANGUE MASQUE*/
#container_switch_langue{
  display:none!important;
}

.element_bloc_politique_confidentialite_3_1 h4,
.element_bloc_politique_confidentialite_3_1 p{
	color:white!important;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/* Il est possible d'ajouter des style de bouton dans la configuration du thème en front*/
/* TYPES DE BOUTONS */
.sd-button-header p,
.sd-button-header a,
input[type=submit]{
	color:#00AE80!important;
	text-decoration:none;
}
.sd-button-header,
input[type=submit]{
	/*text-transform:uppercase;*/
	cursor:default;
	transition:0.3s;
	padding: 10px 20px;
	border:solid 1px #00AE80;
	background-color:transparent;
}

.sd-button-header:hover p,
.sd-button-header:hover a,
input[type=submit]:hover
{
	color:white!important;
}

.sd-button-header:hover,
input[type=submit]:hover{
	padding: 10px 20px;;
	border:solid 1px transparent;
	background-color:#00AE80;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*STYLE DES FORMULAIRE*/

form input[type=text],
form input[type=email],
form label,
form input,
form textarea{
    width:100%!important;
}
form input[type=text],
form input[type=email],
form textarea{
    width:100%!important;
	border:solid 1px lightgray
}
form input[type=submit]{
	display:inline-block!important
}
form label input,
form label textarea{
	margin-top:15px!important;
	margin-bottom:25px!important;
}
form *{
	font-size:14px!important
}
input[type=text],input[type=email],input[type=password],textarea, select, input[list] {
	width: 100%;
	padding: 12px 20px;
	margin-bottom:20px!important;
	display: inline-block;
	border: 1px solid LightGray;
	border-radius: 4px;
	box-sizing: border-box;
}

.element_shortcode_23_3 h4,
.element_shortcode_23_3 p{
	color: white!important;
}

#main .sd-button-3 p,
#main .sd-button-2 p,
#main .sd-button-1 p{
	font-size:15px!important
}

#menu-main .menu-item .active{
  font-weight: 500!important;
}

.element_header h2,
.element_header h1 {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

.element_shortcode_23_3 p {
	color:white !important;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*FOOTER*/
footer .sd_social_footer i{
  color:white!important;
  transition:0.3s;
  padding-top:6px;
  background-color:rgb(104, 104, 104);
  border-radius:20px;
  width:30px;
  height:30px;
  text-align:center;
  margin-right:5px;
}

footer .sd_social_footer i:hover{
  transform:scale(1.3);
}

footer > div.pt-5 {
    padding-top: 2rem!important;
    padding-bottom: 2rem;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*IMAGES*/

.element_column_9_15 img{
  width: 300px!important;
  height: 450px!important;
  object-fit: cover;
}

.element_image_text_full_54_4 img{
    position: relative;
    aspect-ratio: 3/4 !important;
    object-fit: cover;
    width: 100%;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*Z-INDEX*/

.element_header_36_11 {
  position: relative;
  z-index: 1!important;
}

.element_column_36_2,
.element_column_36_3 {
  position: relative;
  z-index: 2!important;
}


/*/////////////////////////////////////////////////////////////////////////////////*/
/*ICONS*/
.element_column_42_8 img,
.element_column_42_6 img,
.element_column_42_5 img,
.element_column_36_2 img,
.element_column_36_3 img {
  filter: brightness(1.2);
}

.element_column_48_4 img{
	display:none!important;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*BACKGROUND*/
.element_column_9_15 {
  position: relative;
  background-image: url("https://visu.solution-digitale.ch/signer-toiture-ch/wp-content/uploads/2023/08/Signer-Toiture-Accueil-Background.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
}


	.element_column_9_15_container::before {
	  content: "";
	  position: absolute;
	  top: 100px;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0, 0, 0, 0.8);
	}



	.element_column_9_15_container{
		margin-top:-100px!important
	}
	.element_column_9_15 {
 		background-position: center top 100px !important;
	}



/*/////////////////////////////////////////////////////////////////////////////////*/
/*FONT*/

.element_column_9_18 h4,
.element_column_9_17 h4 {
	Font-size:35px!important
}

/*/////////////Bouton 1 & 3 white/////////////*/
.sd-button-3:before,
.sd-button-1:before{
	content : " ";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 30px;
	width   : 1px;  /* or 100px */
	background:white;
}

.sd-button-3:after,
.sd-button-1:after{
	content : " ";
	position: absolute;
	right    : 0;
	top  : 0;
	height  : 30px;
	width   : 1px;  /* or 100px */
	background:white;
}

.sd-button-3:hover:before,
.sd-button-1:hover:before{
	content : " ";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 30px;
	width   : 1px;  /* or 100px */
	background:transparent;
}

.sd-button-3:hover:after,
.sd-button-1:hover:after{
	content : " ";
	position: absolute;
	right    : 0;
	top  : 0;
	height  : 30px;
	width   : 1px;  /* or 100px */
	background:transparent;
}


.sd-button-1 .bt_border,
.sd-button-2 .bt_border,
.sd-button-3 .bt_border{
	pointer-events:none!important
}
/*deuxieme set de borders*/
.sd-button-3 .bt_border:before,
.sd-button-1 .bt_border:before{
	content : " ";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 1px;
	width   : 30px;  /* or 100px */
	background:white;
}
.sd-button-3 .bt_border:after,
.sd-button-1 .bt_border:after{
	content : " ";
	position: absolute;
	right    : 0;
	top  : 0;
	height  : 1px;
	width   : 30px;  /* or 100px */
	background:white;
}

.sd-button-1:hover .bt_border:before,
.sd-button-3:hover .bt_border:before{
	content : " ";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 1px;
	width   : 30px;  /* or 100px */
	background:transparent;
}

.sd-button-3:hover .bt_border:after,
.sd-button-1:hover .bt_border:after{
	content : " ";
	position: absolute;
	right    : 0;
	top  : 0;
	height  : 1px;
	width   : 30px;  /* or 100px */
	background:transparent;
}


/*/////////////Bouton 2 green/////////////*/
.sd-button-2:before{
	content : " ";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 30px;
	width   : 1px;  /* or 100px */
	background:#00AE80;;
}

.sd-button-2:after{
	content : " ";
	position: absolute;
	right    : 0;
	top  : 0;
	height  : 30px;
	width   : 1px;  /* or 100px */
	background:#00AE80;
}

.sd-button-2:hover:before{
	content : " ";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 30px;
	width   : 1px;  /* or 100px */
	background:transparent;
}

.sd-button-2:hover:after{
	content : " ";
	position: absolute;
	right    : 0;
	top  : 0;
	height  : 30px;
	width   : 1px;  /* or 100px */
	background:transparent;
}

/*deuxieme set de borders*/
.sd-button-2 .bt_border:before{
	content : " ";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 1px;
	width   : 30px;  /* or 100px */
	background:#00AE80;
}

.sd-button-2 .bt_border:after{
	content : " ";
	position: absolute;
	right    : 0;
	top  : 0;
	height  : 1px;
	width   : 30px;  /* or 100px */
	background:#00AE80;
}

.sd-button-2 .bt_border:hover:before{
	content : " ";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 1px;
	width   : 30px;  /* or 100px */
	background:transparent;
}

.sd-button-2 .bt_border:hover:after{
	content : " ";
	position: absolute;
	right    : 0;
	top  : 0;
	height  : 1px;
	width   : 30px;  /* or 100px */
	background:transparent;
}
#main .element_image_text_full_9_16.element_image_text_full.container-fluid > div > div.row.text-start > div.element_image_text_full_9_16_text.p-0.p-lg-2.order-2.order-lg-1.sd_col_2.col-lg-6.d-flex.align-items-center.justify-content-start > div > div:nth-child(1){
  padding: 30px; 
  border-top: 3px solid #00AE80;
  border-left: 3px solid #00AE80;
  border-right: none;
  border-bottom: none;
}

#main > div.element_image_text_full_54_4.element_image_text_full.container-fluid > div > div > div.element_image_text_full_54_4_text.p-0.p-lg-2.order-2.order-lg-2.sd_col_2.col-lg-6.d-flex.align-items-center.justify-content-start,
#main > div.element_image_text_full_36_4.element_image_text_full.container-fluid > div > div > div.element_image_text_full_36_4_text.p-0.p-lg-2.order-2.order-lg-2.sd_col_2.col-lg-6.d-flex.align-items-center.justify-content-start > div,
#main > div.element_image_text_full_42_2.element_image_text_full.container-fluid > div > div > div.element_image_text_full_42_2_text.p-0.p-lg-2.order-2.order-lg-2.sd_col_2.col-lg-6.d-flex.align-items-center.justify-content-start,
#main > div.element_image_text_full_39_2.element_image_text_full.container-fluid > div > div > div.element_image_text_full_39_2_text.p-0.p-lg-2.order-2.order-lg-2.sd_col_2.col-lg-6.d-flex.align-items-center.justify-content-start,
#main > div.element_image_text_full_48_2.element_image_text_full.container-fluid > div > div > div.element_image_text_full_48_2_text.p-0.p-lg-2.order-2.order-lg-2.sd_col_2.col-lg-6.d-flex.align-items-center.justify-content-start > div{
	padding: 30px!important;
  	border-top: 3px solid #00AE80;
  	border-left: none;
  	border-right: 3px solid #00AE80;
  	border-bottom: none;
}

.element_image_text_full_54_4_img .sd_image,
.element_image_text_full_36_4_img .sd_image,
.element_image_text_full_42_2_img  .sd_image,
.element_image_text_full_39_2_img .sd_image,
.element_image_text_full_48_2_img .sd_image{
	padding-right : 60px!important;
}

#main a {
	color:inherit;
	font-weight:500;
}


.element_column_9_18_item h4 span{
	color : white!important;
}



/*#main nav .menu-item a:hover{
	transform:scale(1.09)
}*/

#main nav .menu-item a{
font-size: 22px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  display: block;
  position: relative;
  padding: 10px 10px;
}

#main nav .menu-item a::before{
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  transition: 0.5s transform ease;
  transform: scale3d(0,1,1);
  transform-origin: 0 50%;
}

#main nav .menu-item a:hover::before{
	transform: scale3d(1,1,1);
}

#main nav .menu-item a::before{
  background: #00D699;
  transform-origin: 100% 50%;
}

#main nav .menu-item a:hover::before{
  transform-origin: 0 50%;
}