/* START unset/reset/normalize, things that elementor/hello misses or gets wrong v.sean2022.08.04 */

/* set rem base font-size on html element, this resets the 15px body font-size that comes from hello theme */
 html {
  /*base font-size scales with viewport width, no media queries*/
  font-size: calc(16px + 0.133vw);
  /* the base padding size (--p-unit) is for top/bottom on sections at desktop res, half of --p-unit for left/right, typically i use 2rem as my base for top/bottom padding and half of that for left/right padding, we'll give tablet & mobile viewports fractions of --p-unit paddings ... 6rem * 16px = 96px, 4rem * 16px = 48px */
  --p-unit: 5.5rem;
  /* see type-scale.com */
  --type-scale: 1.333;
  /*  --type-scale: 1.333; */
  /* do some letter-spacing scaling similar to your type scale value */
  --ls-scale: .0133em;
  /*  --ls-scale: .0133em; */
  --jpb-lh: 1.75;
  --color-gold: hsla(44, 33%, 33%, 1);
}
/*START fix the border nonsense*/
 body {
  padding: 20px;
}
@media (min-width: 767px) {
}
@media (min-width: 1024px) {
  body {
    padding: 50px;
  }
}
/*END fix the border nonsense*/

/*don't underline CTA widget text - can't style underline for child different than parent a*/
 .elementor-nav-menu a, .elementor-kit-7 .elementor-cta {
  text-decoration:none;
}
/* START rules for blog posts done in gutenberg editor */
 .elementor-widget-theme-post-content p:first-of-type {
  font-size:calc(var(--type-scale) * 100%);
  margin-left:0;
}
.elementor-widget-theme-post-content :where(p, li) {
  max-width:80ch;
  margin-left:8%;
}
.elementor-widget-theme-post-content blockquote {
  position:relative;
  width:80%;
  margin:2rem auto;
  padding: 1em;
}
.elementor-widget-theme-post-content blockquote p {
  margin-left:revert;
  max-width: revert;
}
.elementor-widget-theme-post-content blockquote p:before, .elementor-widget-theme-post-content blockquote p:after {
  position: absolute;
  color: #f1efe6;
  font-family: serif;
  font-size: 8rem;
  width: 4rem;
  height: 4rem;
}
.elementor-widget-theme-post-content blockquote p:before {
  content:'“';
  left: -3rem;
  top: -5rem;
}
.elementor-widget-theme-post-content blockquote p:after {
  content:'”';
  right: -3rem;
  bottom: 3rem;
}
/*blogpost video embeds - wp blocks*/
 .wp-has-aspect-ratio iframe {
  height:auto;
}
.wp-embed-aspect-16-9 iframe {
  aspect-ratio:16/9
}
.wp-embed-aspect-4-3 iframe {
  aspect-ratio: 4/3;
  max-height: 360px;
  max-width: 50%;
}
.wp-embed-aspect-4-3.aligncenter iframe {
  display:block;
  margin:0 auto;
}
/* wordpress isn't using a css var here?! i could use a var but would have to write a lot more custom css */
 .wp-block-image, .wp-block-buttons {
  margin-bottom: 1.75em;
}
.alignright, .alignleft, .wp-block-image .alignright, .wp-block-image .alignleft {
  float: none;
  margin:0 auto;
}
.wp-block-button__link {
  /*  font-family: "Bebas Neue", Sans-serif;
  font-size: 27px;*/
  font-weight: 100;
  border-radius: 5px 5px 5px 5px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--e-global-color-55bdf0e);
  background-color: var(--e-global-color-secondary);
  transition:all 0.3s ease;
}
.wp-block-button__link:hover {
  background-color: var(--e-global-color-f4e0883);
}
@media (min-width: 767px) {
  .alignright, .wp-block-image .alignright {
    float: right;
    margin-top: .5em;
    margin-left: 1em;
  }
  .alignleft, .wp-block-image .alignleft {
    float: left;
    margin-top: .5em;
    margin-right: 1em;
  }
}
figcaption {
  color:var(--e-global-color-text);
}
.jpbs-ert {
  font-size:90%;
  font-style: italic;
  margin:0;
  color:var(--e-global-color-55bdf0e);
}
.elementor-kit-7 .shared-counts-wrap.style-icon {
  --isize: 2rem;
  display:flex;
  gap: var(--isize);
  margin-bottom: calc(var(--isize) / 2);
}
.elementor-kit-7 .shared-counts-wrap.style-icon .shared-counts-button {
  float: none;
  display: flex;
  margin: unset;
}
.elementor-kit-7 .shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon {
  width: var(--isize);
  height: var(--isize);
  line-height: var(--isize);
}
.elementor-kit-7 .shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon svg {
  width:var(--isize);
  height:var(--isize);
}
.elementor-kit-7 .shared-counts-wrap {
  margin:0;
}
.elementor-kit-7 .shared-counts-wrap a {
  background-image:none;
}
/* END rules for blog posts /articles/ done in gutenberg editor */