/* DX Varos Publishing - stylesheet (prefix dv-). Colors from the Wix palette of the original site: #393838 ink, #db5b43 coral, #f9d1c9 blush, #4f231b umber, #e3e3e3 grey */
:root{
  --dv-ink:#393838;
  --dv-coral:#db5b43;
  --dv-blush:#f9d1c9;
  --dv-umber:#4f231b;
  --dv-navy:#1d2a44;
  --dv-paper:#fbf8f4;
  --dv-card:#ffffff;
  --dv-rule:#e3dcd3;
  --dv-grey:#e3e3e3;
  --dv-mute:#6d6a67;
  --dv-max:1080px;
}
*{
  box-sizing:border-box;
}
html{
  -webkit-text-size-adjust:100%;
}
body.dv-body{
  margin:0;
  background:var(--dv-paper);
  color:var(--dv-ink);
  font-family:Georgia,"Iowan Old Style","Times New Roman",serif;
  font-size:17px;
  line-height:1.7;
}
img{
  max-width:100%;
  height:auto;
  display:block;
}
a{
  color:var(--dv-umber);
  text-decoration-color:var(--dv-coral);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
a:hover,a:focus{
  color:var(--dv-coral);
}
h1,h2,h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  line-height:1.2;
  color:var(--dv-umber);
  margin:0 0 .5em;
}
h1{
  font-size:2.5rem;
  letter-spacing:-.01em;
}
h2{
  font-size:1.55rem;
  margin-top:1.9em;
}
h3{
  font-size:1.3rem;
}
p{
  margin:0 0 1.15em;
}
ul,ol{
  margin:0 0 1.3em;
  padding-left:1.3em;
}

/* masthead: centered mark and title, ruled navigation band underneath */
.dv-mast{
  background:var(--dv-card);
  border-bottom:1px solid var(--dv-rule);
}
.dv-mast-in{
  max-width:var(--dv-max);
  margin:0 auto;
  padding:22px 24px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
}
.dv-mark img{
  width:84px;
  height:auto;
}
.dv-title{
  display:flex;
  flex-direction:column;
}
.dv-title a{
  font-size:2rem;
  font-weight:700;
  color:var(--dv-umber);
  text-decoration:none;
  letter-spacing:.01em;
  line-height:1.1;
}
.dv-title span{
  font-style:italic;
  color:var(--dv-coral);
  font-size:1.05rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-top:4px;
}
.dv-nav{
  background:var(--dv-navy);
}
.dv-nav ul{
  list-style:none;
  margin:0 auto;
  padding:0 24px;
  max-width:var(--dv-max);
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}
.dv-nav a{
  display:block;
  padding:12px 16px;
  color:#f4ece4;
  text-decoration:none;
  font-family:Verdana,"Segoe UI",Arial,sans-serif;
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-bottom:3px solid transparent;
}
.dv-nav a:hover,.dv-nav a:focus{
  color:#fff;
  border-bottom-color:var(--dv-coral);
}

/* page shell */
.dv-shell{
  max-width:var(--dv-max);
  margin:0 auto;
  padding:44px 24px 64px;
}
.dv-shell-side{
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  gap:56px;
  align-items:start;
}
.dv-main{
  min-width:0;
}
.dv-kicker{
  font-family:Verdana,"Segoe UI",Arial,sans-serif;
  font-size:.74rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--dv-coral);
  margin:0 0 .8em;
  font-weight:700;
}
.dv-main h1{
  padding-bottom:.4em;
  border-bottom:2px solid var(--dv-umber);
  margin-bottom:.9em;
}
.dv-lead{
  font-size:1.28rem;
  line-height:1.55;
  color:var(--dv-navy);
  font-style:italic;
}
.dv-note{
  background:var(--dv-blush);
  border-left:5px solid var(--dv-coral);
  padding:14px 18px;
  font-weight:700;
  color:var(--dv-umber);
}
.dv-list{
  padding-left:1.2em;
}
.dv-list li{
  margin-bottom:.6em;
}

