/*
Theme Name: Daniel Computer
Theme URI: https://www.daniel-computer.com
Author: Daniel Computer
Description: A copy of the daniel-computer.com look (olive header, magenta menu tab, Jura and Open Sans fonts) for WordPress. Works with the daniel-computer-pages.xml import file.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: daniel-computer
*/
.dc-site { --dc-olive:#bdbf37; --dc-magenta:#d30294; --dc-red:#8b0000; --dc-bg:#f9f9f9;
  background:var(--dc-bg); color:#333; font-family:"Open Sans",sans-serif; font-size:16px; line-height:1.55; min-height:100vh; padding:12px 12px 40px; }
.dc-site * { box-sizing:border-box; }
.dc-site a { color:inherit; }
.dc-wrap { max-width:980px; margin:0 auto; background:#fff; box-shadow:0 0 6px rgba(0,0,0,.25); border-radius:4px; overflow:hidden; }
.dc-head { background:var(--dc-olive); padding:14px 18px 8px; display:grid; grid-template-columns:1.05fr 1.15fr .9fr; gap:16px; align-items:start; }
.dc-brand { font-family:"Jura",sans-serif; font-weight:700; color:#fff; text-shadow:1px 2px 3px rgba(80,0,0,.7); }
.dc-brand h1 { margin:0; font-size:28px; line-height:1.15; }
.dc-brand h1 a { color:#fff; text-decoration:none; }
.dc-brand .sub { font-size:13px; margin:6px 0 0 14px; font-weight:700; }
.dc-brand .nin { font-family:"Open Sans",sans-serif; font-size:13px; color:#666; text-shadow:none; margin:10px 0 0 40px; font-weight:400; }
.dc-toplinks { font-size:11px; color:#666; margin-top:6px; line-height:1.4; }
.dc-toplinks a { color:#000; text-decoration:none; }
.dc-toplinks a:hover { text-decoration:underline; }
.dc-pc h6 { margin:0; font-size:13px; color:#f9f9f9; font-weight:700; }
.dc-pc p { margin:0; font-size:13px; color:#333; }
.dc-pc a { color:#fff; font-size:13px; }
.dc-contactcol { text-align:right; font-size:14px; color:#666; }
.dc-contactcol .addr { font-size:13px; }
.dc-contactcol .phone { font-size:24px; color:#666; margin:6px 0 0; text-align:center; }
.dc-social { display:flex; gap:6px; justify-content:flex-end; margin-top:6px; }
.dc-social img { width:39px; height:39px; display:block; }
.dc-main { padding:0 0 10px; }
.dc-pad { padding:22px 28px; }
.dc-hero { position:relative; background:#222; }
.dc-hero img.bg { display:block; width:100%; height:auto; aspect-ratio:973/563; object-fit:cover; }
.dc-hero .overlay { position:absolute; inset:0; padding:6% 6% 4%; color:#fff; display:flex; flex-direction:column; justify-content:flex-end; gap:10px; text-shadow:0 1px 4px rgba(0,0,0,.85); }
.dc-hero h2, .dc-hero h4 { margin:0; font-family:"Open Sans",sans-serif; font-weight:700; font-size:34px; }
.dc-hero p { margin:0; font-size:18px; }
.dc-hero .tag { position:absolute; left:6%; top:25%; }
.dc-btn { display:inline-block; background:var(--dc-magenta); color:#fff !important; text-decoration:none; padding:10px 22px; border-radius:5px; font-size:16px; border:0; cursor:pointer; text-shadow:none; }
.dc-btn.red { background:var(--dc-red); }
.dc-btn:hover { filter:brightness(1.1); }
.dc-hero .btns { display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.dc-hero .lime { color:#d9e060; font-size:22px; font-weight:700; text-decoration:none; }
.dc-caption { text-align:center; font-size:12px; color:#666; padding:6px; }
.dc-arrow { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,.45); color:#fff; border:0; width:40px; height:60px; font-size:26px; cursor:pointer; }
.dc-arrow.l { left:0; } .dc-arrow.r { right:0; }
.dc-count { position:absolute; right:12px; bottom:10px; background:rgba(0,0,0,.55); color:#fff; font-size:12px; padding:2px 8px; border-radius:3px; }
.dc-cols3 { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; text-align:center; }
.dc-cols3 h6 { font-size:15px; margin:6px 0; color:#000; letter-spacing:.5px; }
.dc-cols3 p { font-size:14px; color:#555; margin:0 0 10px; }
.dc-cols3 img { max-width:100%; height:auto; display:block; margin:0 auto; }
.dc-twocol { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; }
.dc-twocol img, .dc-main img.fluid { width:100%; height:auto; display:block; border-radius:3px; }
.dc-main h2 { font-family:"Jura",sans-serif; font-size:24px; color:#222; margin:0 0 12px; }
.dc-main h3 { font-size:20px; color:#222; margin:0 0 10px; }
.dc-main h6 { font-size:15px; margin:0 0 8px; color:#222; }
.dc-list { columns:2; column-gap:30px; padding-left:20px; }
.dc-list li { break-inside:avoid; margin-bottom:6px; }
.dc-article p { margin:0 0 16px; font-size:15px; color:#444; }
.dc-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; }
.dc-gallery img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; border-radius:3px; }
.dc-form { display:grid; gap:12px; max-width:560px; }
.dc-form label { font-size:13px; color:#555; display:grid; gap:4px; }
.dc-form input, .dc-form textarea { border:1px solid #bbb; padding:9px 10px; font:inherit; border-radius:3px; width:100%; }
.dc-form .note { font-size:12px; color:#777; }
.dc-form .check { display:flex; gap:8px; align-items:flex-start; font-size:12px; color:#666; }
.dc-form .check input { width:auto; margin-top:3px; }
.dc-foot { background:var(--dc-olive); padding:16px 24px; font-size:13px; color:#333; }
.dc-foot .fnav { display:flex; flex-wrap:wrap; gap:6px 18px; margin-bottom:10px; }
.dc-foot .fnav a { color:#222; text-decoration:none; }
.dc-foot .fnav a:hover { text-decoration:underline; }
.dc-foot .row { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:center; }
.dc-expert { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.dc-expert img { width:200px; height:auto; }
.dc-legal h3 { font-size:22px; margin:26px 0 8px; }
.dc-legal h4 { font-size:17px; margin:18px 0 6px; }
.dc-legal p, .dc-legal li { font-size:14px; color:#444; }
.dc-legal ul { padding-left:22px; }
@media (max-width:820px) {
  .dc-head { grid-template-columns:1fr; }
  .dc-contactcol { text-align:left; } .dc-social { justify-content:flex-start; }
  .dc-contactcol .phone { text-align:left; }
  .dc-cols3, .dc-twocol { grid-template-columns:1fr; }
  .dc-list { columns:1; }
  .dc-nav li { flex:1 1 45%; }
  .dc-hero h2, .dc-hero h4 { font-size:22px; } .dc-hero p { font-size:14px; } .dc-hero .lime { font-size:15px; }
  .dc-hero .tag { top:8%; }
  .dc-pad { padding:18px 16px; }
}

/* WordPress navigation */
body { margin:0; background:#f9f9f9; }
.dc-nav { background:#fff; border-bottom:1px solid #ddd; position:relative; }
.dc-nav ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; }
.dc-nav li { flex:1 1 0; position:relative; margin:0; }
.dc-nav li > a { display:block; text-align:center; font-size:14px; color:#666; text-decoration:none; padding:7px 8px; border-right:1px solid #e5e5e5; }
.dc-nav li > a:hover { background:#f2f2f2; }
.dc-nav li.current-menu-item > a, .dc-nav li.current-menu-parent > a, .dc-nav li.current-menu-ancestor > a { background:var(--dc-magenta); color:#fff; }
.dc-nav .sub-menu { display:none; position:absolute; right:0; top:100%; background:#fff; border:1px solid #ddd; box-shadow:0 4px 10px rgba(0,0,0,.15); z-index:20; min-width:300px; flex-direction:column; }
.dc-nav li:hover > .sub-menu, .dc-nav li:focus-within > .sub-menu { display:flex; }
.dc-nav .sub-menu li { flex:none; }
.dc-nav .sub-menu li > a { text-align:left; padding:9px 14px; border-right:0; border-bottom:1px solid #eee; }
.dc-main img.fluid { width:100%; height:auto; display:block; border-radius:3px; }
.dc-hero img.dc-slide { display:none; width:100%; height:auto; aspect-ratio:973/563; object-fit:cover; }
.dc-hero img.dc-slide:first-of-type { display:block; }
.dc-cap { display:none; }
.dc-lightbox { position:fixed; inset:0; background:rgba(0,0,0,.85); z-index:9999; display:grid; place-items:center; cursor:zoom-out; padding:16px; }
.dc-lightbox img { max-width:100%; max-height:100%; }
.dc-gallery img { cursor:zoom-in; }
.dc-main figure { margin:0; }