/*
Theme Name: Kadence Child - Laura Jane Layton
Theme URI: https://laurajanelayton.com
Description: Child theme for laurajanelayton.com. Custom CSS and PHP live here so Kadence parent updates stay safe. Created by Bewebsy, 2026-09-03.
Author: Bewebsy
Author URI: https://bewebsy.com
Template: kadence
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: kadence-child
*/

/* Site styles below.
   Prefer the Customizer for anything it can express - this file is for what it
   cannot. Use palette slugs and token variables, never raw hex or px:
   var(--global-palette2), var(--global-kb-font-size-lg), var(--global-kb-spacing-md). */

/* Books page - "Four more superpower stories" 4-up grid.*/
@media (max-width: 457px) {
  .kb-row-layout-id17964_e1414b-7f .kt-row-column-wrap.kt-mobile-layout-two-grid {
    grid-template-columns: 1fr;
  }
}
/* Life Coaching Services - float the portrait so copy wraps beside and under it */
.kadence-column14_aa1039-72 .kb-image14_e8ee2e-df {
  float: right;
  width: 38%;
  margin: 0 0 1.25rem 1.75rem;
}

@media (max-width: 600px) {
  .kadence-column14_aa1039-72 .kb-image14_e8ee2e-df {
    float: none;
    width: 100%;
    margin: 0 0 1.25rem 0;
  }
}
/* Life Coaching Services - portrait radius that scales with the image.
   The block's own radius is a fixed 6px at every breakpoint, so it reads flatter
   the wider the image gets (478px floated at desktop -> ~721px full width at tablet).
   cqw is 1% of this element's own inline size, so the radius tracks the image and
   stays circular; a percentage radius would resolve against width AND height and
   give elliptical corners.
   NOTE: this intentionally overrides the border radius set on the block in Kadence. */
.kb-image14_e8ee2e-df {
  container-type: inline-size;
}

.kadence-column14_aa1039-72 .kb-image14_e8ee2e-df img.kb-img {
  border-radius: 1.2cqw;
}