/*!
Theme Name: Naomi Rivkis
Theme URI: https://rodrigoalba.com/
Author: Rodrigo Alba
Author URI: https://rodrigoalba.com/
Description: Bespoke theme for Naomi Rivkis.
Version: 1.0.0
Requires at least: 6.1
Tested up to: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: naomirivkis
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
:root {
  --white: #FFF;
  --black-700: #5C5955;
  --black-900: #262727;
  --green-100: #EEF0E8;
  --green-700: #496A4D;
  --green-900: #264032;
  --sand-100: #F4F0E6;
  --sand-500: #DCCFB8;
  --blue-500: #456E87;
  --blue-900: #002D4E;
  --orange-600: #C47A60;
  --orange-900: #76533D;
  --red-700: #CC0014;
}

@font-face {
  font-family: "Cooper Lt BT";
  src: url("assets/fonts/cooperltbt/cooperltbt-light.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson";
  src: url("assets/fonts/atkinson/atkinson.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}
:root {
  --body-font: "Atkinson", sans-serif;
  --title-font: "Cooper Lt BT";
  --font-code: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  --font-96: 6rem;
  --font-80: 5rem;
  --font-64: 4rem;
  --font-56: 3.5rem;
  --font-48: 3rem;
  --font-40: 2.5rem;
  --font-32: 2rem;
  --font-24: 1.5rem;
  --font-22: 1.375rem;
  --font-20: 1.25rem;
  --font-18: 1.125rem;
  --font-16: 1rem;
  --font-14: 0.875rem;
  --font-12: 0.75rem;
  --wp--preset--font-size--normal: var(--font-18);
  --line-height-title: 1.25;
  --line-height-body: 1.555;
  --line-height-small: 1;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --border-radius-0: 0;
  --border-radius-4: 0.25rem;
  --border-radius-8: 0.5rem;
  --border-radius-16: 1rem;
  --border-radius-24: 1.5rem;
  --border-radius-32: 2rem;
  --border-radius-48: 3rem;
  --border-radius-64: 4rem;
  --border-radius-96: 6rem;
  --border-radius-full: 9999px;
  --size-4: 0.25rem;
  --size-8: 0.5rem;
  --size-12: 0.75rem;
  --size-14: 0.875rem;
  --size-16: 1rem;
  --size-18: 1.125rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-32: 2rem;
  --size-40: 2.5rem;
  --size-48: 3rem;
  --size-64: 4rem;
  --size-80: 5rem;
  --size-96: 6rem;
  --transitionTime300: 300ms;
}

@media (min-width: 48rem) {
  :root {
    --tabletSmallDisplay: none;
  }
}
@media (min-width: 64rem) {
  :root {
    --tabletLargeDisplay: none;
  }
}
@media (min-width: 80rem) {
  :root {
    --desktopDisplay: none;
  }
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, button, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: inherit;
  outline: none;
  letter-spacing: inherit;
  text-decoration: none;
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.has-xx-display-font-size,
.has-x-display-font-size,
.has-x-large-font-size,
.has-large-font-size,
.has-medium-font-size,
.has-base-font-size,
.has-regular-font-size,
.has-small-font-size,
.has-x-small-font-size {
  clear: both;
  color: var(--black-900);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--title-font);
  line-height: var(--line-height-title);
  text-wrap: balance;
}

.has-xx-display-font-size {
  font-size: var(--font-40);
}

.has-x-display-font-size,
.has-x-large-font-size {
  font-size: var(--font-32);
}

.has-large-font-size {
  font-size: var(--font-24);
}

.has-medium-font-size {
  font-size: var(--font-20);
}

.has-base-font-size {
  font-size: var(--font-18);
}

.has-regular-font-size {
  font-size: var(--font-16);
}

.has-small-font-size {
  font-size: var(--font-14);
}

.has-x-small-font-size {
  font-size: var(--font-12);
}

@media (min-width: 40rem) {
  .has-xx-display-font-size {
    font-size: var(--font-56);
  }
  .has-x-display-font-size {
    font-size: var(--font-40);
  }
}
body,
button,
input,
select,
optgroup,
textarea {
  color: var(--black-700);
  font-family: var(--body-font);
  font-size: 1.125rem;
  letter-spacing: 0.035em;
}

p,
ul,
ol,
li {
  line-height: var(--line-height-body);
  margin: 0;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote,
address {
  margin: 0;
}

pre {
  background: var(--sand-500);
  font-family: var(--body-font);
  line-height: var(--line-height-title);
  margin: 0;
  max-width: 100%;
  overflow: auto;
  padding: 1.5rem;
}

code,
kbd,
tt,
var {
  font-family: var(--font-code);
}

abbr,
acronym {
  color: var(--orange-600);
  border-bottom: 2px dotted var(--orange-600);
  cursor: help;
}

mark,
ins {
  background: var(--sand-500);
  text-decoration: none;
}

big {
  font-size: 125%;
}

.has-text-color.has-white-color,
.has-inline-color.has-white-color {
  color: var(--white);
}
.has-text-color.has-black-700-color,
.has-inline-color.has-black-700-color {
  color: var(--black-700);
}
.has-text-color.has-green-100-color,
.has-inline-color.has-green-100-color {
  color: var(--green-100);
}
.has-text-color.has-green-700-color,
.has-inline-color.has-green-700-color {
  color: var(--green-700);
}
.has-text-color.has-orange-600-color,
.has-inline-color.has-orange-600-color {
  color: var(--orange-600);
}
.has-text-color.has-orange-900-color,
.has-inline-color.has-orange-900-color {
  color: var(--orange-900);
}
.has-text-color.has-sand-500-color,
.has-inline-color.has-sand-500-color {
  color: var(--sand-500);
}
.has-text-color.has-blue-900-color,
.has-inline-color.has-blue-900-color {
  color: var(--blue-900);
}

/* Elements
--------------------------------------------- */
body {
  background: var(--sand-100);
}

