:root {
    --c-color-primary: #67BC27;
    --c-color-primary-contrast: #ffffff;
    --c-color-primary-shade: #4c891d;
    --c-color-primary-tint: #67BC27;

    --c-color-secondary: #D0CCCA;
    --c-color-secondary-contrast: #000000;
    --c-color-secondary-shade: #A3A3A3;
    --c-color-secondary-tint: #D6D6D6;

    --c-color-success: #106532;
    --c-color-success-contrast: #ffffff;
    --c-color-success-shade: #0e592c;
    --c-color-success-tint: #287447;

    --c-color-warning: #ffc409;
    --c-color-warning-contrast: #000000;
    --c-color-warning-shade: #e0ac08;
    --c-color-warning-tint: #ffca22;

    --c-color-danger: #B00020;
    --c-color-danger-contrast: #ffffff;
    --c-color-danger-shade: #9b001c;
    --c-color-danger-tint: #b81a36;

    --c-color-dark: #222428;
    --c-color-dark-contrast: #ffffff;
    --c-color-dark-shade: #1e2023;
    --c-color-dark-tint: #383a3e;

    --c-color-medium: #92949c;
    --c-color-medium-contrast: #000000;
    --c-color-medium-shade: #808289;
    --c-color-medium-tint: #9d9fa6;

    --c-color-light: #f4f5f8;
    --c-color-light-contrast: #000000;
    --c-color-light-shade: #d7d8da;
    --c-color-light-tint: #f5f6f9;

    --c-color-step-0: #000000;
    --c-color-step-50: #0d0d0d;
    --c-color-step-100: #1a1a1a;
    --c-color-step-150: #262626;
    --c-color-step-200: #333333;
    --c-color-step-250: #404040;
    --c-color-step-300: #4d4d4d;
    --c-color-step-350: #595959;
    --c-color-step-400: #666666;
    --c-color-step-450: #737373;
    --c-color-step-500: #808080;
    --c-color-step-550: #8c8c8c;
    --c-color-step-600: #999999;
    --c-color-step-650: #a6a6a6;
    --c-color-step-700: #b3b3b3;
    --c-color-step-750: #bfbfbf;
    --c-color-step-800: #cccccc;
    --c-color-step-850: #d9d9d9;
    --c-color-step-900: #e6e6e6;
    --c-color-step-950: #f2f2f2;
    --c-color-step-1000: #ffffff;

    --c-background: #E6E6E6;
    --c-background-contrast: #000000;
    /*colore testo*/
    --c-background-shade: #B8B8B8;
    --c-background-tint: #EBEBEB;

    --c-background-secondary: #F9F9FA;
    --c-background-secondary-contrast: #ffffff;
    --c-background-secondary-shade: #c7c7c8;
    --c-background-secondary-tint: #959596;

    --c-header-background: #ffffff;
    --c-header-background-contrast: #000000;
    --c-header-background-shade: #CCCCCC;
    --c-header-background-tint: #ffffff;

    --c-menu-link-color: #000000;
    --c-menu-link-active-color: #ffffff;
    --c-menu-link-hover-color: #222222;
    --c-menu-background-color: #444444;

    --c-card-color-title: #ffffff;
    --c-card-color-description: #999999;
    --c-card-background-color: #333333;
    --c-card-background-color-contrast: #999999;
    --c-card-background-color-shade: #292929;
    --c-card-background-color-tint: #5C5C5C;

    --c-button-primary-background: #67BC27;
    --c-button-primary-background-contrast: #ffffff;
    --c-button-primary-background-shade: #222222;
    --c-button-primary-background-tint: #444444;
    --c-button-primary-color: #ffffff;
    --c-button-primary-color-hover: #ffffff;

    --c-button-secondary-background: #D0CCCA;
    --c-button-secondary-background-contrast: #ffffff;
    --c-button-secondary-background-shade: #A3A3A3;
    --c-button-secondary-background-tint: #D6D6D6;
    --c-button-secondary-color: #ffffff;
    --c-button-secondary-color-hover: #ffffff;

    --c-button-tertiary-background: #cccccc;
    --c-button-tertiary-background-contrast: #333333;
    --c-button-tertiary-background-shade: #A3A3A3;
    --c-button-tertiary-background-tint: #D6D6D6;
    --c-button-tertiary-color: #333333;
    --c-button-tertiary-color-hover: #333333;

    --c-modal-bg-layer-color: rgba(0, 0, 0, 0.6);
    --c-modal-close-color: #aaaaaa;
    --c-modal-background-color: #333333;
    --c-modal-background-color-contrast: #999999;
    --c-modal-background-color-shade: #292929;
    --c-modal-background-color-tint: #5C5C5C;
    --c-modal-title-color: #ffffff;
    --c-modal-text-color: #999999;

    --c-header-background: #ffffff;
    --c-footer-background: #eeeeee;

    --c-home-1-headline-background: #000000;
    --c-home-1-headline-contrast: #ffffff;

    --c-home-1-slider-indicator: #ffffff;
    --c-home-1-slider-indicator-contrast: #777777;

    --c-home-1-box-service-1-background: #ffffff;
    --c-home-1-box-service-1-background-contrast: #000000;
    --c-home-1-box-service-1-subtitle: #777777;

    --c-home-1-box-service-2-background: #67BC27;
    --c-home-1-box-service-2-background-contrast: #ffffff;
    --c-home-1-box-service-2-subtitle: #ebebeb;

    --c-home-1-box-service-3-background: #ffffff;
    --c-home-1-box-service-3-background-contrast: #000000;
    --c-home-1-box-service-3-subtitle: #777777;
}

