/*
CTC Separate Stylesheet
Updated: 2026-04-27 04:15:56
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.1.1777263356
*/


/*---------------------------------*/
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover {
    background-color: transparent;
}
/* =========================================================
   Lowry Dental Global Styles
   ========================================================= */

:root {
    --blue: #0C65A1;
    --blue-dark: #095182;
    --blue-soft: #e8f0fb;
    --blue-band: #d9e7f9;
    --text: #333333;
    --text-soft: #4a4a4a;
    --muted: #6b7280;
    --line: #e5e7eb;
    --bg: #ffffff;
    --bg-soft: #f6faff;
    --red: #d94848;
    --green: #22c55e;
    --radius: 10px;
    --radius-lg: 16px;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .07);
    --shadow-md: 0 8px 28px rgba(23, 75, 144, .09);
    --container: 1720px;
    --ff-sans: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    --ff-serif: 'Playfair Display', Georgia, serif;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--ff-sans);
    color: var(--text);
    background: var(--bg);
    line-height: 1.6;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

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

a {
    color: var(--blue);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.container {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 24px;
}
/*  */
.site-content {
    display: inherit;
}
/*  */
.h1 {
    font-family: var(--ff-serif);
    font-size: 60px;
    line-height: 1.15;
    font-weight: 600;
    margin: 0 0 32px;
    color: #fff;
}

.h2 {
    font-family: var(--ff-serif);
    font-size: 42px;
    line-height: 1.25;
    font-weight: 600;
    margin: 0 0 32px;
    color: var(--text);
}

.h3 {
    font-family: var(--ff-serif);
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    margin: 0 0 10px;
    color: var(--text);
}

.h4 {
    font-family: var(--ff-serif);
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px;
}

.p {
    font-size: 16px;
    color: var(--text-soft);
    margin: 0 0 14px;
    line-height: 1.65;
}

.p-lead {
    font-size: 16px;
    color: #dce8f8;
    margin: 0 0 24px;
}

.text-center {
    text-align: center;
}

.subtle {
    color: var(--muted);
    margin-bottom: 48px;
}


@media only screen and (max-width: 575px) {
    .h1 {
        font-size: 26px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .h1 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .h1 {
        font-size: 36px;
    }
}


@media only screen and (max-width: 991px) {
    .h2 {
        font-size: 24px;
    }
}
  
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .h1 {
        font-size: 42px;
    }
    .h2 {
        font-size: 36px;
    }
   
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 32px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background .2s var(--ease-out), color .2s, transform .15s var(--ease-out), box-shadow .2s;
    text-decoration: none;
    white-space: nowrap;
}

.btn:hover {
    /* transform: translateY(-1px); */
    text-decoration: none;
}

.btn:active {
    /* transform: translateY(0); */
}

.btn-primary {
    background: var(--blue);
    color: #fff;
}

.btn-primary:hover {
    background: var(--blue-dark);
    color: #fff;
    /* box-shadow: 0 4px 14px rgba(26, 86, 160, .35); */
}

.btn-ghost {
    background: rgba(255, 255, 255, .12);
    color: #fff;
    border-color: rgba(255, 255, 255, .6);
    backdrop-filter: blur(4px);
}

.btn-ghost:hover {
    background: rgba(255, 255, 255, .22);
    color: #fff;
}

.btn-light {
    background: #fff;
    color: var(--blue);
}

.btn-light:hover {
    background: #eef3fb;
}

@media only screen and (max-width: 575px) {
    a.btn {
        width: 100%;
        justify-content: center;
    }
}



/*---------------------------------*/

a {
    text-decoration: none !important;
}

/*---------------------------------*/

@media only screen and (max-width: 1300px) {
	.topbar .topbar-inner .topbar-right a.btn.btn-primary.btn-schedule {
		display: none;
	}
}
/*---------------------------------*/
/*---------------------------------*/
main .site-header, main .site-footer{
    display: none !important;
}
.site-content .content-area {
    width: 100%;
}


/* ==========================================================
Blog CSS Start
=========================================================== */
.featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 21/12;
}

.blog-post-section .default-content h3 {
	margin: 0 0 32px;
}
.post-date {
    color: var(--color-gold);
    margin-bottom: 10px;
    font-size: 14px;
}
ul.blog-post-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	padding: 0;
	margin: 0;
}


