Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/modules/customer/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// CUSTOMER PUBLIC PAGES
// ==============================================

.customer-account-logoutsuccess,
.customer-account-create,
.customer-account-createpassword,
.customer-account-forgotpassword,
.customer-account-login,
.contact-index-index {
    .page-title {
        @extend .title-1;
    }

    .block-title {
        @extend .title-2;
    }
}

.customer-account-logoutsuccess,
.customer-account-create,
.customer-account-createpassword,
.customer-account-forgotpassword,
.contact-index-index {
    .column.main {
        max-width: 800px;
    }
}

//
//  Login
//  _____________________________________________

.customer-account-login {
    .page-title-wrapper {
        @extend .visually-hidden;
    }
}

.login-container {
    @extend .flex-wrapper;

    .block-title {
        margin-bottom: 20px;
        text-align: center;

        @include breakpoint(md) {
            margin-bottom: 30px;
            text-align: left;
        }

        & > h2,
        & > .title,
        & > strong{
            @extend .title-1;
            margin-bottom: 0;
        }

        & > span {
            @extend .subtitle-2;
        }
    }

    .block-content {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
    }

    // Login
    .login {
        form {
            @include breakpoint(md) {
                display: flex;
                flex-direction: column;
                height: 100%;
            }
        }

        .label {
            @extend .visually-hidden;
        }

        .input-text {
            padding: 17px 22px;
        }
    }

    // Actions
    .actions-toolbar,
    .btn-container {
        @include breakpoint(md){
            display: flex;
            flex-direction: column;
            flex: 1 1 0;
        }
    }

    .primary {
        margin-top: auto;
    }

    .action-register {
        @extend .btn--pink;
    }
}

//
// Password forgotten
//
.customer-account-forgotpassword {
    .page-main {
        max-width: 800px;

        .actions-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 20px;

            @include breakpoint(only-md) {
                flex-direction: column;
                align-items: center;
            }

            .secondary {
                font-size: 1.2rem;
                margin: 0; // Reset default style

                @include breakpoint(only-md) {
                    margin-top: 20px;
                }
            }
        }
    }
}

//
//  Create account
//  _____________________________________________

