/*
Theme Name: Artemis (Flatsome Child)
Description: Styles specific to blog posts
Author: Gareth
Template: flatsome
Version: 1.0.0
*/


.blog-lead {
    font-size: 1.2em;
    font-weight: 600;
    color: #2e294e;
    text-align: center;
}

.blog-text {
    text-align: justify !important;
    line-height: 1.5;
}

/**** Create an Image Box with Caption ****/
.image-box-right { /* Overall container (div) */
    float: right;
    margin: 0px 0px 10px 10px;
    max-width: 200px; /* Captions stay within width */
}

.box-image {
    max-width: 200px;
    height: auto;
}

.box-caption1 {
    text-align: center; 
    font-weight: 600;
    margin: 10px 0px 0px 0px; /* T,R,B,L */
    line-height: 1.0;
}

.box-caption2 {
    text-align: center; 
    font-weight: 400;
    font-size: smaller;
    margin: 8px 0px 0px 0px; /* T,R,B,L */
    line-height: 1.0;
}
/*---------------------------------------*/

/***** Mobile Only CSS *********/
@media only screen and (max-width: 48em) {
    .image-box-right {
        max-width: 150px;
    }
    .box-image {
        max-width: 150px;
    }
    .box-caption2 {
        display: none;
    }

}