:root {
    --border-radius: 20px;
    --snake-border-width: 1px;
    --snake-border-color: var(--mc-black);
}
/* request a quote scrolling */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 50px;
}
/* request a quote steps */
.request-quote-steps.instructions {
    margin-bottom: 1rem !important;
    font-size: inherit;
}
.request-quote-steps.instructions .login-section {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.request-quote-steps.instructions .login-section a {
    width: 100%;
    text-align: center;
    padding: 10px !important;
    min-width: 190px;
    height: fit-content !important;
}
.request-quote-steps {
    margin: auto !important;
    max-width: 900px;
    font-size: larger;
    display: flex;
    line-height: 1.2;
    flex-direction: row;
    gap: 1rem;
}
body.quote-basket #main form.addify-quote-form .cart_totals tr td[data-title="Total"] > .login-price {
    color: var(--mc-black) !important;
}

@media screen and (max-width: 768px) {
    .request-quote-steps.instructions {
        display: initial;
    }
}
.request-quote-steps.step-1 {
    margin-bottom: 10px;
}
.request-quote-steps .step-label {
    margin-right: 10px;
    font-weight: 700;
    white-space: nowrap;
}
.request-quote-steps .step-content a {
    color: var(--my-primary);
}
/* request a quote basket */
.woocommerce table.shop_table.cart {
    border-radius: var(--border-radius); !important;
    border: 1px solid rgba(0,0,0,0.4);
}
.woocommerce table.shop_table.cart th {
    padding: 9px 12px !important;
    border-bottom: 1px solid rgba(0,0,0,0.4);
}
.woocommerce table.shop_table.cart tr.cart_item td {
    border-bottom: 1px solid rgba(0,0,0,0.4);
}
.woocommerce table.shop_table.cart tr td:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.4);
}
.cart_totals {
    width: fit-content !important;
    margin-right: 25px;
    float: right !important;
}
.cart_totals > * {
    text-align: end !important;
}
.woocommerce table.shop_table .product-thumbnail img {
    margin-bottom: 20px;
}
/* request a quote form */
.af_quote_fields {
    background-color: unset !important;
}
.af_quote_fields table {
    width: 80%!important;
}
.af_quote_fields .form_row {
    display: flex;
    justify-content: center;
}
.af_quote_fields tr th,
.af_quote_fields tr td {
    width: 100%!important;
}
.af_quote_fields tr td input,
.af_quote_fields tr td textarea,
.af_quote_fields tr td select {
    border-left-width: 4px !important;
}
.af_quote_fields tr td input,
.af_quote_fields tr td option {
    /* font-weight: 400!important; */
    /* font-size: 16px!important; */
}
.af_quote_fields tr td select {
    margin-bottom: 8px;
    background-color: white!important;
    height: 36px;
    width: 100% !important;
}
.af_quote_fields tr td textarea {
    line-height: 1.2!important;
    height: 6.5rem;
}
.af_quote_fields tr td textarea::placeholder {
    color: var(--my-medium) !important;
}
.af_quote_fields tr {
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    background-color: var(--hs-grey);
}
.af_quote_fields tr:nth-last-child(3) {
    grid-column: span 2;
}
.af_quote_fields tr:nth-last-child(3) th {
    width: unset !important;
}
.af_quote_fields tr:last-child td {
    display: flex;
    width: 100%!important;
}
.addify {
    width: fit-content;
    float: unset;
    margin: auto;
}
.addify .cart-empty,
.addify .return-to-shop {
    padding: 10px;
    margin:  0;
}
.addify .cart-empty:before {
    content: "";
}
.addify .return-to-shop {
    height: 65px;
    background-color: #f7f6f7;
    padding: 10px 20px;
}
.addify .return-to-shop a {
    float: unset;
    display: block;
}
/* latest and greatest */
.quote-fields [name="state"],
.quote-fields [name="type-of-buyer"],
.quote-fields [name="project-notes"],
.quote-fields [name="how-did-you-hear"] ,
.quote-fields [name="subscribe"] {
    padding-bottom: 2rem;
}
.quote-fields [name="first-name"],
.quote-fields [name="last-name"],
.quote-fields [name="project-name"],
.quote-fields [name="estimated-install-date"],
.quote-fields [name="estimated-install-date"],
.quote-fields [name="how-did-you-hear"] ,
.quote-fields [name="subscribe"] {
    margin-top: 1rem;
}
.quote-fields [name="state"],
.quote-fields [name="type-of-buyer"],
.quote-fields [name="project-notes"] {
    margin-bottom: 4rem;
}
.quote-fields [name="subscribe"] {
    margin-top: 1rem !important;
}
.quote-fields [name="subscribe"] input {
    accent-color: var(--my-primary);
    height: 2rem;
    margin-top: 0.5rem !important;
}

