/*
 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
*/


/*#home_nav{
 background: linear-gradient(90deg, rgba(94,179,53,1) 22%, rgba(5,92,0,1) 68%)!important;

}*/
.sticky-top{z-index:65!important}
#main > div.element_image_text_full_9_5,
#main > div.element_column_286_13.element_column,
#main > div.element_image_text_full_289_20,
#main > div.element_shortcode_23_6{
	background-image: url('https://cdn.solution-digitale.ch/wp-content/uploads/2025/02/fonda.png');
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: auto;
}


.php-error #adminmenuback, .php-error #adminmenuwrap {
    margin-top: 0!important;
}
/**********************************************************************************************************/
/*	EXEMPLE DE VARIABLES GLOBALES	*/
:root{
	--text-color-1:#545454!important;
	--text-color-2:#353535!important;
	--text-color-white:white!important;
	--text-color-black:black!important;
	--sd1:#5e9e3f;
	--sd2:#5e9e3f;
	--sd3:#FBF5E6;
	--sd4:#B5977D;
	--sd5:#6C4D45;
	--sd6:#BD1A11;
}
/**********************************************************************************************************/

/*body {
	background:var(--sd3) !important;
}*/

h1, h3, h4, a.nav-link {
	text-transform:uppercase;
	letter-spacing:2px;
}

h4 {
    border-bottom: solid 2px lightgray;
    padding-bottom: 15px;
}

.element_column_295_4 h4 {
	border-bottom: solid 0px lightgray !important;
    padding-bottom: 0px !important;
}

#ecwid-store-111135026 > div > div > div > div > div > div:nth-child(2) > div > div.ec-store.ec-store__product-page.ec-store__product-page--715965670.ec-store__product-page--c0.ec-store__product-page--c175759505 > div > div:nth-child(1) > div.product-details.product-details--layout-sidebar-right.product-details--description-side > div.product-details__sidebar > div.product-details__product-options.details-product-options > div > div.product-details-module__content > div.form-control.form-control--radio.form-control--flexible.details-product-option--50-cl > div.form-control__inline-label > label > span {
	display:none!important;
}

#main footer li a {
	text-transform:none!important;
}

#main footer .menu-item {
	padding-bottom:0px!important;
}


/**********************************************************************************************************/
/*	EXEMPLE DE VARIABLES GLOBALES UTILISATION POUR LE TABLEAU SUR LA HOME PAGE	*/
tr:nth-child(1) td:nth-child(2) { background-color: var(--sd-theme-color-1); }
tr:nth-child(2) td:nth-child(2) { background-color: var(--sd-theme-color-2); }
tr:nth-child(3) td:nth-child(2) { background-color: var(--sd-theme-color-3); }
tr:nth-child(4) td:nth-child(2) { background-color: var(--sd-theme-color-4); }
/**********************************************************************************************************/


/**********************************************************************************************************/
/*	CONFIGURATION DES TABLES	*/
.table table{
	width:100%;
}
.table thead{
	border:solid 1px gray
}
.table thead th{
	background:darkgray;
	color:white!important
}
.table thead th,
.table td{
	border-left: solid 1px gray;
	border-right:solid 1px gray
}
tr td, tr th {
    padding: 10px; /* Ajustez la valeur du padding selon vos besoins */
}
/**********************************************************************************************************/

.menu-fixed-scroll{
	position: fixed!important;;
	width: 100%!important;
}

.dropdown-item {
	color:black!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;
}*/



/*/////////////////////////////////////////////////////////////////////////////////*/
/* Il est possible d'ajouter des style de bouton dans la configuration du thème en front*/
/* TYPES DE BOUTONS */
/* Attention à bien cibler les boutons, pour éviter les soucis avec la boutique merci! */
.sd-button-header p,
.sd-button-header a,
:is(.page_23,.sd_edit_menu_top_container) input[type=submit],
:is(.page_23,.sd_edit_menu_top_container) input[type=submit]:focus,
#sd_login_form_bt{
	color:white;
	text-decoration:none;
}
.sd-button-header,
:is(.page_23,.sd_edit_menu_top_container) input[type=submit],
:is(.page_23,.sd_edit_menu_top_container) input[type=submit]:focus,
#sd_login_form_bt{
	/*text-transform:uppercase;*/
	cursor:default;
	transition:0.3s;
	padding: 5px 20px 5px 20px;
	border:solid 1px var(--sd2);
	background-color:var(--sd2);
}

.sd-button-header:hover p,
.sd-button-header:hover a,
:is(.page_23,.sd_edit_menu_top_container) input[type=submit]:hover,
#sd_login_form_bt:hover{
	color:var(--sd2)!important;
}

.sd-button-header:hover,
:is(.page_23,.sd_edit_menu_top_container) input[type=submit]:hover,
#sd_login_form_bt:hover{
	padding: 5px 20px 5px 20px;
	border:solid 1px var(--sd2);
	background-color:white;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*STYLE DES FORMULAIRE de base*/

