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

#map {
  height: 700px!important;
}

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


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

                     

#menu-main .menu-item .active {
    font-weight: 800!important;
	letter-spacing:2px!important;
}

#menu-main .menu-item {
	letter-spacing:2px!important;
}

#main strong {
	color:black!important;
}

#main > footer > div.container > div:nth-child(5) > div.d-flex {
    display: flex !important;
    justify-content: center;
}

/*FONTS*/
h5{
	letter-spacing:3px!important;
	text-transform:uppercase!important;
}

.page_9 h1,
.page_9 h2{
	    text-shadow: 0px 0px 10px #222F34!important;
}


/**********************************************************************************************************/
/*	EXEMPLE DE VARIABLES GLOBALES	*/
:root{
	--sd1:#FFFEF1; /*JauneClair*/
	--sd2:#222F34; /*VertNoir*/
	--sd3:#FFFADE; /*JauneFoncé*/
}

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


#menu-item-1152 {
	background: #D3D18B;
    border-radius: 5px;
	transition:0.3s;
	border:1px solid transparent;
}

#menu-item-1152:hover {
	background: var(--sd1);
	border:1px solid black;
}

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


.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,
:is(.page_23,.page_211,.sd_edit_menu_top_container) input[type=submit],
#sd_login_form_bt{
	color:white!important;
	text-decoration:none;
}

.sd-button-header,
:is(.page_23,.page_211,.sd_edit_menu_top_container) input[type=submit],
#sd_login_form_bt{
	text-transform:uppercase;
	cursor:default;
	transition:0.3s;
	padding: 10px 25px 10px 25px;
	border:solid 1px transparent;
	background-color:var(--sd2);
	width:fit-content!important;
	font-family: 'Oswald', sans-serif!important;
	letter-spacing: 2px !important;
	color: var(--sd1)!important;
}

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

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

#wpcf7-f7-o1 > form > div.container > p{
	margin-top:15px!important;
 
}

#eapps-instagram-feed-1 > div.eapps-instagram-feed-container > div.eapps-instagram-feed-content > div.eapps-instagram-feed-header-container > div > div > div.eapps-instagram-feed-header-follow-button-wrapper > a{
	color:white!important;
	font-family: "Josefin Sans", sans-serif;
}

/*#menu-item-206 > a {
	background-color :white!important;
    border: 1px solid var(--sd2) !important;
	/*border-radius:7px!important;
	padding : 10px 10px!important;
}*/

#main > div.element_button_208_5.element_button.container-fluid.no-padding.sd_admin_container > div > div > div > div{
	gap:0!important;
}

/*BOUTON DANS LE MENU*/
#menu-item-206 > a {
    background-color: white !important;
    border: 1px solid var(--sd2) !important;
    padding: 10px 10px !important;
    color: var(--sd2) !important; /* Couleur du texte par défaut */
}


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

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

:is(.page_23,.page_211,.sd_edit_menu_top_container) form input[type=date],
:is(.page_23,.page_211,.sd_edit_menu_top_container) form input[type=text],
:is(.page_23,.page_211,.sd_edit_menu_top_container) form input[type=email],
:is(.page_23,.page_211,.sd_edit_menu_top_container) form textarea,
#sd_login_form_email,
#sd_login_form_pwd {
    width:100%!important;
	border:solid 1px LightGray;
}

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

:is(.page_23,.page_211,.sd_edit_menu_top_container) form label input,
:is(.page_23,.page_211,.sd_edit_menu_top_container) form label textarea{
	margin-top:5px!important;
	margin-bottom:5px!important;
}
:is(.page_23,.page_211,.sd_edit_menu_top_container) form *{
	font-size:14px!important
}
:is(.page_23,.page_211,.sd_edit_menu_top_container) input[type=date], 
:is(.page_23,.page_211,.sd_edit_menu_top_container) input[type=text],
:is(.page_23,.page_211,.sd_edit_menu_top_container) input[type=email],
:is(.page_23,.page_211,.sd_edit_menu_top_container) input[type=password],
:is(.page_23,.page_211,.sd_edit_menu_top_container) textarea, 
:is(.page_23,.page_211,.sd_edit_menu_top_container) select, 
:is(.page_23,.page_211,.sd_edit_menu_top_container) input[list],
#sd_login_form_email,
#sd_login_form_pwd {
	width: 100%;
	padding: 12px 20px;
	margin-bottom:5px!important;
	display: inline-block;
	border: 1px solid LightGray;
	border-radius: 4px;
	box-sizing: border-box;
}

#wpcf7-f7-o1 > form > p:nth-child(6){
		display: inline-block!important;
}

#main .sd_theme_page_footer_address p{
	font-size:18px!important;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*SOCIAL*/
.sd_social i{
  color:white!important;
  transition:0.3s;
  padding-top:12px;
  background-color:var(--color-1);
  border-radius:25px;
  width:50px;
  height:50px;
  text-align:center;
  margin-right:5px;
  font-size:25px;
}

.element_shortcode_23_12 .sd_social i{
	font-size:45px;
	height:80px;
	width:100px;
}