/*
 * Dark Colors
 * -------------------------------------------
 */
@media (prefers-color-scheme: dark) {
    body {
        --c-color-primary: #67BC27;
        --c-color-primary-contrast: #ffffff;
        --c-color-primary-shade: #4c891d;
        --c-color-primary-tint: #67BC27;

        --c-color-secondary: #D0CCCA;
        --c-color-secondary-contrast: #000000;
        --c-color-secondary-shade: #A3A3A3;
        --c-color-secondary-tint: #D6D6D6;

        --c-color-success: #106532;
        --c-color-success-contrast: #ffffff;
        --c-color-success-shade: #0e592c;
        --c-color-success-tint: #287447;

        --c-color-warning: #ffc409;
        --c-color-warning-contrast: #000000;
        --c-color-warning-shade: #e0ac08;
        --c-color-warning-tint: #ffca22;

        --c-color-danger: #B00020;
        --c-color-danger-contrast: #ffffff;
        --c-color-danger-shade: #9b001c;
        --c-color-danger-tint: #b81a36;

        --c-color-dark: #222428;
        --c-color-dark-contrast: #ffffff;
        --c-color-dark-shade: #1e2023;
        --c-color-dark-tint: #383a3e;

        --c-color-medium: #92949c;
        --c-color-medium-contrast: #000000;
        --c-color-medium-shade: #808289;
        --c-color-medium-tint: #9d9fa6;

        --c-color-light: #f4f5f8;
        --c-color-light-contrast: #000000;
        --c-color-light-shade: #d7d8da;
        --c-color-light-tint: #f5f6f9;

        --c-color-step-0: #000000;
        --c-color-step-50: #0d0d0d;
        --c-color-step-100: #1a1a1a;
        --c-color-step-150: #262626;
        --c-color-step-200: #333333;
        --c-color-step-250: #404040;
        --c-color-step-300: #4d4d4d;
        --c-color-step-350: #595959;
        --c-color-step-400: #666666;
        --c-color-step-450: #737373;
        --c-color-step-500: #808080;
        --c-color-step-550: #8c8c8c;
        --c-color-step-600: #999999;
        --c-color-step-650: #a6a6a6;
        --c-color-step-700: #b3b3b3;
        --c-color-step-750: #bfbfbf;
        --c-color-step-800: #cccccc;
        --c-color-step-850: #d9d9d9;
        --c-color-step-900: #e6e6e6;
        --c-color-step-950: #f2f2f2;
        --c-color-step-1000: #ffffff;

        --c-background: #E6E6E6;
        --c-background-contrast: #000000;
        /*colore testo*/
        --c-background-shade: #B8B8B8;
        --c-background-tint: #EBEBEB;

        --c-background-secondary: #F9F9FA;
        --c-background-secondary-contrast: #ffffff;
        --c-background-secondary-shade: #c7c7c8;
        --c-background-secondary-tint: #959596;

        --c-header-background: #ffffff;
        --c-header-background-contrast: #000000;
        --c-header-background-shade: #CCCCCC;
        --c-header-background-tint: #ffffff;

        --c-menu-link-color: #000000;
        --c-menu-link-active-color: #ffffff;
        --c-menu-link-hover-color: #222222;
        --c-menu-background-color: #444444;

        --c-card-color-title: #ffffff;
        --c-card-color-description: #999999;
        --c-card-background-color: #333333;
        --c-card-background-color-contrast: #999999;
        --c-card-background-color-shade: #292929;
        --c-card-background-color-tint: #5C5C5C;

        --c-button-primary-background: #67BC27;
        --c-button-primary-background-contrast: #ffffff;
        --c-button-primary-background-shade: #222222;
        --c-button-primary-background-tint: #444444;
        --c-button-primary-color: #ffffff;
        --c-button-primary-color-hover: #ffffff;

        --c-button-secondary-background: #D0CCCA;
        --c-button-secondary-background-contrast: #ffffff;
        --c-button-secondary-background-shade: #A3A3A3;
        --c-button-secondary-background-tint: #D6D6D6;
        --c-button-secondary-color: #ffffff;
        --c-button-secondary-color-hover: #ffffff;

        --c-button-tertiary-background: #cccccc;
        --c-button-tertiary-background-contrast: #333333;
        --c-button-tertiary-background-shade: #A3A3A3;
        --c-button-tertiary-background-tint: #D6D6D6;
        --c-button-tertiary-color: #333333;
        --c-button-tertiary-color-hover: #333333;

        --c-modal-bg-layer-color: rgba(0, 0, 0, 0.6);
        --c-modal-close-color: #aaaaaa;
        --c-modal-background-color: #333333;
        --c-modal-background-color-contrast: #999999;
        --c-modal-background-color-shade: #292929;
        --c-modal-background-color-tint: #5C5C5C;
        --c-modal-title-color: #ffffff;
        --c-modal-text-color: #999999;

        --c-header-background: #ffffff;
        --c-footer-background: #eeeeee;

        --c-home-1-headline-background: #000000;
        --c-home-1-headline-contrast: #ffffff;

        --c-home-1-slider-indicator: #ffffff;
        --c-home-1-slider-indicator-contrast: #777777;

        --c-home-1-box-service-1-background: #ffffff;
        --c-home-1-box-service-1-background-contrast: #000000;
        --c-home-1-box-service-1-subtitle: #777777;

        --c-home-1-box-service-2-background: #67BC27;
        --c-home-1-box-service-2-background-contrast: #ffffff;
        --c-home-1-box-service-2-subtitle: #ebebeb;

        --c-home-1-box-service-3-background: #ffffff;
        --c-home-1-box-service-3-background-contrast: #000000;
        --c-home-1-box-service-3-subtitle: #777777;
    }
}