ul.blog-post-list li {
	-webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .1);
	box-shadow: 0 0 24px rgba(0, 0, 0, .1);
	list-style: none;
}

ul.blog-post-list li>a img {
    width: 100%;
	aspect-ratio: 1 / .6;
	object-fit: cover;
	object-position: center;
}

.blog-content {
	padding: 24px;
}
.blog-content .post-discription {
    margin-bottom: 18px;
}
.blog-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #0C65A1;
    text-decoration: none !important;
    margin-top: auto;
    transition: gap 0.2s;
}
.blog-card__link::after {
  content: '→';
  transition: transform 0.2s;
  font-size: 16px;
  font-weight: 600;
  color: #0C65A1;
  text-decoration: none !important;
  margin-top: auto;
}

.blog-post-list li:hover .blog-card__link::after {
  transform: translateX(4px);
}
ul.blog-post-list li p {
	margin-bottom: 0;
}
.single-post .entry-content p,
.post-discription,
ul.blog-post-list li p a {
	color: rgba(0, 0, 0, .5) !important;
	display: -webkit-box;
    line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin: 15px 0 0;
	font-size: 16px;
	line-height: 1.7;
}

.single-post .entry-content p{
    color: rgba(0, 0, 0, .8) !important;
	margin-bottom: 16px;
}
ul.blog-post-list li p a.read-more {
	color: #0C65A1 !important;
}

ul.blog-post-list li a h3 {
	color: #0C65A1 !important;
	font-size: 22px;
	font-weight: 500;
	font-family: var(--font-display);
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	text-wrap: unset;
}

ol.number-list {
	margin-left: 0px;
}

.number-list li:not(:last-child) {
	margin-bottom: 10px;
}

.site-content .content-area {
	width: 100%;
}

.single-post .site-content .single-post-section{
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}

.single-post .site-content .inside-article {
	padding: 40px 0;
}

.single-post .site-content article a:not(.default-btn) {
	color: #0C65A1;
}
.single-post .breadcrumbs{
    padding-top: 20px;
}
.single-post .breadcrumbs li a,
.single-post .breadcrumbs li span{
    color: #000;
}
.single-post .page-header{
    margin-bottom: 0;
    padding-top: 6px;
    padding-left: 0;
    padding-right: 0;
}
.single-post .entry-title {
	line-height: 1.1;
	margin-bottom: 0;
	font-weight: bold;
	font-size: var(--step-2);
}

.single-post .entry-content h2 {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
}

.single-post .entry-content h3 {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.2;
}

.single-post .entry-content h4 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
}

.single-post .entry-content h2,
.single-post .entry-content h4 {
	margin: 32px 0 16px;
	color: #0C65A1;
}

.single-post .entry-content h3 {
	margin: 32px 0 16px;
	color: var(--black);
}

.single-post .entry-content ul {
	margin: 0;
	padding: 0;
}

.single-post .entry-content ol li,
.single-post .entry-content ul li {
	/*    color: #5E6569;*/
	/* font-family: var(--mulish); */
	font-size: 18px;
	line-height: 1.5;
}

.post-list li::marker {
	font-size: 20px;
}

.single-post p strong,
.single-post .entry-content ol li b,
.single-post .entry-content ol li strong,
.single-post .entry-content ul li b,
.single-post .entry-content ul li strong {
	color: #23263E;
	margin: 0 0 5px;
	display: inline-block;
	vertical-align: top;
}

.single-post .entry-content ul li:not(:last-child) {
	margin: 0 0 16px;
}

.single-post .entry-content ul.post-list {
	list-style: disc;
	padding-left: 18px;
	margin-left: 12px;
}

.single-post .entry-content ul.post-list li::marker {
	color: #0C65A1;
}

.single-post .entry-content ul.post-list li:not(:last-child) {
	margin: 0 0 8px;
}

.single-post .page-header-image-single img {
	margin: 0 auto;
}

.single-post .entry-content ul+p,
.single-post .entry-content p+ul {
	margin-top: 16px;
}

.single-post .site-content article a.default-btn {
	font-weight: 500 !important;
}

.post-logo-slider-sec p.slick-slide {
	display: none;
}

.post-logo-slider-sec .logo-slider {
	margin-bottom: 0;
}

span.tags-links a {
	font-size: inherit;
	font-weight: inherit;
}

