/**********************************************************
// Post >> Entry
**********************************************************/
.Entry-Main {
	margin: var(--20px) auto 0 auto !important;
	width: 100%;
	max-width: var(--1024px);
	}

.Entry-Title {
	margin: auto;
	padding: 0 !important;
	line-height: 1.3em;
	letter-spcaing: var(--1px);
	text-align: center;
	font-weight: 600;
	font-size: var(--50px);
	}

.Entry-Date {
	margin: auto;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	font-size: var(--18px);
	}

.Entry-Thumb {
	margin-top: var(--10px);
	text-align: center;
	line-height: 0;
	font-size: 0;
	}

.Entry-Text { margin-top: var(--20px); }

/**********************************************************
// Post >> Entry >> Podcast
**********************************************************/
.Entry-Podcast-Top {
	width: 100%;
	display: flex;
	align-items: center;
	gap: var(--20px);
	}

.Entry-Podcast-Thumb {
	margin: 0;
	width: 15.625rem;
	height: var(--200px);
	overflow: hidden;
	}

.Entry-Podcast-Thumb:after {
    padding-bottom: 150%;
    content: '';
    display: block;
	}

.Entry-Podcast-Thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: top center;
	}

.Entry-Podcast-Embed {
	margin-left: auto;
	padding: var(--10px);
	flex: 1;
	border-radius: var(--5px);
	background: var(--Color-White);
	}

/**********************************************************
// Post >> Entry >> Buttons
**********************************************************/
.Entry-Podcast-Buttons {
	margin: var(--30px) auto 0 auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--20px);
	}

.Entry-Podcast-Buttons a {
	padding: var(--12px) var(--15px);
	border-radius: var(--5px);
	background: var(--Color-Green);
	color: var(--Color-White);
	text-transform: uppercase;
	letter-spacing: var(--1px);
	font-family: var(--Font-Narrow);
	font-size: var(--16px);
	transition-property: color, background;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	display: inline-flex;
	align-items: center;
	}

.Entry-Podcast-Buttons a:hover,
.Entry-Podcast-Buttons a:focus {
	background: var(--Color-Yellow) !important;
	color: var(--Color-White) !important;
	}

.Entry-Podcast-Buttons a i { margin-right: var(--15px); }

/**********************************************************
// Post >> Entry >> Social
**********************************************************/
.Entry-Social {
	margin: var(--30px) auto 0 auto;
	color: var(--Color-Dark);
	}

.Entry-Social li a:hover,
.Entry-Social li a:focus { color: var(--Color-Green); }

/**********************************************************
// Post >> Entry >> Convo
**********************************************************/
.Entry-Convo {
	margin: var(--40px) auto 0 auto;
	padding: var(--20px);
	background: var(--Color-Gray);
	text-align: center;
	}

.Entry-Convo-Left {
	margin-top: var(--15px);
	margin-left: 5%;
	display: inline-block;
	float: left;
	}

.Entry-Convo-Left i,
.Entry-Convo-Left span {
	display: inline-block;
	vertical-align: middle;
	}

.Entry-Convo-Left i {
	font-size: 2.3125rem;
	color: var(--Color-White);
	}

.Entry-Convo-Left span {
	margin-left: var(--20px);
	text-transform: uppercase;
	letter-spacing: var(--1px);
	font-weight: 600;
	font-size: var(--16px);
	color: var(--Color-White);
	}

.Entry-Convo-Button {
	padding: var(--20px) var(--30px);
	line-height: var(--20px);
	text-transform: uppercase;
	letter-spacing: var(--1px);
	font-weight: 600;
	font-size: var(--16px);
	background: var(--Color-Black);
	color: var(--Color-White);
	display: inline-block;
	float: right;
	}

.Entry-Convo-Button:hover,
.Entry-Convo-Button:focus {
	background: var(--Color-Red);
	color: var(--Color-White);
	}

/**********************************************************
// Post >> Comments
**********************************************************/
.Comments { margin-top: var(--40px); }

#respond h3 {
	line-height: 1.5em;
	letter-spacing: var(--1px);
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	font-size: var(--20px);
	}

#respond label {
	letter-spacing: var(--1px);
	text-transform: uppercase;
	font-weight: 300;
	font-size: var(--12px);
	color: var(--Color-Black);
	}

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond select,
#respond textarea {
	width: 100%;
	border: 1px solid var(--Color-Black);
	background: var(--Color-White);
	}

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond select {
	height: 2.8125rem;
	line-height: 2.6875rem;
	}

#respond .form-submit {
	margin: var(--5px) auto 0 auto;
	padding: 0;
	text-align: center;
	background: transparent;
	display: block;
	position: relative;
	}

