OwlCyberSecurity - MANAGER

Edit File: _testimonials.scss

.pixcode--testimonial {
    // @include rem(margin-left, 3 * $base-spacing-unit);
    
    p {
        &:before, &:after {
            content: none;
        }
    }

a {
        text-decoration: none;
    }
}

.testimonial {
    
}

/*---------------------------------------*\
               DEFAULT STYLE
\*---------------------------------------*/

.testimonial__content {
    @include font-size(24px);
    @include rem(margin-bottom, $base-spacing-unit);
    font-family: $heading-font-family;
    font-weight: 450;
    text-indent: 0;
    color: black;
}

.testimonial__author-name,
    .testimonial__author-title{
        color: $gray;
        margin-bottom: 0;
    }

.testimonial__author-name{
        display: block;
        font-family: $heading-font-family;
        font-weight: 600;
        text-transform: uppercase;
        font-style: normal;
        @include rem(letter-spacing, 2px);
    }

.testimonial__author-title{
        font-family: $base-font-family;
        font-style: italic;

&:before{
            content: "-";
            @include rem(margin-right, 3px);
        }
    }

/*-----------------------------------*\
               MODIFIERS
\*-----------------------------------*/

@include media(from lap) {
    .testimonial--big-text {

.testimonial__content {
            font-weight: 600;
            @include font-size(36px);
        }
    }

.testimonial--medium-text {

.testimonial__content {
            @include font-size(30px);
        }
    }

.testimonial--small-text {

.testimonial__content {
            @include font-size(20px);
        }
    }
}

@include media(hand lap) {
    .testimonial--big-text {

.testimonial__content {
            font-weight: 600;
            @include font-size(32px);
        }
    }

.testimonial--medium-text {

.testimonial__content {
            @include font-size(28px);
        }
    }

.testimonial--small-text {

.testimonial__content {
            @include font-size(16px);
        }
    }
}

@include media(to hand) {
    .testimonial--big-text {

.testimonial__content {
            font-weight: 600;
            @include font-size(28px);
        }
    }

.testimonial--medium-text {

.testimonial__content {
            @include font-size(22px);
        }
    }

.testimonial--small-text {

.testimonial__content {
            @include font-size(18px);
        }
    }
}

/*----------------------------------------*\
    $MASONRY ITEM
\*----------------------------------------*/
// The way it is displayed on blog archive

.masonry__item .pixcode--testimonial{
    margin-left: 0;

&:before{
        @include rem(margin-bottom, $base-spacing-unit);
        @include rem(margin-top, -1.5 * $base-spacing-unit);
    }
}