/* =========================================================
   CURIOUSCRAFTERS — CUSTOM.CSS
   Cleaned from current live stylesheet
   Preserves current visual language
   Removes conflicting duplicate layers
   ========================================================= */

/* =========================================================
   1. ROOT BRAND TOKENS
   ========================================================= */
:root{
  --cc-bg:#fbf6f1;
  --cc-bg-soft:#fcf8f4;
  --cc-surface:#fffaf5;
  --cc-surface-2:#f7efe8;
  --cc-surface-3:#f2e3d8;
  --cc-surface-4:#ecd7c8;
  --cc-surface-5:#e7c5ae;

  --cc-text:#5a2817;
  --cc-text-2:#71361d;
  --cc-text-soft:#7f5b48;
  --cc-heading:#4d2215;

  --cc-accent:#b8633f;
  --cc-accent-dark:#9f4f2f;
  --cc-accent-soft:#cc7b56;
  --cc-accent-faint:#e5b191;

  --cc-border:rgba(111,58,30,0.12);
  --cc-border-soft:rgba(111,58,30,0.08);

  --cc-shadow:0 14px 30px rgba(90,40,23,0.06);
  --cc-shadow-hover:0 18px 38px rgba(90,40,23,0.10);

  --cc-radius:18px;
  --cc-radius-lg:24px;
  --cc-max:1280px;
}

/* =========================================================
   2. GLOBAL FOUNDATION
   ========================================================= */
html,
body{
  background:var(--cc-bg);
  color:var(--cc-text);
}

body{
  font-size:16px;
  line-height:1.72;
}

a{
  color:var(--cc-accent);
  transition:color .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease;
}

a:hover,
a:focus{
  color:var(--cc-accent-dark);
  text-decoration:none;
}

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

/* =========================================================
   3. HEADER / LOGO / MAIN NAV
   Warm header only — no blue
   ========================================================= */
#t4-header .t4-row{
  display:flex;
  align-items:center;
}

#t4-header .t4-col.logo,
#t4-header .t4-col[class*="logo"]{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

#t4-header .t4-col.mainnav,
#t4-header .t4-col[class*="mainmenu"]{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}

#t4-header .t4-col[class*="search"]{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

#t4-header .navbar,
#t4-header .navbar-collapse,
#t4-header .t4-megamenu,
#t4-header .nav.navbar-nav.level0{
  justify-content:center !important;
}

#t4-header .nav.navbar-nav.level0{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:2px;
  white-space:nowrap;
}

.cc-header-search,
.cc-header-search-block,
.cc-header-search-inner{
  width:100%;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

.cc-header-search .mod-finder,
.cc-header-search-block .mod-finder,
.cc-header-search-inner .mod-finder,
.cc-header-search .finder,
.cc-header-search-block .finder,
.cc-header-search-inner .finder{
  width:100%;
  max-width:320px;
  margin:0;
  padding:0;
}

.cc-header-search .mod-finder form,
.cc-header-search-block .mod-finder form,
.cc-header-search-inner .mod-finder form,
.cc-header-search .finder form,
.cc-header-search-block .finder form,
.cc-header-search-inner .finder form{
  width:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.cc-header-search .input-group,
.cc-header-search-block .input-group,
.cc-header-search-inner .input-group,
.cc-header-search .finder,
.cc-header-search-block .finder,
.cc-header-search-inner .finder{
  display:flex;
  align-items:center;
  gap:8px;
}

.cc-header-search input[type="search"],
.cc-header-search input[type="text"],
.cc-header-search-block input[type="search"],
.cc-header-search-block input[type="text"],
.cc-header-search-inner input[type="search"],
.cc-header-search-inner input[type="text"]{
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(111,58,30,0.14);
  border-radius:12px;
  background:#fffdf9;
  color:var(--cc-text);
}

.cc-header-search button,
.cc-header-search .btn,
.cc-header-search-block button,
.cc-header-search-block .btn,
.cc-header-search-inner button,
.cc-header-search-inner .btn{
  min-height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid var(--cc-accent);
  background:linear-gradient(180deg, var(--cc-accent) 0%, var(--cc-accent-dark) 100%);
  color:#fff !important;
}

/* dark header links on pale background */
#t4-header .nav > li > a,
#t4-header .navbar-nav > li > a,
#t4-header .menu > li > a,
#t4-header .mod-menu > li > a,
#t4-header .navigation .menu > li > a,
#t4-header nav ul.menu > li > a,
#t4-header nav .nav > li > a,
#t4-header .nav-link,
#t4-header .dropdown-toggle,
#t4-header .item-caret,
#t4-header .nav-link .menu-title,
#t4-header .nav-link .menu-caption{
  color:#4d2215 !important;
}

#t4-header .nav > li > a:hover,
#t4-header .navbar-nav > li > a:hover,
#t4-header .menu > li > a:hover,
#t4-header .mod-menu > li > a:hover,
#t4-header .navigation .menu > li > a:hover,
#t4-header nav ul.menu > li > a:hover,
#t4-header nav .nav > li > a:hover,
#t4-header .nav-link:hover,
#t4-header .dropdown-toggle:hover,
#t4-header .nav > li.active > a,
#t4-header .navbar-nav > li.active > a,
#t4-header .menu > li.current > a,
#t4-header .menu > li.active > a{
  color:#b8633f !important;
}

#t4-header .dropdown-menu a,
#t4-header .menu .nav-child a,
#t4-header .mod-menu .nav-child a,
#t4-header nav ul.menu ul a,
#t4-header .navigation .submenu a{
  color:#4d2215 !important;
}