body.dark {
    --c-color-primary: #67BC27;
    --c-color-primary-contrast: #ffffff;
    --c-color-primary-shade: #4c891d;
    --c-color-primary-tint: #67BC27;

    --c-color-secondary: #D0CCCA;
    --c-color-secondary-contrast: #000000;
    --c-color-secondary-shade: #A3A3A3;
    --c-color-secondary-tint: #D6D6D6;

    --c-color-success: #106532;
    --c-color-success-contrast: #ffffff;
    --c-color-success-shade: #0e592c;
    --c-color-success-tint: #287447;

    --c-color-warning: #ffc409;
    --c-color-warning-contrast: #000000;
    --c-color-warning-shade: #e0ac08;
    --c-color-warning-tint: #ffca22;

    --c-color-danger: #B00020;
    --c-color-danger-contrast: #ffffff;
    --c-color-danger-shade: #9b001c;
    --c-color-danger-tint: #b81a36;

    --c-color-dark: #222428;
    --c-color-dark-contrast: #ffffff;
    --c-color-dark-shade: #1e2023;
    --c-color-dark-tint: #383a3e;

    --c-color-medium: #92949c;
    --c-color-medium-contrast: #000000;
    --c-color-medium-shade: #808289;
    --c-color-medium-tint: #9d9fa6;

    --c-color-light: #f4f5f8;
    --c-color-light-contrast: #000000;
    --c-color-light-shade: #d7d8da;
    --c-color-light-tint: #f5f6f9;

    --c-color-step-0: #000000;
    --c-color-step-50: #0d0d0d;
    --c-color-step-100: #1a1a1a;
    --c-color-step-150: #262626;
    --c-color-step-200: #333333;
    --c-color-step-250: #404040;
    --c-color-step-300: #4d4d4d;
    --c-color-step-350: #595959;
    --c-color-step-400: #666666;
    --c-color-step-450: #737373;
    --c-color-step-500: #808080;
    --c-color-step-550: #8c8c8c;
    --c-color-step-600: #999999;
    --c-color-step-650: #a6a6a6;
    --c-color-step-700: #b3b3b3;
    --c-color-step-750: #bfbfbf;
    --c-color-step-800: #cccccc;
    --c-color-step-850: #d9d9d9;
    --c-color-step-900: #e6e6e6;
    --c-color-step-950: #f2f2f2;
    --c-color-step-1000: #ffffff;

    --c-background: #E6E6E6;
    --c-background-contrast: #000000;
    /*colore testo*/
    --c-background-shade: #B8B8B8;
    --c-background-tint: #EBEBEB;

    --c-background-secondary: #F9F9FA;
    --c-background-secondary-contrast: #ffffff;
    --c-background-secondary-shade: #c7c7c8;
    --c-background-secondary-tint: #959596;

    --c-header-background: #ffffff;
    --c-header-background-contrast: #000000;
    --c-header-background-shade: #CCCCCC;
    --c-header-background-tint: #ffffff;

    --c-menu-link-color: #000000;
    --c-menu-link-active-color: #ffffff;
    --c-menu-link-hover-color: #222222;
    --c-menu-background-color: #444444;

    --c-card-color-title: #ffffff;
    --c-card-color-description: #999999;
    --c-card-background-color: #333333;
    --c-card-background-color-contrast: #999999;
    --c-card-background-color-shade: #292929;
    --c-card-background-color-tint: #5C5C5C;

    --c-button-primary-background: #000000;
    --c-button-primary-background-contrast: #ffffff;
    --c-button-primary-background-shade: #222222;
    --c-button-primary-background-tint: #444444;
    --c-button-primary-color: #ffffff;
    --c-button-primary-color-hover: #ffffff;

    --c-button-secondary-background: #D0CCCA;
    --c-button-secondary-background-contrast: #ffffff;
    --c-button-secondary-background-shade: #A3A3A3;
    --c-button-secondary-background-tint: #D6D6D6;
    --c-button-secondary-color: #ffffff;
    --c-button-secondary-color-hover: #ffffff;

    --c-button-tertiary-background: #cccccc;
    --c-button-tertiary-background-contrast: #333333;
    --c-button-tertiary-background-shade: #A3A3A3;
    --c-button-tertiary-background-tint: #D6D6D6;
    --c-button-tertiary-color: #333333;
    --c-button-tertiary-color-hover: #333333;

    --c-modal-bg-layer-color: rgba(0, 0, 0, 0.6);
    --c-modal-close-color: #aaaaaa;
    --c-modal-background-color: #333333;
    --c-modal-background-color-contrast: #999999;
    --c-modal-background-color-shade: #292929;
    --c-modal-background-color-tint: #5C5C5C;
    --c-modal-title-color: #ffffff;
    --c-modal-text-color: #999999;

    --c-header-background: #ffffff;
    --c-footer-background: #eeeeee;

    --c-home-1-headline-background: #000000;
    --c-home-1-headline-contrast: #ffffff;

    --c-home-1-slider-indicator: #ffffff;
    --c-home-1-slider-indicator-contrast: #777777;

    --c-home-1-box-service-1-background: #ffffff;
    --c-home-1-box-service-1-background-contrast: #000000;
    --c-home-1-box-service-1-subtitle: #777777;

    --c-home-1-box-service-2-background: #67BC27;
    --c-home-1-box-service-2-background-contrast: #ffffff;
    --c-home-1-box-service-2-subtitle: #ebebeb;

    --c-home-1-box-service-3-background: #ffffff;
    --c-home-1-box-service-3-background-contrast: #000000;
    --c-home-1-box-service-3-subtitle: #777777;
}