span.tags-links {
	font-size: 16px;
	font-weight: 600;
}

.single-post h4.faq-title {
	margin: 0px;
}
.page-content h2 {
    font-size: var(--step-2);
}
.page-content h3 {
    font-size: var(--step-1);
    margin: 12px 0;
}
.single-post p{
    line-height: 1.7;
}
@media only screen and (max-width: 1199px) {
	.single-post .entry-content h2 {
		font-size: 30px;
	}
}

@media only screen and (max-width: 991px) {
	ul.blog-post-list {
		-ms-grid-columns: (1fr);
		grid-template-columns: repeat(2, 1fr);
	}

	.single-post .entry-content h2 {
		font-size: 28px;
	}

	.single-post .entry-content h3 {
		font-size: 22px;
	}

	.single-post .entry-content h4 {
		font-size: 26px;
	}
}

@media only screen and (max-width: 767px) {
	ul.blog-post-list {
		-ms-grid-columns: (1fr);
		grid-template-columns: repeat(1, 1fr);
	}

	.single-post .entry-content h2 {
		font-size: 26px;
	}

	.single-post .entry-content h3 {
		font-size: 20px;
	}

	.single-post .entry-content h4 {
		font-size: 22px;
	}

	.blog-post-section .default-content h3 {
		margin: 0 0 22px;
	}
}

@media only screen and (max-width: 575px) {
	.single-post .entry-content h2 {
		font-size: 24px;
	}

	.single-post .entry-content h3 {
		font-size: 18px;
	}

	.single-post .entry-content h4 {
		font-size: 20px;
	}
}

/*blog pagination*/
.blog-post-section .nav-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 5px;
	margin-top:30px;
}

.blog-post-section .nav-links>* {
	padding: 5px 10px;
	display: inline-block;
	vertical-align: top;
	min-width: 32px;
	font-size: 14px;
	text-align: center;
	border-radius: 4px;
	background-color: #EAF2F7;
	color: #0C65A1;
}

.blog-post-section .nav-links .current,
.blog-post-section .nav-links a:hover {
	background: #0C65A1;
	color: #EAF2F7;
}

.blog-post-section .nav-links .prev.page-numbers,
.blog-post-section .nav-links .next.page-numbers {
	background-repeat: no-repeat;
	background-size: 7px;
	background-position: center;
	font-size: 0px;
}

.blog-post-section .nav-links .prev.page-numbers {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.737' height='6.474' viewBox='0 0 3.737 6.474'%3E%3Cpath d='M3.03 5.767.5 3.237 3.03.707' fill='none' stroke='%230C65A1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.blog-post-section .nav-links .next.page-numbers {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.737' height='6.474' viewBox='0 0 3.737 6.474'%3E%3Cpath d='m.707 5.767 2.53-2.53L.707.707' fill='none' stroke='%230C65A1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.blog-post-section .nav-links .prev.page-numbers:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.737' height='6.474' viewBox='0 0 3.737 6.474'%3E%3Cpath d='M3.03 5.767.5 3.237 3.03.707' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.blog-post-section .nav-links .next.page-numbers:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.737' height='6.474' viewBox='0 0 3.737 6.474'%3E%3Cpath d='m.707 5.767 2.53-2.53L.707.707' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 425px) {
	.blog-post-section .nav-links>* {
		font-size: 12px;
		min-width: 22px;
		padding: 4px 8px;
	}

	.blog-post-section .nav-links .prev.page-numbers,
	.blog-post-section .nav-links .next.page-numbers {
		background-size: 6px;
	}
}

/*Progress Bar Section*/
.progress-bar-all-datail {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 32px 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
	margin-top: 32px;
}

.progress-first-inner-box,
.progress-bar-detail-box {
	padding: 24px;
	-webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .1);
	box-shadow: 0 0 24px rgba(0, 0, 0, .1);
	border-radius: 16px;
}

.progress-first-inner-box h4,
.progress-bar-detail-box.default-content h4 {
	color: #0C65A1;
}

.progress-first-inner-box h5 {
	color: #000;
	margin-bottom: 4px;
}

.progress-bar-bg {
	width: 100%;
	height: 16px;
	margin-top: 3px;
	margin-bottom: 16px;
	background-color: #eee;
	border-radius: 10px;
}

.progress-bar-fill {
	position: relative;
	height: 100%;
	width: var(--fill-bar);
	background-color: #0C65A1;
	border-radius: 10px;
}