#t4-header .dropdown-menu a:hover,
#t4-header .menu .nav-child a:hover,
#t4-header .mod-menu .nav-child a:hover,
#t4-header nav ul.menu ul a:hover,
#t4-header .navigation .submenu a:hover{
  color:#b8633f !important;
}

/* =========================================================
   4. FULL-WIDTH BANDS
   ========================================================= */
.cc-hero,
.cc-section{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  isolation:isolate;
  box-sizing:border-box;
}

.cc-hero-inner,
.cc-section-inner{
  width:min(var(--cc-max), calc(100% - 40px));
  margin:0 auto;
  box-sizing:border-box;
}

.cc-hero .container,
.cc-section .container,
.cc-hero .container-lg,
.cc-section .container-lg,
.cc-hero .container-fluid,
.cc-section .container-fluid{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.cc-hero .row,
.cc-section .row{
  margin-left:0 !important;
  margin-right:0 !important;
}

.cc-section{
  padding:clamp(46px, 6vw, 86px) 0;
}

.cc-section-header{
  max-width:860px;
  margin:0 auto 30px;
  text-align:center;
}

.cc-section-header h2{
  margin:0 0 12px;
  font-size:clamp(1.95rem, 3vw, 2.85rem);
  line-height:1.08;
  letter-spacing:-0.03em;
  color:var(--cc-heading);
}

.cc-section-header p{
  margin:0;
  font-size:1.03rem;
  line-height:1.8;
  color:var(--cc-text-soft);
}

/* =========================================================
   5. HERO
   ========================================================= */
.cc-hero{
  padding:clamp(72px, 10vw, 126px) 0 clamp(58px, 8vw, 94px);
  background:
    radial-gradient(circle at 12% 18%, rgba(229,177,145,0.34), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(204,123,86,0.20), transparent 22%),
    linear-gradient(180deg, #fcf8f4 0%, #f2e3d8 100%);
  border-top:1px solid rgba(90,40,23,0.06);
  border-bottom:1px solid rgba(90,40,23,0.10);
}

.cc-hero-inner{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.cc-hero-content{
  max-width:940px;
}

.cc-hero h1{
  margin:0 0 18px;
  font-size:clamp(2.3rem, 5vw, 4.45rem);
  line-height:1.01;
  letter-spacing:-0.045em;
  color:var(--cc-heading);
  text-wrap:balance;
}

.cc-hero p{
  max-width:840px;
  margin:0 auto;
  font-size:clamp(1.05rem, 1.8vw, 1.18rem);
  line-height:1.88;
  color:var(--cc-text-soft);
}

.cc-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
  margin-top:28px;
}

.cc-hero-kicker{
  display:inline-block;
  margin:0 0 16px;
  padding:8px 14px;
  border:1px solid rgba(111,58,30,0.12);
  border-radius:999px;
  background:rgba(255,255,255,0.72);
  color:var(--cc-text-2);
  font-size:0.82rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.cc-hero .cc-card-grid{
  margin-top:34px;
}

.cc-hero .cc-card{
  text-align:left;
  background:rgba(255,255,255,0.82);
  backdrop-filter:blur(2px);
}

.cc-hero .cc-card h3{
  margin:0 0 8px;
  font-size:1.02rem;
}

.cc-hero .cc-card p{
  margin:0;
  font-size:0.94rem;
  line-height:1.66;
}

.cc-hero-image{
  position:relative;
  background:
    linear-gradient(180deg, rgba(77,34,21,0.46) 0%, rgba(77,34,21,0.34) 100%),
    url("images/headers/hero-crafts.jpg") center center / cover no-repeat;
  border-top:1px solid rgba(90,40,23,0.06);
  border-bottom:1px solid rgba(90,40,23,0.10);
}

.cc-hero-image::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(229,177,145,0.18), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(204,123,86,0.14), transparent 22%);
  pointer-events:none;
}

.cc-hero-image .cc-hero-inner{
  position:relative;
  z-index:1;
}

.cc-hero-image .cc-hero-kicker{
  border:1px solid rgba(255,255,255,0.24);
  background:rgba(255,255,255,0.10);
  color:#fff7f0;
}

.cc-hero-image h1{
  color:#ffffff;
  text-shadow:0 2px 14px rgba(0,0,0,0.18);
}

.cc-hero-image p{
  color:rgba(255,247,240,0.96);
  text-shadow:0 1px 10px rgba(0,0,0,0.16);
}

.cc-hero::before,
.cc-hero::after,
.cc-hero-image::before,
.cc-hero-image::after{
  pointer-events:none !important;
}

/* masthead overlay click fix */
#t4-masthead{
  position:relative;
}

#t4-masthead .bg-overlay,
#t4-masthead .bg-overlay-image{
  pointer-events:none !important;
  z-index:1 !important;
}

#t4-masthead .custom,
#t4-masthead .cc-hero,
#t4-masthead .cc-hero-inner,
#t4-masthead .cc-hero-content,
#t4-masthead .cc-hero-actions{
  position:relative;
  z-index:5;
}

#t4-masthead .cc-hero-actions a,
#t4-masthead .cc-btn{
  position:relative;
  z-index:6;
  pointer-events:auto !important;
}

/* =========================================================
   6. BUTTON SYSTEM
   ========================================================= */
.cc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  border-radius:10px;
  border:1px solid transparent;
  font-weight:700;
  font-size:0.95rem;
  letter-spacing:0.01em;
  text-decoration:none !important;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.cc-btn:hover,
.cc-btn:focus{
  transform:translateY(-1px);
}

.cc-btn-primary{
  background:var(--cc-accent);
  color:#fff !important;
  border-color:var(--cc-accent);
}

.cc-btn-primary:hover,
.cc-btn-primary:focus{
  background:var(--cc-accent-dark);
  border-color:var(--cc-accent-dark);
  color:#fff !important;
}

