/*
 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
*/
.sticky-top{
	z-index:65!important
}
.product-details__product-price-taxes, .details-product-purchase__controls { display: none; }

/**********************************************************************************************************/

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

footer p strong{
	color:white!important;
}

p strong{
	color:black;
}


.element_column_9_11 h5, .element_header h1, .element_header h2, .element_header h5{
	 text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}


h1, h3, h5{
    text-transform: uppercase;
}


.php-error #adminmenuback, .php-error #adminmenuwrap {
    margin-top: 0!important;
}

#menu-item-468{
    border-radius: 40px;
    padding: 0px 10px;
}



/**********************************************************************************************************/
/*EXEMPLE DE VARIABLES GLOBALES*/
:root{
	--text-color-white:white!important;
	--text-color-black:black!important;
	--sd1:#369B66!important;/*VertFoncé*/
	--sd2:#77DEA2!important;/*VertClair*/
	--sd3:#F4F4F4!important;/*GrisClair*/
}


/**********************************************************************************************************/
nav .nav-item {
    position: relative !important; /* Nécessaire pour positionner le pseudo-élément par rapport à l'élément */
}

nav .nav-item:after {
    transition: 0.3s; 
    display: inline-block;
    content: ''; 
    width: 0%; 
    position: absolute;
    left: 0; 
    bottom: 0; 
    height: 1px; 
    background-color: var(--sd2); 
}

nav .nav-item:hover:after {
    content: ''; 
    width: 100%; 
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--sd2); 
}


/**********************************************************************************************************/
/*	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);
}

:is(.element_shortcode_23_8,.element_bloc_politique_confidentialite) a{
	color:gray!important;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*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],
#sd_login_form_bt{
    color: white!important;
    font-size: 16px;
}
.sd-button-header,
:is(.page_23,.sd_edit_menu_top_container) input[type=submit],
#sd_login_form_bt{
    cursor: pointer;
    transition: 0.3s;
    padding: 10px 40px;
    background: var(--sd2);
    border: 1px solid transparent;
    border-radius: 100px;
    display: inline-block;
	width:fit-content!important;
}

.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: white!important;
}

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

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

: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;
}
: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 textarea,
#sd_login_form_email,
#sd_login_form_pwd{
    width:100%!important;
	border:solid 1px black;
}
: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 black;
	border-radius: 4px;
	box-sizing: border-box;
}

#main form .wpcf7-form-control-wrap{
	width:50%!important;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*SOCIAL*/
.sd_social i{
  color:white!important;
  transition:0.3s;
  padding-top:12px;
  background-color:var(--sd2);
  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:var(--sd2);
  border-radius:20px;
  width:30px;
  height:30px;
  text-align:center;
  margin-right:5px;
}

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


/*/////////////////////////////////////////////////////////////////////////////////*/
/*CONTENU BACKGROUND*/


.element_shortcode_23_8 h4{
    color:var(--sd1)!important;	
}

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


/*ANIMATIONS*/

:is(.element_column_9_11).element_column > div > div > div:nth-child(1) img,
:is(.element_column_9_11).element_column > div > div > div:nth-child(2) img,
:is(.element_column_9_11).element_column > div > div > div:nth-child(3) img,
:is(.element_column_9_11).element_column > div > div > div:nth-child(4) img,
:is(.element_column_9_11).element_column > div > div > div:nth-child(5) img{
     display: block;
     width: 100%;
     height: auto;
     transition: 0.3s ease;
}

:is(.element_column_9_11).element_column > div > div > div:nth-child(1):hover img,
:is(.element_column_9_11).element_column > div > div > div:nth-child(2):hover img,
:is(.element_column_9_11).element_column > div > div > div:nth-child(3):hover img,
:is(.element_column_9_11).element_column > div > div > div:nth-child(4):hover img,
:is(.element_column_9_11).element_column > div > div > div:nth-child(5):hover img{
     filter: brightness(60%);
}






/*/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 1024px) {
	
#home_nav.shadow .navbar-brand{
     transform:scale(0.9);
}
#home_nav .navbar-brand{
     transition:0.3s;
}
	
#home_nav{
		padding:30px!important;
}
	
.element_column_9_11 img,
.element_image_text_full img {
    border-radius: 1000px;
}

.element_header_23_1,
.element_column_308_6,
.element_header_308_1,
.element_column_305_6,
.element_header_305_1,
.element_header_302_1,
.element_column_302_6,
.element_column_299_6,
.element_header_299_1,
.element_header_296_1,
.element_column_296_5,
.element_header_290_1,
.element_column_9_11,
.element_header_9_2 {
   clip-path: polygon( 0% 0%,100% 0%,100% 69.851%,100% 69.851%,94.083% 68.778%,88.465% 68.784%,83.138% 69.708%,78.095% 71.39%,73.328% 73.669%,68.831% 76.384%,64.596% 79.374%,60.616% 82.479%,56.883% 85.538%,53.391% 88.391%,53.391% 88.391%,44.496% 94.377%,36.144% 98.024%,28.428% 99.735%,21.441% 99.911%,15.275% 98.955%,10.023% 97.27%,5.777% 95.259%,2.629% 93.324%,0.673% 91.868%,0% 91.293%,0% 0% );
}

/*Clip-path haut page*/
.element_column_308_5,
.element_column_305_5,
.element_column_302_5,
.element_column_299_5,
.element_column_296_7,
.element_column_9_10{
   clip-path: polygon( 100% 100%,0% 100%,0% 46.71%,0% 46.71%,5.917% 48.372%,11.535% 48.363%,16.862% 46.932%,21.906% 44.327%,26.672% 40.798%,31.169% 36.594%,35.404% 31.963%,39.384% 27.155%,43.117% 22.417%,46.609% 18%,46.609% 18%,55.504% 8.723%,63.856% 3.07%,71.572% 0.418%,78.559% 0.143%,84.725% 1.621%,89.977% 4.229%,94.223% 7.342%,97.371% 10.339%,99.327% 12.594%,100% 13.484%,100% 100% );
}

/*Clip-path footer*/
.element_header_308_11,
.element_header_305_11,
.element_header_302_11,
.element_header_299_11,
.element_header_296_10,
.element_header_290_11,
.element_header_9_11{
clip-path: polygon( 0% 9.874%,0% 9.874%,0.673% 9.222%,2.629% 7.571%,5.777% 5.377%,10.023% 3.097%,15.275% 1.187%,21.441% 0.105%,28.428% 0.306%,36.144% 2.248%,44.496% 6.388%,53.391% 13.181%,53.391% 13.181%,56.883% 16.416%,60.616% 19.885%,64.596% 23.406%,68.831% 26.797%,73.328% 29.876%,78.095% 32.46%,83.138% 34.367%,88.465% 35.415%,94.083% 35.422%,100% 34.205%,100% 100%,0% 100%,0% 9.874% );
}	
	
h2, h3{
	width:60%!important;
}	
	
.product-details__gallery,.product-details__sidebar { width:50%!important; }
	
	
	



}



/*/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 991px) {
    #menu-main {
		gap: 15px
	}
}

 #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;
}