﻿:root {
    --barilla-contact-outer-background-color: red;
    --barilla-contact-background-color: red;
    --barilla-title-font: 'nettoprobold', sans-serif;
    --triage-title-font-size: 1.5em;
    --triage-title-bot-pad: 18px;
    --triage-title-color: #1C3775;
    --triage-border-color: #E5E8EB;
    --triage-border-width: 1px;
    /*--triage-button-icon: url("/src/assets/images/iconStack.svg#ShowHideArrowRight");*/
    --triage-button-color: #1C3775;
    --triage-button-font-size: 1em;
    --triage-back-font: 'nettoprobold', sans-serif;
    --triage-back-font-size: 0.875rem;
    --triage-back-transform: none;
    /*--triage-back-icon: url("/src/assets/images/iconStack.svg#SmallBlueArrow");*/
    --triage-back-left-margin: 0;
    --triage-back-position-left: -4px;
    --triage-back-position-top: -11px;
    --triage-back-icon-space: 38px;
    /*--triage-accordion-closed-icon: url("/src/assets/images/iconStack.svg#ShowHideArrow");*/
    /*--triage-accordion-open-icon: url("/src/assets/images/iconStack.svg#ShowHideArrowUp");*/
    --triage-text-color: #1C3775;
    --go-form-background: #FDC533;
    /*--go-form-curve: url("/src/assets/images/yellowCurve.svg");*/
    /*--go-form-curve-large: url("/src/assets/images/yellowCurve2.svg");*/
    --go-form-title-size: 1.875rem;
    --go-form-text-color: #1C3775;
    --step-header-background-color: #1C3775;
    --step-header-background-image: none;
    --step-header-top-pad: 80px;
    --step-header-top-margin: 24px;
    --step-header-top-margin-tablet: 32px;
    --step-header-top-margin-desktop: 40px;
    --step-header-text-color: #fff;
    /*--step-header-back-icon: url("/src/assets/images/iconStack.svg#SmallWhiteArrow");*/
    --step-header-number-color: #1C3775;
    /*--step-header-tick: url("/src/assets/images/confirmTick.svg");*/
    /*--step-header-tick-large: url("/src/assets/images/confirmTickLarge.svg");*/
    --step-header-active-color: #FDC533;
    --step-header-text-pad: 3px;
    --step-header-title-color: #ffffff;
    --step-header-text-transform: uppercase;
    /*--step-header-selection-close: url("/src/assets/images/iconStack.svg#SmallWhiteClose");*/
    --step-header-selection-background: #142753;
    --step-header-selection-pad: 9px;
    --step-header-selection-color: #FDC533;
    --step-header-title-spacing: 0.08em;
    --step-header-selection-title: 0.75rem;
    --step-header-width-limiter: 1200px;
    --form-background-color: #FAF8F5;
    --form-basic-color: #1C3775;
    --form-initial-color: #1C3775;
    --form-alt-color: #B5BED0;
    --form-text-align: left;
    --form-border-initial: #E5E8EB;
    --form-border-radius: 8px;
    --form-font-weight-option: normal;
    /*--form-world-icon: url("/src/assets/images/iconStack.svg#World");*/
    /*--form-select-arrow: url("/src/assets/images/iconStack.svg#SelectArrowBlue");*/
    /*--form-submitted-decoration: url("/src/assets/images/pastaShape.webp");*/
    --form-submitted-width: 97px;
    --form-submitted-height: 72px;
    --arrow-radio-border: 1px solid #E5E8EB;
    --arrow-radio-radius: 8px;
    --arrow-radio-padding: 19px 56px 19px 16px;
    --arrow-radio-min-height: 56px;
    --arrow-radio-img-top: -6px;
    --form-product-example-width: 172px;
    --form-product-example-height: 98px;
}

.triageFaq h2 + .triageStepButton {
    border-top: none;
}

.triageAccordion:first-child .triageToggleButton {
    border-top: none;
}

.triageStepButton {
    background: url("../images/icons/iconStack.svg?v=2#ShowHideArrowRight") 100% center no-repeat #FAF8F5;
    background-size: auto 44px;
    width: 100%;
    min-height: 60px;
    border-top: 1px solid #E5E8EB;
    border-bottom: 1px solid #E5E8EB;
    font-family: 'nettoprobold', sans-serif;
    font-size: 1rem;
    text-align: left;
    color: #1C3775;
    padding: 12px 50px 12px 0;
}

