/* ==========================================
COMMENTS
========================================== */

.comments-section{


padding:90px 0;

background:var(--dark);

border-top:1px solid rgba(212,175,55,.15);


}

.comments-header,

.comment-form-header{


margin-bottom:40px;

text-align:center;


}

.comment-list{


margin:0;

padding:0;

list-style:none;


}

.comment-list .comment{


margin-bottom:25px;

padding:0;

list-style:none;


}

.comment-body{


position:relative;

padding:30px;

background:var(--card);

border:1px solid var(--border);

border-radius:18px;


}

.comment-author{


display:flex;

align-items:center;

gap:15px;

margin-bottom:15px;


}

.comment-author .avatar{


width:58px;

height:58px;

border:2px solid var(--gold);

border-radius:50%;


}

.comment-author .fn{


color:#ffffff;

font-weight:700;

font-style:normal;


}

.comment-author .says{


display:none;


}

.comment-metadata{


margin:0 0 20px 73px;

font-size:.85rem;


}

.comment-metadata a{


color:#9f9f9f;

text-decoration:none;


}

.comment-metadata a:hover{


color:var(--gold);


}

.comment-content{


color:#d2d2d2;

line-height:1.8;


}

.comment-content p:last-child{


margin-bottom:0;


}

.reply{


margin-top:20px;


}

.comment-reply-link{


display:inline-block;

padding:8px 18px;

border:1px solid rgba(212,175,55,.4);

border-radius:50px;

color:var(--gold);

font-size:.85rem;

text-decoration:none;

transition:.3s;


}

.comment-reply-link:hover{


background:var(--gold);

color:#111111;


}

.children{


margin:25px 0 0 45px;

padding:0;

list-style:none;


}

.comments-closed{


margin:35px 0;

padding:20px;

border:1px solid rgba(212,175,55,.2);

border-radius:12px;

text-align:center;

color:#aaaaaa;


}

.comment-navigation{


display:flex;

justify-content:space-between;

gap:20px;

margin:40px 0;


}

.comment-navigation a{


color:var(--gold);

text-decoration:none;


}

.comment-form{


max-width:850px;

margin:70px auto 0;

padding:40px;

background:var(--card);

border:1px solid var(--border);

border-radius:20px;


}

.comment-notes{


margin-bottom:30px;

color:#9f9f9f;

font-size:.9rem;


}

.comment-form-field{


margin-bottom:22px;


}

.comment-form-field label{


display:block;

margin-bottom:9px;

color:#ffffff;

font-weight:600;


}

.comment-form-field input,

.comment-form-field textarea{


width:100%;

padding:14px 16px;

background:#111111;

border:1px solid rgba(255,255,255,.12);

border-radius:10px;

color:#ffffff;

outline:none;

transition:.3s;


}

.comment-form-field textarea{


resize:vertical;

min-height:150px;


}

.comment-form-field input:focus,

.comment-form-field textarea:focus{


border-color:var(--gold);

box-shadow:0 0 0 3px rgba(212,175,55,.08);


}

.required{


color:var(--gold);


}

.comment-form-cookies-consent{


display:flex;

align-items:flex-start;

gap:10px;

margin:20px 0;

color:#aaaaaa;

font-size:.9rem;


}

.comment-form-cookies-consent input{


width:auto;

margin-top:4px;


}

.form-submit{


margin:30px 0 0;


}

.comment-submit{


border:none;

cursor:pointer;


}

.logged-in-as{


margin-bottom:25px;

color:#aaaaaa;


}

.logged-in-as a{


color:var(--gold);

text-decoration:none;


}

.cancel-comment-reply{


margin-bottom:20px;

text-align:center;


}

.cancel-comment-reply a{


color:var(--gold);

text-decoration:none;


}

/* Mobile */

@media(max-width:767px){


.comments-section{

	padding:65px 0;

}


.comment-body{

	padding:22px;

}


.children{

	margin-left:18px;

}


.comment-metadata{

	margin-left:0;

}


.comment-form{

	padding:25px 18px;

}


.comment-navigation{

	flex-direction:column;

}


}


/* ==========================================
BLOG SIDEBAR
========================================== */

.blog-sidebar{


display:flex;

flex-direction:column;

gap:28px;


}

.blog-sidebar .widget{


padding:28px;

background:var(--card);

border:1px solid var(--border);

border-radius:18px;

overflow:hidden;


}

.blog-sidebar .widget-title{


position:relative;

margin:0 0 24px;

padding-bottom:14px;

color:#ffffff;

font-size:1.25rem;

font-weight:700;


}

.blog-sidebar .widget-title::after{


content:"";

position:absolute;

left:0;

bottom:0;

width:45px;

height:2px;

background:var(--gold);


}

.blog-sidebar ul{


margin:0;

padding:0;

list-style:none;


}

.blog-sidebar li{


margin:0;

padding:12px 0;

border-bottom:1px solid rgba(255,255,255,.07);


}

.blog-sidebar li:last-child{


padding-bottom:0;

border-bottom:none;


}

.blog-sidebar li:first-child{


padding-top:0;


}

.blog-sidebar a{


color:#d4d4d4;

text-decoration:none;

transition:.3s;


}

.blog-sidebar a:hover{


color:var(--gold);


}

/* Search Widget */

.blog-sidebar .wp-block-search__inside-wrapper{


display:flex;

border:1px solid rgba(255,255,255,.12);

border-radius:10px;

overflow:hidden;


}

.blog-sidebar .wp-block-search__input{


min-width:0;

padding:13px 14px;

background:#111111;

border:none;

color:#ffffff;

outline:none;


}

.blog-sidebar .wp-block-search__button{


margin:0;

padding:0 18px;

background:var(--gold);

border:none;

color:#111111;

font-weight:700;

cursor:pointer;


}

/* Classic Search Widget */

.blog-sidebar .search-form{


display:flex;

gap:8px;


}

.blog-sidebar .search-field{


width:100%;

min-width:0;

padding:13px 14px;

background:#111111;

border:1px solid rgba(255,255,255,.12);

border-radius:10px;

color:#ffffff;

outline:none;


}

.blog-sidebar .search-field:focus{


border-color:var(--gold);


}

.blog-sidebar .search-submit{


padding:0 18px;

background:var(--gold);

border:none;

border-radius:10px;

color:#111111;

font-weight:700;

cursor:pointer;


}

/* Categories */

.blog-sidebar .wp-block-categories-list li,

.blog-sidebar .wp-block-archives-list li,

.blog-sidebar .widget_categories li,

.blog-sidebar .widget_archive li{


display:flex;

align-items:center;

justify-content:space-between;

gap:15px;


}

/* Tag Cloud */

.blog-sidebar .tagcloud,

.blog-sidebar .wp-block-tag-cloud{


display:flex;

flex-wrap:wrap;

gap:9px;


}

.blog-sidebar .tag-cloud-link,

.blog-sidebar .wp-block-tag-cloud a{


display:inline-flex;

align-items:center;

padding:8px 13px;

background:rgba(212,175,55,.07);

border:1px solid rgba(212,175,55,.2);

border-radius:50px;

color:#cfcfcf;

font-size:.82rem !important;

line-height:1.2;


}

.blog-sidebar .tag-cloud-link:hover,

.blog-sidebar .wp-block-tag-cloud a:hover{


background:var(--gold);

border-color:var(--gold);

color:#111111;


}

/* Recent Posts */

