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

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

.sd-button-4 {
    background: transparent;
    transition: 0.3s;
	padding:5px 0px;
}

.sd-button-4 a:hover {
    background: transparent;
    border-bottom:2px var(--sd2) solid !important;
	font-weight:500 !important;
}


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

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

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

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

.sd_blog_block h5 {
	padding:0px 0px 20px 0px!important;
    border-bottom: solid 2px var(--sd1);

}




	#main h2 strong {
		color:var(--sd1) !important;
	}

.element_header_responsive h1 span.text-small {
	color:var(--sdtc) !important;
	display:flex !important;
	font-weight:400 !important;
	font-size: 70% !important;
}

#main .element_header_responsive_32_1,
#main .element_header_responsive_80_1,
#main .element_header_responsive_83_1,
#main .element_header_responsive_85_1,
#main .element_header_responsive_87_1,
#main .element_header_responsive_89_1,
#main .element_header_responsive_91_1{
	width:95% !important;
	border-radius:50px !important;
}

#sortableelement_column_sans_fond_32_5 > div:nth-child(1) .sd_image,
#sortableelement_column_sans_fond_32_5 > div:nth-child(1) .text-button .sd_button,
#sortableelement_column_sans_fond_80_5 > div:nth-child(1) .sd_image,
#sortableelement_column_sans_fond_83_5 > div:nth-child(1) .sd_image,
#sortableelement_column_sans_fond_83_5 > div:nth-child(4) *,
#sortableelement_column_sans_fond_83_5 > div:nth-child(7) *,
#sortableelement_column_sans_fond_83_5 > div:nth-child(10) *,
#sortableelement_column_sans_fond_83_5 > div:nth-child(13) *,
#sortableelement_column_sans_fond_85_5 > div:nth-child(1) .sd_image,
#sortableelement_column_sans_fond_85_5 > div:nth-child(4) *,
#sortableelement_column_sans_fond_87_5 > div:nth-child(1) .sd_image,
#sortableelement_column_sans_fond_87_5 > div:nth-child(4) *{
	display:none !important;
}

#sortableelement_column_sans_fond_32_5 > div:nth-child(1) .sd_content,
#sortableelement_column_sans_fond_80_5 > div:nth-child(1) .sd_content,
#sortableelement_column_sans_fond_83_5 > div:nth-child(1) .sd_content,
#sortableelement_column_sans_fond_85_5 > div:nth-child(1) .sd_content,
#sortableelement_column_sans_fond_87_5 > div:nth-child(1) .sd_content{
	padding-right:50px !important;
}

#sortableelement_column_sans_fond_80_16 > div,
#sortableelement_column_sans_fond_80_10 > div,
#sortableelement_column_sans_fond_83_16 > div,
#sortableelement_column_sans_fond_85_16 > div,
#sortableelement_column_sans_fond_85_20 > div,
#sortableelement_column_sans_fond_87_16 > div{
	border: 1px solid var(--sd5);
    border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(80, 92, 180, 0.20);
}

#sortableelement_column_sans_fond_83_17 {
    gap: 10px 10px;
}

#sortableelement_column_sans_fond_83_17 .sd_content .text-button .sd_button {
	margin-top: 0px !important;
    margin-bottom: 0px !important;
}

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

#main .sd-button-4 a{
	color:var(--sd2) !important;
	padding:5px 0px !important;
}

#main .sd-button-4 a strong{
	color:var(--sd1) !important;
}


#main .sd-button-2 p a,
#main .sd-button-1 p a,
#main .sd-button-3 p a,
#main .sd-button-4 p a{
	text-transform:uppercase !important;
	font-family:'Geom' !important;
	letter-spacing:1px !important;
	font-size:15px !important;
}

#sortableelement_column_sans_fond_32_2 .sd_image img{
	aspect-ratio: 6 / 3 !important;
    object-fit: contain !important;
    padding: 10px 0px !important;
}

.element_shortcode_83_18 > div,
.element_shortcode_85_18 > div,
.element_shortcode_87_18 > div{
	background: var(--sd2);
    border-radius: 20px;
}

.element_shortcode_83_18 .sd_text.mb-2 h2,
.element_shortcode_83_18 .sd_text.mb-2 h3,
.element_shortcode_83_18 .sd_text.mb-2 p,
#wpcf7-f149-o1 > form .col-lg-12.mb-4 > p,
.element_shortcode_85_18 .sd_text.mb-2 h2,
.element_shortcode_85_18 .sd_text.mb-2 h3,
.element_shortcode_85_18 .sd_text.mb-2 p,
.element_shortcode_87_18 .sd_text.mb-2 h2,
.element_shortcode_87_18 .sd_text.mb-2 h3,
.element_shortcode_87_18 .sd_text.mb-2 p{
	color:var(--sdtc) !important;
}

.element_header_responsive .pv-overlay{
	background: rgba(0, 0, 0, 0.4) !important;
}

#main #menu-item-109 a{
	color: var(--sdtc) !important;
    cursor: pointer;
    transition: 0.3s;
    padding: 8px 16px;
    background: linear-gradient(93deg, #DE7B2F 33.39%, #F0BE38 100.67%);
    border: 0px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    display: inline-block;
    width: fit-content;
}

body{
	background-attachment: fixed !important;
}

#main .sd_blog_block .xg_container_blog div.xg_card{
	height:stretch !important;
}