.single-ic_project {
    .content-area {
        blockquote {
            font-size: 20px;
            font-style: italic;
            color: #ababab;
            font-weight: 400;
            padding: 20px 60px;
            margin: 0;

            p {
                margin: 0 0 20px 0;

                &:last-child {
                    margin: 0;
                }
            }
        }
    }
}

.project-list-style {
    .project-list-item {
        &:nth-child(odd) {
            .col-thumb {
                padding-right: 0;
            }

            .col-info {
                .info {
                    .title {
                        &:before {
                            content: '';
                            width: 60px;
                            height: 1px;
                            display: block;
                            background-color: $color__primary;
                            position: absolute;
                            top: 50%;
                            left: -80px;
                        }
                    }
                }
            }
        }

        &:nth-child(even) {
            .col-md-6:first-child {
                order: 1;
            }

            .col-thumb {
                padding-left: 0;
            }

            .col-info {
                .info {
                    text-align: right;

                    .title {
                        &:after {
                            content: '';
                            width: 60px;
                            height: 1px;
                            display: block;
                            background-color: $color__primary;
                            position: absolute;
                            top: 50%;
                            right: -80px;
                        }
                    }
                }
            }
        }

        .col-thumb {
            .thumb {
                width: 100%;
                overflow: hidden;

                img {
                    width: 100%;
                    height: auto;
                    @include transit();
                }
            }
        }

        .col-info {
            .info {
                padding: 30px;

                .title {
                    font-size: 24px;
                    font-weight: 400;
                    font-family: $font__third;
                    color: #333333;
                    display: block;
                    position: relative;

                    a {
                        color: #333333;

                        &:hover {
                            color: $color__primary;
                        }
                    }
                }

                .category {
                    a {
                        font-size: 12px;
                        font-weight: 400;
                        font-family: $font__second;
                        text-transform: uppercase;
                        color: #ccc;
                        display: inline-block;
                        margin-right: 20px;

                        &:last-child {
                            margin-right: 0;
                        }

                        &:hover {
                            color: $color__primary;
                        }
                    }
                }

                .excerpt {
                    display: block;
                    margin-top: 20px;
                }

                .meta {
                    margin-top: 20px;
                    font-size: 14px;
                    color: #696969;

                    > span {
                        display: inline-block;
                        margin-right: 20px;

                        a {
                            color: #696969;
                        }

                        &.view {
                            &:before {
                                content: '\f133';
                                font-family: Ionicons;
                                font-size: 16px;
                                color: $color__primary;
                                margin-right: 10px;
                            }
                        }

                        &.share {
                            &:before {
                                content: '\f3ac';
                                font-family: Ionicons;
                                font-size: 16px;
                                color: $color__primary;
                                margin-right: 10px;
                            }
                        }

                        &.like {
                            a {
                                &:before {
                                    content: '\f387';
                                    font-family: Ionicons;
                                    font-size: 16px;
                                    color: $color__primary;
                                    margin-right: 10px;
                                    display: inline-block;
                                }

                                &.liked {
                                    &:before {
                                        content: '\f388';
                                    }
                                }

                                &.loading {
                                    &:before {
                                        content: '\f3b1';
                                        -webkit-animation: spin 2s infinite linear;
                                        -moz-animation: spin 2s infinite linear;
                                        -o-animation: spin 2s infinite linear;
                                        animation: spin 2s infinite linear;
                                    }
                                }
                            }
                        }

                        &.comment {
                            &:before {
                                content: '\f11a';
                                font-family: Ionicons;
                                font-size: 16px;
                                color: $color__primary;
                                margin-right: 10px;
                            }
                        }

                        &:last-child {
                            margin-right: 0;
                        }
                    }
                }
            }
        }

        &:hover {
            .col-thumb {
                .thumb {
                    img {
                        transform: scale(1.1);
                    }
                }
            }
        }
    }
}

.project-grid-style {
    .project-grid-item {
        margin-bottom: 30px;

        .project-grid-item-inner {
            display: block;
            width: 100%;
            background-color: #fff;
            -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
            -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);

            .thumb {
                overflow: hidden;

                img {
                    display: block;
                    margin: 0;
                    padding: 0;
                    width: 100%;
                    height: auto;
                    @include grayscale(100%);
                    @include transit();
                }
            }

            .info {
                padding: 20px 30px;

                .title {
                    a {
                        font-size: 18px;
                        font-weight: 400;
                        font-family: $font__third;
                        color: #333333;

                        &:hover {
                            color: $color__primary;
                        }
                    }
                }

                .category {
                    a {
                        font-size: 12px;
                        font-weight: 400;
                        font-family: $font__second;
                        text-transform: uppercase;
                        color: #ccc;
                        display: inline-block;
                        margin-right: 20px;

                        &:hover {
                            color: $color__primary;
                        }
                    }
                }

                .meta {
                    margin-top: 20px;
                    font-size: 14px;
                    color: #696969;

                    > span {
                        display: inline-block;
                        margin-right: 20px;

                        a {
                            color: #696969;
                        }

                        &.view {
                            &:before {
                                content: '\f133';
                                font-family: Ionicons;
                                font-size: 16px;
                                color: $color__primary;
                                margin-right: 10px;
                            }
                        }

                        &.share {
                            &:before {
                                content: '\f3ac';
                                font-family: Ionicons;
                                font-size: 16px;
                                color: $color__primary;
                                margin-right: 10px;
                            }
                        }

                        &.like {
                            a {
                                &:before {
                                    content: '\f387';
                                    font-family: Ionicons;
                                    font-size: 16px;
                                    color: $color__primary;
                                    margin-right: 10px;
                                    display: inline-block;
                                }

                                &.liked {
                                    &:before {
                                        content: '\f388';
                                    }
                                }

                                &.loading {
                                    &:before {
                                        content: '\f3b1';
                                        -webkit-animation: spin 2s infinite linear;
                                        -moz-animation: spin 2s infinite linear;
                                        -o-animation: spin 2s infinite linear;
                                        animation: spin 2s infinite linear;
                                    }
                                }
                            }
                        }

                        &.comment {
                            &:before {
                                content: '\f11a';
                                font-family: Ionicons;
                                font-size: 16px;
                                color: $color__primary;
                                margin-right: 10px;
                            }
                        }

                        &:last-child {
                            margin-right: 0;
                        }
                    }
                }
            }

            &:hover {
                .thumb {
                    img {
                        @include grayscale(0%);
                        transform: scale(1.1);
                    }
                }
            }
        }

        &.insight-filter-item-featured {
            .project-grid-item-inner {
                .thumb {
                    position: relative;

                    &:before {
                        content: '';
                        width: 24px;
                        height: 42px;
                        display: block;
                        position: absolute;
                        top: 0;
                        right: 10px;
                        background-image: url("assets/images/featured_label.png");
                        background-repeat: no-repeat;
                        z-index: 8;
                    }
                }
            }
        }
    }
}

@include media-breakpoint-down(sm) {
    .project-list-style {
        .project-list-item {
            &:nth-child(odd) {
                .col-thumb {
                    padding-right: 15px;
                }
            }

            &:nth-child(even) {
                .col-md-6:first-child {
                    order: 0;
                }

                .col-thumb {
                    padding-left: 15px;
                }

                .col-info {
                    .info {
                        text-align: left;
                    }
                }
            }

            .col-info {
                .info {
                    padding: 30px 0 60px 0;

                    .title {
                        &:before, &:after {
                            display: none !important;
                        }
                    }
                }
            }
        }
    }
}
