/*
Theme Name: Hard to Fire
Description: Child theme for the Hard to Fire companion website.
Author: S. R. Whitman
Template: kadence
Version: 0.3.21
Text Domain: hardtofire
*/

:root {
 --htf-header-ink: #0b1119;
 --htf-header-paper: #f4efe5;
 --htf-header-beige: #e8dfd0;
 --htf-header-copper: #d39a45;
}

.htf-not-found {
 background: #f4efe5;
 padding: clamp(4rem, 10vw, 8rem) 1.5rem;
}

.htf-not-found__inner {
 max-width: 46rem;
 margin: 0 auto;
}

.htf-not-found h1 {
 color: var(--htf-header-ink);
 font-family: Georgia, "Times New Roman", serif;
 font-size: clamp(2.25rem, 6vw, 4.25rem);
 line-height: 1;
}

.htf-not-found p {
 max-width: 38rem;
 color: #25313b;
 font-size: 1.1rem;
 line-height: 1.65;
}

.htf-not-found__actions {
 display: flex;
 flex-wrap: wrap;
 gap: .75rem;
 margin-top: 2rem;
}

.htf-not-found__button {
 background: #163f59;
 border: 1px solid #163f59;
 border-radius: 999px;
 color: #fff;
 font-weight: 700;
 padding: .8rem 1.1rem;
 text-decoration: none;
}

.htf-not-found__button:hover,
.htf-not-found__button:focus-visible {
 background: #0b1119;
 border-color: #0b1119;
 color: #fff;
}

.htf-not-found__button--secondary {
 background: transparent;
 color: #163f59;
}

body.wp-child-theme-hardtofire-child #masthead.site-header,
body.wp-child-theme-hardtofire-child #masthead .site-main-header-wrap,
body.wp-child-theme-hardtofire-child #masthead .site-header-row-container-inner {
 background: var(--htf-header-beige) !important;
}

body.wp-child-theme-hardtofire-child #masthead.site-header {
 border-bottom: 1px solid rgba(185, 105, 37, .62);
 box-shadow: 0 3px 14px rgba(11, 17, 25, .09);
}

body.wp-child-theme-hardtofire-child #masthead .site-main-header-inner-wrap {
 min-height: 74px;
}

body.wp-child-theme-hardtofire-child #masthead .site-title,
body.wp-child-theme-hardtofire-child #masthead .site-branding .brand {
 color: var(--htf-header-ink) !important;
 font-family: Georgia, "Times New Roman", serif;
 font-size: clamp(1.35rem, 2.4vw, 1.7rem);
 font-weight: 400;
 letter-spacing: -.035em;
 text-decoration: none;
}

body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li > a {
 position: relative;
 padding: 12px 15px;
 color: #25313b !important;
 font-family: Georgia, "Times New Roman", serif;
 font-size: .98rem;
 font-weight: 400;
 letter-spacing: .01em;
 text-decoration: none;
 text-transform: none;
}

body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li > a::after {
 position: absolute;
 right: 15px;
 bottom: 5px;
 left: 15px;
 height: 1px;
 background: var(--htf-header-copper);
 content: "";
 opacity: 0;
 transform: scaleX(.35);
 transition: opacity .18s ease, transform .18s ease;
}

body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li > a:hover,
body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li > a:focus-visible,
body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.current-menu-item > a,
body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.current_menu-item > a {
 color: var(--htf-header-copper) !important;
}

body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li > a:hover::after,
body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li > a:focus-visible::after,
body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.current-menu-item > a::after,
body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.current_menu-item > a::after {
 opacity: 1;
 transform: scaleX(1);
}

body.wp-child-theme-hardtofire-child #masthead .menu-toggle,
body.wp-child-theme-hardtofire-child #masthead .mobile-toggle-open-container .menu-toggle-open {
 color: var(--htf-header-ink) !important;
}

body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.htf-books-menu {
 position: relative;
}

body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.htf-books-menu > a::after {
 position: relative;
 right: auto;
 width: auto;
 height: auto;
 margin-left: 7px;
 background: transparent;
 border: 0;
 color: var(--htf-header-copper);
 content: "⌄";
 opacity: 1;
 transform: none;
}

body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.htf-books-menu > .sub-menu {
 right: 0;
 left: auto;
 min-width: 210px;
 padding: 9px 0;
 background: #fffaf0;
 border: 1px solid var(--htf-header-line);
 box-shadow: 0 12px 28px rgba(12, 20, 28, .16);
}

body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.htf-books-menu > .sub-menu a {
 display: block;
 padding: 10px 18px;
 color: var(--htf-header-ink);
 font-size: .86rem;
 text-decoration: none;
}

body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.htf-books-menu > .sub-menu a:hover,
body.wp-child-theme-hardtofire-child #masthead .primary-menu-container > ul > li.htf-books-menu > .sub-menu a:focus-visible {
 color: var(--htf-header-copper);
 background: var(--htf-header-paper);
}

body.wp-child-theme-hardtofire-child .site-footer .htf-footer-legal {
 display: flex;
 flex-wrap: wrap;
 gap: 8px 18px;
 align-items: center;
 justify-content: center;
 margin-top: 12px;
 font-size: .8rem;
 letter-spacing: .02em;
}

body.wp-child-theme-hardtofire-child .site-footer .htf-footer-legal a {
 color: inherit;
 text-decoration: underline;
 text-underline-offset: 3px;
}

body.wp-child-theme-hardtofire-child .site-footer .htf-footer-legal a:hover,
body.wp-child-theme-hardtofire-child .site-footer .htf-footer-legal a:focus-visible {
 color: var(--htf-header-copper);
}

.htf-book__newsletter {
 padding: clamp(58px, 8vw, 100px) 0;
 background: #e8dfd0;
}

.htf-book__newsletter-panel {
 display: grid;
 grid-template-columns: minmax(0, .94fr) minmax(320px, .86fr);
 gap: clamp(34px, 7vw, 94px);
 align-items: center;
 padding: clamp(34px, 5vw, 64px);
 color: #f4efe5;
 background: linear-gradient(112deg, #172b38 0%, #101b25 100%);
 border-top: 1px solid rgba(211, 154, 69, .58);
}

.htf-book__newsletter-panel h2 {
 margin: 12px 0 0;
 color: #fff8eb;
}

.htf-book__newsletter-panel > div > p:not(.htf-page__eyebrow),
.htf-book__newsletter-confirmation {
 max-width: 590px;
 margin: 18px 0 0;
 color: #d3dad8;
 line-height: 1.62;
}

.htf-book__newsletter-form .ml-embedded {
 min-height: 54px;
}

.htf-book__newsletter-confirmation {
 grid-column: 1 / -1;
 margin-top: 0;
 color: #fff8eb;
}

.htf-book__newsletter-panel--confirmed {
 grid-template-columns: minmax(0, 650px);
}

@media (max-width: 720px) {
 .htf-book__newsletter-panel {
  grid-template-columns: 1fr;
  gap: 30px;
 }
}