/* DirectAidIraq.org — rebuilt from the archived page at web.archive.org/web/20150801071157/http://directaidiraq.org/
   The archived page was a plain HTML letter with no stylesheet: browser-default Times serif, black text on white,
   a bold H1 with an em dash, bold H2 section headings, an italic blockquote, bold names with italic notes underneath,
   and a "Contact" section whose address lines were bold and indented 30px. This sheet keeps that look and only adds
   a readable line length, a loaded Times-compatible font (Tinos), and phone sizing. */
@font-face{font-family:"Tinos";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/tinos-400.woff2?v=180d149a) format("woff2")}
@font-face{font-family:"Tinos";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/tinos-400i.woff2?v=a78ae515) format("woff2")}
@font-face{font-family:"Tinos";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/tinos-700.woff2?v=f7e95fa7) format("woff2")}
@font-face{font-family:"Tinos";font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/tinos-700i.woff2?v=b03bc3dc) format("woff2")}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fff;color:#222;font-family:"Tinos","Times New Roman",Times,serif;font-size:18px;line-height:1.6}
/* the archive used the browser's 8px body margin and ran full width; we keep the text flush left but stop the
   measure at ~80 characters so lines stay readable on wide screens */
.doc{max-width:41rem;padding:10px 28px 32px}
a{color:#0000ee;text-decoration:underline;text-underline-offset:2px}
a:visited{color:#551a8b}
a:hover,a:focus{color:#c00;text-decoration-thickness:2px}
a:focus-visible{outline:2px solid #0000ee;outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:4px 8px;z-index:9}

/* masthead + plain text menu (the archived page had none; a one-line text menu keeps the same bare look) */
.masthead{margin:.4em 0 .1em;font-size:16px}
.brand{font-weight:700;color:#000}
.brand:visited{color:#000}
.topnav{font-size:16px;line-height:1.9;margin:0 0 .2em}
.topnav a{white-space:nowrap}
.topnav a[aria-current]{color:#000;font-weight:700;text-decoration:none}
.topnav .sep{color:#555;padding:0 .2em}

h1,h2,h3{color:#000;font-weight:700;line-height:1.25}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:1.1em 0 .5em}
h3{font-size:1.17em;margin:1.2em 0 .4em}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:40px}
li{margin:.25em 0}
blockquote{margin:1em 40px}
blockquote p{font-style:italic}
address{font-style:normal;font-weight:700;padding-left:30px}
hr{border:0;border-top:1px solid #999;margin:1.5em 0}
small,.meta,.crumbs{font-size:15px;color:#444}
.crumbs{margin:1em 0 0}
.meta{margin:-.4em 0 1.2em}

/* "We Encourage You to Support" pattern: bold name, then an italic note */
.entry{margin:0 0 .15em}
.entry + .note{margin:0 0 1.15em}
.note{font-style:italic}
.date{font-size:15px;color:#444;font-weight:400}

/* article images: plain inline figures */
figure{margin:1.2em 0 1.4em}
figure img{display:block;max-width:100%;height:auto;max-height:560px;width:auto;border:1px solid #888}
figcaption{font-size:15px;color:#444;margin-top:.4em;font-style:italic}

table{border-collapse:collapse;margin:0 0 1.2em;font-size:17px;width:100%}
th,td{border:1px solid #888;padding:6px 10px;text-align:left;vertical-align:top}
th{background:#f2f2f2}
.tw{overflow-x:auto}

.pager{margin:1.2em 0;font-size:17px}
.postnav{margin:1.6em 0 0;font-size:16px}

/* contact form, styled like default form controls */
form p{margin:0 0 .9em}
label{display:block;font-weight:700;margin-bottom:.2em}
input[type=text],input[type=email],textarea{font:inherit;font-size:17px;width:100%;max-width:32rem;box-sizing:border-box;padding:6px 8px;border:1px solid #767676;background:#fff;color:#222}
textarea{min-height:9em}
button{font:inherit;font-size:17px;padding:6px 18px;border:1px solid #767676;background:#efefef;color:#000;cursor:pointer}
button:hover{background:#e0e0e0}

/* footer = the archived "Contact" block at the bottom of the page */
.foot{margin-top:2.2em}
.foot .fh{font-size:1.5em;font-weight:700;color:#000;margin:0 0 .5em;line-height:1.25}
.foot address{margin:0}
.foot .flinks{margin:1em 0 .4em;font-size:16px}
.foot .fnote{font-size:15px;color:#444;margin:0}

@media (max-width:600px){
  body{font-size:17px}
  .doc{padding:8px 16px 28px}
  h1{font-size:1.75em}
  h2{font-size:1.35em}
  blockquote{margin:1em 0 1em 16px}
  ul,ol{padding-left:24px}
  address{padding-left:16px}
  .topnav{font-size:16px;line-height:2.1}
  th,td{padding:5px 7px;font-size:16px}
}