/*
Theme Name: Leo Fortune
Theme URI: https://leo-fortune.com
Author: Astris
Description: The Leo Fortune almanac theme. Plain, old-fashioned, cream and brass. Built to match the approved mockup exactly.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: All rights reserved
Text Domain: leo-fortune
*/

* { box-sizing: border-box; }
body { margin:0; padding:0; background:#e3d5bb; color:#2f2a22;
       font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:1.62; }
.wrap { max-width:960px; margin:0 auto; background:#fdf7ea;
        border-left:1px solid #d9c9a8; border-right:1px solid #d9c9a8; }
.strip { background:#3a2a1a; color:#f6e6c8; text-align:center; font-size:13px;
         padding:8px 12px; letter-spacing:.03em; }
.banner { display:block; margin:0; padding:0; line-height:0; }
.banner img { display:block; width:100%; height:auto; }
.nav { border-top:1px solid #d9c9a8; border-bottom:1px solid #d9c9a8; background:#f5e8cf;
       text-align:center; padding:9px 10px; font-size:14px; }
.nav a { color:#6d4512; text-decoration:none; padding:0 10px; }
.nav a:hover { text-decoration:underline; }
.nav span { color:#c3ab80; }
.main { padding:26px 40px 34px; }
h1 { font-size:29px; color:#2a1c0c; font-weight:normal; line-height:1.28; margin:0 0 4px; }
h2 { font-size:20px; color:#6d4512; font-weight:normal; margin:30px 0 8px;
     border-bottom:1px solid #e6d5b2; padding-bottom:4px; }
h3 { font-size:16px; color:#2a1c0c; margin:22px 0 6px; }
p { margin:0 0 13px; }
a { color:#6d4512; }
.kicker { font-size:13px; letter-spacing:.10em; text-transform:uppercase; color:#9a7b4a; margin:0 0 14px; }
.red { color:#b3261e; }
.lead { font-size:18px; }
ul { margin:0 0 14px; padding-left:20px; }
li { margin-bottom:6px; }
.box { border:1px solid #ddc99f; background:#f9efd8; padding:18px 22px; margin:20px 0; }
.note { font-size:14px; color:#6b5f4c; }
.cta { text-align:center; margin:26px 0 10px; }
.cta a, input.cta-btn, button.cta-btn {
  display:inline-block; background:#a06b00; color:#ffffff; text-decoration:none;
  font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;
  letter-spacing:.04em; padding:13px 26px; border:1px solid #7d5300; cursor:pointer; }
.cta a:hover, input.cta-btn:hover, button.cta-btn:hover { background:#8a5c00; }
.cta .under { display:block; font-size:13px; color:#6b5f4c; margin-top:8px; }
.seal { text-align:center; margin:6px 0 2px; }
.mock { border:2px dashed #c0a978; background:#f7edd8; text-align:center;
        padding:70px 20px; margin:6px auto 0; max-width:340px; color:#9a7b4a;
        font-family: Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:.14em; }
.price { text-align:center; margin:18px 0 0; }
.price .was { font-size:19px; color:#8a7f6b; text-decoration:line-through; margin-right:10px; }
.price .now { font-size:30px; color:#b3261e; font-weight:bold; }
.seal svg { display:inline-block; }
.sig { text-align:center; margin:24px 0 0; }
.sig .a { font-style:italic; color:#2f2a22; margin:0 0 2px; }
.sig img { display:block; margin:0 auto; width:340px; max-width:80%; height:auto; }
table.form { width:100%; border-collapse:collapse; }
table.form td { padding:7px 6px; vertical-align:middle; }
table.form td.lbl { width:34%; text-align:right; color:#6d4512; font-size:15px; }
input[type=text], input[type=email], select, textarea {
  font-family: Georgia, "Times New Roman", serif; font-size:15px; color:#2f2a22;
  border:1px solid #c0a978; background:#ffffff; padding:6px 7px; }
input[type=text], input[type=email], textarea { width:96%; }
select { padding:5px 4px; }
.consent { font-size:14px; margin:14px 4px 0; }
.consent label { display:block; margin-bottom:9px; }
.free { text-align:center; color:#b3261e; font-size:26px; font-weight:bold; letter-spacing:.06em;
        text-transform:uppercase; margin:2px 0 14px; }
.foot { border-top:1px solid #d9c9a8; background:#f5e8cf; padding:18px 24px 24px;
        text-align:center; font-size:13px; color:#6b5f4c; line-height:1.7; }
.foot a { color:#6d4512; }
.foot .disc { font-style:italic; margin-top:8px; }
.foot .cop { margin-top:8px; color:#9a7b4a; }
.pay { margin-top:10px; font-size:12px; color:#9a7b4a; letter-spacing:.06em; }
@media (max-width:600px) {
  .main { padding:20px 18px 26px; }
  .nav a { display:inline-block; padding:3px 8px; }
  .sig img { width:260px; }
  table.form td.lbl { width:auto; text-align:left; display:block; padding-bottom:0; }
  table.form td { display:block; }
  input[type=text], input[type=email], textarea { width:100%; }
}

/* ---- WordPress bits the static mockup did not need ---- */
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }
.main img { max-width:100%; height:auto; }
.wp-block-image { margin:0 0 16px; }
.wp-block-image figcaption { font-size:13px; color:#6b5f4c; text-align:center; }
blockquote { margin:0 0 14px; padding:0 0 0 16px; border-left:3px solid #ddc99f; color:#4a4034; }
hr, .wp-block-separator { border:0; border-top:1px solid #e6d5b2; margin:24px 0; }
.entry-meta { font-size:13px; color:#8a7f6b; margin:0 0 14px; }
.post-list { list-style:none; padding:0; }
.post-list li { margin-bottom:18px; }
.admin-bar .strip { margin-top:0; }