/*
Theme Name: Topeka Water Damage Restoration Blog - Kadence Child
Theme URI: https://www.topekawaterdamagerestoration.com/
Description: Custom Kadence child theme for the Topeka Water Damage Restoration blog.
Template: kadence
Version: 1.0.0
Text Domain: topeka-water-damage-restoration
*/

:root{
  --twd-navy:#1e293b;
  --twd-dark:#081220;
  --twd-blue:#6f8fe3;
  --twd-blue-dark:#5f7ed0;
  --twd-footer-left:#5b76ba;
  --twd-footer-right:#101927;
  --twd-text:#d9e1ec;
  --twd-body:#26364b;
  --twd-border:rgba(255,255,255,.15);
  --twd-white:#fff;
}

html{margin:0!important;scroll-behavior:smooth}
body{
  margin:0;background:#fff;color:var(--twd-body);
  font-family:"Poppins",Arial,Helvetica,sans-serif;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
body.admin-bar .twd-header{top:32px}
*,*:before,*:after{box-sizing:border-box}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
a{transition:color .2s ease,background-color .2s ease,border-color .2s ease;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
 outline:2px solid var(--twd-blue);outline-offset:2px
}
::selection{background:var(--twd-blue);color:#fff}

/* HEADER */
.twd-header{
 position:sticky;top:0;z-index:99999;width:100%;
 background:var(--twd-navy);border-bottom:1px solid rgba(111,143,227,.35);
}
.twd-mainbar{height:52px;background:var(--twd-navy)}
.twd-mainbar-inner{
 width:100%;max-width:940px;height:52px;margin:0 auto;
 display:flex;align-items:center;padding:0;
}
.twd-brand{
 display:flex;align-items:center;min-width:285px;color:#fff;
}
.twd-mark{
 width:30px;height:30px;border-radius:50%;background:var(--twd-blue);
 display:inline-flex;align-items:center;justify-content:center;
 color:#fff;font-family:Arial,sans-serif;font-size:15px;font-weight:500;
 flex:0 0 30px;
}
.twd-brand-copy{margin-left:8px;line-height:1}
.twd-brand-name{
 display:block;color:#fff;font-family:"Poppins",Arial,sans-serif;
 font-size:16px;font-weight:700;letter-spacing:-.2px;
}
.twd-brand-sub{
 display:block;margin-top:3px;color:#9fb0cc;font-size:9px;
 font-weight:600;letter-spacing:.7px;text-transform:uppercase;
}
.twd-nav{margin-left:auto;display:flex;align-items:center;gap:26px}
.twd-nav a{
 color:#d7deea;font-size:12px;font-weight:500;white-space:nowrap;line-height:1;
}
.twd-nav a:hover{color:#fff}
.twd-call{
 margin-left:27px;height:36px;min-width:133px;padding:0 14px;
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 border-radius:6px;background:var(--twd-blue);color:#0f172a!important;
 font-size:12px;font-weight:700;white-space:nowrap;
}
.twd-call:hover{background:#829fe9}
.twd-call svg{width:13px;height:13px;fill:currentColor}
.twd-mobile-toggle{
 display:none;width:39px;height:39px;padding:0;margin-left:auto;
 border:0;background:transparent;color:#fff;align-items:center;justify-content:center;
 cursor:pointer;
}
.twd-mobile-toggle svg{width:24px;height:24px}

/* MOBILE NAV */
.twd-mobile-nav{display:none;background:var(--twd-navy);border-top:1px solid rgba(111,143,227,.3);padding:8px 18px 16px}
.twd-mobile-nav.is-open{display:block}
.twd-mobile-nav a{
 display:block;padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.10);
 color:#dfe6f0;font-size:15px;font-weight:500;
}
.twd-mobile-nav a:hover{color:#fff}
.twd-mobile-nav .mobile-call{
 margin-top:12px;border:0;border-radius:7px;background:var(--twd-blue);
 color:#0f172a!important;text-align:center;font-weight:700;
}

/* KADENCE CONTENT AREA */
#inner-wrap{width:100%;max-width:100%;margin:0;padding:0}
#inner-wrap>.content-area,#inner-wrap>.content-wrap{
 width:100%;max-width:1100px;margin-left:auto;margin-right:auto;
}
.site-main,.content-area,.content-wrap{width:100%}

/* BLOG TYPOGRAPHY */
.entry-content,.wp-block-post-content,.single-content,.archive-description,.entry-summary{
 color:var(--twd-body);font-family:"Poppins",Arial,Helvetica,sans-serif;
 font-size:16px;line-height:1.75;
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,
.wp-block-post-content h1,.wp-block-post-content h2,.wp-block-post-content h3,.wp-block-post-content h4,.wp-block-post-content h5,.wp-block-post-content h6,
.single-content h1,.single-content h2,.single-content h3,.single-content h4,.single-content h5,.single-content h6{
 color:var(--twd-navy);font-family:"Poppins",Arial,Helvetica,sans-serif;font-weight:700;line-height:1.25;
}
.entry-content h1,.wp-block-post-content h1,.single-content h1{font-size:42px;line-height:1.18;margin:0 0 22px}
.entry-content h2,.wp-block-post-content h2,.single-content h2{font-size:32px;margin:38px 0 17px}
.entry-content h3,.wp-block-post-content h3,.single-content h3{font-size:27px;margin:30px 0 14px}
.entry-content h4,.wp-block-post-content h4,.single-content h4{font-size:22px;margin:25px 0 12px}
.entry-content h5,.wp-block-post-content h5,.single-content h5{font-size:19px;margin:22px 0 11px}
.entry-content h6,.wp-block-post-content h6,.single-content h6{font-size:17px;margin:20px 0 10px}
.entry-content p,.wp-block-post-content p,.single-content p{margin:0 0 18px;font-size:16px;line-height:1.75}
.entry-content ul,.entry-content ol,.wp-block-post-content ul,.wp-block-post-content ol,.single-content ul,.single-content ol{
 margin:0 0 22px;padding-left:28px
}
.entry-content ul,.wp-block-post-content ul,.single-content ul{list-style:disc}
.entry-content ol,.wp-block-post-content ol,.single-content ol{list-style:decimal}
.entry-content li,.wp-block-post-content li,.single-content li{margin:0 0 8px;padding-left:3px;line-height:1.65}
.entry-content a,.wp-block-post-content a,.single-content a{color:#4d75d6}
.entry-content a:hover,.wp-block-post-content a:hover,.single-content a:hover{color:#315bbd;text-decoration:underline}
.entry-content blockquote,.wp-block-post-content blockquote,.single-content blockquote,.wp-block-quote{
 margin:28px 0;padding:20px 24px;border-left:4px solid var(--twd-blue);
 background:#f4f7fb;color:var(--twd-body);font-size:18px;line-height:1.65;font-style:italic
}
blockquote cite,.wp-block-quote cite{display:block;margin-top:10px;color:#6b7787;font-size:14px;font-style:normal;font-weight:600}
.wp-block-pullquote{margin:35px 0;padding:25px 0;border-top:3px solid var(--twd-blue);border-bottom:3px solid var(--twd-blue)}
.wp-block-pullquote blockquote{margin:0;padding:0;border:0;background:transparent;font-size:22px}
.entry-content hr,.wp-block-post-content hr,.single-content hr,.wp-block-separator{margin:35px 0;border:0;border-top:1px solid #e1e6ec}
.entry-content table,.wp-block-post-content table,.single-content table,.wp-block-table table{
 width:100%;margin:25px 0 30px;border-collapse:collapse;font-size:16px
}
.entry-content th,.entry-content td,.wp-block-post-content th,.wp-block-post-content td,.single-content th,.single-content td,.wp-block-table th,.wp-block-table td{
 padding:12px 15px;border:1px solid #dfe5eb;text-align:left;vertical-align:top
}
.entry-content th,.wp-block-post-content th,.single-content th,.wp-block-table th{background:#f4f7fa;font-weight:700}
.wp-block-image{margin:25px 0 28px}
.wp-block-image img{display:block}
.wp-block-image figcaption,.wp-caption-text,.wp-element-caption{margin-top:9px;color:#718093;font-size:14px;line-height:1.5;text-align:center}
.entry-content code,.wp-block-post-content code,.single-content code{padding:2px 6px;border-radius:3px;background:#f0f3f6;color:#203247;font:14px/1.5 Consolas,Monaco,"Courier New",monospace}
.entry-content pre,.wp-block-post-content pre,.single-content pre,.wp-block-code{
 margin:25px 0;padding:20px;overflow-x:auto;border:1px solid #dfe5eb;border-radius:4px;background:#f4f6f8;color:#203247;font:14px/1.6 Consolas,Monaco,"Courier New",monospace
}
.entry-content pre code,.wp-block-post-content pre code,.single-content pre code{padding:0;background:transparent}
.wp-block-button__link,.wp-element-button,.entry-content .button{
 display:inline-block;padding:11px 23px;border:1px solid var(--twd-blue);border-radius:6px;background:var(--twd-blue);
 color:#0f172a!important;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none
}
.wp-block-button__link:hover,.wp-element-button:hover,.entry-content .button:hover{background:#5f7ed0;border-color:#5f7ed0;text-decoration:none}
.entry-content input,.entry-content textarea,.entry-content select{max-width:100%;font-family:inherit;font-size:16px}
.entry-content input[type=text],.entry-content input[type=email],.entry-content input[type=url],.entry-content input[type=search],.entry-content input[type=tel],.entry-content textarea,.entry-content select{
 padding:10px 12px;border:1px solid #ccd5df;border-radius:4px;background:#fff;color:var(--twd-body)
}
.entry-content input:focus,.entry-content textarea:focus,.entry-content select:focus{border-color:var(--twd-blue);outline:0}
.entry-title,.single-entry-title,.wp-block-post-title{color:var(--twd-navy);font-weight:700;line-height:1.2}
.entry-meta,.posted-on,.byline,.cat-links,.tags-links{color:#718093;font-size:14px}

/* FOOTER */
.twd-footer{
 width:100%;color:var(--twd-text);
 background:linear-gradient(110deg,var(--twd-footer-left) 0%,#344a7c 45%,var(--twd-footer-right) 100%);
}
.twd-footer-main{
 width:100%;max-width:930px;margin:0 auto;padding:44px 0 40px;
 display:grid;grid-template-columns:270px 205px 205px 190px;column-gap:20px;
}
.twd-footer-brand{min-width:0}
.twd-footer-brand-head{display:flex;align-items:center;margin-bottom:15px}
.twd-footer-brand .twd-mark{width:30px;height:30px;flex:0 0 30px}
.twd-footer-brand .twd-brand-name{font-size:15px}
.twd-footer-brand .twd-brand-sub{font-size:9px}
.twd-footer-brand p{margin:0 0 17px;max-width:270px;color:#d8e1ed;font-size:13px;line-height:1.55}
.twd-footer-contact{display:grid;gap:12px}
.twd-footer-contact a{color:#d8e1ed;font-size:13px}
.twd-footer-contact a:hover{color:#fff}
.twd-contact-row{display:flex;align-items:flex-start;gap:9px}
.twd-contact-row svg{width:14px;height:14px;flex:0 0 14px;margin-top:3px;fill:none;stroke:currentColor;stroke-width:1.8}
.twd-footer-column h3{
 margin:0 0 13px;color:#fff;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:2px;text-transform:uppercase
}
.twd-footer-column ul{list-style:none!important;margin:0!important;padding:0!important}
.twd-footer-column li{margin:0 0 7px!important;padding:0!important;line-height:1.35}
.twd-footer-column a{color:#d7e0ec;font-size:13px}
.twd-footer-column a:hover{color:#fff}
.twd-area-list{display:flex;flex-wrap:wrap;gap:6px}
.twd-area-list a{
 display:inline-block;padding:3px 8px;border:1px solid rgba(255,255,255,.16);
 border-radius:3px;background:rgba(255,255,255,.08);font-size:11px
}
.twd-emergency{
 display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:10px 14px;
 min-width:194px;border-radius:24px;background:var(--twd-blue);color:#fff!important;font-size:13px!important;font-weight:700
}
.twd-emergency:hover{background:#829fe9;color:#fff!important}
.twd-emergency svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.twd-footer-legal{
 width:100%;max-width:930px;margin:0 auto;border-top:1px solid rgba(255,255,255,.13);
 padding:20px 0 0;color:#aebed3;font-size:10px;line-height:1.55
}
.twd-footer-legal p{margin:0 0 14px}
.twd-footer-bottom{
 width:100%;max-width:930px;margin:0 auto;padding:0 0 18px;
 display:flex;align-items:center;justify-content:space-between;color:#aebed3;font-size:11px
}
.twd-footer-bottom p{margin:0}
.twd-footer-bottom-links{display:flex;gap:14px}
.twd-footer-bottom a{color:#aebed3}
.twd-footer-bottom a:hover{color:#fff}

/* MOBILE CTA */
.twd-mobile-cta{display:none}

@media(max-width:1000px){
 .twd-mainbar-inner{padding:0 20px}
 .twd-brand{min-width:235px}
 .twd-nav{gap:16px}
 .twd-call{margin-left:16px}
 .twd-footer-main,.twd-footer-legal,.twd-footer-bottom{padding-left:24px;padding-right:24px}
 .twd-footer-main{grid-template-columns:1.35fr 1fr 1fr 1fr;column-gap:25px}
}
@media(max-width:760px){
 body.admin-bar .twd-header{top:46px}
 body{padding-bottom:68px}
 .twd-mainbar,.twd-mainbar-inner{height:66px}
 .twd-mainbar-inner{padding:0 26px}
 .twd-brand{min-width:0}
 .twd-brand-name{font-size:16px;line-height:1.05}
 .twd-brand-sub{font-size:9px}
 .twd-nav,.twd-call{display:none}
 .twd-mobile-toggle{display:flex}
 .twd-mobile-nav{padding-left:26px;padding-right:26px}
 .twd-mobile-nav a{font-size:15px}
 #inner-wrap{padding:0}
 #inner-wrap>.content-area,#inner-wrap>.content-wrap{max-width:100%;padding-left:20px;padding-right:20px}
 .entry-content h1,.wp-block-post-content h1,.single-content h1{font-size:34px}
 .entry-content h2,.wp-block-post-content h2,.single-content h2{font-size:28px}
 .entry-content h3,.wp-block-post-content h3,.single-content h3{font-size:24px}
 .entry-content h4,.wp-block-post-content h4,.single-content h4{font-size:21px}
 .entry-content h5,.wp-block-post-content h5,.single-content h5{font-size:18px}
 .entry-content h6,.wp-block-post-content h6,.single-content h6{font-size:16px}
 .entry-content table,.wp-block-post-content table,.single-content table{display:block;overflow-x:auto;white-space:nowrap}

 .twd-footer{
   background:linear-gradient(145deg,#5b76ba 0%,#334a7d 48%,#081220 100%);
 }
 .twd-footer-main{display:block;max-width:none;padding:57px 10px 30px}
 .twd-footer-brand{margin-bottom:37px}
 .twd-footer-brand-head{margin-bottom:15px}
 .twd-footer-brand .twd-brand-name{font-size:16px}
 .twd-footer-brand p{max-width:390px;font-size:16px;line-height:1.55;margin-bottom:16px}
 .twd-footer-contact{gap:10px}
 .twd-footer-contact a{font-size:16px}
 .twd-footer-column{margin-bottom:39px}
 .twd-footer-column h3{font-size:12px;letter-spacing:2px;margin-bottom:13px}
 .twd-footer-column a{font-size:16px}
 .twd-footer-column li{margin-bottom:6px!important}
 .twd-area-list{gap:6px}
 .twd-area-list a{font-size:12px;padding:3px 9px}
 .twd-footer-legal{max-width:none;padding:18px 10px 0;font-size:10px}
 .twd-footer-bottom{max-width:none;padding:14px 10px 22px;display:block;font-size:10px}
 .twd-footer-bottom-links{margin-top:9px;gap:14px}

 .twd-mobile-cta{
  position:fixed;left:0;right:0;bottom:0;height:68px;z-index:100000;
  display:flex;align-items:center;justify-content:center;padding:7px 16px;
  background:var(--twd-dark);border-top:1px solid rgba(111,143,227,.35)
 }
 .twd-mobile-cta a{
  width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;
  border-radius:5px;background:var(--twd-blue);color:#fff;font-size:15px;font-weight:700
 }
 .twd-mobile-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
}