.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(--color-1);
  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: 5px
	}
}
/*

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

.text-big {
    /*font-family: 'Josefin Sans', sans-serif !important;*/
    font-weight: 300 !important;
    font-size: 58px !important;
}

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

.element_column_23_9 > div > div > div > div,
.element_column_224_5 > div > div > div > div,
.element_column_224_4 > div > div > div > div,
.element_column_199_8 > div > div > div > div,
.element_column_9_6 > div > div > div > div,
.element_column_9_3 > div > div > div > div{	
    background-color: white;
	padding:30px!important;
	margin:5px!important;
	position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}

.element_column_23_9.element_column > div > div > div > div:nth-child(1),
.element_column_224_5.element_column > div > div > div > div:nth-child(1),
.element_column_224_4.element_column > div > div > div > div:nth-child(1),
.element_column_199_8.element_column > div > div > div > div:nth-child(1),
.element_column_9_6.element_column > div > div > div > div:nth-child(1),
.element_column_9_3.element_column > div > div > div > div:nth-child(1){
	display:none!important;
}

.element_column_211_9 h3,
.element_column_211_8 h3,
.element_column_208_2 h3 {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid var(--sd2);
  border-radius: 100px; 
  font-size: 40px!important;
}

.element_button_208_5.element_button.container-fluid.no-padding.sd_admin_container.builder_relative > div.container > div > div > div{
	gap:0px!important;
}

.element_header_23_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-contact-fleur-header.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 25%;
	background-color:transparent!important;
}

.element_header_199_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-A-propos-Fleurs.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 28%;
	background-color:transparent!important;
}

.element_header_205_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-boutique-header.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 30%;
	background-color:transparent!important;
}

.element_header_224_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Nos-astuces-Fleur-header.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 27%;
	background-color:transparent!important;
}

.element_header_211_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Evenements-fleur-header.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 20%;
	background-color:transparent!important;
}

.element_header_208_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Nos-creations-Fleur-header.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 30%;
	background-color:transparent!important;
}

.element_column_224_3{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Nos-astuces-Fleur.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
	background-size: 13%;
	background-color:var(--sd3)!important;
}


.element_button_208_5{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Nos-creations-Fleur.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
	background-size: 10%;
	background-color:white!important;
}


.element_column_211_9{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Evenements-fleur.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
	background-size: 16%;
	background-color:white!important;
}



.element_column_199_9 img {
  object-fit: cover; 
  border-radius: 50%;
}

@media screen and (min-width: 1024px) {
	
h2 {
  width: 700px;
  margin: 0 auto; /* Centrage horizontal */
}
	
.element_gal_1{
	margin-top:50px!important;
	margin-bottom:100px!important;
}

	
#menu-footer{
	display: flex;
    gap: 10px;
	justify-content:center!important;
	padding:0px!important;
}
	
.element_column_199_9.element_column > div > div > div{
	padding-bottom:20px!important;
}

}

/*TRAIT NAVIGATION*/
nav .nav-item{position:relative!important;}

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

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

.element_header_23_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-contact-fleur-header.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 25%;
	background-color:transparent!important;
}

.element_header_199_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-A-propos-Fleurs.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 28%;
	background-color:transparent!important;
}

.element_header_205_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-boutique-header.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 30%;
	background-color:transparent!important;
}

.element_header_224_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Nos-astuces-Fleur-header.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 27%;
	background-color:transparent!important;
}

.element_header_211_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Evenements-fleur-header.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 20%;
	background-color:transparent!important;
}

.element_header_208_1{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Nos-creations-Fleur-header.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 30%;
	background-color:transparent!important;
}

.element_column_224_3{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Nos-astuces-Fleur.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
	background-size: 13%;
	background-color:var(--sd3)!important;
}


.element_button_208_5{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Nos-creations-Fleur.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
	background-size: 10%;
	background-color:white!important;
}


.element_column_211_9{
    background-image: url('https://hertigfleurs.ch/wp-content/uploads/2024/08/HertigFleurs-Evenements-fleur.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
	background-size: 16%;
	background-color:white!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;
}


.element_column_9_15 > div > div > div > div{
	background:#f9f9f9;
	margin-bottom:20px;
	box-shadow: 0 0 7px rgb(0 0 0 / .2);
}

.element_column_9_15 > div > div {
	justify-content: center !important;
}

.ec-store .ec-related-products .grid__products {
	justify-content: center !important;
	padding-top:25px !important;
}


.ec-store .option-surcharge__value,
#shopwp-root{
	display:none !important;
}

.ec-store * {
	font-family: 'Josefin Sans', sans-serif !important;
}

#ecwid-store-108585254 > div > div > div > div:nth-child(3) > div > div.ec-store.ec-store__checkout-page > div > div > div.ec-cart__body > div > div.ec-cart__steps > div.ec-cart__step.ec-cart-step.ec-cart-step--payment.ec-cart-step--current > div.ec-cart-step__wrap > div.ec-cart-step__body > div.ec-cart-step__section > p:nth-child(3) > a{
	color:#D3D18B !important;
}