.cc-btn-secondary{
  background:transparent;
  color:var(--cc-text-2) !important;
  border-color:rgba(111,58,30,0.24);
}

.cc-btn-secondary:hover,
.cc-btn-secondary:focus{
  background:#f4e5db;
  color:var(--cc-heading) !important;
  border-color:rgba(111,58,30,0.36);
}

/* =========================================================
   7. BAND FLAVORS
   ========================================================= */
.cc-browse-crafts{
  background:#fcf8f4;
}

.cc-featured-makers{
  background:linear-gradient(180deg, #f7efe8 0%, #f2e3d8 100%);
  border-top:1px solid rgba(90,40,23,0.08);
  border-bottom:1px solid rgba(90,40,23,0.08);
}

.cc-learning{
  background:#fffaf5;
}

.cc-hidden-gems{
  background:
    radial-gradient(circle at 14% 26%, rgba(229,177,145,0.20), transparent 20%),
    radial-gradient(circle at 84% 78%, rgba(204,123,86,0.14), transparent 20%),
    linear-gradient(180deg, #f2e3d8 0%, #ecd7c8 100%);
  border-top:1px solid rgba(90,40,23,0.08);
  border-bottom:1px solid rgba(90,40,23,0.08);
}

.cc-recently-added{
  background:#fffdfb;
}

.cc-resource-types{
  background:#f9f2ec;
}

.cc-featured-articles{
  background:#fff8f3;
}

.cc-submit-resource{
  background:linear-gradient(180deg, #f0dfd3 0%, #e8d0c0 100%);
  border-top:1px solid rgba(90,40,23,0.10);
}

/* =========================================================
   8. GRID + CARD SYSTEM
   ========================================================= */
.cc-card-grid{
  display:grid;
  gap:20px;
}

.cc-card-grid-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.cc-card-grid-4{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.cc-card,
.cc-feature-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:24px 22px 22px;
  border-radius:18px;
  border:1px solid rgba(111,58,30,0.10);
  box-shadow:var(--cc-shadow);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  overflow:hidden;
}

.cc-card{
  background:rgba(255,255,255,0.92);
}

.cc-feature-card{
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(252,248,244,0.98) 100%);
}

.cc-card:hover,
.cc-card:focus-within,
.cc-feature-card:hover,
.cc-feature-card:focus-within{
  transform:translateY(-3px);
  border-color:rgba(184,99,63,0.22);
  box-shadow:var(--cc-shadow-hover);
}

.cc-card::before,
.cc-feature-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg, var(--cc-accent) 0%, var(--cc-accent-soft) 100%);
}

.cc-card h3,
.cc-feature-card h3{
  margin:0 0 10px;
  font-size:1.16rem;
  line-height:1.28;
  color:var(--cc-heading);
}

.cc-card h3 a,
.cc-feature-card h3 a{
  color:inherit !important;
  text-decoration:none !important;
}

.cc-card h3 a:hover,
.cc-card h3 a:focus,
.cc-feature-card h3 a:hover,
.cc-feature-card h3 a:focus{
  color:var(--cc-accent) !important;
}

.cc-card p,
.cc-feature-card p{
  margin:0;
  font-size:0.98rem;
  line-height:1.76;
  color:var(--cc-text-soft);
}

/* =========================================================
   9. CTA BLOCK
   ========================================================= */
.cc-cta-block{
  max-width:920px;
  margin:0 auto;
  padding:clamp(32px, 5vw, 48px);
  text-align:center;
  border-radius:22px;
  background:rgba(255,255,255,0.72);
  border:1px solid rgba(111,58,30,0.10);
  box-shadow:var(--cc-shadow);
}

.cc-cta-block h2{
  margin:0 0 14px;
  font-size:clamp(2rem, 3.2vw, 3rem);
  line-height:1.08;
  color:var(--cc-heading);
}

.cc-cta-block p{
  margin:0;
  font-size:1.02rem;
  line-height:1.84;
  color:var(--cc-text-soft);
}

/* =========================================================
   10. HOMEPAGE UTILITY / MICROCARDS
   ========================================================= */
.cc-featured-listings .cc-card h3,
.cc-recently-added .cc-card h3,
.cc-resource-types .cc-card h3,
.cc-featured-articles .cc-card h3{
  font-size:1.08rem;
}

.cc-featured-listings .cc-card p,
.cc-recently-added .cc-card p,
.cc-resource-types .cc-card p,
.cc-featured-articles .cc-card p{
  font-size:0.95rem;
}

/* =========================================
   CURIOUSCRAFTERS CARD IMAGE BLOCK
   Fixed-size image area + sharper logo rendering
   ========================================= */
.cc-page-card{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,0.08);
  display:flex;
  flex-direction:column;
  height:100%;
}

.cc-page-card-image{
  width:100%;
  height:200px;
  background:#f6f1ea;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.cc-page-card-image a{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cc-page-card-image img{
  width:48px;
  height:48px;
  object-fit:contain;
  display:block;
  image-rendering:auto;
  filter:contrast(1.06) brightness(1.01) saturate(1.02);
}

