: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 20px;
  --hoot-headings-botmargin: 20px;
  --hoot-entryblock-topmargin: 10px;
  --hoot-entryblock-botmargin: 25px;
  --hoot-radius-button: 0px;
  --hoot-radius-small: 0px;
  --hoot-radius-base: 0px;
  --hoot-radius-medium: 0px;
  --hoot-radius-big: 0px;
  --hoot-radius-limit12: 12px;
  --hoot-radius-limit20: 20px;
  --hoot-radius-limit50: 50px;
  --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: #222222;
  --hoot-logo-color: #000;
  --hoot-logo-family: "PT Serif", serif;
  --hoot-logo-size: 60px;
  --hoot-logo-lheight: 1em;
  --hoot-logo-lspace: normal;
  --hoot-logo-weight: 700;
  --hoot-logo-style: normal;
  --hoot-logo-trans: none;
  --hoot-logo-deco: none;
  --hoot-tagline-color: var(--hoot-logo-color);
  --hoot-tagline-family: inherit;
  --hoot-tagline-size: 15px;
  --hoot-tagline-lheight: 1em;
  --hoot-tagline-lspace: normal;
  --hoot-tagline-weight: normal;
  --hoot-tagline-style: italic;
  --hoot-tagline-trans: none;
  --hoot-tagline-deco: none;
  --hoot-subheadings-color: #4e4e4e;
  --hoot-subheadings-family: "Roboto", sans-serif;
  --hoot-subheadings-weight: 400;
  --hoot-subheadings-style: italic;
  --hoot-subheadings-trans: none;
  --hoot-subheadings-deco: none;
  --hoot-headings-color: #000;
  --hoot-headings-family: "Roboto", sans-serif;
  --hoot-headings-lheight: 1.4em;
  --hoot-headings-lspace: normal;
  --hoot-headings-weight: 400;
  --hoot-headings-style: normal;
  --hoot-headings-trans: none;
  --hoot-headings-deco: none;
  --hoot-h1-color: var(--hoot-headings-color);
  --hoot-h1-lheight: var(--hoot-headings-lheight);
  --hoot-h1-lspace: var(--hoot-headings-lspace);
  --hoot-h1-weight: var(--hoot-headings-weight);
  --hoot-h1-style: var(--hoot-headings-style);
  --hoot-h1-trans: var(--hoot-headings-trans);
  --hoot-h1-deco: var(--hoot-headings-deco);
  --hoot-h2-color: var(--hoot-headings-color);
  --hoot-h2-lheight: var(--hoot-headings-lheight);
  --hoot-h2-lspace: var(--hoot-headings-lspace);
  --hoot-h2-weight: var(--hoot-headings-weight);
  --hoot-h2-style: var(--hoot-headings-style);
  --hoot-h2-trans: var(--hoot-headings-trans);
  --hoot-h2-deco: var(--hoot-headings-deco);
  --hoot-h3-color: var(--hoot-headings-color);
  --hoot-h3-lheight: var(--hoot-headings-lheight);
  --hoot-h3-lspace: var(--hoot-headings-lspace);
  --hoot-h3-weight: var(--hoot-headings-weight);
  --hoot-h3-style: var(--hoot-headings-style);
  --hoot-h3-trans: var(--hoot-headings-trans);
  --hoot-h3-deco: var(--hoot-headings-deco);
  --hoot-h4-color: var(--hoot-headings-color);
  --hoot-h4-lheight: var(--hoot-headings-lheight);
  --hoot-h4-lspace: var(--hoot-headings-lspace);
  --hoot-h4-weight: var(--hoot-headings-weight);
  --hoot-h4-style: var(--hoot-headings-style);
  --hoot-h4-trans: var(--hoot-headings-trans);
  --hoot-h4-deco: var(--hoot-headings-deco);
  --hoot-h5-color: var(--hoot-headings-color);
  --hoot-h5-lheight: var(--hoot-headings-lheight);
  --hoot-h5-lspace: var(--hoot-headings-lspace);
  --hoot-h5-weight: var(--hoot-headings-weight);
  --hoot-h5-style: var(--hoot-headings-style);
  --hoot-h5-trans: var(--hoot-headings-trans);
  --hoot-h5-deco: var(--hoot-headings-deco);
  --hoot-h6-color: var(--hoot-headings-color);
  --hoot-h6-lheight: var(--hoot-headings-lheight);
  --hoot-h6-lspace: var(--hoot-headings-lspace);
  --hoot-h6-weight: var(--hoot-headings-weight);
  --hoot-h6-style: var(--hoot-headings-style);
  --hoot-h6-trans: var(--hoot-headings-trans);
  --hoot-h6-deco: var(--hoot-headings-deco);
  --hoot-linkcolor: #ec3535;
  --hoot-linkhovercolor: #a81212;
  --hoot-basefont-color: #222;
  --hoot-basefont-family: "Roboto", sans-serif;
  --hoot-basefont-size: 16px;
  --hoot-basefont-lheight: 1.65em;
  --hoot-basefont-lspace: normal;
  --hoot-basefont-weight: normal;
  --hoot-basefont-style: normal;
  --hoot-basefont-trans: none;
  --hoot-basefont-light: #919191;
  --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-basefont-hugesize: 2.125em;
  --hoot-basefont-hugelh: 1em;
  --hoot-topbar-fontcolor: #555;
  --hoot-menufont-color: #222;
  --hoot-menufont-family: inherit;
  --hoot-menufont-size: 0.9375em;
  --hoot-menufont-lheight: 1.2em;
  --hoot-menufont-lspace: normal;
  --hoot-menufont-weight: 700;
  --hoot-menufont-style: normal;
  --hoot-menufont-trans: uppercase;
  --hoot-menufont-deco: none;
  --hoot-menuicon-color: #222;
  --hoot-menuddfont-color: #222;
  --hoot-menuddfont-family: inherit;
  --hoot-menuddfont-size: 0.9375em;
  --hoot-menuddfont-lheight: 1.2em;
  --hoot-menuddfont-lspace: normal;
  --hoot-menuddfont-weight: normal;
  --hoot-menuddfont-style: normal;
  --hoot-menuddfont-trans: none;
  --hoot-menuddfont-deco: none;
  --hoot-widgethead-color: var(--hoot-headings-color);
  --hoot-widgethead-family: var(--hoot-headings-family);
  --hoot-widgethead-lheight: var(--hoot-headings-lheight);
  --hoot-widgethead-lspace: var(--hoot-headings-lspace);
  --hoot-widgethead-weight: var(--hoot-headings-weight);
  --hoot-widgethead-style: var(--hoot-headings-style);
  --hoot-widgethead-trans: var(--hoot-headings-trans);
  --hoot-widgethead-deco: var(--hoot-headings-deco);
  --hoot-footerhead-color: #fff;
  --hoot-footerhead-family: var(--hoot-headings-family);
  --hoot-footerhead-lheight: var(--hoot-headings-lheight);
  --hoot-footerhead-lspace: var(--hoot-headings-lspace);
  --hoot-footerhead-weight: var(--hoot-headings-weight);
  --hoot-footerhead-style: var(--hoot-headings-style);
  --hoot-footerhead-trans: uppercase;
  --hoot-footerhead-deco: var(--hoot-headings-deco);
  --hoot-footer-color: #fff;
  --hoot-footer-family: var(--hoot-basefont-family);
  --hoot-footer-size: var(--hoot-basefont-size);
  --hoot-footer-lheight: var(--hoot-basefont-lheight);
  --hoot-footer-lspace: var(--hoot-basefont-lspace);
  --hoot-footer-weight: var(--hoot-basefont-weight);
  --hoot-footer-style: var(--hoot-basefont-style);
  --hoot-footer-trans: var(--hoot-basefont-trans);
  --hoot-footer-deco: var(--hoot-basefont-deco);
  --hoot-footer-dark: #fff;
}