.global-container {
  --paddContainer: var(--size-24);
  width: 100%;
  padding-right: var(--paddContainer);
  padding-left: var(--paddContainer);
}
@media (min-width: 40rem) {
  .global-container {
    --paddContainer: var(--size-24);
  }
}
@media (min-width: 64rem) {
  .global-container {
    --paddContainer: var(--size-32);
  }
}

main.site-main > * + * {
  margin-top: var(--size-48);
}
@media (min-width: 40rem) {
  main.site-main > * + * {
    margin-top: var(--size-80);
  }
}
main.site-main > .has-background.alignfull:last-child {
  margin-bottom: calc(var(--size-48) * -1);
}
@media (min-width: 40rem) {
  main.site-main > .has-background.alignfull:last-child {
    margin-bottom: calc(var(--size-80) * -1);
  }
}
@media (min-width: 80rem) {
  main.site-main > .wp-block-cover:first-child,
  main.site-main > .has-background:first-child {
    padding-top: 7rem;
  }
}
main.site-main > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
main.site-main .is-layout-constrained > :is(.wp-block-columns, .wp-block-media-text) {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 40rem) {
  main.site-main > .has-background {
    --paddHasBg: var(--size-64) var(--size-48);
  }
}
@media (min-width: 80rem) {
  main.site-main > .has-background {
    --paddHasBg: var(--size-80) var(--size-64);
  }
}
main.site-main [class*=wp-block-].is-style-narrow {
  max-width: 60rem;
}

.site {
  font-size: 1.125rem;
}
.site .mt-80 {
  margin-top: var(--size-48);
}
.site .mb-80 {
  margin-bottom: var(--size-48);
}
.site .mt-64 {
  margin-top: var(--size-32);
}
.site .mb-64 {
  margin-bottom: var(--size-32);
}
.site .mt-32 {
  margin-top: var(--size-32);
}
.site .mb-32 {
  margin-bottom: var(--size-32);
}
@media (min-width: 40rem) {
  .site .mt-80 {
    margin-top: var(--size-80);
  }
  .site .mb-80 {
    margin-bottom: var(--size-80);
  }
  .site .mt-64 {
    margin-top: var(--size-64);
  }
  .site .mb-64 {
    margin-bottom: var(--size-64);
  }
}
.site .mt-80:empty,
.site .mb-80:empty,
.site .mt-64:empty,
.site .mb-64:empty,
.site .mt-32:empty,
.site .mb-32:empty {
  display: none;
}
.site .alignwide {
  max-width: 96rem;
}
.site .alignfull {
  margin-right: calc(var(--paddContainer) * -1);
  margin-left: calc(var(--paddContainer) * -1);
}
.site .alignnone {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}

.spacing > * + *,
.page-template-template-legal > * + * {
  margin-top: var(--size-16);
}
.spacing * + h2,
.spacing * + h3,
.page-template-template-legal * + h2,
.page-template-template-legal * + h3 {
  padding-top: var(--size-16);
}

.spacing-lg > * + * {
  margin-top: var(--size-32);
}
.spacing-lg * + h2,
.spacing-lg * + h3 {
  padding-top: var(--size-32);
}

.spacing > * + .wp-block-buttons,
.spacing > * + .wp-block-button__link,
.spacing-lg > * + .wp-block-buttons,
.spacing-lg > * + .wp-block-button__link {
  margin-top: var(--size-24);
}

body .is-layout-flex {
  display: flex;
  flex-wrap: wrap;
}
body .is-layout-flex.is-nowrap {
  flex-wrap: nowrap;
}

body .is-layout-grid {
  display: grid;
}

.is-layout-flex > :is(*, div),
.is-layout-grid > :is(*, div) {
  margin: 0;
}

:where(.is-layout-grid),
:where(.is-layout-flex) {
  gap: var(--size-8);
}

:where(.wp-block-columns.is-layout-flex),
:where(.wp-block-columns.is-layout-grid) {
  gap: var(--size-32);
}

.has-background {
  --paddHasBg: var(--size-48) var(--size-24);
  padding: var(--paddHasBg);
}
@media (min-width: 40rem) {
  .has-background {
    --paddHasBg: var(--size-32);
  }
}

.has-background.has-white-background-color,
.has-background-dim.has-white-background-color {
  background-color: var(--white);
}
.has-background.has-black-700-background-color,
.has-background-dim.has-black-700-background-color {
  background-color: var(--black-700);
}
.has-background.has-green-100-background-color,
.has-background-dim.has-green-100-background-color {
  background-color: var(--green-100);
}
.has-background.has-green-700-background-color,
.has-background-dim.has-green-700-background-color {
  background-color: var(--green-700);
}
.has-background.has-orange-600-background-color,
.has-background-dim.has-orange-600-background-color {
  background-color: var(--orange-600);
}
.has-background.has-orange-900-background-color,
.has-background-dim.has-orange-900-background-color {
  background-color: var(--orange-900);
}
.has-background.has-sand-500-background-color,
.has-background-dim.has-sand-500-background-color {
  background-color: var(--sand-500);
}
.has-background.has-blue-900-background-color,
.has-background-dim.has-blue-900-background-color {
  background-color: var(--blue-900);
}

