/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 06 2023 | 10:30:49 */
/* === WP Show Posts custom CSS for page styling === */
/* Reduce the big gap (padding) before the first H2-was 30px */
body.page div.inside-article{
  padding-top: 0px;
}
/* Change the title placement for the featured Recent Posts grid (Overlay) */
#wpsp-4049.wpsp-overlay .wpsp-content-wrap {
    flex-direction: column-reverse !important;
}
#wpsp-4049.wpsp-overlay .wp-show-posts-entry-header {
    margin-top: auto;
}
#wpsp-4049.wpsp-overlay .wp-show-posts-entry-meta-below-post {
    margin-top: 0 !important
}
/* Customization for overlay/background color behind the title text*/
#wpsp-4049.wpsp-card header.wp-show-posts-entry-header {
    padding: 8px;
    background-color: rgba(0,0,0,0.68);
}


/* Reduces margin under post title from 14px */
header.wp-show-posts-entry-header {
	margin-bottom: 10px;
}
/* Changes the "Read More" option font size & bold*/
.wp-show-posts-custom-button{
  padding: 6px 14px;
  display: inline-block;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  color: #fff!important;
  background-color: #0048e5;
}

.wp-show-posts-inner {
    /*background-color: #ffffff;
    color: #777777;
    border: 1px solid #e3e3e3;*/
    font-size: 16px;
}
/* Decrease the (2em, 34px) gap between adjacent list boxes as I had in Elementor*/
.wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
    margin-bottom: 20px;
}

/* Adjust the "load more" pagination text at bottom of list */
.wpsp-load-more {
    margin-top: 1em;
    font-size: 20px;
    font-weight: 700;
}

/* Add a white background to the row with the characture image & text Panel */
.su-row.home-background{
  background-color: #fff;
  border-width: 1px!important;
  border-style: solid;
  border-color: #e3e3e3!important;
  border-radius: 3px; /* Round the corners */
  padding: 10px 0px 0px 0px; /* A bit of padding for contents like original */
}

/* Fix image sizes on desktop, image value disabled in List settings */
@media(min-width: 768px) {
.wp-show-posts-image.wpsp-image-left
  {
    width: 196px;
    height: 115px;
    position: relative;
    overflow:hidden;
    margin-bottom: 0px;
  }
  .wpsp-read-more 
    {   
    	float: right;
	}  
}
/* To fix blurriness, set the max image width on mobile */
@media(max-width: 768px) {
    .wp-show-posts-image img 
    {
        width: 100%;
    }
  .wpsp-read-more 
    {
    	float: left;
	}
}