/* layout */

main#md-blog {
	width: calc(100% - 201px);
	position: relative;
}

main#md-blog section {
	width: calc(100% - 2em);
	margin: 0 1em;
	padding: 2em 1em;
	font-size: 1.29vw;
}

main#md-blog section.tlg-white-block p.tlg-page-intro em {
	color: rgb(216,57,179);
}

@media (min-width: 1233px ){
	main#md-blog section {
		max-width: 1031px;
		margin: 0 auto;
		font-size: 1em;
	}
	
	main#md-blog section.tlg-white-block {
		width: 100%;
		max-width: unset;
		margin: 0;
		padding: 2rem calc( ( 100vw - 1031px ) /2 );
	}
}
@media (max-width: 1024px){
	#container {
		flex-direction: column;
	}

	main#md-blog section {
		font-size: 1em;
		margin: 0 1em;
		padding: 1em;
	}
	main#md-blog {
		display: block;
		width: 100%;
		
	}
}

aside {
	display: block;
	width: 200px;
	background: rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.25);
	padding: 6em 1em 1em 1em;
	background-color: rgba(0,0,0,0.1);
}

aside #custom_html-2, 
aside #custom_html-3 {
	padding: 1em 0;
	margin: 1em 0;
	border-top: 1px solid rgba(255,255,255,0.5);
}

@media (max-width: 1024px){
	aside {
		display: flex;
		flex-direction: row;
		width: 100%;
		padding: 1em;
	}
	
	aside li.widget {
		width: 50%;
		padding: 1em;
	}
}

@media (max-width: 575px){
	aside {
		flex-direction: column-reverse;
	}
	
	aside li.widget {
		width: 100%;
		padding: 1em;
	}
}

/** Dynamic Blog **/
main#md-blog .md-post-card {
	width: calc(100% - 2em);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 1em;
	margin: 1em;
	border-radius: 0;
}

@media (max-width: 1024px){
	main#md-blog .md-post-card {
		font-size: 1em;
		margin: 1em;
	}
}

@media (min-width: 1233px){
	main#md-blog .md-post-card {
		max-width: 1031px;
		margin: 1em auto;
		font-size: 1em;
	}
}

main#md-blog .md-post-description section {
	width: calc(100% - 2em);
	margin: 1em;
	padding: 0;
	font-size: 1.29vw;
}

@media (max-width: 1024px){
	main#md-blog .md-post-description section {
		font-size: 1em;
	}
}
@media (min-width: 1233px){
	main#md-blog .md-post-description section {
		max-width: 1031px;
		margin: 1em auto;
		font-size: 1em;
	}
}

h2.md-blog-h2 {
	font-family: Raleway, "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 1.5em;
	text-align: center;
	padding: 0;
	margin: 0 0 0 0;
	color: rgb(255,255,255);
}
.md-blog-h2-link {
	text-decoration: none;
}

main#md-blog .md-post-card.sticky .md-post-description section h2 {
	color: rgb(255,253,3);
}

main#md-blog .md-post-card.sticky .md-post-description section h2::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 100;
	font-size: 1em;
	margin-right: 0.5em;
	content: "\f005";
}

/* post meta */
#md-blog div.md-post-meta,
#md-blog div.pagination {
	display: block !important;
	text-align: center;
	margin: 1em 0;
}

/* More Link */
.tlg-blog-more {
	display: block;
	text-align: center;
}
.tlg-blog-more a {
display: inline-block;
background: rgb(13,53,148);
color: rgb(255,255,255);
font-weight: bold;
text-decoration: none;
padding: 0.5em 1em;
border-radius: 2em;
border: 1px solid rgb(255,255,255);
transition: 0.3s;
cursor: pointer;
}

.tlg-blog-more a:hover {
	background: rgb(232,143,2);
	color: rgb(13,53,148);	
}

/* prev / next */

#md-blog .prev-next {
	margin: 0.5em 0;
}

/* back */
.md-blog-back {
	text-align: center;
	margin: 0.5em 0;
}
.md-blog-back a {
	text-decoration: none;
}

/* comments */
#comments-section {
	display: none;
}

/* Disclaimer */

section#tlg-footer-disclaimer {
	width: 100%;
	margin: 0;
	padding: 2em;
	max-width: unset;
}
section#tlg-footer-disclaimer p {
	margin-bottom: 0;
}

/* static blog */

.tlg-blog-post {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.tlg-blog-post h3 {
	margin-bottom: 0;
}
.tlg-blog-date {
	font-size: 0.75em;
	font-style: italic;
	margin: 0.5em;
	padding: 0;
}

.tlg-blog-services {
	margin: 0;
	padding: 0;
}

/* Header */

#md-blog h1.md-page-title {
  background-color: rgb(216,57,179);
  background-image: url('https://thompsonlawgroup.com/wp-content/uploads/2024/04/glasses-on-book.jpg');
  background-size: cover;
  background-position: 50% 40%;
  background-blend-mode: overlay;
  background-repeat: no-repeat;
}