/*
 Theme Name:   The Signal Theme
 Theme URI:    https://thesignal.gr
 Description:  GeneratePress child theme
 Author:       MOSERLX Team
 Author URI:   https://moserlx.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
	font-family: 'TikTokSans';
	font-style: normal;
	font-weight: 300;
	src: url('assets/fonts/TikTokSans-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'TikTokSans';
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/TikTokSans-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'TikTokSans';
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/TikTokSans-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'TikTokSans';
	font-style: normal;
	font-weight: 600;
	src: url('assets/fonts/TikTokSans-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'TikTokSans';
	font-style: normal;
	font-weight: 800;
	src: url('assets/fonts/TikTokSans-ExtraBold.woff2') format('woff2');
}

body {
	font-family: 'TikTokSans', sans-serif;
}
a {
	text-decoration: none;
}

.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
	padding: 16px;
}

/** Single Post */
.single-post .site-content {
	width: 100%;
	max-width: 1260px;
	margin: auto;
}
.single-post-top {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	max-height: 618px;
}
.single-post-top .entry-header {
	position: absolute;
	bottom: 0;
	padding: 80px 106px;
}
.single-post-top .entry-header::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, #1A1A1A 100%);
	opacity: 0.8;
	border-radius: 0 0 10px 10px;
}
.single-post-top .entry-header h1 {
	margin-bottom: 0;
	color: #ffffff;
	display: block;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.20;
	padding-right: 80px;
	position: relative;
}
.single-post-top .entry-header .entry-meta {
	margin-top: 40px;
	color: #ffffff;
	position: relative;
}
.single-post-top .entry-header .entry-meta a {
	color: #ffffff;
}
.single-post .entry-content {
	max-width: 820px;
	padding-right: 12px;
	font-size: 18px;
	line-height: 1.65;
}
.single-post .entry-content h2 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.23;
}
.single-post .entry-content h3 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.14;
}
.single-post .entry-content h4 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.25;
}
.single-post .entry-content p {
	margin-bottom: 40px;
}
.single-post .entry-content ul li,
.single-post .entry-content ol li {
	margin-bottom: 12px;
	margin-top: 12px;
}
