/*Styles that only applies to article page */

.article-thumbnail
{
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.article-row p{
    line-height: 2;
    text-align: justify;
}

.article-body {
    overflow-x: auto;
    font-size: 18px;
    line-height: 1.6;
}

.article-body div {
    margin: 1rem 0;
}

.article-body img{
    margin-bottom:.75rem;
}

.article-row blockquote{
    text-align:justify;
    font-style:italic;
    border-left:4px solid #ffa200d9;
    padding-left:1.5rem;
    position:relative;
    font-size:1rem;
    color:#6b6b6b;
    line-height:1.75rem
}

.article-row blockquote:before{
    content:'"';
    position:absolute;
    left:0;
    top:0;
    line-height:1;
    font-size:2.5rem;
}

.article-row img{
    width: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.article-links{
    position: fixed;
    top: 30%;
}   

.facebook-link{
    background: #4b6cb7;  /* fallback for old browsers */
    background: -webkit-linear-gradient(left, #182848, #4b6cb7);
    background: -o-linear-gradient(left, #182848, #4b6cb7);
    background: linear-gradient(to right, #182848, #4b6cb7);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.twitter-link{
    background: #00d2ff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(left, #3a7bd5, #00d2ff);
    background: -o-linear-gradient(left, #3a7bd5, #00d2ff);
    background: linear-gradient(to right, #3a7bd5, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.linkedin-link{
    background: #3a7bd5;  /* fallback for old browsers */
    background: -webkit-linear-gradient(left, #3a6073, #3a7bd5);
    background: -o-linear-gradient(left, #3a6073, #3a7bd5);
    background: linear-gradient(to right, #3a6073, #3a7bd5);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}