/* sidebar (right) */
.dv-side{
  font-family:Verdana,"Segoe UI",Arial,sans-serif;
  font-size:.9rem;
  border-left:1px solid var(--dv-rule);
  padding-left:28px;
}
.dv-side h2{
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--dv-coral);
  margin:0 0 .8em;
  font-family:Verdana,"Segoe UI",Arial,sans-serif;
}
.dv-side ul{
  list-style:none;
  padding:0;
  margin:0 0 2em;
}
.dv-side li{
  border-bottom:1px dotted var(--dv-rule);
}
.dv-side li a{
  display:block;
  padding:8px 0;
  text-decoration:none;
  color:var(--dv-ink);
}
.dv-side li a:hover{
  color:var(--dv-coral);
}
.dv-side p{
  color:var(--dv-mute);
}

/* book entries: cover left, text right, ruled between */
.dv-book{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:28px;
  padding:30px 0;
  border-top:1px solid var(--dv-rule);
}
.dv-book:first-of-type{
  margin-top:1.4em;
}
.dv-cover img{
  width:160px;
  height:auto;
  box-shadow:6px 6px 0 var(--dv-blush),0 1px 8px rgba(79,35,27,.25);
  border-left:4px solid var(--dv-umber);
}
.dv-bk h2{
  margin-top:0;
  margin-bottom:.15em;
  font-size:1.5rem;
}
.dv-by{
  font-family:Verdana,"Segoe UI",Arial,sans-serif;
  font-size:.86rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--dv-coral);
  margin-bottom:1em;
  font-weight:700;
}
.dv-isbn{
  margin-left:10px;
  color:var(--dv-mute);
  font-weight:400;
  letter-spacing:.04em;
  text-transform:none;
}
.dv-bk blockquote{
  margin:1.2em 0;
  padding:.3em 0 .3em 1.1em;
  border-left:3px solid var(--dv-coral);
  color:var(--dv-umber);
  font-style:italic;
  font-size:.97rem;
}
.dv-bio{
  font-size:.95rem;
  color:var(--dv-mute);
}
.dv-buy{
  font-family:Verdana,"Segoe UI",Arial,sans-serif;
  font-size:.78rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--dv-navy);
  margin:0;
}

/* catalog shelves */
.dv-shelf{
  padding:26px 0;
  border-top:1px solid var(--dv-rule);
}
.dv-shelf h2{
  margin-top:0;
  margin-bottom:.2em;
}
.dv-shelf h2 a{
  text-decoration:none;
}
.dv-strip{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:10px;
}
.dv-strip img{
  width:90px;
  height:auto;
  box-shadow:3px 3px 0 var(--dv-blush);
  border-left:3px solid var(--dv-umber);
}

/* authors */
.dv-author{
  padding:22px 0;
  border-top:1px solid var(--dv-rule);
}
.dv-author h2{
  margin:0 0 .3em;
  font-size:1.35rem;
}
.dv-titles{
  font-size:.94rem;
  color:var(--dv-mute);
}

/* blog */
.dv-post{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:26px;
  padding:26px 0;
  border-top:1px solid var(--dv-rule);
}
.dv-post img{
  width:150px;
  height:220px;
  object-fit:cover;
  box-shadow:4px 4px 0 var(--dv-blush);
}
.dv-post h2{
  margin:.2em 0 .4em;
  font-size:1.45rem;
}
.dv-post h2 a{
  text-decoration:none;
}
.dv-post time,.dv-meta{
  font-family:Verdana,"Segoe UI",Arial,sans-serif;
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--dv-mute);
}
.dv-fig{
  margin:0 0 1.6em;
  float:right;
  margin-left:28px;
  width:260px;
}
.dv-fig img{
  width:auto;
  max-width:260px;
  height:auto;
  max-height:390px;
  object-fit:cover;
  box-shadow:6px 6px 0 var(--dv-blush);
}
.dv-main h2{
  clear:none;
}

