/* cardo-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/cardo-v20-latin/cardo-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cardo-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cardo';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/cardo-v20-latin/cardo-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cardo-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/cardo-v20-latin/cardo-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* arvo-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/arvo-v22-latin/arvo-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* arvo-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/arvo-v22-latin/arvo-v22-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* arvo-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/arvo-v22-latin/arvo-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* arvo-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/arvo-v22-latin/arvo-v22-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Adrian Hewitt specific styles */

/* Default light theme (no JS fallback) */
:root,
:root[data-theme="light"] {
  --color-1: #000;
  --color-2: #333;
  --color-3: #fff;

  --color-bg: #fffef2;
  --dolor-bg: #333;

  --brand-color-bg: #000;
  --brand-color-text: #fff;
  --brand-dolor-bg: #f55951;
  --brand-dolor-text: #fff;

  --menu-color-bg: #000;
  --menu-color-text: #fff;
  --menu-dolor-bg: #f55951;
  --menu-dolor-text: #FAF8FF;

  --color-text: #000;
  --dolor-text: #FAF8FF;
  --color-text-link: #333;
  --color-text-link-bg: #F8E478;
  --color-text-link-bg-hover: #ffa296;
  --dolor-text-link: #333;
  --dolor-text-link-bg: #f3eed9;
  --dolor-text-link-bg-hover: #f55951;
  
  --color-heading: #222;
  --color-heading-media: #FAEEB0;
  --dolor-heading: #F3EED9;
  --dolor-heading-media: #F3EED9;


  --color-toggle-disabled-bg: #f55951;
  --color-toggle-disabled-control: #fff;
  --color-toggle-enabled-bg: #000;
  --color-toggle-enabled-control: #fff;

  --body-font-family: Cardo, sans-serif;
  --body-font-size: 1rem;
  --body-font-weight: 300;
  --body-line-height: 1.45;

  --project-link-font-size: 1.3rem;

  --heading-style-1-font-family: Arvo, sans-serif;
  --heading-style-1-font-size: 2.8rem;
  --heading-style-1-font-weight: 500;
  --heading-style-1-line-height: 1.15;
  --heading-style-1-margin: 2.75rem 0 1rem;
  --heading-style-1-text-transform: initial;

  --heading-style-2-font-family: Arvo, sans-serif;
  --heading-style-2-font-size: 1.6rem;
  --heading-style-2-font-weight: 500;
  --heading-style-2-line-height: 1.15;
  --heading-style-2-margin: 0;

  --heading-style-3-font-family: Arvo, sans-serif;
  --heading-style-3-font-size: 1.6rem;
  --heading-style-3-font-weight: 500;
  --heading-style-3-line-height: 1.15;
  --heading-style-4-margin: 0;

  --heading-style-4-font-family: Arvo, sans-serif;
  --heading-style-4-font-size: 1.2rem;
  --heading-style-4-font-weight: 500;
  --heading-style-4-line-height: 1.15;
  --heading-style-4-margin: 0;

  --content-style-large-font-family: Cardo, sans-serif;
  --content-style-large-font-size: 2rem;
  --content-style-large-font-weight: 300;
  --content-style-large-line-height: 1.45;
  --content-style-large-margin: 1.25em;

  --content-style-default-font-family: Cardo, sans-serif;
  --content-style-default-font-size: 1.3rem;
  --content-style-default-font-weight: 300;
  --content-style-default-line-height: 1.45;
  --content-style-default-margin: 1.25em;


  --work-grid-column-gap: 1.5rem;
  --work-card-background: transparent;
  --work-card-padding: initial;

  --heading-work-card-font-family: Arvo, sans-serif;
  --heading-work-card-color: #222;
  --heading-work-card-dolor: #faf8ff;
  --heading-work-card-size: 1.6rem;
  --heading-work-card-font-weight: 400;
  --heading-work-card-text-align: center;
  --heading-work-card-line-height: 1.15;
  --heading-work-card-text-transform: initial;

  --btn-font-family: Cardo, sans-serif;
  --btn-font-weight: 300;
  --btn-text-transform: initial;

  --btn-lg-font-family: Arvo, sans-serif;

  --contact-label-font-family: Arvo, sans-serif;
  --btn-lg-font-size: 1.6rem;
  --btn-lg-font-weight: 400;
  --btn-lg-line-height: 1.15;
  --btn-lg-text-transform: initial;
  --btn-lg-padding: 0.75rem 1rem;

  /* MENU */
  --menu-border-radius: 9999px;
  /* TOGGLE */
  --toggle-border-radius: 9999px;
  --toggle-indicator-enabled-bg: var(--color-toggle-disabled-bg);


  --color-widget-heading: #FAEEB0;
  --color-widget-details: #ffa296;
  --color-widget-artist: #ffe2d6;
  --color-widget-empty: #333;
  --color-widget-placeholder: #fff;
  --dolor-widget-heading: #f55951;
  --dolor-widget-details: #F3EED9;
  --dolor-widget-artist: #FAF8FF;
  --dolor-widget-empty: #333;
  --dolor-widget-placeholder: #f55951;

  --frame-color-1: #333;
  --frame-dolor-1: #000;
  --frame-color-2: #666;
  --frame-dolor-2: #000;
  --frame-color-3: #333;
  --frame-dolor-3: #000;
  --frame-color-4: #777;
  --frame-dolor-4: #000;




  --form-color-text: #222;
  --form-dolor-text: #333;
  --form-color-border: #e5e7eb;
  --form-dolor-border: #f3eed9;
  --form-color-bg: #fff;
  --form-dolor-bg: #f3eed9;
  --form-color-active-border: #ffa296;
  --form-dolor-active-border: #f55951;
  --form-color-active-bg: #fff;
  --form-dolor-active-bg: #f3eed9;
  --form-color-disabled-bg: grey;
  --form-dolor-disabled-bg: grey;
  --form-color-button-bg: #ed7c70;
  --form-dolor-button-bg: #f55951;
  --form-color-button-text: #fff;
  --form-dolor-button-text: #fff;
  --form-color-button-hover-text: #fff;
  --form-dolor-button-hover-text: #fff;
  --form-color-button-hover-bg: #ffa296;
  --form-dolor-button-hover-bg: #ffa296;
  --form-color-button-hover: #fff;
  --form-dolor-button-hover: #fff;
  --form-color-button-disabled: grey;
  --form-dolor-button-disabled: grey;
  --form-color-checkbox: #fff;
  --form-dolor-checkbox: #f3eed9;
  --form-color-checkbox-border: #e5e7eb;
  --form-dolor-checkbox-border: #f3eed9;
  --form-color-hover-checkbox: #ffa296;
  --form-dolor-hover-checkbox: #f55951;
  --form-color-active-checkbox: #ffa296;
  --form-dolor-active-checkbox: #f55951;
  --form-color-disabled-checkbox: grey;
  --form-dolor-disabled-checkbox: grey;


  
  --form-color-message-success-bg: #10b981;
  --form-color-message-success-text: #fff;
  --form-color-message-error-bg: #f55951;
  --form-color-message-error-text: #fff;


  --map-marker-color-emoji-border: #F8E478;
  --map-marker-dolor-emoji-border: #F3EED9;
  --map-marker-color-emoji-border-hover: #f55951;
  --map-marker-dolor-emoji-border-hover: #fff;
  --map-marker-color-emoji-background: rgba(255,255,255,0.85);
  --map-marker-dolor-emoji-background: rgba(255,255,255,0.7);

  --button-color-bg: #000;
  --button-dolor-bg: #f55951;
  --button-color-text: #fff;
  --button-dolor-text: #fff;
  --button-color-hover-bg: #333;
  --button-dolor-hover-bg: #ffa296;
  --button-color-hover-text: #fff;
  --button-dolor-hover-text: #fff;

  --error404-code-font-family: var(--heading-style-1-font-family);
  --error404-code-font-size: 8rem;
  --error404-code-font-size-sm: 4rem;
  --error404-code-font-weight: 700;
  --error404-code-line-height: 1;
  --error404-title-font-family: var(--heading-style-1-font-family);
  --error404-title-font-size: 2rem;
  --error404-title-font-size-sm: 1.5rem;
  --error404-title-font-weight: var(--heading-style-1-font-weight);
  --error404-title-line-height: var(--heading-style-1-line-height);
  --error404-title-text-transform: var(--heading-style-1-text-transform);

  --error404-code-color: #ed7c70;
  --error404-code-dolor: #f55951;
  --error404-message-color: #6b7280;
  --error404-message-dolor: var(--dolor-text);
  --error404-border-color: #e5e7eb;
  --error404-border-dolor: var(--form-dolor-border);
  --error404-back-btn-text: #000;
  --error404-back-btn-dolor: var(--dolor-text);
  --error404-back-btn-bg-color: transparent;
  --error404-back-btn-bg-dolor: transparent;
  --error404-back-btn-hover-bg-color: #ed7c70;
  --error404-back-btn-hover-bg-dolor: #555;
  --error404-back-btn-hover-text-color: #fff;
  --error404-back-btn-hover-text-dolor: #fff;

  --post-nav-prev-bg-color: #333;
  --post-nav-prev-bg-dolor: #222;
  --post-nav-next-bg-color: #f55951;
  --post-nav-next-bg-dolor: #f55951;
  --post-nav-prev-hover-bg-color: #222;
  --post-nav-prev-hover-bg-dolor: #111;
  --post-nav-next-hover-bg-color: #ffa296;
  --post-nav-next-hover-bg-dolor: #ffa296;
  --post-nav-label-color: rgba(255, 255, 255, 0.5);
  --post-nav-label-dolor: rgba(255, 255, 255, 0.5);
  --post-nav-title-color: #fff;
  --post-nav-title-dolor: #fff;
  --post-nav-title-font-family: Arvo, sans-serif;
}


