/* ===== Footer designs 1-5 ===== */
.kf{border-top:0;margin-top:40px;font-size:15px}
.kf a{text-decoration:none}
.kf-main{padding:34px 0;background-size:cover;background-position:center}
.kf-in{display:grid;grid-template-columns:1.1fr 2fr 1.1fr;gap:28px;align-items:start}
.kf-logo{display:inline-block;font-size:30px;font-weight:700}
.kf-logo img{max-height:64px;max-width:260px}
.kf-tag{margin:8px 0 10px;font-size:16px}
.kf-about{font-size:14px;line-height:1.6;opacity:.85}
.kf-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kf-green .kf-cols,.kf-light .kf-cols{grid-template-columns:repeat(4,1fr)}
.kf-col{padding-left:18px;border-left:1px solid rgba(127,127,127,.3)}
.kf-col h4,.kf-side h4{font-size:18px;font-weight:700;margin:0 0 12px}
.kf-col ul{list-style:none;margin:0;padding:0}
.kf-col li{margin:0 0 7px}
.kf-col li i{margin-right:6px;font-size:12px;opacity:.7}
.kf-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.kf-social a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:16px}
.kf-news{display:flex;margin-top:10px;border-radius:6px;overflow:hidden;background:#fff}
.kf-news input{flex:1;min-width:0;border:0;padding:11px 12px;font-size:14px;color:#222}
.kf-news button{border:0;background:#e2001a;color:#fff;padding:0 14px;font-weight:700;cursor:pointer;white-space:nowrap}
.kf-apps{display:flex;gap:10px;flex-wrap:wrap}
.kf-apps a{display:flex;align-items:center;gap:8px;background:#000;color:#fff!important;border:1px solid #666;border-radius:8px;padding:6px 12px}
.kf-apps i{font-size:26px}.kf-apps span{display:flex;flex-direction:column;font-size:16px;line-height:1.1}.kf-apps small{font-size:10px}
.kf-bar{padding:11px 0;font-size:14px}
.kf-bar-in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.kf-bar-l{display:flex;gap:10px 20px;flex-wrap:wrap}
.kf-bar-l span+span{padding-left:20px;border-left:1px solid currentColor}
.kf-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.kf-links li+li{border-left:1px solid currentColor;margin-left:12px;padding-left:12px}
.kf .k2-credit{text-align:center;padding:8px;font-size:13px}
/* 1 navy */
.kf-navy .kf-main{background:linear-gradient(120deg,#0b1730,#12264a)}
.kf-navy,.kf-navy a{color:#fff}.kf-navy .kf-col h4{text-decoration:underline;text-decoration-color:#e2001a;text-underline-offset:6px}
.kf-navy .kf-bar,.kf-navy .k2-credit{background:#081226}
/* 2 green */
.kf-green .kf-main{background:linear-gradient(180deg,#fff,#eef3ec)}
.kf-green,.kf-green a{color:#1d1d1d}.kf-green .kf-col h4 i{color:#e2001a}
.kf-green .kf-bar{background:#1e5b1c;color:#fff}.kf-green .kf-bar a{color:#fff}.kf-green .k2-credit{background:#174716;color:#fff}.kf-green .k2-credit a{color:#fff}
/* 3 red */
.kf-red .kf-main{background:linear-gradient(120deg,#1a0508,#4a0b12 70%,#7a0d18)}
.kf-red,.kf-red a{color:#fff}.kf-red .kf-col h4{text-decoration:underline;text-decoration-color:#e2001a;text-underline-offset:6px}
.kf-red .kf-bar,.kf-red .k2-credit{background:#2a0609}.kf-red .kf-bar{border-top:1px solid #e2001a}
/* 4 light */
.kf-light .kf-main{background:#f6f6f6}
.kf-light,.kf-light a{color:#222}.kf-light .kf-col h4 i,.kf-light .kf-side h4 i{color:#1f5fbf}.kf-light .kf-side h4 i{color:#e2001a}
.kf-light .kf-bar{background:#e4e4e4}.kf-light .k2-credit{background:#d9d9d9}
/* 5 night */
.kf-night .kf-main{background:linear-gradient(120deg,#06142e,#0c2550)}
.kf-night,.kf-night a{color:#fff}.kf-night .kf-col h4{text-decoration:underline;text-underline-offset:6px}
.kf-night .kf-bar,.kf-night .k2-credit{background:#040d20}
.kf a:hover{color:#e2001a}
@media(max-width:991px){.kf-in{grid-template-columns:1fr}.kf-brand{text-align:center}.kf-social{justify-content:center}}
@media(max-width:600px){.kf-cols,.kf-green .kf-cols,.kf-light .kf-cols{grid-template-columns:1fr 1fr}.kf-col{border-left:0;padding-left:0}.kf-bar-in{justify-content:center;text-align:center}.kf-bar-l{justify-content:center}}
/* pencil art backgrounds */
.kf-main{position:relative;overflow:hidden}
.kf-main>.kf-in{position:relative;z-index:1}
.kf-main:before{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-size:auto 100%;pointer-events:none}
.kf-navy .kf-main:before{background-image:url(../images/footer/f1.png);background-position:right bottom;opacity:.22}
.kf-green .kf-main:before{background-image:url(../images/footer/f2.png);background-position:left bottom;opacity:.45}
.kf-red .kf-main:before{background-image:url(../images/footer/f3.png);background-position:right bottom;opacity:.22}
.kf-light .kf-main:before{background-image:url(../images/footer/f4.png);background-position:center bottom;background-size:100% auto;opacity:.4}
.kf-night .kf-main:before{background-image:url(../images/footer/f5.png);background-position:left bottom;opacity:.25}
@media(max-width:991px){.kf-main:before{opacity:.12!important;background-size:cover}}
/* footer info + mobile polish */
.kf-info{margin:12px 0 4px;padding-top:12px;border-top:1px solid rgba(127,127,127,.3);font-size:14px;line-height:1.6}
.kf-info p{margin:0 0 6px}
@media(max-width:991px){
 .kf-main{padding:26px 0 20px}
 .kf-in{gap:22px}
 .kf-brand{text-align:center}
 .kf-logo img{max-height:54px;margin:0 auto}
 .kf-cols{gap:0;border-top:1px solid rgba(127,127,127,.25);border-bottom:1px solid rgba(127,127,127,.25);padding:16px 0}
 .kf-side{text-align:center}.kf-side .kf-news{max-width:420px;margin:10px auto 0}.kf-apps{justify-content:center}
}
@media(max-width:600px){
 .kf{font-size:14px}
 .kf-cols,.kf-green .kf-cols,.kf-light .kf-cols{grid-template-columns:1fr 1fr;row-gap:16px;column-gap:14px}
 .kf-col{padding:0}
 .kf-col h4,.kf-side h4{font-size:16px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #e2001a;display:inline-block;text-decoration:none!important}
 .kf-col li{margin-bottom:5px}
 .kf-social a{width:34px;height:34px}
 .kf-news{flex-direction:column;background:none;gap:8px}.kf-news input{border-radius:6px}.kf-news button{padding:11px;border-radius:6px}
 .kf-bar{padding:12px 0 8px}.kf-bar-in{flex-direction:column;gap:8px}.kf-bar-l{flex-direction:column;gap:4px}.kf-bar-l span+span{border:0;padding:0}
 .kf-links{justify-content:center;row-gap:4px}
}
/* column heading colours */
.kf .kf-col h4,.kf .kf-side h4{color:inherit!important}
.kf-navy .kf-col h4,.kf-red .kf-col h4,.kf-night .kf-col h4,.kf-navy .kf-side h4,.kf-red .kf-side h4,.kf-night .kf-side h4{color:#fff!important}
.kf-green .kf-col h4,.kf-light .kf-col h4,.kf-green .kf-side h4,.kf-light .kf-side h4{color:#111!important}
.kf-navy .kf-info,.kf-red .kf-info,.kf-night .kf-info,.kf-navy .kf-info *,.kf-red .kf-info *,.kf-night .kf-info *{color:#fff!important}
