/*!
Theme Name: Kadence
Theme URI: https://www.liquidweb.com/software/kadence/
Author: Kadence WP
Author URI: https://www.liquidweb.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Version: 1.5.2
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence
Requires at least: 6.3
Tested up to: 6.9.1
Tags: translation-ready, accessibility-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/


/* dCrochet visual refinements — WPVibe draft */
:root{
  --dc-rose:#b97886;
  --dc-rose-dark:#8f5663;
  --dc-rose-soft:#f7eef0;
  --dc-ink:#252126;
  --dc-muted:#6f6870;
  --dc-line:#ebe4e6;
  --dc-cream:#fcfaf9;
}

/* Article layout */
.single-post .content-area{margin-top:0}
.dc-article{
  max-width:1180px;
  margin:0 auto;
  color:var(--dc-ink);
}
.dc-article-head{
  max-width:820px;
  margin:0 auto;
  padding:48px 24px 24px;
  text-align:left;
}
.dc-article-head h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(36px,5vw,58px);
  line-height:1.05;
  letter-spacing:-.035em;
  color:var(--dc-ink);
  margin:10px 0 14px;
}
.dc-eyebrow{
  color:var(--dc-rose-dark)!important;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dc-byline{color:var(--dc-muted);font-size:13px}
.dc-actions{
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid var(--dc-line);
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-items:center;
}
.dc-actions a,.dc-actions button{
  color:var(--dc-ink)!important;
  background:#fff!important;
  border:1px solid var(--dc-line)!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-size:12px!important;
}

/* Never crop crochet photos inside articles */
.dc-article .dc-hero{
  max-width:920px;
  margin:0 auto 34px!important;
  padding:0 24px;
  background:transparent!important;
  overflow:visible!important;
}
.dc-article .dc-hero img{
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:18px;
}
.dc-body{
  max-width:820px;
  margin:0 auto;
  padding:0 24px 70px;
  font-size:18px;
  line-height:1.75;
}
.dc-body figure.wp-block-image{
  margin:30px 0 34px!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.dc-body figure.wp-block-image img,
.dc-body .wp-block-image img{
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:16px;
  box-shadow:0 8px 28px rgba(40,30,34,.07);
}
.dc-body figcaption{
  margin-top:10px!important;
  color:var(--dc-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-align:center;
}
.dc-body h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(27px,3vw,36px);
  line-height:1.18;
  letter-spacing:-.02em;
  color:var(--dc-ink);
  margin:48px 0 16px;
  padding-top:8px;
}
.dc-body h2:after{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin-top:11px;
  border-radius:3px;
  background:var(--dc-rose);
}
.dc-body h3{
  color:var(--dc-ink);
  margin-top:32px;
}
.dc-body p{color:#443f44}
.dc-body ul,.dc-body ol{
  background:var(--dc-cream);
  border:1px solid var(--dc-line);
  border-radius:14px;
  padding:20px 24px 20px 46px;
  margin:18px 0 28px;
}
.dc-body li{margin:7px 0}
.dc-body a{
  color:var(--dc-rose-dark);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.dc-body table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--dc-line);
  border-radius:14px;
  margin:24px 0 34px;
  background:#fff;
}
.dc-body th{
  background:var(--dc-rose-soft);
  color:var(--dc-ink);
  font-weight:700;
}
.dc-body th,.dc-body td{
  padding:13px 15px;
  border-bottom:1px solid var(--dc-line);
  text-align:left;
}
.dc-body tr:last-child td{border-bottom:0}

@media (max-width:767px){
  .dc-article-head{padding:30px 18px 18px}
  .dc-article-head h1{font-size:36px;line-height:1.08}
  .dc-article .dc-hero{padding:0 14px;margin-bottom:24px!important}
  .dc-article .dc-hero img,
  .dc-body figure.wp-block-image img,
  .dc-body .wp-block-image img{border-radius:12px}
  .dc-body{padding:0 18px 52px;font-size:17px;line-height:1.68}
  .dc-body h2{font-size:28px;margin-top:38px}
  .dc-body ul,.dc-body ol{padding:17px 18px 17px 38px}
  .dc-actions-label{width:100%}
}

/* Homepage image handling */
.dc2 .photo{
  height:auto!important;
  aspect-ratio:4/3;
  background:#faf7f8!important;
}
.dc2 .photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:8px;
}
.dc2 .hero-img img{
  object-position:center!important;
}

/* Hide the duplicated in-content featured image.
   The article template already renders the same image as the hero. */
.dc-body > p:first-child + figure.wp-block-image{
  display:none!important;
}

/* dCrochet editorial header — inspired by classic crochet magazines */
#masthead.site-header{
  background:#fff;
  box-shadow:none;
  border-bottom:1px solid #ece7e8;
}
#masthead .site-header-upper-inner-wrap,
#masthead .site-main-header-wrap,
#masthead .site-header-row-container-inner{
  background:#fff!important;
}
#masthead .site-main-header-inner-wrap{
  display:block!important;
  min-height:0!important;
}
#masthead .site-header-main-section-left,
#masthead .site-header-main-section-right{
  width:100%!important;
  justify-content:center!important;
}
#masthead .site-header-main-section-left{
  min-height:168px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#masthead .site-branding{
  text-align:center;
}
#masthead .site-branding .brand{
  display:inline-block;
  text-decoration:none;
}
#masthead .site-title{
  margin:0!important;
  font-family:"Segoe Script","Snell Roundhand","Brush Script MT",Georgia,cursive!important;
  font-size:clamp(54px,7vw,92px)!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:-.055em!important;
  color:#9d989b!important;
}
#masthead .site-title::first-letter{
  color:var(--dc-rose);
}
#masthead .site-header-main-section-right{
  border-top:1px solid #eee9ea;
  min-height:72px;
  display:flex!important;
  align-items:center!important;
}
#masthead .main-navigation{
  width:100%;
}
#masthead .primary-menu-container{
  width:100%;
}
#masthead .primary-menu-container{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:64px;
  width:100%;
  overflow:visible!important;
}
#masthead #primary-menu{
  display:grid!important;
  grid-template-columns:repeat(6,max-content)!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:20px!important;
  min-height:60px;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
