/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* =========================================================
   GeneratePress Blocks Utility Stack
   ========================================================= */

/* Full-width page/post title band inside GeneratePress content */
.inside-article > .entry-header {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 40px 20px;
  background-color: #e3edff;
}

.inside-article > .entry-header h1 {
  font-weight: 600;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.87);
}

/* Keep title/meta readable */
.inside-article > .entry-header .entry-title,
.inside-article > .entry-header .entry-meta {
  max-width: var(--gb-container-width);
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Full-width content bands ---------- */

.gp-full-width-band {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  padding-inline: clamp(20px, 4vw, 40px);
}

/* Tight vertical spacing */
.gp-full-width-band-tight {
  padding-block: clamp(30px, 4vw, 60px);
}

/* No horizontal padding */
.gp-full-width-band-no-pad {
  padding-inline: 0;
}

/* ---------- Background utility variants ---------- */

.gp-band-var1 {
  background-color: #13419d;
  color: #ffffff;
}

.gp-band-var2 {
  background-color: #a75701;
  color: #ffffff;
}

.gp-band-var3 {
  background-color: #222222;
  color: #ffffff;
}

/* Equal-height cards inside GenerateBlocks grid */
.gp-equal-card-grid {
  align-items: stretch;
}

.gp-equal-card-grid > * {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.gp-equal-card-grid > * .gp-card-actions {
  margin-top: auto;
}

/*------------ Body ------------*/
body {
  overflow-x: hidden;
}

.text-xs {
  font-size: var(--global-kb-font-size-xs);
}

.text-xxs {
  font-size: var(--global-kb-font-size-xxs);
}

.text-micro {
  font-size: var(--global-kb-font-size-micro);
}

/*------------ Responsive Overwrite - Bootstrap & Sol Media ------------*/

/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*XX-Small devices (SM addon)*/
@media (max-width: 414px) {
}

/*X-Small devices (SM addon)*/
@media (max-width: 768px) {
}

/*Smaller than 800px devices (SM addon)*/
@media (max-width: 800px) {
}

/*Smaller than 11400px devices (SM addon)*/
@media (max-width: 1140px) {
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  /*.entry-header{margin-bottom: 60px;padding-top: 60px;padding-left: 40px;}
.inside-header{border-bottom: 6px solid #f0f0f0;}*/
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*Max width 1279px (SM addon)*/
@media (max-width: 1279px) {
}

/*------------ Adjustments ------------*/
/* Remove empty <P> tag */
.kt-inside-inner-col > p:empty,
.widget_block > p:empty {
  display: none;
}

/*------------ Root ------------*/

:root {
  --global-kb-font-size-xs: clamp(0.875rem, 0.84rem + 0.11vw, 0.95rem);

  --global-kb-font-size-xxs: clamp(0.8rem, 0.77rem + 0.09vw, 0.875rem);

  --global-kb-font-size-micro: clamp(0.75rem, 0.73rem + 0.06vw, 0.8rem);
}