.progress-bar-fill:after {
	position: absolute;
	content: attr(data-value);
	font-size: 14px;
	color: #fff;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 4px;
}

.post-info {
  border-top: 1px solid #095182;
  border-bottom: 1px solid #095182;
  margin: 20px 0;
  padding: 12px 0;
  text-align: center;
}

@media only screen and (max-width: 768px) {
	.progress-bar-all-datail {
		-ms-grid-columns: (1fr);
		grid-template-columns: repeat(1, 1fr);
	}
}
.single-post .single-post-section .entry-content ol,
.single-post .single-post-section .entry-content ul {
    padding-left: 20px;
    padding-bottom: 20px;
	margin-left: 0 !important;
}
 
.single-post .single-post-section ul li {
    list-style: disc !important;
}

.single-post .single-post-section ol li {
    list-style: number !important;
}
 
.single-post .single-post-section table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5em;
    width: 100%;
}
.single-post .single-post-section table td, 
.single-post .single-post-section table th {
    font-size: 17px;
    border: 1px solid hsla(0, 0%, 50%, .502);
    line-height: 1.5;
    padding: 15px !important;
    vertical-align: top;
    color: #16132a !important;
}
.single-post .single-post-section  th{
    text-align: -webkit-match-parent;
}
.single-post .single-post-section  table tbody>tr:nth-child(odd)>td, 
.single-post .single-post-section  table tbody>tr:nth-child(odd)>th {
    background-color: hsla(0, 0%, 50%, .071);
}
.single-post-section .single-post-content p a{
    font-weight: 600;
}
/* ==========================================================
Blog CSS End
=========================================================== */
.separate-containers.right-sidebar .site-main{
    margin-right: 0;
}
@media (max-width: 600px){
    .page-id-2169 .shell, .single-post .shell {
        width: min(100% - 0px, var(--shell));
    }
}
@media (max-width: 600px){
    .cta-band .shell,
    .page-hero .shell {
        width: min(100% - 60px, var(--shell));
    }
}

/* ==========================================================================
   Blog — matches drlakanidentalcare.com
   Colours and fonts come from the main site's /assets/css/style.css
   (navy #0B2E59, gold #C8A25A / #a9843c, cream #f4efe3, Cormorant Garamond + Jost)
   ========================================================================== */

/* ---------- Undo the older global styles above on blog pages ----------
   (blue links, Inter font, .btn sizes and --line / --radius-lg would
   otherwise change the main-site header and footer) */