.cc-page-card-body{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cc-page-card-body h3,
.cc-page-card-body p{
  margin:0;
}

/* =========================================================
   11. ARTICLE / PAGE BASICS
   ========================================================= */
.item-page,
.com-content-article,
.com-content-category-blog{
  color:var(--cc-text);
}

.item-page h1,
.item-page h2,
.item-page h3,
.com-content-article h1,
.com-content-article h2,
.com-content-article h3,
.com-content-category-blog h1,
.com-content-category-blog h2,
.com-content-category-blog h3{
  color:var(--cc-heading);
}

.item-page p,
.item-page li,
.com-content-article p,
.com-content-article li,
.com-content-category-blog p,
.com-content-category-blog li{
  color:var(--cc-text);
}

/* =========================================================
   12. CATEGORY / DIRECTORY CARDS
   Cleaned: single active .cc-listing system
   ========================================================= */
.cc-directory-group{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
  align-items:stretch;
  margin:30px 0 40px;
}

.cc-directory-group > h2,
.cc-directory-group > .page-header,
.cc-directory-group > .cc-group-title{
  grid-column:1 / -1;
  margin:0 0 10px;
}

.cc-listing{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:24px 22px 22px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(249,243,238,0.98) 100%);
  border:1px solid rgba(28,18,12,0.26);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.55) inset,
    0 14px 30px rgba(33,20,13,0.12),
    0 2px 8px rgba(0,0,0,0.08);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  overflow:hidden;
}

.cc-listing:hover,
.cc-listing:focus-within{
  transform:translateY(-4px);
  border-color:rgba(20,12,8,0.42);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.65) inset,
    0 22px 42px rgba(33,20,13,0.18),
    0 6px 14px rgba(0,0,0,0.10);
}

.cc-listing::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg, var(--cc-accent) 0%, var(--cc-accent-soft) 100%);
}

/* =========================================================
   CURIOUSCRAFTERS DIRECTORY CARD FAVICON AREA
   Tighter favicon container with less empty space
   ========================================================= */
.cc-listing-favicon{
  width:100%;
  height:110px;
  background:linear-gradient(180deg, #f6f1ea 0%, #efe3d7 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:14px;
  margin:0 0 14px;
  padding:10px;
  border:1px solid rgba(28,18,12,0.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.45);
}

.cc-listing-favicon a{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.cc-listing-favicon img{
  width:40px;
  height:40px;
  object-fit:contain;
  display:block;
  image-rendering:auto;
  filter:contrast(1.06) brightness(1.01) saturate(1.02);
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
}

@media (max-width:767px){
  .cc-listing-favicon{
    height:90px;
    padding:6px;
    margin:0 0 12px;
  }

  .cc-listing-favicon img{
    width:36px;
    height:36px;
  }
}

.cc-listing-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
}

.cc-listing-body h3{
  margin:0 0 10px;
  font-size:1.16rem;
  line-height:1.28;
  color:var(--cc-heading);
}

.cc-listing-body h3 a{
  color:inherit;
  text-decoration:none;
}

.cc-listing-body h3 a:hover,
.cc-listing-body h3 a:focus{
  color:var(--cc-accent);
}

.cc-listing-desc{
  margin:0;
  font-size:0.98rem;
  line-height:1.76;
  color:var(--cc-text-soft);
}

/* =========================================================
   13. REGULAR CONTENT IMAGES
   Hidden gems-style treatment for images outside cards
   ========================================================= */
.item-page img,
.com-content-article img,
.cc-category-intro img,
.category-desc img,
.item-content img,
figure img{
  display:block;
  max-width:100%;
  height:auto;
  margin:24px auto;
  padding:0;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(249,243,238,0.98) 100%);
  border:1px solid rgba(28,18,12,0.26);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.55) inset,
    0 14px 30px rgba(33,20,13,0.12),
    0 2px 8px rgba(0,0,0,0.08);
  overflow:hidden;
}

figure{
  margin:26px auto;
  text-align:center;
}

figcaption,
.caption,
.image-caption{
  margin-top:10px;
  color:var(--cc-text-soft);
  font-size:0.92rem;
  line-height:1.5;
}

a img:hover,
a img:focus{
  transform:translateY(-3px);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.65) inset,
    0 22px 42px rgba(33,20,13,0.18),
    0 6px 14px rgba(0,0,0,0.10);
}

/* =========================================================
   14. MODULE POSITION SPACING
   ========================================================= */
.module,
.moduletable,
.t4-module{
  margin-bottom:68px;
}

.module:last-child,
.moduletable:last-child,
.t4-module:last-child{
  margin-bottom:0;
}

.module .custom,
.moduletable .custom,
.t4-module .custom{
  display:block;
}

/* =========================================================
   15. SMART SEARCH MODULE
   ========================================================= */
.mod-finder,
.finder,
.finder-search{
  width:100%;
  max-width:100%;
  margin:0 auto 34px;
  padding:12px 0;
  box-sizing:border-box;
}

.module .mod-finder,
.module .finder,
.module .finder-search,
.moduletable .mod-finder,
.moduletable .finder,
.moduletable .finder-search,
.t4-module .mod-finder,
.t4-module .finder,
.t4-module .finder-search{
  margin-bottom:34px;
}

.mod-finder form,
.finder form,
.finder-search form{
  width:min(100%, 1080px);
  margin:0 auto;
  padding:26px 28px 24px;
  border:1px solid rgba(111,58,30,0.10);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(252,248,244,0.98) 100%);
  box-shadow:0 14px 30px rgba(90,40,23,0.06);
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
}

.mod-finder form::before,
.finder form::before,
.finder-search form::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg, var(--cc-accent) 0%, var(--cc-accent-soft) 100%);
}

.mod-finder label,
.finder label,
.finder-search label{
  display:block;
  margin:0 0 12px;
  color:var(--cc-text-soft);
  font-size:0.88rem;
  line-height:1.3;
  font-weight:600;
  text-align:center;
}

.mod-finder .input-group,
.mod-finder .finder,
.finder .input-group,
.finder-search .input-group{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:100%;
  margin:0 auto;
}

