ycb.vn/assets/styles/_plugins.scss

/* ## Simple Social Icons
--------------------------------------------- */

.simple-social-icons {
    overflow: hidden;
    svg {
        &[class^="social-"],
        &[class*=" social-"] {
            display: inline-block;
            width: 1em;
            height: 1em;
            stroke-width: 0;
            stroke: currentColor;
            fill: currentColor;
        }
    }
    ul {
        margin: -0.5em -0.5em 0 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        li {
            background: none;
            border: none;
            list-style-type: none;
            margin: 0.5em 0.5em 0 0;
            padding: 0;
            a {
                border: none;
                -moz-box-sizing: content-box;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                height: 1em;
                line-height: 1em;
                text-align: center;
                text-decoration: none;
                text-transform: none;
                width: 1em;
            }
        }
        &.aligncenter {
            justify-content: center;
        }
        &.alignleft {
            justify-content: flex-start;
        }
        &.alignright {
            justify-content: flex-end;
        }
    }
}


/* ## Genesis Testimonial Slider
--------------------------------------------- */

div.lSSlideOuter {
    .lSPager.lSpg>li {
        margin: 1em 0 0;
        line-height: 0.16rem;
        a {
            opacity: 0.382;
            background-color: $dark;
            overflow: visible;
        }
        &.active a,
        &:hover a {
            opacity: 0.618;
            background-color: $dark;
            transform: scale(1.2);
        }
    }
    ul.testimonials-list {
        color: $gray;
        display: block;
        font-size: 1.6rem;
        li {
            text-align: left;
        }
    }
}


/* ## Genesis eNews Extended
--------------------------------------------- */

.enews {
    input {
        margin-bottom: 0.5em;
    }
}


/* ## Business Profile
--------------------------------------------- */

.bp-contact-card {
    .hero-section & {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        >div {
            margin: 2em 1em 0;
            width: 100%;
            text-align: center;
            @include breakpoint(sm) {
                width: auto;
            }
        }
        a {
            color: $border;
            text-decoration: none;
        }
    }
    .bp-directions,
    .bp-phone,
    .bp-contact,
    .bp-booking,
    .bp-opening-hours-brief,
    .bp-opening-hours .bp-title {
        text-align: left;
        &:before {
            font-family: 'Fontawesome';
            width: 1em;
            line-height: 0.9;
        }
    }
    .bp-opening-hours .bp-title {
        margin-bottom: 1rem;
    }
    .bp-directions {
        &:before {
            content: "\f27d";
        }
    }
    .bp-phone {
        &:before {
            content: "\f2b3";
        }
    }
    .bp-contact {
        &:before {
            content: "\f1c6";
        }
    }
    .bp-opening-hours-brief,
    .bp-opening-hours .bp-title {
        &:before {
            content: "\f18f";
        }
    }
}