/*
 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;
	--sd1:#00063E !important;
	--sd2:#2E4A95 !important;
	--sd3:#575757 !important;
	--sd4:#F5F6F6 !important;
	--gradient:linear-gradient(267deg, #00063E 0%, #2E4A95 100%) !important;
}
/**********************************************************************************************************/

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

/*-----BANDEAU-----*/

:is(#navbar-div-1,#navbar-div-2,#navbar-div-3) a{
	color:white!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,
input[type=submit],
input[type=submit]:focus{
	color:var(--sd1)!important;
	text-decoration:none;
}
.sd-button-header,
input[type=submit],
input[type=submit]:focus{
	/*text-transform:uppercase;*/
	cursor:default;
	transition:0.3s;
	padding: 5px 20px 5px 20px;
	border:solid 1px var(--sd1);
	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:var(--sd1);
}

.sd-button-4{
	background:yellow;
	color:green;
}

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

form input[type=text],
form input[type=email],
form input[type=tel],
form label,
form input,
form textarea{
    width:100%!important;
}
form input[type=text],
form input[type=email],
form input[type=tel],
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=tel],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 {
	z-index: 99999!important;
}

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


/*****************************/
.element_image_text_full_9_2 img,
.element_image_text_full_9_11 img,
.element_image_text_full_299_4 img,
.element_image_text_full_302_3 img{
	padding-top:10px;
	padding-bottom:10px;
	border-top:2px solid var(--sd1);
	border-bottom:2px solid var(--sd1);
}

.element_image_text_full_287_2 img,
.element_image_text_full_296_8 img,
.element_image_text_full_296_9 img,
.element_image_text_full_362_3 img,
.element_image_text_full_362_5 img{
	padding:10px;
	border:2px solid var(--sd1);
}

#sortableelement_column_287_14 > div:nth-child(2) .sd_button > div,
#sortableelement_column_296_1 > div:nth-child(2) .sd_button > div,
#sortableelement_column_299_1 > div:nth-child(2) .sd_button > div,
#sortableelement_column_302_1 > div:nth-child(2) .sd_button > div,
#sortableelement_column_293_1 > div:nth-child(2) .sd_button > div,
#sortableelement_column_362_1 > div:nth-child(2) .sd_button > div{
	display:none;
}