@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//delbonodesign.com/wp-content/themes/woodmart/fonts/woodmart-font-1-300.woff2?v=8.1.2") format("woff2");
}

:root {
	--wd-text-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(99,99,99);
	--wd-text-font-size: 14px;
	--wd-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Satisfy", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(158,191,181);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: rgb(30,115,190);
	--wd-link-color-hover: rgb(6,91,219);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(172,199,191);
	--btn-accented-bgcolor-hover: rgb(158,191,181);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(123,183,152);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(211,194,85);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://delbonodesign.com/wp-content/uploads/2021/07/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(214,26,26);
	background-image: none;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://delbonodesign.com/wp-content/uploads/2025/03/header-decor-shop3.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.product-labels .product-label.onsale {
	background-color: rgb(0,169,132);
}
.product-labels .product-label.new {
	background-color: rgb(138,177,114);
}
.product-labels .product-label.featured {
	background-color: rgb(90,214,2);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(214,214,179);
	color: rgb(30,30,30);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(244,244,244);
	color: rgb(117,117,117);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


@font-face {
    font-family: 'Readex_Pro';
    src: url('https://delbonodesign.com/fonts/ReadexPro-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Readex_Pro_SemiBold';
    src: url('https://delbonodesign.com/fonts/ReadexPro-SemiBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Allinea le product-labels sull’immagine principale a sinistra nel product single */
.woocommerce-product-gallery .product-labels[class*="labels-rounded"] {
	inset-inline-end: unset !important;
  inset-inline-start: 15px !important;
}

.reviews {border: 1px solid #ededed; padding:10px;}
.review-star {font-size: 30px; color: #F7BE68;}
.hidden {display:none !important;}

.wd-tools-icon.plus_add.single_add_to_cart_button {display:none !important;}

.woocommerce-grouped-product-list-item__quantity.product-quantity input.minus {display:none;}
.woocommerce-grouped-product-list-item__quantity.product-quantity input.plus {display:none;}
.woocommerce-grouped-product-list-item__quantity.product-quantity input.plus_add {display:inline-flex !important;}
.woocommerce-grouped-product-list-item__quantity.product-quantity .wd-tools-icon.plus_add.single_add_to_cart_button {display:inline-flex !important;}
.woocommerce-grouped-product-list-item__quantity.product-quantity button.wd-tools-icon:before {
	content: "\f147a";
	font-family:"woodmart-font";display:inline-flex}
.single_add_to_cart_button:before{	content: "\f147a" !important;	font-family:"woodmart-font";display:inline-flex !important}

.googlesitekit-sign-in-with-google__frontend-output-button {
    padding-bottom: 10px;
}

body strong {color: #333;}


.need-greater-quantity {color: #747474; font-weight: 400;}

/* Applica inline-block ai div nel modulo preventivi 
 * https://delbonodesign.com/preventivo/
 * */

.wpforms-confirmation-container-full {background-color: #e0e9e6 !important;border: 1px solid #9ebfb5 !important;}
.form_field_group {
  display: inline-block; /* I div saranno affiancati orizzontalmente */
  vertical-align: top; /* Allinea i div in alto */
  padding-right: 2% !important; /* Aggiungi un po' di margine tra i div */
}

.wpforms-field-container .product_group.product_quantity, .wpforms-field-container .email_phone_group.phone, .wpforms-field-container .city_group.country { padding-right: 0% !important; /* Rimuove margine da ultimo div */}

.form_field_group_x2  {
  width: 50% !important; /* Imposta la larghezza del div per farli entrare nella stessa riga */
}
.form_field_group_x3 {
  width: 33% !important; /* Imposta la larghezza del div per farli entrare nella stessa riga */
}
.wpforms-field-container .product_group.product_quantity {width: 34% !important; /* Imposta la larghezza maggiorata nell'ultimo elemento */}
.form_field_group_x4 {
  width: 25% !important; /* Imposta la larghezza del div per farli entrare nella stessa riga */
}

/* Stile per la label per un po' di spazio */
.city_group label, .email_phone_group label {
  margin-bottom: 5px;
}

/* Se i div vanno a capo per dispositivi più piccoli, li rendiamo più larghi */
@media (max-width: 768px) {
  .city_group {
    width: 100% !important; /* Larghezza al 100% sui dispositivi mobili */
    margin-right: 0 !important; /* Rimuovi il margine */
  }
}



/* slider 2 */
#slide-1497 .title-subtitle u {color: #ed0700 !important; text-decoration-line: none !important;}
#slide-1497 a {border-color: rgb(240 240 240) !important;}
#slide-1497 u {color: #ff0017 !important;}


/* Tabella sconti dinamici (pagina prodotto) */
.wd-dynamic-discounts {border: 2px solid var(--wd-primary-color) !important; margin-bottom: 20px !important; }
.wd-dynamic-discounts thead th {padding-top: 10px !important;}

/* Inizialmente, posiziona i due elementi affiancati */
.k5_wpced {
    display: flex; /* Imposta il layout come flex */
    flex-wrap: wrap; /* Consente di andare a capo se necessario */
    align-items: center; /* Allinea verticalmente gli elementi */
}
.wpced-icon:before {
	  color: var(--wd-primary-color);
    content: "\f11f" !important;
    font-family: "woodmart-font";
	  margin-inline-end: 8px;
	font-size:1.6em;
	vertical-align: middle;
}

.pi-edd {border-radius:0!important;}
.pi-edd .wpced-icon {
	margin-right: 8px !important;
}
.pi-edd  .wd-hint::before{
	background-color: #939393;
	color: #fff;
	margin-left: 10px;
}
.k5_wpced  .wd-hint.wd-tltp {
    display: flex;
    align-items: center; /* Allinea il contenuto del tooltip verticalmente */
}

.pi-edd .tooltip-inner {
    max-width: 250px; /* Impostiamo una larghezza massima per il tooltip */
}

.wpced-product {
    margin-right: 5px; /* Distanza tra i due div (puoi modificarla come preferisci) */
}
.wpced-product .wpced-inner { 
    background-color: unset; 
    padding-left: 0; 
    display: flex; /* Aggiungi display: flex per il contenuto dentro wpced-inner */
    align-items: center; /* Allinea verticalmente icona e testo */
}

.wpced-product .wpced-inner:before {
    content: ""; 
		width: 0;
    background-image: none;
    vertical-align: middle; /* Allinea verticalmente l'icona con il testo */
}


@media (max-width: 768px) {
    .k5_wpced {
        flex-direction: column; /* Quando la larghezza della finestra è piccola, posiziona i div in colonna */
        align-items: flex-start; /* Allinea gli elementi all'inizio */
			left: -10px;
    }
    .k5_wpced .wd-tltp .tooltip.top {
			left: -5px;
			transform: translateX(0%);
    }	
}

/* fine */


.woocommerce-product-details__short-description strong, .wd-text-block strong {
	color: black;
}

.variation-Estimateddeliverydate .item-variation-name:before {    content: "\f11f"; font-family: "woodmart-font";    color: var(--wd-primary-color);font-size: 110%; margin-inline-end: 6px;
}
.variation-Estimateddeliverydate span {color: #a3a3a3 !important; font-weight: normal !important;}
	

.wd-nav-main>li>a, .wd-nav-secondary>li>a, 
legend, h1, h2, h3, h4, h5, h6, .title,
.wd-nav-tabs>li>a {font-family: 'Readex_Pro', var(--wd-header-el-font) !important;}


.woocommerce-grouped-product-list-item .plus_add.single_add_to_cart_button:before {inset: auto; opacity: 1 !important;box-shadow: unset;}
.woocommerce-grouped-product-list-item .input-text.qty.text {width:40px; border-left: var(--wd-form-brd-width) solid var(--wd-form-brd-color); }

/*product*/
.product-details-tab .woodmart-title-container.title {font-size: larger;}
.product-details-tab .title-after_title {font-size: 1.15em;color:#565656;}

/*acymailing*/
#acym_fulldiv_formAcym1.acym__subscription__form__shortcode {background-color: #ff000000 !important;}
#field_terms_formAcym1 label, #field_terms_formAcym1 a {color: #ffffff;}
#acym_fulldiv_formAcym1 input{border: 1px solid #ffffff5c !important;}

/* back in stock notification */
.cwg_popup_submit {display:block;}
.cwginstock-subscribe-form .panel-primary>.panel-heading {
    color: #fff;
    background-color:  var(--wd-primary-color);
    border-color:  var(--wd-primary-color);
}

.cwginstock-subscribe-form .panel-primary {
border-color:  var(--wd-primary-color);
}
.cwginstockerror {color:  #c18e70!important;}
.cwginstocksuccess {color:  var(--wd-primary-color) !important; }


#tab-title-wd_custom_tab, #tab-item-title-wd_custom_tab {display:none;}

.wd-product-video {background-color: #ffffff !important;}
p a {    text-decoration: underline;}
.wd-product-countdown .wd-timer-value {color: red;}
.dwspecs-product-table-group .title-wrapper .title {text-transform: uppercase;}
/* PRODUCT FAQS */
.faqImage {float:left;width: 50px; height:auto;margin: 0 15px 10px 0;}
.wpml-ls-slot-62, .wd-accordion-title-text {display: flex !important;}
.woocommerce-product-details__short-description {margin-bottom: 60px!important;}


.pi-edd {
    position: relative;
}
.pi-edd .tooltip.top {
    left: 50%;
    transform: translateX(-50%);
    white-space: normal; /* così si adatta in larghezza su mobile */
    max-width: 250px;     /* limita larghezza in mobile */
}

@media (max-width: 576px) {
	.pi-edd .tooltip.top {
		transform: translateX(0%);
	}
}@media (min-width: 577px) and (max-width: 767px) {
	#wd-67b5b845e7f87 .banner-btn-wrapper {margin-top:0;}
.k5_wpced {margin-left: 15px !important;}
.k5_wpced .wpced {margin-right: 0px !important;}

    .k5_wpced {
        display: flex !important; /* Gli elementi saranno in fila */
        flex-direction: row !important; /* Posizionamento orizzontale */
        flex-wrap: nowrap !important; /* Gli elementi non vanno a capo */
        gap: 0px !important; /* Distanza tra gli elementi */
        width: auto !important; /* Usa solo la larghezza necessaria */
        min-width: 0 !important; /* Evita che si estenda oltre la larghezza disponibile */
    }

    /* Impostiamo l'icona per non fargli cambiare dimensione */
    .wpced-icon {
        flex-shrink: 0 !important; /* Non lasciare che l'icona si riduca */
        width: 20px !important;
        height: 20px !important;
        flex-basis: auto !important; /* Impedisce che l'icona cambi dimensioni */
    }

    /* Impostiamo il testo per non andare a capo, ma farlo se necessario */
    .wpced.al {
        flex-grow: 0 !important; /* Il testo non cresce oltre la dimensione necessaria */
        min-width: 0 !important; /* Evita che il testo si espanda troppo */
        white-space: normal !important; /* Permette al testo di andare a capo */
        word-wrap: break-word !important; /* Prevenire l'overflow */
    }

    /* Tooltip: posizionamento e non va a capo */
    .wd-hint.wd-tltp {
        flex-shrink: 0 !important;
        margin-left: 5px !important; /* Distanza minima tra testo e tooltip */
        position: relative !important; /* Assicura il posizionamento corretto */
        margin-left: 5px !important;
    }

    .tooltip.top {
        position: absolute !important;
        right: 0 !important; /* Forza il tooltip a rimanere dentro la finestra */
        left: auto !important; /* Impedisce che si allarghi verso sinistra */
        max-width: 90vw !important; /* Evita che il tooltip sia più largo della finestra */
        white-space: normal !important; /* Permette il testo a capo invece di allungarsi fuori */
        word-wrap: break-word !important; /* Assicura che il testo non esca */
        text-align: left !important; /* Mantiene il testo leggibile */
    }

    .tooltip-arrow {
        right: 10px !important; /* Sposta la freccia del tooltip se necessario */
        left: auto !important;
    }
}

@media (max-width: 576px) {
	h2 {font-size: 18px;}
.cmplz-cookiebanner .cmplz-message {height:50px;}

/* k5 add to cart box height on mobile */
.shop-table-with-img div.quantity {--wd-form-height: 42px !important;}
/* k5 light background on small product box */
.wd-product .product-image-link {background-color: #bfbfbf;}
.wd-product:not(.wd-hover-small) :is(.product-image-link,.hover-img) img {opacity: 0.9;}
#wd-67b5b845e7f87 .banner-btn-wrapper {margin-top:0;}

.header-banner .title-wrapper { --text-align: center !important;font-size: 1em; margin-bottom: 10px !important;}
.header-banner .title-wrapper.wd-wpb {margin-bottom: 0px !important;}
.header-banner .title-wrapper .title { font-size: 16px;  }
.product-type-grouped .need-greater-quantity{font-size: .9em;}
.k5_wpced {margin-left: 15px !important;}
.k5_wpced .wpced {margin-right: 0px !important;}

    .k5_wpced {
        display: flex !important; /* Gli elementi saranno in fila */
        flex-direction: row !important; /* Posizionamento orizzontale */
        flex-wrap: nowrap !important; /* Gli elementi non vanno a capo */
        gap: 0px !important; /* Distanza tra gli elementi */
        width: auto !important; /* Usa solo la larghezza necessaria */
        min-width: 0 !important; /* Evita che si estenda oltre la larghezza disponibile */
    }

    /* Impostiamo l'icona per non fargli cambiare dimensione */
    .wpced-icon {
        flex-shrink: 0 !important; /* Non lasciare che l'icona si riduca */
        width: 20px !important;
        height: 20px !important;
        flex-basis: auto !important; /* Impedisce che l'icona cambi dimensioni */
    }

    /* Impostiamo il testo per non andare a capo, ma farlo se necessario */
    .wpced.al {
        flex-grow: 0 !important; /* Il testo non cresce oltre la dimensione necessaria */
        min-width: 0 !important; /* Evita che il testo si espanda troppo */
        white-space: normal !important; /* Permette al testo di andare a capo */
        word-wrap: break-word !important; /* Prevenire l'overflow */
    }

    /* Tooltip: posizionamento e non va a capo */
    .wd-hint.wd-tltp {
        flex-shrink: 0 !important;
        margin-left: 5px !important; /* Distanza minima tra testo e tooltip */
        position: relative !important; /* Assicura il posizionamento corretto */
        margin-left: 5px !important;
    }

    .tooltip.top {
        position: absolute !important;
        right: 0 !important; /* Forza il tooltip a rimanere dentro la finestra */
        left: auto !important; /* Impedisce che si allarghi verso sinistra */
        max-width: 90vw !important; /* Evita che il tooltip sia più largo della finestra */
        white-space: normal !important; /* Permette il testo a capo invece di allungarsi fuori */
        word-wrap: break-word !important; /* Assicura che il testo non esca */
        text-align: left !important; /* Mantiene il testo leggibile */
    }

    .tooltip-arrow {
        right: 10px !important; /* Sposta la freccia del tooltip se necessario */
        left: auto !important;
    }
}