.mod-finder input[type="search"],
.mod-finder input[type="text"],
.finder input[type="search"],
.finder input[type="text"],
.finder-search input[type="search"],
.finder-search input[type="text"]{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  min-height:56px;
  padding:0 20px;
  border:1px solid rgba(111,58,30,0.14);
  border-radius:14px;
  background:#fffdf9;
  color:var(--cc-text);
  font-size:1rem;
  line-height:1;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.03);
  box-sizing:border-box;
}

.mod-finder input[type="search"]::placeholder,
.mod-finder input[type="text"]::placeholder,
.finder input[type="search"]::placeholder,
.finder input[type="text"]::placeholder,
.finder-search input[type="search"]::placeholder,
.finder-search input[type="text"]::placeholder{
  color:rgba(127,91,72,0.78);
}

.mod-finder button,
.mod-finder .btn,
.finder button,
.finder .btn,
.finder-search button,
.finder-search .btn{
  flex:0 0 auto;
  min-height:56px;
  padding:0 22px;
  border:1px solid var(--cc-accent);
  border-radius:14px;
  background:linear-gradient(180deg, var(--cc-accent) 0%, var(--cc-accent-dark) 100%);
  color:#fff !important;
  font-size:0.92rem;
  font-weight:700;
  letter-spacing:0.01em;
}

.mod-finder button:hover,
.mod-finder .btn:hover,
.finder button:hover,
.finder .btn:hover,
.finder-search button:hover,
.finder-search .btn:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg, #c46b45 0%, var(--cc-accent-dark) 100%);
  border-color:var(--cc-accent-dark);
  box-shadow:0 10px 22px rgba(184,99,63,0.18);
}

/* =========================================================
   16. SECTION / FOOTER SEPARATION
   ========================================================= */
.t4-section .custom > .cc-resources-hub,
.t4-section .custom > .cc-discover-hub,
.t4-section .custom > .cc-category-hub{
  padding-bottom:48px;
}

.cc-directory-group{
  margin-bottom:40px;
}

#t4-footnav{
  margin-top:20px;
}

#t4-footnav{
  border-top:1px solid rgba(255,255,255,0.08);
  background:linear-gradient(180deg, #5b3a2b, #452c21);
}

#t4-footnav .module-inner{
  padding:16px 18px;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  background:rgba(255,255,255,0.03);
  box-shadow:none;
}

#t4-footnav .module-title,
#t4-footnav .block-title,
#t4-footnav h3,
#t4-footnav h4{
  display:block;
  margin:0 0 14px;
  text-align:left;
  color:rgba(255,247,240,.95);
  font-size:1rem;
  line-height:1.25;
}

#t4-footnav .navbar-nav,
#t4-footnav .nav{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin:0;
  padding:0;
}

#t4-footnav .nav-link{
  display:flex;
  align-items:center;
  min-height:38px;
  width:100%;
  padding:9px 12px !important;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.03);
  color:rgba(255,244,236,.90) !important;
  text-decoration:none;
  line-height:1.2;
}

#t4-footnav .nav-link:hover,
#t4-footnav .nav-link:focus{
  transform:translateX(2px);
  background:rgba(255,255,255,.07);
  border-color:rgba(229,177,145,.24);
  color:#ffffff !important;
}

/* =========================================================
   17. RESPONSIVE
   ========================================================= */
@media (max-width:1199px){
  .cc-header-search .mod-finder,
  .cc-header-search-block .mod-finder,
  .cc-header-search-inner .mod-finder,
  .cc-header-search .finder,
  .cc-header-search-block .finder,
  .cc-header-search-inner .finder{
    max-width:260px;
  }
}

