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

/****************ECWID BOUTIQUE********************/

html#ecwid_html body#ecwid_body .grid-product__wrap-inner{
	background-color:transparent!important;
	border:none!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__product-price,
html#ecwid_html body#ecwid_body .ecwid,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-tabs__text{
    color: #ffffff!important;
}

#productDescription > p{
	padding-bottom:30px!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! */

input[type=submit]:not(.page_76,.page_78),
input[type=submit]:focus:not(.page_76,.page_78) {
    color: var(--sd2) !important;
    cursor: pointer;
    transition: 0.3s;
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--sd2);
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    display: inline-block;
    width: fit-content;
}

input[type=submit]:not(.page_76,.page_78),
input[type=submit]:focus:not(.page_76,.page_78) {
    /*text-transform:uppercase;*/
    color: var(--sd2) !important;
    cursor: pointer;
    transition: 0.3s;
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--sd2);
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    display: inline-block;
    width: fit-content;
}


input[type=submit]:hover :not(.page_76,.page_78) {
    color: white !important;
}

.sd-button-header:hover:not(.page_76,.page_78),
input[type=submit]:hover:not(.page_76,.page_78){
    color: var(--sdtc) !important;
    background: var(--sd2);
}

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

.wpcf7-not-valid-tip{
    margin-top:-20px;
    margin-bottom:10px;
}

form input[type=text]:not(.page_76,.page_78),
form input[type=email]:not(.page_76,.page_78),
form input[type=tel]:not(.page_76,.page_78),
form label:not(.page_76,.page_78),
form input:not(.page_76,.page_78),
form textarea:not(.page_76,.page_78) {
    width: 100% !important;
}

form input[type=text]:not(.page_76,.page_78),
form input[type=email]:not(.page_76,.page_78),
form input[type=tel]:not(.page_76,.page_78),
form textarea:not(.page_76,.page_78) {
    width: 100% !important;
    border: solid 1px orange
}

form input[type=submit]:not(.page_76,.page_78) {
    display: inline-block !important
}

form label input:not(.page_76,.page_78),
form label textarea:not(.page_76,.page_78) {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
}

form * {
    font-size: 14px !important
}

input[type=text]:not(.page_76, .page_78),
input[type=email]:not(.page_76, .page_78),
input[type=tel]:not(.page_76, .page_78),
input[type=password]:not(.page_76, .page_78),
input[type=date]:not(.page_76, .page_78),
input[type=number]:not(.page_76, .page_78),
textarea:not(.page_76, .page_78),
select:not(.page_76, .page_78),
input[list]:not(.page_76, .page_78){
    width: 100%;
    padding: 12px 20px;
    margin-bottom: 20px !important;
    display: inline-block;
    border: 0px solid LightGray !important;
	border-bottom: 1px solid LightGray !important;
    border-radius: 4px;
    box-sizing: border-box;
}

#wpcf7-f12-o1 > form > div.container input{
	background:transparent !important;
}

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

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

#sortableelement_column_sans_fond_32_10 > :is(div:nth-child(1),div:nth-child(3)) img{
	display:none !important;
}

#sortableelement_column_sans_fond_32_10{
	display: flex;
    align-items: center;
}

.sd_element_faq .accordion-header {
    border-bottom: 1px solid var(--sd1) !important;
}

.sd_element_faq .accordion-button{
	background:var(--sd4) !important;
	color: var(--sdtc) !important;
	font-weight:400 !important;
}

.sd_element_faq .accordion.mb-5{
	--bs-accordion-border-color: var(--sd4) !important;
}

.element_column_sans_fond_32_4 img {
	object-fit:contain !important;
}

#main .element_column_sans_fond_32_10 a{
	color:var(--sd2) !important;
	border:1px solid var(--sd2);
	padding:8px 20px !important;
	transition:0.3s;
}

#main .element_column_sans_fond_32_10 a:hover{
	color:var(--sdtc) !important;
	background:var(--sd2) !important;
	border:1px solid var(--sd2);
}

:is(.element_header_avec_fond_texte_responsive_32_12,.element_header_avec_fond_texte_responsive_70_12) .sd-vanilla-text-wrapper > div > div{
	background:transparent !important;
	border:1px solid var(--sd2);
}

#main :is(.element_header_avec_fond_texte_responsive_32_12,.element_header_avec_fond_texte_responsive_70_12) > div.pv-overlay{
	background: rgba(0, 0, 0, 0.7) !important;
}

