/* header styling  */

.fab, .far {
  font-size: 2em;
}

#sp-header .logo a {
  	font-weight: 400;
}

h1, h2, h3, h4 {
color: #f68e13 !important;
}

p {
    font-size: 1em;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 2em;
}

a:hover, a:focus, a:active, .sp-megamenu-parent > li:hover > a {
    font-weight: bold;
    font-weight: 500;
	color: orangered !important; 
}


.article-list .article .readmore a {
    color: #f68e13;
    font-weight: 500;
    font-size: 16px;
}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    color: #f68e13;
}


/* content styling  */

.wf_caption {
    color: #f68e13;
}

.img, img {
    border-radius: 10px;
}

.article-list .article {
    border: 1px solid #f68e13;
    border-radius: 10px;
}

.articles-more::before {
    content: "More Blogs...";
}

.pagination-wrapper {
    margin-top: 20px;
}

.list-group-item {
    border: none;
    padding: .25rem 1.25rem;
}

/* Make the image full width on the main blog page for intro text  */
/* This might need to be removed if it causes the detail page to go out of sorts  */
.article-introtext img {
    width: 100%;
}

/* footer styling  */
#sp-footer {
  font-size: 16px;
}

#sp-footer a {
  color: #000000;
}