body.no_scroll {
	overflow: hidden;
}

#header .container {
	width: 100%;
	max-width: 1248px;
	margin: 0 auto;
	padding: 0 24px;
}

#header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

main {
	max-width: 1248px;
	margin: 0 auto;
	padding: 0 24px;
}

#header .right_col #login_wrapper iframe {
	height: 45px;
}

#header .sticky_container {
	position: fixed;
	top: 0;
	left: 0;
}

#header .sticky_container .wrapper {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1248px;
	margin: 0 auto;
	padding: 8px 24px;
	background-color: #ffffff;
	z-index: 1;
}

#header .sticky_container .logo img {
	display: block;
}

#header .sticky_container .share_cmt {
	justify-content: flex-end;
	margin: 0;
}

.main_content {
	padding-top: 24px;
}

.main_content .left_col .top_content {
	position: relative;
}

.main_content li {
	list-style-type: none;
}

.main_content .post_content ul, .main_content .post_content ol {
	padding-left: 1rem;
	margin-bottom: 25px;
}

.main_content .post_content ul li, .main_content .post_content ol li {
	list-style-type: unset;
	line-height: 25px;
	margin-bottom: 8px;
	font-size: 17px;
}

.main_content .prime_cat {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 28px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #777777;
}

.main_content .prime_cat a {
	color: #777777;
}

.main_content .prime_cat .premium_icon {
	position: relative;
}

.main_content .prime_cat .premium_icon:before {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 28px;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #555555;
	padding: 4px 10px;
	margin-right: 16px;
}

.main_content .post_title h1 {
	font-family: 'Source Serif';
	font-weight: inherit;
	font-variation-settings: 'wght' 625, 'opsz' 40;
	font-style: normal;
	font-size: 38px;
	line-height: 46px;
	letter-spacing: 0;
	color: #30393C;
	margin: 16px 0 8px;
}

/* social share */
.share_frame {
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.no_scroll .share_frame {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(2px);
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
	z-index: 3;
}

#share_widget {
	max-width: 600px;
	margin: 10vh calc((100vw - 603px) / 2) 20vh;
	text-align: center;
	padding-bottom: 24px;
	background: #ffffff;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

#share_widget .thumbnail img {
	display: block;
	width: 100%;
}

#share_widget p {
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 33px;
	color: #1D1D1D;
	text-align: center;
	padding: 12px 16px 36px;
}

#share_widget .share_panel {
	display: flex;
	justify-content: space-around;
}

#share_widget .share_panel .icon:before {
	display: block;
	font-family: 'Genericons';
	font-size: 40px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #202950;
}

#share_widget .share_panel .copy:before {
	content: "\f13f";
	font-weight: 500;
	font-size: 36px;
	margin-top: 8px;
}

#share_widget .share_panel .email:before {
	content: "\f144";
}

#share_widget .share_panel .facebook:before {
	content: "\f12d";
}

#share_widget .share_panel .twitter:before {
	content: "\f17c";
}

#share_widget .one_share a {
	color: #1D1D1D;
}

#share_widget .one_share .name {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 15px;
	color: #1D1D1D;
}

.main_content .printer > a {
	margin-right: 5px;
	line-height: 16px;
	vertical-align: sub;
}

.main_content .printer > a:before {
	font-family: "Genericons";
	content: "\f18d";
	font-size: 20px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	line-height: 0;
	position: relative;
	top: 6px;
	color: #000;
	margin-right: 9px;
}

.main_content .font-bigger:before {
	font-family: "Genericons";
	content: "\f18e";
	font-size: 20px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	color: #000;
	position: relative;
	top: 9px;
}

.main_content .font-smaller {
	margin-left: 3px;
}

.main_content .font-smaller:before {
	font-family: "Genericons";
	content: "\f18f";
	font-size: 17px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	color: #000;
	position: relative;
	top: 6px;
}

/* new common share */
#social_share_widget {
	margin-bottom: 24px;
}

#social_share_widget .heading {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

#social_share_widget .number {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #212E4E;
}

#social_share_widget .text {
	padding-right: 4px;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-size: 27px;
	line-height: 24px;
	color: #212E4E;
}

#social_share_widget .text:before {
	content: "\f1ce";
	font-family: 'Genericons';
	margin-right: 8px;
	color: #212E4E;
	vertical-align: sub;
}