.blog-sidebar .wp-block-latest-posts__list li,

.blog-sidebar .widget_recent_entries li{


padding:14px 0;


}

.blog-sidebar .wp-block-latest-posts__post-title{


display:block;

color:#ffffff;

font-weight:600;

line-height:1.5;


}

.blog-sidebar .wp-block-latest-posts__post-date{


display:block;

margin-top:7px;

color:#929292;

font-size:.8rem;


}

/* Calendar */

.blog-sidebar .wp-calendar-table{


width:100%;

text-align:center;

color:#cfcfcf;


}

.blog-sidebar .wp-calendar-table caption{


margin-bottom:12px;

color:#ffffff;

font-weight:700;


}

.blog-sidebar .wp-calendar-table th,

.blog-sidebar .wp-calendar-table td{


padding:8px 3px;

border:1px solid rgba(255,255,255,.06);


}

.blog-sidebar .wp-calendar-table a{


color:var(--gold);


}

/* Select Fields */

.blog-sidebar select{


width:100%;

padding:12px;

background:#111111;

border:1px solid rgba(255,255,255,.12);

border-radius:8px;

color:#ffffff;


}

/* Mobile */

@media(max-width:991px){


.blog-sidebar{

	margin-top:50px;

}


}




/* ==========================================
BLOG HERO
========================================== */

.blog-hero{


position:relative;

padding:150px 0 100px;

background:
linear-gradient(
	135deg,
	rgba(8,8,8,.96),
	rgba(20,16,8,.92)
);

border-bottom:1px solid rgba(212,175,55,.16);

overflow:hidden;


}

.blog-hero::before{


content:"";

position:absolute;

top:-180px;

right:-150px;

width:500px;

height:500px;

border:1px solid rgba(212,175,55,.10);

border-radius:50%;


}

.blog-hero::after{


content:"";

position:absolute;

bottom:-240px;

left:-180px;

width:500px;

height:500px;

border:1px solid rgba(212,175,55,.07);

border-radius:50%;


}

.blog-hero-content{


position:relative;

z-index:1;

max-width:850px;

margin:auto;

text-align:center;


}

.blog-hero .hero-title{


margin:18px 0;


}

.blog-hero .hero-description{


max-width:720px;

margin:auto;


}

/* ==========================================
POST CARD
========================================== */

.post-card{


height:100%;

display:flex;

flex-direction:column;

background:var(--card);

border:1px solid var(--border);

border-radius:18px;

overflow:hidden;

transition:
transform .35s ease,
border-color .35s ease,
box-shadow .35s ease;


}

.post-card:hover{


transform:translateY(-8px);

border-color:rgba(212,175,55,.45);

box-shadow:
0 20px 50px rgba(0,0,0,.30);


}

.post-card-image{


position:relative;

display:block;

aspect-ratio:16/10;

background:#151515;

overflow:hidden;


}

.post-card-image img{


width:100%;

height:100%;

display:block;

object-fit:cover;

transition:transform .6s ease;


}

.post-card:hover .post-card-image img{


transform:scale(1.06);


}

.post-card-image::after{


content:"";

position:absolute;

inset:0;

background:
linear-gradient(
	to top,
	rgba(0,0,0,.35),
	transparent 55%
);

pointer-events:none;


}

.post-card-placeholder{


width:100%;

height:100%;

display:flex;

align-items:center;

justify-content:center;

background:
linear-gradient(
	135deg,
	#151515,
	#252015
);

color:var(--gold);

font-size:1.2rem;

font-weight:700;


}

.post-card-content{


flex:1;

display:flex;

flex-direction:column;

padding:28px;


}

.post-card-category{


display:inline-flex;

align-self:flex-start;

margin-bottom:15px;

color:var(--gold);

font-size:.78rem;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

text-decoration:none;


}

.post-card-category:hover{


color:#ffffff;


}

.post-card-title{


margin:0 0 15px;

font-size:1.35rem;

line-height:1.4;


}

.post-card-title a{


color:#ffffff;

text-decoration:none;

transition:color .3s ease;


}

.post-card-title a:hover{


color:var(--gold);


}

.post-card-excerpt{


margin:0 0 22px;

color:#a9a9a9;

line-height:1.75;


}

.post-card-footer{


display:flex;

align-items:center;

justify-content:space-between;

gap:15px;

margin-top:auto;

padding-top:18px;

border-top:1px solid rgba(255,255,255,.07);


}

.post-card-date{


color:#858585;

font-size:.82rem;


}

.post-card-read-more{


color:var(--gold);

font-size:.88rem;

font-weight:700;

text-decoration:none;

white-space:nowrap;


}

.post-card-read-more:hover{


color:#ffffff;


}

/* ==========================================
POST META
========================================== */

.post-meta{


display:flex;

align-items:center;

flex-wrap:wrap;

gap:10px 18px;

margin:18px 0;

color:#929292;

font-size:.88rem;


}

.post-meta-item{


display:inline-flex;

align-items:center;

gap:7px;


}

.post-meta a{


color:#a8a8a8;

text-decoration:none;


}

.post-meta a:hover{


color:var(--gold);


}

.post-meta-separator{


width:4px;

height:4px;

background:var(--gold);

border-radius:50%;

opacity:.7;


}

/* ==========================================
ARCHIVE HEADER
========================================== */

.archive-header{


padding:140px 0 70px;

background:
linear-gradient(
	135deg,
	#0b0b0b,
	#17130b
);

border-bottom:1px solid rgba(212,175,55,.14);

text-align:center;


}

.archive-header-content{


max-width:850px;

margin:auto;


}

.archive-title{


margin:16px 0;

color:#ffffff;

font-size:clamp(2.1rem,5vw,4rem);


}

.archive-description{


max-width:720px;

margin:20px auto 0;

color:#ababab;

line-height:1.8;


}

.archive-description p:last-child{


margin-bottom:0;


}

/* ==========================================
BLOG GRID
========================================== */

.blog-posts-section{


padding:90px 0;


}

.blog-posts-grid{


display:grid;

grid-template-columns:
repeat(3,minmax(0,1fr));

gap:28px;


}

.blog-layout{


display:grid;

grid-template-columns:
minmax(0,1fr) 330px;

gap:50px;

align-items:start;


}

.blog-main-content{


min-width:0;


}

/* ==========================================
CATEGORY FEATURE CARD
========================================== */

.category-feature-card{


position:relative;

height:100%;

display:block;

padding:35px;

background:var(--card);

border:1px solid var(--border);

border-radius:18px;

color:inherit;

text-decoration:none;

overflow:hidden;

transition:
transform .35s ease,
border-color .35s ease;


}

.category-feature-card::before{


content:"";

position:absolute;

top:0;

left:0;

width:4px;

height:100%;

background:var(--gold);

transform:scaleY(0);

transform-origin:bottom;

transition:transform .35s ease;


}

.category-feature-card:hover{


transform:translateY(-7px);

border-color:rgba(212,175,55,.45);


}

.category-feature-card:hover::before{


transform:scaleY(1);


}

.category-post-count{


display:block;

margin-bottom:18px;

color:var(--gold);

font-size:.78rem;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;


}

.category-feature-card h3{


margin-bottom:15px;

color:#ffffff;

font-size:1.45rem;


}

.category-feature-card p{


margin-bottom:25px;

color:#a8a8a8;

line-height:1.75;


}

.category-link{


color:var(--gold);

font-size:.9rem;

font-weight:700;


}