:is(.page_23,.sd_edit_menu_top_container) form input[type=text],
:is(.page_23,.sd_edit_menu_top_container) form input[type=email],
:is(.page_23,.sd_edit_menu_top_container) form input[type=tel],
:is(.page_23,.sd_edit_menu_top_container) form label,
:is(.page_23,.sd_edit_menu_top_container) form input,
:is(.page_23,.sd_edit_menu_top_container) form textarea,
#sd_login_form_email,
#sd_login_form_pwd {
    width: 100% !important;
}

form input[type=text],
form input[type=email],
form input[type=tel],
form textarea {
    width: 100% !important;
    border: solid 1px orange
}

:is(.page_23,.sd_edit_menu_top_container) form input[type=submit],
#sd_login_form_bt {
    display: inline-block !important
}

:is(.page_23,.sd_edit_menu_top_container) form label input,
:is(.page_23,.sd_edit_menu_top_container) form label textarea {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
}

form * {
    font-size: 14px !important
}

:is(.page_23,.sd_edit_menu_top_container) input[type=text],
:is(.page_23,.sd_edit_menu_top_container) input[type=email],
:is(.page_23,.sd_edit_menu_top_container) input[type=tel],
:is(.page_23,.sd_edit_menu_top_container) input[type=password],
:is(.page_23,.sd_edit_menu_top_container) textarea,
:is(.page_23,.sd_edit_menu_top_container) select,
:is(.page_23,.sd_edit_menu_top_container) input[list],
#sd_login_form_email,
#sd_login_form_pwd {
    width: 100%;
    padding: 12px 20px;
    margin-bottom: 20px !important;
    display: inline-block;
    border: 1px solid LightGray;
    border-radius: 4px;
    box-sizing: border-box;
}
/*STYLE DES FORMULAIRE pour le site*/

.page_23 form input[type=text],
.page_23 form input[type=email],
.page_23 form input[type=tel],
.page_23 form label,
.page_23 form input,
.page_23 form textarea{
    width:100%!important;
}

.page_23 form input[type=text],
.page_23 form input[type=email],
.page_23 form input[type=tel],
.page_23 form textarea{
    width:100%!important;
	border-bottom:solid 2px LightGray
}
.page_23 form input[type=submit]{
	display:inline-block!important
}
.page_23 form label input,
.page_23 form label textarea{
	margin-top:15px!important;
	margin-bottom:25px!important;
}
.page_23 form *{
	font-size:14px!important
}
.page_23 input[type=text], .page_23 input[type=email], .page_23 input[type=tel], .page_23 input[type=password], .page_23 textarea, .page_23 select, .page_23 input[list] {
	width: 100%;
	padding: 12px 20px;
	margin-bottom:20px!important;
	display: inline-block;
	border: 0px solid LightGray;
	/*border-radius: 4px;*/
	box-sizing: border-box;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*SOCIAL*/
.sd_social i{
  color:white!important;
  transition:0.3s;
  padding-top:12px;
  background-color:rgb(104, 104, 104);
  border-radius:25px;
  width:50px;
  height:50px;
  text-align:center;
  margin-right:5px;
  font-size:25px;
}

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

/*/////////////////////////////////////////////////////////////////////////////////*/
/*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);
}
@media screen and (min-width: 991px) {
    #menu-main {
		gap: 15px
	}
}
/*

Breadcrumb
 */

 #breadcrumbs{
	 list-style:none;
	 margin:10px 0;
	 overflow:hidden;
 }

#breadcrumbs li{
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
}

#breadcrumbs .separator{
	font-size:18px;
	font-weight:100;
	color:#ccc;
}

html.wp-toolbar{
	padding-top:25px!important;
}

.adminmenuwrap{
	margin-top: 0!important;
}

/* Header & Footer */
@media screen and (max-width: 992px) {
	.nav-item{display:grid!important}
	footer > div > div > div > div >.navbar-nav > .nav-item{display:unset!important}

}
.nav-item{display:flex!important}
footer > div > div > div > div >.navbar-nav > .nav-item{display:unset!important}
ul.dropdown-menu{top:40px!important}


/* Ajout d'une marge en dessus des options admin si menu sticky top */
#main > div > div.builder_menu.d-flex {
	z-index: 99999!important;
}

.sdg_popup_template{
	z-index: 999999!important;
}