/* System dark preference (no JS fallback) */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: var(--dolor-bg);
    --color-text: var(--dolor-text);
    --color-text-link: var(--dolor-text-link);
    --color-text-link-bg: var(--dolor-text-link-bg);
    --color-text-link-bg-hover: var(--dolor-text-link-bg-hover);

    --brand-color-bg: var(--brand-dolor-bg);
    --brand-color-text: var(--brand-dolor-text);

    --menu-color-bg: var(--menu-dolor-bg);
    --menu-color-text: var(--menu-dolor-text);

    --color-heading: var(--dolor-heading);
    --color-heading-media: var(--dolor-heading-media);

    --heading-work-card-color: var(--heading-work-card-dolor);

    --color-widget-heading: var(--dolor-widget-heading);
    --color-widget-details: var(--dolor-widget-details);
    --color-widget-artist: var(--dolor-widget-artist);
    --color-widget-empty: var(--dolor-widget-empty);
    --color-widget-placeholder: var(--dolor-widget-placeholder);

    --frame-color-1: var(--frame-dolor-1);
    --frame-color-2: var(--frame-dolor-2);
    --frame-color-3: var(--frame-dolor-3);
    --frame-color-4: var(--frame-dolor-4);

    --form-color-text: var(--form-dolor-text);
    --form-color-border: var(--form-dolor-border);
    --form-color-bg: var(--form-dolor-bg);
    --form-color-active-border: var(--form-dolor-active-border);
    --form-color-active-bg: var(--form-dolor-active-bg);
    --form-color-disabled-bg: var(--form-dolor-disabled-bg);
    --form-color-button-bg: var(--form-dolor-button-bg);
    --form-color-button-text: var(--form-dolor-button-text);
    --form-color-button-hover-text: var(--form-dolor-button-hover-text);
    --form-color-button-hover-bg: var(--form-dolor-button-hover-bg);
    --form-color-button-hover: var(--form-dolor-button-hover);
    --form-color-button-disabled: var(--form-dolor-button-disabled);
    --form-color-checkbox: var(--form-dolor-checkbox);
    --form-color-checkbox-border: var(--form-dolor-checkbox-border);
    --form-color-hover-checkbox: var(--form-dolor-hover-checkbox);
    --form-color-active-checkbox: var(--form-dolor-active-checkbox);
    --form-color-disabled-checkbox: var(--form-dolor-disabled-checkbox);

    --map-marker-color-emoji-background: var(--map-marker-dolor-emoji-background);
    --map-marker-color-emoji-border: var(--map-marker-dolor-emoji-border);
    --map-marker-color-emoji-border-hover: var(--map-marker-dolor-emoji-border-hover);

    --button-color-bg: var(--button-dolor-bg);
    --button-color-text: var(--button-dolor-text);
    --button-color-hover-bg: var(--button-dolor-hover-bg);
    --button-color-hover-text: var(--button-dolor-hover-text);

    --error404-code-color: var(--error404-code-dolor);
    --error404-message-color: var(--error404-message-dolor);
    --error404-border-color: var(--error404-border-dolor);
    --error404-back-btn-text: var(--error404-back-btn-dolor);
    --error404-back-btn-bg-color: var(--error404-back-btn-bg-dolor);
    --error404-back-btn-hover-bg-color: var(--error404-back-btn-hover-bg-dolor);
    --error404-back-btn-hover-text-color: var(--error404-back-btn-hover-text-dolor);

    --post-nav-prev-bg-color: var(--post-nav-prev-bg-dolor);
    --post-nav-next-bg-color: var(--post-nav-next-bg-dolor);
    --post-nav-prev-hover-bg-color: var(--post-nav-prev-hover-bg-dolor);
    --post-nav-next-hover-bg-color: var(--post-nav-next-hover-bg-dolor);
    --post-nav-label-color: var(--post-nav-label-dolor);
    --post-nav-title-color: var(--post-nav-title-dolor);
  }
}

