/*
 Theme Name:   HSE GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  HSE GeneratePress child theme
 Author:       Jesse Hodges
 Author URI:   https://www.twoloonsoftware.com/
 Template:     generatepress
 Version:      1.0
*/

.tls-scroll-nav a{
    color:var(--accent-2) !important;
    text-decoration: none !important;
    font-weight: bold;
}
.tls-scroll-nav ul{
    justify-content: center;
}
.tls-scroll-nav li.active {
    border-bottom: solid 2px var(--accent-2);
}


@font-face {
  font-family: "Meltow";
  src: url('fonts/MeltowSans100Regular/font.woff2') format('woff2'), url('fonts/MeltowSans100Regular/font.woff') format('woff');
}
/*@font-face {
  font-family: "MeltowSans200";
  src: url('fonts/MeltowSans200Regular/font.woff2') format('woff2'), url('fonts/MeltowSans200Regular/font.woff') format('woff');
}
@font-face {
  font-family: "MeltowSans300";
  src: url('fonts/MeltowSans300Regular/font.woff2') format('woff2'), url('fonts/MeltowSans300Regular/font.woff') format('woff');
}*/
.hole-mark-mask{
	position:relative;
	overflow:hidden;
    isolation: isolate;
}
 .hole-mark-mask .scrim {
    --svgurl:url('data:image/svg+xml;utf8,<svg fill="currentColor" stroke="currentColor" viewBox="72.554 112.242 65.18 72.72" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="color:%23fff"><circle style="stroke-width:.264583" r="2.381" cy="181.581" cx="75.935" class="dot dot-r1 dot-c1"></circle><circle style="stroke-width:.264583" r="2.381" cy="173.336" cx="75.935" class="dot dot-r2 dot-c1"></circle><circle style="stroke-width:.264583" r="2.381" cy="165.092" cx="75.935" class="dot dot-r3 dot-c1"></circle><circle style="stroke-width:.264583" r="2.381" cy="156.848" cx="75.935" class="dot dot-r4 dot-c1"></circle><circle style="stroke-width:.264583" r="2.381" cy="148.603" cx="75.935" class="dot dot-r5 dot-c1"></circle><circle style="stroke-width:.264583" r="2.381" cy="140.356" cx="75.935" class="dot dot-r6 dot-c1"></circle><circle style="stroke-width:.264583" r="2.381" cy="132.112" cx="75.935" class="dot dot-r7 dot-c1"></circle><circle style="stroke-width:.264583" r="2.381" cy="123.867" cx="75.935" class="dot dot-r8 dot-c1"></circle><circle style="stroke-width:.264583" r="2.381" cy="115.623" cx="75.935" class="dot dot-r9 dot-c1"></circle><circle style="stroke-width:.264583" r="2.381" cy="181.581" cx="84.262" class="dot dot-r1 dot-c2"></circle><circle style="stroke-width:.264583" r="2.381" cy="173.336" cx="84.262" class="dot dot-r2 dot-c2"></circle><circle style="stroke-width:.264583" r="2.381" cy="165.092" cx="84.262" class="dot dot-r3 dot-c2"></circle><circle style="stroke-width:.264583" r="2.381" cy="156.848" cx="84.262" class="dot dot-r4 dot-c2"></circle><circle style="stroke-width:.264583" r="2.381" cy="148.603" cx="84.262" class="dot dot-r5 dot-c2"></circle><circle style="stroke-width:.264583" r="2.381" cy="140.356" cx="84.262" class="dot dot-r6 dot-c2"></circle><circle style="stroke-width:.264583" r="2.381" cy="132.112" cx="84.262" class="dot dot-r7 dot-c2"></circle><circle style="stroke-width:.264583" r="2.381" cy="123.867" cx="84.262" class="dot dot-r8 dot-c2"></circle><circle style="stroke-width:.264583" r="2.381" cy="115.623" cx="84.262" class="dot dot-r9 dot-c2"></circle><circle style="stroke-width:.264583" r="2.381" cy="181.581" cx="92.591" class="dot dot-r1 dot-c3"></circle><circle style="stroke-width:.264583" r="2.381" cy="173.336" cx="92.591" class="dot dot-r2 dot-c3"></circle><circle style="stroke-width:.264583" r="2.381" cy="165.092" cx="92.591" class="dot dot-r3 dot-c3"></circle><circle style="stroke-width:.264583" r="2.381" cy="156.848" cx="92.591" class="dot dot-r4 dot-c3"></circle><circle style="stroke-width:.264583" r="2.381" cy="148.603" cx="92.591" class="dot dot-r5 dot-c3"></circle><circle style="stroke-width:.264583" r="2.381" cy="140.356" cx="92.591" class="dot dot-r6 dot-c3"></circle><circle style="stroke-width:.264583" r="2.381" cy="132.112" cx="92.591" class="dot dot-r7 dot-c3"></circle><circle style="stroke-width:.264583" r="2.381" cy="123.867" cx="92.591" class="dot dot-r8 dot-c3"></circle><circle style="stroke-width:.264583" r="2.381" cy="115.623" cx="92.591" class="dot dot-r9 dot-c3"></circle><circle style="stroke-width:.264583" r="2.381" cy="156.848" cx="100.917" class="dot dot-r4 dot-c4"></circle><circle style="stroke-width:.264583" r="2.381" cy="148.603" cx="100.917" class="dot dot-r5 dot-c4"></circle><circle style="stroke-width:.264583" r="2.381" cy="140.356" cx="100.917" class="dot dot-r6 dot-c4"></circle><circle style="stroke-width:.264583" r="2.381" cy="156.848" cx="109.246" class="dot dot-r4 dot-c5"></circle><circle style="stroke-width:.264583" r="2.381" cy="148.603" cx="109.246" class="dot dot-r5 dot-c5"></circle><circle style="stroke-width:.264583" r="2.381" cy="140.356" cx="109.246" class="dot dot-r6 dot-c5"></circle><circle style="stroke-width:.264583" r="2.381" cy="181.581" cx="117.7" class="dot dot-r1 dot-c6"></circle><circle style="stroke-width:.264583" r="2.381" cy="173.336" cx="117.7" class="dot dot-r2 dot-c6"></circle><circle style="stroke-width:.264583" r="2.381" cy="165.092" cx="117.7" class="dot dot-r3 dot-c6"></circle><circle style="stroke-width:.264583" r="2.381" cy="156.848" cx="117.7" class="dot dot-r4 dot-c6"></circle><circle style="stroke-width:.264583" r="2.381" cy="148.603" cx="117.7" class="dot dot-r5 dot-c6"></circle><circle style="stroke-width:.264583" r="2.381" cy="140.356" cx="117.7" class="dot dot-r6 dot-c6"></circle><circle style="stroke-width:.264583" r="2.381" cy="132.112" cx="117.7" class="dot dot-r7 dot-c6"></circle><circle style="stroke-width:.264583" r="2.381" cy="123.867" cx="117.7" class="dot dot-r8 dot-c6"></circle><circle style="stroke-width:.264583" r="2.381" cy="115.623" cx="117.7" class="dot dot-r9 dot-c6"></circle><circle style="stroke-width:.264583" r="2.381" cy="181.581" cx="126.026" class="dot dot-r1 dot-c7"></circle><circle style="stroke-width:.264583" r="2.381" cy="173.336" cx="126.026" class="dot dot-r2 dot-c7"></circle><circle style="stroke-width:.264583" r="2.381" cy="165.092" cx="126.026" class="dot dot-r3 dot-c7"></circle><circle style="stroke-width:.264583" r="2.381" cy="156.848" cx="126.026" class="dot dot-r4 dot-c7"></circle><circle style="stroke-width:.264583" r="2.381" cy="148.603" cx="126.026" class="dot dot-r5 dot-c7"></circle><circle style="stroke-width:.264583" r="2.381" cy="140.356" cx="126.026" class="dot dot-r6 dot-c7"></circle><circle style="stroke-width:.264583" r="2.381" cy="132.112" cx="126.026" class="dot dot-r7 dot-c7"></circle><circle style="stroke-width:.264583" r="2.381" cy="123.867" cx="126.026" class="dot dot-r8 dot-c7"></circle><circle style="stroke-width:.264583" r="2.381" cy="115.623" cx="126.026" class="dot dot-r9 dot-c7"></circle><circle style="stroke-width:.264583" r="2.381" cy="181.581" cx="134.353" class="dot dot-r1 dot-c8"></circle><circle style="stroke-width:.264583" r="2.381" cy="173.336" cx="134.353" class="dot dot-r2 dot-c8"></circle><circle style="stroke-width:.264583" r="2.381" cy="165.092" cx="134.353" class="dot dot-r3 dot-c8"></circle><circle style="stroke-width:.264583" r="2.381" cy="156.848" cx="134.353" class="dot dot-r4 dot-c8"></circle><circle style="stroke-width:.264583" r="2.381" cy="148.603" cx="134.353" class="dot dot-r5 dot-c8"></circle><circle style="stroke-width:.264583" r="2.381" cy="140.356" cx="134.353" class="dot dot-r6 dot-c8"></circle><circle style="stroke-width:.264583" r="2.381" cy="132.112" cx="134.353" class="dot dot-r7 dot-c8"></circle><circle style="stroke-width:.264583" r="2.381" cy="123.867" cx="134.353" class="dot dot-r8 dot-c8"></circle><circle style="stroke-width:.264583" r="2.381" cy="115.623" cx="134.353" class="dot dot-r9 dot-c8"></circle></svg>');

    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background-color 0.1s linear;
    pointer-events: none;

    /* 2-layer mask:
       1) a full white layer (keeps everything visible)
       2) your SVG circles (punched out via exclude/xor) */
    -webkit-mask-image: linear-gradient(#fff 0 0), var(--svgurl);
    -webkit-mask-composite: xor;
    -webkit-mask-position: 0 0, center calc(100% - 25px);
    -webkit-mask-size: auto, 300px 300px;
    -webkit-mask-repeat: no-repeat;
    
    /* Standard properties for other browsers */
    mask-image: linear-gradient(#fff 0 0), var(--svgurl);
    mask-composite: exclude;
    mask-position: 0 0, center calc(100% - 25px);
    mask-size: auto, 300px 300px;
    mask-repeat: no-repeat;
  }