/*
Theme Name: Loudfire
Theme URI: https://loudfire.co.uk
Author: Loudfire
Description: Custom theme for Loudfire, print & design company in Cheltenham, Gloucestershire. On activation it creates all site pages (Home, Services, service pages, Portfolio, case studies, Packages & Pricing, About, Contact), assigns their templates and sets Home as the front page.
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loudfire
*/

/* Base (from the design) */
@keyframes lf-flame{0%,100%{transform:rotate(-6deg) scale(1,1)}25%{transform:rotate(4deg) scale(.96,1.06)}50%{transform:rotate(-3deg) scale(1.04,.95)}75%{transform:rotate(6deg) scale(.97,1.05)}}@keyframes lf-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}*{box-sizing:border-box}body{margin:0;background:#fdf6ec;color:#1c1917;font-family:'Figtree',sans-serif;-webkit-font-smoothing:antialiased}a{color:#ff5a1f}a:hover{color:#1c1917}:focus-visible{outline:3px solid #ff5a1f;outline-offset:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fdf6ec;color:#1c1917;font-family:'Figtree',sans-serif;-webkit-font-smoothing:antialiased}a{color:#ff5a1f}a:hover{color:#1c1917}:focus-visible{outline:3px solid #ff5a1f;outline-offset:3px}
*{box-sizing:border-box}body{margin:0;background:#fdf6ec;color:#1c1917;font-family:'Figtree',sans-serif;-webkit-font-smoothing:antialiased}a{color:#ff5a1f}a:hover{color:#1c1917}:focus-visible{outline:3px solid #ff5a1f;outline-offset:3px}details summary::-webkit-details-marker{display:none}
*{box-sizing:border-box}body{margin:0;background:#fdf6ec;color:#1c1917;font-family:'Figtree',sans-serif;-webkit-font-smoothing:antialiased}a{color:#ff5a1f}a:hover{color:#1c1917}:focus-visible{outline:3px solid #ff5a1f;outline-offset:3px}
*{box-sizing:border-box}body{margin:0;background:#fdf6ec;color:#1c1917;font-family:'Figtree',sans-serif;-webkit-font-smoothing:antialiased}a{color:#ff5a1f}a:hover{color:#1c1917}:focus-visible{outline:3px solid #ff5a1f;outline-offset:3px}input,select,textarea{font:inherit}
body{overflow-x:clip}
html,body{overflow-x:visible!important}
body{overflow-x:clip!important}
.lf-site-header{position:-webkit-sticky!important;position:sticky!important;top:0;z-index:50;background:#fdf6ec;transition:box-shadow .2s}
.lf-site-header.is-stuck{box-shadow:0 10px 18px -12px rgba(28,25,23,.45);border-bottom:1px solid #eadfcf}
.lf-site-header > div{padding-bottom:0}
.admin-bar .lf-site-header{top:32px}
@media (max-width:782px){.admin-bar .lf-site-header{top:46px}}
@media (max-width:600px){.admin-bar .lf-site-header{top:0}}
img{max-width:100%}

/* Header states */
.lf-desk{display:contents}
.lf-mob{display:none}
.lf-if{display:none}
.lf-if.is-open{display:contents}
@media (max-width:1159px){.lf-desk{display:none}.lf-mob{display:contents}}
@media (min-width:1160px){.lf-if[data-if="open"]{display:none!important}}
@media (max-width:1159px){.lf-nav{column-gap:12px!important}}
@media (max-width:420px){.lf-mob-actions{gap:8px!important}.lf-mcta{font-size:11px!important;padding:8px 12px!important;box-shadow:2px 2px 0 #1c1917!important}.lf-mmenu{width:42px!important;height:42px!important;font-size:19px!important}}
@media (max-width:350px){.lf-logo img{height:26px!important}.lf-mcta{font-size:10px!important;padding:7px 10px!important}}

/* Generic pages, posts, 404 */
.lf-page{max-width:900px;margin:0 auto;padding:clamp(40px,6vw,72px) 20px 0}
.lf-page-title{margin:0 0 28px;font-family:'Bowlby One',sans-serif;font-weight:400;font-size:clamp(38px,6vw,76px);line-height:.95;text-transform:uppercase}
.lf-entry{font-size:18px;line-height:1.65}
.lf-entry h2,.lf-entry h3{font-family:'Bowlby One',sans-serif;font-weight:400;text-transform:uppercase;line-height:1.05}
.lf-entry img{height:auto;border-radius:16px}
.lf-meta{color:#6b5f56;font-weight:600;font-size:14px}
.lf-thumb{width:100%;height:auto;border:2.5px solid #1c1917;border-radius:22px;margin-bottom:24px}
.lf-list{display:grid;gap:20px}
.lf-card{display:grid;gap:8px;padding:24px;background:#fff;border:2.5px solid #1c1917;border-radius:20px;box-shadow:5px 5px 0 #1c1917;color:#1c1917;text-decoration:none}
.lf-card:hover{color:#1c1917;transform:translateY(-3px)}
.lf-card-title{font-family:'Bowlby One',sans-serif;font-size:24px;text-transform:uppercase}
.lf-btn{display:inline-flex;font-family:'Bowlby One',sans-serif;text-transform:uppercase;color:#1c1917;text-decoration:none;background:#c8f169;border:2px solid #1c1917;border-radius:999px;padding:12px 24px;box-shadow:4px 4px 0 #1c1917}
.lf-pager{margin-top:28px}
.wp-block-button__link{background:#c8f169;color:#1c1917;border:2px solid #1c1917;border-radius:999px}

/* Hover / pressed states */
.lfh1:hover{transform:translate(3px,3px) !important;box-shadow:2px 2px 0 #1c1917 !important}
.lfh2:hover{transform:translate(2px,2px) !important;box-shadow:2px 2px 0 #1c1917 !important}
.lfh3:hover{transform:translateY(-4px) !important}
.lfh4:hover{color:#ff5a1f !important}
.lfh5:hover{background:#1c1917 !important;color:#fff !important}
.lfh6:hover{background:#ff5a1f !important}
.lfh7:hover{transform:translateY(-5px) !important}
.lfh8:hover{transform:translate(2px,2px) !important;box-shadow:2px 2px 0 #4f8392 !important}
.lfh9:hover{transform:translate(2px,2px) !important;box-shadow:2px 2px 0 #1c1917 !important;background:#c8f169 !important}
.lfh10:hover{color:#c8f169 !important}
.lfh11:hover{background:#fdf6ec !important}
.lfh12:hover{background:#c8f169 !important}
.lfh13:hover{background:#ffb3d9 !important}
.lfh14:hover{background:#ffc53d !important}
.lfh15:hover{background:#b9a6ff !important}
.lfh16:hover{background:#9ed8e6 !important}
.lfh17:hover{background:#ff9a6b !important}
.lfh18:hover{transform:translateY(-3px) rotate(-6deg) !important}

/* Footer */
.lf-show-mob{display:none}
@media (max-width:639px){.lf-show-mob{display:inline}.lf-hide-mob{display:none}}
.lfh-soc:hover{transform:translateY(-3px) rotate(-6deg)}
.lf-site-footer a{text-decoration:none}