.page-template-page_blogroll #genesis-content {
    background: url(https://hpsalesne.com/wp-content/uploads/2025/08/OFE-323-Overhead-with-Food.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#main-content .wrap {
    padding-top: 18px;
}
.logged-in .above-bar,
.logged-in #fixed-header {
    margin-top: 32px;
}

.page-template-page_blogroll .site-header {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

#above-fold {
    position: relative;
    width: 100%;
    padding: 50px 0;
}
#above-fold h3,
#above-fold h1 a {
	color: #fff;
	text-decoration: none;
	display: block;

}
#above-fold h1 a {
    font-size: 52px;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    line-height: 1.2;
    text-align: center;
}

.featured-hero-post h1,
.featured-hero-post h3,
.featured-hero-post .post-meta {
text-align: center;
}

.featured-hero-post .post-meta {
	padding: 10px 0px;
}

.featured-hero-post h1 {
	margin-bottom: 0;
}
.featured-hero-post {
	text-align: center;
	z-index:10;
}
.featured-hero-post a.button.clear.white {
    border-width: 0;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    /* padding: 15px 30px; */
    text-align: center;
    text-decoration: none;
    white-space: normal;
    width: auto;
}

.featured-hero-post .post-meta,
.featured-hero-post .avatar-outline,
.featured-hero-post .post-meta span {
	float: none;
	display: block;
	margin: auto;
}

#above-fold .featured-hero-post h3,
#recent-posts-row h2,
#popular-posts-row h2,
#medium-cat-posts h4, 
h2.row-title {
    font-weight: 700;
    letter-spacing: 0;
	margin-bottom: 40px;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.2;
	color: #555;
}
#above-fold .featured-hero-post h3 {
	margin-bottom: 10px;
}
#above-fold .featured-hero-post h3 {
	color: #fff;
}
#recent-posts-row a h2 {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
	font-size: 24px;
}
.featured-hero-post {
	position: relative;

}
#above-fold:before {
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-size: cover;


}

        #recent-posts-row {
            padding: 60px 0 0;
            position: relative;
            z-index: 1;
        }

        span.published {
            color: #fff;
        }
        
        #recent-posts-row h2.row-title, h2.row-title {
            margin-bottom: 50px;
        }
        
        #recent-posts-row .featured-post a {
            color: #999;
            text-decoration: none;
        }
        #recent-posts-row .featured-post a h2 {
            font-size: 20px;
            color: #222222;
        }
        #recent-posts-row .featured-post a:last-of-type:hover {
            color: #999;
            text-decoration: underline;
        }
        #recent-posts-row .featured-post span.published {
            text-transform: uppercase;
            font-size: 16px;
            color: #d84b50;
            padding: 5px 0;
            font-weight: 700;
        }
        #recent-posts-row .featured-post.one-fourth.first img.featured {
            opacity: 1;
        }
        #recent-posts-row .featured-post.one-fourth .featured-img-wrap {
            position: relative;
        }
                    #recent-posts-row h2.row-title , 
                    h2.row-title, 
                    #popular-posts-row h2.row-title,
                    #medium-cat-posts h4{
                text-align: center;
            }
            
    
.button {
        margin:auto;
        display:block;
        text-align:center;
        margin-bottom:100px;
        width:250px;
}

#medium-cat-posts h4 {
    font-size:22px;
    color:#d84b50;
}   
    
#medium-cat-posts {
    position: relative;
    padding: 20px 0 20px;
    z-index: 1;
    display: block;
    overflow: hidden;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 img,
#rpwwt-recent-posts-widget-with-thumbnails-3 img,
#rpwwt-recent-posts-widget-with-thumbnails-4 img, 
#rpwwt-recent-posts-widget-with-thumbnails-5 img, 
#rpwwt-recent-posts-widget-with-thumbnails-6 img {
    width: 100%;
    height: auto;
}
.widget.recent-posts-widget-with-thumbnails .rpwwt-widget ul li a img {
    display: none;
    
}
.widget.recent-posts-widget-with-thumbnails .rpwwt-widget ul li:first-of-type a img {
    display: inline;
    
}
.widget.recent-posts-widget-with-thumbnails .rpwwt-widget ul li:first-of-type:hover a img {
    opacity: 0.85;
}
.widget.recent-posts-widget-with-thumbnails .rpwwt-widget ul li a span.rpwwt-post-title:hover {
    text-decoration: underline;
}
.widget.recent-posts-widget-with-thumbnails h2.widgettitle {
    text-transform: uppercase;
    font-family: Proxima Nova, Open Sans, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #606060;

}
.widget.recent-posts-widget-with-thumbnails ul li:first-of-type a span.rpwwt-post-title {
    min-height: 32px;
}
#medium-cat-posts a:hover {
    text-decoration: underline;
}
.widget.recent-posts-widget-with-thumbnails {
    width: 31.623931623931625%; 
     float: left; margin-left: 2.564102564102564%;
}
.widget.recent-posts-widget-with-thumbnails:first-of-type {
    clear: both;
    margin-left: 0;
}
.widget.recent-posts-widget-with-thumbnails span.rpwwt-post-title {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    margin-top: 6px;
    line-height: 1.2;
    display: inline-block;
    
}
.widget.recent-posts-widget-with-thumbnails .rpwwt-widget ul li a {
    text-decoration: none;
    
}

.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    min-height: 32px;
}
.footer-widget.one-fourth .rpwwt-widget ul li {
    border-bottom: none;
}
#footer-widgets .footer-widget li:first-of-type a {
    display: none;
}
.rpwwt-widget ul li:last-of-type {
    border-bottom: none;
}

#rpwwt-recent-posts-widget-with-thumbnails-4 img,
#rpwwt-recent-posts-widget-with-thumbnails-5 img,
#rpwwt-recent-posts-widget-with-thumbnails-6 img {
    height: auto;
}

@media all and (max-width: 860px) {
    .widget.recent-posts-widget-with-thumbnails {
        margin: 0 auto 30px;
        width: 100%;
        float: none;
        
    }   
    .rpwwt-widget ul li,
    .rpwwt-widget ul li:last-of-type {
        max-width: 400px;
        margin: 0 auto 15px;
    }
    .widget.recent-posts-widget-with-thumbnails h2.widgettitle {
        text-align: center;
        display: block;
    }
    


}

@media only screen and (max-width: 760px) {
    
    #above-fold h1 a {
        font-size:28px;
    }
}

@media only screen and (max-width: 600px) {
    
    #above-fold {
        padding: 10px 0;
    }
    
    #recent-posts-row {
        padding: 0px;
    }
}