/* contact */
.dv-contact{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:10px 20px;
  background:var(--dv-card);
  border:1px solid var(--dv-rule);
  padding:22px 26px;
  margin:1.4em 0;
}
.dv-contact dt{
  font-family:Verdana,"Segoe UI",Arial,sans-serif;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--dv-coral);
  padding-top:4px;
}
.dv-contact dd{
  margin:0;
}

/* home */
.dv-home{
  max-width:var(--dv-max);
  margin:0 auto;
  padding:0 24px 64px;
}
.dv-intro{
  padding:56px 0 40px;
  border-bottom:2px solid var(--dv-umber);
}
.dv-intro h1{
  font-size:3.2rem;
  margin-bottom:.4em;
}
.dv-big{
  font-size:1.4rem;
  line-height:1.55;
  color:var(--dv-navy);
}
.dv-featured{
  padding:40px 0 20px;
}
.dv-featured h2,.dv-genres h2,.dv-writers h2{
  margin-top:0;
}
.dv-featrow{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  margin:1.2em 0 1.6em;
}
.dv-feat{
  width:150px;
  text-decoration:none;
  color:var(--dv-ink);
  display:block;
}
.dv-feat img{
  width:150px;
  height:auto;
  box-shadow:6px 6px 0 var(--dv-blush),0 1px 8px rgba(79,35,27,.25);
  border-left:4px solid var(--dv-umber);
  margin-bottom:10px;
}
.dv-feat span{
  display:block;
  font-weight:700;
  font-size:.95rem;
  line-height:1.3;
  color:var(--dv-umber);
}
.dv-feat em{
  display:block;
  font-size:.85rem;
  color:var(--dv-mute);
}
.dv-feat:hover span{
  color:var(--dv-coral);
}
.dv-genres{
  padding:30px 0;
  border-top:1px solid var(--dv-rule);
}
.dv-genres ul{
  list-style:none;
  margin:1em 0 0;
  padding:0;
  columns:2;
  column-gap:48px;
}
.dv-genres li{
  break-inside:avoid;
  border-bottom:1px dotted var(--dv-mute);
}
.dv-genres li a{
  display:block;
  padding:12px 0;
  text-decoration:none;
  color:var(--dv-ink);
}
.dv-genres li strong{
  display:block;
  font-size:1.15rem;
  color:var(--dv-umber);
}
.dv-genres li span{
  font-size:.92rem;
  color:var(--dv-mute);
}
.dv-genres li a:hover strong{
  color:var(--dv-coral);
}
.dv-writers{
  background:var(--dv-navy);
  color:#eee3d8;
  padding:34px 36px;
  margin-top:20px;
}
.dv-writers h2{
  color:#fff;
}
.dv-writers a{
  color:var(--dv-blush);
}
.dv-writers p{
  margin:0;
}

/* footer */
.dv-foot{
  background:var(--dv-umber);
  color:#e9d8ce;
  font-family:Verdana,"Segoe UI",Arial,sans-serif;
  font-size:.86rem;
}
.dv-foot-in{
  max-width:var(--dv-max);
  margin:0 auto;
  padding:40px 24px 24px;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:36px;
}
.dv-foot-brand img{
  background:#fff;
  padding:6px 10px;
  margin-bottom:12px;
  width:160px;
  height:auto;
}
.dv-foot-brand p{
  margin:0;
  max-width:none;
}
.dv-foot-list{
  list-style:none;
  margin:0;
  padding:0;
}
.dv-foot-list li{
  margin-bottom:.5em;
}
.dv-foot a{
  color:#f6e6dc;
  text-decoration:none;
}
.dv-foot a:hover{
  color:#fff;
  text-decoration:underline;
}
.dv-copy{
  max-width:var(--dv-max);
  margin:0 auto;
  padding:16px 24px 26px;
  border-top:1px solid rgba(255,255,255,.18);
  font-size:.8rem;
  color:#cfb9ab;
}

