:root {
  --hoot-grid-max-width: 1440px;
  --hoot-grid-min-width: 420px;
  --hoot-grid-span-gutter: 15px;
  --hoot-grid-span-doublegutter:calc(2 * var(--hoot-grid-span-gutter));
  --hoot-siteboxes-padding: var(--hoot-grid-span-gutter);
  --hoot-small-vmargin: 0.625em;
  --hoot-vmargin: 1em;
  --hoot-big-vmargin: 1.5625em;
  --hoot-spacer: 50px;
  --hoot-spacersmall: 40px;
  --hoot-widget-margin: 50px;
  --hoot-headings-margins: 35px 0 15px;
  --hoot-headings-botmargin: 15px;
  --hoot-entryblock-topmargin: 10px;
  --hoot-entryblock-botmargin: 25px;
  --nirvata-smallradius: 3px;
  --nirvata-radius: 5px;
  --nirvata-bigradius: 13px;
  --hoot-form-bg: #fff;
  --hoot-form-color: #666;
  --hoot-form-fieldbg: #fff;
  --hoot-form-fielddisabledbg: #fff;
  --hoot-form-highlightcolor: #ddd;
  --hoot-form-highlightdarkcolor: #aaa;
}

:root {
  --hoot-alt-family: Georgia, "Times New Roman", Times, serif;
  --hoot-mono-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  --hoot-sitehead-color: #555555;
  --hoot-logo-size: 30px;
  --hoot-logo-family: "Courgette", cursive, sans-serif;
  --hoot-logo-style: normal;
  --hoot-logo-transform: none;
  --hoot-logo-weight: normal;
  --hoot-logo-color: #222;
  --hoot-tagline-size: 15px;
  --hoot-tagline-family: inherit;
  --hoot-tagline-style: italic;
  --hoot-tagline-transform: none;
  --hoot-tagline-weight: normal;
  --hoot-tagline-color: #555;
  --hoot-headings-style: normal;
  --hoot-headings-transform:none;
  --hoot-headings-weight: 400;
  --hoot-headings-color: #222;
  --hoot-headings-family: "Courgette", cursive, sans-serif;
  --hoot-headings-lineheight:1.4em;
  --hoot-subheadings-family:"Noto Sans", sans-serif;
  --hoot-subheadings-style: italic;
  --hoot-subheadings-transform: none;
  --hoot-subheadings-weight:400;
  --hoot-subheadings-color: #777777;
  --hoot-h1-size: 1.875em;
  --hoot-h1-style: var(--hoot-headings-style);
  --hoot-h1-transform: var(--hoot-headings-transform);
  --hoot-h1-weight: var(--hoot-headings-weight);
  --hoot-h1-color: var(--hoot-headings-color);
  --hoot-h2-size: 1.625em;
  --hoot-h2-style: var(--hoot-headings-style);
  --hoot-h2-transform: var(--hoot-headings-transform);
  --hoot-h2-weight: var(--hoot-headings-weight);
  --hoot-h2-color: var(--hoot-headings-color);
  --hoot-h3-size: 1.5em;
  --hoot-h3-style: var(--hoot-headings-style);
  --hoot-h3-transform: var(--hoot-headings-transform);
  --hoot-h3-weight: var(--hoot-headings-weight);
  --hoot-h3-color: var(--hoot-headings-color);
  --hoot-h4-size: 1.375em;
  --hoot-h4-style: var(--hoot-headings-style);
  --hoot-h4-transform: var(--hoot-headings-transform);
  --hoot-h4-weight: var(--hoot-headings-weight);
  --hoot-h4-color: var(--hoot-headings-color);
  --hoot-h5-size: 1.375em;
  --hoot-h5-style: var(--hoot-headings-style);
  --hoot-h5-transform: var(--hoot-headings-transform);
  --hoot-h5-weight: var(--hoot-headings-weight);
  --hoot-h5-color: var(--hoot-headings-color);
  --hoot-h6-size: 1.375em;
  --hoot-h6-style: var(--hoot-headings-style);
  --hoot-h6-transform: var(--hoot-headings-transform);
  --hoot-h6-weight: var(--hoot-headings-weight);
  --hoot-h6-color: var(--hoot-headings-color);
  --hoot-linkcolor: #df9d00;
  --hoot-linkhovercolor: #5f4300;
  --hoot-basefont-size: 16px;
  --hoot-basefont-family: "Noto Sans", sans-serif;
  --hoot-basefont-style: normal;
  --hoot-basefont-transform: none;
  --hoot-basefont-weight: normal;
  --hoot-basefont-color: #555;
  --hoot-basefont-light: #aaa;
  --hoot-base-lineheight: 1.625em;
  --hoot-basefont-smallsize: 0.8125em;
  --hoot-basefont-smalllh: 1.384615em;
  --hoot-basefont-mediumsize: 0.875em;
  --hoot-basefont-mediumlh: 1.428571em;
  --hoot-basefont-bigsize: 1.25em;
  --hoot-basefont-biglh: 1.3em;
  --hoot-topbar-fontcolor: inherit;
  --hoot-menufont-size: 0.9375em;
  --hoot-menufont-family: inherit;
  --hoot-menufont-style: normal;
  --hoot-menufont-transform: none;
  --hoot-menufont-weight: normal;
  --hoot-menufont-color: #222;
  --hoot-menufont-lineheight: 1.2em;
  --hoot-menuicon-color: #222;
  --hoot-menuddfont-size: 0.9375em;
  --hoot-menuddfont-style: normal;
  --hoot-menuddfont-transform: none;
  --hoot-menuddfont-weight: normal;
  --hoot-menuddfont-color: #555;
  --hoot-menuddfont-lineheight: 1.2em;
  --hoot-sidebarhead-size: 1em;
  --hoot-sidebarhead-family: "Noto Sans", sans-serif;
  --hoot-sidebarhead-style: var(--hoot-headings-style);
  --hoot-sidebarhead-transform: var(--hoot-headings-transform);
  --hoot-sidebarhead-weight: 600;
  --hoot-sidebarhead-color: #222;
  --hoot-sidebarhead-lineheight:1.4em;
  --hoot-sidebar-size: inherit;
  --hoot-sidebar-style: normal;
  --hoot-sidebar-transform: none;
  --hoot-sidebar-weight: inherit;
  --hoot-sidebar-color: inherit;
  --hoot-sidebar-lineheight: 1.666666em;
  --hoot-footerhead-size: 1em;
  --hoot-footerhead-family: "Noto Sans", sans-serif;
  --hoot-footerhead-style: var(--hoot-headings-style);
  --hoot-footerhead-transform: var(--hoot-headings-transform);
  --hoot-footerhead-weight: 600;
  --hoot-footerhead-color: #222;
  --hoot-footerhead-lineheight: 1.4em;
  --hoot-footer-size: 16px;
  --hoot-footer-style: normal;
  --hoot-footer-transform: none;
  --hoot-footer-weight: normal;
  --hoot-footer-color: #555;
  --hoot-footer-lineheight: 1.666666em;
  --hoot-footer-dark: #333;
}