.has-border-color {
  border-style: solid;
  overflow: hidden;
}
.has-border-color.has-white-border-color {
  border-color: var(--white);
}
.has-border-color.has-black-700-border-color {
  border-color: var(--black-700);
}
.has-border-color.has-green-100-border-color {
  border-color: var(--green-100);
}
.has-border-color.has-green-700-border-color {
  border-color: var(--green-700);
}
.has-border-color.has-orange-600-border-color {
  border-color: var(--orange-600);
}
.has-border-color.has-orange-900-border-color {
  border-color: var(--orange-900);
}
.has-border-color.has-sand-500-border-color {
  border-color: var(--sand-500);
}
.has-border-color.has-blue-900-border-color {
  border-color: var(--blue-900);
}

.nojsnoscript {
  position: relative;
  z-index: 99999;
}

hr,
.wp-block-separator {
  background-color: var(--sand-500);
  border: 0;
  width: 100%;
  height: 1px;
}

ul,
ol {
  margin: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
  padding-left: 1.5rem;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5rem;
}

dt {
  font-weight: var(--font-weight-semibold);
}

dd {
  margin-left: 1.5rem;
}

embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

.content figure,
.content picture {
  overflow: hidden;
  border-radius: var(--border-radius-16);
}

@media (max-width: 40rem) {
  .has-custom-border.is-style-rounded img {
    border-radius: 1rem !important;
  }
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}

