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

:is(.page_6,.page_29) #home_nav {
    background: var(--sd5) !important;
}

#main > .element_html_32_5 > div > div > div{
    overflow-y: inherit!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;
    --anchor-offset: 80px; 
}

/*SMOOTH SCROLL*/

 
/* tous les éléments qui peuvent être ciblés par un #id */
[id] {
 scroll-margin-top: var(--anchor-offset);
}
 
/* facultatif : ajoute un défilement fluide natif */
html { 
    scroll-behavior: smooth; 
}

.navbar-top-container .builder_menu{
	width:auto!important;
}

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

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

/*/////////////////////////////////////////////////////////////////////////////////*/
/*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(--sd2) !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(--sd2);
    background-color: white;
	border-radius:5px;
}

.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(--sd2);
}

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

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

/* Reposition du Message erreur*/
.wpcf7-not-valid-tip{
    margin-top:-20px;
    margin-bottom:10px;
}

#wpcf7-f114-o1 > form textarea{
	max-height: 120px !important;
}

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 var(--sd1);
	background:var(--sdtc)
}

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{
	padding-bottom:1rem;
}

.sd_social i {
    color: white !important;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    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;
        }	
	}


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

	body #main h1 .text-small{
		font-weight:300!important;
		display:flex !important;
		font-size: 60% !important;
	}

	#sortableelement_column_icone_fonds_unique_74_13 > div,
	#sortableelement_column_icone_fonds_unique_77_13 > div,
	#sortableelement_column_en_ligne_77_19 > div,
	#sortableelement_column_icone_fonds_unique_79_13 > div,
	#sortableelement_column_en_ligne_79_19 > div,
	#sortableelement_column_icone_fonds_unique_81_13 > div,
	#sortableelement_column_en_ligne_81_19 > div,
	#sortableelement_column_icone_fonds_unique_81_5 > div{
		border:1px solid var(--sd1);
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		background:var(--sdtc);
		padding:20px;
		border-radius:10px;
	}


	#sortableelement_column_sans_fond_79_22 > div:nth-child(1) .sd_image{
		display:none !important;
	}

	.element_image_text_full_responsive_32_1_bg{
		background-image: url(https://cdn.solution-digitale.ch/wp-content/uploads/2026/06/MastroianniSanitaire-Hero.jpg) !important;
    	background-repeat: no-repeat;
    	background-size: cover;
    	background-position: bottom;
    	background-attachment: fixed;
	}

/*Animation des services*/

	#sortableelement_column_sans_fond_32_2 > div:hover #overlay-image-text-32_2,
	#sortableelement_column_sans_fond_74_2 > div:hover #overlay-image-text-74_2,
	#sortableelement_column_sans_fond_77_2 > div:hover #overlay-image-text-77_2,
	#sortableelement_column_sans_fond_77_21 > div:hover #overlay-image-text-77_21,
	#sortableelement_column_sans_fond_79_2 > div:hover #overlay-image-text-79_2,
	#sortableelement_column_sans_fond_79_21 > div:hover #overlay-image-text-79_21,
	#sortableelement_column_sans_fond_81_21 > div:hover #overlay-image-text-81_21{
	  transition:0.3s;
	}

	#sortableelement_column_sans_fond_32_2 > div:hover #overlay-image-text-32_2,
	#sortableelement_column_sans_fond_74_2 > div:hover #overlay-image-text-74_2,
	#sortableelement_column_sans_fond_77_2 > div:hover #overlay-image-text-77_2,
	#sortableelement_column_sans_fond_77_21 > div:hover #overlay-image-text-77_21,
	#sortableelement_column_sans_fond_79_2 > div:hover #overlay-image-text-79_2,
	#sortableelement_column_sans_fond_79_21 > div:hover #overlay-image-text-79_21,
	#sortableelement_column_sans_fond_81_21 > div:hover #overlay-image-text-81_21{
	  background:linear-gradient(157deg,rgba(0, 72, 119, 0.9) 0%, rgba(0, 72, 119, 0.9) 100%);
	}

    :is(#sortableelement_column_sans_fond_32_2,
    #sortableelement_column_sans_fond_74_2,
    #sortableelement_column_sans_fond_77_2,
    #sortableelement_column_sans_fond_79_2,
    #sortableelement_column_sans_fond_77_21,
    #sortableelement_column_sans_fond_79_21,
    #sortableelement_column_sans_fond_81_21) > div img {
    /* On indique au navigateur d'animer le transform de manière fluide */
    transition: transform 0.3s ease-in-out;
    
    /* Optionnel mais recommandé : optimise le rendu visuel du zoom */
    backface-visibility: hidden; 
    }

	:is(#sortableelement_column_sans_fond_32_2,
    #sortableelement_column_sans_fond_74_2,
    #sortableelement_column_sans_fond_77_2,
    #sortableelement_column_sans_fond_79_2,
    #sortableelement_column_sans_fond_77_21,
    #sortableelement_column_sans_fond_79_21,
    #sortableelement_column_sans_fond_81_21) > div:hover img{
	  transform: scale(1.3);
	}

/* Texte */
	#sortableelement_column_sans_fond_77_2 > div:hover span,
	#sortableelement_column_sans_fond_79_2 > div:hover span{
	  color: rgba(255,255,255,0.1) !important;
	}

	.element_image_text_full_responsive_32_6,
	.element_image_text_full_responsive_79_10,
	.element_image_text_full_responsive_81_10{
		border-radius:50px !important;
	}

	.element_header_degrade_responsive{
		border-bottom-left-radius:100px;
		border-bottom-right-radius:100px;
	}

	#sortableelement_column_sans_fond_74_2 > div:nth-child(1) span,
	#sortableelement_column_sans_fond_77_2 > div:nth-child(1) span,
	#sortableelement_column_sans_fond_77_21 > div:nth-child(1) span,
	#sortableelement_column_sans_fond_79_2 > div:nth-child(1) span,
	#sortableelement_column_sans_fond_79_21 > div:nth-child(1) span,
	#sortableelement_column_sans_fond_81_21 > div:nth-child(1) span{
		text-align:left !important;
		color:var(--sd5) !important;
	}

	#main .element_logo_slider_74_16 img{
		object-fit:contain !important;
	}

    .element_gal_multi_1_niveau{
        margin-top: 100px;
        margin-bottom: 100px;
    }

    #main > .element_gal_multi_1_niveau > .xg_container_gal > div:nth-child(1),
    #main > .element_gal_multi_1_niveau > .xg_container_gal > div:nth-child(1)::after{
        border-top-left-radius: 50px;
    }

    #main > .element_gal_multi_1_niveau > .xg_container_gal > div::before{
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.5);
        opacity: 1;
        z-index: 1;
        transition: opacity 0.3s ease-in-out;
        pointer-events: none!important;
    }

    #main > .element_gal_multi_1_niveau > .xg_container_gal > div:hover::before{
        opacity: 0;
    }

    #main > .element_gal_multi_1_niveau > .xg_container_gal > div::after{
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 10px solid var(--sd1);
        opacity: 0;
        pointer-events: none!important;
    }

    #main > .element_gal_multi_1_niveau > .xg_container_gal > div:hover::after{
        opacity: 1;
    }

    .sd_single_page.sd_gallery_multi #home_nav{
        background: var(--sd5) !important;
    }