*:not(.fa, .fas, .far, .fa-regular, .fa-solid, #wpsl-map-controls span), #category-select, option, select {
    font-family: 'Barlow', sans-serif!important;
    font-weight: 500;
}

#primary-menu li:nth-child(2) a {
    /* min-width: 250px; */
    padding: 0 20px;
}

#primary-menu li:nth-child(2) span {
    padding: 10px 0px 10px 10px;
    /* border-left: 1px solid #000; */

}

/* #primary-menu li:nth-child(2) span:before {
    content: url('https://configuratore.tecnoplastinfissi.com/wp-content/uploads/sites/11/2023/02/Logo_Tecnoplast_RGB_POS_orizzo.svg');
    position: absolute;
    height: 20px;
    width: 20px;
    top: 6px;
    left: 20px;
}

#mobile-menu  li:nth-child(2) span:before {
    content: url('https://configuratore.tecnoplastinfissi.com/wp-content/uploads/sites/11/2023/02/Logo_Tecnoplast_RGB_POS_orizzo.svg');
        position: absolute;
        height: 20px;
        width: 20px;
        top: 7px;
        left: 19px;
} */

#mobile-menu li:nth-child(2) span {
    margin-left: 31px;
    padding-left: 10px;
    border-left: 1px solid #000;
}

#primary-menu .item-title,
#mobile-menu .item-title {
    min-width: auto;
}

#text-2 .textwidget {
    text-align: right;
}