@media (max-width:1100px){
  .cc-card-grid-4,
  .cc-directory-group{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:991px){
  .container-header,
  .header .container,
  .site-header .container,
  #header .container,
  .navbar .container,
  .navigation .container,
  .cc-hero-inner,
  .cc-section-inner{
    width:min(100% - 24px, var(--cc-max));
  }

  .custom-logo img,
  .site-logo img,
  .logo img,
  .brand-logo img,
  .site-branding img,
  .navbar-brand img{
    max-height:74px;
  }

  .nav > li > a,
  .navbar-nav > li > a,
  .menu > li > a,
  .mod-menu > li > a,
  .navigation .menu > li > a,
  nav ul.menu > li > a,
  nav .nav > li > a,
  .nav-link{
    padding:12px 10px !important;
    font-size:0.94rem;
  }

  .nav > li > a::after,
  .navbar-nav > li > a::after,
  .menu > li > a::after,
  .mod-menu > li > a::after,
  .navigation .menu > li > a::after,
  nav ul.menu > li > a::after,
  nav .nav > li > a::after,
  .nav-link::after{
    left:10px;
    right:10px;
    bottom:6px;
  }
}

@media (max-width:767px){
  .cc-hero,
  .cc-section{
    width:100%;
    margin-left:0;
    margin-right:0;
  }

  .cc-hero{
    padding:54px 0 58px;
  }

  .cc-section{
    padding:36px 0 48px;
  }

  .cc-hero h1{
    font-size:clamp(2rem, 9vw, 3.05rem);
  }

  .cc-hero p,
  .cc-section-header p,
  .cc-card p,
  .cc-feature-card p,
  .cc-cta-block p{
    font-size:0.97rem;
    line-height:1.72;
  }

  .cc-card-grid-3,
  .cc-card-grid-4,
  .cc-directory-group{
    grid-template-columns:1fr;
  }

  .cc-card,
  .cc-feature-card,
  .cc-listing{
    padding:20px 18px 18px;
    border-radius:16px;
  }

  .cc-listing-favicon{
    height:180px;
  }

  .cc-hero-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .cc-btn{
    width:100%;
  }

  .cc-cta-block{
    padding:24px 18px;
    border-radius:18px;
  }

  .custom-logo img,
  .site-logo img,
  .logo img,
  .brand-logo img,
  .site-branding img,
  .navbar-brand img{
    max-height:64px;
  }

  .mod-finder,
  .finder,
  .finder-search{
    margin:0 auto 26px;
    padding:8px 0;
  }

  .mod-finder form,
  .finder form,
  .finder-search form{
    width:100%;
    padding:18px 16px 16px;
    border-radius:18px;
  }

  .mod-finder .input-group,
  .mod-finder .finder,
  .finder .input-group,
  .finder-search .input-group{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .mod-finder button,
  .mod-finder .btn,
  .finder button,
  .finder .btn,
  .finder-search button,
  .finder-search .btn{
    width:100%;
  }

  .item-page img,
  .com-content-article img,
  .cc-category-intro img,
  .category-desc img,
  .item-content img,
  figure img{
    margin:18px auto;
    border-radius:16px;
  }

  .t4-section .custom > .cc-resources-hub,
  .t4-section .custom > .cc-discover-hub,
  .t4-section .custom > .cc-category-hub{
    padding-bottom:32px;
  }

  .cc-directory-group{
    margin-bottom:28px;
  }

  #t4-footnav{
    margin-top:12px;
  }
}

/* =========================================================
   CURIOUSCRAFTERS — FINAL CONSOLIDATED OVERRIDES
   Flat footer • flat footer logo • no image hover lift
   larger body/link scale • copper footer • header click fix
   deeper card shadows
   ========================================================= */

/* ---------------------------------------------------------
   1. FOOTER — FLAT + LIGHT COPPER
--------------------------------------------------------- */
#t4-footnav{
  margin-top:20px;
  background:linear-gradient(180deg, #9a6b4f 0%, #7f563f 52%, #6a4634 100%) !important;
  border-top:1px solid rgba(255,245,236,0.18) !important;
}

#t4-footnav .module-inner{
  padding:16px 18px;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#t4-footnav .module-title,
#t4-footnav .block-title,
#t4-footnav h3,
#t4-footnav h4{
  color:#fff4ea !important;
}

#t4-footnav,
#t4-footnav p,
#t4-footnav li,
#t4-footnav span{
  color:#f7e3d6 !important;
}

#t4-footnav .navbar-nav,
#t4-footnav .nav,
#t4-footnav .menu,
#t4-footnav .mod-menu{
  gap:6px;
}

#t4-footnav .nav-link,
#t4-footnav .navbar-nav .nav-link,
#t4-footnav .nav a,
#t4-footnav .menu a,
#t4-footnav .mod-menu a{
  display:block;
  width:auto;
  min-height:auto;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#ffe3cf !important;
  line-height:1.7;
  text-decoration:none;
}

#t4-footnav .nav-link:hover,
#t4-footnav .nav-link:focus,
#t4-footnav .navbar-nav .nav-link:hover,
#t4-footnav .navbar-nav .nav-link:focus,
#t4-footnav .nav a:hover,
#t4-footnav .nav a:focus,
#t4-footnav .menu a:hover,
#t4-footnav .menu a:focus,
#t4-footnav .mod-menu a:hover,
#t4-footnav .mod-menu a:focus{
  transform:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#ffffff !important;
}

#t4-footnav .logo,
#t4-footnav .site-logo,
#t4-footnav .brand-logo,
#t4-footnav .navbar-brand,
#t4-footnav .custom-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#t4-footnav .logo img,
#t4-footnav .site-logo img,
#t4-footnav .brand-logo img,
#t4-footnav .navbar-brand img,
#t4-footnav .custom-logo img{
  filter:brightness(1.03) contrast(1.02);
  box-shadow:none !important;
}

/* ---------------------------------------------------------
   2. IMAGE / LOGO HOVER POLICY
--------------------------------------------------------- */
a img:hover,
a img:focus,
.cc-page-card-image img,
.cc-listing-favicon img,
.cc-page-card-image a:hover img,
.cc-page-card-image a:focus img,
.cc-listing-favicon a:hover img,
.cc-listing-favicon a:focus img,
.cc-page-card:hover .cc-page-card-image img,
.cc-page-card:focus-within .cc-page-card-image img,
.cc-listing:hover .cc-listing-favicon img,
.cc-listing:focus-within .cc-listing-favicon img{
  transform:none !important;
  box-shadow:none !important;
}

/* ---------------------------------------------------------
   3. TYPOGRAPHY SCALE
--------------------------------------------------------- */
body{
  font-size:18px;
  line-height:1.78;
}

a{
  font-size:1.06em;
}

.item-page p,
.item-page li,
.com-content-article p,
.com-content-article li,
.com-content-category-blog p,
.com-content-category-blog li,
.cc-section-header p,
.cc-hero p,
.cc-card p,
.cc-feature-card p,
.cc-listing-desc,
.cc-cta-block p{
  font-size:1.08rem;
  line-height:1.82;
}

.cc-card h3,
.cc-feature-card h3,
.cc-page-card-body h3,
.cc-listing-body h3{
  font-size:1.28rem;
  line-height:1.32;
}

#t4-header .nav > li > a,
#t4-header .navbar-nav > li > a,
#t4-header .nav-link{
  font-size:1rem;
}

#t4-footnav .nav-link,
#t4-footnav .nav a,
#t4-footnav .menu a,
#t4-footnav .mod-menu a{
  font-size:1.02rem;
}

/* ---------------------------------------------------------
   4. HEADER CLICK-TARGET / OFFSET FIX
--------------------------------------------------------- */
#t4-header .nav > li,
#t4-header .navbar-nav > li,
#t4-header .nav-item{
  position:relative;
}