:root {
  --hoot-accentcolor: #ec3535;
  --hoot-accentfont: #fff;
  --hoot-buttoncolor: #ec3535;
  --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.28);
  --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: #262626;
  --hoot-footer-bg: #101010;
}

: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-darker: #101010;
  --hoot-textstyle-light: #ffffff;
  --hoot-textstyle-darkbg: rgba(0,0,0,0.60);
  --hoot-textstyle-lightbg: rgba(255,255,255,0.70);
  --hoot-textstyle-padding: 1em 3em;
}

@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;
  }
}
.editor-styles-wrapper {
  padding: 8px;
}

:where(.is-root-container) > .wp-block-heading, :where(.is-root-container) > .wp-block-paragraph, :where(.is-root-container) > .wp-block-gallery {
  box-sizing: border-box;
}

:where(.editor-styles-wrapper) a {
  color: var(--wp--preset--color--hootlink);
}
:where(.editor-styles-wrapper) a:hover {
  color: var(--wp--preset--color--hootlink-hover);
}

:where(.has-background) {
  border-radius: var(--wp--custom--radius--limit-12);
  overflow: hidden;
}

:where(.has-background).alignfull {
  border-radius: 0;
}

.wp-block-image.alignfull img, .wp-block-image.alignfull figcaption {
  border-radius: 0;
}

/************* WordPress Blocks *************/
/*** Text Size ***/
.has-regular-font-size,
.has-normal-font-size {
  line-height: var(--hoot-basefont-lheight);
}

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

.has-small-font-size {
  line-height: var(--hoot-basefont-lheight);
}

.has-medium-font-size {
  line-height: var(--hoot-basefont-lheight);
}

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

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

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

/*** 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;
}

.wp-block-quote, .wp-block-pullquote, .wp-block-verse {
  border-radius: var(--wp--custom--radius--limit-12);
}

/*** 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 ***/
/* Other Buttons */
.wp-block-search__button, .wp-block-file__button {
  border-radius: 0;
  text-decoration: none;
}

/*** Image/Figcaption ***/
.wp-block-image.is-style-rounded, .wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded,
.wp-block-image .is-style-rounded img {
  border-radius: 9999px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: none;
  color: inherit;
  flex: initial;
  margin: 0;
  padding: 10px 10px 9px;
  position: relative;
  text-shadow: none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
  display: none !important;
}

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:not(.is-style-rounded) > div {
  vertical-align: middle;
}

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

/*** Gallery ***/
.wp-block-gallery.has-background {
  padding: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em)));
}
.wp-block-gallery .blocks-gallery-caption.wp-element-caption {
  margin-top: calc(-0.5 * var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em))));
}

/*** 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;
}