%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/camaservice.eco-n-tech.co.uk/wp-content/themes/camaservice/src/scss/pages/
Upload File :
Create Path :
Current File : /var/www/camaservice.eco-n-tech.co.uk/wp-content/themes/camaservice/src/scss/pages/_location.scss

.location {
    &__head {
        background: #f2fafc;
        color: $secondary-color;
        padding: calc-rem(50) 0;
        text-transform: uppercase;
    }
    &__wrapper {
        display: flex;
        flex-wrap: wrap;
        row-gap: calc-rem(20);
        padding-bottom: calc-rem(70);
        @include media-breakpoint-down(sm) {
            row-gap: inherit;
        }
    }
    &__col {
        flex: 50%;
        max-width: 50%;
        width: 50%;
        @include media-breakpoint-down(xl) {
            flex: 100%;
            max-width: 100%;
            width: 100%;
        }
        .title {
            padding-top: calc-rem(50);
            padding-bottom: calc-rem(40);
            margin-bottom: 0;
            @include media-breakpoint-down(sm) {
                padding-top: calc-rem(30);
                padding-bottom: calc-rem(20);
            }
        }

        .item-wrapper {
            display: flex;
            flex-wrap: wrap;
            .ul-item {
                flex: 50%;
                max-width: 50%;
                padding: 0 calc-rem(10);
                margin-bottom: calc-rem(70);
                @include media-breakpoint-down(sm) {
                    flex: 100%;
                    max-width: 100%;
                    width: 100%;
                    margin-bottom: calc-rem(40);
                }
                &__title {
                    border-bottom: calc-rem(0.5) solid #dbdbdb;
                    padding: calc-rem(10) 0;
                }
                ul {
                    padding: 0;
                }
                li {
                    list-style-type: none;
                    position: relative;
                    padding-left: calc-rem(30);
                    margin: calc-rem(10) 0;
                    &:hover {
                        &::after {
                            border-bottom: calc-rem(2) solid $primary-color;
                            border-left: calc-rem(2) solid $primary-color;
                        }
                    }
                    &::after {
                        content: "";
                        transform: translateY(-50%) rotate(-135deg);
                        display: block;
                        width: calc-rem(10);
                        height: calc-rem(10);
                        border-bottom: calc-rem(2) solid $secondary-color;
                        border-left: calc-rem(2) solid $secondary-color;
                        -webkit-transition: all .3s ease;
                        -o-transition: all .3s ease;
                        transition: all .3s ease;
                        position: absolute;
                        top: 50%;
                        left: 0;
                    }
                    a {
                        color: $secondary-color;
                        &:hover {
                            color: $primary-color;
                        }
                    }
                }
            }
        }
    }
}

Zerion Mini Shell 1.0