:root[data-theme="dark"] {
  --color-bg: var(--dolor-bg);
  --color-text: var(--dolor-text);
  --color-text-link: var(--dolor-text-link);
  --color-text-link-bg: var(--dolor-text-link-bg);
  --color-text-link-bg-hover: var(--dolor-text-link-bg-hover);

  --brand-color-bg: var(--brand-dolor-bg);
  --brand-color-text: var(--brand-dolor-text);

  --menu-color-bg: var(--menu-dolor-bg);
  --menu-color-text: var(--menu-dolor-text);

  --color-heading: var(--dolor-heading);
  --color-heading-media: var(--dolor-heading-media);

  --heading-work-card-color: var(--heading-work-card-dolor);

  --color-widget-heading: var(--dolor-widget-heading);
  --color-widget-details: var(--dolor-widget-details);
  --color-widget-artist: var(--dolor-widget-artist);
  --color-widget-empty: var(--dolor-widget-empty);
  --color-widget-placeholder: var(--dolor-widget-placeholder);

  --frame-color-1: var(--frame-dolor-1);
  --frame-color-2: var(--frame-dolor-2);
  --frame-color-3: var(--frame-dolor-3);
  --frame-color-4: var(--frame-dolor-4);

  --form-color-text: var(--form-dolor-text);
  --form-color-border: var(--form-dolor-border);
  --form-color-bg: var(--form-dolor-bg);
  --form-color-active-border: var(--form-dolor-active-border);
  --form-color-active-bg: var(--form-dolor-active-bg);
  --form-color-disabled-bg: var(--form-dolor-disabled-bg);
  --form-color-button-bg: var(--form-dolor-button-bg);
  --form-color-button-text: var(--form-dolor-button-text);
  --form-color-button-hover-text: var(--form-dolor-button-hover-text);
  --form-color-button-hover-bg: var(--form-dolor-button-hover-bg);
  --form-color-button-hover: var(--form-dolor-button-hover);
  --form-color-button-disabled: var(--form-dolor-button-disabled);
  --form-color-checkbox: var(--form-dolor-checkbox);
  --form-color-checkbox-border: var(--form-dolor-checkbox-border);
  --form-color-hover-checkbox: var(--form-dolor-hover-checkbox);
  --form-color-active-checkbox: var(--form-dolor-active-checkbox);
  --form-color-disabled-checkbox: var(--form-dolor-disabled-checkbox);

  --map-marker-color-emoji-background: var(--map-marker-dolor-emoji-background);
  --map-marker-color-emoji-border: var(--map-marker-dolor-emoji-border);
  --map-marker-color-emoji-border-hover: var(--map-marker-dolor-emoji-border-hover);

  --button-color-bg: var(--button-dolor-bg);
  --button-color-text: var(--button-dolor-text);
  --button-color-hover-bg: var(--button-dolor-hover-bg);
  --button-color-hover-text: var(--button-dolor-hover-text);

  --error404-code-color: var(--error404-code-dolor);
  --error404-message-color: var(--error404-message-dolor);
  --error404-border-color: var(--error404-border-dolor);
  --error404-back-btn-text: var(--error404-back-btn-dolor);
  --error404-back-btn-bg-color: var(--error404-back-btn-bg-dolor);
  --error404-back-btn-hover-bg-color: var(--error404-back-btn-hover-bg-dolor);
  --error404-back-btn-hover-text-color: var(--error404-back-btn-hover-text-dolor);

  --post-nav-prev-bg-color: var(--post-nav-prev-bg-dolor);
  --post-nav-next-bg-color: var(--post-nav-next-bg-dolor);
  --post-nav-prev-hover-bg-color: var(--post-nav-prev-hover-bg-dolor);
  --post-nav-next-hover-bg-color: var(--post-nav-next-hover-bg-dolor);
  --post-nav-label-color: var(--post-nav-label-dolor);
  --post-nav-title-color: var(--post-nav-title-dolor);
}

