/* The redesigned pages (Home, About, Speaking, Coaching, Meeting Planner
   Resources, Client Testimonials, Keynote base template) were designed on a
   copy of the site with its own design settings. This file holds those
   settings on top of site.css; the rest of each page's look is site.css and
   the page's own styles (src/edits/). */
html { font-size: 16px; }
:root {
  --oz-v-h1: 5;
  --oz-v-h2: 3;
  --oz-v-h3: 2;
  --oz-v-h4: 1.4;
  --oz-v-text: 2.4;
  --oz-v-large: 1.18;
  --oz-v-small: 0.8;
  --oz-lh-h: 1.2;
  --oz-ls-h: -0.02em;
  --oz-v-button: 1;
  --oz-button-weight: 800;
  --oz-dark-accent: hsl(173 42% 30%);
  --oz-safe-inverse-accent: var(--oz-black);
  --oz-safe-dark-accent: var(--oz-black);
  --oz-safe-inverse-light: var(--oz-black);
  --oz-safe-inverse-dark: var(--oz-white);
  --oz-v-button3: 1;
  /* Heading sizes under the names the pages' own styles use (src/edits/). */
  --heading-1-size: 5rem;
  --heading-2-size: 3rem;
  --heading-3-size: 2rem;
  --heading-4-size: 1.4rem;
  /* The palette under the names the page's own block settings use. */
  --white-hsl: 37.5, 26.67%, 94.12%;
  --black-hsl: 224.62, 95.12%, 8.04%;
  --accent-hsl: 73.64, 73.33%, 64.71%;
  --lightAccent-hsl: 73.64, 73.33%, 64.71%;
  --darkAccent-hsl: 173, 42%, 30%;
  --safeLightAccent-hsl: 73.64, 73.33%, 64.71%;
  --safeDarkAccent-hsl: 224.62, 95.12%, 8.04%;
  --safeInverseAccent-hsl: 224.62, 95.12%, 8.04%;
  --safeInverseLightAccent-hsl: 224.62, 95.12%, 8.04%;
  --safeInverseDarkAccent-hsl: 37.5, 26.67%, 94.12%;
}

/* The two rules the redesign copy's Custom CSS adds to the live site's
   (public/css/custom.css, which these pages load too). */
.user-items-list-carousel[data-layout-width="full"] .user-items-list-carousel__gutter,.user-items-list-carousel[data-layout-width="full"] .arrows-bottom-wrapper{padding-left:15vw;padding-right:15vw}
.sqs-block-accordion .accordion-item__title{font-size:25px !important;letter-spacing:0px}

/* Text blocks take the outline colour their own settings give (black here). */
.sqs-block-html, [data-section-theme] .fluid-engine .sqs-block-html { border-color: var(--tweak-text-block-stroke-color, var(--oz-stroke)); }
/* Blocks the page's own layout moved out of the grid keep their place for
   what they hold. */
.sqs-block { position: relative; }
/* Images inside a stack are not lifted onto their own layer. */
[data-component-layout-flow='normal'] .image-block-outer-wrapper { transform: none; }
/* The bright-inverse sections here: a black overlay under their background image. */
[data-section-theme='bright-inverse'] { --oz-overlay: var(--oz-black); }