#social_share_widget .panel {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: repeat(6, 43px);
	gap: 12px;
}

#social_share_widget .icon {
	width: 43px;
	height: 43px;
	margin: 0;
	padding-top: 0;
	vertical-align: middle;
	font-size: 0;
	border-radius: 4px;
	background-color: #212E4E;
}

#social_share_widget .email {
	grid-column: 1 / span 6;
	width: auto;
}

#social_share_widget .copy_url {
	grid-column: 1 / span 2;
	width: auto;
}

#social_share_widget .email, #social_share_widget .copy_url {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 44px;
	color: #FFFFFF;
	text-align: center;
}

#social_share_widget .icon a {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	color: #ffffff;
}

#social_share_widget .icon img {
	width: 24px;
	height: 42px;
}

#social_share_widget .email img {
	margin-right: 8px;
}

#social_share_widget .copy_url a:before, #social_share_widget .fb a:before, #social_share_widget .tw a:before {
	font-family: 'Genericons';
	font-size: 25px;
}

#social_share_widget .copy_url a:before {
	content: "\f13f";
	font-size: 23px;
	margin-right: 4px;
}

#social_share_widget .fb a:before {
	content: "\f12d";
}

#social_share_widget .tw a:before {
	content: "\f17c";
}

.single .share_cmt {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin: 24px auto;
}

.single .bottom_container .share_cmt {
	justify-content: space-between;
	margin-top: 0;
}

.single .bottom_container .share_cmt button {
	width: auto;
}

.single .share_cmt button {
	width: 80px;
	margin: 0;
	border: unset;
	box-shadow: unset;
	background: unset;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 32px;
	color: #1D1D1D;
	cursor: pointer;
}

.single .share_cmt .share:before {
	content: "\f1ce";
	font-family: 'Genericons';
	vertical-align: bottom;
	margin-right: 4px;
}

.single .share_cmt .comment span, .single .right_col .comment span {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 12px;
	color: #1D1D1D;
}

.single .share_cmt .comment:before, .single .right_col .comment:before {
	display: inline-block;
	font-family: "Genericons";
	content: "\f1cc";
	font-size: 18px;
	font-weight: 100;
	line-height: 20px;
	color: #2F2F2F;
	vertical-align: sub;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 8px;
}