#main hr{
	color:var(--sd2) !important;
	opacity:1 !important;
}

#main .sd_home_top h1 span.text-small{
	display:flex !important;
	color:white !important;
}

#sortableelement_column_icone_32_6 > div,
#sortableelement_column_icone_32_6 .text-button .sd_button > div{
	margin-bottom:0px !important;
}

:is(#sortableelement_column_sans_fond_32_5,#sortableelement_column_sans_fond_70_5,#sortableelement_column_sans_fond_76_5,#sortableelement_column_sans_fond_78_5,#sortableelement_column_sans_fond_80_5) > div:nth-child(1){
	padding-right:20px;
	border-right:1px solid var(--sd2);
}

:is(#sortableelement_column_sans_fond_32_14,
#sortableelement_column_sans_fond_32_2,
#sortableelement_column_sans_fond_70_14,
#sortableelement_column_sans_fond_72_10,
#sortableelement_column_sans_fond_72_14,
#sortableelement_column_sans_fond_72_21,
#sortableelement_column_sans_fond_74_14,
#sortableelement_column_sans_fond_74_21,
#sortableelement_column_sans_fond_76_10,
#sortableelement_column_sans_fond_76_14,
#sortableelement_column_sans_fond_78_10,
#sortableelement_column_sans_fond_78_14) .sd_image > span > div{
	border-radius: 100px;
    border: 1px solid var(--sd2);
    padding: 10px;
}

#sortableelement_column_sans_fond_72_14 > div:nth-child(1),
:is(#sortableelement_column_sans_fond_72_10,#sortableelement_column_sans_fond_74_21,#sortableelement_column_sans_fond_78_14) > :is(div:nth-child(1),div:nth-child(2)),
#sortableelement_column_sans_fond_74_14 > :is(div:nth-child(1),div:nth-child(2),div:nth-child(4)),
#sortableelement_column_sans_fond_70_14 > :is(div:nth-child(1),div:nth-child(2),div:nth-child(4),div:nth-child(5)),
:is(#sortableelement_column_sans_fond_32_2,#sortableelement_column_sans_fond_32_14,#sortableelement_column_sans_fond_72_21,#sortableelement_column_sans_fond_76_10,#sortableelement_column_sans_fond_76_14,#sortableelement_column_sans_fond_78_10) > :is(div:nth-child(1),div:nth-child(2),div:nth-child(3)){
	padding-right:20px;
	border-right:1px solid var(--sdtc);
}

#main .element_column_en_ligne_70_23 .sd_image img {
	object-fit: contain !important;
	aspect-ratio:unset !important;
}

:is(#sortableelement_column_en_ligne_70_23,#sortableelement_column_en_ligne_76_11,#sortableelement_column_en_ligne_78_11) > div{
	padding-top: 20px;
	border-top:1px solid var(--sd2)
}

.element_texte_titre_70_15_bg{
	position:relative !important;
}

.element_column_sans_fond_70_5_bg,
.element_column_en_ligne_70_23_bg{
    background-image: url(https://cdn.solution-digitale.ch/wp-content/uploads/2026/06/LaurentCossy-DomainedesRueyres-Domaine-pres.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
}

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

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

.element_texte_titre_70_9_bg,
.element_column_sans_fond_72_5_bg,
.element_texte_titre_72_9_bg{
    background-image: url(https://cdn.solution-digitale.ch/wp-content/uploads/2026/06/DomainedesRueyres-background-armoirie-2.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    background-attachment: fixed;
}

.element_shortcode_72_28,
.element_shortcode_74_28{
    background-image: url(https://cdn.solution-digitale.ch/wp-content/uploads/2026/06/LaurentCossy-DomainedesRueyres-Form.jpg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

#main ul li {
	color:var(--sdtc) !important;
}

/********************   ECWID   **********************/
#dynamic-ec-store .ec-store.ec-store__category-page.ec-store--medium-category-images.ec-store--medium-product-images > div > div > div.ec-page-title > div > a,
#dynamic-ec-store .ec-store.ec-store__category-page.ec-store--medium-category-images.ec-store--medium-product-images > div > div > div.ec-footer.data-nosnippet > ul > li > a{
    color: var(--sd3) !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__title-inner{
    font-family:'Prata' !important;
    color:var(--sd2) !important;
    font-size:20px !important;
}