/*
Theme Name:  thereisnosin Astra Child
Theme URI:   https://thereisnosininmybody.com
Author:      tkc
Author URI:  https://www.tkc.io
Template:    astra
Version:     1.0.0
License:     GNU General Public License v2 or later
Description: Approximation of TheStyle (Elegant Themes) for Astra: dark background, League Gothic headings, large navigation.
*/

/* ---------------------------------------------------------------
   Fonts — League Gothic copied from TheStyle (SIL Open Font License)
   --------------------------------------------------------------- */
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/League_Gothic-webfont.woff') format('woff'),
	     url('fonts/League_Gothic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* ---------------------------------------------------------------
   Base — TheStyle body: #2c2c2c, Droid Sans 13px, #7a7575
   --------------------------------------------------------------- */
body {
	background-color: #2c2c2c;
	color: #7a7575;
	font-family: 'Droid Sans', 'Noto Sans', Arial, Verdana, sans-serif;
	font-size: 15px;
	line-height: 22px;
}

.ast-single-post .entry-content,
.page .entry-content {
	color: #4e4e4e;
}

/* ---------------------------------------------------------------
   Headings — League Gothic, tight leading, letter-spacing -1px
   --------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1em;
	color: #808080;
}

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }

/* ---------------------------------------------------------------
   Header — dark, large logo area
   --------------------------------------------------------------- */
.site-header,
.main-header-bar {
	background-color: #2c2c2c;
	border-bottom-color: #4a4a4a;
}

.site-title,
.site-title a,
.site-header .site-title a {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 60px;
	font-weight: normal;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: 0;
	line-height: 1em;
	text-transform: uppercase;
}

/* ---------------------------------------------------------------
   Navigation — League Gothic 24px white uppercase, tan hover
   --------------------------------------------------------------- */
.main-header-menu .menu-link,
.ast-primary-menu-disabled .main-header-menu,
#ast-desktop-header .main-header-menu > .menu-item > .menu-link {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: 0;
	line-height: 1em;
}

.main-header-menu > .menu-item > .menu-link {
	padding-top: 8px;
	padding-bottom: 12px;
}

.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .menu-item:focus > .menu-link,
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current-menu-ancestor > .menu-link,
.main-header-menu .current_page_item > .menu-link {
	color: #dcc08e;
	text-shadow: 1px 1px 0px #000;
}

/* Dropdowns — TheStyle: #222 rounded panels */
.main-header-menu .sub-menu {
	background-color: #222222;
	border-radius: 8px;
	border-top-left-radius: 0;
}

.main-header-menu .sub-menu .menu-link {
	color: #ffffff;
	font-size: 20px;
	background-color: #222222;
}

/* Search input in header */
.ast-search-box .search-field,
#ast-desktop-header .ast-search-box .search-field {
	background-color: #1a1a1a;
	border: 1px solid #4a4a4a;
	color: #8a8a8a;
	font-style: italic;
	border-radius: 3px;
}

/* ---------------------------------------------------------------
   Content cards — white with TheStyle drop shadow
   --------------------------------------------------------------- */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .comments-area,
.ast-separate-container .ast-author-meta {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.6);
}

.ast-separate-container .ast-article-post {
	margin-bottom: 24px;
	padding: 30px 30px 20px;
}

.ast-separate-container .site-main {
	padding-top: 0;
}

/* ---------------------------------------------------------------
   Post titles — dark red uppercase League Gothic
   --------------------------------------------------------------- */
.entry-title,
.entry-title a,
.page-title,
.ast-page-builder-template .entry-header .page-title {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-weight: normal;
	color: #9a1d0d;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
	letter-spacing: -1px;
	line-height: 1em;
}

.ast-article-post .entry-title,
.ast-article-post .entry-title a {
	font-size: 30px;
}

.ast-article-single .entry-title,
.page-title {
	font-size: 36px;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #9a1d0d;
}

/* ---------------------------------------------------------------
   Meta — POSTED BY TINSIMB
   --------------------------------------------------------------- */
.entry-meta,
.entry-meta *,
.ast-blog-meta-container {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #7a7575;
	font-size: 14px;
}

.entry-meta a,
.ast-blog-meta-container a {
	color: #7a7575;
}

.entry-meta a:hover {
	color: #9a1d0d;
}

/* Category chips — TheStyle red badge */
.ast-article-post .cat-links a,
.entry-content .cat-links a {
	background-color: #9a1d0d;
	color: #ffffff;
	padding: 3px 8px;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
}

/* ---------------------------------------------------------------
   Links in content
   --------------------------------------------------------------- */
.entry-content a,
.comment-content a {
	color: #9a1d0d;
	text-decoration: underline;
}

.entry-content a:hover,
.comment-content a:hover {
	color: #dcc08e;
}

/* ---------------------------------------------------------------
   Read more / pagination
   --------------------------------------------------------------- */
.ast-pagination .page-numbers,
.ast-pagination .ast-next-post-rel {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	color: #dcc08e;
	font-size: 24px;
}

.ast-pagination .page-numbers.current,
.ast-pagination .page-numbers:hover {
	color: #dcc08e;
}

/* ---------------------------------------------------------------
   Sidebar widgets
   --------------------------------------------------------------- */
.widget-title,
#secondary .widget-title {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #9a1d0d;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#secondary .widget {
	background-color: #e7e7e7;
	border: 1px solid #e7e7e7;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
	padding: 10px;
}

#secondary a,
#secondary .widget a,
#secondary .widget ul li a {
	color: #6e6e6e;
	text-decoration: none;
}

#secondary a:hover,
#secondary .widget a:hover,
#secondary .widget ul li a:hover {
	color: #9a1d0d;
}

/* ---------------------------------------------------------------
   Footer
   --------------------------------------------------------------- */
.site-footer,
.footer-adv-overlay {
	background-color: #2c2c2c;
}

.site-footer {
	border-top: 4px solid #4a4a4a;
	color: #7a7575;
}

.site-footer .widget-title {
	color: #dcc08e;
}

.site-footer a {
	color: #dcc08e;
}

/* ---------------------------------------------------------------
   Custom accordion (from [EXPAND] shortcode)
   --------------------------------------------------------------- */
.custom-accordion-toggle {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 20px;
	color: #9a1d0d;
	background: #efefef;
	border: 1px solid #dcdcdc;
	padding: 8px 14px;
	text-transform: uppercase;
}

.custom-accordion-content {
	padding: 10px 2px;
}

/* ---------------------------------------------------------------
   Blog featured images — keep ratio, crop to fill
   --------------------------------------------------------------- */
.ast-article-post .post-thumb-img-content {
	height: auto !important;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.ast-article-post .post-thumb-img-content img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

/* ---------------------------------------------------------------
   Responsive — keep nav readable on small screens
   --------------------------------------------------------------- */
@media (max-width: 921px) {
	.main-header-menu .menu-link,
	#ast-mobile-header .main-header-menu > .menu-item > .menu-link {
		font-size: 20px;
	}

	.site-title,
	.site-header .site-title a {
		font-size: 44px;
	}
}