body.blog,
body.single-post {
	--line: #e2d9c6;
	--radius-lg: 16px;
	font-family: var(--sans);
	color: var(--ink-soft, #545548);
	background: #fff;
}

:where(body.blog, body.single-post) a {
	color: var(--gold-deep, #a9843c);
}

:where(body.blog, body.single-post) a:hover {
	color: var(--g700, #465362);
	text-decoration: none;
}

:where(body.blog, body.single-post) .btn {
	gap: 10px;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 500;
	line-height: inherit;
	transition: background .18s ease, color .18s ease, border-color .18s ease, transform .12s ease;
}

@media only screen and (max-width: 575px) {
	:where(body.blog, body.single-post) a.btn {
		width: auto;
	}
}

.single-post .dlc-post-content p {
	line-height: inherit;
}

.single-post .dlc-post-content strong,
.single-post .dlc-post-content b {
	display: inline;
	margin: 0;
	color: var(--ink, #23271f);
}

/* ---------- Helpers ---------- */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.page-hero .breadcrumb {
	flex-wrap: wrap;
}

/* ---------- Blog listing ---------- */

.dlc-blog {
	background: #fff;
	padding: 88px 0 88px;
}

.dlc-blog-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
}

.dlc-card {
	background: var(--paper, #fcf9f2);
	border: 1px solid var(--line, #e2d9c6);
	border-radius: var(--radius-lg, 16px);
	overflow: hidden;
	box-shadow: var(--shadow-1);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.dlc-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-2);
	border-color: var(--gold-line, #cbb277);
}

.dlc-card-link,
.dlc-card-link:hover {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
}

.dlc-card-media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--cream-2, #efe7d6);
}

.dlc-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}

.dlc-card:hover .dlc-card-media img {
	transform: scale(1.04);
}

.dlc-card-body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
	padding: 26px 26px 28px;
}

.dlc-card-date {
	font-size: 12.5px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	color: var(--gold-deep, #a9843c);
}

.dlc-card-title {
	font-size: clamp(22px, 2vw, 26px);
	line-height: 1.2;
	color: var(--ink, #23271f);
	transition: color .16s ease;
}

.dlc-card:hover .dlc-card-title {
	color: var(--g900, #0B2E59);
}

.dlc-card-excerpt {
	font-size: 15px;
	line-height: 1.65;
	color: var(--ink-soft, #545548);
}

.dlc-card .textlink {
	margin-top: auto;
	padding-top: 6px;
}

.dlc-card:hover .textlink svg {
	transform: translateX(4px);
}

.dlc-empty {
	max-width: 620px;
	margin: 0 auto;
	padding: 56px 32px;
	text-align: center;
	background: var(--paper, #fcf9f2);
	border: 1px solid var(--line, #e2d9c6);
	border-radius: var(--radius-lg, 16px);
}

.dlc-empty-title {
	margin: 12px 0 16px;
	font-size: clamp(34px, 4.6vw, 52px);
	color: var(--ink, #23271f);
}

.dlc-empty-text {
	margin-bottom: 28px;
	font-size: 17px;
	color: var(--ink-soft, #545548);
}

/* ---------- Pagination ---------- */

.dlc-pagination {
	margin-top: 56px;
}

.dlc-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.dlc-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 16px;
	border: 1px solid var(--gold, #C8A25A);
	border-radius: var(--radius-pill, 9999px);
	background: #fff;
	color: var(--gold-deep, #a9843c);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .5px;
	transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.dlc-pagination a.page-numbers:hover,
.dlc-pagination .page-numbers.current {
	background: var(--gold, #C8A25A);
	border-color: var(--gold, #C8A25A);
	color: #23271f;
}

.dlc-pagination .page-numbers.dots {
	min-width: auto;
	padding: 0 4px;
	border: 0;
	background: none;
}

.dlc-pagination .page-numbers.prev,
.dlc-pagination .page-numbers.next {
	padding: 0 20px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 12.5px;
}

/* ---------- Single post ---------- */

.single-post .page-hero-title {
	max-width: 900px;
	font-size: clamp(26px, 3.4vw, 42px);
	line-height: 1.2;
}

.dlc-post-meta {
	margin-top: 18px;
	font-size: 12.5px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	color: var(--gold-soft, #C8A25A);
}

.dlc-post {
	background: #fff;
	padding: 64px 0 88px;
}

.dlc-post-wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 var(--gutter, 40px);
}

.dlc-post-thumb {
	margin-bottom: 40px;
	border-radius: var(--radius-lg, 16px);
	overflow: hidden;
	box-shadow: var(--shadow-2);
}

.dlc-post-thumb img {
	width: 100%;
	height: auto;
}

.dlc-post-content {
	font-size: 17px;
	line-height: 1.8;
	color: var(--ink-soft, #545548);
}

.dlc-post-content > * + * {
	margin-top: 1.25em;
}

.dlc-post-content h2 {
	margin-top: 32px;
	font-size: clamp(24px, 2.6vw, 32px);
	font-weight: 600;
	line-height: 1.25;
	color: var(--g900, #0B2E59);
}

.dlc-post-content h3 {
	margin-top: 24px;
	font-size: clamp(20px, 2vw, 24px);
	font-weight: 600;
	line-height: 1.3;
	color: var(--g800, #0B2E59);
}

/* Keep the text that follows a heading close to it */
.dlc-post-content h2 + *,
.dlc-post-content h3 + *,
.dlc-post-content h4 + * {
	margin-top: 10px;
}

.dlc-post-content > :first-child {
	margin-top: 0;
}

.dlc-post-content h4,
.dlc-post-content h5,
.dlc-post-content h6 {
	margin-top: 22px;
	font-family: var(--sans);
	font-size: 18px;
	font-weight: 600;
	color: var(--ink, #23271f);
}

.dlc-post-content a {
	color: var(--gold-deep, #a9843c);
	text-decoration: underline !important;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.dlc-post-content a:hover {
	color: var(--g900, #0B2E59);
}

.dlc-post-content strong {
	font-weight: 600;
	color: var(--ink, #23271f);
}

.dlc-post-content ul,
.dlc-post-content ol {
	padding-left: 1.4em;
}

.dlc-post-content li + li {
	margin-top: .5em;
}

.dlc-post-content li::marker {
	color: var(--gold-deep, #a9843c);
}

.dlc-post-content blockquote {
	padding: 20px 26px;
	border-left: 3px solid var(--gold, #C8A25A);
	border-radius: 0 var(--radius-md, 8px) var(--radius-md, 8px) 0;
	background: var(--paper, #fcf9f2);
	font-family: var(--serif);
	font-size: 22px;
	font-style: italic;
	color: var(--ink, #23271f);
}

.dlc-post-content img {
	height: auto;
	border-radius: var(--radius-md, 8px);
}

.dlc-post-content figcaption {
	margin-top: 8px;
	font-size: 14px;
	text-align: center;
	color: var(--ink-mute, #8a8a77);
}

.dlc-post-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
}

.dlc-post-content th,
.dlc-post-content td {
	padding: 10px 14px;
	border: 1px solid var(--line, #e2d9c6);
	text-align: left;
}

.dlc-post-content th {
	background: var(--cream-2, #efe7d6);
	font-weight: 600;
	color: var(--ink, #23271f);
}

.dlc-post-content hr {
	margin: 2.5em 0;
	border: 0;
	border-top: 1px solid var(--line, #e2d9c6);
}

.dlc-post-tags {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid var(--line, #e2d9c6);
	font-size: 14px;
}

.dlc-tags-label {
	margin-right: 6px;
	font-weight: 500;
	color: var(--ink, #23271f);
}

.dlc-post-tags a {
	display: inline-block;
	margin: 4px 6px 0 0;
	padding: 6px 14px;
	border: 1px solid var(--line, #e2d9c6);
	border-radius: var(--radius-pill, 9999px);
	background: var(--paper, #fcf9f2);
	color: var(--ink-soft, #545548);
}

.dlc-post-tags a:hover {
	border-color: var(--gold-deep, #a9843c);
	color: var(--gold-deep, #a9843c);
}

.dlc-back {
	margin-top: 40px;
}

.dlc-back:hover svg {
	transform: translateX(-4px);
}

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
	.dlc-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.dlc-blog {
		padding: 40px 0 56px;
	}

	.dlc-blog-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.dlc-card:hover {
		transform: none;
	}

	.dlc-card-body {
		gap: 10px;
		padding: 20px 20px 22px;
	}

	.dlc-card-date {
		font-size: 11.5px;
		letter-spacing: 1.5px;
	}

	.dlc-card-title {
		font-size: 21px;
		line-height: 1.25;
	}

	.dlc-card-excerpt {
		font-size: 14.5px;
		line-height: 1.6;
	}

	.dlc-card .textlink {
		padding-top: 4px;
	}

	.dlc-pagination {
		margin-top: 40px;
	}

	.dlc-pagination .nav-links {
		gap: 6px;
	}

	.dlc-pagination .page-numbers {
		min-width: 38px;
		height: 38px;
		padding: 0 12px;
		font-size: 13px;
	}

	.dlc-empty {
		padding: 40px 20px;
	}

	.single-post .page-hero-title {
		font-size: 26px;
		line-height: 1.25;
	}

	.dlc-post-meta {
		margin-top: 12px;
		font-size: 11.5px;
		letter-spacing: 1.8px;
	}

	.dlc-post {
		padding: 32px 0 56px;
	}

	.dlc-post-thumb {
		margin-bottom: 28px;
		border-radius: var(--radius-md, 8px);
	}

	.dlc-post-content {
		font-size: 16px;
		line-height: 1.75;
	}

	.dlc-post-content h2 {
		margin-top: 26px;
		font-size: 23px;
	}

	.dlc-post-content h3 {
		margin-top: 20px;
		font-size: 20px;
	}

	.dlc-post-content blockquote {
		padding: 16px 18px;
		font-size: 19px;
	}

	.dlc-post-content table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.dlc-post-content th,
	.dlc-post-content td {
		min-width: 140px;
		padding: 8px 10px;
	}

	.dlc-post-tags,
	.dlc-back {
		margin-top: 32px;
	}
}

@media (max-width: 380px) {
	.dlc-card-title {
		font-size: 19px;
	}

	.single-post .page-hero-title {
		font-size: 23px;
	}
}