.hide {
	display: none;
}

.featured-thumbnail, .featured-image {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 16px -8px, rgba(50, 50, 93, 0.25) 0px 13px 27px -5px;
	border-radius: 13px;
}

.featured-thumbnail img {
	border-radius: 13px;
	object-fit: cover;
	height: 330px;
	width: 330px;
}

.featured-image img {
	border-radius: 13px;
}

.avatar img {
	box-shadow: 0px 8px 16px -8px rgba(0,0,0,0.3),0px 13px 27px -5px rgba(50,50,93,0.25);
}

.recent-thumbnail img {
	box-shadow: rgba(93, 112, 234, 0.1) 2px 2px 3px 0px;
	border-radius: 8px;
}

@media only screen and (max-width: 768px) {
	.featured-thumbnail img {
		width: 100%
	}	
}

.inside-article p a {
	font-weight: 700;
}

/* GeneratePress Site CSS */ #site-navigation {
		border-top: 1px solid rgba(0,0,0,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.1);
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited {
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
}

.mc4wp-form-fields input[type="email"] {
	margin-bottom: 10px;
	width: 100%;
}

.entry-meta {
	font-weight: 300;
	font-size: 13px;
}

.main-navigation:not(.toggled) li.menu-social > a,
.main-navigation:not(.toggled) li.search-item > a{
	padding: 0 10px;
}

.post-image img {
	transition: opacity 500ms;
}

.post-image img:hover {
	opacity: 0.9;
}

.no-sidebar .entry-content {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.page.no-sidebar .entry-title {
	text-align: center;
}

.top-bar .lsi-social-icons a,
.top-bar .lsi-social-icons a:focus,
.top-bar .lsi-social-icons a:active,
.top-bar .lsi-social-icons a:hover {
    background: transparent !important;
}

.top-bar .lsi-social-icons li {
	margin-bottom: 0 !important;
} /* End GeneratePress Site CSS */



/* ── PALETTE VARIABLES ─────────────────────────────────────── */

:root {
  /* Core */
  --sage:       #5da49c;
  --gold:       #dbb056;
  --terra:      #c98a72;
  --cobalt:     #5b7a8a;
  --plum:       #6a6d7a;
  --linen:      #f8f4ef;
  --stone:      #dcd2c6;
  --umber:      #352e25;

  /* Surfaces */
  --bg:         #f8f4ef;
  --bg-card:    #ffffff;
  --bg-soft:    #f1ebe3;

  /* Text */
  --text-primary: #352e25;
  --text-body:    #524840;
  --text-muted:   #938779;
  --text-light:   #b8ac9e;

  /* Borders */
  --border:       #e2dbd0;
  --border-light: #eee7dc;
}


/* ═══════════════════════════════════════════════════════════════
   PAINTING GRADIENTS — Exact match to site preview gr() output
   Used for artwork placeholders across portfolio, shop, blog
   ═══════════════════════════════════════════════════════════════ */

/* 0 — Sage Teal → Cobalt Shadow */
.gradient-0,
.gradient-sage-cobalt {
  background: linear-gradient(135deg, #5da49c88, #5b7a8acc);
}

/* 1 — Muted Gold → Dusty Terracotta */
.gradient-1,
.gradient-gold-terra {
  background: linear-gradient(135deg, #dbb05688, #c98a72aa);
}

/* 2 — Dusty Terracotta → Plum Shadow */
.gradient-2,
.gradient-terra-plum {
  background: linear-gradient(135deg, #c98a7288, #6a6d7aaa);
}

/* 3 — Plum Shadow → Sage Teal */
.gradient-3,
.gradient-plum-sage {
  background: linear-gradient(135deg, #6a6d7aaa, #5da49c88);
}

/* 4 — Cobalt Shadow → Sage Teal */
.gradient-4,
.gradient-cobalt-sage {
  background: linear-gradient(135deg, #5b7a8a88, #5da49caa);
}

/* 5 — Sage Teal → Muted Gold, lighter */
.gradient-5,
.gradient-sage-gold-light {
  background: linear-gradient(135deg, #5da49c66, #dbb05666);
}

/* 6 — Dusty Terracotta → Muted Gold, angled */
.gradient-6,
.gradient-terra-gold {
  background: linear-gradient(160deg, #c98a7288, #dbb056aa);
}

/* 7 — Terracotta → Plum → Sage, three-stop */
.gradient-7,
.gradient-terra-plum-sage {
  background: linear-gradient(145deg, #c98a7255, #6a6d7a44, #5da49c33);
}

/* 8 — Neutral warm gray */
.gradient-8,
.gradient-neutral-gray {
  background: linear-gradient(135deg, #9b918988, #7a706888);
}


/* ═══════════════════════════════════════════════════════════════
   UI GRADIENTS — Bars, heroes, dividers
   ═══════════════════════════════════════════════════════════════ */

.gradient-bar {
  background: linear-gradient(90deg, #5da49c 0%, #5b7a8a 20%, #dbb056 40%, #c98a72 60%, #5da49c 80%, #dbb056 100%);
}

.gradient-hero {
  background: linear-gradient(135deg, #f1ebe3 0%, #e2e5e0 40%, #ece1d6 70%, #f1ebe3 100%);
}

.gradient-divider {
  background: linear-gradient(90deg, transparent, #5da49c, #dbb056, transparent);
  height: 1px;
}