a {
  color: var(--green-700);
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
a:hover, a:focus, a:active {
  color: var(--green-900);
  text-decoration: none;
}
a:focus {
  outline: 3px solid var(--orange-600);
  outline-offset: 0;
}
a:hover, a:active {
  outline: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.wp-block-button__link {
  border-radius: var(--border-radius-8);
  background: var(--green-700);
  color: var(--white);
  font-size: var(--font-18);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-body);
  padding: var(--size-12) var(--size-24);
  border: 1px solid var(--green-700);
  display: inline-block;
  cursor: pointer;
  transition: background-color var(--transitionTime300) ease;
}
button.full-width,
input.full-width[type=button],
input.full-width[type=reset],
input.full-width[type=submit],
.full-width.wp-block-button__link {
  width: 100%;
  text-align: center;
}
button svg,
input[type=button] svg,
input[type=reset] svg,
input[type=submit] svg,
.wp-block-button__link svg {
  fill: var(--white);
  display: block;
  transition: fill var(--transitionTime300) ease;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.wp-block-button__link:hover, button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
.wp-block-button__link:active, button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
.wp-block-button__link:focus {
  color: var(--white);
  background-color: var(--green-900);
}
button:hover svg,
input[type=button]:hover svg,
input[type=reset]:hover svg,
input[type=submit]:hover svg,
.wp-block-button__link:hover svg, button:active svg,
input[type=button]:active svg,
input[type=reset]:active svg,
input[type=submit]:active svg,
.wp-block-button__link:active svg, button:focus svg,
input[type=button]:focus svg,
input[type=reset]:focus svg,
input[type=submit]:focus svg,
.wp-block-button__link:focus svg {
  fill: var(--white);
}
button.has-white-background-color,
input.has-white-background-color[type=button],
input.has-white-background-color[type=reset],
input.has-white-background-color[type=submit],
.has-white-background-color.wp-block-button__link {
  transition: color var(--transitionTime300), background-color var(--transitionTime300), border-color var(--transitionTime300);
}
button.has-white-background-color:hover,
input.has-white-background-color[type=button]:hover,
input.has-white-background-color[type=reset]:hover,
input.has-white-background-color[type=submit]:hover,
.has-white-background-color.wp-block-button__link:hover, button.has-white-background-color:active,
input.has-white-background-color[type=button]:active,
input.has-white-background-color[type=reset]:active,
input.has-white-background-color[type=submit]:active,
.has-white-background-color.wp-block-button__link:active, button.has-white-background-color:focus,
input.has-white-background-color[type=button]:focus,
input.has-white-background-color[type=reset]:focus,
input.has-white-background-color[type=submit]:focus,
.has-white-background-color.wp-block-button__link:focus {
  color: var(--green-900);
  border-color: var(--white);
  background-color: var(--green-100);
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: none;
  color: var(--green-700);
  text-decoration: none;
  transition: color var(--transitionTime300), background-color var(--transitionTime300), border-color var(--transitionTime300);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active, .wp-block-button.is-style-outline .wp-block-button__link:focus {
  color: var(--white);
  border-color: var(--green-700);
  background-color: var(--green-900);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover svg, .wp-block-button.is-style-outline .wp-block-button__link:active svg, .wp-block-button.is-style-outline .wp-block-button__link:focus svg {
  fill: var(--white);
}
.wp-block-button.is-style-outline .wp-block-button__link svg {
  fill: var(--green-700);
}

.wp-block-buttons.is-layout-flex {
  display: flex;
}

input,
select,
textarea {
  width: 100%;
  font-size: var(--font-18);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
  color: var(--black-900);
  border: 1px solid var(--black-700);
  border-radius: var(--border-radius-8);
  padding: var(--size-12) var(--size-24);
}
input:focus,
select:focus,
textarea:focus {
  outline: 3px solid var(--orange-600);
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px var(--black-900);
}

textarea {
  resize: none;
}

.container {
  --paddContainer: var(--size-16);
  width: 100%;
  padding-right: var(--paddContainer);
  padding-left: var(--paddContainer);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 40rem) {
  .container {
    --paddContainer: var(--size-24);
  }
}
@media (min-width: 64rem) {
  .container {
    --paddContainer: var(--size-32);
  }
}
@media (min-width: 80rem) {
  .container {
    max-width: 84rem;
  }
}

.site .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: calc(var(--paddContainer) / 2 * -1);
  margin-left: calc(var(--paddContainer) / 2 * -1);
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: calc(var(--paddContainer) / 2);
  padding-left: calc(var(--paddContainer) / 2);
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 40rem) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 48rem) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 64rem) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 80rem) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: var(--size-14) 0;
  background-color: var(--white);
  z-index: 9999;
}
header > .global-container > .alignnone {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  grid-template-areas: "logo menu";
}
header .site-branding {
  grid-area: logo;
}
header .site-branding a {
  vertical-align: bottom;
  line-height: 0;
}
header .site-branding a img {
  width: auto;
  height: 1.5rem;
}
header .main-navigation {
  grid-area: menu;
  justify-self: end;
  display: flex;
}
header .main-navigation::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity calc(var(--transitionTime300) / 2);
  transition-delay: calc(var(--transitionTime300) / 4);
}
header .main-navigation .menu-main-menu-container {
  --transitionMenu: 150ms;
  position: fixed;
  top: 0;
  right: 0;
  background-color: var(--white);
  width: 100%;
  max-width: 22.5rem;
  height: 100%;
  padding: var(--size-48);
  padding-top: var(--size-64);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  transform: translateX(100%);
  transition: visibility step-end var(--transitionMenu), transform ease-out var(--transitionMenu), opacity ease-out var(--transitionMenu);
  pointer-events: none;
  visibility: hidden;
  transition-delay: 0s;
}
header .main-navigation ul.nav-menu {
  display: flex;
  column-gap: var(--size-32);
  row-gap: var(--size-24);
  flex-direction: column;
}
header .main-navigation ul.nav-menu li a {
  font-size: var(--font-18);
  color: var(--black-900);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-title);
  transition: color var(--transitionTime300);
}
header .main-navigation ul.nav-menu li a:hover, header .main-navigation ul.nav-menu li a:active, header .main-navigation ul.nav-menu li a:focus {
  color: var(--black-900);
}
header .main-navigation ul.nav-menu li.menu-item-has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--size-8);
}
header .main-navigation ul.nav-menu li.menu-item-has-children > a::after {
  content: "";
  width: var(--size-8);
  height: var(--size-8);
  display: inline-block;
  border: 2px solid;
  border-width: 0 2px 2px 0;
  margin-bottom: var(--size-4);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
header .main-navigation ul ul.sub-menu {
  float: left;
  left: -999em;
  position: relative;
  z-index: 99999;
}
header .main-navigation ul ul.sub-menu > li a {
  font-size: var(--font-18);
  font-weight: var(--font-weight-regular);
  padding: 1rem 1rem 0.5rem;
}
header .main-navigation ul ul.sub-menu ul {
  left: -999em;
  top: 0;
}
header .main-navigation ul ul.sub-menu li:hover > ul, header .main-navigation ul ul.sub-menu li.focus > ul {
  display: block;
  left: auto;
}
header .main-navigation ul li:hover > ul,
header .main-navigation ul li.focus > ul {
  left: auto;
  display: block;
}
header .main-navigation li {
  position: relative;
}
header .main-navigation a {
  display: block;
  text-decoration: none;
}
header .menu-toggle {
  background: none !important;
  color: var(--black-900);
  font-family: var(--title-font);
  font-size: var(--font-14);
  font-weight: var(--font-weight-regular);
  line-height: 1;
  padding: 0;
  cursor: pointer;
  position: relative;
  border: 0;
  border-radius: var(--border-radius-0);
  z-index: 1;
  transition: color var(--transitionTime300), background-color var(--transitionTime300);
}
header .menu-toggle span {
  display: block;
  width: 1.5rem;
  height: 1rem;
  position: relative;
  margin: 0 auto;
}
header .menu-toggle span::before, header .menu-toggle span::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--black-900);
  position: absolute;
  left: 0;
}
header .menu-toggle span::before {
  top: 0;
}
header .menu-toggle span::after {
  top: 6px;
}
header .main-navigation.toggled::before {
  opacity: 1;
  transition-delay: 0s;
}
header .main-navigation.toggled .menu-main-menu-container {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  overflow-y: auto;
  transition: visibility step-start var(--transitionMenu), transform ease-out var(--transitionMenu), opacity ease-out var(--transitionMenu);
  transition-delay: calc(var(--transitionMenu) / 2);
}
header .main-navigation.toggled .menu-toggle {
  color: var(--white);
}
header .main-navigation.toggled .menu-toggle span::before, header .main-navigation.toggled .menu-toggle span::after {
  background-color: var(--blue-600);
  top: var(--size-12);
}
header .main-navigation.toggled .menu-toggle span::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .main-navigation.toggled .menu-toggle span::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

html.nav-mobile-open, html.modal-open {
  --overflow: hidden;
  --disableUI: none;
}
html.nav-mobile-open body, html.modal-open body {
  overflow: var(--overflow);
}
html.nav-mobile-open body .site header .site-branding,
html.nav-mobile-open body .site main,
html.nav-mobile-open body .site footer, html.modal-open body .site header .site-branding,
html.modal-open body .site main,
html.modal-open body .site footer {
  pointer-events: var(--disableUI);
}