/* ==========================================
FEATURED ARTICLE
========================================== */

.featured-article-section{


padding:100px 0;


}

.featured-article{


display:grid;

grid-template-columns:
minmax(0,1.1fr)
minmax(0,.9fr);

align-items:center;

background:var(--card);

border:1px solid var(--border);

border-radius:22px;

overflow:hidden;


}

.featured-article-image{


min-height:440px;

background:#151515;


}

.featured-article-image a{


display:block;

width:100%;

height:100%;


}

.featured-article-image img{


width:100%;

height:100%;

display:block;

object-fit:cover;


}

.featured-image-placeholder{


width:100%;

height:440px;

display:flex;

align-items:center;

justify-content:center;

background:
linear-gradient(
	135deg,
	#181818,
	#282112
);

color:var(--gold);

font-size:1.5rem;

font-weight:700;


}

.featured-article-content{


padding:60px;


}

.featured-article-content h2{


margin:18px 0;

font-size:clamp(2rem,4vw,3.2rem);

line-height:1.2;


}

.featured-article-content h2 a{


color:#ffffff;

text-decoration:none;


}

.featured-article-content h2 a:hover{


color:var(--gold);


}

.featured-article-content p{


margin-bottom:30px;

color:#ababab;

line-height:1.85;


}

/* ==========================================
BLOG CTA
========================================== */

.blog-cta-section{


padding:100px 0;

background:
linear-gradient(
	135deg,
	#171209,
	#0c0c0c
);

border-top:1px solid rgba(212,175,55,.18);


}

.blog-cta-content{


max-width:850px;

margin:auto;

text-align:center;


}

.blog-cta-content h2{


margin:18px 0;

font-size:clamp(2.2rem,5vw,4rem);


}

.blog-cta-content p{


max-width:700px;

margin:0 auto;

color:#b5b5b5;

line-height:1.8;


}

.blog-cta-buttons{


display:flex;

justify-content:center;

flex-wrap:wrap;

gap:16px;

margin-top:35px;


}

/* ==========================================
SINGLE POST
========================================== */

.single-post-header{


padding:145px 0 65px;

background:
linear-gradient(
	135deg,
	#090909,
	#17130b
);

border-bottom:1px solid rgba(212,175,55,.14);


}

.single-post-header-content{


max-width:950px;

margin:auto;

text-align:center;


}

.single-post-category{


display:inline-flex;

margin-bottom:20px;

color:var(--gold);

font-size:.82rem;

font-weight:700;

letter-spacing:1.2px;

text-transform:uppercase;

text-decoration:none;


}

.single-post-title{


margin:0;

color:#ffffff;

font-size:clamp(2.2rem,5.5vw,4.8rem);

line-height:1.14;


}

.single-post-header .post-meta{


justify-content:center;

margin-top:25px;


}

.single-post-featured-image{


max-width:1200px;

margin:55px auto 0;

padding:0 15px;


}

.single-post-featured-image img{


width:100%;

max-height:680px;

display:block;

object-fit:cover;

border:1px solid var(--border);

border-radius:20px;


}

.single-post-section{


padding:80px 0;


}

.article-layout{


display:grid;

grid-template-columns:
minmax(0,780px)
330px;

justify-content:space-between;

gap:55px;

align-items:start;


}

.article-content{


min-width:0;

color:#c8c8c8;

font-size:1.08rem;

line-height:1.9;


}

.article-content > *:first-child{


margin-top:0;


}

.article-content h2,

.article-content h3,

.article-content h4{


margin-top:1.8em;

margin-bottom:.65em;

color:#ffffff;

line-height:1.3;


}

.article-content h2{


font-size:2rem;


}

.article-content h3{


font-size:1.55rem;


}

.article-content h4{


font-size:1.25rem;


}

.article-content p{


margin-bottom:1.5em;


}

.article-content a{


color:var(--gold);

text-decoration:underline;

text-decoration-color:
rgba(212,175,55,.35);

text-underline-offset:4px;


}

.article-content a:hover{


color:#ffffff;


}

.article-content ul,

.article-content ol{


margin:0 0 1.6em;

padding-left:1.5em;


}

.article-content li{


margin-bottom:.6em;


}

.article-content blockquote{


margin:2em 0;

padding:30px 35px;

background:rgba(212,175,55,.06);

border-left:4px solid var(--gold);

border-radius:0 14px 14px 0;

color:#e1e1e1;

font-size:1.2rem;

font-style:italic;


}

.article-content blockquote p:last-child{


margin-bottom:0;


}

.article-content img{


max-width:100%;

height:auto;

border-radius:14px;


}

.article-content figure{


max-width:100%;

margin:2em 0;


}

.article-content figcaption{


margin-top:10px;

color:#858585;

font-size:.84rem;

text-align:center;


}

.article-content table{


width:100%;

margin:2em 0;

border-collapse:collapse;


}

.article-content th,

.article-content td{


padding:13px;

border:1px solid rgba(255,255,255,.10);

text-align:left;


}

.article-content th{


background:rgba(212,175,55,.10);

color:#ffffff;


}

.article-content pre{


max-width:100%;

margin:2em 0;

padding:22px;

background:#080808;

border:1px solid rgba(255,255,255,.10);

border-radius:12px;

overflow:auto;


}

.article-content code{


color:#e5cf8a;


}

.article-content iframe{


max-width:100%;

border:0;


}

/* ==========================================
ARTICLE TAGS
========================================== */

.article-tags{


display:flex;

align-items:center;

flex-wrap:wrap;

gap:10px;

margin-top:50px;

padding-top:28px;

border-top:1px solid rgba(255,255,255,.09);


}

.article-tags-label{


margin-right:5px;

color:#ffffff;

font-weight:700;


}

.article-tags a{


display:inline-flex;

padding:8px 13px;

background:rgba(212,175,55,.07);

border:1px solid rgba(212,175,55,.22);

border-radius:50px;

color:#cfcfcf;

font-size:.82rem;

text-decoration:none;


}

.article-tags a:hover{


background:var(--gold);

border-color:var(--gold);

color:#111111;


}

/* ==========================================
AUTHOR BOX
========================================== */

.author-box{


display:flex;

align-items:center;

gap:28px;

margin-top:55px;

padding:35px;

background:var(--card);

border:1px solid var(--border);

border-radius:18px;


}

.author-box-avatar img{


width:90px;

height:90px;

display:block;

border:2px solid var(--gold);

border-radius:50%;

object-fit:cover;


}

.author-box-content{


flex:1;


}

.author-box-label{


display:block;

margin-bottom:7px;

color:var(--gold);

font-size:.76rem;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;


}

.author-box-name{


margin-bottom:10px;

color:#ffffff;

font-size:1.35rem;


}

.author-box-name a{


color:inherit;

text-decoration:none;


}

.author-box-description{


margin:0;

color:#a8a8a8;

font-size:.95rem;

line-height:1.75;


}

/* ==========================================
POST NAVIGATION
========================================== */

.post-navigation{


display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

margin-top:50px;


}

.post-navigation a{


display:block;

min-height:120px;

padding:25px;

background:var(--card);

border:1px solid var(--border);

border-radius:15px;

color:#ffffff;

text-decoration:none;

transition:.3s;


}

.post-navigation a:hover{


border-color:rgba(212,175,55,.45);

transform:translateY(-4px);


}

.post-navigation .nav-next{


text-align:right;


}