.element_column_286_13_item .sd_content .sd_text_container,
#sortableelement_column_286_13 .d-flex.sd_content.p-md-4.pb-5,
#sortableelement_column_286_11 .d-flex.sd_content.p-md-4.pb-5,
.element_column_286_12_item .sd_content .sd_text_container,
#sortableelement_column_286_12 .d-flex.sd_content.p-md-4.pb-5,
.element_column_286_10_item .sd_content .sd_text_container,
#sortableelement_column_286_10 .d-flex.sd_content.p-md-4.pb-5,
.element_column_286_9_item .sd_content .sd_text_container,
#sortableelement_column_286_9 .d-flex.sd_content.p-md-4.pb-5,
.element_column_289_3_item .sd_content .sd_text_container,
#sortableelement_column_289_3 .d-flex.sd_content.p-md-4.pb-5,
.element_column_289_4_item .sd_content .sd_text_container,
#sortableelement_column_289_4 .d-flex.sd_content.p-md-4.pb-5,
.element_column_289_8_item .sd_content .sd_text_container,
#sortableelement_column_289_8 .d-flex.sd_content.p-md-4.pb-5,
.element_column_289_7_item .sd_content .sd_text_container,
#sortableelement_column_289_7 .d-flex.sd_content.p-md-4.pb-5,
.element_column_292_3_item .sd_content .sd_text_container,
#sortableelement_column_292_3 .d-flex.sd_content.p-md-4.pb-5,
.element_column_292_4_item .sd_content .sd_text_container,
#sortableelement_column_292_4 .d-flex.sd_content.p-md-4.pb-5,
.element_column_292_9_item .sd_content .sd_text_container,
#sortableelement_column_292_9 .d-flex.sd_content.p-md-4.pb-5,
.element_column_295_8_item .sd_content .sd_text_container,
#sortableelement_column_295_8 .d-flex.sd_content.p-md-4.pb-5,
.element_column_23_7_item .sd_content .sd_text_container,
#sortableelement_column_23_7 .d-flex.sd_content.p-md-4.pb-5{
	padding-left:0px !important;
	padding-right:0px !important;
}

#sortableelement_column_292_9 > div:nth-child(2) > div.d-flex.sd_content.p-md-4.pb-5 > div.sd_button.aos-init.aos-animate {
	display:none !important;
}

/*Colonnes 30/70*/
	#sortableelement_column_292_9 > div:nth-child(1),
	#sortableelement_column_292_4 > div:nth-child(1),
	#sortableelement_column_289_4 > div:nth-child(1),
	#sortableelement_column_289_7 > div:nth-child(1),
	#sortableelement_column_286_10 > div:nth-child(1),
	#sortableelement_column_295_4 > div:nth-child(1),
	#sortableelement_column_286_10 > div:nth-child(3),
	#sortableelement_column_286_10 > div:nth-child(5),
	#sortableelement_column_286_10 > div:nth-child(7){
		width:30% !important;
	}

	#sortableelement_column_292_9 > div:nth-child(2),
	#sortableelement_column_292_4 > div:nth-child(2),
	#sortableelement_column_289_4 > div:nth-child(2),
	#sortableelement_column_289_7 > div:nth-child(2),
	#sortableelement_column_286_10 > div:nth-child(2),
	#sortableelement_column_295_4 > div:nth-child(2),
	#sortableelement_column_286_10 > div:nth-child(4),
	#sortableelement_column_286_10 > div:nth-child(6),
	#sortableelement_column_286_10 > div:nth-child(8){
		width:70% !important;
	}

#sortableelement_column_9_6 > div,
#sortableelement_column_9_6 > div > div{
	padding:0px !important;
}

#sortableelement_column_9_6 .sd_text h4 {
	padding:15px;
	border:1px solid white;
}

#sortableelement_column_9_6 > div > div.d-flex.sd_content.p-md-4.pb-5 > img:hover {
	filter:grayscale(1)
}

.element_column_292_3,
.element_column_289_3,
.element_column_286_9{
	z-index:10;
}

#ecwid_body .option-surcharge {
	display:none !important;
}


#sortableelement_column_9_6 > div > div.d-flex.sd_content.p-md-4.pb-5 > div.sd_image.aos-init.aos-animate > span > div{
	    filter: brightness(0.7) grayscale(1);
}

#sortableelement_column_9_6 > div > div.d-flex.sd_content.p-md-4.pb-5 > div.sd_image.aos-init.aos-animate> span > div:hover {
    filter: none; /* Retirer le filtre (grayscale et brightness) au hover */
}

#ecwid-store-111135026 > div > div > div > div > div > div:nth-child(2) > div > div.ec-store.ec-store__product-page.ec-store__product-page--715967095.ec-store__product-page--c0.ec-store__product-page--c175759505 > div > div:nth-child(1) > div.product-details.product-details--layout-sidebar-right.product-details--description-side > div.product-details__gallery.details-gallery{
	width:45%!important;
}

#ecwid-store-111135026 > div > div > div > div > div > div:nth-child(2) > div > div.ec-store.ec-store__product-page.ec-store__product-page--715967095.ec-store__product-page--c0.ec-store__product-page--c175759505 > div > div:nth-child(1) > div.product-details.product-details--layout-sidebar-right.product-details--description-side > div.product-details__sidebar{
	width:55%!important;
}

#ecwid-store-111135026 > div > div > div > div > div > div:nth-child(2) > div > div.ec-store.ec-store__product-page.ec-store__product-page--715967095.ec-store__product-page--c0.ec-store__product-page--c175759505 > div > div.ec-footer{
	color:#848485!important;
}