/* ------------------------------------------------------------------
   Total Cubicles - site footer support styles for the /colours/ tool
   Created 12 September 2026.

   The /colours/ pages load their own css/master.css, which is a
   different file from the main site's /css/master.css. The main file
   carries the footer rules, but it also sets body{font-size:1.5em},
   which enlarges every element on the colour tool. Loading it here was
   tested and changed 462 of 626 elements on /colours/mirage, so it is
   deliberately NOT loaded.

   Instead this file carries only the footer declarations taken from
   /css/master.css, every one of them scoped under .tcs-site-footer so
   nothing can leak back into the colour tool above it.
   footer2.php supplies the rest of its own styling inline.
   ------------------------------------------------------------------ */

.tcs-site-footer{
  /* The colour tool's preview column is position:fixed, so it painted over the
     whole right-hand side of the footer. Verified live on 12 Sept 2026:
     4 of 5 probe points inside the footer band returned the tool's SVG, not the
     footer. Making the footer a positioned element with a z-index above the
     panel's implicit 0 puts it back on top. Kept below the CookieYes banner. */
  position:relative;
  z-index:20;
  background:#eee;
  font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:15px;
  line-height:1.6;
  font-weight:400;
  color:#333;
  text-align:left;
}
.tcs-site-footer *{box-sizing:border-box}

.tcs-site-footer footer{
  display:block;
  width:100%;
  background-color:#eee;
  padding:10px 0 0;
  bottom:0;
}
.tcs-site-footer footer p{margin:0;padding-bottom:5px}

.tcs-site-footer .footer-bottom{
  text-align:center;
  height:auto;
  width:100%;
  display:block;
}

.tcs-site-footer .footer-reg{background-color:#333;color:#fff}
.tcs-site-footer .footerline{margin:0 20px}

.tcs-site-footer a{color:#1b4f8f;background-color:transparent;text-decoration:none}
.tcs-site-footer a:hover{color:#333}
.tcs-site-footer .low-footer-link{color:#1b4f8f;display:inline-flex;align-items:center}

.tcs-site-footer div#twot{
  width:95%;
  background-color:#333b40;
  display:inline-flex;
  flex-flow:wrap;
  border-radius:5px;
  margin:0 3%;
}

/* Social sprite - spritesheet.png sits next to /css/master.css */
.tcs-site-footer .sprite{
  background-image:url(/css/spritesheet.png);
  background-repeat:no-repeat;
  display:block;
}
.tcs-site-footer .sprite-social-icon-facebook2{width:30px;height:30px;background-position:-55px -5px}
.tcs-site-footer .sprite-social-icon-linkedin2{width:30px;height:30px;background-position:-5px -45px}
.tcs-site-footer .sprite-social-icon-pinterest2{width:30px;height:30px;background-position:-45px -45px}
.tcs-site-footer .sprite-social-icon-twitter2{width:30px;height:30px;background-position:-95px -5px}

/* .btn-one - used by the footer call-to-action */
.tcs-site-footer .btn-one,
.tcs-site-footer .btn-one span{transition:.3s}
.tcs-site-footer .btn-one{color:#eee;position:relative;background-color:#333}
.tcs-site-footer .btn-one::before,
.tcs-site-footer .btn-one::after{content:' ';left:0;bottom:0;height:100%;width:100%;z-index:1;transition:.3s}
.tcs-site-footer .btn-one::before{position:absolute;opacity:0;border-top:1px solid #333;border-bottom:1px solid #333;transform:scale(.1,1)}
.tcs-site-footer .btn-one::after{position:absolute;background-color:rgb(238 238 238 / .2)}
.tcs-site-footer .btn-one:hover{background-color:transparent;color:#333}
.tcs-site-footer .btn-one:hover span{letter-spacing:2px}
.tcs-site-footer .btn-one:hover::before{opacity:1;transform:scale(1,1)}
.tcs-site-footer .btn-one:hover::after{opacity:0;transform:scale(.1,1)}
.tcs-site-footer .btn.btn-one span{line-height:3.4em}

/* Keep the colour tool's Materialize container rules off the footer */
.tcs-site-footer .container{width:auto;max-width:none;margin:0}