/* add section headings using :after */
.quote-fields [name="first-name"],
.quote-fields [name="project-name"],
.quote-fields [name="how-did-you-hear"] {
    position: relative;
}

.quote-fields [name="first-name"]:after,
.quote-fields [name="project-name"]:after,
.quote-fields [name="how-did-you-hear"]:after {
    position: absolute;
    top: -3.5rem;
    /*left: -0.5rem;*/
    font-size: x-large;
    /* font-weight: 700; */
}
.quote-fields [name="first-name"]:after {
    content: 'Your Information';
}
.quote-fields [name="project-name"]:after {
    content: 'Project Information';
}
.quote-fields [name="how-did-you-hear"]:after {
    content: 'MooreCo Information';
}
.quote-fields th,
.quote-fields td {
    padding: 0 2rem;
}
@media screen and (max-width: 767px) {
    .af_quote_fields {
        padding: 50px 0 !important;
    }
    .af_quote_fields table.quote-fields {
        width: 100% !important;
    }
    .af_quote_fields table.quote-fields tr td {
        /*width: calc(100% - var(--border-radius)) !important;*/
    }
    .quote-fields .addify-option-field {
        margin-top: 0;
        margin-bottom: 0;
    }
    .quote-fields [name="first-name"],
    .quote-fields [name="company-name"],
    .quote-fields [name="phone-number"],
    .quote-fields [name="state"],
    .quote-fields [name="type-of-buyer"],
    .quote-fields [name="how-did-you-hear"],
    .quote-fields [name="project-notes"] {
        /*margin-right: var(--border-radius);*/
        /*border-right: none;*/
        /*border-top-left-radius: var(--border-radius);*/
        /*border-bottom-left-radius: var(--border-radius);*/
        /* border-top: var(--snake-border-width) solid var(--snake-border-color); */
        /* border-left: var(--snake-border-width) solid var(--snake-border-color); */
        /* border-bottom: var(--snake-border-width) solid var(--snake-border-color); */
    }
    .quote-fields [name="last-name"],
    .quote-fields [name="company-position"],
    .quote-fields [name="email"],
    .quote-fields [name="project-zip-code"],
    .quote-fields [name="estimated-install-date"],
    .quote-fields [name="project-name"] {
        /*margin-left: var(--border-radius);*/
        /*border-top: none;*/
        /*border-top-right-radius: var(--border-radius);*/
        /*border-bottom-right-radius: var(--border-radius);*/
        /* border-right: var(--snake-border-width) solid var(--snake-border-color); */
    }
    .quote-fields [name="email"] {
        /* border-bottom: var(--snake-border-width) solid var(--snake-border-color); */
    }
    .quote-fields [name="subscribe"] {
        /*border: var(--snake-border-width) solid var(--snake-border-color);*/
    }
    .quote-fields [name="first-name"] > *,
    .quote-fields [name="company-name"] > *,
    .quote-fields [name="phone-number"] > *,
    .quote-fields [name="state"] > *,
    .quote-fields [name="type-of-buyer"] > *,
    .quote-fields [name="how-did-you-hear"] > *,
    .quote-fields [name="project-notes"] > * {
        /*margin: 0 1rem 0 0;*/
    }
    .quote-fields [name="first-name"] {
        margin-top: 2rem;
    }
    .quote-fields [name="type-of-buyer"],
    .quote-fields [name="project-notes"] {
        margin-bottom: 5rem;
    }

    .quote-fields [name="subscribe"] input {
        height: 1.5rem;
    }
    .quote-fields th {
        margin-top: 0 !important;
    }
    .quote-fields [name="first-name"]:after,
    .quote-fields [name="state"]:after,
    .quote-fields [name="subscribe"]:after {
        left: 0;
    }
}
@media screen and (min-width: 768px) {
    .af_quote_fields tbody {
        display: grid!important;
        grid-template-columns: 1fr 1fr;
    }
}