/*
Theme Name: SmartMag Child
Theme URI: https://dailyresearchnews.com/
Description: Daily Research News child theme for SmartMag.
Author: Daily Research News
Template: smart-mag
Version: 1.0.0
Text Domain: smart-mag-child
*/

.post-content .wp-block-table tbody tr td,
.post-content table tbody tr td {
    vertical-align: middle;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
    margin-top: 1.05em;
}

.post-meta .post-meta-items.meta-above .post-cat>a {
    background: var(--c-main);
    color: #fff;
		font-size: 10px;
    letter-spacing: 0.05em;
    border-radius: 2px;
    padding: 1px 8px;
}


/* HEADER */
.navigation .menu li:first-child>ul {
	border: 0;
	margin-top: 0px;
}
.navigation .menu ul, .navigation .menu .sub-menu {
	padding: 0;
}
.smart-head-mid.s-light,
.s-light .smart-head-sticky:not(.s-dark),
.s-light .smart-head-mid {
	  background: linear-gradient(60deg, #5b2278 0, #a52c68 84%, #a52c68 100%);
}
.smart-head-mid .logo-image {
	width: 300px;
}
@media (max-width: 940px) {
	.smart-head-mobile .logo-image {
		width: 210px;
	}
}
.mega-menu .sub-cats:not(._) a {
    padding-left: 22px;
}

.smart-head .logo-link>h1, .smart-head .logo-link>span {
	color: #fff;
}
html .smart-head .logo-link:not(:last-child) {
    --item-mr: 0;
}

/* H1 IN LOGO */
.site-title, .site-description {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    height: .1rem;
    width: 1px;
    width: .1rem;
    border: 0;
    overflow: hidden;
}
.title-area {
    display: flex;
    align-items: center
}
.site-title {
    font-size: 30px;
    font-size: 3rem;
    font-family: rubik;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0
}
.site-title a {
    color: transparent;
    font-size: 44px;
    text-decoration: none
}
.site-title a:focus {
    outline: .1rem solid #f0f1f200
}
.site-description {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
    line-height: 1.382;
    text-align: left
}

/* READ PROGRESS */
.drn-read-progress.show {
	transform: translateY(0px);
}
.drn-read-progress {
	bottom: -2px;
	left: 0;
	right: 0;
	height: 3px;
	z-index: 101;
	position: absolute;
	transition: all .3s ease;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 20px;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.drn-progress-container {
	left: 0;
	width: 100%;
	top: 0;
/* 	height: 2px; */
	margin-bottom: 0;
	position: absolute;
	background-color: #f2cc3a;
	content: '';
	display: table;
	table-layout: fixed;
}
.drn-read-progress>div {
	-ms-flex: 1;
	flex: 1;
}
.drn-progress-bar {
	width: 0;
	float: left;
	position: absolute;
	height: 3px;
	z-index: 99;
	max-width: 100%;
	background-color: #5D237A;
	transition: width .6s ease;
	box-shadow: 0 0 10px 0 rgb(101 31 255 / 56%);
}



/* SEARCH POPUP */
.search-modal-box input.search-field.live-search-query {
    color: #fff;
    box-shadow: 5px 5px 0px 0px #fff;
    width: 100%;
    background: transparent;
    color: #fff;
    padding: 0.8em 80px 0.8em 0.8em;
    font-size: 20px;
    border: 1px solid #fff;
}

/* CATEGORY LABEL */
/*.cat-labels a:last-child, .cat-labels .category:last-child {
    background: #ffce30;
    color: #000;
}*

/* SINGLE PAGE */
body.page.page-template-default  .breadcrumbs,
body.page.page-template-default  .main {
    max-width: 790px;
}

/* SINGLE POST  */
.single-post .featured figure.image-link {
    text-align: center;
}
.the-post-header .post-meta .post-title {
    word-break: break-all;
}
/* .single-featured {
    display: flex;
    justify-content: center;
}
.single-featured img {
    border-radius: 6px;
    width: 100%;
} */
@media (min-width: 941px) {
	.the-post-modern,
	.wrap-spacious-full,
	.single-featured .featured,
	.content-spacious-full {
			--post-content-width: 768px;
			max-width: 768px;
	}
}
.post-content a:hover {
	text-decoration: underline;
}
.comment-form .submit,
html input[type=submit],
html button,
html input[type=reset],
html input[type=button],
html .ts-button,
.formkit-submit {
	background-color: #fcd34d;
	color: #000;
}


/* EASY TOC */
div#ez-toc-container {
    width: 100%;
    padding: 25px 35px;
    background: #3366cc0a;
    border: 0;
    border-radius: 15px;
}
div#ez-toc-container .ez-toc-title {
    font-weight: 700;
    padding-bottom: 10px;
}
div#ez-toc-container .ez-toc-list {
    padding-top: 10px;
}
div#ez-toc-container li {
    margin-bottom: 10px !important;
}
div#ez-toc-container li:before {
	top: 7px;
}
div#ez-toc-container li a:before {
    content: none;
}
#ez-toc-container li a {
	color: var(--c-a);
		padding-left: 25px;
}
#ez-toc-container ul ul {
    margin-top: 10px;
}
#ez-toc-container ul ul li:last-child {
    margin-bottom: 0 !important;
}
#ez-toc-container .ez-toc-js-icon-con,
#ez-toc-container .ez-toc-toggle label,
#ez-toc-container .ez-toc-cssicon {
    left: 0px;
}
html.s-dark div#ez-toc-container {
    background: #6766681f;
}
html.s-dark .lwptoc_toggle_label,
html.s-dark .lwptoc_item a {
    color: var(--c-main) !important;
}

