/*!
 * Daily Sun Travel - Blog Page Positions
 * Updated: Same positions in frontend and Elementor editor
 */

:root{
	--dst-page-pad-x:18px;
	--dst-page-pad-y:20px;
	--dst-page-pad-x-mobile:10px;
	--dst-body-max:1440px;
	--dst-comments-max:1440px;
	--dst-grid-gap:24px;
	--dst-sidebar-width:340px;
        --dst-sidebar-stack-gap-mobile: 20px;
        --dst-sidebar-stack-pad-top-mobile: 10px;
	--dst-shell-card:#ffffff;
	--dst-shell-line:#e6ebf2;
	--dst-shell-text:#10213a;
	--dst-shell-muted:#5f6f86;
	--dst-shell-accent:#FFC107;
	--dst-shell-shadow:0 18px 42px rgba(14,24,42,0.08);
	--dst-shell-radius:28px;
}

.dst-blog-page{
	width:100%;
}

.dst-blog-page__hero-position{
	width:100%;
	margin:0;
	padding:0;
}

.dst-blog-page__body-position,
.dst-blog-page__comments-position,
.dst-blog-page__bottom-cta-position{
	width:100%;
	padding:var(--dst-page-pad-y) var(--dst-page-pad-x);
	box-sizing:border-box;
}

.dst-blog-page__body-grid{
	width:100%;
	max-width:var(--dst-body-max);
	margin:0 auto;
	display:grid;
	grid-template-columns:minmax(0,1fr) var(--dst-sidebar-width);
	gap:var(--dst-grid-gap);
	align-items:start;
}

.dst-blog-page__body-grid--no-sidebar{
	grid-template-columns:minmax(0,1fr);
}

.dst-blog-page__main-position{
	min-width:0;
}

.dst-blog-page__sidebar-position{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:18px;
	position:sticky;
	top:140px;
}

.dst-blog-page--editor .dst-blog-page__sidebar-position{
	position:relative;
	top:auto;
}

.dst-blog-page__comments-inner,
.dst-blog-page__bottom-cta-inner{
	width:100%;
	max-width:var(--dst-comments-max);
	margin:0 auto;
}

.dst-article-card,
.dst-comments-card{
	background:var(--dst-shell-card);
	border:1px solid var(--dst-shell-line);
	border-radius:var(--dst-shell-radius);
	box-shadow:var(--dst-shell-shadow);
	padding:36px 34px;
	color:var(--dst-shell-text);
	overflow:hidden;
}

.dst-article-card > *:first-child{
	margin-top:0 !important;
}

.dst-article-card > *:last-child{
	margin-bottom:0 !important;
}

.dst-article-card p{
	font-size:18px;
	line-height:1.95;
	color:var(--dst-shell-text);
	margin:0 0 1.25em;
}

.dst-article-card h2,
.dst-article-card h3,
.dst-article-card h4{
	color:var(--dst-shell-text);
	margin:1.5em 0 .6em;
	line-height:1.18;
	letter-spacing:-0.02em;
}

.dst-article-card h2{
	font-size:38px;
	position:relative;
	padding-left:18px;
}

.dst-article-card h2::before{
	content:"";
	position:absolute;
	left:0;
	top:.14em;
	bottom:.14em;
	width:5px;
	border-radius:999px;
	background:var(--dst-shell-accent);
}

.dst-article-card h3{
	font-size:29px;
}

.dst-article-card h4{
	font-size:22px;
}

.dst-article-card ul,
.dst-article-card ol{
	margin:0 0 0em 0em;
	padding:0;
}

.dst-article-card li{
	font-size:18px;
	line-height:1.9;
	color:var(--dst-shell-text);
	margin-bottom:.4em;
}

.dst-article-card a{
	color:#0e4da4;
	text-decoration:none;
	border-bottom:1px solid rgba(14,77,164,.22);
	transition:all .25s ease;
}

.dst-article-card a:hover{
	color:#09336d;
	border-bottom-color:rgba(9,51,109,.45);
}

.dst-article-card blockquote{
	margin:1.6em 0;
	padding:22px 24px;
	background:linear-gradient(180deg, rgba(255,193,7,.10), rgba(255,193,7,.04));
	border:1px solid rgba(255,193,7,.22);
	border-radius:22px;
	color:var(--dst-shell-text);
	font-size:20px;
	line-height:1.75;
	font-weight:600;
}

.dst-article-card figure{
	margin:1.8em 0;
}

