/*
Theme Name:     Evangel Magazine 2.0
Template:      	pixwell
Theme URI:      https://creativestudios.design
Author:         Creative Studios
Author URI:     https://creativestudios.design
Description:    Make your modifications to Pixwell in this child theme.
Version:        2.0
Tags:           custom-background, custom-menu, editor-style, featured-images, theme-options, custom-colors, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */


blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

blockquote {
    font-style: italic
}

.first-letter {
    float: left !important;
    font-weight: bold;
    margin-top: 12px;
    padding-right: 5px;
    padding-left: 3px;
    font-size: 128px;
    line-height: 80px
}

.first-letter p {
    margin: 0
}

.addendum {
    margin: 50px 0;
    font-size: 16px;
    font-style: italic
}

.quote {
    position: relative;
    margin-bottom: 20px;
    padding: 30px 50px;
    font-size: 26px;
    margin-left: 5%;
    z-index: 1;
    font-style: italic
}

@media (min-width: 768px) {
    .quote {
        font-size: 30px;
        margin-bottom: 40px
    }
}

.quote:before {
    color: #dedede;
    content: '\f10d';
    font-family: 'FontAwesome', sans-serif;
    font-size: 4em;
    position: absolute;
    font-weight: bold;
    top: 5px;
    left: 0;
    display: block;
    z-index: -1
}

.follow-us {
    background-color: white;
    text-align: center;
    color: #293132
}

.follow-us .follow-heading {
    font-size: 1.5em;
    padding: 10px 0
}

.follow-us a>i {
    color: #293132;
    padding: 0 15px;
    transition: opacity .4s ease
}

.follow-us a>i:hover {
    opacity: .5
}

.p-masonry-1 .p-footer:before  {
	opacity: .5
}