#masthead #primary-menu > li{
  display:block!important;
  position:static!important;
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}
#masthead #primary-menu > li > a{
  min-height:60px;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-transform:uppercase;
  color:#2b282a!important;
  transition:color .18s ease;
  white-space:nowrap!important;
  box-shadow:none!important;
}
#masthead #menu-item-670 > a{
  font-size:10px!important;
  color:#2b282a!important;
}
#masthead #primary-menu > li:not(#menu-item-670) > a:hover,
#masthead #primary-menu > li.current-menu-item:not(#menu-item-670) > a{
  color:var(--dc-rose)!important;
}
#masthead #primary-menu > li.current-menu-item:not(#menu-item-670) > a{
  box-shadow:inset 0 -2px 0 var(--dc-rose)!important;
}
#masthead #menu-item-670.current-menu-item > a{
  color:#2b282a!important;
  box-shadow:none!important;
}
@media(max-width:1180px) and (min-width:1025px){
  #masthead #primary-menu{
    column-gap:18px!important;
    padding:0 8px!important;
  }
  #masthead #primary-menu > li > a{
    font-size:11px!important;
  }
  #masthead #menu-item-670 > a{
    font-size:11px!important;
  }
}

/* Sticky behavior: logo scrolls away, menu remains */
#masthead.site-header{
  position:sticky;
  top:0;
  z-index:9998;
}
#masthead .site-header-main-section-left{
  max-height:168px;
  overflow:hidden;
  transition:max-height .28s ease, opacity .22s ease, min-height .28s ease;
}
#masthead.dc-scrolled .site-header-main-section-left{
  max-height:0;
  min-height:0!important;
  opacity:0;
}
#masthead.dc-scrolled .site-header-main-section-right{
  border-top:0;
  box-shadow:0 5px 18px rgba(37,31,34,.08);
}

/* Keep the mobile header compact and readable */
@media(max-width:1024px){
  #masthead .site-main-header-inner-wrap{display:grid!important}
  #masthead .site-header-main-section-left{
    min-height:auto;
    justify-content:flex-start!important;
  }
  #masthead .site-title{
    font-size:34px!important;
    letter-spacing:-.035em!important;
  }
  #masthead .site-header-main-section-right{
    border-top:0;
    min-height:auto;
  }
}