.dst-article-card img{
	display:block;
	width:100%;
	height:auto;
	border-radius:22px;
}

.dst-article-card figcaption{
	margin-top:12px;
	color:var(--dst-shell-muted);
	font-size:14px;
	line-height:1.7;
	text-align:center;
}

.dst-article-card table{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	margin:1.6em 0;
	overflow:hidden;
	border:1px solid var(--dst-shell-line);
	border-radius:22px;
}

.dst-article-card th,
.dst-article-card td{
	padding:14px 16px;
	text-align:left;
	font-size:16px;
	line-height:1.65;
	border-bottom:1px solid var(--dst-shell-line);
}

.dst-article-card th{
	background:#f8fafc;
	font-weight:700;
	color:var(--dst-shell-text);
}

.dst-article-card tr:last-child td{
	border-bottom:none;
}

/* Keep Elementor sections/widgets inside the article width */
.dst-article-card .elementor,
.dst-article-card .elementor-section,
.dst-article-card .elementor-container,
.dst-article-card .elementor-column,
.dst-article-card .elementor-widget-wrap,
.dst-article-card .e-con,
.dst-article-card .e-con-inner{
	max-width:100%;
	box-sizing:border-box;
}

.dst-article-card .elementor-top-section,
.dst-article-card .e-con{
	margin-left:0 !important;
	margin-right:0 !important;
}

.dst-article-card .elementor-section.elementor-section-boxed > .elementor-container{
	max-width:100% !important;
}

.dst-comments-card {
  background: var(--dst-shell-card);
  border: 1px solid var(--dst-shell-line);
  border-radius: var(--dst-shell-radius);
  box-shadow: var(--dst-shell-shadow);
  padding: 30px 20px;
  color: var(--dst-shell-text);
  overflow: hidden;
}

.dst-blog-page__sidebar-position .widget{
	background:var(--dst-shell-card);
	border:1px solid var(--dst-shell-line);
	border-radius:24px;
	box-shadow:var(--dst-shell-shadow);
	padding:22px 20px;
	margin:0;
}

.dst-blog-page__sidebar-position .widget-title{
	margin:0 0 14px;
	font-size:20px;
	line-height:1.2;
	color:var(--dst-shell-text);
	position:relative;
	padding-left:14px;
}

.dst-blog-page__sidebar-position .widget-title::before{
	content:"";
	position:absolute;
	left:0;
	top:.14em;
	bottom:.14em;
	width:4px;
	border-radius:999px;
	background:var(--dst-shell-accent);
}

.dst-blog-page__sidebar-position .widget ul{
	list-style:none;
	padding:0;
	margin:0;
}

.dst-blog-page__sidebar-position .widget ul li{
	padding:10px 0;
	border-bottom:1px dashed var(--dst-shell-line);
	font-size:15px;
	line-height:1.65;
	color:var(--dst-shell-text);
}

.dst-blog-page__sidebar-position .widget ul li:last-child{
	border-bottom:none;
	padding-bottom:0;
}

.dst-blog-page__sidebar-position .widget ul li:first-child{
	padding-top:0;
}

.dst-blog-page__sidebar-position .widget a{
	color:var(--dst-shell-text);
	text-decoration:none;
	transition:color .2s ease;
}

.dst-blog-page__sidebar-position .widget a:hover{
	color:#0e4da4;
}

@media (max-width: 1099px){
	.dst-blog-page__body-position,
	.dst-blog-page__comments-position,
	.dst-blog-page__bottom-cta-position{
		padding-left: var(--dst-page-pad-x-mobile);
		padding-right: var(--dst-page-pad-x-mobile);
	}

	.dst-blog-page__body-grid{
		grid-template-columns: minmax(0, 1fr);
		gap: var(--dst-sidebar-stack-gap-mobile);
	}

	.dst-blog-page__main-position{
		order: 1;
		min-width: 0;
	}

	.dst-blog-page__sidebar-position{
		order: 2;
		position: static !important;
		top: auto !important;
		width: 100%;
		align-self: stretch;
		padding-top: var(--dst-sidebar-stack-pad-top-mobile);
	}
.dst-article-card{
	background:var(--dst-shell-card);
	border:1px solid var(--dst-shell-line);
	border-radius:var(--dst-shell-radius);
	box-shadow:var(--dst-shell-shadow);
	padding:20px 20px;
	color:var(--dst-shell-text);
	overflow:hidden;
        }
}