/* ==========================================
   SKIM KING - HOMEPAGE CENTRING FIX
   ========================================== */

/* Keep main Joomla component centred */
.container-component{
  width:100%;
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}

/* Remove unwanted component side restriction */
main{
  min-width:0;
}

/* Our custom inner content */
.sk-exp-wrap,
.sk-services-inner{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Review banner */
.sk-review-banner{
  width:100vw;
  position:relative;
  left:50%;
  margin-left:-50vw;
  margin-right:0;
}

/* Prevent Joomla module wrappers adding odd margins */
.sk-services,
.sk-review-banner,
.sk-exp{
  max-width:none !important;
}


/* ==========================================================
   SKIM KING - CASSIOPEIA FOOTER FIX
   Removes blue shell and makes custom footer true full width
   ========================================================== */

/* Cassiopeia outer footer */
.container-footer,
.container-footer.footer{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#090a09 !important;
  display:block !important;
}

/* Cassiopeia inner grid */
.container-footer .grid-child{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}

/* Remove spacing Joomla may add around module */
.container-footer .moduletable,
.container-footer .mod-custom,
.container-footer .mod-custom.custom{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Our footer itself */
.container-footer .sk-footer{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Gold quote strip goes full width */
.container-footer .sk-footer-cta{
  width:100% !important;
  margin:0 !important;
}

/* Keep CONTENT centred inside full-width footer */
.container-footer .sk-footer-cta-inner,
.container-footer .sk-footer-main,
.container-footer .sk-footer-bottom-inner{
  width:min(1400px, calc(100% - 50px)) !important;
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Remove any Cassiopeia spacing before/after footer */
.container-footer > *{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

@media(max-width:650px){

  .container-footer .sk-footer-cta-inner,
  .container-footer .sk-footer-main,
  .container-footer .sk-footer-bottom-inner{
    width:calc(100% - 32px) !important;
  }

}