/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
/* the first image will be on top of the first headline */
.first .post-inner-wrap {
    flex-flow: column;
}

/*make the first image width 100% in the first box*/
.post-grid .first .ratio-wrap .entry-img {
    padding-top: 0px;
}
.post-grid .first .ratio-wrap {
    width: 100%;
    height: 275px;
}

.first .post-inner-wrap .entry-content-wrap {
    padding: 10px;
}

.post-inner-wrap .entry-content-wrap {
    padding: 10px;
}

.first .post-inner-wrap .entry-title {
    font-size: 1.7rem;
}

.entry-content-wrap .avatar {
    display: none;
}

/*entry-img and entry-img img attributes to show entire the main article image on front page*/
.entry-img{
    padding-top: 0px;
}
.entry-img img{
    position: relative;
    
}

/*show author below article date*/
.meta-wrap {
    display: flex;
    flex-flow: column;
}

/* remove top padding for related post images */
.single-post .post-related-posts .entry-img {
    padding-top: 0;
}

/* hide the members search box */
.members-search {
    display: none;
}

/* hide the buddypress share buttons */
.bb-share-container {
    display: none;
}

.bb_widget_recent_posts .bb-recent-posts .entry-media.entry-img,
.elementor-widget-container .bb-recent-posts .entry-media.entry-img {
    border-radius: 3px;
    max-width: 100%; /*JayneS*/
    width: 100%; /*JayneS*/
    margin: 0 15px 0 0;
    padding-top: 0; /*JayneS*/ 
}

.bb_widget_recent_posts .bb-recent-posts li,
  .elementor-widget-container .bb-recent-posts li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column; /*JayneS*/
    margin-bottom: 20px; 
}

.button-load-more-posts {
    color: white;
}

.js_category_row {
    padding: 5px;
    flex-direction: row;
}
.js_category a {
    opacity: 1;
    visibility: visible;
    /*height: 24px;*/
    /*max-width: 140px;*/
    padding: 5px;
    margin-right: 2px;
    /*border: 2px solid gray;*/
    display: inline-block;
    border-radius: 5%;
    background-color: #b8c1ca;
    color: white;
    font-size: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}

body {
    font-size: 18px;
    line-height: 2rem;
}