//
// Page: Community
// ---
// bigchain.io
//
.page-community {
    .header {
        background-image: url('../img/photo2.jpg');
        background-position: center top;
    }
}

.section-community,
.section-conduct {
    @extend .text-center;
}

.section-community {
    .grid h1 { @extend .h3; }

    .social-link {
        &,
        .icon {
            @extend .transition;
        }

        box-shadow: none;
        padding: $btn-padding-y-sm $btn-padding-x-sm;

        &:hover,
        &:focus {
            background: none;

            .icon {
                fill: lighten($brand-primary, 10%);
                filter: drop-shadow(0 1px 4px rgba($brand-main-blue-dark, .4));
                transform: translateY(-1px);
            }
        }

        &:active {
            outline: 0;

            .icon {
                fill: $brand-primary;
                filter: drop-shadow(0 1px 2px rgba($brand-main-blue-dark, .3));
                transform: translateY(0);
            }
        }

        .icon {
            fill: $brand-primary;
            width: 1.5rem;
            height: 1.5rem;
        }
    }
}

.section-conduct {
    @extend .background--photo;
}