@media (min-width: 48rem) {
  header {
    padding: var(--size-24) 0;
    transition: background-color var(--transitionTime300);
  }
  header .site-branding a img {
    height: 2rem;
  }
}
@media (min-width: 80rem) {
  html.nav-mobile-open {
    --overflow: auto;
    --disableUI: auto;
  }
  html:not(.is-sticky) header {
    position: fixed;
  }
  html:not(.is-sticky) .site-branding {
    filter: brightness(10);
    transition: filter var(--transitionTime300);
  }
  header {
    background: transparent;
  }
  header > .global-container > .alignnone {
    grid-template-columns: 2fr 2fr;
    grid-template-areas: "logo menu";
  }
  header .main-navigation ul.nav-menu {
    align-items: center;
    flex-direction: row;
  }
  header .main-navigation ul.nav-menu li a {
    color: var(--white);
    padding: var(--size-4) var(--size-8);
    border-radius: var(--border-radius-full);
    transition: color var(--transitionTime300), background-color var(--transitionTime300);
  }
  header .main-navigation ul.nav-menu li a:hover, header .main-navigation ul.nav-menu li a:active, header .main-navigation ul.nav-menu li a:focus {
    background-color: var(--sand-100);
  }
  header .main-navigation ul ul.sub-menu {
    position: absolute;
    top: 100%;
    padding: 1.25rem 0.5rem 0.5rem;
    border: 1px solid transparent;
  }
  header .main-navigation ul ul.sub-menu::before {
    content: "";
    top: 11px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    border: 1px solid var(--sand-500);
    border-radius: var(--border-radius-4);
    position: absolute;
    background-color: var(--white);
  }
  header .main-navigation ul ul.sub-menu > li a {
    width: 216px;
    background-color: var(--white);
    padding: 0.75rem 1rem;
    color: var(--black-900);
    border-radius: var(--border-radius-4);
  }
  header .main-navigation ul ul.sub-menu > li a:hover, header .main-navigation ul ul.sub-menu > li a:active, header .main-navigation ul ul.sub-menu > li a:focus {
    background-color: var(--sand-100);
  }
  header .main-navigation .menu-main-menu-container {
    width: auto;
    max-width: unset;
    position: unset;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    padding: 0;
    background-color: unset;
    transition: none;
  }
  header .menu-toggle,
  header .main-navigation::before {
    display: var(--tabletLargeDisplay);
  }
  html.has-scrolled header {
    background-color: var(--white);
  }
  html.has-scrolled header .site-branding {
    filter: unset;
  }
  html.has-scrolled header .main-navigation ul.nav-menu li a, html.is-sticky header .main-navigation ul.nav-menu li a {
    color: var(--black-900);
  }
}
.site-title,
.site-description {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

nav.navigation.pagination .nav-links {
  display: flex;
  align-items: center;
  gap: var(--size-16);
  justify-content: center;
}
nav.navigation.pagination .nav-links .page-numbers {
  width: var(--size-32);
  height: var(--size-32);
  font-size: var(--font-18);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-body);
  border-radius: 50%;
  color: var(--green-700);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color var(--transitionTime300);
}
nav.navigation.pagination .nav-links .page-numbers:hover {
  background-color: var(--sand-500);
}
nav.navigation.pagination .nav-links .page-numbers svg {
  fill: none;
  stroke: var(--green-700);
}
nav.navigation.pagination .nav-links .page-numbers.current {
  background-color: var(--orange-600);
  color: var(--white);
}

footer {
  width: 100%;
  padding: 0;
  background-color: var(--blue-900);
  color: var(--white);
  position: relative;
}
footer .cta-banner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
footer .cta-banner > .global-container {
  position: relative;
}
footer .cta-banner h2, footer .cta-banner h3, footer .cta-banner h4 {
  color: var(--white);
}
footer .cta-banner h2 {
  font-size: var(--font-40);
}
@media (min-width: 40rem) {
  footer .cta-banner h2 {
    font-size: var(--font-56);
  }
}
footer .footer-nav-wrapper {
  display: flex;
  justify-content: space-between;
  row-gap: var(--size-32);
  flex-direction: column;
  padding: var(--size-32) 0;
  text-align: center;
}
footer .footer-logo {
  pointer-events: none;
  margin-bottom: 1.5rem;
}
footer .footer-logo img {
  width: auto;
  height: var(--size-24);
}
footer .footer-legal {
  font-size: var(--font-14);
  display: flex;
  flex-direction: column;
  row-gap: var(--size-24);
  column-gap: var(--size-48);
}
footer .footer-legal .nav-legal {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--size-24);
  row-gap: var(--size-16);
  justify-content: center;
}
footer .footer-legal .nav-legal a {
  font-size: var(--size-14);
  font-weight: var(--font-weight-semibold);
  color: var(--white);
  line-height: var(--line-height-body);
  opacity: 0.7;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity var(--transitionTime300);
}
footer .footer-legal .nav-legal a:hover, footer .footer-legal .nav-legal a:active, footer .footer-legal .nav-legal a:focus {
  opacity: 1;
  text-decoration: none;
}
footer .text-copyright {
  font-size: var(--size-14);
  line-height: var(--line-height-body);
  opacity: 0.7;
}