#t4-header .nav > li > a,
#t4-header .navbar-nav > li > a,
#t4-header .nav-link,
#t4-header .dropdown-toggle{
  position:relative;
  z-index:20;
  pointer-events:auto !important;
}

#t4-header .nav > li > a::after,
#t4-header .navbar-nav > li > a::after,
#t4-header .nav-link::after{
  pointer-events:none !important;
}

#t4-header .mainnav,
#t4-header .t4-navbar,
#t4-header .navbar,
#t4-header .navbar-collapse,
#t4-header .t4-megamenu,
#t4-header .nav.navbar-nav.level0{
  position:relative;
  z-index:25;
}

#t4-header .t4-col.search,
#t4-header .cc-header-search,
#t4-header .cc-header-search-block,
#t4-header .cc-header-search-inner{
  position:relative;
  z-index:15;
}

/* ---------------------------------------------------------
   5. STRONGER CARD DEPTH
--------------------------------------------------------- */
.cc-card,
.cc-feature-card{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.55) inset,
    0 18px 34px rgba(58,34,24,0.10),
    0 4px 10px rgba(0,0,0,0.07) !important;
}

.cc-card:hover,
.cc-card:focus-within,
.cc-feature-card:hover,
.cc-feature-card:focus-within{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.65) inset,
    0 24px 44px rgba(58,34,24,0.16),
    0 8px 16px rgba(0,0,0,0.10) !important;
}

.cc-page-card{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.50) inset,
    0 18px 34px rgba(58,34,24,0.10),
    0 4px 10px rgba(0,0,0,0.08) !important;
}

.cc-page-card:hover,
.cc-page-card:focus-within{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.65) inset,
    0 24px 44px rgba(58,34,24,0.16),
    0 8px 16px rgba(0,0,0,0.10) !important;
}

.cc-listing{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.55) inset,
    0 18px 34px rgba(58,34,24,0.14),
    0 4px 10px rgba(0,0,0,0.08) !important;
}

.cc-listing:hover,
.cc-listing:focus-within{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.65) inset,
    0 28px 48px rgba(58,34,24,0.20),
    0 8px 16px rgba(0,0,0,0.11) !important;
}

/* ---------------------------------------------------------
   6. MOBILE BALANCE
--------------------------------------------------------- */
@media (max-width:767px){
  body{
    font-size:17px;
  }

  .cc-card h3,
  .cc-feature-card h3,
  .cc-page-card-body h3,
  .cc-listing-body h3{
    font-size:1.18rem;
  }

  #t4-header .nav > li > a,
  #t4-header .navbar-nav > li > a,
  #t4-header .nav-link{
    font-size:0.96rem;
  }

  .cc-card-grid-3,
  .cc-card-grid-4,
  .cc-directory-group{
    grid-template-columns:1fr;
  }

  .cc-card,
  .cc-feature-card,
  .cc-listing{
    padding:20px 18px 18px;
    border-radius:16px;
  }

  .cc-listing-favicon{
    height:180px;
  }

  .cc-hero-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .cc-btn{
    width:100%;
  }

  .cc-cta-block{
    padding:24px 18px;
    border-radius:18px;
  }

  .custom-logo img,
  .site-logo img,
  .logo img,
  .brand-logo img,
  .site-branding img,
  .navbar-brand img{
    max-height:64px;
  }

  .mod-finder,
  .finder,
  .finder-search{
    margin:0 auto 26px;
    padding:8px 0;
  }

  .mod-finder form,
  .finder form,
  .finder-search form{
    width:100%;
    padding:18px 16px 16px;
    border-radius:18px;
  }

  .mod-finder .input-group,
  .mod-finder .finder,
  .finder .input-group,
  .finder-search .input-group{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .mod-finder button,
  .mod-finder .btn,
  .finder button,
  .finder .btn,
  .finder-search button,
  .finder-search .btn{
    width:100%;
  }

  .item-page img,
  .com-content-article img,
  .cc-category-intro img,
  .category-desc img,
  .item-content img,
  figure img{
    margin:18px auto;
    border-radius:16px;
  }

  .t4-section .custom > .cc-resources-hub,
  .t4-section .custom > .cc-discover-hub,
  .t4-section .custom > .cc-category-hub{
    padding-bottom:32px;
  }

  .cc-directory-group{
    margin-bottom:28px;
  }

  #t4-footnav{
    margin-top:12px;
  }
}
/* =========================================================
   CURIOUSCRAFTERS DIRECTORY GRID
   5 across on wide screens → 1 across on mobile
   ========================================================= */
.cc-directory-group{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:20px;
  align-items:stretch;
  margin:30px 0 40px;
}

.cc-directory-group > h2,
.cc-directory-group > .page-header,
.cc-directory-group > .cc-group-title{
  grid-column:1 / -1;
  margin:0 0 10px;
}