/* LIST DOTS */
.post-content ul li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #3366ccb5;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 10px;
}
.post-content ul li {
    list-style-type: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px !important;
}

/* Intelly Related Posts Plugin */
.IRPP_button .ctaButton {
    color: #111 !important;
}

/* TABLE */
.wp-block-table table thead {
    border-bottom: 0;
}
.wp-block-table table thead tr th {
    color: #fff !important;
    padding: 15px 25px;
    border-bottom: 0 !important;
    border: 1px solid #0820481A !important;
    vertical-align: middle;
}
.wp-block-table table thead tr th strong {
    color: #fff !important;
}
.wp-block-table table thead tr {
    background: #500E91;
}
.wp-block-table tbody tr {
    background: rgba(73, 17, 129, 0.1);
}
.wp-block-table table tbody tr:first-child {
    background: #5c2378;
    color: #fff;
    font-size: 110%
}
.wp-block-table tbody tr td {
    border: 1px solid #0820481A !important;
    padding: 12px 15px;
}
.wp-block-table{
	border-radius:10px;
}

/* RESPONSIVE TABLE MTR */
@media (max-width: 650px) {
	html .wp-block-table {
		border-radius: 0px;
	}
html .mtr-table tr:first-of-type td:first-of-type,
html .mtr-table tr:first-of-type th:first-of-type {
    border-color: var(--c-separator2);
}
    
html .mtr-table tr:nth-child(odd),
html .mtr-table tr:nth-child(odd) .mtr-td-tag,
html .mtr-table tr:nth-child(odd) .mtr-th-tag {
    background: rgba(73, 17, 129, 0.1) !important;
    
}
html.s-dark .mtr-table tr:nth-child(odd),
html.s-dark .mtr-table tr:nth-child(odd) .mtr-td-tag,
html.s-dark .mtr-table tr:nth-child(odd) .mtr-th-tag {
    background: rgb(16 16 16) !important;
    border-color: var(--c-separator2) !important;
}
html.s-dark .mtr-table tr:nth-child(even),
html.s-dark .mtr-table tr:nth-child(even) .mtr-td-tag,
html.s-dark .mtr-table tr:nth-child(even) .mtr-th-tag {
    background: rgb(50 50 50) !important;
    border-color: var(--c-separator2) !important;
}
}