.customer-account-create {
    .page-main {
        max-width: 1180px;
    }

    .column.main {
        display: flex;
        flex-direction: column;

        @include breakpoint(lg) {
            flex-direction: row;
            align-items: flex-start;
        }
    }

    .form-create-account {
        display: flex;
        flex-direction: column;
        flex: 2;
        color: $c-blue-dark;

        @include breakpoint(lg) {
            padding-right: 45px;
            max-width: 680px;
        }

        .fieldset {
            &.account {
                .legend {
                    display: none;
                }

                .label {
                    font-size: 1.2rem;
                }
            }

            &.create {
                // Info
                &.info {
                    @include breakpoint(only-md) {
                        .field-name-lastname {
                            margin-top: 2rem;
                        }
                    }

                    @include breakpoint(md) {
                        > .fields {
                            flex-wrap: wrap;

                            > .field {
                                &.company,
                                &.fullname {
                                    flex: auto;
                                    width: 100%;
                                }

                                &.fullname {
                                    margin-top: 25px;
                                }
                            }
                        }

                        .fieldset-fullname {
                            > .fields {
                                > .field.field-name-prefix {
                                    max-width: 10rem;
                                }

                                > .fields {
                                    flex: auto;
                                    margin-right: 0;
                                    margin-left: 0;
                                }
                            }
                        }

                        .field-cnc-post,
                        .cnc_industry_sector {
                            display: inline-flex;
                            width: calc(50% - 1rem);
                            margin-top: 25px;

                            .control {
                                width: 100%;
                            }
                        }

                        .field-cnc-post {
                            margin-right: 1.6rem;
                        }
                    }
                }

                // Additional
                &.additional {
                    .legend {
                        margin-bottom: -10px;
                    }

                    @include breakpoint(md) {
                        > .field {
                            display: inline-flex;
                            width: calc(50% - 1rem);

                            &:nth-child(even) {
                                margin-right: 1.6rem;
                            }

                            .control {
                                width: 100%;
                            }
                        }
                    }
                }

                // Addresses
                &.address {
                    @include breakpoint(md) {
                        > .field {
                            &.street {
                                display: block;
                                width: 100%;
                                margin-right: 0;

                                > .control {
                                    display: flex;
                                    flex-wrap: wrap;

                                    > input,
                                    > .nested {
                                        width: calc(50% - 1rem);
                                        order: 1;
                                    }

                                    > input {
                                    }

                                    > .nested {
                                        margin-left: 2rem;
                                        margin-top: 0;

                                        > .field {
                                            margin-top: 0;
                                        }
                                    }

                                    div.mage-error {
                                        order: 3;
                                        width: 100%;
                                    }
                                }
                            }

                            &.zip,
                            &.country {
                                display: inline-flex;
                                width: calc(33.3333% - 1rem);

                                .control {
                                    width: 100%;
                                }
                            }

                            &.zip {
                                margin-right: 1.6rem;

                                + .field {
                                    margin-right: 1.6rem;
                                    display: inline-flex;
                                    width: calc(33.3333% - 2rem);

                                    .control {
                                        width: 100%;
                                    }
                                }
                            }

                            &.telephone,
                            &.taxvat {
                                display: inline-flex;
                                width: calc(50% - 1rem);

                                .control {
                                    width: 100%;
                                }
                            }

                            &.telephone {
                                margin-right: 1.6rem;
                            }
                        }
                    }
                }

                // Source
                &.cnc-source {
                    display: flex;
                    flex-direction: column;

                    @include breakpoint(md) {
                        flex-direction: row;
                        align-items: center;
                    }

                    .cnc-source-label {
                        margin-bottom: 1rem;
                        font-size: 1.2rem;

                        @include breakpoint(md) {
                            margin-bottom: 0;
                            margin-right: 1.5rem;
                        }
                    }
                }

                // Newsletter
                &.newsletter {
                    .label {
                        font-size: 1.2rem;
                    }
                }
            }
        }

        .fields.personnal-info {
            display: flex;
        }

        .actions-toolbar {
            .primary {
                text-align: center;

                @include breakpoint(lg) {
                    text-align: left;
                }
            }

            .secondary {
                display: none;
            }

            .action {
                @extend .btn--pink;
                width: auto;
            }

        }

        .field:not(.choice ) .label {
            display: none;
        }
    }

    .account-create-sidebar {
        flex: 1;
        position: relative;
        margin-top: 30px;

        @include breakpoint(md) {
            padding-left: 40px;
            margin-top: 0;
        }

        .title {
            @extend .title-3;
            margin-bottom: 30px;
            color: $c-blue;
            display: none;

            @include breakpoint(md) {
                display: block;
            }
        }
    }
}

//
//  Account reinsurance block
//  _____________________________________________
.reinsurance-list {
    max-width: 235px;
    margin: 0 auto;

    @include breakpoint(sm) {
        max-width: 500px;
    }

    > ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;

        > li {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 20px;
            color: $c-blue-dark;
            font-size: 1.2rem;
            font-weight: $fw-roboto-bold;
            line-height: 1.6;
            border-bottom: 1px solid $c-grey;

            @include breakpoint(sm) {
                width: 50%;
                padding: 0 10px 40px 0;
                border-bottom: none;
            }

            span[class^='icon'] {
                color: $c-blue;
                font-size: 3.5rem;
                margin-right: 15px;

                @include breakpoint(md) {
                    font-size: 4.5rem;
                }
            }
        }
    }

    @include breakpoint(only-md) {
        br {
            display: none;
        }
    }
}

//
//  Contact
//  _____________________________________________

.contact-index-index {
    form label, form .label {
        display: none;
    }
}