.single .share_wrapper {
	width: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.main_content .top_content .sub_title {
	font-family: 'Source Serif';
	font-weight: inherit;
	font-variation-settings: 'wght' 600, 'opsz' 40;
	font-style: normal;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #495255;
	margin-bottom: 8px;
}

.main_content .author_date_tools {
	position: relative;
	min-height: 56px;
	margin-top: 24px;
}

.main_content .top_content .date {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 14px;
	color: #2F2F2F;
}

.author_date {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	column-gap: 12px;
	width: 100%;
}

.author_date .avatars {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	column-gap: 8px;
}

.author_date .avatar {
	width: 50px;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}

.author_date .info {
	position: relative;
	padding-top: 8px;
}

.main_content .author, .main_content .author a {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 17px;
	color: #2F2F2F;
	margin-bottom: 4px;
}

.main_content .top_content .author .author_name {
	text-decoration: underline;
	cursor: pointer;
}

.author .author_card {
	display: none;
	position: absolute;
	z-index: 1;
	top: 32px;
	left: 0;
	width: 254px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
	padding: 12px;
	text-transform: none;
}

.author_card img {
	display: inline-block;
	width: 44px;
	height: 44px;
	border-radius: 50%;
}

.author_card .names {
	display: inline-block;
	vertical-align: top;
	margin-left: 12px;
}

.author_card .name {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #000000;
	padding-bottom: 2px;
}

.author_card .title {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 13px;
	text-transform: uppercase;
	color: #666666;
}

.author_card .bio {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	letter-spacing: 0.02px;
	line-height: 16px;
	color: #000000;
	margin-top: 4px;
}

.author_card .bottom_row {
	width: 100%;
	padding-top: 12px;
}

.author_card .bottom_row > div {
	display: inline-block;
}

.author_card .view a {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 15px;
	text-decoration-line: underline;
	color: #3f6eb9;
	text-transform: none;
}

.main_content .top_content .publish {
	margin-right: 16px;
}

.main_content .tools {
	position: absolute;
	top: 0;
	right: 0;
}

.tools .text_sizes, .tools .print {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

.tools .print {
	margin-right: 0;
	cursor: pointer;
}

.text_sizes, .print a {
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 16px;
}

.text_sizes > span {
	vertical-align: bottom;
	font-size: 0;
}

.main_content .featured_img {
	position: relative;
	width: 100%;
	margin-top: 16px;
}

.main_content .featured_img img {
	max-width: 100%;
	display: block;
	width: 100%;
}

.main_content .top_content .featured_caption {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 22px;
	color: #777777;
	padding-top: 8px;
}

.main_content .featured_image .video_fit_container {
	margin-top: 0;
	margin-bottom: 10px;
}

.featured_videos .eet_video_icon {
	position: absolute;
	width: 25px;
	height: 25px;
	bottom: 5px;
	left: 5px;
	background-image: url('/assets/themes/eet/images/EET_Play_Button_big.svg');
	background-size: cover;
}

.main_content .post_content {
	max-width: 640px;
	margin: 0 auto;
	padding: 24px 20px;
	font-family: 'ET Text';
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 0;
	color: #2F2F2F;
}

.main_content .post_content p {
	margin-bottom: 24px;
	word-break: break-word;
}

.main_content .post_content a {
	color: #2F2F2F;
	text-decoration: underline;
}

.main_content .post_content a:visited {
	color: #551A8B;
}

.main_content .post_content img, .main_content .post_content figure {
	max-width: 100%;
	height: auto;
}

.main_content .post_content .alignright {
	float: right;
	margin-left: 16px;
}

.main_content .post_content .alignleft {
	float: left;
	margin-right: 16px;
}

.main_content .post_content .video_fit_container {
	margin-bottom: 20px;
}

.main_content .post_content iframe {
	max-width: 100%;
}

.main_content .post_content > table {
	max-width: 100%;
	width: 100%;
}

.main_content .wp-caption-text, .main_content figcaption {
	width: 100%;
	max-width: 100%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 19px;
	color: #000000;
}

.main_content .post_content figure {
	max-width: 100%;
	height: auto;
	margin: 0 auto 24px;
}

.main_content .post_content .alignleft {
	float: left;
	margin-right: 16px;
}

.post_content h2 {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.2;
	margin-bottom: 0.83em;
	margin-left: 0;
	margin-right: 0;
}

.post_content h3 {
	display: block;
	font-size: 1.17rem;
	line-height: 1.2;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 500;
}

.post_content h4 {
	display: block;
	font-size: 1rem;
	margin-bottom: 1.33em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 500;
}

.post_content h5 {
	display: block;
	font-size: 0.83rem;
	margin-bottom: 1.67em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 500;
}

.post_content h6 {
	display: block;
	font-size: 0.67rem;
	margin-bottom: 2.33em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 500;
}

.post_content strong, .post_content b {
	font-weight: 500;
}

.bottom_container .wrapper {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 20px;
}

.single .main_content .grid {
	display: grid;
	grid-template-columns: minmax(0, 820px) 320px;
	column-gap: 60px;
	width: 100%;
}

.featured_image .video_fit_container.fixtop {
	position: fixed;
	bottom: 10px;
	right: 0;
	z-index: 9;
	max-width: 300px;
	max-height: 172px;
	width: 100%;
	height: 100%;
}

.featured_image .video_fit_container #video_close:before {
	font-family: "Genericons";
	content: "\f107";
	width: 15px;
	height: 15px;
	font-size: 14px;
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
	position: absolute;
	display: inline-block;
	top: -3px;
	right: -18px;
}

.single .right_col .comment {
	width: 100%;
	height: 40px;
	margin-bottom: 40px;
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	box-shadow: 0 1px 4px rgb(0 0 0 / 25%);
	border-radius: 2px;
	cursor: pointer;
}

.single .popular_reads {
	transition: opacity 0.8s ease-in-out;
}

.single .popular_reads.hide {
	opacity: 0;
}

.single .popular_reads.news_bottom {
	position: sticky;
	top: 62px;
}

.single .popular_reads.news_health_bottom {
	position: sticky;
	top: 62px;
}

.single .popular_reads ul {
	margin-bottom: 60px;
	border: 1px solid #CFCFCF;
	border-radius: 4px;
}

.single .popular_reads .block_title {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 4px;
}

.single .popular_reads ul li {
	list-style-type: none;
	padding: 24px 16px;
	border-bottom: 1px solid #DFDFDF;
}

.single .popular_reads ul li:last-child {
	border-bottom: unset;
}

.single .popular_reads .current {
	border-left: 4px solid #364D88;
}

.single .popular_reads .current .story_wrapper {
	position: relative;
	padding-top: 32px;
}

.single .popular_reads .current .story_wrapper:before {
	position: absolute;
	top: 0;
	left: 0;
	content: 'Now Reading';
	margin-bottom: 12px;
	padding: 4px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #F8F8F8;
	background-color: #364D88;
}

.single .popular_reads .story_wrapper, .single .popular_reads .story_wrapper a {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.single .popular_reads li:hover {
	background-color: #fafafa;
}

.single .popular_reads .story_wrapper .number {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.02em;
	color: #30393C;
	margin-right: 12px;
}

.single .popular_reads .text {
	padding-right: 12px;
}

.single .popular_reads h3 {
	font-family: 'Source Serif';
	font-weight: inherit;
	font-variation-settings: 'wght' 600, 'opsz' 40;
	font-style: normal;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.01em;
	color: #000000;
	white-space: normal;
}

.single .popular_reads li:hover h3, .single .popular_reads li:hover .number {
	color: #555555;
}

.single .popular_reads .story_wrapper figure {
	position: relative;
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	line-height: 0;
	overflow: hidden;
}

.single .popular_reads .story_wrapper img {
	position: absolute;
	width: 83px;
	height: 100%;
	top: 0;
}

.single .popular_reads:not(.etv) .story_wrapper img {
	left: -30% !important;
}

.single .popular_reads li:hover img {
	opacity: 0.9;
}

body.single #footer {
	position: relative;
	background-color: #343434;
	z-index: 1;
}

body.single #footer .toprow {
	border: none;
	padding: 0;
}