.post-navigation .nav-subtitle{


display:block;

margin-bottom:10px;

color:var(--gold);

font-size:.75rem;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;


}

.post-navigation .nav-title{


color:#ffffff;

font-weight:700;

line-height:1.5;


}

/* ==========================================
RELATED POSTS
========================================== */

.related-posts{


margin-top:85px;

padding-top:70px;

border-top:1px solid rgba(255,255,255,.09);


}

.related-posts-header{


margin-bottom:35px;

text-align:center;


}

/* ==========================================
SEARCH RESULTS
========================================== */

.search-results-header{


padding:140px 0 65px;

background:
linear-gradient(
	135deg,
	#090909,
	#17130b
);

text-align:center;


}

.search-results-title{


margin:16px 0 0;

color:#ffffff;

font-size:clamp(2rem,5vw,4rem);


}

.search-query{


color:var(--gold);


}

.search-result-list{


display:flex;

flex-direction:column;

gap:25px;


}

.search-result-card{


display:grid;

grid-template-columns:250px minmax(0,1fr);

gap:30px;

padding:25px;

background:var(--card);

border:1px solid var(--border);

border-radius:18px;

transition:.3s;


}

.search-result-card:hover{


border-color:rgba(212,175,55,.4);


}

.search-result-image{


min-height:180px;

background:#151515;

border-radius:12px;

overflow:hidden;


}

.search-result-image img{


width:100%;

height:100%;

display:block;

object-fit:cover;


}

.search-result-content{


display:flex;

flex-direction:column;

align-items:flex-start;


}

.search-result-title{


margin:8px 0 14px;

font-size:1.5rem;

line-height:1.35;


}

.search-result-title a{


color:#ffffff;

text-decoration:none;


}

.search-result-title a:hover{


color:var(--gold);


}

.search-result-excerpt{


margin-bottom:20px;

color:#a8a8a8;

line-height:1.75;


}

/* ==========================================
NO POSTS / EMPTY STATE
========================================== */

.no-posts{


max-width:700px;

margin:20px auto;

padding:70px 35px;

background:var(--card);

border:1px solid var(--border);

border-radius:20px;

text-align:center;


}

.no-posts h2,

.no-posts h3{


margin-bottom:15px;

color:#ffffff;


}

.no-posts p{


color:#9f9f9f;


}

.no-posts .search-form{


max-width:500px;

display:flex;

gap:10px;

margin:30px auto 0;


}

.no-posts .search-field{


flex:1;

min-width:0;

padding:14px;

background:#111111;

border:1px solid rgba(255,255,255,.12);

border-radius:10px;

color:#ffffff;


}

/* ==========================================
PAGINATION
========================================== */

.navigation.pagination{


display:flex;

justify-content:center;

align-items:center;

flex-wrap:wrap;

gap:8px;

margin-top:55px;


}

.navigation.pagination .page-numbers{


min-width:44px;

height:44px;

display:inline-flex;

align-items:center;

justify-content:center;

padding:0 12px;

background:var(--card);

border:1px solid var(--border);

border-radius:9px;

color:#cfcfcf;

text-decoration:none;

transition:.25s;


}

.navigation.pagination a:hover,

.navigation.pagination .current{


background:var(--gold);

border-color:var(--gold);

color:#111111;


}

/* ==========================================
BREADCRUMBS
========================================== */

.breadcrumbs{


display:flex;

justify-content:center;

flex-wrap:wrap;

gap:8px;

margin-bottom:22px;

color:#7f7f7f;

font-size:.82rem;


}

.breadcrumbs a{


color:#9f9f9f;

text-decoration:none;


}

.breadcrumbs a:hover{


color:var(--gold);


}

.breadcrumb-separator{


color:var(--gold);


}

/* ==========================================
WORDPRESS ALIGNMENTS
========================================== */

.aligncenter{


display:block;

margin-right:auto;

margin-left:auto;


}

.alignleft{


float:left;

margin:
.5em
1.8em
1em
0;


}

.alignright{


float:right;

margin:
.5em
0
1em
1.8em;


}

.wp-caption{


max-width:100%;


}

.wp-caption-text{


margin-top:8px;

color:#858585;

font-size:.84rem;

text-align:center;


}

.gallery{


display:grid;

grid-template-columns:
repeat(3,1fr);

gap:15px;

margin:2em 0;


}

.gallery-item{


margin:0;


}

.gallery-item img{


width:100%;

height:auto;


}

/* ==========================================
SIDEBAR
========================================== */

.blog-sidebar{


display:flex;

flex-direction:column;

gap:28px;


}

.blog-sidebar .widget{


padding:28px;

background:var(--card);

border:1px solid var(--border);

border-radius:18px;

overflow:hidden;


}

.blog-sidebar .widget-title{


position:relative;

margin:0 0 24px;

padding-bottom:14px;

color:#ffffff;

font-size:1.25rem;

font-weight:700;


}

.blog-sidebar .widget-title::after{


content:"";

position:absolute;

left:0;

bottom:0;

width:45px;

height:2px;

background:var(--gold);


}

.blog-sidebar ul{


margin:0;

padding:0;

list-style:none;


}

.blog-sidebar li{


padding:12px 0;

border-bottom:
1px solid rgba(255,255,255,.07);


}

.blog-sidebar li:first-child{


padding-top:0;


}

.blog-sidebar li:last-child{


padding-bottom:0;

border-bottom:0;


}

.blog-sidebar a{


color:#d2d2d2;

text-decoration:none;

transition:.25s;


}

.blog-sidebar a:hover{


color:var(--gold);


}

/* Sidebar Search */

.blog-sidebar .search-form{


display:flex;

gap:8px;


}

.blog-sidebar .search-field{


flex:1;

width:100%;

min-width:0;

padding:13px;

background:#111111;

border:
1px solid rgba(255,255,255,.12);

border-radius:9px;

color:#ffffff;

outline:none;


}

.blog-sidebar .search-field:focus{


border-color:var(--gold);


}

.blog-sidebar .search-submit{


padding:0 16px;

background:var(--gold);

border:0;

border-radius:9px;

color:#111111;

font-weight:700;

cursor:pointer;


}

/* Sidebar Tag Cloud */

.blog-sidebar .tagcloud{


display:flex;

flex-wrap:wrap;

gap:9px;


}

.blog-sidebar .tag-cloud-link{


padding:8px 12px;

background:rgba(212,175,55,.07);

border:
1px solid rgba(212,175,55,.20);

border-radius:50px;

font-size:.8rem !important;

line-height:1.2;


}

.blog-sidebar .tag-cloud-link:hover{


background:var(--gold);

color:#111111;


}

/* Sidebar Recent Posts */

.blog-sidebar .wp-block-latest-posts__post-title{


display:block;

color:#ffffff;

font-weight:600;

line-height:1.5;


}

.blog-sidebar .wp-block-latest-posts__post-date{


display:block;

margin-top:6px;

color:#858585;

font-size:.78rem;


}

/* ==========================================
RESPONSIVE
========================================== */

@media(max-width:1199px){


.blog-layout,

.article-layout{

	grid-template-columns:
	minmax(0,1fr)
	290px;

	gap:35px;

}


.blog-posts-grid{

	grid-template-columns:
	repeat(2,minmax(0,1fr));

}


.featured-article-content{

	padding:45px;

}


}