:root {
  --hoot-accentcolor: #df9d00;
  --hoot-accentfont: #fff;
  --hoot-buttoncolor: #df9d00;
  --hoot-buttonfont: #fff;
  --hoot-highlight10: rgba(0,0,0,0.04);
  --hoot-highlight20: rgba(0,0,0,0.06);
  --hoot-invhighlight20: rgba(255,255,255,0.08);
  --hoot-shadow10: rgba(0,0,0,0.09);
  --hoot-shadow30: rgba(0,0,0,0.14);
  --hoot-shadow50: rgba(0,0,0,0.14);
  --hoot-highlight10background: rgba(200,200,200,0.15);
  --hoot-body-bg: #ffffff;
  --hoot-topbar-bgcolor: "none";
  --hoot-logo-bg: "none";
  --hoot-menudd-bg: #ffffff;
  --hoot-box-bg: #ffffff;
  --hoot-article-bg: "transparent";
  --hoot-subfooter-bg: #fff;
  --hoot-footer-bg: #fff;
}

:root {
  --hoot-goto-offset: 60px;
  --hoot-logo-iconsize: 50px;
  --hoot-logo-maximgwidth: 350px;
  --hoot-sticky-gutter: 10px;
  --hoot-imghover-scale: 1.15;
  --hoot-loopnav-control: 30px;
  --hoot-loopnav-offset: 270px;
  --hoot-article-width: 1400px;
  --hoot-article-width-nosb: 1400px;
  --hoot-textstyle-dark: #333333;
  --hoot-textstyle-light: #ffffff;
  --hoot-textstyle-darkbg: rgba(0,0,0,0.60);
  --hoot-textstyle-lightbg: rgba(255,255,255,0.70);
}

