/*
Theme Name:   HJS Technology
Theme URI:    https://www.hjstechnology.co.uk/
Description:  GeneratePress child theme for the HJS Technology site. Replaces the GeneratePress header and footer with the HJS partials, loads the site's styles and motion, and gives designed pages a full-width canvas.
Author:       HJS Technology Ltd
Template:     generatepress
Version:      1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain:  hjs-child
*/

/* ==========================================================================
   GeneratePress integration only. All site styling lives in
   assets/hjs-global.css, built from /src/assets in the project.
   ========================================================================== */

/* Designed pages (content wrapped in .hjs-page) get the full width of the
   window: GeneratePress's container, padding and backgrounds are removed. */
.hjs-designed .site.grid-container,
.hjs-designed .site-content,
.hjs-designed .content-area,
.hjs-designed .site-main,
.hjs-designed .inside-article,
.hjs-designed .entry-content {
  display: block;
  float: none;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

.hjs-designed .entry-header,
.hjs-designed .entry-meta,
.hjs-designed .featured-image,
.hjs-designed .post-image,
.hjs-designed .comments-area {
  display: none;
}

/* Pressidium Cookie Consent: put the banner's "Cookie settings" link on its
   own line, centred in the box */
#cc--main #cm .cc-link[data-cc="c-settings"] {
  display: table;
  margin: 0.75rem auto 0;
}

/* Floating cookie button in brand colours. It is a web component, so it is
   styled through the custom properties it exposes. */
pressidium-floating-button {
  --cc-btn-floating-bg: #0f1e36;
  --cc-btn-floating-hover-bg: #ef781a;
  --cc-btn-floating-icon: #f8fafc;
  --cc-btn-floating-hover-icon: #0f1e36;
}

/* Keep the sticky header below the WordPress admin bar when logged in */
.admin-bar .hjs-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .hjs-header {
    top: 46px;
  }
}