/* Theme stylesheet from wp-content/themes/tclwpt/style.css (theme v2.0.0), copied for the static site.
   Changes: Roboto @font-face URLs point at self-hosted /assets/fonts/, logo URL is absolute, the lazysizes
   .lazyload rule is removed (covers are plain <img loading=lazy> now). Everything else is unchanged. */
/*
Theme Name: tclwpt
Description: custom wordpress theme
Author: Laurentiu Danu
Version: 2.0.0
*/
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local('Roboto'), local('Roboto-Regular'), url(/assets/fonts/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local('Roboto'), local('Roboto-Regular'), url(/assets/fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/assets/fonts/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/assets/fonts/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: fallback;
  src: local('Roboto Black'), local('Roboto-Black'), url(/assets/fonts/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: fallback;
  src: local('Roboto Black'), local('Roboto-Black'), url(/assets/fonts/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: fallback;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(/assets/fonts/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: fallback;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(/assets/fonts/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {min-height: 100vh;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display: block;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,  q:before, q:after {content:''; content:none;}
del {text-decoration: line-through;}
svg:not(:root) {overflow: hidden;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; table-layout: fixed;}
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
button, input, select, textarea {margin: 0; font-family: "Roboto", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
textarea {resize: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
img {display: block; max-width: 100%; height: auto !important;}
td img {vertical-align: top;}
address {display: inline;}
code, kbd, pre, samp {font-family: monospace, serif; font-size: 16px;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
a:hover, a:active {outline: none;}
a, a:hover, a:visited {text-decoration: none;}
iframe {display: block; max-width: 100%;}
fieldset {border: 1px solid #c0c0c0; padding: 16px;}
::-webkit-input-placeholder {color: #000; font-family: "Roboto", Arial, sans-serif; font-size: 16px; opacity: 0.5;}
:focus::-webkit-input-placeholder {opacity: 0.2;}
:-moz-placeholder {color: #000; font-family: "Roboto", Arial, sans-serif; font-size: 16px; opacity: 0.5;}
:focus:-moz-placeholder {opacity: 0.2;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cf:before, .cf:after {content:""; display:table;} .cf:after {clear:both;}
.m-w {opacity: 1; pointer-events: auto;}
.logged-in .m-w {padding-top: 32px;}

body {
  font: 16px/1.6em "Roboto", Helvetica, Verdana, Arial, sans-serif;
  background-color: #fff;
  color: #292c33;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.alignleft {float: left; margin: 0 24px 24px 0;}
.alignright {float: right; margin: 0 0 24px 24px;}
.aligncenter {margin: 0 auto;}
.centered {text-align: center;}

.container {max-width: 1208px; margin-left: auto; margin-right: auto;}
.container.thinner {max-width: 824px;}

.cover {
  background-color: #f1f1f1; 
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover !important;
}

.breadcrumb {color: #292c33; opacity: 0.7; font-size: 14px; margin-bottom: 32px;}
  .breadcrumb a {color: #292c33; opacity: 0.7;}
    .breadcrumb a:hover {color: #000; opacity: 1; text-decoration: underline;}

.simple-copy-content .amz-notice {
  font-style: italic;
  font-size: 16px;
  border: 1px solid #dcdcdc;
  padding: 16px;
  line-height: 24px;
}
.simple-copy-content .featured-info {
  font-size: 16px;
  border: 1px solid #dcdcdc;
  padding: 16px;
  margin-bottom: 32px;
}
  .simple-copy-content .featured-info p {margin-bottom: 8px; font-weight: 700;}
  .simple-copy-content .featured-info ul {margin: 0 0 0 24px;}

.simple-copy-content .buy-book-cta {
  text-align: center;
  color: #0c0b3e;
  border: 1px solid #dcdcdc;
  background-color: #fbf3e8;
  padding: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 48px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
}
  .simple-copy-content .buy-book-cta span {display: block; margin-bottom: 8px; text-transform: uppercase; color: #f35959;}
  .simple-copy-content .buy-book-cta a {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
  }

.h4-heading.lbm {margin-bottom: 8px;}
.amazon-book-description {margin-bottom: 40px;}
.simple-copy-content .mb-32 {margin-bottom: 32px;}

.section-title strong, .simple-copy-content .mb-32 strong {font-weight: 400;}

.m-h {padding: 24px 0 16px 0; margin-bottom: 24px;}
  .m-h .logo {
    display: block;
    width: 203px;
    height: 54px;
    font: 0/0 a;
    color: transparent;
    background: url(/assets/img/logo.png) no-repeat scroll;
    background-size: cover;
    float: left;
  }
  .m-h .nav {float: right;}
    .m-h .nav li {float: left; line-height: 54px;}
      .m-h .nav li:not(:first-of-type) {margin: 0 0 0 24px;}
      .m-h .nav li li {float: none; line-height: 1.6em; margin: 0;}
    .m-h .nav a {color: #292c33; font-weight: 700;}
      .m-h .nav a:hover, .m-h .nav .current-menu-item a {color: #f3c414;}
  .m-h .mobile-nav-trigger {
    display: none;
    float: right;
    pointer-events: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    width: 48px;
    height: 48px;
    font: 0/0 a;
    position: relative;
    top: 6px;
    cursor: pointer;
  }
    .m-h .mobile-nav-trigger:before {
      display: block;
      content: "";
      position: absolute;
      left: 10%;
      top: 18px;
      width: 80%;
      height: 2px;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      background-color: #1b365d;
      -ms-transform-origin: 50%;
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
    }
    .m-h .mobile-nav-trigger:after {
      display: block;
      content: "";
      position: absolute;
      left: 10%;
      bottom: 18px;
      width: 80%;
      height: 2px;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      background-color: #1b365d;
      -ms-transform-origin: 50%;
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      background-color: #000;
    }
    .mobile-nav-active .m-h .mobile-nav-trigger:before {
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 20px;
      left: 6px;
    }
    .mobile-nav-active .m-h .mobile-nav-trigger:after {
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      bottom: 26px;
      left: 7px;
    }
      
.inner-content {padding-top: 32px;}

.title-w-border {position: relative; margin-bottom: 24px;}
  .title-w-border.centered {text-align: center;}
  .title-w-border:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 50%;
  }
  .title-w-border h1, .title-w-border h2 {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0c0b3e;
    font-size: 24px;
    line-height: 32px;
    display: inline-block;
    background-color: #fff;
    padding: 0 16px 0 0;
    position: relative;
    z-index: 100;
  }
  .title-w-border.centered h1 {padding: 0 16px;}

.inner-widget {padding: 16px 0;}

.simple-copy-content, .interviews-widget, .comments-wrapper {font-size: 21px; line-height: 1.8em;}
.simple-copy-content.smaller-inner-images {margin-bottom: 16px;}
.simple-copy-content p, .simple-copy-content ul, .simple-copy-content ol, .interviews-widget p, .comments-wrapper p {margin-bottom: 32px;}
.simple-copy-content ul, .interviews-widget ul {list-style-type: disc; margin-left: 24px;}
.simple-copy-content ol {list-style-type: decimal; margin-left: 24px;}
.simple-copy-content a, .tag-description a, .interviews-widget a, .comments-wrapper a {color: #000; text-decoration: underline;}
.simple-copy-content a:hover, .tag-description a:hover, .interviews-widget a:hover, .comments-wrapper a:hover {color: #f35959; text-decoration: none;}
.simple-copy-content p.meta {
  margin: -40px 0 32px 0;
  font-style: italic;
  font-size: 18px;
  opacity: 0.7;
}
.simple-copy-content h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 40px;
}
.interviews-widget p {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 24px;
}
.simple-copy-content h2, .simple-copy-content h3, .tag-description h2, .tag-description h3, .tag-description h4, .comments-wrapper h2, .comments-wrapper h3, .comments-wrapper h4 {
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 24px;
}
.tag-description p+h2, .tag-description p+h3 {padding-top: 24px;}
.tag-description p:not(:last-of-type) {margin-bottom: 24px;}
.tag-description p+ul {padding-top: 16px;}
.tag-description ul+h2 {padding: 16px 0 24px 0;}

.simple-copy-content blockquote {
  margin: 24px;
  padding: 24px;
  background: #ffeeee;
  font-weight: 500;
  border-left: 4px solid #f35959;
}
  
.simple-copy-content cite {font-style: italic; font-weight: 700; font-size: small;}

#comments p {margin-bottom: 16px;}
  #comments p.reply {text-align: right; font-size: 14px; text-transform: uppercase;}
#comments .columnleft img {float: left; margin: 0 24px 0 0;}
#comments .columnleft p {margin-bottom: 0; line-height: 1.6em;}
  #comments .columnleft p.commentInfo {font-size: 14px;}
#comments .commentColumn {padding-top: 16px;}
#comments li ul {padding-left: 60px;}

.smaller-inner-images img {max-width: 264px;}
.comments-wrapper {padding: 16px 0 0 0;}
  .comments-wrapper .userLogedIn {font-size: 14px; font-style: italic; color: #f35959;}
  .comments-wrapper input[type=text], .comments-wrapper input[type=email], .comments-wrapper textarea {
    display: block;
    width: 100%;
    padding: 16px;
    outline: none;
    border: 1px solid rgba(0,0,0,0.3);
    font-family: "Roboto", Helvetica, Verdana, Arial, sans-serif;
    color: #000;
    font-size: 16px;
    margin: 0 0 24px 0;
  }
  .comments-wrapper textarea {height: 184px;}
  .comments-wrapper input[type=submit] {
    display: inline-block;
    background-color: #f35959;
    color: #fff;
    font-family: "Roboto", Helvetica, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 48px;
    border: 0;
    outline: none;
    margin-bottom: 24px;
  }
  
.book-cover-actions {margin-bottom: 40px;}
  .book-cover-actions figure {float: left; width: 300px;}
  .book-cover-actions .book-info-intro {float: left; width: calc(100% - 300px); padding: 0 0 0 40px;}
  .book-info-intro h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
    .book-info-intro h1 a {color: #292c33;}
      .book-info-intro h1 a:hover {color: #000; text-decoration: underline;}
  .book-info-intro p {color: #292c33; opacity: 0.7; font-size: 16px; font-style: italic; margin-bottom: 32px;}
    .book-info-intro p a {color: #000; text-decoration: underline;}
      .book-info-intro p a:hover {color: #292c33; opacity: 0.7; text-decoration: none;}
  .book-info-intro .buy-book {padding-top: 0;}
  .book-info-intro .buy-book p {font-style: normal; font-weight: 700; opacity: 1; color: #292c33; text-transform: uppercase; margin-bottom: 16px; color: #f35959;}
  .book-info-intro .buy-book a {
    display: block;
    margin-bottom: 20px;
    padding: 12px 16px;
    border: 1px solid rgba(0,0,0,0.2);
    position: relative;
    min-height: 46px;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
  }
    .book-info-intro .buy-book a img {max-height: 24px;}
    .book-info-intro .buy-book a span {
      display: inline-block;
      padding: 0 16px;
      height: 50px;
      line-height: 50px;
      color: #fff;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      background-color: #04bfd2;
      position: absolute;
      right: -1px;
      top: -1px;
      font-weight: 700;
      border-radius: 0 5px 5px 0;
    }
    .book-info-intro .buy-book a:hover > span {background-color: #f35959;}
    .book-info-intro .buy-book a:hover {border-color: rgba(0,0,0,0.1);}

.interviews-widget {margin-bottom: 32px; padding: 32px 64px; background-color: #fbf3e8;}

.simple-copy-content .re-entry {margin-bottom: 32px;}
  .simple-copy-content .re-entry p:last-of-type {margin-bottom: 0;}

.tag-description {margin-bottom: 32px;}
  .tag-description p:not(:last-of-type) {margin-bottom: 16px;}

.custom-wp-pagination {padding: 24px 0 32px 0; text-align: center;}
.custom-wp-pagination a, .custom-wp-pagination span, .cat-pagination a {display: inline-block; vertical-align: top; margin: 0 4px 8px 4px; padding: 8px 16px; font-weight: 700;}
.custom-wp-pagination a, .cat-pagination a {background-color: #22bfd2; color: #140a12;}
.custom-wp-pagination a:hover, .custom-wp-pagination span, .cat-pagination a:hover {background-color: #f35959; color: #fff;}

.cat-pagination {padding: 24px 0 32px 0;}
.cat-pagination p.prev {float: left;}
.cat-pagination p.next {float: right;}

.tag-listing-table {margin: 0 -12px;}
  .tag-listing-table p {float: left; width: 33.3333%; padding: 12px; min-height: 74px;}
  .tag-listing-table a {
    display: block; 
    position: relative; 
    color: #0c0b3e; 
    background-color: #f4c500;
    padding: 12px 48px 12px 12px;
    font-size: 14px;
    font-weight: 700;
  }
    .tag-listing-table a:hover {background-color: rgba(244, 197, 0, 0.4); color: #084a82;}
    .tag-listing-table a span {
      display: inline-block;
      vertical-align: top;
      font-size: 12px;
      background-color: #04bfd2;
      color: #fff;
      width: 32px;
      text-align: center;
      text-transform: uppercase;
      position: absolute;
      right: 12px;
      top: calc(50% - 12px);
    }

.wrapper-sidebar {padding: 24px 0;}
  .wrapper-sidebar .sidebar-widget:not(:last-of-type) {margin-bottom: 40px;}
    .wrapper-sidebar .sidebar-widget h3 {
      color: #0c0b3e;
      font-weight: 700;
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 16px;
      position: relative;
    }
      .wrapper-sidebar .sidebar-widget h3:before {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        background-color: rgba(0,0,0,0.3);
        position: absolute;
        left: 0;
        top: 50%;
      }
      .wrapper-sidebar .sidebar-widget h3 span {
        display: inline-block;
        background-color: #fff;
        padding: 0 8px 0 0;
        position: relative;
        z-index: 100;
      }
    .wrapper-sidebar .sidebar-widget a {color: #000; text-decoration: underline;}
      .wrapper-sidebar .sidebar-widget a:hover {color: #f35959; text-decoration: none;}
      .wrapper-sidebar .sidebar-widget .view-all {padding-top: 16px;}
      .wrapper-sidebar .sidebar-widget .view-all a {
        text-decoration: none;
        color: #f35959;
        font-size: 14px;
        text-transform: uppercase;
      }
      .wrapper-sidebar .sidebar-widget .view-all a:hover {color: #000;}
    .wrapper-sidebar .sidebar-widget ul li:not(:last-of-type) {margin-bottom: 4px;}
    .single-collection .wrapper-sidebar .sidebar-widget ul li:not(:last-of-type) {margin-bottom: 12px;}
  .wrapper-sidebar aside {float: left; width: 300px;}
    .wrapper-sidebar aside .search-wrap input[type=text] {
      display: block;
      width: 64%;
      border: 1px solid #f3c414;
      color: #292c33;
      font-size: 16px;
      font-family: "Roboto", Helvetica, Verdana, Arial, sans-serif;
      float: left;
      height: 40px;
      line-height: 40px;
      padding: 0 16px;
      outline: none;
    }
    .wrapper-sidebar aside .search-wrap input[type=submit] {
      display: block;
      width: 36%;
      background-color: #f3c414;
      border: 0;
      color: #fff;
      font-size: 16px;
      font-family: "Roboto", Helvetica, Verdana, Arial, sans-serif;
      text-transform: uppercase;
      font-weight: 700;
      float: left;
      height: 40px;
      line-height: 40px;
    }
  .wrapper-sidebar .ws-content {float: left; width: calc(100% - 300px); padding-right: 48px; min-height: 100px;}

.two-cols-w-title {margin-bottom: 56px;}
  .two-cols-w-title.nbm {margin-bottom: 0;}
  .two-cols-w-title .title, .h4-heading {
    color: #0c0b3e;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 24px;
  }
    .two-cols-w-title .title:before, .h4-heading:before {
      display: block;
      content: "";
      width: 100%;
      height: 1px;
      background-color: rgba(0,0,0,0.3);
      position: absolute;
      left: 0;
      top: 50%;
    }
    .two-cols-w-title .title span, .h4-heading span {
      display: inline-block;
      background-color: #fff;
      padding: 0 8px 0 0;
      position: relative;
      z-index: 100;
      letter-spacing: 1px;
    }
    .simple-copy-content .h4-heading a {color: #0c0b3e; text-decoration: none;}
      .simple-copy-content .h4-heading a:hover {color: #f35959;}
    .two-cols-w-title .title a {
      display: inline-block;
      color: #f35959;
      font-size: 14px;
      background-color: #fff;
      padding: 0 0 0 8px;
      position: absolute;
      z-index: 100;
      right: 0;
      top: 0;
    }
      .two-cols-w-title .title a:hover {color: #0c0b3e;}

.b-l .b-l-e {
  padding: 0 0 0 16px;
  margin: 0 0 4px 0;
  float: left;
  width: 50%;
}
  .b-l .b-l-e .b-n {font-weight: 700; position: relative;}
    .b-l .b-l-e .b-n:before {
      display: block;
      content: "\2022";
      font-size: 24px;
      position: absolute;
      left: -16px;
      top: 0;
      font-weight: 400;
    }
    .b-l .b-l-e .b-n a {color: #0c0b3e;}
      .b-l .b-l-e .b-n a:hover {color: #000; text-decoration: underline;}
    .b-l .b-l-e .b-a {font-style: italic; opacity: 0.7; font-size: 14px;}
      .b-l .b-l-e .b-a a {color: #000;}
        .b-l .b-l-e .b-a a:hover {text-decoration: underline;}

.cols-listing {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -12px;
  align-items: center;
  justify-content: flex-start;
}
  .cols-listing.ta {align-items: flex-start;}
  .cols-listing .fcl-entry {
    flex-basis: 100%;
    flex: 1;
    padding: 0 12px;
  }
  .cols-listing.six-cols .fcl-entry {flex-basis: 20%; max-width: 20%; margin-bottom: 32px;}
  .cols-listing .book-cover {
    height: 204px;
    margin-bottom: 8px;
    position: relative;
  }
  .cols-listing.six-cols .book-cover {height: 232px;}
  .cols-listing .book-cover.tl {height: 248px;}
  .cols-listing.six-cols.bgcv .book-cover {height: 284px;}
  .cols-listing .book-cover a, .latest-bposts .cover a, .cover-w-copy .cover a {display: block; width: 100%; height: 100%; font: 0/0 a; color: transparent; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0);}
    .cols-listing .book-cover a:hover, .latest-bposts .cover a:hover, .cover-w-copy .cover a:hover {background-color: rgba(0,0,0,0.1);}
  .cols-listing .book-title a {display: block; color: #0c0b3e; font-weight: 700;}
    .cols-listing .book-title a:hover {color: #000; text-decoration: underline;}
  .cols-listing .book-info {font-style: italic; opacity: 0.7; font-size: 14px;}
    .cols-listing .book-info a {color: #000; text-decoration: underline;}
      .cols-listing .book-info a:hover {color: #000; text-decoration: none;}

.latest-bposts {
  margin-bottom: 48px;
  display: grid;
  grid-template-columns: 58% 1fr;
  grid-gap: 24px;
}
  .latest-bposts .lb-entry.wide {grid-row: span 4 / auto;}
  .latest-bposts .lb-entry .lbe-cover {height: 416px; margin-bottom: 24px;}
  .latest-bposts .cover {position: relative;}
  .latest-bposts p:not(:last-of-type) {margin-bottom: 16px;}
  .latest-bposts p.title, .cover-w-copy .copy p.title {color: #0c0b3e; font-weight: 700; margin-bottom: 0;}
    .latest-bposts .lb-entry.wide .title {font-size: 24px;}
    .latest-bposts .lb-entry.normal .title, .cover-w-copy .copy .title {line-height: 1.4em;}
    .latest-bposts .title a, .cover-w-copy .copy .title a {color: #0c0b3e;}
      .latest-bposts .title a:hover, .cover-w-copy .copy .title a:hover {color: #000; text-decoration: underline;}
  .latest-bposts p.date, .cover-w-copy .copy p.date {margin-bottom: 8px; font-style: italic; opacity: 0.7; font-size: 14px;} 
  .latest-bposts p.read-more a, .cover-w-copy .copy p.read-more a {color: #f35959; font-size: 14px; font-weight: 700; text-transform: uppercase;}
    .latest-bposts p.read-more a:hover, .cover-w-copy .copy p.read-more a:hover {color: #000;}
  .cover-w-copy .copy p.date a {color: #292c33; text-decoration: underline;}
    .cover-w-copy .copy p.date a:hover {color: #000; text-decoration: none;}
  .cover-w-copy .copy p.title span {display: inline-block; vertical-align: top; font-size: 12px; background-color: #04bfd2; color: #fff; padding: 0 4px; margin-right: 8px; text-transform: uppercase;}
.cover-w-copy.emb {margin-bottom: 24px;}
.cover-w-copy .cover {
  float: left;
  height: 132px;
  width: 40%;
  position: relative;
}
  .cover-w-copy.emb .cover {width: 35%; height: 156px;}
.cover-w-copy .copy {
  float: left;
  width: 60%;
  padding-left: 24px;
}
  .cover-w-copy.emb .copy {width: 65%;}

.m-f {padding: 56px 0 24px 0;}
  .m-f ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
  }
  .m-f li {margin: 0 16px; font-weight: 700;}
    .m-f li a {color: #292c33;}
    .m-f li.current-menu-item a, .m-f li a:hover {color: #f3c414;}
  .m-f p {padding: 16px 8vw; text-align: center;}
    .m-f p a {color: #000; text-decoration: underline;}
      .m-f p a:hover {text-decoration: none;}


@media (max-width: 1224px) {
  .container {max-width: 96%;}
  .wrapper-sidebar .ws-content {width: calc(100% - 240px);}
  .wrapper-sidebar aside {width: 240px;}
}  
@media (max-width: 1024px) {
  .container.thinner {max-width: 94%;}
}
@media (max-width: 840px) {
  .m-h {padding: 8px;}
    .m-h .container {position: relative;}
    .m-h .mobile-nav-trigger {display: block; pointer-events: auto;}
    .m-h .nav {
      float: none;
      position: absolute;
      right: 0;
      top: 100%;
      width: 280px;
      z-index: -1;
      background-color: #fff;
      padding: 8px 16px;
      display: none;
    }
      .m-h .nav li {float: none; line-height: 1.5em;}
      .m-h .nav li a {display: block; padding: 3px 0;}
      .m-h .nav li:not(:first-of-type) {margin: 0;}
    .mobile-nav-active .m-h .nav {display: block; z-index: 9999;}
  .wrapper-sidebar .ws-content {width: 100%; float: none; padding: 0 0 32px 0;}
  .wrapper-sidebar aside {float: none; width: 100%;}
  .cols-listing .book-cover.tl {height: 184px;}
}
@media (max-width: 740px) {
  .latest-bposts {grid-template-columns: 1fr;}
  .cols-listing {margin: 0; display: block;}
  .cols-listing .fcl-entry {padding: 0 0 24px 0;}
  .b-l .b-l-e {float: none; width: 100%; padding: 0;}
  .cols-listing .book-cover.tl {height: 240px;}
  .cols-listing.six-cols .fcl-entry {max-width: 100%; flex-basis: 100%;}
  .m-f ul {display: table; margin: 0 auto;}
  .m-f li {margin: 4px 0; text-align: center;}
  .book-cover-actions figure {float: none; width: 100%;}
  .book-cover-actions figure img {margin: 0 auto;}
  .book-cover-actions .book-info-intro {float: none; width: 100%; padding: 32px 0 0 0;}
  .tag-listing-table {margin: 0;}
    .tag-listing-table p {float: none; width: 100%; min-height: initial;}
}

@media (max-width: 640px) {
  .cols-listing .book-cover {height: 308px;}
  .latest-bposts .lb-entry .lbe-cover {height: 174px;}
}
/* Additions for the static site. The theme stylesheet (theme.css) is unchanged apart from asset URLs. */

/* Covers: the theme used lazysizes background images in fixed-height boxes (background-size: cover,
   position: center top). Same look with a lazy <img>. */
.cover {position: relative; overflow: hidden;}
.cover > img.cover-img {position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; object-position: center top; max-width: none;}
.cover > a {z-index: 1;}

/* Mobile nav trigger is a <button> now */
.m-h .mobile-nav-trigger {border: 0; background: transparent; padding: 0; color: transparent;}

/* Book page */
.book-cover-actions figure img {width: 100%;}
.re-entry .rec-quote p {margin-bottom: 12px;}
.book-info-intro h1 {color: #0c0b3e;}

/* Click to tweet ([bctt]) */
blockquote.click-to-tweet {border-left: 4px solid #04bfd2; background: #f4fbfc; padding: 16px 20px; margin: 24px 0; font-size: 18px; line-height: 1.5em;}
blockquote.click-to-tweet p {margin: 0 0 8px 0;}
blockquote.click-to-tweet a.ctt-link {font-size: 14px; font-weight: 700; color: #0c0b3e; text-decoration: underline;}

/* Subscribe box and audio-interview box (the two Shortcoder snippets from WordPress) */
.subscribe-box {clear: both; background: #fbf3e8; border-top: 4px solid #f3c414; padding: 20px 24px; margin: 32px 0;}
.subscribe-box p {margin: 0 0 12px 0;}
.subscribe-box form {display: flex; flex-wrap: wrap; gap: 8px;}
.subscribe-box input[type=email] {flex: 1 1 220px; padding: 10px 12px; border: 1px solid #c8c8c8; font-size: 16px;}
.subscribe-box button {padding: 10px 20px; border: 0; background: #f35959; color: #fff; font-weight: 700; font-size: 16px;}
.subscribe-box button:hover {background: #0c0b3e;}
.subscribe-box .hp {position: absolute; left: -5000px;}
.audio-interview {clear: both; background: #f4fbfc; border-left: 4px solid #04bfd2; padding: 12px 16px; margin: 24px 0; font-size: 15px;}
.audio-interview a {color: #0c0b3e; text-decoration: underline; font-weight: 700;}

/* Lite embeds (YouTube, libsyn): no third-party request until click */
.lite-embed {position: relative; display: block; width: 100%; max-width: 100%; margin: 24px 0; background: #0c0b3e center/cover no-repeat; border: 0; padding: 0; cursor: pointer; color: #fff; font: inherit; text-align: left;}
.lite-embed.yt {aspect-ratio: 16 / 9;}
.lite-embed.libsyn {height: 90px; background: #f1f1f1; color: #292c33; display: flex; align-items: center; gap: 16px; padding: 0 16px;}
.lite-embed .play {display: inline-flex; align-items: center; justify-content: center; width: 68px; height: 48px; border-radius: 12px; background: #f35959; color: #fff; font-size: 22px; flex: none;}
.lite-embed.yt .play {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.lite-embed.yt .label {position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 16px; background: linear-gradient(transparent, rgba(0,0,0,.7)); font-weight: 700;}
.lite-embed:hover .play {background: #0c0b3e;}
.lite-embed.libsyn:hover .play {background: #0c0b3e;}
.lite-embed iframe {position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}

/* Collections: book list (from the Content Views lists and the hand-written ones) */
.collection-books {margin-top: 32px;}
.collection-books .cb-entry {display: flex; gap: 24px; padding: 24px 0; border-top: 1px solid #eee;}
.collection-books .cb-cover {flex: 0 0 160px;}
.collection-books .cb-cover img {width: 160px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.15);}
.collection-books .cb-body {flex: 1; min-width: 0;}
.collection-books h2 {font-size: 22px; line-height: 1.3em; margin-bottom: 8px;}
.collection-books h2 a {color: #0c0b3e;}
.collection-books .cb-by {font-style: italic; opacity: .8; margin-bottom: 8px;}
.collection-books .cb-blurb p {margin-bottom: 8px;}
.collection-books .cb-rec {font-weight: 700;}
@media (max-width: 640px) {
  .collection-books .cb-entry {flex-direction: column;}
}

/* Listings */
.custom-wp-pagination .dots {background: transparent; color: #292c33;}
.person-interview {margin: 0 0 24px 0; padding: 12px 16px; background: #fbf3e8;}
.person-interview a {color: #0c0b3e; font-weight: 700; text-decoration: underline;}

/* Search and 404 */
.search-page .search-form, .not-found .search-form {display: flex; gap: 8px; margin: 16px 0 32px 0;}
.search-page input[type=search], .not-found input[type=search] {flex: 1; padding: 10px 12px; border: 1px solid #c8c8c8; font-size: 16px;}
.search-page button, .not-found button {padding: 10px 20px; border: 0; background: #22bfd2; color: #140a12; font-weight: 700; font-size: 16px;}
.not-found ul {list-style: disc; padding-left: 24px; margin-bottom: 32px;}
.not-found ul a {color: #0c0b3e; text-decoration: underline;}

/* Cookie banner (only rendered when a GA4 measurement ID is configured) */
.cc-banner {position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 1000; max-width: 760px; margin: 0 auto; background: #0c0b3e; color: #fff; padding: 16px 20px; box-shadow: 0 6px 24px rgba(0,0,0,.25); display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; font-size: 15px; line-height: 1.5em;}
.cc-banner[hidden] {display: none;}
.cc-banner p {flex: 1 1 320px; margin: 0;}
.cc-banner a {color: #f3c414; text-decoration: underline;}
.cc-actions {display: flex; gap: 12px;}
.cc-btn {min-width: 112px; padding: 10px 18px; border: 2px solid #f3c414; background: #f3c414; color: #0c0b3e; font-weight: 700; font-size: 15px;}
.cc-btn:hover, .cc-btn:focus {background: #fff; border-color: #fff;}
.m-f .cookie-settings-link {cursor: pointer;}

/* Screen-reader-only text (the homepage H1; the live homepage has none) */
.visually-hidden {position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}

/* Buy buttons: the theme limits the store logos to 24px high; keep their aspect ratio despite width/height attributes */
.book-info-intro .buy-book a img {width: auto;}