@media(max-width:991px){


.blog-hero{

	padding:125px 0 80px;

}


.blog-layout,

.article-layout{

	grid-template-columns:1fr;

}


.blog-sidebar{

	margin-top:20px;

}


.blog-posts-grid{

	grid-template-columns:
	repeat(2,minmax(0,1fr));

}


.featured-article{

	grid-template-columns:1fr;

}


.featured-article-image{

	min-height:350px;

}


.article-content{

	font-size:1.03rem;

}


.search-result-card{

	grid-template-columns:
	210px minmax(0,1fr);

}


}

@media(max-width:767px){


.blog-hero{

	padding:110px 0 65px;

}


.archive-header,

.search-results-header,

.single-post-header{

	padding:115px 0 55px;

}


.blog-posts-section,

.single-post-section{

	padding:60px 0;

}


.blog-posts-grid{

	grid-template-columns:1fr;

}


.post-card-content{

	padding:23px;

}


.featured-article-section,

.blog-cta-section{

	padding:70px 0;

}


.featured-article-image{

	min-height:270px;

}


.featured-article-content{

	padding:32px 24px;

}


.featured-image-placeholder{

	height:270px;

}


.single-post-featured-image{

	margin-top:35px;

}


.single-post-featured-image img{

	border-radius:13px;

}


.article-content h2{

	font-size:1.7rem;

}


.article-content h3{

	font-size:1.4rem;

}


.article-content blockquote{

	padding:24px;

	font-size:1.08rem;

}


.alignleft,

.alignright{

	float:none;

	display:block;

	margin:
	1.5em
	auto;

}


.author-box{

	flex-direction:column;

	align-items:flex-start;

	padding:28px;

}


.post-navigation{

	grid-template-columns:1fr;

}


.post-navigation .nav-next{

	text-align:left;

}


.search-result-card{

	grid-template-columns:1fr;

	padding:18px;

}


.search-result-image{

	min-height:210px;

}


.blog-cta-buttons{

	flex-direction:column;

	align-items:stretch;

}


.blog-cta-buttons .btn{

	width:100%;

}


.gallery{

	grid-template-columns:
	repeat(2,1fr);

}


}

@media(max-width:480px){


.post-card-footer{

	align-items:flex-start;

	flex-direction:column;

}


.article-tags{

	align-items:flex-start;

	flex-direction:column;

}


.comment-form{

	padding:22px 15px;

}


.gallery{

	grid-template-columns:1fr;

}


/* ==========================================
WORDPRESS CUSTOM LOGO
========================================== */

.site-header .custom-logo-link{
display:flex;
align-items:center;
margin:0;
padding:0;
}

.site-header .custom-logo{
display:block;
width:auto;
height:52px;
max-width:190px;
object-fit:contain;
}

.site-header .navbar-brand{
display:flex;
align-items:center;
margin:0;
padding:0;
}

.site-header .site-title{
color:var(--white);
font-size:1.35rem;
font-weight:700;
text-decoration:none;
}

@media (max-width:767px){


.site-header .custom-logo{
	height:42px;
	max-width:150px;
}


}

}





/* ==========================================
SITE HEADER
========================================== */

.site-header{
position:absolute;
top:0;
left:0;
z-index:1000;
width:100%;
background:transparent;
border-bottom:1px solid rgba(255,255,255,.08);
transition:
background-color .3s ease,
backdrop-filter .3s ease,
box-shadow .3s ease;
}

.site-header .navbar{
min-height:82px;
padding:0;
}

.site-header .navbar-nav{
gap:4px;
}

.site-header .navbar-nav .nav-link{
position:relative;
padding:10px 14px;
color:rgba(255,255,255,.88);
font-size:.9rem;
font-weight:500;
letter-spacing:.3px;
transition:color .25s ease;
}

.site-header .navbar-nav .nav-link:hover,
.site-header .navbar-nav .current-menu-item > .nav-link,
.site-header .navbar-nav .current-menu-ancestor > .nav-link{
color:var(--gold);
}

.site-header .navbar-nav .nav-link::after{
position:absolute;
right:14px;
bottom:3px;
left:14px;
height:1px;
background:var(--gold);
content:"";
transform:scaleX(0);
transform-origin:center;
transition:transform .25s ease;
}

.site-header .navbar-nav .nav-link:hover::after,
.site-header .navbar-nav .current-menu-item > .nav-link::after{
transform:scaleX(1);
}

.site-header .nav-search{
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
color:var(--gold);
border:1px solid rgba(212,175,55,.35);
border-radius:50%;
transition:
background-color .25s ease,
color .25s ease;
}

.site-header .nav-search:hover{
color:#111;
background:var(--gold);
}

.site-header.is-scrolled{
position:fixed;
background:rgba(10,10,10,.94);
backdrop-filter:blur(14px);
box-shadow:0 8px 30px rgba(0,0,0,.3);
}

.site-header.is-scrolled .navbar{
min-height:70px;
}

@media (max-width:991px){


.site-header{
	position:relative;
	background:#0d0d0d;
}

.site-header .navbar{
	min-height:72px;
}

.site-header .navbar-collapse{
	padding:15px 0 20px;
}

.site-header .navbar-nav{
	align-items:flex-start !important;
}

.site-header .navbar-nav .nav-link{
	width:100%;
	padding:12px 0;
}

.site-header .navbar-nav .nav-link::after{
	display:none;
}

.site-header .nav-search{
	width:100%;
	height:auto;
	margin-top:15px;
	padding:12px;
	border-radius:4px;
	justify-content:flex-start;
}


}



/* ==========================================
SECTION SUBTITLE
========================================== */

.section-subtitle{
display:block;
margin-bottom:12px;
color:var(--gold);
font-size:.78rem;
font-weight:700;
letter-spacing:2.5px;
line-height:1.4;
text-transform:uppercase;
}


/* ==========================================================
WORDPRESS HEADER
========================================================== */

.site-header{
position:absolute;
top:0;
left:0;
z-index:999;
width:100%;
background:transparent;
border-bottom:1px solid rgba(255,255,255,0.10);
transition:
background 0.3s ease,
box-shadow 0.3s ease;
}

.site-header .navbar{
min-height:82px;
padding:0;
}

.site-header .navbar > .container{
display:flex;
align-items:center;
}

/* ----------------------------------------------------------
LOGO
---------------------------------------------------------- */

.site-branding{
display:flex;
align-items:center;
flex-shrink:0;
}

.site-header .navbar-brand{
display:flex;
align-items:center;
margin:0;
padding:0;
}

.site-header .custom-logo-link{
display:flex !important;
align-items:center;
margin:0;
padding:0;
line-height:0;
}

.site-header img.custom-logo,
.site-header .custom-logo{
display:block !important;
width:52px !important;
height:52px !important;
min-width:52px;
max-width:52px !important;
max-height:52px !important;
object-fit:contain;
}

.site-header .site-title{
color:#ffffff;
font-size:1.3rem;
font-weight:700;
text-decoration:none;
}

/* ----------------------------------------------------------
WORDPRESS MENU
---------------------------------------------------------- */

.site-header .navbar-collapse{
align-items:center;
}

.site-header .navbar-nav{
display:flex;
align-items:center;
margin:0;
padding:0;
list-style:none;
}

.site-header .navbar-nav > li{
position:relative;
margin:0;
padding:0;
list-style:none;
}