/* focus, selection, misc */
a:focus-visible{
  outline:3px solid var(--dv-coral);
  outline-offset:2px;
}
::selection{
  background:var(--dv-blush);
  color:var(--dv-umber);
}
hr{
  border:0;
  border-top:1px solid var(--dv-rule);
  margin:2em 0;
}
table{
  border-collapse:collapse;
  width:100%;
}
th,td{
  border:1px solid var(--dv-rule);
  padding:8px 10px;
  text-align:left;
}
strong{
  font-weight:700;
}
.dv-main p a,.dv-main li a{
  font-weight:700;
}
.dv-book .dv-bk p{
  max-width:none;
}
.dv-shelf p{
  color:var(--dv-mute);
  margin-bottom:.4em;
}

/* tablet */
@media (max-width:780px){
  body.dv-body{
  font-size:16.5px;
}
  h1{
  font-size:2rem;
}
  .dv-intro h1{
  font-size:2.3rem;
}
  .dv-big{
  font-size:1.2rem;
}
  .dv-mast-in{
  flex-direction:column;
  gap:8px;
  text-align:center;
  padding-top:16px;
}
  .dv-title{
  align-items:center;
}
  .dv-title a{
  font-size:1.65rem;
}
  .dv-nav a{
  padding:10px 10px;
  font-size:.72rem;
  letter-spacing:.1em;
}
  .dv-shell-side{
  grid-template-columns:1fr;
  gap:32px;
}
  .dv-side{
  border-left:0;
  border-top:2px solid var(--dv-umber);
  padding:24px 0 0;
}
  .dv-genres ul{
  columns:1;
}
  .dv-foot-in{
  grid-template-columns:1fr 1fr;
}
  .dv-foot-brand{
  grid-column:1 / -1;
}
  .dv-fig{
  float:none;
  margin:0 0 1.4em;
  width:auto;
}
  .dv-fig img{
  width:220px;
}
}

/* phone */
@media (max-width:500px){
  .dv-shell{
  padding:28px 16px 44px;
}
  .dv-home{
  padding:0 16px 44px;
}
  .dv-book{
  grid-template-columns:1fr;
  gap:16px;
}
  .dv-cover img{
  width:130px;
}
  .dv-post{
  grid-template-columns:1fr;
}
  .dv-post img{
  width:120px;
  height:176px;
}
  .dv-featrow{
  gap:18px;
}
  .dv-feat,.dv-feat img{
  width:130px;
}
  .dv-contact{
  grid-template-columns:1fr;
  gap:2px;
  padding:16px;
}
  .dv-contact dd{
  margin-bottom:10px;
}
  .dv-foot-in{
  grid-template-columns:1fr;
}
  .dv-intro{
  padding:34px 0 26px;
}
  .dv-intro h1{
  font-size:1.9rem;
}
  .dv-nav a{
  padding:9px 7px;
  font-size:.68rem;
}
  .dv-writers{
  padding:24px 20px;
}
  .dv-isbn{
  display:block;
  margin:4px 0 0;
}
}
@media print{
  .dv-nav,.dv-side,.dv-foot{
  display:none;
}
  body.dv-body{
  background:#fff;
}
}

/* books without cover, author portraits */
.dv-nocover{
  grid-template-columns:1fr;
}
.dv-portrait{
  float:left;
  width:120px;
  height:auto;
  margin:4px 22px 10px 0;
  border:1px solid var(--dv-rule);
  padding:3px;
  background:#fff;
}
.dv-author::after{
  content:"";
  display:block;
  clear:both;
}
.dv-featrow:empty{
  display:none;
}

/* banner and small archived covers */
.dv-banner{
  margin:0 0 26px;
}
.dv-banner img{
  width:100%;
  height:90px;
  object-fit:cover;
}
.dv-cover img{
  width:auto;
  max-width:160px;
}
.dv-fig img{
  width:auto;
  max-width:260px;
}
.dv-foot-brand img{
  width:110px;
  height:auto;
}

.dv-banner-home{
  margin:0;
}
.dv-banner-home img{
  height:120px;
}
.dv-feat img{
  width:auto;
  max-width:150px;
}