body.single #footer .toprow .logo {
	float: none;
	display: block;
	margin: auto;
	text-align: center;
}

body.single #footer .copyright {
	border: none;
	padding: 0;
	margin-bottom: 0;
	color: #fff;
}

body.single #footer #backtotop .totop {
	right: 10px;
}

@media screen and (min-width: 1000px) {
	body.single #footer #backtotop .totop {
		right: 30px;
		bottom: 80px;
	}
}

@media screen and (max-width: 999px) and (min-width: 700px) {
	body.single #footer #backtotop .totop {
		left: 20px;
		bottom: 20px;
	}
}

@media screen and (max-width: 699px) {
	body.single #footer #backtotop .totop {
		left: 20px;
		bottom: 20px;
	}
}
/* start of shortcode */

blockquote {
	border-left: 4px solid #dfdfdf;
	padding: 0;
	margin-bottom: 20px;
	margin-left: 20px;
}

blockquote p {
	padding: 0;
	color: #696969 !important;
	line-height: 30px !important;
	font-size: 16px !important;
	font-family: 'ET Text';
	font-weight: 500;
	margin-left: 18px;
	margin-bottom: 25px;
	padding-right: 20px;
}

.post_content .pull-quote {
	display: inline-block;
	width: 100%;
	margin: 0 0 25px;
	padding: 33px 0 30px 0;
	font-family: 'ET Text';
	font-style: italic;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	background-color: #eee;
	background: -webkit-linear-gradient(right, #fff, #eee 50%, #fff);
	background: -o-linear-gradient(left, #fff, #eee 50%, #fff);
	background: -moz-linear-gradient(left, #fff, #eee 50%, #fff);
	background: linear-gradient(to left, #fff, #eee 50%, #fff);
}

.pull-quote .quote-content:after, .pull-quote .quote-content:before {
	font-family: "Genericons";
	content: "\f199";
	line-height: 0;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #666;
	margin: 0 10px 0 0;
	position: relative;
	top: -4px;
}

.pull-quote .quote-content:after {
	content: "\f198";
	top: 0;
	margin-left: 5px;
}

.pull-quote .quote-info {
	color: #666;
	font-size: 14px;
	line-height: 16px;
	font-style: italic;
	text-align: center;
	font-weight: 500;
	padding-top: 20px;
}

.pull-quote .quote-info .author {
	font-style: italic;
	text-align: center;
	font-weight: 500;
}

.morearticles {
	width: 100%;
	padding: 16px;
	border: 1px solid #DFDFDF;
	border-radius: 4px;
	font-family: 'Roboto', sans-serif;
}

.morearticles strong {
	text-transform: uppercase;
}

.morearticles .post_list {
	margin: 4px 0 0 20px;
}

.morearticles .post_list .article {
	list-style: disc;
	display: list-item;
	line-height: 22px;
	margin-bottom: 4px;
}

.morearticles .post_list .article a {
	color: #2F2F2F;
	text-decoration: unset;
}

.coverage {
	width: 100%;
	padding: 16px;
	border: 1px solid #DFDFDF;
	border-radius: 4px;
}

.coverage strong {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #2F2F2F;
}

.coverage .post_list {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	width: 100%;
	margin-top: 12px;
}

.coverage .article img {
	display: inline-block;
	max-width: 176px;
	width: 33%;
}

.coverage .article a {
	text-decoration: unset;
}

.coverage .article a span {
	display: inline-block;
	width: 67%;
	padding-left: 16px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0.03em;
	color: #2F2F2F;
	vertical-align: top;
}

.w100 {
	width: 100%;
}
/*-- videos --*/

.video_fit_container {
	width: 100%;
	position: relative;
	padding: 56.25% 0 0;
}

.video_fit_container > div[id] {
	height: 100% !important;
	padding-top: 56.25%;
}

.more_content .one_post .video_fit_container {
	padding-top: 0;
}

.wp-video {
	margin: auto;
}

.video_fit_container.epoch_player > div[id] {
	padding: 0;
}

.video_fit_container .vjs-theme-epoch div {
	margin: 0;
}

.video_fit_container .vjs-menu li {
	list-style: none;
	line-height: 1.4em !important;
	font-size: 1.2em !important;
	margin: 0 !important;
}

.video_fit_container .vjs-menu-button-popup .vjs-menu-content {
	margin: 0;
	padding: 0;
}

.video_fit_container > iframe, .video_fit_container > div.wp-video, .video_fit_container > div.player-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
}

.video_fit_container center, .video_fit_container .jwplayer.jw-flag-aspect-mode {
	height: 100% !important;
	zoom: 1;
	padding-top: 0;
}

.video_fit_container .ymk_player_icon {
	background: url('/assets/themes/eet/images/EET_Play_Button_big.svg') no-repeat center center;
	background-size: 63px 63px;
	display: inline-block;
	width: 68px;
	height: 68px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -32px;
	margin-left: -32px;
}

.post_content .fade-out {
	position: relative;
	height: 200px;
	margin-top: -200px;
	background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%);
	background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%);
	background-image: -o-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%);
	background-image: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%);
	background-image: -ms-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%);
}

