/*
Theme Name: LOKi Blog
Theme URI: https://blog.thisisloki.com/
Description: Standalone LOKi editorial blog theme.
Author: LOKi
Version: 0.5.2
Text Domain: loki-blog
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#14141f;color:#f5f5f5;font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit}img{max-width:100%;height:auto}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ff8928;outline-offset:4px}.wp-site-blocks{margin:0!important;padding:0!important;max-width:none!important}.wp-site-blocks>.wp-block-group{margin-block-start:0}.loki-standard-wrap{width:min(900px,90%);margin:60px auto 100px}.loki-standard-wrap h1{font-size:clamp(40px,6vw,72px);line-height:1.08;letter-spacing:-.055em}.loki-standard-wrap a{color:#ff8928}.loki-standard-wrap .wp-block-post-featured-image img{width:100%;height:auto}.loki-standard-wrap .wp-block-post-content{line-height:1.8}.loki-standard-wrap .wp-block-post-content p{margin-bottom:1.2em}.loki-standard-wrap .wp-block-post-content h2,.loki-standard-wrap .wp-block-post-content h3{line-height:1.2;letter-spacing:-.03em;margin-top:1.5em}.loki-standard-wrap .wp-block-query .wp-block-post{border-top:1px solid #333;padding:22px 0}.loki-standard-wrap .wp-block-query .wp-block-post-title{font-size:clamp(23px,3vw,36px);line-height:1.2;margin:0}.loki-standard-wrap .wp-block-query .wp-block-post-title a{color:#f5f5f5;text-decoration:none}.loki-standard-wrap .wp-block-query .wp-block-post-title a:hover{color:#ff8928}.loki-standard-wrap .wp-block-query .wp-block-post-date{color:#b0b0b0;font-size:13px}.loki-standard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 5%;border-bottom:1px solid #333}.loki-standard-header a{text-decoration:none}.loki-standard-header .brand{font-size:25px;font-weight:800;letter-spacing:-.07em}.loki-standard-header nav{display:flex;gap:22px;align-items:center;font-size:14px}.loki-standard-header .contact{background:#ff8928;color:#14141f;border-radius:30px;padding:10px 17px;font-weight:800}.loki-standard-footer{padding:30px 5%;border-top:1px solid #333;color:#b0b0b0;font-size:14px}.loki-standard-wrap .wp-block-query-pagination{margin-top:35px}.loki-standard-wrap .wp-block-query-pagination a{color:#ff8928}@media(max-width:650px){.loki-standard-header nav{gap:12px;font-size:12px}.loki-standard-header nav .optional{display:none}.loki-standard-wrap{margin:40px auto 70px}}
.loki-page-wrap{width:min(1320px,90%)!important;max-width:none!important;margin:40px auto 80px!important}.loki-page-wrap .wp-block-post-content{max-width:none!important;width:100%}.loki-page-wrap .wp-block-post-content>*{max-width:100%!important}.loki-page-wrap .wp-block-post-content .alignwide,.loki-page-wrap .wp-block-post-content .alignfull{max-width:100%!important}

/* Compatibility for templates previously saved in the Site Editor. WordPress
   stores those templates in the database, ahead of updated theme files. */
body.page .loki-standard-wrap{width:min(1320px,90%)!important;max-width:none!important}
body.page .loki-standard-wrap .wp-block-post-title{display:none!important}
body.page .loki-standard-wrap .wp-block-post-content{width:100%!important;max-width:none!important}
body.page .loki-standard-wrap .wp-block-post-content>*{max-width:100%!important}
body.page:has(#loki-page) .loki-standard-header,
body.page:has(#loki-page) .loki-standard-footer{display:none!important}
body.page:has(#loki-page) .loki-standard-wrap,
body.page:has(#loki-page) .loki-page-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.page:has(#loki-page) .wp-block-post-content,
body.page:has(#loki-page) #loki-page{width:100%!important;max-width:none!important;margin:0!important}
body.single .loki-standard-wrap .wp-block-post-featured-image{display:none!important}

/* Articles use the same outer alignment as the blog, with a readable column and related links. */
body.single .loki-standard-wrap{width:min(1320px,90%)!important;max-width:none!important}
.loki-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(32px,5vw,76px);align-items:start}
.loki-post-article{min-width:0;max-width:860px}
.loki-post-article>.wp-block-post-content{width:100%;max-width:none}
.loki-post-article>.wp-block-post-content>*{max-width:100%}
.loki-post-sidebar{border-top:1px solid #555;padding-top:20px;position:sticky;top:30px}
.loki-post-sidebar h2{font-size:12px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}
.loki-post-sidebar ul{list-style:none;margin:0;padding:0}
.loki-post-sidebar li{border-top:1px solid #373741;padding:18px 0}
.loki-post-sidebar li:first-child{border-top:0;padding-top:0}
.loki-post-sidebar a{display:block;color:#f5f5f5!important;text-decoration:none;font-size:17px;font-weight:700;line-height:1.35}
.loki-post-sidebar a:hover,.loki-post-sidebar a:focus-visible{color:#ff8928!important}
.loki-post-sidebar .loki-related-category{display:block;color:#bfc5ff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.loki-post-sidebar .loki-all-stories{border-top:1px solid #555;color:#ff8928!important;font-size:13px;padding-top:18px;margin-top:2px}
@media(max-width:800px){.loki-post-layout{grid-template-columns:1fr}.loki-post-article{max-width:none}.loki-post-sidebar{position:static}}

/* Hide legacy headers in saved post templates when the shared navigation is rendered. */
body.single .loki-standard-header{display:none!important}

/* Match the Services page cursor on blog listings and individual posts. */
@media (hover: hover) and (pointer: fine) {
  body:is(.home,.blog,.single-post),
  body:is(.home,.blog,.single-post) * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='6' fill='%23ff8928' stroke='%2314141f' stroke-width='1'/%3E%3C/svg%3E") 10 10, auto !important;
  }
  body:is(.home,.blog,.single-post) a,
  body:is(.home,.blog,.single-post) a *,
  body:is(.home,.blog,.single-post) button,
  body:is(.home,.blog,.single-post) button * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='10' fill='%23ff8928' stroke='%2314141f' stroke-width='1'/%3E%3C/svg%3E") 14 14, pointer !important;
  }
  body:is(.home,.blog,.single-post) input,
  body:is(.home,.blog,.single-post) textarea,
  body:is(.home,.blog,.single-post) [contenteditable='true'] {
    cursor: text !important;
  }
}

/* Services hero arrow is drawn as a vector so phones cannot substitute an emoji. */
#loki-page .growth::after{content:""!important;display:inline-block;width:.72em;height:.72em;margin-left:.08em;vertical-align:.02em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5 27 27 5M10 5h17v17' fill='none' stroke='%23ff8928' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#loki-page,#loki-page *,body.page .wp-block-post-content{font-variant-emoji:text}