/* COMMENT TAGS */
.comments-list .byuser .comment .comment-meta {
    position: relative;
}
.comments-list .byuser .comment .comment-meta:after {
    content: 'DRN Team';
}
.comments-list .bypostauthor .comment .comment-meta:after {
    content: 'Post Author';
}
.comments-list .byuser.bypostauthor .comment .comment-meta:after,
.comments-list .byuser .comment .comment-meta:after{
    background: #ffeb3b;
    border-radius: 3px;
    color: #000;
    font-size: 12px;
    padding: 5px 12px;
    position: absolute;
    top: 0;
    right: 0;
		font-weight: 600;
}
.comments-list .comment-author {
    display: flex;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 3px;
}

/* AUTHOR PAGE */
.read-more-link {
	background-color: #7c01bc;
	color: #fff;
}
	
/* BACK TO TOP */

.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px #7c01bc;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
    content: "\f177";
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	color: #7c01bc;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    transform: rotate(90deg);
}
.progress-wrap:hover::after {
/* 	color: red; */
}
/* .progress-wrap::before {
	position: absolute;
	font-family: 'unicons';
	content: '\e84b';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
} */
.progress-wrap svg path { 
	fill: none; 
}

.progress-wrap svg.progress-circle path {
	stroke: #ffce30;
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

html.s-dark .progress-wrap svg.progress-circle path {
	stroke: #ffce30;
}

/* FOOTER */
html.s-light .main-footer .upper-footer {
    background: #380c21;
}
html.s-light .main-footer .lower-footer {
    background: #32031a;
}

@media screen and (max-width: 592px) {
	.progress-wrap {
    right: 15px;
    bottom: 15px;
	}
}

/* CUSTOM BLOCKS */
.single-post .post-meta {
    align-items: center;
}
.single-featured {
    display: flex;
    justify-content: center;
}
.single-post .breadcrumbs {
    text-align: center;
}
.editors-review table {
    margin-bottom: 0
}
.editors-review .editors-rating {
    text-align: center;
    font-weight: 500;
    margin-bottom: 7px
}
.editors-review .editors-rating span {
    font-size: 200%;
    color: #fdc308
}
.editors-review .wp-block-image {
    margin: 0 !important;
}
.editors-review .wp-block-table table tbody tr:first-child {
    color: #333;
    font-size: 1em;
}
.editors-review .wp-block-table {
    margin: 0 0 25px;
}
.editors-review a.gb-button:hover {
    text-decoration: none
}
.editors-review .wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: transparent
}
.editors-review .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f9f2fb;
}

/* Pros and Cons */
.pros-and-cons .gb-grid-wrapper {
    flex-flow: row;
}
@media screen and (min-width: 593px) {
	.pros-and-cons .gb-grid-column:last-child {
		margin-left: 25px;
	}
}
.pros-and-cons h4 {
    border-radius: 8px!important;
    display: block;
    padding: 0.5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    color: #333;
    margin-bottom: 20px;
}
.pros-and-cons .gb-grid-column:first-child h4 {
    background-color: #8beeb6;
}
.pros-and-cons .gb-grid-column:last-child h4 {
    background-color: #ffaead;
}
.pros-and-cons .gb-grid-column ul {
    margin-left: 20px;
}
.pros-and-cons .gb-grid-column:first-child ul>li::before {
    background: url(/wp-content/themes/smart-mag-child/images/pro-icon.svg);
    width: 24px;
    height: 24px;
    left: -15px;
    top: 5px;
}
.pros-and-cons .gb-grid-column:last-child ul>li::before {
    background: url(/wp-content/themes/smart-mag-child/images/con-icon.svg);
	width: 25px;
    height: 25px;
    left: -15px;
    top: 5px;
}