/* comment panel */
#sidebar_comments {
	width: 360px;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	visibility: hidden;
	transform: translateX(110%);
	transition: transform 400ms ease 0s, visibility 400ms ease 0s;
	padding: 16px 0 0;
	background-color: #ffffff;
	box-shadow: -4px 4px 4px rgb(0 0 0 / 10%);
	z-index: 12;
}

#sidebar_comments.show {
	visibility: visible;
	transform: none;
	transition: transform 400ms ease 0s, visibility 400ms ease 0s;
}

#remark-side-panel {
	width: 100%;
	height: 100%;
}

#remark-side-panel .remark-wrapper {
	height: calc(100% - 24px);
}

#remark {
	height: 100%;
}

#remark-side-panel #forum_btn {
	margin: 0 0 7px;
	padding: 0;
	border-radius: 2px;
	border-color: transparent;
	border-width: 0;
	background-color: #033b67;
	cursor: pointer;
	width: 100%;
	text-align: center;
}

#remark-side-panel #forum_btn a {
	display: block;
	line-height: 40px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #fff;
}

#remark-side-panel #forum_btn .arrow {
	display: inline-block;
	width: 25px;
	vertical-align: middle;
	padding-left: 3px;
}

#remark-side-panel .close {
	float: right;
	font-size: 0;
}

#remark-side-panel .close a:before {
	font-family: "Genericons";
	font-size: 14px;
	color: #000;
	padding-right: 8px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#sidebar_comments.show #remark-side-panel .close a:before {
	content: "\f107";
}

#remark-side-panel .login_wrapper {
	margin-top: 12px;
	margin-bottom: 20px;
}