.site-header .navbar-nav > li > a{
position:relative;
display:block;
padding:30px 14px;
color:rgba(255,255,255,0.88);
font-size:0.88rem;
font-weight:600;
letter-spacing:0.3px;
line-height:22px;
text-decoration:none;
transition:color 0.25s ease;
}

.site-header .navbar-nav > li > a:hover,
.site-header .navbar-nav > li.current-menu-item > a,
.site-header .navbar-nav > li.current-menu-ancestor > a{
color:#d4af37;
}

.site-header .navbar-nav > li > a::after{
position:absolute;
right:14px;
bottom:22px;
left:14px;
height:2px;
background:#d4af37;
content:"";
transform:scaleX(0);
transition:transform 0.25s ease;
}

.site-header .navbar-nav > li > a:hover::after,
.site-header .navbar-nav > li.current-menu-item > a::after,
.site-header .navbar-nav > li.current-menu-ancestor > a::after{
transform:scaleX(1);
}

/* ----------------------------------------------------------
SEARCH
---------------------------------------------------------- */

.site-header .nav-search{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
margin-left:18px;
color:#d4af37;
border:1px solid rgba(212,175,55,0.45);
border-radius:50%;
text-decoration:none;
transition:
background 0.25s ease,
color 0.25s ease;
}

.site-header .nav-search:hover

/* ----------------------------------------------------------
SCROLLED HEADER
---------------------------------------------------------- */

.site-header.is-scrolled{
position:fixed;
background:rgba(10,10,10,0.97);
box-shadow:0 8px 30px rgba(0,0,0,0.35);
}

.site-header.is-scrolled .navbar{
min-height:70px;
}

.site-header.is-scrolled .navbar-nav > li > a{
padding-top:24px;
padding-bottom:24px;
}

.site-header.is-scrolled .navbar-nav > li > a::after{
bottom:17px;
}

/* ----------------------------------------------------------
MOBILE HEADER
---------------------------------------------------------- */

@media (max-width:991px){


.site-header{
	position:relative;
	background:#0d0d0d;
}

.site-header .navbar{
	min-height:72px;
}

.site-header .navbar-toggler{
	padding:7px 9px;
	color:#d4af37;
	border:1px solid rgba(212,175,55,0.55);
}

.site-header .navbar-toggler:focus{
	box-shadow:0 0 0 0.2rem rgba(212,175,55,0.18);
}

.site-header .navbar-toggler-icon{
	filter:
		invert(75%)
		sepia(30%)
		saturate(700%);
}

.site-header .navbar-collapse{
	padding:15px 0 22px;
	border-top:1px solid rgba(255,255,255,0.08);
}

.site-header .navbar-nav{
	display:block;
	width:100%;
}

.site-header .navbar-nav > li > a{
	padding:13px 0;
}

.site-header .navbar-nav > li > a::after{
	display:none;
}

.site-header .nav-search{
	justify-content:flex-start;
	width:100%;
	height:auto;
	margin:14px 0 0;
	padding:12px 0;
	border:none;
	border-radius:0;
}

.site-header img.custom-logo,
.site-header .custom-logo{
	width:44px !important;
	height:44px !important;
	min-width:44px;
	max-width:44px !important;
	max-height:44px !important;
}


}



/* ==========================================================
HEADER MENU + SEARCH ALIGNMENT FIX
========================================================== */

/* Keep menu and search icon on one horizontal line */

.site-header .navbar-collapse{
display:flex !important;
flex-grow:1;
align-items:center;
justify-content:flex-end;
}

/* Let the WordPress menu use only its content width */

.site-header .navbar-collapse .navbar-nav{
width:auto;
flex-direction:row;
flex-wrap:nowrap;
}

/* Keep the search icon beside the final menu item */

.site-header .nav-search{
display:flex !important;
flex:0 0 38px;
align-items:center;
justify-content:center;
margin-top:0;
margin-bottom:0;
margin-left:18px;
}

/* Remove accidental empty clickable areas */

.site-header .navbar-brand::before,
.site-header .navbar-brand::after,
.site-header .site-branding::before,
.site-header .site-branding::after{
display:none !important;
content:none !important;
}

/* Prevent empty menu elements from creating clickable spots */

.site-header .navbar-nav > li:empty{
display:none !important;
}

/* Hide empty links if one exists */

.site-header .navbar-nav a:empty{
display:none !important;
}

/* Desktop only */

@media (min-width:992px){


.site-header .navbar-collapse{
	display:flex !important;
	flex-basis:auto;
}

.site-header .navbar-nav{
	margin-left:auto;
}


}

/* Restore Bootstrap's vertical mobile menu */

@media (max-width:991px){


.site-header .navbar-collapse{
	display:block !important;
}

.site-header .navbar-collapse .navbar-nav{
	width:100%;
	display:block;
}

.site-header .nav-search{
	width:100%;
	margin-left:0;
}


}

/* ==========================================================
HIDE MOBILE MENU BUTTON ON DESKTOP
========================================================== */

@media (min-width:992px){


.site-header .navbar-toggler{
	display:none !important;
}


}

/* Show mobile menu button only on tablets and phones */

@media (max-width:991px){


.site-header .navbar-toggler{
	display:block !important;
}


}





/* ==========================================================
OFFICIAL YOGI BLOG FOOTER
========================================================== */

.site-footer{
position:relative;
overflow:hidden;
padding:80px 0 0;
color:rgba(255,255,255,0.68);
background:#090909;
border-top:1px solid rgba(212,175,55,0.20);
}

.site-footer::before{
position:absolute;
top:0;
left:50%;
width:420px;
height:1px;
background:#d4af37;
content:"";
transform:translateX(-50%);
box-shadow:0 0 24px rgba(212,175,55,0.55);
}

.footer-main{
padding-bottom:65px;
}

/* ----------------------------------------------------------
FOOTER LOGO
---------------------------------------------------------- */

.footer-brand{
margin-bottom:22px;
}

.footer-logo{
display:inline-flex;
align-items:center;
text-decoration:none;
}

.footer-logo .custom-logo-link{
display:flex !important;
align-items:center;
line-height:0;
}

.footer-logo img.custom-logo,
.footer-logo .custom-logo{
display:block !important;
width:72px !important;
height:72px !important;
max-width:72px !important;
max-height:72px !important;
object-fit:contain;
}

.footer-site-name{
color:#ffffff;
font-size:1.5rem;
font-weight:700;
letter-spacing:.3px;
}

.footer-text{
max-width:390px;
margin:0 0 22px;
color:rgba(255,255,255,0.62);
font-size:.95rem;
line-height:1.8;
}

.footer-text strong{
color:#ffffff;
font-weight:600;
}

.footer-artist-link{
display:inline-flex;
align-items:center;
gap:8px;
color:#d4af37;
font-size:.82rem;
font-weight:700;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
transition:color .25s ease;
}

.footer-artist-link span{
font-size:1.1rem;
transition:transform .25s ease;
}

.footer-artist-link:hover

.footer-artist-link:hover span{
transform:translateX(4px);
}

/* ----------------------------------------------------------
FOOTER HEADINGS
---------------------------------------------------------- */

.footer-heading{
position:relative;
margin:0 0 24px;
padding-bottom:13px;
color:#ffffff;
font-size:.82rem;
font-weight:700;
letter-spacing:1.8px;
text-transform:uppercase;
}

.footer-heading::after{
position:absolute;
bottom:0;
left:0;
width:28px;
height:2px;
background:#d4af37;
content:"";
}