.heading {
  color: var(--color-heading);
}

.heading.style-1 {
  font-size: var(--heading-style-1-font-size);
  font-family: var(--heading-style-1-font-family);
  font-weight: var(--heading-style-1-font-weight);
  line-height: var(--heading-style-1-line-height);
  text-transform: var(--heading-style-1-text-transform);
  margin: var(--heading-style-1-margin);
}
.heading.style-2 {
}
.heading.style-3 {
  font-size: var(--heading-style-3-font-size);
  font-family: var(--heading-style-3-font-family);
  font-weight: var(--heading-style-3-font-weight);
  line-height: var(--heading-style-3-line-height);
  margin: var(--heading-style-3-margin);
}
.heading.style-4 {
  font-size: var(--heading-style-4-font-size);
  font-family: var(--heading-style-4-font-family);
  font-weight: var(--heading-style-4-font-weight);
  line-height: var(--heading-style-4-line-height);
  margin: var(--heading-style-4-margin);
}
.heading.style-hidden {
  display: none;
}
.content.style-large {
  font-family: var(--content-style-large-font-family);
  font-size: var(--content-style-large-font-size);
  font-weight: var(--content-style-large-font-weight);
  line-height: var(--content-style-large-line-height);
}
.content.style-large p {
  margin-bottom: var(--content-style-large-margin);
}
.content.style-medium {
  font-family: var(--content-style-medium-font-family);
  font-size: var(--content-style-medium-font-size);
  font-weight: var(--content-style-medium-font-weight);
  line-height: var(--content-style-medium-line-height);
}
.content.style-medium p {
  margin-bottom: var(--content-style-medium-margin);
}


/* WORKING OUT SPACING */
.content p:last-child {
  margin-bottom: 0;
}
.heading-layout:first-of-type .heading {
  margin-top: 0;
}