@media only screen and (max-width: 969px) {
  :root {
    --hoot-goto-offset: 30px;
    --hoot-spacer: 50px;
    --hoot-spacersmall: 40px;
    --hoot-widget-margin: 40px;
    --hoot-logo-maximgwidth: 200px;
  }
}
@media only screen and (max-width: 600px) {
  :root {
    --hoot-goto-offset: 10px;
    --hoot-spacer: 50px;
    --hoot-spacersmall: 40px;
    --hoot-widget-margin: 30px;
    --hoot-logo-maximgwidth: 100px;
  }
}
:where(.editor-styles-wrapper) .has-accent-color {
  color: var(--wp--preset--color--accent) !important;
}
:where(.editor-styles-wrapper) .has-accent-background-color {
  background-color: var(--wp--preset--color--accent) !important;
}
:where(.editor-styles-wrapper) .has-accent-font-color {
  color: var(--wp--preset--color--accent-font) !important;
}
:where(.editor-styles-wrapper) .has-accent-font-background-color {
  background-color: var(--wp--preset--color--accent-font) !important;
}

/************* WordPress Blocks *************/
/*** Text Size ***/
.has-small-font-size {
  line-height: var(--hoot-base-lineheight);
}

.has-regular-font-size, .has-normal-font-size {
  line-height: var(--hoot-base-lineheight);
}

.has-medium-font-size {
  line-height: 1.3em;
}

.has-large-font-size {
  line-height: 1.2em;
}

.has-larger-font-size, .has-huge-font-size {
  line-height: 1.1em;
}

/*** Media&Text ***/
.wp-block-media-text.has-background .wp-block-media-text__content {
  padding-top: 2em;
  padding-bottom: 1.5em;
}
.wp-block-media-text .wp-block-media-text__content > * {
  margin: 0.5em 0;
}
.wp-block-media-text .wp-block-media-text__content > *:first-child {
  margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content > *:last-child {
  margin-bottom: 0;
}
.wp-block-media-text.alignwide, .wp-block-media-text.alignfull {
  text-align: inherit;
}

/*** Seperator ***/
:where(.editor-styles-wrapper) .wp-block-separator {
  margin-left: auto;
  margin-right: auto;
}

/*** Blockquote ***/
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  border-left: 5px solid;
}

.wp-block-quote.has-text-align-center {
  border: none;
  padding: 0 1em;
}

.wp-block-quote.has-text-align-right {
  border-right: 5px solid;
  border-left: 0;
  padding: 0 1em 0 0;
}

/*** Pullquote ***/
.wp-block-pullquote {
  padding: 0;
  margin: var(--hoot-vmargin) 0;
  border-top: solid 5px;
  border-bottom: solid 5px;
}

.wp-block-pullquote blockquote {
  padding: 2em;
  margin: 0;
  border-left: none;
  border-right: none;
}

.wp-block-pullquote.is-style-solid-color blockquote {
  border: none;
}

.editor-styles-wrapper .wp-block-pullquote:not(.is-style-solid-color) {
  background: none;
}

/*** Verse ***/
pre.wp-block-verse {
  padding: 15px 10px 15px 20px;
  color: inherit;
  border: none;
  font-family: inherit;
  font-family: var(--hoot-alt-family);
  word-break: normal;
  word-wrap: normal;
  line-height: 1.4;
  font-style: italic;
  border-left: 2px dotted;
}