#respond input[type="submit"] {
	padding: var(--10px) var(--30px);
	width: auto;
	background: var(--Color-Black);
	color: var(--Color-White);
	line-height: 1.5em;
	letter-spacing: var(--1px);
	border: 0;
	text-transform: uppercase;
	font-weight: 400;
	font-size: var(--14px);
	display: inline-block;
	cursor: pointer;
	}

#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus { background: var(--Color-Red); }

.Comments-List {
	margin: var(--30px) auto 0 auto !important;
	padding: var(--10px) 0 !important;
	}

.Comments .fn a { color: var(--Color-Black); }
.Comments .fn {
	letter-spacing: var(--1px);
	text-transform: uppercase;
	font-weight: 400;
	color: var(--Color-Black);
	}

.comment-metadata a { color: var(--Color-Black); }
.comment-metadata {
	letter-spacing: var(--1px);
	text-transform: uppercase;
	font-weight: 400;
	font-size: var(--12px);
	color: var(--Color-Black);
	}

.comment-content { color: var(--Color-Black); }

.comment-form-cookies-consent input {
	margin-top: 0;
	vertical-align: middle;
	}

.comment-form-cookies-consent label {
	display: inline-block;
	vertical-align: middle;
	}

/**********************************************************
// Sidebar
**********************************************************/
.Sidebar .widget-title {
	margin-bottom: var(--10px);
	line-height: 1.5em;
	letter-spacing: var(--1px);
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	font-size: var(--14px);
	}

.Sidebar .AF-Widget-Social-Links { text-align: center; }

/**********************************************************
// Sidebar >> Search
**********************************************************/
.Sidebar .widget_search .screen-reader-text,
.Sidebar .widget_search .search-submit,
.Sidebar .widget_search .wp-block-search__button,
.Sidebar .widget_search .wp-block-search__label { display: none; }

.Sidebar .widget_search {
	padding-left: var(--40px);
	width: 100%;
	height: var(--40px);
	overflow: hidden;
	border-bottom: var(--1px) solid var(--Color-Black);
	white-space: nowrap;
	position: relative;
	}

.Sidebar .widget_search:before {
	content: "\f002";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-size: var(--20px);
	position: absolute;
	left: var(--10px);
	top: var(--10px);
	}

.Sidebar .widget_search input:focus { outline: 0; }
.Sidebar .widget_search input {
	padding: 0 var(--10px);
	width: 100%;
	line-height: var(--40px);
	font-weight: 500;
	font-size: var(--14px);
	color: var(--Color-Black);
	-webkit-appearance: none;
	border-width: 0;
	border: none;
	outline: none;
	}

.Sidebar .widget_search input::-webkit-input-placeholder { color: var(--Color-Black); text-transform: uppercase; }
.Sidebar .widget_search input:-moz-placeholder           { color: var(--Color-Black); text-transform: uppercase; }
.Sidebar .widget_search input::-moz-placeholder          { color: var(--Color-Black); text-transform: uppercase; }
.Sidebar .widget_search input:-ms-input-placeholder      { color: var(--Color-Black); text-transform: uppercase; }

/**********************************************************
// Author Profile
**********************************************************/
.Author-Profile {
	margin: var(--30px) auto 0 auto;
	padding: var(--20px);
	background: var(--Color-White);
	width: 100%;
	max-width: var(--900px);
	border-radius: var(--5px);
	}

.Author-Profile-Inner {
	width: 100%;
	display: flex;
	align-items: center;
	gap: var(--20px);
	}

.Author-Profile-Left {
	margin: 0;
	width: var(--200px);
	}

.Author-Profile-Image {
	width: var(--200px);
	height: var(--200px);
	border-radius: 100%;
	overflow: hidden;
	}

.Author-Profile-Image:after {
    padding-bottom: 150%;
    content: '';
    display: block;
	}

.Author-Profile-Image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: top center;
	}

.Author-Profile-Right { flex: 1; }

.Author-Profile-Bio {
	margin-top: var(--10px);
	line-height: 1.5em;
	}

/**********************************************************
// Media Queries
**********************************************************/
@media /* 1024px */
all and (max-width: 64rem),
all and (max-device-width: 64rem)
{

}

@media /* 768px */
all and (max-width: 48rem),
all and (max-device-width: 48rem)
{
	.Entry-Convo-Left {
		margin: auto;
		display: block;
		float: none;
		}

	.Entry-Convo-Button {
		margin: var(--20px) auto 0 auto;
		float: none;
		}

	.Entry-Podcast-Top {
		margin: auto;
		width: 100%;
		max-width: var(--768px);
		display: block;
		}

	.Entry-Podcast-Thumb { margin: auto; }

	.Entry-Podcast-Embed {
		margin: var(--30px) auto 0 auto;
		width: 100%;
		}

	.Entry-Podcast-Buttons { flex-direction: column; }

	.Author-Profile-Inner { flex-direction: column; }
	.Author-Profile { text-align: center; }
}