@media (min-width: 80rem) {
  footer .footer-nav-wrapper,
  footer .footer-legal {
    flex-direction: row;
    position: relative;
    text-align: left;
  }
  footer .footer-legal {
    align-items: center;
  }
  footer .nav-legal {
    justify-items: left;
  }
}
/* Blocks
--------------------------------------------- */
.wp-block-media-text.has-shadow-small img,
.wp-block-image.has-shadow-small img {
  box-shadow: 24px 20px 32px 0 rgba(38, 39, 39, 0.3);
}

.wp-block-media-text.has-shadow-large img,
.wp-block-image.has-shadow-large img {
  box-shadow: 24px 20px 32px 0 rgba(38, 39, 39, 0.3);
}

.wp-block-media-text {
  gap: 2rem;
}
@media (min-width: 40rem) {
  .wp-block-media-text {
    gap: 6rem;
    grid-template-columns: 1fr 1fr;
  }
  .wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 1fr;
  }
}
.wp-block-media-text > .wp-block-media-text__content {
  padding: 0;
}
.wp-block-media-text img {
  border-radius: var(--img-border-radius, 0);
}

.wp-block-media-text > .wp-block-media-text__content > * + *,
.wp-block-columns > .wp-block-column > * + *,
.wp-block-group > .wp-block-group__inner-container > * + *,
.wp-block-cover > .wp-block-cover__inner-container > * + * {
  margin-top: var(--size-16);
}
.wp-block-media-text > .wp-block-media-text__content > * + .wp-block-buttons,
.wp-block-media-text > .wp-block-media-text__content > * + .wp-block-button__link,
.wp-block-columns > .wp-block-column > * + .wp-block-buttons,
.wp-block-columns > .wp-block-column > * + .wp-block-button__link,
.wp-block-group > .wp-block-group__inner-container > * + .wp-block-buttons,
.wp-block-group > .wp-block-group__inner-container > * + .wp-block-button__link,
.wp-block-cover > .wp-block-cover__inner-container > * + .wp-block-buttons,
.wp-block-cover > .wp-block-cover__inner-container > * + .wp-block-button__link {
  margin-top: var(--size-24);
}

.wp-block-cover {
  min-height: auto;
  padding: 3rem 1.5rem;
}
@media (min-width: 40rem) {
  .wp-block-cover {
    padding: 5rem 2rem;
  }
}

.wp-block-columns.container {
  row-gap: var(--size-16);
}
.wp-block-columns.default-gap {
  column-gap: 6rem;
}

@media (max-width: 40rem) {
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
    grid-row: 2;
  }
  .wp-block-cover.is-hidden-mobile .has-background-dim,
  .wp-block-cover.is-hidden-mobile img.wp-block-cover__image-background {
    display: none;
  }
}
[class*=wp-block-] {
  --wp--preset--spacing--0: 0;
  --wp--preset--spacing--20: 0.5rem;
  --wp--preset--spacing--30: 1rem;
  --wp--preset--spacing--40: 2rem;
  --wp--preset--spacing--50: 2rem;
  --wp--preset--spacing--60: 2rem;
  --wp--preset--spacing--70: 2rem;
  --wp--preset--spacing--80: 3rem;
}
@media (min-width: 40rem) {
  [class*=wp-block-] {
    --wp--preset--spacing--50: 3rem;
    --wp--preset--spacing--60: 4rem;
    --wp--preset--spacing--70: 5rem;
    --wp--preset--spacing--80: 6rem;
  }
}

.wp-block-image[class*=wp-container-content-] {
  flex-shrink: 0;
}
.wp-block-image.is-style-icon-border {
  border: 1px solid var(--sand-500);
  border-radius: 9999px;
  padding: 0.75rem;
  width: fit-content;
  display: flex;
}

ul.wp-block-list li,
ol.wp-block-list li {
  position: relative;
}
ul.wp-block-list li + li,
ul.wp-block-list li > ul,
ul.wp-block-list li > ol,
ol.wp-block-list li + li,
ol.wp-block-list li > ul,
ol.wp-block-list li > ol {
  margin-top: var(--size-16);
}
ul.wp-block-list li > .is-style-icon-list,
ol.wp-block-list li > .is-style-icon-list {
  margin-left: 0;
}

ul.wp-block-list {
  list-style: none;
}
ul.wp-block-list li {
  position: relative;
  padding-left: 1.5rem;
}
ul.wp-block-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--orange-600);
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: var(--border-radius-full);
}
ul.wp-block-list li + li,
ul.wp-block-list li > ul,
ul.wp-block-list li > ol {
  margin-top: var(--size-16);
}
ul.wp-block-list li > ol li {
  padding-left: 0;
}
ul.wp-block-list li > ol li::before {
  display: none;
}
ul.wp-block-list.is-style-icon-list li {
  position: relative;
  padding-left: 2rem;
}
ul.wp-block-list.is-style-icon-list li::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 -960 960 960'><path d='m421-298 283-283-46-45-237 237-120-120-45 45 165 166Zm59 218q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Z' fill='%23496A4D'/></svg>");
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 0.25rem;
  left: 0;
  background: none;
  border-radius: 0;
}