/*** Button Block - with button class added by user ***/
div.wp-element-button {
  border-radius: 0;
}

/* Other Buttons */
.wp-block-search__button, .wp-block-file__button {
  border-radius: 0;
  text-decoration: none;
}

/*** Image/Figcaption ***/
figure.wp-block-image:not(.alignleft):not(.alignright):not(.aligncenter):not(.alignwide):not(.alignfull) {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
figure.wp-block-image:not(.alignleft):not(.alignright):not(.aligncenter):not(.alignwide):not(.alignfull) figcaption {
  display: table-caption;
  caption-side: bottom;
}

.editor-styles-wrapper figcaption {
  background: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 5px;
  font-size: var(--hoot-basefont-smallsize);
  line-height: var(--hoot-basefont-smalllh);
  text-align: center;
}

.wp-block-image.is-style-rounded figcaption {
  background: none;
}

.wp-block-image:not(.is-style-rounded) > div {
  vertical-align: middle;
}

.wp-block[data-align=center] > .wp-block-image {
  clear: both;
}

/*** Embed/Gallery ***/
.wp-block-gallery {
  /* WP 5.9 */
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(.alignleft):not(.alignright):not(.aligncenter):not(.alignwide):not(.alignfull) {
  display: flex;
}

/*** Blocks Responsive ***/
@media only screen and (max-width: 969px) {
  .wp-block-media-text .wp-block-media-text__content {
    padding-top: 2em;
    padding-bottom: 1.5em;
  }
}
/************* WC Blocks *************/
[class*=wp-block-woocommerce],
[class*=wc-block] {
  text-align: inherit;
}
[class*=wp-block-woocommerce].alignwide,
[class*=wc-block].alignwide {
  margin-left: auto;
  margin-right: auto;
}

/************* Theme Styles *************/
.wp-block-image.is-style-hoot-image-border img {
  border: 3px solid var(--wp--preset--color--accent, var(--hoot-accentcolor));
}
.wp-block-image.is-style-hoot-image-frame img {
  border: 10px solid var(--hoot-shadow10, #e8e8e8);
}

.wp-block-heading.is-style-hoot-headblock1 {
  border-left: 5px solid var(--wp--preset--color--accent, var(--hoot-accentcolor));
  padding-left: 0.4em;
}
.wp-block-heading.is-style-hoot-headblock2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wp-block-heading.is-style-hoot-headblock2.has-text-align-left {
  justify-content: flex-start;
}
.wp-block-heading.is-style-hoot-headblock2.has-text-align-center {
  justify-content: center;
}
.wp-block-heading.is-style-hoot-headblock2.has-text-align-right {
  justify-content: flex-end;
}
.wp-block-heading.is-style-hoot-headblock3 {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.wp-block-heading.is-style-hoot-headblock3.has-text-align-left {
  text-align: left;
}
.wp-block-heading.is-style-hoot-headblock3.has-text-align-center {
  text-align: center;
}
.wp-block-heading.is-style-hoot-headblock3.has-text-align-right {
  text-align: right;
}

.wp-block-heading:not(.is-highlighted).is-style-hoot-headblock2:before, .wp-block-heading:not(.is-highlighted).is-style-hoot-headblock2:after {
  content: "";
  border-bottom: solid 3px;
  width: 20px;
}
.wp-block-heading:not(.is-highlighted).is-style-hoot-headblock3:before, .wp-block-heading:not(.is-highlighted).is-style-hoot-headblock3:after {
  content: "";
  border-bottom: solid 3px;
  min-width: 20px;
  flex-grow: 1;
}

.wp-block-heading.is-highlighted.is-style-hoot-headblock2 {
  padding-left: 28px;
  padding-right: 28px;
}
.wp-block-heading.is-highlighted.is-style-hoot-headblock3 {
  padding-left: 28px;
  padding-right: 28px;
  justify-content: center;
}