.blog-post {
	font-family: 'Work Sans', sans-serif;
	display: grid;
	grid-template-columns: minmax(1.2rem, 1fr) minmax(auto, 1580px) minmax(1.2rem, 1fr);
	grid-template-rows: auto;
	justify-items: left;
	align-content: start;
    /* background-color: var(--secondary-background-color);  */ 
    color: var(--primary-color);
	line-height:1.5em;
	padding: 0 0;
	grid-template-areas: 
    	'post-header'
    	'post-content';
}

@media screen and (max-width: 768px) {
	.blog-post {
		padding: 0; /* Added padding to match global styles */
	}
}

.post-header {
	grid-area: post-header;
	grid-column: 1 / -1;
	margin-bottom: 50px;
	width: 100%;
	max-width: 100%;
}

.post-header .featimg {
    position: relative;
}

.post-header .featimg img {
    max-width: 100%;
    height: auto;
    width: 100%;
    max-height: 980px; /* Set max height to 580px */
    z-index: -999;
}

.post-header .featimg .background-image {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover !important;
    position: absolute;
}

.post-header .featimg .feat-overlay {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 50px;
    padding-top: 40px;
    width: 100%;
    opacity: 1;
    text-align: left;
    color: #FFF;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0);
}

.post-header .featimg .feat-overlay a {
    color: var(--link-color); /* Changed from #FFF */
    text-shadow: 0px 0px 1px rgba(0,0,0,0.4);
}

.post-header .featimg .feat-overlay a:hover {
    color: #FFF;
}

.post-header .featimg .feat-overlay .category-heading {
    text-transform: uppercase;
    font-weight: 300; /* Changed from bold */
    font-size: 1rem;
}

.post-header .featimg .feat-overlay .category-heading a {
    color: rgb(255,255,255);
}

.post-header .featimg .feat-overlay .post-title {
    font-size: 1.5rem; /* Changed from 45px */
	line-height: 2rem;
    font-weight: 700; /* Changed from bold */
    margin-bottom: 0;
	max-width: 980px;
}

.post-header .featimg .feat-overlay .post-meta {
    font-size: 1rem; /* Changed from 18px */
    margin-bottom: 15px;
}

.post-header .featimg .feat-overlay .post-share {
    font-size: 0.8rem; /* Align font size to global styles */
    color: var(--primary-color); /* Ensure color consistency */
}

.blog-post > .post-content {
	grid-area: post-content;
	grid-column: 1 / -1;
	justify-self: center;
    margin: 0;
    padding: 0;
    max-width: 1580px;
    width: 100%;
}

.post-content figure {
	margin: 2em 0;
	padding: 0;
}

.post-content a {
    color: var(--link-color); /* Changed from var(--primary-color) */
    text-decoration: underline;
}

.post-footer {
    padding: 50px 0;
}

.ul-sharing {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ul-sharing li {
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #A8A8A8;
    font-size: 12px;
    margin-right: 5px;
}

.red-columns-2 > div:nth-child(2n+1) {
    clear: left;
}

.red-columns-3 > div:nth-child(3n+1) {
    clear: left;
}

.red-columns-4 > div:nth-child(4n+1) {
    clear: left;
}

.red-grid-view .ul-sharing a {
    color: #FFF;
}

.red-grid-view .ul-sharing a:hover {
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

.red-grid-view .ul-sharing li {
    font-size: 13px;
    margin-right: 10px;
}

.red-grid-view .share-options li:not(:last-child):after {
    content: '';
}

.ul-sharing li:last-child {
    margin-right: 0;
}

.ul-sharing li a {
    color: inherit;
    display: block;
}

.ul-sharing li a:before {
    width: auto;
}

[class^="icon-"]::before, [class*=" icon-"]::before {
  font-family: sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  opacity: .8;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  font-size: 120%;
  text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}

.ul-sharing {
    overflow: hidden;
}

.ul-sharing li {
    margin-right: 1px !important;
    float: left;
    list-style: none;
}

.ul-sharing a {
    background: rgba(255,255,255,0.1);
    height: 30px;
    width: 30px;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.ul-sharing a::before {
    content: none;
}

.ul-sharing li a {
    transition: all 0.15s ease-in-out;
}

.ul-sharing .icon-facebook {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><style type="text/css">.share-icon{fill: rgb(255,255,255);}</style><g><path fill="none" d="M0 0h24v24H0z"/><path class="share-icon" d="M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4v-8.5z"/></g></svg>') !important;
    border-radius: 3px 0 0 3px;
}

.ul-sharing li:first-child a:hover {
    background-color: #3B5998;
}

.ul-sharing .icon-twitter-x {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="bi bi-twitter-x"><style type="text/css">.share-icon{fill: rgb(255,255,255);}</style><path class="share-icon" d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/></svg>') !important;
    border-radius: 0 3px 3px 0;
}

.ul-sharing .icon-twitter {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><style type="text/css">.share-icon{fill: rgb(255,255,255);}</style><g><path fill="none" d="M0 0h24v24H0z"/><path class="share-icon" d="M22.162 5.656a8.384 8.384 0 0 1-2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37 4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732 11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165z"/></g></svg>') !important;
    border-radius: 0 3px 3px 0;
}

.ul-sharing li:nth-child(2) a:hover {
    background-color: #00aced;
}

.ul-sharing li:last-child a:hover {
    background-color: #000;
    /* background-color: #cc2127; */
}




.popular-posts ul,
.related-links ul,
.yearly-index ul {
    list-style-type: none; /* Removes bullets */
    padding-left: 0; /* Removes default padding */
}

.popular-posts ul li,
.related-links ul li,
.yearly-index ul li {
    margin-bottom: 10px; /* Adds spacing between list items */
}

.popular-posts ul li a,
.related-links ul li a,
.yearly-index ul li a {
    text-decoration: none; /* Removes underline from links */
    color: var(--link-color); /* Ensure color consistency with your site */
}

.popular-posts ul li a:hover,
.related-links ul li a:hover,
.yearly-index ul li a:hover {
    text-decoration: underline; /* Adds underline on hover for better UX */
    color: var(--hover-link-color); /* Change the color on hover if needed */
}