#remark-side-panel .login_wrapper .new_users, #remark-side-panel .login_wrapper .registered, #remark-side-panel .login_wrapper .not_verified_user {
	display: none;
}

#remark-side-panel .login_wrapper button {
	background: #fff;
	outline: none;
	border: 0;
	border-radius: 4px;
}

#remark-side-panel .login_wrapper button a {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	width: 90px;
	height: 26px;
	line-height: 26px;
	color: #212E4E;
}

#remark-side-panel .login_wrapper .blue_button {
	display: inline-block;
	width: 96%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
	background: #003965;
	border-radius: 4px;
}

#remark-side-panel .login_wrapper #remark_login_btn a {
	color: #000;
	text-decoration: underline;
}

#remark-side-panel .login_wrapper #remark_signup_btn {
	background: #212E4E;
	margin-right: 10px;
}

#remark-side-panel .login_wrapper #remark_signup_btn a {
	color: #fff;
}

@media only screen and (max-width: 1200px) {
	main {
		padding: 0 16px;
	}
	.single .main_content .grid {
		column-gap: 24px;
	}
}

@media only screen and (max-width: 1024px) {
	.main_content .author_date.multi + .tools {
		position: unset;
	}
}

@media only screen and (max-width: 768px) {
	.single .main_content .grid {
		display: block;
	}
	.single .main_content .left_col {
		grid-column: span 12;
		padding-right: 0;
	}
	.single .right_col .comment {
		display: none;
	}
	.single .popular_reads .story_wrapper, .single .popular_reads .story_wrapper a {
		width: 100%;
		justify-content: space-between;
	}
	.single .popular_reads .story_wrapper figure {
		flex: 0 0 205px;
		width: 205px;
		height: auto;
	}
	.single .popular_reads .story_wrapper img {
		position: unset;
		top: unset;
		left: unset;
	}
	#social_share_widget {
		display: none;
	}
	.single .share_wrapper {
		display: block;
		position: sticky;
		bottom: 0;
		width: calc(100% + 32px);
		height: 102px;
		box-shadow: 0 0 10px rgb(0 0 0 / 14%);
		margin-left: -16px;
		margin-bottom: 0;
		padding: 10px 16px;
		background-color: #ffffff;
		-webkit-transition: height .5s;
		-o-transition: height .5s;
		transition: height .5s;
		z-index: 3;
	}
	.single .share_wrapper .share_container {
		display: flex;
		justify-content: space-between;
		max-width: 450px;
		width: 100%;
		margin: 0 auto;
	}
	.single .share_wrapper .wrapper {
		flex: 1 0 58%;
		padding-right: 8px;
		border-right: 1px solid #E0E7EA;
	}
	.single .share_wrapper .item {
		display: flex;
		justify-content: space-between;
		width: auto;
		gap: 16px;
		padding-top: 0;
		font-family: 'Roboto', sans-serif;
		font-style: normal;
		font-size: 18px;
		line-height: 22px;
		color: #000000;
		text-align: center;
		text-transform: unset;
		vertical-align: top;
	}
	.share_wrapper .cmt_link, .share_wrapper .cmt_count {
		display: flex;
		flex-direction: column;
		height: 38px;
		font-style: normal;
		font-weight: 400;
		font-size: 19px;
		line-height: 24px;
		text-align: right;
		color: #000000;
	}
	.share_wrapper .cmt_link:before, .share_wrapper .cmt_count:before {
		content: "COMMENTS";
		font-size: 12px;
		line-height: 14px;
		vertical-align: top;
		color: #4D5B63;
	}
	.share_wrapper .cmt_link:before {
		content: 'SHARES';
		font-size: 13px;
	}
	.share_wrapper .email_share {
		display: flex;
		justify-content: space-between;
		gap: 12px;
		margin-top: 4px;
	}
	.share_wrapper .email, .share_wrapper .share_btn {
		display: inline-flex;
		width: 47%;
		height: 40px;
		align-items: center;
		justify-content: space-evenly;
		background-color: #212E4E;
		border-radius: 4px;
		cursor: pointer;
	}
	.share_wrapper .email:before {
		font-family: 'Genericons';
		content: "\f144";
		color: #ffffff;
		font-size: 22px;
	}
	.share_wrapper a {
		color: #FFFFFF;
	}
	.share_wrapper button.share {
		border: unset;
		font-size: 16px;
		color: #ffffff;
		line-height: 37px;
		font-style: normal;
		font-weight: 400;
	}
	.share_wrapper .share_btn .share_img {
		width: 16px;
	}
	.share_wrapper .comment {
		grid-column: 6 / span 4;
		display: inline-flex;
		width: 136px;
		justify-content: space-evenly;
		margin-top: 4px;
		margin-left: 8px;
		padding: 0;
		border: 2px solid #212E4E;
		color: #212E4E;
		background-color: unset;
		font-size: 16px;
		border-radius: 4px;
		line-height: 36px;
		text-transform: capitalize;
		text-align: center;
		cursor: pointer;
	}
	.share_wrapper.social .comment:before {
		display: inline-block;
		font-family: "Genericons";
		content: "\f1a2";
		font-size: 22px;
		font-weight: 600;
		color: #212E4E;
		line-height: 25px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin: 4px 0 0 2px;
	}
}

