/*
Theme Name: HoneyBook Blog
Theme URI: https://www.honeybook.com/blog/
Author: SEVENSCOPE
Author URI: https://sevenscope.co/
Description: Theme for the HoneyBook Blog
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: honeybook
*/

/* Basic resets to keep the blank theme usable */
html, body {
  margin: 0;
  padding: 0;
}

/*body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}*/

/**
 * HoneyBook buttons: focus outline.
 *
 * WARNING: This block is maintained by the HoneyBook theme. Manual edits may be overwritten.
 */
button:focus,
button:focus-visible,
input[type="submit"]:focus,
input[type="submit"]:focus-visible,
input[type="button"]:focus,
input[type="button"]:focus-visible,
.elementor-button:focus,
.elementor-button:focus-visible {
  outline: 2px solid var(--e-global-color-primary, #FFFA56);
  outline-offset: 2px;
}

/**
 * HoneyBook buttons: disabled state.
 */
.elementor-button.elementor-button-disabled,
.elementor-button.elementor-button-disabled:hover,
.elementor-button.elementor-button-disabled:focus,
.elementor-button.elementor-button-disabled:active,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"disabled"'] .elementor-button,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"disabled"'] .elementor-button:hover,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"disabled"'] .elementor-button:focus,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"disabled"'] .elementor-button:active,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button:hover,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button:focus,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button:active {
  opacity: 0.33;
  pointer-events: none;
  cursor: not-allowed;
  outline: none !important;
}

/**
 * HoneyBook buttons: high emphasis dark variant.
 *
 * Matches the Elementor "High Emphasis Dark" button type. Icons inherit the text color.
 */