ol.wp-block-list li ol {
  margin-left: 0;
}
ol.wp-block-list.is-style-icon-list {
  --start-val: attr(start type(<integer>), 1);
  counter-reset: my-counter calc(var(--start-val) - 1);
  padding-left: 2.5rem;
  list-style: none;
}
ol.wp-block-list.is-style-icon-list > li {
  counter-increment: my-counter;
  position: relative;
}
ol.wp-block-list.is-style-icon-list > li::before {
  content: counter(my-counter);
  --size: 1.5rem;
  position: absolute;
  font-size: var(--font-12);
  line-height: var(--size);
  font-weight: var(--font-weight-semibold);
  left: -2.5rem;
  width: var(--size);
  height: var(--size);
  top: 3px;
  color: var(--white);
  background: var(--orange-600);
  border-radius: 9999px;
  text-align: center;
}

/* Posts and pages
--------------------------------------------- */
.wp-block-gblocks-announcement-bar {
  padding-block: 1rem;
  text-align: center;
}
.wp-block-gblocks-announcement-bar a {
  color: var(--white);
  font-weight: var(--font-weight-semibold);
}

main.site-main .wp-block-gblocks-announcement-bar {
  margin-top: 0;
}

.cta-banner {
  padding-block: var(--size-32);
}
@media (min-width: 80rem) {
  .cta-banner {
    padding-block: var(--size-80);
  }
}
.cta-banner figure {
  aspect-ratio: unset;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cta-banner figure img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
}
.cta-banner .newsletter-wrapper {
  max-width: 36rem;
  margin-inline: auto;
}
.cta-banner .newsletter-wrapper form > * + * {
  margin-top: var(--size-16);
}
.cta-banner .newsletter-wrapper form label {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
@media (min-width: 40rem) {
  .cta-banner .newsletter-wrapper form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
  }
  .cta-banner .newsletter-wrapper form input[type=text],
  .cta-banner .newsletter-wrapper form input[type=email] {
    flex-basis: 0;
    flex-grow: 1;
  }
}
.cta-banner .newsletter-wrapper form #form-message {
  width: 100%;
  text-align: center;
}
.cta-banner .text-disclaimer {
  font-size: var(--size-14);
}
.cta-banner .text-disclaimer a {
  font-size: var(--size-14);
  font-weight: var(--font-weight-regular);
  color: var(--white);
  text-underline-offset: 2px;
}
.cta-banner .text-disclaimer a:hover, .cta-banner .text-disclaimer a:active, .cta-banner .text-disclaimer a:focus {
  opacity: 1;
  text-decoration: none;
}

.articles-listing {
  row-gap: 2rem;
}

.article-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
}
.article-card a {
  display: block;
  text-decoration: none;
}
.article-card .article-card-image {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--border-radius-16);
  position: relative;
}
.article-card .article-card-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform var(--transitionTime300);
}
.article-card .article-card-details h3 {
  font-size: var(--size-18);
  line-height: var(--line-height-body);
}
@media (min-width: 40rem) {
  .article-card .article-card-details h3 {
    font-size: var(--size-24);
  }
}
.article-card .article-card-details h3 {
  transition: color var(--transitionTime300);
}
.article-card .article-card-details a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.article-card .article-card-details:hover h3, .article-card .article-card-details:active h3, .article-card .article-card-details:focus h3 {
  color: var(--green-700);
  text-decoration: underline;
}
.article-card:hover .article-card-image img, .article-card:active .article-card-image img, .article-card:focus .article-card-image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.category-tag-badge,
.default-badge {
  text-transform: uppercase;
  text-decoration: none;
  font-family: var(--body-font);
  font-size: var(--size-14);
  line-height: var(--size-20);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.1em;
  color: var(--white);
  padding: 0.5rem 0.75rem 0.25rem;
  display: flex;
  width: fit-content;
}

.category-tag-badge {
  background-color: var(--orange-600);
  border-radius: var(--border-radius-full);
}

a.category-tag-badge {
  transition: background-color var(--transitionTime300);
}
a.category-tag-badge:hover, a.category-tag-badge:active, a.category-tag-badge:focus {
  color: var(--white);
  background-color: var(--orange-900);
}

.default-badge {
  background-color: var(--blue-500);
  border-radius: var(--border-radius-4);
}

.article-page-content .wp-block-group.is-style-narrow,
.article-page-content .category-tag-badge {
  margin-inline: auto;
}
.article-page-content .post-heading {
  justify-content: center;
}
.article-page-content .post-image-banner {
  width: 100%;
}
.article-page-content .post-image-banner picture {
  width: 100%;
  display: inline-block;
  aspect-ratio: 16/9;
  position: relative;
}
.article-page-content .post-image-banner picture img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform var(--transitionTime300);
}

.archive-description {
  margin-inline: auto;
}

