/*
Theme Name: Shaunna Erwin Portfolio
Theme URI:
Description: Divi 5 child theme for the Shaunna Erwin portfolio.
Author: Shaunna Erwin
Author URI:
Template: Divi
Version: 1.0.0
Text Domain: shaunna-erwin-portfolio
*/


/* Skip-to-content link — needs real :focus behavior Divi's design panel doesn't expose (see 01-global-foundation.md §5). Target this to whatever wraps your actual main-content landmark. */
.se-skip-link{position:fixed;left:15px;top:-90px;z-index:20;background:var(--yellow);color:#000;padding:.75rem}
.se-skip-link:focus{top:10px}

/* Registration-mark decorative glyph (small print detail used next to several eyebrows) — a bordered circle with two crossing tick marks, not reproducible with native Divi controls. */
.se-reg{display:inline-block;position:relative;width:1.25rem;height:1.25rem;border:1px solid currentColor;border-radius:50%;flex:0 0 auto}
.se-reg:before,.se-reg:after{content:'';position:absolute;background:currentColor}
.se-reg:before{width:1.625rem;height:1px;left:-4px;top:9px}
.se-reg:after{width:1px;height:1.625rem;top:-4px;left:9px}

/* Halftone dot background texture behind the homepage proof wall */
.se-halftone{background-image:radial-gradient(#ffffff0b .7px,transparent .7px);background-size:9px 9px}

/* Homepage hero art collage — angular clipped background shape behind the overlapping framed photos. Divi doesn't have a native arbitrary-polygon clip-path control. */
.se-hero-art-field{clip-path:polygon(12% 0,100% 5%,89% 91%,0 100%)}

/* Reduced-motion support — disable decorative transitions for users who request it. Global regardless of which module authored the transition. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Registration Mark graphic */
/* Disable the previous wrapper pseudo-elements */
.et_pb_module.se-eyebrow-reg::before,
.et_pb_module.se-eyebrow-reg::after {
  content: none !important;
}

/* Position the text and registration mark */
.se-eyebrow-reg .et_pb_text_inner p {
  position: relative;
  margin: 0;
  padding-inline-start: 1.8rem;
}

/* Circle */
.se-eyebrow-reg .et_pb_text_inner p::before {
  content: "";
  position: absolute;
  inset-inline-start: 0.2rem;
  top: 50%;
  box-sizing: border-box;
  width: 0.9rem;
  height: 0.9rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translateY(-50%);
}

/* Cross */
.se-eyebrow-reg .et_pb_text_inner p::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  width: 1.3rem;
  height: 1.3rem;
  transform: translateY(-50%);
  background:
    linear-gradient(currentColor, currentColor)
      center / 100% 1px no-repeat,
    linear-gradient(currentColor, currentColor)
      center / 1px 100% no-repeat;
}

.se-art-signoff-reg .et_pb_text_inner,
.se-art-signoff-reg .et_pb_text_inner span {
  display: block;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
}

.se-art-signoff-reg .et_pb_text_inner span {
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #f5d632;
}

.se-art-signoff-reg .et_pb_text_inner span::before,
.se-art-signoff-reg .et_pb_text_inner span::after {
  content: "";
  position: absolute;
  display: block;
  background: currentColor;
  pointer-events: none;
}

/* Horizontal crosshair */
.se-art-signoff-reg .et_pb_text_inner span::before {
  width: 1.625rem;
  height: 1px;
  top: calc(50% - 0.5px);
  left: 50%;
  transform: translateX(-50%);
}

/* Vertical crosshair */
.se-art-signoff-reg .et_pb_text_inner span::after {
  width: 1px;
  height: 1.625rem;
  top: 50%;
  left: calc(50% - 0.5px);
  transform: translateY(-50%);
}