/* ----------------------------------------------------------
FOOTER LINKS
---------------------------------------------------------- */

.footer-links{
margin:0;
padding:0;
list-style:none;
}

.footer-links li{
margin:0 0 12px;
padding:0;
}

.footer-links li:last-child{
margin-bottom:0;
}

.footer-links a{
position:relative;
display:inline-block;
color:rgba(255,255,255,0.58);
font-size:.9rem;
line-height:1.5;
text-decoration:none;
transition:
color .25s ease,
transform .25s ease;
}

.footer-links a::before{
display:inline-block;
width:0;
color:#d4af37;
content:"›";
opacity:0;
transition:
width .25s ease,
opacity .25s ease;
}

.footer-links a:hover{
color:#d4af37;
transform:translateX(3px);
}

.footer-links a:hover::before{
width:10px;
opacity:1;
}

/* ----------------------------------------------------------
SOCIAL LINKS
---------------------------------------------------------- */

.footer-social-text{
max-width:270px;
margin:0 0 22px;
color:rgba(255,255,255,0.58);
font-size:.9rem;
line-height:1.7;
}

.footer-social-links{
display:flex;
align-items:center;
gap:10px;
}

.footer-social-links a{
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
overflow:hidden;
background:#141414;
border:1px solid rgba(255,255,255,0.10);
border-radius:50%;
transition:
border-color .25s ease,
transform .25s ease,
box-shadow .25s ease;
}

.footer-social-links a:hover{
border-color:#d4af37;
transform:translateY(-3px);
box-shadow:0 7px 20px rgba(0,0,0,0.35);
}

.footer-social-links img{
display:block;
width:22px !important;
height:22px !important;
max-width:22px;
max-height:22px;
object-fit:contain;
}

/* ----------------------------------------------------------
FOOTER BOTTOM
---------------------------------------------------------- */

.footer-bottom{
padding:24px 0;
border-top:1px solid rgba(255,255,255,0.08);
}

.copyright{
margin:0;
color:rgba(255,255,255,0.45);
font-size:.78rem;
line-height:1.6;
}

.copyright span{
margin-left:6px;
}

.footer-legal{
display:flex;
align-items:center;
justify-content:flex-end;
gap:22px;
}

.footer-legal a{
color:rgba(255,255,255,0.45);
font-size:.78rem;
text-decoration:none;
transition:color .25s ease;
}

.footer-legal a:hover{
	color:#d4af37;
}

/* ----------------------------------------------------------
TABLET
---------------------------------------------------------- */

@media (max-width:991px){


.site-footer{
	padding-top:65px;
}

.footer-main{
	padding-bottom:50px;
}


}

/* ----------------------------------------------------------
MOBILE
---------------------------------------------------------- */

@media (max-width:767px){


.site-footer{
	padding-top:55px;
	text-align:left;
}

.footer-main{
	padding-bottom:42px;
}

.footer-logo img.custom-logo,
.footer-logo .custom-logo{
	width:62px !important;
	height:62px !important;
	max-width:62px !important;
	max-height:62px !important;
}

.footer-text{
	max-width:none;
}

.footer-heading{
	margin-top:8px;
}

.footer-bottom{
	padding:20px 0;
	text-align:center;
}

.copyright{
	text-align:center;
}

.copyright span{
	display:block;
	margin:3px 0 0;
}

.footer-legal{
	justify-content:center;
}


}



/* ==========================================================
FOOTER DESKTOP GRID FIX
========================================================== */

.site-footer .footer-main > .row{
	display:grid !important;
	grid-template-columns:
		minmax(280px, 1.6fr)
		minmax(120px, 0.7fr)
		minmax(150px, 0.9fr)
		minmax(190px, 1fr);
	column-gap:45px;
	row-gap:45px;
	margin-right:0;
	margin-left:0;
}

.site-footer .footer-main > .row > [class*="col-"]{
	width:auto !important;
	max-width:none !important;
	padding-right:0;
	padding-left:0;
}


/* Footer bottom stays in two columns */

.site-footer .footer-bottom > .row{
	display:grid !important;
	grid-template-columns:1fr auto;
	align-items:center;
	margin-right:0;
	margin-left:0;
}

.site-footer .footer-bottom > .row > [class*="col-"]{
	width:auto !important;
	max-width:none !important;
	padding-right:0;
	padding-left:0;
}


/* Tablet */

@media (max-width:991px){

	.site-footer .footer-main > .row{
		grid-template-columns:
			minmax(260px, 1.4fr)
			minmax(140px, 0.8fr)
			minmax(150px, 0.9fr);
		column-gap:30px;
	}

	.site-footer .footer-main > .row > :first-child{
		grid-column:1 / -1;
		max-width:600px !important;
	}

}


/* Mobile */

@media (max-width:767px){

	.site-footer .footer-main > .row{
		display:grid !important;
		grid-template-columns:1fr 1fr;
		column-gap:25px;
		row-gap:38px;
	}

	.site-footer .footer-main > .row > :first-child{
		grid-column:1 / -1;
	}

	.site-footer .footer-main > .row > :last-child{
		grid-column:1 / -1;
	}

	.site-footer .footer-bottom > .row{
		display:block !important;
	}

	.site-footer .footer-bottom > .row > [class*="col-"]{
		width:100% !important;
	}

}





/* ==========================================================
MOBILE HEADER FIX
========================================================== */

@media (max-width:991px){

	/* Keep header dark on mobile */

	.site-header{
		position:relative;
		background:#0d0d0d;
	}


	/* Gold hamburger button */

	.site-header .navbar-toggler{
		display:flex !important;
		align-items:center;
		justify-content:center;
		width:44px;
		height:40px;
		padding:0;
		color:#d4af37;
		background:transparent;
		border:1px solid rgba(212,175,55,0.60);
		border-radius:3px;
		box-shadow:none !important;
	}


	.site-header .navbar-toggler:focus{
		outline:none;
		box-shadow:0 0 0 3px rgba(212,175,55,0.12) !important;
	}


	/* Create gold hamburger lines */

	.site-header .navbar-toggler-icon{
		display:block;
		width:22px;
		height:2px;
		background:#d4af37;
		background-image:none !important;
		position:relative;
		filter:none !important;
	}


	.site-header .navbar-toggler-icon::before,
	.site-header .navbar-toggler-icon::after{
		position:absolute;
		left:0;
		width:22px;
		height:2px;
		background:#d4af37;
		content:"";
	}


	.site-header .navbar-toggler-icon::before{
		top:-7px;
	}


	.site-header .navbar-toggler-icon::after{
		top:7px;
	}


	/* Keep the menu hidden until opened */

	.site-header .navbar-collapse{
		display:none !important;
		width:100%;
		padding:0;
		border-top:none;
	}


	/* Show only when Bootstrap adds .show */

	.site-header .navbar-collapse.show{
		display:block !important;
		margin-top:15px;
		padding:12px 0 18px;
		border-top:1px solid rgba(255,255,255,0.08);
	}


	/* Mobile menu links */

	.site-header .navbar-nav{
		display:block !important;
		width:100% !important;
		margin:0 !important;
		padding:0;
	}


	.site-header .navbar-nav > li{
		display:block;
		width:100%;
		border-bottom:1px solid rgba(255,255,255,0.06);
	}


	.site-header .navbar-nav > li > a{
		display:block;
		width:100%;
		padding:13px 2px;
		color:rgba(255,255,255,0.88);
	}


	.site-header .navbar-nav > li > a::after{
		display:none;
	}


	/* Search link */

	.site-header .nav-search{
		display:flex !important;
		align-items:center;
		justify-content:flex-start;
		width:100% !important;
		height:auto;
		margin:10px 0 0 !important;
		padding:13px 2px;
		color:#d4af37;
		background:transparent;
		border:none;
		border-radius:0;
	}

}