/* Reading line on phones: moved out of the hidden desktop header row, fixed at the top. */
@media (max-width: 960px) { .drn-read-progress-phone { position: fixed !important; top: 0 !important; bottom: auto !important; left: 0; right: 0; height: 3px; padding: 0 !important; z-index: 999 !important; transform: none !important; display: block !important; } .drn-read-progress-phone .drn-progress-container { height: 3px; } }
@media (min-width: 961px) { .drn-read-progress-phone { display: none !important; } }
/* Reading line on phones: fill color only, no track color behind it. */
.drn-read-progress-phone .drn-progress-container { background-color: transparent !important; }
.drn-read-progress-phone .drn-progress-bar { background-color: var(--c-main) !important; box-shadow: none !important; }

/* Content system drop-ins (cw-*): DRN skin tokens. The shared stylesheets ship no rules for this
   skin, so the site's colors live here. This file loads after them. */
body.cw-editorial-skin-dailyresearchnews {
	--ce-ink: #1B1230; --ce-muted: #5e5870; --ce-line: #e8e4ef;
	--ce-capsule-bg: #F9E8F0; --ce-capsule-accent: #FFCE30;
	--ce-blue-bg: #e1f5fe; --ce-red-bg: #fdecea;
	/* Note labels: 5.12:1 and 4.92:1 on their backgrounds (the shared defaults measure 3.27:1 and 3.70:1). */
	--ce-blue-accent: #1565c0; --ce-red-accent: #c62828;
	--ce-th-bg: #A52C68; --ce-th-ink: #ffffff; --ce-zebra: #f9f1f5;
}
/* White chart paper on a white page: give the chart an edge. */
body.cw-editorial-skin-dailyresearchnews .entry-content svg[aria-roledescription="chart"],
body.cw-editorial-skin-dailyresearchnews .entry-content .cw-chart > svg {
	box-sizing: border-box;
	border: 1px solid var(--ce-line);
	border-radius: 8px;
	background: #ffffff;
}
body.cw-listicle-skin-dailyresearchnews { --lc-primary: #A52C68; --lc-ink: #1B1230; --lc-muted: #777285; --lc-line: #E6E1EC; --lc-radius: 10px; --lc-badge-bg: #FFCE30; --lc-badge-ink: #1B1230; --lc-rail-bg: #F9E8F0; --lc-score: #1B1230; --lc-star: #A52C68; --lc-eyebrow: #A52C68; --lc-verdict-bg: #F9E8F0; --lc-btn-bg: #A52C68; --lc-btn-bg-hover: #8A2356; --lc-btn-ink: #fff; --lc-bar-muted: #F2CCE0; }
body.cw-proscons-skin-dailyresearchnews { --pc-ink: #1B1230; --pc-pros-bg: #F9E8F0; --pc-pros-tag-bg: #FFCE30; --pc-pros-tag-ink: #1B1230; --pc-pros-disc: #A52C68; --pc-cons-bg: #F4F3F6; --pc-cons-tag-bg: #1B1230; --pc-cons-tag-ink: #fff; --pc-cons-disc: #1B1230; }
.content-changelog.cw-changelog-skin-dailyresearchnews {
	--cl-line: #e8e4ef;
	--cl-accent: #A52C68;
}

/* References (cw-references): a bordered three-column panel with dot bullets. */
body.cw-references-skin-dailyresearchnews .cw-references {
	--cr-link: #841698;
	max-width: 768px;
	margin: 30px auto 40px;
	padding-top: 0;
	border-top: 0;
	font-size: 16.5px;
}
body.cw-references-skin-dailyresearchnews .cw-references__title {
	margin-bottom: 15px;
	font-size: 1.45em;
}
body.cw-references-skin-dailyresearchnews .cw-references__list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 7px;
	padding: 30px;
	border: 1px solid #D9D9D9;
	border-radius: 10px;
}
body.cw-references-skin-dailyresearchnews .cw-references__list li {
	margin: 0;
	padding-left: 20px;
}
body.cw-references-skin-dailyresearchnews .cw-references__list li::before {
	content: "";
	top: 7px;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #3366ccb5;
}
body.cw-references-skin-dailyresearchnews .cw-references__list a {
	text-decoration: none;
}
@media only screen and (max-width: 782px) {
	body.cw-references-skin-dailyresearchnews .cw-references__list {
		grid-template-columns: 1fr;
	}
}