@media (max-width:1400px){
  .cc-directory-group{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

@media (max-width:1100px){
  .cc-directory-group{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width:900px){
  .cc-directory-group{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:767px){
  .cc-directory-group{
    grid-template-columns:1fr;
  }
}
/* =========================================================
   CURATED LINKS — HIDE ONLY CATEGORY PAGE H1
   ========================================================= */
.com_curatedlinks.view-categories .page-header,
.com_curatedlinks.view-categories .page-header h1,
.com_curatedlinks.view-categories .componentheading,
.com_curatedlinks.view-categories .componentheading h1,
.com_curatedlinks.view-categories .content-header,
.com_curatedlinks.view-categories .content-header h1,
.com_curatedlinks.view-categories .item-title,
.com_curatedlinks.view-categories .item-title h1{
  display:none !important;
}
/* =========================================================
   CURIOUSCRAFTERS CATEGORY PAGE — ROUNDED CARD IMAGES
   ========================================================= */
.cc-category-hub .cc-directory-group .cc-listing > img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px 16px 0 0;
  overflow:hidden;
}

.cc-category-hub .cc-directory-group .cc-listing{
  overflow:hidden;
}
/* =========================================
   BROWSE BY CRAFT — CENTER UNEVEN LAST ROW
   ========================================= */

.cc-browse-crafts .cc-card-grid.cc-card-grid-4{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:clamp(16px,2vw,24px);
}

.cc-browse-crafts .cc-card{
  flex:0 1 calc(25% - 18px);
  max-width:calc(25% - 18px);
}

/* 3 across */
@media (max-width:1200px){
  .cc-browse-crafts .cc-card{
    flex:0 1 calc(33.333% - 16px);
    max-width:calc(33.333% - 16px);
  }
}

/* 2 across */
@media (max-width:900px){
  .cc-browse-crafts .cc-card{
    flex:0 1 calc(50% - 12px);
    max-width:calc(50% - 12px);
  }
}

/* 1 across */
@media (max-width:640px){
  .cc-browse-crafts .cc-card{
    flex:0 1 100%;
    max-width:100%;
  }
}
/* =========================================
   T4 MOBILE MENU + OFFCANVAS — LIGHT RECAST
   ========================================= */

/* ---------- MOBILE HEADER / BURGER ---------- */
@media (max-width: 991.98px){

  /* header row */
  #t4-header .t4-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
  }

  /* logo column */
  #t4-header .t4-col.logo{
    flex:0 1 auto !important;
    width:auto !important;
    max-width:none !important;
  }

  /* nav column */
  #t4-header .t4-col.mainnav{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    margin-left:auto !important;
    position:relative !important;
  }

  /* hide search on mobile */
  #t4-header .t4-col.search{
    display:none !important;
  }

  /* hide standard toggle completely */
  #t4-header .navbar-toggler{
    display:none !important;
  }

  /* show only the T4 offcanvas trigger */
  #triggerButton,
  #t4-header .js-offcanvas-trigger,
  #t4-header .t4-offcanvas-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    padding:8px !important;
    margin:0 !important;
    background:#eadbc7 !important;
    border:1px solid rgba(93, 61, 36, .18) !important;
    border-radius:12px !important;
    box-shadow:0 2px 8px rgba(42, 33, 27, .08) !important;
    cursor:pointer !important;
    position:relative !important;
    z-index:1005 !important;
    color:#2a211b !important;
  }

  #triggerButton:hover,
  #triggerButton:focus,
  #t4-header .js-offcanvas-trigger:hover,
  #t4-header .js-offcanvas-trigger:focus,
  #t4-header .t4-offcanvas-toggle:hover,
  #t4-header .t4-offcanvas-toggle:focus{
    background:#e2cfb7 !important;
    color:#241c16 !important;
    border-color:rgba(93, 61, 36, .26) !important;
    box-shadow:0 4px 12px rgba(42, 33, 27, .12) !important;
    outline:none !important;
  }

  #triggerButton i,
  #t4-header .js-offcanvas-trigger i,
  #t4-header .t4-offcanvas-toggle i{
    font-size:22px !important;
    line-height:22px !important;
    width:22px !important;
    height:22px !important;
    color:#2a211b !important;
    pointer-events:none !important;
  }

  /* offcanvas panel width */
  .t4-offcanvas{
    width:min(300px,82vw) !important;
    max-width:min(300px,82vw) !important;
  }
}

/* ---------- OFFCANVAS PANEL ---------- */
#off-canvas-right-push,
#off-canvas-right-push.t4-offcanvas{
  background:#f4ede3 !important;
  background-image:none !important;
}

/* offcanvas header */
#off-canvas-right-push .t4-off-canvas-header{
  background:linear-gradient(180deg, #eadbc7 0%, #dbc3a8 100%) !important;
  background-image:none !important;
  color:#2a211b !important;
  border-bottom:1px solid rgba(93, 61, 36, .16) !important;
}

/* header text / logo */
#off-canvas-right-push .t4-off-canvas-header a,
#off-canvas-right-push .t4-off-canvas-header .navbar-brand,
#off-canvas-right-push .t4-off-canvas-header .logo,
#off-canvas-right-push .t4-off-canvas-header .logo-image{
  background:transparent !important;
  color:#2a211b !important;
}

/* close button */
#off-canvas-right-push .t4-off-canvas-header .close,
#off-canvas-right-push .t4-off-canvas-header .js-offcanvas-close{
  background:transparent !important;
  color:#2a211b !important;
  opacity:1 !important;
  border:0 !important;
  box-shadow:none !important;
}

#off-canvas-right-push .t4-off-canvas-header img{
  background:transparent !important;
}

/* offcanvas body/menu area */
#off-canvas-right-push .t4-offcanvas-body,
#off-canvas-right-push .t4-offcanvas-content,
#off-canvas-right-push .offcanvas-body,
#off-canvas-right-push .t4-offcanvas-inner{
  background:#f8f2ea !important;
  color:#2a211b !important;
}

/* menu links */
#off-canvas-right-push a{
  color:#6b3f1f !important;
}

#off-canvas-right-push a:hover,
#off-canvas-right-push a:focus{
  color:#9a5a2a !important;
}

/* active/current item */
#off-canvas-right-push .active > a,
#off-canvas-right-push .current > a,
#off-canvas-right-push .nav .active > a,
#off-canvas-right-push .nav .current > a{
  color:#3f2412 !important;
  font-weight:700 !important;
}