.triageStepButton ~ .triageStepButton {
    border-top: none;
}

.barilla-contactus .triageFaq .backLink {
    font-size: 1rem;
    margin-left: -8px;
}

.barilla-contactus .checkContent {
    display: block;
}

.barilla-contactus .triageFaq .backLink:before {
    background: url("../images/icons/iconStack.svg?v=2#SmallBlueArrow") center center no-repeat transparent;
    background-size: auto 44px;
}

.triageToggleButton {
    background: url("../images/icons/iconStack.svg?v=2#ShowHideArrow") 100% center no-repeat #FAF8F5;
    background-size: auto 44px;
    width: 100%;
    min-height: 60px;
    border-top: 1px solid #E5E8EB;
    border-bottom: 1px solid #E5E8EB;
    font-family: 'nettoprobold', sans-serif;
    font-size: 1rem;
    text-align: left;
    color: #1C3775;
    padding: 12px 50px 12px 0;
}

.triageToggleButton.opened {
    background: url("../images/icons/iconStack.svg?v=2#ShowHideArrowUp") 100% center no-repeat #FAF8F5;
    background-size: auto 44px;
}

.accordionGroup:first-child .triageToggleButton {
    border-top: none;
}

.barilla-contactus button.btnPrimary {
    border-radius: 8px;
}

.goToFormText .button.btnPrimary {
    max-width: 400px;
    margin: 0 auto;
    display: block;
}

.barilla-contactus .goToFormContent:before {
    background: url("../images/furniture/yellowCurve.svg?v=1") 50% 0 no-repeat;
    background-size: 100% 96px;
}

@media only screen and (min-width: 1400px) {
    .barilla-contactus .goToFormContent:before {
        background: url("../images/furniture/yellowCurve2.svg?v=1") 50% 0 no-repeat;
        background-size: 100% 96px;
    }
}

.barilla-contactus .backLink:before {
    background: url("../images/icons/iconStack.svg?v=2#SmallWhiteArrow") center center no-repeat transparent;
    background-size: auto 44px;
}

.barilla-contactus .visableHeaderContent .backLink {
    padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .barilla-contactus .visableHeaderContent .backLink {
        font-size: 1em;
    }
}

@media only screen and (min-width: 1280px) {
    .barilla-contactus .visableHeaderContent .backLink {
        margin-left: -8px;
    }
}

.barilla-contactus .formStepper li.active:before {
    background: url("../images/furniture/confirmTick.svg") center center no-repeat transparent;
    position: absolute;
}

@media only screen and (min-width: 768px) {
    .barilla-contactus .formStepper li.active:before {
        background: url("../images/furniture/confirmTickLarge.svg") center center no-repeat transparent;
    }
}

@media only screen and (min-width: 1024px) {
    .contactUsWrapper .barilla-contactus .stepFormHeader {
        padding-top: 100px;
    }
}

.barilla-contactus .contactWidgetForm .countrySelectHolder:before {
    background: url("../images/icons/iconStack.svg?v=2#World") center center no-repeat transparent;
}

.barilla-contactus .contactWidgetForm.contactFormDetails .countrySelectHolder:before {
    background: none;
}

.barilla-contactus .contactWidgetForm .countrySelectHolder {
    background-image: url("../images/icons/iconStack.svg?v=2#SelectArrowBlue");
    background-position: 100% center;
    background-repeat: no-repeat;
}

.barilla-contactus .contactForms .selectionMarkers li span {
    background: url("../images/icons/iconStack.svg?v=2#SmallWhiteClose") calc(100% + 4px) center no-repeat #142753;
}

.barilla-contactus .contactForms .formIndent.selectionMarkers h3 {
    font-family: 'nettoproblack', sans-serif;
}

.barilla-contactus .contactWidgetForm .arrowRadio {
    background: url("../images/icons/iconStack.svg?v=2#ShowHideArrowRight") 100% center no-repeat #fff;
}

.barilla-contactus .submittedDecoration {
    background: url("../images/cmsExamples/products/productShapeExample.webp");
}

.barilla-contactus .productBarcodeDecoration {
    background: url("../images/placeholders/barcode-it-temp.webp");
}

.barilla-contactus .formConfirmScreen .button {
    padding-top: 15px;
}