/*------------------------------------------------------------------
blog.css
Last edited: 9/13/23
[Table of contents]

100. MEDIA QUERIES
    100a. EXTRA SMALL DEVICES (phones 576px and up)
    100b. SMALL DEVICES (tablets, 768px and up)
    100c. MEDIUM DEVICES (desktops, 992px and up)
    100d. LARGE DEVICES (large desktops, 1200px and up)
    100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)

[Notes]
-------------------------------------------------------------------*/

/* Blog */
span.posted-on time+time {
	visibility: hidden; /* hide the post updated date */
}
span.posted-on time:only-of-type {
	visibility: visible;
}

/* Blog Archive Page*/
.blog-post-wrapper {
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 40px;
	padding-bottom: 15px;
}
.blog-post-wrapper img.featured, .blog-post img.featured {
	vertical-align: middle;
}
.blog-post-wrapper h2 {
	color: var(--theme-color-dark);
	font-size: 40px;
	line-height: 1.1em;
	text-align: left;
	text-transform: none;
}
.blog-post-wrapper h2 a {
	color: var(--theme-color-dark);
}
.blog-post-wrapper h2 a:hover {
	color: #143155;
	text-decoration: none;
}
.blog-post-wrapper .posted-by, .blog-post .posted-by {
	font-size: 14px;
	padding: 8px 10px;
	text-transform: uppercase;
}
.pagination span, .pagination a {
    padding-right: 4px;
}

/* Blog Comments*/
#comments footer {
    background: none;
    color: var(--theme-color-dark);
    padding: 0;
    box-shadow: none;
}
#comments ol {
	list-style-type: none;
	margin-left: 0;
}
#comments .comment-list li {
	margin: 1.4em 0 2.2em;
	padding: 0;
}
#comments .comment-list li .avatar {
    background: #ffffff;
    float: left;
	height: auto;
    margin: 0 10px 5px 0px;
    width: 60px;
}
#comments li .comment-author {
	font-size: 1.1rem;
}
#comments li .comment-meta {
    font-size: 0.9rem;
}
#comments li .comment-meta a {
	color: var(--theme-color-dark);
}
#comments li .comment-content {
	border: 1px solid #dfdfdf;
	clear: both;
	display: block;
    margin: 10px 0 0;
	padding: 10px 20px 45px;
}
#comments .comment-list li .children li {
	padding: 0 0 0 30px;
}
#comments .reply {
	margin: -45px 0 0 10px;
	padding: 5px 10px;
    position: absolute;
}
#comments .reply a {
	align-items: center;
    display: inline-flex;
    text-decoration: none;
}
#comments .reply [class*=" icon-"] {
	background: none;
	color: #143155;
	margin-right: 5px;
	padding: 0;
}
#comments .reply a:hover [class*=" icon-"] {
	color: #000000;
}
.comment-reply-title {
	margin-top: 30px;
}
#cancel-comment-reply-link {
	background: #f5f5f5;
	color: var(--theme-color-dark);
	float: right;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 10px;
	text-transform: uppercase;
}

/* Comment Form */
#commentform {
	margin-bottom: 30px;
}
#commentform.gravity-form .comment-form-comment label {
	display: block;
}
.comment-subscription-form {
	margin-bottom: 0;
}
/*------------------------------------------------------------------
100. MEDIA QUERIES
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
100a. EXTRA SMALL DEVICES (phones 576px and up)
-------------------------------------------------------------------*/
@media (min-width: 576px) {
    
}
/*------------------------------------------------------------------
100b. SMALL DEVICES (tablets, 768px and up)
-------------------------------------------------------------------*/
@media (min-width: 768px) {
    
}
/*------------------------------------------------------------------
100c. MEDIUM DEVICES (desktops, 992px and up)
-------------------------------------------------------------------*/
@media (min-width: 992px) {

}
/*------------------------------------------------------------------
100d. LARGE DEVICES (large desktops, 1200px and up)
-------------------------------------------------------------------*/
@media (min-width: 1200px) {
	
}
/*------------------------------------------------------------------
100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)
-------------------------------------------------------------------*/
@media screen and (min-width: 1450px) {
   
}