@media (min-width: 80rem) {
  .page-template-template-legal .global-container > [class*=wp-block-].is-style-narrow {
    padding-inline: 6rem;
  }
}
.books-listing,
.series-listing {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
@media (min-width: 40rem) {
  .books-listing,
  .series-listing {
    row-gap: 5rem;
  }
}
.books-listing > * + *,
.series-listing > * + * {
  padding-top: var(--size-48);
}
@media (min-width: 40rem) {
  .books-listing > * + *,
  .series-listing > * + * {
    padding-top: var(--size-80);
  }
}
.books-listing > * + *,
.series-listing > * + * {
  border-top: 1px solid var(--sand-500);
}

@media (min-width: 40rem) {
  .books-listing .wp-block-media-text.full-book-card:nth-child(even) picture {
    grid-column: 2;
  }
  .books-listing .wp-block-media-text.full-book-card:nth-child(even) .wp-block-media-text__content {
    grid-column: 1;
  }
}
.book-covers-listing {
  display: flex;
  column-gap: 2.5rem;
  row-gap: 3rem;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 40rem) {
  .book-covers-listing {
    flex-direction: unset;
  }
}
.book-covers-listing .book-cover-card {
  width: 100%;
}
@media (min-width: 40rem) {
  .book-covers-listing .book-cover-card {
    width: calc(20% - 2rem);
  }
}
.book-covers-listing .book-cover-card picture {
  width: 100%;
  display: block;
}
@media (min-width: 80rem) {
  .book-covers-listing .book-cover-card picture {
    transition: transform var(--transitionTime300);
  }
  .book-covers-listing .book-cover-card picture:hover, .book-covers-listing .book-cover-card picture:active, .book-covers-listing .book-cover-card picture:focus {
    -webkit-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
  }
}
.book-covers-listing .book-cover-card picture img {
  width: 100%;
  border-radius: var(--size-4);
}
.book-covers-listing.is-content-justification-center {
  justify-content: center;
}
.book-covers-listing.is-series-layout {
  margin-top: var(--wp--preset--spacing--40);
}
@media (min-width: 40rem) {
  .book-covers-listing.is-series-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.book-covers-listing.is-series-layout .book-cover-card {
  width: 100%;
}

.wp-block-gblocks-upcoming-book-banner {
  position: relative;
}
@media (min-width: 40rem) {
  .wp-block-gblocks-upcoming-book-banner.alignfull {
    max-width: 80rem;
    margin-inline: auto;
  }
}
.wp-block-gblocks-upcoming-book-banner .upcoming-book-bg {
  width: 100%;
  display: block;
}
.wp-block-gblocks-upcoming-book-banner .upcoming-book-bg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  object-fit: cover;
  outline: none;
}
@media (min-width: 40rem) {
  .wp-block-gblocks-upcoming-book-banner .upcoming-book-bg img {
    border-radius: var(--size-16);
  }
}
.wp-block-gblocks-upcoming-book-banner .upcoming-book-cover {
  width: 100%;
  display: block;
}
.wp-block-gblocks-upcoming-book-banner .upcoming-book-cover img {
  width: 100%;
  border-radius: var(--size-4);
}
@media (min-width: 40rem) {
  .wp-block-gblocks-upcoming-book-banner .upcoming-book-cover {
    width: 16rem;
    flex-shrink: 0;
  }
}
.wp-block-gblocks-upcoming-book-banner .upcoming-book-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  position: relative;
  padding: 3rem 1.5rem;
}
@media (min-width: 40rem) {
  .wp-block-gblocks-upcoming-book-banner .upcoming-book-wrapper {
    flex-direction: row;
    padding: 5rem 2rem;
    gap: 6rem;
  }
}
@media (min-width: 80rem) {
  .wp-block-gblocks-upcoming-book-banner .upcoming-book-wrapper {
    padding-inline: 17rem;
  }
}
.wp-block-gblocks-upcoming-book-banner .upcoming-book-wrapper .upcoming-book-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: var(--white);
  border-radius: var(--size-16);
  padding: 1.5rem;
}
@media (min-width: 40rem) {
  .wp-block-gblocks-upcoming-book-banner .upcoming-book-wrapper .upcoming-book-content {
    padding: 2rem;
  }
}
.wp-block-gblocks-upcoming-book-banner .upcoming-book-wrapper .upcoming-book-content .upcoming-book-date .has-regular-font-size {
  color: var(--black-700);
}

.wp-block-media-text.full-book-card {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}
@media (min-width: 40rem) {
  .wp-block-media-text.full-book-card {
    grid-template-columns: 1fr 1fr;
  }
}
.wp-block-media-text.full-book-card picture,
.wp-block-media-text.full-book-card .wp-block-media-text__content {
  align-self: center;
}
.wp-block-media-text.full-book-card picture {
  --img-border-radius: var(--size-4);
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}
@media (max-width: 40rem) {
  .wp-block-media-text.full-book-card.is-stacked-on-mobile > .wp-block-media-text__media {
    grid-row: 1;
  }
  .wp-block-media-text.full-book-card.is-stacked-on-mobile > .wp-block-media-text__content {
    grid-row: 2;
  }
}

.book-single-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.book-single-hero img.wp-block-cover__image-background {
  border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.book-single-hero .wp-block-cover__background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--blue-900);
  opacity: 0.4;
}
.book-single-hero .wp-block-cover__inner-container {
  color: inherit;
  position: relative;
  width: 100%;
}

.wp-block-group.buy-copy-retailers {
  margin-block: 0;
}
.wp-block-group.buy-copy-retailers .wp-block-columns .wp-block-column {
  flex-basis: 100%;
}
.wp-block-group.buy-copy-retailers .wp-block-columns .wp-block-column h2.wp-block-heading {
  margin-bottom: var(--wp--preset--spacing--50);
}

ul.list-retailers {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  flex-direction: column;
}
@media (min-width: 40rem) {
  ul.list-retailers {
    flex-direction: unset;
  }
}
@media (min-width: 80rem) {
  ul.list-retailers {
    padding-inline: 2.5rem;
  }
}
ul.list-retailers a {
  text-align: center;
  width: 100%;
}
@media (min-width: 40rem) {
  ul.list-retailers a {
    width: auto;
  }
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5rem;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5rem;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.5rem 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: var(--white);
  border-radius: var(--border-radius-full);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: var(--green-700);
  display: block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semibold);
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}

/*# sourceMappingURL=style.css.map */