/* ==========================================================
LATEST STORIES
========================================================== */

.blog-latest-section{
position:relative;
}

.latest-story-card{
height:100%;
overflow:hidden;
background:#121212;
border:1px solid rgba(255,255,255,0.08);
border-radius:4px;
transition:
transform .3s ease,
border-color .3s ease,
box-shadow .3s ease;
}

.latest-story-card:hover{
border-color:rgba(212,175,55,0.45);
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,0.35);
}

.latest-story-image{
display:block;
height:220px;
overflow:hidden;
background:#181818;
}

.latest-story-image img{
display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform .5s ease;
}

.latest-story-card:hover .latest-story-image img{
transform:scale(1.05);
}

.latest-story-placeholder{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
color:#d4af37;
background:
linear-gradient(
135deg,
#111111,
#1b1b1b
);
font-size:.85rem;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
}

.latest-story-content{
display:flex;
flex-direction:column;
min-height:245px;
padding:25px;
}

.latest-story-meta{
margin-bottom:11px;
color:#d4af37;
font-size:.72rem;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
}

.latest-story-title{
margin:0 0 13px;
font-size:1.25rem;
line-height:1.38;
}

.latest-story-title a{
color:#ffffff;
text-decoration:none;
transition:color .25s ease;
}

.latest-story-title a:hover

.latest-story-excerpt{
margin-bottom:20px;
color:rgba(255,255,255,0.60);
font-size:.9rem;
line-height:1.7;
}

.latest-story-read-more{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:auto;
color:#d4af37;
font-size:.75rem;
font-weight:700;
letter-spacing:1.2px;
text-decoration:none;
text-transform:uppercase;
}

.latest-story-read-more span{
font-size:1rem;
transition:transform .25s ease;
}

.latest-story-read-more:hover

.latest-story-read-more:hover span{
transform:translateX(4px);
}

.no-posts{
max-width:650px;
margin:0 auto;
padding:50px 25px;
text-align:center;
background:#121212;
border:1px solid rgba(255,255,255,0.08);
}

.no-posts h3{
margin-bottom:12px;
color:#ffffff;
font-size:1.35rem;
}

.no-posts p{
margin:0;
color:rgba(255,255,255,0.60);
}

/* Mobile */

@media (max-width:767px){


.latest-story-image{
	height:210px;
}

.latest-story-content{
	min-height:auto;
	padding:22px;
}

.latest-story-title{
	font-size:1.12rem;
}


}





/* ==========================================================
LATEST STORIES GRID
========================================================== */

.latest-stories-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:28px;
width:100%;
}

.latest-story-column{
width:100%;
min-width:0;
}

/* Tablet */

@media (max-width:991px){


.latest-stories-grid{
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:24px;
}


}

/* Mobile */

@media (max-width:767px){


.latest-stories-grid{
	grid-template-columns:1fr;
	gap:20px;
}


}



/* ==========================================================
SINGLE ARTICLE
========================================================== */

.single-post{
padding-top:70px;
padding-bottom:90px;
}

/* Main article width */

.single-article{
max-width:900px;
margin:0 auto;
}

/* ----------------------------------------------------------
ARTICLE HEADER
---------------------------------------------------------- */

.single-article-header{
max-width:820px;
margin:0 auto 35px;
text-align:center;
}

/* Category */

.post-category{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
margin-bottom:16px;
}

.post-category a{
display:inline-flex;
align-items:center;
position:relative;
z-index:2;
padding:6px 11px;
color:#d4af37;
font-size:.7rem;
font-weight:700;
line-height:1.2;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
background:rgba(212,175,55,0.08);
border:1px solid rgba(212,175,55,0.30);
border-radius:2px;
cursor:pointer;
pointer-events:auto;
transition:
color .25s ease,
background .25s ease,
border-color .25s ease;
}

.post-category a:hover

/* Title */

.single-post .entry-title{
max-width:850px;
margin:0 auto 18px;
color:#ffffff;
font-size:clamp(2rem, 4vw, 3.2rem);
line-height:1.18;
letter-spacing:-.4px;
}

/* Meta */

.single-post .post-meta{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin:0;
color:rgba(255,255,255,0.50);
font-size:.78rem;
}

.post-meta-divider{
color:#d4af37;
}

/* ----------------------------------------------------------
FEATURED IMAGE
---------------------------------------------------------- */

.post-featured-image{
width:100%;
max-width:900px;
height:430px;
margin:0 auto 45px;
overflow:hidden;
background:#151515;
border-radius:8px;
}

.post-featured-image .single-featured-image{
display:block;
width:100%;
height:100%;
max-width:100%;
margin:0;
object-fit:cover;
object-position:center;
}

/* ----------------------------------------------------------
ARTICLE CONTENT
---------------------------------------------------------- */

.single-post .entry-content{
max-width:780px;
margin:0 auto;
color:rgba(255,255,255,0.78);
font-size:1rem;
line-height:1.85;
}

.single-post .entry-content p{
margin-bottom:1.5rem;
}

.single-post .entry-content h2{
margin-top:2.4rem;
margin-bottom:1rem;
color:#ffffff;
font-size:1.65rem;
line-height:1.3;
}

.single-post .entry-content h3{
margin-top:2rem;
margin-bottom:.9rem;
color:#ffffff;
font-size:1.35rem;
line-height:1.35;
}

.single-post .entry-content img{
max-width:100%;
height:auto;
}

/* ----------------------------------------------------------
TAGS
---------------------------------------------------------- */

.post-tags{
max-width:780px;
margin:50px auto 0;
padding-top:25px;
color:rgba(255,255,255,0.65);
border-top:1px solid rgba(255,255,255,0.08);
}

.post-tags strong{
margin-right:8px;
color:#ffffff;
}

.post-tags a{
color:#d4af37;
text-decoration:none;
}

/* ----------------------------------------------------------
PREVIOUS / NEXT
---------------------------------------------------------- */

.post-navigation{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
max-width:780px;
margin:50px auto 0;
padding-top:25px;
border-top:1px solid rgba(255,255,255,0.08);
}

.post-navigation a{
color:#d4af37;
font-size:.82rem;
font-weight:700;
text-decoration:none;
}

.post-navigation-next{
text-align:right;
}

/* ----------------------------------------------------------
MOBILE
--------------------------------------------------------- */

@media (max-width:767px){


.single-post{
	padding-top:40px;
	padding-bottom:65px;
}


.single-article-header{
	margin-bottom:25px;
}


.single-post .entry-title{
	font-size:1.45rem;
	line-height:1.28;
}


.single-post .post-meta{
	font-size:.72rem;
}


.post-featured-image{
	height:230px;
	margin-bottom:30px;
	border-radius:5px;
}


.single-post .entry-content{
	font-size:1rem;
	line-height:1.78;
}


.single-post .entry-content h2{
	font-size:1.4rem;
}


.single-post .entry-content h3{
	font-size:1.18rem;
}


.post-navigation{
	grid-template-columns:1fr;
	gap:18px;
}


.post-navigation-next{
	text-align:left;
}


}