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


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


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



/*Règles pour que le bandeau soit en fixe au dessus de notre barre de menu*/

#main > div.container-fluid.py-3 {
	background: linear-gradient(50deg, #c1273c , #130d80)!important;
	height: 100px!important;
}

#main > div.container-fluid.py-3 p{
	color:white;
	font-size:13px;
	font-weight:500;}


/**********************************************************************************************************/
/*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 */
.sd-button-header p,
.sd-button-header a,
input[type=submit]{
	color:orange!important;
	text-decoration:none;
}
.sd-button-header,
input[type=submit]{
	/*text-transform:uppercase;*/
	cursor:default;
	transition:0.3s;
	padding: 5px 20px 5px 20px;
	border:solid 1px orange;
	background-color:white;
}

.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: 5px 20px 5px 20px;
	border:solid 1px transparent;
	background-color:orange;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*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 orange
}
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;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*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 {
    margin-top: 100px!important;
}