/* landing page */
.meter_expired, #landing-page {
	background-color: #fff;
}

/* start single bottom recommendation & epoch tv */
.bottom_recm .ai_rec {
	position: relative;
	width: 100%;
	overflow: hidden;
	-webkit-transition: margin 0.2s;
	transition: margin 0.2s;
	margin-bottom: 30px;
	margin-right: 16px;
}

.bottom_recm .ai_rec .block_title {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 16px;
}

.ai_rec .top_news_articles {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 200%;
	overflow: hidden;
	transform: translateX(0%) translateX(0px);
	-webkit-transition: 0.3s cubic-bezier(.49,.49,.55,.95);
	transition: 0.5s cubic-bezier(.49,.49,.55,.95);
}

.ai_rec.end .top_news_articles {
	transform: translateX(-50%) translateX(0px);
}

.ai_rec .top_news_articles .one_block {
	max-width: 820px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px 24px;
}

.bottom_recm .eet_video_icon {
	width: 35px;
	height: 35px;
	left: 10px;
	bottom: 10px;
	top: auto;
}

.bottom_recm a {
	color: #000;
}

.bottom_recm .image {
	line-height: 0;
	margin-bottom: 4px;
	position: relative;
}

.bottom_recm img {
	max-width: 100%;
}

.bottom_recm .title {
	font-family: 'Source Serif';
	font-weight: inherit;
	font-variation-settings: 'wght' 600, 'opsz' 40;
	font-style: normal;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #000000;
	white-space: normal;
}

.epochtv_block {
	background-color: #1A1F2E;
	margin: 16px 0;
	padding: 20px 16px 24px;
}

.epochtv_block img {
	width: 100%;
	aspect-ratio: auto 1 / 2;
}

.epochtv_block .logo {
	width: 200px;
}

.epochtv_block .featured_channel {
	margin-top: 12px;
	margin-bottom: 12px;
}

.epochtv_block .block_title {
	position: relative;
	padding-bottom: 8px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.02em;
	font-style: normal;
	font-size: 15px;
	line-height: 16px;
	color: #FCD6B3;
}

.epochtv_block .block_title span {
	position: relative;
	z-index: 3;
	background: #1A1F2E;
	padding-right: 10px;
}

.epochtv_block .block_title:after {
	content: '';
	position: absolute;
	width: 100%;
	top: 8px;
	left: 0;
	height: 1px;
	border-bottom: 1px solid #313C69;
}

.epochtv_block .one_ch {
	display: inline-block;
	width: calc(20% - 3.2px);
	margin-right: 4px;
}

.epochtv_block .one_ch:last-child {
	margin-right: 0;
}

#partnership {
	margin-top: 40px;
}

/* pipa template */
.modal.showNav .modal__overlay {
	top: 84px;
}
.modal.showTopNav .modal__overlay {
	top: 45px;
}

body.sticky_nav .modal.showNav .modal__overlay,
body.sticky_nav .modal.showTopNav .modal__overlay {
	top: 58px;
}

/* ads style */
.top_ad {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 266px;
	margin: 0 auto;
	text-align: center;
	background-color: #F8F8F8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.no-ads .top_ad {
	display: none !important;
}

.fixed-top {
	text-align: center;
	position: fixed;
	top: 50px;
	left: 0;
	right: 0;
}