.elementor-widget-button .elementor-button.elementor-button-high-emphasis-dark,
.elementor-widget-button .elementor-button.elementor-button-high-emphasis-dark:visited,
.elementor-button.elementor-button-high-emphasis-dark,
.elementor-button.elementor-button-high-emphasis-dark:visited,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"high-emphasis-dark"'] .elementor-button,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"high-emphasis-dark"'] .elementor-button:visited {
  color: var(--e-global-color-text, #142127);
  background-color: var(--e-global-color-hb_secondary_grey, #C7D5D9);
  border-color: var(--e-global-color-hb_secondary_grey, #C7D5D9);
}

.elementor-widget-button .elementor-button.elementor-button-high-emphasis-dark:hover,
.elementor-widget-button .elementor-button.elementor-button-high-emphasis-dark:focus,
.elementor-widget-button .elementor-button.elementor-button-high-emphasis-dark:active,
.elementor-button.elementor-button-high-emphasis-dark:hover,
.elementor-button.elementor-button-high-emphasis-dark:focus,
.elementor-button.elementor-button-high-emphasis-dark:active,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"high-emphasis-dark"'] .elementor-button:hover,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"high-emphasis-dark"'] .elementor-button:focus,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"high-emphasis-dark"'] .elementor-button:active {
  color: var(--e-global-color-text, #142127);
  background-color: var(--e-global-color-hb_secondary_grey, #C7D5D9);
  border-color: var(--e-global-color-hb_secondary_grey, #C7D5D9);
}

.elementor-button.elementor-button-high-emphasis-dark .elementor-button-icon i,
.elementor-button.elementor-button-high-emphasis-dark .elementor-button-icon svg,
.elementor-button.elementor-button-high-emphasis-dark .elementor-button-icon svg *,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"high-emphasis-dark"'] .elementor-button .elementor-button-icon i,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"high-emphasis-dark"'] .elementor-button .elementor-button-icon svg,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"high-emphasis-dark"'] .elementor-button .elementor-button-icon svg * {
  color: currentColor;
  fill: currentColor;
}

/**
 * HoneyBook buttons: medium emphasis light variant.
 *
 * Matches the Elementor "Medium Emphasis Light" button type. Icons inherit the text color.
 */
.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-light,
.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-light:visited,
.elementor-button.elementor-button-medium-emphasis-light,
.elementor-button.elementor-button-medium-emphasis-light:visited,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-light"'] .elementor-button,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-light"'] .elementor-button:visited {
  color: var(--e-global-color-text, #142127);
  background-color: transparent;
  border-color: var(--e-global-color-text, #142127);
}

.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-light:hover,
.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-light:focus,
.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-light:active,
.elementor-button.elementor-button-medium-emphasis-light:hover,
.elementor-button.elementor-button-medium-emphasis-light:focus,
.elementor-button.elementor-button-medium-emphasis-light:active,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-light"'] .elementor-button:hover,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-light"'] .elementor-button:focus,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-light"'] .elementor-button:active {
  color: var(--e-global-color-text, #142127);
  background-color: transparent;
  border-color: var(--e-global-color-text, #142127);
}

.elementor-button.elementor-button-medium-emphasis-light .elementor-button-icon i,
.elementor-button.elementor-button-medium-emphasis-light .elementor-button-icon svg,
.elementor-button.elementor-button-medium-emphasis-light .elementor-button-icon svg *,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-light"'] .elementor-button .elementor-button-icon i,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-light"'] .elementor-button .elementor-button-icon svg,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-light"'] .elementor-button .elementor-button-icon svg * {
  color: currentColor;
  fill: currentColor;
}

/**
 * HoneyBook buttons: medium emphasis dark variant.
 *
 * Matches the Elementor "Medium Emphasis Dark" button type. Icons inherit the text color.
 */
.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-dark,
.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-dark:visited,
.elementor-button.elementor-button-medium-emphasis-dark,
.elementor-button.elementor-button-medium-emphasis-dark:visited,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-dark"'] .elementor-button,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-dark"'] .elementor-button:visited {
  color: var(--e-global-color-hb_primary_white, #FFFFFF);
  background-color: transparent;
  border-color: var(--e-global-color-hb_primary_white, #FFFFFF);
}

.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-dark:hover,
.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-dark:focus,
.elementor-widget-button .elementor-button.elementor-button-medium-emphasis-dark:active,
.elementor-button.elementor-button-medium-emphasis-dark:hover,
.elementor-button.elementor-button-medium-emphasis-dark:focus,
.elementor-button.elementor-button-medium-emphasis-dark:active,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-dark"'] .elementor-button:hover,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-dark"'] .elementor-button:focus,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-dark"'] .elementor-button:active {
  color: var(--e-global-color-hb_primary_white, #FFFFFF);
  background-color: transparent;
  border-color: var(--e-global-color-hb_primary_white, #FFFFFF);
}

.elementor-button.elementor-button-medium-emphasis-dark .elementor-button-icon i,
.elementor-button.elementor-button-medium-emphasis-dark .elementor-button-icon svg,
.elementor-button.elementor-button-medium-emphasis-dark .elementor-button-icon svg *,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-dark"'] .elementor-button .elementor-button-icon i,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-dark"'] .elementor-button .elementor-button-icon svg,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"medium-emphasis-dark"'] .elementor-button .elementor-button-icon svg * {
  color: currentColor;
  fill: currentColor;
}

/**
 * HoneyBook buttons: low emphasis custom color variants.
 *
 * Matches the Elementor "Low Emphasis Custom Color" button types. Icons inherit the text color.
 */
.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom,
.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom-disabled,
.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom:visited,
.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom-disabled:visited,
.elementor-button.elementor-button-low-emphasis-custom,
.elementor-button.elementor-button-low-emphasis-custom-disabled,
.elementor-button.elementor-button-low-emphasis-custom:visited,
.elementor-button.elementor-button-low-emphasis-custom-disabled:visited {
  color: var(--e-global-color-text, #142127);
  background-color: var(--e-global-color-hb_secondary_orange, #FFAA00);
  border-color: var(--e-global-color-hb_secondary_orange, #FFAA00);
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1em;
}

.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom:hover,
.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom-disabled:hover,
.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom:focus,
.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom-disabled:focus,
.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom:active,
.elementor-widget-button .elementor-button.elementor-button-low-emphasis-custom-disabled:active,
.elementor-button.elementor-button-low-emphasis-custom:hover,
.elementor-button.elementor-button-low-emphasis-custom-disabled:hover,
.elementor-button.elementor-button-low-emphasis-custom:focus,
.elementor-button.elementor-button-low-emphasis-custom-disabled:focus,
.elementor-button.elementor-button-low-emphasis-custom:active,
.elementor-button.elementor-button-low-emphasis-custom-disabled:active {
  color: var(--e-global-color-text, #142127);
  background-color: var(--e-global-color-hb_secondary_orange, #FFAA00);
  border-color: var(--e-global-color-hb_secondary_orange, #FFAA00);
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1em;
}

.elementor-button.elementor-button-low-emphasis-custom .elementor-button-icon i,
.elementor-button.elementor-button-low-emphasis-custom-disabled .elementor-button-icon i,
.elementor-button.elementor-button-low-emphasis-custom .elementor-button-icon svg,
.elementor-button.elementor-button-low-emphasis-custom-disabled .elementor-button-icon svg,
.elementor-button.elementor-button-low-emphasis-custom .elementor-button-icon svg *,
.elementor-button.elementor-button-low-emphasis-custom-disabled .elementor-button-icon svg * {
  color: currentColor;
  fill: currentColor;
}

.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom"'] .elementor-button,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom"'] .elementor-button:visited,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button:visited {
  color: var(--e-global-color-text, #142127);
  background-color: var(--e-global-color-hb_secondary_orange, #FFAA00);
  border-color: var(--e-global-color-hb_secondary_orange, #FFAA00);
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1em;
}

.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom"'] .elementor-button:hover,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom"'] .elementor-button:focus,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom"'] .elementor-button:active,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button:hover,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button:focus,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button:active {
  color: var(--e-global-color-text, #142127);
  background-color: var(--e-global-color-hb_secondary_orange, #FFAA00);
  border-color: var(--e-global-color-hb_secondary_orange, #FFAA00);
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1em;
}

.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom"'] .elementor-button .elementor-button-icon i,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom"'] .elementor-button .elementor-button-icon svg,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom"'] .elementor-button .elementor-button-icon svg *,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button .elementor-button-icon i,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button .elementor-button-icon svg,
.elementor-editor-active .elementor-widget-button[data-settings*='"button_type":"low-emphasis-custom-disabled"'] .elementor-button .elementor-button-icon svg * {
  color: currentColor;
  fill: currentColor;
}